/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {color: #ff0000;}

.field-validation-valid { display: none;}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {    display: none;}

.LClear{clear:both; height:0; font-size:1%; overflow:hidden}
img{border:0}
html {height:100%}
body{margin:0;padding:0;font-family:Verdana,Helvetica,Arial;font-size:80%;background-color:#FFF;-webkit-overflow-scrolling:touch}
form {margin:0;padding:0}

#LTop{width:100%; height:40px; text-align:right;}
#LTop img{height:62px; margin:4px }

#LC1{width:5%;  float:left;overflow:auto;line-height:1.5}
#container,#container2{	float:left;}

#container .bar, #container2 .bar{
	background-color: #DBDBDB;
	height:20px;
}

#container{
	width:45%;
	background-color:#D194BD;
	border-right:2px solid #333;
}
#container2{
	width:50%;
	background-color:#D194BD;
}
	
#container #con1,#container2 #con2{
	margin:10px; background-color:#FFF;
	overflow:scroll;
}

#con1 {
    height: 99%;
}

.line1{background-color:#E9E9E9;padding:4px;	}
.line0{background-color:#FFF;padding:4px;}
.line2{background-color:#F90;padding:4px;color:#FFF;font-weight:bold;}

a, a:visited, a:link, a:hover{ color: #66E0A1}

#SavingInfo{width:50%}
.SavingInfoError {background-color:#990000; padding:5px;color:#FFF; font-weight:bold;}
.SavingInfo {background-color:#99CC00; padding:5px; color:#FFF; font-weight:bold;}

img {border:0}

.T1{width:100%;	border:0px;	border-collapse:collapse;	border-spacing:0;}
.T1 tr{vertical-align: top;}
.T1 td {padding:2px 10px; border:1px solid #333}


.T1a td {border:1px solid #e6e6e6}

.T2 tr{vertical-align: top;}

.txt1{font-size:80%;}

.bg1{background-color:#BDD776;padding:0 2px}

.tCenter{text-align:center}

#LLogin {
    left: 50%;
    margin-left: -180px;
    margin-top: -110px;
    position: absolute;
    top: 30%;
    background-color:#fff;
    width:350px;
    height:220px;

 }
 
 #LLogin .Box  {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border: 10px solid #66E0A1;
 }
 
 #LLogin .appMessage {
	 margin-top: 20px;
 }
 
  #LLogin .appMessage img {
	 margin-bottom: 20px;
 }
 
 
 .headerTopBox label{width:auto;padding:0 4px; display:inline;  border: 1px dotted #ccc; border-radius: 2px;}
 
  #LLogin .Box .content  {      padding:10px;  }
  #LLogin .Box .col1  {      float:left;      width:25%; margin:4px 0; text-align:right;}
  #LLogin .Box .col2  {      float:left;      width:75%; margin:4px 0;}
  
  #LLogin .Box .col1 span{padding-right:5px;}
    
 .inptxt{border:solid 1px #7B7B7B;}
 .con2Content{padding:20px; }
 
.TShowdata {
    width:100%;
	border:0px;
	border-collapse:collapse;
	border-spacing:0;
	margin:5px 0 10px 0;	
}
.TShowdata tr{ vertical-align:top; border-radius: 2px;}
 
.TShowdata .col1{padding:4px 0px; width:15%; text-align:right; vertical-align:top;}
.TShowdata .col2{padding:4px 0px; width:85%}
.TShowdata .col{padding:4px 0px;}
.txtinp{width:90%}
.txtinpNumber {width:100px}
.txtinpGPS {    width: 150px}

.txtareainp{ width: 400px;height: 200px;}
.txtareainp2 {
    width: 90%; height: 150px;
}


.TShowdata .col1 .ct, .TShowdata .col2 .ct, .TShowdata .col .ct {
    padding-left: 10px;
}
.TShowdata .rowA {	background-color:#E5E5E5;}
.TShowdata .rowB {	background-color:#EEEDEA;}
.TShowdata .rowHeader {	background-color:#66e0a1;}

.cmsEditLoading {
    text-align: center;
    padding-top: 100px;
}

.tHl{color:#C00}

.ShowResultTable tr {background-color: #999;}

.ShowResultTR  {
    border-bottom: 1px solid #999; 
    padding-bottom: 3px;
}

.BackofficeSearchResultTable {
    padding-bottom: 20px;
}

.BackofficeSearchResultTable tr {
    background-color: #D7E4BC;
}

.BackofficeSearchResultTable tr:hover {
    background-color: #DED4CD;
}

.BackofficeSearchResultTable th {
    text-align: left;
    background-color: #9F4D88;
    color: #fff;
    padding: 2px;
}

.BackofficeSearchResultTable td {
    padding: 2px;
}

#Welcome {
    border: 1px solid #999;
    background-color: #66e0a1;
    padding: 3px;
    border-radius: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    font-weight: bold;
    color:#F3ECE2
    
}

.WelcomeColA, .WelcomeColA1, .WelcomeColB {
    float:left; 
    margin-bottom:4px;
    border: 1px solid #e6e6e6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;       
    padding: 3px;
    margin-top: 3px;
}


/*.WelcomeColA, .WelcomeColA1 {    width: 48%;    margin-right:1%}
.WelcomeColB {    width: 49%;    }*/

.GraphTitle {
    background-color: #F3ECE2;
    color: #725F5B;
    border: 1px solid #ccc;
    padding: 6px 10px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.WelcomeColA, .WelcomeColA1, .WelcomeColB {    width: 99%;}
                                 
.WelcomeColA .Title, .WelcomeColB .Title, .WelcomeColA1 .Title{    font-weight:bold; margin-top: 2px;
    border: 1px solid #ccc;
    padding: 6px 10px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;    
}

.WelcomeColA .Title {background-color: #725F5B; color:#F3ECE2}
.WelcomeColB .Title {background-color: #725F5B; color:#F3ECE2}
.WelcomeColA1 .Title {background-color: #725F5B; color:#F3ECE2}

.WelcomeColA .Title2, .WelcomeColA1 .Title2, .WelcomeColB .Title2 {background-color: #953734; color:#FFF}
.WelcomeColA .Title3, .WelcomeColA1 .Title3, .WelcomeColB .Title3 { background-color: #666; color:#FFF}
.WelcomeColA .Title4, .WelcomeColA1 .Title4, .WelcomeColB .Title4 { background-color: #366092; color:#FFF}
.WelcomeColA .Title5, .WelcomeColA1 .Title5, .WelcomeColB .Title5 { background-color: #E36C09; color:#FFF}
.WelcomeColA .Title6, .WelcomeColA1 .Title6, .WelcomeColB .Title6 { background-color: #76923C; color:#FFF}
.WelcomeColA .Title7, .WelcomeColA1 .Title7, .WelcomeColB .Title7 { background-color: #5F497A; color:#FFF}
.WelcomeColA .Title8, .WelcomeColA1 .Title8, .WelcomeColB .Title8 { background-color: #CCFF00; color:#666}

.fontC2 {color: #F00;}

.ItemCol, .ItemCol2 {
    margin-top: 2px;
    border: 1px solid #e6e6e6;
    padding: 3px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;    
}

.ItemCol50{ width: 47%;float: left; margin-right:1%}

.WelcomeColA .Element, .WelcomeColB .Element, .WelcomeColC .Element { padding-left: 15px;}

.WelcomeColA .ItemCol { background-color: #F1EDE2;}
.WelcomeColB .ItemCol { background-color: #F1EDE2;}
.WelcomeColA1 .ItemCol { background-color: #F1EDE2;}
.WelcomeColA1 .ItemCol2 { background-color: #D194BC;padding: 20px 20px;}

.SizeB{border:1px solid #ccc; height: 400px; overflow:auto}
.SizeC{border:1px solid #ccc; height: 200px; overflow:auto}

.headerMain {    margin: 2px;}

.headerTopBox {
    border: 1px dotted #ccc;
    margin-right: 4px;
    float: left;
    padding: 2px 4px 2px 4px;
    border-radius: 2px;
    min-height: 22px;
    vertical-align: middle;
}

.headerTopBoxLogout {
    background-color: #EDEDED;   
}

.headerTopBox .Title {
    color: #66e0a1;
}

.fR {    float: right; }
.fL {    float: left; }
.font85{ font-size: 85%;}

.AddEditTopBox {
    border: 1px dotted #ccc;
    margin-right: 4px;
    float: left;
    padding: 2px 4px 2px 4px;
    border-radius: 2px;
}

.AddEditTopBoxBG {
    background-color: #EDEDED;
}

.nowrapTd {white-space:nowrap}
.nowrap a{white-space:nowrap}
.nowrap a:hover{background-color: #D194BD; color:#666;}

.ui-autocomplete-loading { background: white url('/img/ui-anim_basic_16x16.gif') right center no-repeat; }

.photoManager {
    padding: 5px;
}

#sortable {float:left; width:99%;
	
}

.fL {
    float: left;
}

#sliderSize {
    width: 150px;
    margin-top: 3px;
    margin-left: 10px;
}

#sliderSizeBox {
    position: relative;
}

.ui-tit {
	height: 100px;
	float: left;
	padding: 10px 10px 2px 10px;
	margin: 5px;
	text-align:center;
    font-size: 85%;
}

.ui-tit-middle {
	height: 170px;
	float: left;
	padding: 10px 10px 2px 10px;
	margin: 5px;
	text-align:center;
    font-size: 85%;
}

.ui-tit-big {
	float: left;
	padding: 10px 10px 2px 10px;
	margin: 5px;
	text-align:center;
    font-size: 85%;
}

#sortable .notInSortingFile {
    border: 1px solid #f00;
}

#sortable .notAtDisk {
    border: 1px solid #00f;
}

.photoManager .messageAlertBox {
    color: #fff;
    font-weight: bold;
    background-color: #f00;
    padding: 3px;
    margin: 3px;
}

.photoManager .messageBox {
    color: #fff;
    font-weight: bold;
    background-color: #0f0;
    padding: 3px;
    margin: 3px;
}

.color1{	background-color:#D194BD;}
.headerTopBox input{ height: 15px;}

.ownerContractMainDiv {
    
}

.ownerContract {
    margin-left: auto;
    margin-right: auto;
    width: 996px;
    padding-top: 20px;
}

.ownerContract .ownerContractBox {
    border: 15px solid #725F59;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;    
    padding: 20px;
}

.ownerContract .ownerContractBox2 {
    border: 15px solid #99BF35;
}

.ownerContractBox .owContTitle {
    background-color: #D194BC;
    color: #fff;
    border: 3px solid #725F59;
    padding: 10px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
}

.ownerContractBox .owContContract {
    width: 98%;
    height: 250px;
    overflow-y: scroll;
    border: 1px solid #999;
    padding: 10px;
    background-color: #EFEFEF;
}

.ownerContractBox .owContContractTitle {
    margin-bottom: 5px;
}

.marginLR10{ margin: 0 10px;}

/* ----------------------------------------------------- */
/* navigation styles - BEGIN */ 
	
/* style for vertical nav */	
#navigation_vert { clear:both; padding:0 0 0 0; margin:0 auto}
#navigation_vert  ul {height:50px; display:block}
#navigation_vert  ul li {display:block; width:400px; height:50px; margin:0 0 6px 0;position: relative;}
#navigation_vert li {margin-bottom: 2px;}
#navigation_vert  ul li a.navlink {display:block; *display:inline-block; width:200px; height:30px; padding: 20px 0 0 0; text-align:center; color:#fff; text-decoration:none}
#navigation_vert .dropdown {position:absolute; padding:20px; border-bottom-right-radius:10px; border-top-right-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topright:10px}
	
/* style for each drop down - vertical */
#navigation_vert ul li #dropdown_four {background:#E9E9E9; color:#fff}
#navigation_vert ul li #dropdown_four a {color:#fff}
#navigation_vert ul li #dropdown_five {background:#666; color:#fff}
#navigation_vert ul li #dropdown_five a {color:black}
#navigation_vert ul li #dropdown_six {background:#777; color:#fff}	
#navigation_vert ul li #dropdown_six a {color:orange}

/* navigation styles - END */ 
/* ----------------------------------------------------- */

#ownerDesktopLoadingDiv {
    display: block; 
    left: 40%; 
    position: absolute; 
    top: 35%; 
    border: 1px solid #666666; 
    padding: 8px; 
    background-color: #D6D6D6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
}