/*******************************/
/* Heos: Base stylesheet */
/*******************************/

@import url("form.css");
@import url("form.import.css");

body, html {
	height: 100%;
}


* {
	margin: 0;
	padding: 0;
}


body {
    margin: 0px;
    padding: 0px;
    background-color: #FFF;
    font-family: 'Tahoma Regular', 'Tahoma',verdana,  sans-serif, Arial, Helvetica;
    font-size: 11px;
    /* div#global min-width 1280px + 60px margin */
}

/* set default font for extjs */
.x-body , .x-grid-row .x-grid-cell, .x-grid-group-title,.x-column-header {
    font-family: 'Tahoma Regular', 'Tahoma', verdana, sans-serif, Arial, Helvetica  !important;
}

div#global
{
	min-width: 1280px;
	margin-left: 60px;
	text-align: left;
	background-color: #FFF;
	min-height: 100%;
	overflow-x:auto;
	
}


a {
    text-decoration: none;
}

img{
	border:none;
}

/*******************************/
/* Divers */
/*******************************/

img.magnifyButton {
	width: 27px;
	height: 20px;
	border: 0;
}

span.unit {
	display:inline;
	margin-left: 6px;
}

div#embed_struct {
    width: 270px;
	border: 1px #efefef solid;
    
    text-align: center;
    color: #000080;
    font-size: 0.8em;
    
    background-color: #f7f7f7;
	margin-top: 8px;
}

div#embed_struct:after {
	content: "";
	display: table;
	clear: both;
}

div#embed_struct {
	background-color: #ffffff;
	border: none;
}

embed#structureEmbed {
	width:410px;
    height:145px;
}

div.statusmessage{
	font-size:14px;
	text-align:center;
	font-weight: bold;
}

div.infomessage, div.successmessage{ color: #1bc34e; }

div.errormessage, div.failuremessage{ color: red; }

form.stepForm div.errormessage {
	padding: 5px 16px;
}

/*******************************/
/* Waiting Bar*/
/*******************************/
div#waiting_box {
	float:left;
	width: 350px;
	font-size: 14px; 
	font-weight: bold;
	text-align: center;
	margin-top: 150px;
	margin-left: 137px;
	margin-left /**/: 275px;	
}

/*******************************/
/* Layout */
/*******************************/

.pagetitle {
   margin-top:10px;
   margin-bottom:5px;
	font-weight:bold;
	font-size: 18px;
}
.pagetitle span.pagehelp{
   font-weight:normal;
	font-size: 12px;
	padding-bottom:5px;
}

div.sides, iframe.sides {
    background: white;
    padding:0px;
    width: 100%;
}


div.sides{
	clear:both;
	max-width:1280px;
}

h3.sidestitle {
    float : none;
    margin-top:5px;
    margin-left:10px;
    text-transform:uppercase;
    font-style:normal;
    font-weight: 400;
	color: #4161AE; 
	font-size: 18px;
}

div.sidesrow {
	clear: both;
	float:left;
	width: 870px;
	border: 1px solid #efefef;
	margin-top: 10px;
	margin-left: 5px;
}	

table.sidesrow {
	clear: both;
	float:left;
	width: 870px;
	margin: 0px; 
	border: 0px;
}
	
div.right_side, div.left_side {
	margin: 0px;
    float: left;
    width: 432px;
    padding:3px 0px 0px 0px;
    /* height:392px;*/
}

/*******************************/
/* Form */
/*******************************/
form.base {
	margin: 0px;
  	padding: 0px;
}

/*
form.base * {
  margin: 0px;
  padding: 0px;
}
*/

form.base fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

form.base label {
    display: block;
    float: left;
    width: 135px;
}

form.base input.inputText {
    width: 160px;   
    height: 20px; 
 }
 
 form.base textarea.inputText {
    width: 160px;   
    font-family: inherit;
 }

form.base input.inputNumeric {
    width: 60px;
    height: 20px;
    border: 1px inset #CCCCCC;
}

form.base input.inputFile {
    height: 20px;
    border: 1px inset #CCCCCC;
}

form.base input.inputDate{
    width: 75px;
    height: 20px;
    text-align: center;
    border: 1px inset #CCCCCC;
}

form.base input.required, form.base textarea.required {
	background-color: #fdffdb;
}

form.base input.disable, form.base textarea.disable {
	background-color: #e1e1e1;
	cursor:default;
}

form.base span.validation-advice {
	padding: 0 3px 0 3px;
	background-color: #f97171;
	color : #FFF;
	font-weight: bold;
}

form.base span.validation-example {
	text-decoration: underline;
}

form.base label, form.base legend, form.base p, form.base span.label{
	font-size: 13px;
}

form.base span.info {
	font-size: 13px;
}

form.base span.label {
	float: left;
	margin-top: 2px;
}

form.base label.selectopt{    
	font-size: 11px;
    font-weight: normal;
    margin-left: 3px;
    margin-right: 3px;
    padding: 0px 0px 0px 13px;
}

form.base label span {
	float:left;
}

form.base select.selectOne {
	margin-right: 1px;
}

form.base select.selectUnit {
	margin-left: 7px;
	width:70px;
}

form.base input.inputRadio {
	margin-right: 3px;
	margin-left: 5px;
}


form.base  div.row, form.base fieldset.row {
    clear:left;
    margin-top:3px;
    margin-bottom:3px;    
    padding: 0px;    
}

form.base fieldset.marked, form.base div.marked {
    border: 1px solid #efefef;
    padding: 3px;
}

form.base  div.compactrow {
	clear: left; 
	padding: 0;
	margin: 0;
}

form.base div.compactrow p {
    float: left;
    width: 125px;
    /*margin-top:8px;*/
    /*margin-bottom:8px;*/ 
    padding: 0px;
}

form.base div.compactrow fieldset {
	margin: 0; 
	padding: 0;
}

form.base div.compactrow label.selectopt{    
    width:auto;
}

/*
form.base input.inputButton {
    background-color: #A6C3B8;
    font-size: 12px;
}
*/


form.base input.readonly {
	background-color: #fff;
	border: 1px solid #fff;
}

form.base span.between {
    display: none;
}

form.base a.datepicker {
    background:url('../images/heos_form/calendarIcon.gif');
    background-repeat: no-repeat;
    background-position: center center;
    width:17px;
}

/*******************************/
/* Search Bar */
/*******************************/
div.search_bar, div#navigation_bar, div.action_bar {
  display: inline;
  float: right;
  text-align: left;
  width: auto;
  padding: 0px;
  margin: 0px;   
}
div.barcontainer {
	width: 870px;
	margin-top: 10px;
	margin-left: 5px;
}

div.search_bar input{
	margin-right: 3px;
	margin-left: 3px;
	width: 110px;
	/*display: none;*/
}	

div#navigation_bar input, div.action_bar input {
	margin-right: 3px;
	margin-left: 3px;
	width: 70px;
}	

/*******************************/
/* Header */
/*******************************/
#pageheader #pageheader-custom-controls  a {
	margin-left:30px;
	height:28px;
	width:28px;
	height:32px\9; /*IE 9 hack */
	width:32px\9;
	
}

.headerbutton.fa {
	font-size:24px;
	color:#FFF;
}

#pageheader #pageheader-custom-controls >  a.data {
  display: inline-block;
  background: url(../images/applications/projectdata32w.png) no-repeat; 
  background-size:contain;
}

#pageheader #pageheader-custom-controls >  a.documents {
  display: inline-block;
  background: url(../images/applications/projectdocuments32w.png) no-repeat; 
  background-size:cover;
}

#pageheader{
	height:60px;
	background:#0077C8;
	min-width:900px;
}

#pageheader-data{
	padding-top:8px;
}


#pageheader #pageheader-logo{
	float:left;
	background:#FFF;
}

#pageheader #pageheader-logo img{
   float:left;
}

#pageheader .server_label{
	background-color:red;
	color:#FFF;
	padding:2px 4px;
	text-transform:uppercase;
	border-radius:3px;
	font-size:16px;
	border:1px solid red;
}

#pageheader .team_label{
   color:#FFF;
   padding:2px 4px;
   text-transform:uppercase;
   border-radius:3px;
   font-size:16px;
   border:1px solid #999;
}

#pageheader #pageheader-title{
	color: #FFF;
	padding-top: 1px;
	padding-left: 20px;
	float:left;
	font-size:18px;
	display:table;
	height:50px;
}


#pageheader  #pageheader-title span.sc-title{
	font-weight:bold;
	font-style:italic;
}


#pageheader  #pageheader-title span.sc-title-single{
	font-style:italic;
	display:table-cell;
	vertical-align:middle;
}

#pageheader #pageheader-custom-controls{
	float:left;
	margin-left:95px;
	padding-top: 10px;
}

#pageheader #pageheader-custom-controls #headercontrols-search{
	float:left;
}

#pageheader #pageheader-links-profile{
	float:right;
}

#pageheader #pageheader-links-profile .headerseparator{
	margin-left:5px;
	color:#CCC;
	font-size:20px;
   vertical-align:text-bottom;
   padding-bottom:5px;
}

#pageheader #pageheader-links-profile  #pageheader-links{
	padding-top: 8px;
}

#pageheader #pageheader-links-profile  #pageheader-links tr td{
	padding-right:10px;
	vertical-align:middle;
}

#pageheader #pageheader-links-profile .header-session {
    padding-right: 5px;
    font-weight: 900;
	width: 200px;
	font-size: 10px;
	padding: 0 10px 0px 21px;
	text-align: center;
}

#pageheader #pageheader-links-profile .header-user {
    text-align: right;
    padding-right: 5px;
    font-weight: 900;
}

#pageheader #pageheader-user a {
	color: white;
	text-decoration: none;
	font-weight: 400;
}

img.customer-logo {
	max-width: 115px;
	max-height: 45px;
}

img.customer-logo-switchable{
	cursor:pointer;
}

label.formfield{
    display:inline-block;
    width:100px;
    vertical-align:top;
}

/* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
.wordwrap { 
   word-wrap: break-word;
}