body 
{ font-family: Arial; font-size: 14px; color:#333; background-color:#FFFFFF;} 
/*{ font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 14px; color:#272727; background-color:#FFFFFF;}*/
textarea {font-family: Arial; }
#pageBody { 
	float: center;
	margin: 20px 40px 0px 0px;
	height: 85%;
	background-color: #FFFFFF;
	/*border: 1px solid;
	border-color: #D0C2C2 #474343 #474343 #D0C2C2;*/
	text-align: center;
}
.center{text-align:center;}
.text-right{ text-align:right;}
.text-left{ text-align:left;}
textarea {resize: none;
}

/* unvisited link */
a:link {
    color: #414141;
		text-decoration: none;
		display:inline-block;
}

/* visited link */
a:visited {
    color: #414141;
		text-decoration: none;
		display:inline-block;
}

/* mouse over link */
a:hover {
    color: #9C6D56;
		text-decoration: underline;
}

/* selected link */
a:active {
    color: #414141;
		text-decoration: none;
		display:inline-block;
}

.logoTable {
	color: #7399C6;
	/*color: #BEB9B9;*/
	margin: 0px 0px 0px 40px;
	width: 95%;
	height: 280px;
	padding: 0px;
	table-layout:fixed;
}
.logoTable .tdLogoBox {	
	background-image: url(/webspeed2/images/logo_2.jpg);
	background-repeat: no-repeat; 
	width: 120px;
}
.logoTable .tdLineBar {	
	border-bottom: 1px solid #7399C6;
	/*border-bottom: 1px solid #BEB9B9;*/
}
.logoTable .tdBizName{
	font-size: 32px;	
	width: 230px;
	text-align: center;
	vertical-align:middle;
	border: 1px solid #7399C6;
	/*border: 1px solid #BEB9B9;*/
}

/*.outerTable {
	background-color: #FFFFFF;
	margin: 10px 0px 0px 30px;
}*/

.outerTable1{
	border:1px solid #d0cece;
	box-shadow:0px 1px 8px #bdbdbd;
	background-color: #fff;
	margin: 8px;
}
.outerTable2 {
	border:1px solid #d0cece;
	box-shadow:0px 1px 8px #bdbdbd;
	background-color: #fff;
	margin: 8px;
	min-width:750px!important;
}

.menuTable {
	color: #BEB9B9;
	margin: 0px 0px 0px 25px;
	width: 100%;
}
.newmenuTable{ text-align:center; width:100%; margin:0px 0 30px}
.newmenuTable-2 {
	color: #000000;
	margin: 0px;
	width: 100%;
}
.newmenuTable-2 td{
	text-align:center;
	width:18%;
}
.newmenuTable-2 a{
	padding:1% 3%;
	height:131px;
}
.newmenuTable-2 a:hover{ text-decoration:none;border-color:#ff9935; opacity:.8;}
.newmenuTable-2 img{
	margin:10px;
	vertical-align:middle;
}
.newmenuTable-2 label{
	font-size:22px;
	color:#00447b;
	display:block;
	
	}



.subMenuTable {
	top: 10px;
	/*border: 1px solid;*/
	border-color: #4D4545;
	/*padding: 5px;*/
	vertical-align:top;
	margin-right: 100px
}

.newsubMenuTable {
	border: 1px solid;
	border-color: #F0FFFF;
	padding: 5px;
	vertical-align:top;
}


.subMenuTable td {
	height: 35px;
	text-align: left;
	vertical-align: middle;
	/*padding-left: 10px;*/
}

	
table.sectionTitle {
	height: 20px;
	width: 100%;
	border-bottom:1px solid #c4c4c4;
	padding:10px;
	margin-bottom:0;
	background:url(../images/th.png);
}
.sectionTitle td {
	padding: 0px;
}

td.sectionTitleText {
	font-size: 15px;
}
.sectionTitle p{
	margin:0;
	text-align:right;
	}
td.text{
	padding:5px 10px;
	border-right:1px solid #ffffff;
}

table.mainTable {
	/*border: 1px solid;*/
	border-color: #7399C6;
	/*padding: 3px;*/
	font-size:12px;
	width:100%;
}
.mainTable input, .mainTable select{
	width:100%;
}

table.mainTable tr{
	background:#fff;
}
table.mainTable a, table.detailContent a{
	/*font-size:12px;*/
	text-decoration:underline;
	
	}
table.mainTable tr:nth-child(even){
	background:#f0f1f2;
	
}
table.mainTable tr:nth-child(odd){
	background:#fff;
	
}

table.mainTable tr:nth-child(odd) input{
	background:#fff;
	
}


table.mainTable td {
	border-left:1px solid #dad8d8;
}
table.mainTable tr td:first-child {
	border-left:0;
}
.mainTable th {
	padding: 0 5px 5px;
	color: #00447b;
	font-size: 12px;
	height: 25px;
	text-align: left;
	vertical-align: center;
	text-transform: uppercase;
	font-weight:normal;
}
.mainTable td{
	padding:5px 10px;
	}
table.mainTable2 {
	/*border: 1px solid;*/
	border-color: #7399C6;
	padding: 3px;
}
.mainTable2 th {
	background-color: #1E3363;
	/*background-color: #4D4545;*/
	padding-left: 5px;
	color: #FFFFFF;
	font-size: 12px;
	height: 25px;
	text-align: left;
	vertical-align: bottom;
	text-transform: uppercase;
}


table.naviBarTable {
	width:100%;
	padding:4px 0;
	background:url(../images/th.png);
	border-top:1px solid #dad8d8;
	/*background:#00447b;*/
}
.naviBarTable td {
    text-align:center;
}
.naviBarTable .checkbox {
	background-color: #4D4545;
}

.mandatory{ 	
font-family: tahoma; 
font-size: 15px;
color: red;
vertical-align: middle;
}

.smallItalic{
font-size: 12px;
font-style: italic;
text-align: left;
}


.icons { 
	width: 21px;
	height: 21px;
	border: 0px;
/*	margin-left:6px;
	margin-right:6px;*/
	vertical-align: middle;
}

.sectionAction a{
	border-spacing: 20px;
}	

input {
  border-style: solid;
  border-color: #CCCCCC;
  border-width: 1px;
  background-color: #FFFFFF;
  font-size: 11px; 
  color:#272727; 
}

textarea {
  border-style: solid;
  border-color: #CCCCCC;
  border-width: 1px;
  background-color: #FFFFFF;
  font-size: 11px; 
  color:#272727; 
}

select {
  border-style: solid;
  border-color: #CCCCCC;
  border-width: 1px;
  background-color: #FFFFFF;
  font-size: 12px; 
  color:#272727; 
}

.submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #616161;
	-webkit-box-shadow:inset 0px 1px 0px 0px #616161;
	box-shadow:inset 0px 1px 0px 0px #616161;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1F2021), color-stop(1, #66686B) );
	background:-moz-linear-gradient( center top, #1F2021 5%, #66686B 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1F2021', endColorstr='#66686B');
	background-color:#1F2021;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #9e9e9e;
	display:inline-block;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	padding:5px 35px;
	text-decoration:none;
	text-shadow:1px 1px 0px #1F2021;
}.submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #66686B), color-stop(1, #1F2021) );
	background:-moz-linear-gradient( center top, #66686B 5%, #1F2021 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66686B', endColorstr='#1F2021');
	background-color:#66686B;
	cursor: pointer;
}.submit:active {
	position:relative;
	top:1px;
}

input.stdButton 
{ 
 width: 120px;
 height: 25px;
 border: 1px solid #1E3363;
 background-color: #1E3363;
 color: #FFFFFF;
 font-size: 14px;
 /*padding: 6px;*/
 Padding-bottom: 3px;
 cursor: pointer;
 /*border-radius: 6px;*/
 /*-moz-border-radius: 6px;*/
 /*-webkit-border-radius: 6px;*/

}


input.submitBtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #616161;
	-webkit-box-shadow:inset 0px 1px 0px 0px #616161;
	box-shadow:inset 0px 1px 0px 0px #616161;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1F2021), color-stop(1, #66686B) );
	background:-moz-linear-gradient( center top, #1F2021 5%, #66686B 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1F2021', endColorstr='#66686B');
	background-color:#1F2021;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #9e9e9e;
	display:inline-block;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	padding:5px 35px;
  cursor: pointer;
	text-shadow:1px 1px 0px #1F2021;
}

.barColor
{ color: #292928;
  background-color: #292928; }

.menuText 
{
	-moz-box-shadow:inset 0px 1px 0px 0px #616161;
	-webkit-box-shadow:inset 0px 1px 0px 0px #616161;
	box-shadow:inset 0px 1px 0px 0px #616161;
	font-size: 14px;
	color:#7399C6;
	/*color:#BEB9B9;*/
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #54452B), color-stop(1, #9A8B6E) );
	background:-moz-linear-gradient( center top, #54452B 5%, #9A8B6E 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#54452B", endColorstr="#9A8B6E");
	background-color:#998068;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #9e9e9e;
	display:inline-block;
	padding:5px 35px;
	text-shadow:1px 1px 0px #54452B;
	text-align:left;
}
.menuText:hover 
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9A8B6E), color-stop(1, #54452B) );
	background:-moz-linear-gradient( center top, #9A8B6E 5%, #54452B 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#9A8B6E", endColorstr="#54452B");
	background-color:#9A8B6E;
	cursor: pointer;
}
	
	
.text
{font-size: 14px; color:#1E3363; text-align:left; white-space: nowrap;} 
a.text { font-size: 14px; color:#1E3363; text-decoration: underline; white-space: nowrap;} 
a.text:hover {font-size: 14px; color:#7399C6; text-decoration: underline; white-space: nowrap;} 
/*{ font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 15px; color:#272727; text-align:left;} 
a.text { font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 15px; color:#272727; text-decoration: underline; } 
a.text:hover { font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 15px; color:#1F2021; text-decoration: underline; } */

.logincaption
{font-size: 15px; color:#7399C6; text-align:left;} 
a.text {font-size: 15px; color:#7399C6; text-decoration: underline; } 
a.text:hover {font-size: 15px; color:#1E3363; text-decoration: underline; } 

.header
{ font-size: 26px; text-transform:uppercase; color:#7399C6; font-weight: 100;}
/*{ font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 26px; text-transform:uppercase; color:#656565; font-weight: 100;}*/

.subheader
{ font-size: 16px; color:#7399C6; font-weight: 100;}
/*{ font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 16px; color:#272727; font-weight: 100;}*/
img,
img a{
	border:none
}
.help,
.alert{
	margin:15px 0;
	display:block;
	padding:10px 10px 10px 40px
}
.help{
	color:#1C6B8B;
	border:1px solid #6ABCE2;
	border-left-width:5px;
	background:url(../images/icon-help.png) 10px 10px no-repeat #A8CDE3;
}

.central {
    margin: auto;
}
.detailTable{
	background:#fff;
	width:100%;
}
.sectionActions{
	text-align:center;
	width:36px;
}
.detailContent{
	width:100%;
	font-size:11px;
	padding:5px;
	border-top:1px solid #d0cece;
}
.detailContent td{
	padding:2px 5px;
}
select.widthFix{
	width:162px!important;
	}
.detailContent input[type=text],.detailContent input[type=number], .detailContent textarea, .detailContent select, .detailContent .inputbox {
	color:#333;
	font-size:11px;
	padding:3px 5px;
	border-color:#e5e3e3;
	width:150px;
}
.detailContent select{
	/*width:192px;*/ 
	padding:2px 4px;
 }
 
.searchTable{
	width:100%; 
}
.searchTable table{width:100%}
.searchTitle{
	background:#00447b!important;		 
}
.searchTitle th{
	padding:2px 8px;
	color:#fff!important;
}
.searchField{
	background:#00447b!important;
}
.searchField input{
	/*border:1px solid #09318d !important;*/
	border:1px solid #666 !important;
	padding:4px!important;
}
.searchField select{
	/*border:1px solid #09318d !important;*/
	border:1px solid #666  !important;
}	
.searchField input,.searchField select{
	color:#333;
	font-size:11px;
	padding:3px 5px;
	border-color:#e5e3e3;
	width:180px;
}
input.inputsize130, select.inputsize130{width:130px!important;}
input.inputsize110, select.inputsize110{width:110px!important;}
input.small_2, select.small_2{width:121px!important;}
input.smaller, select.smaller{width:100px!important;}
input.smaller2, select.smaller2{width:60px!important;}
input.smaller3, select.smaller3{width:30px!important;}
table.smaller th{ width:100px!important;}
/*.detailContent .secTitle{color:#ff9935;}*/
.detailContent .secTitle td:first-child{background:url(../images/arr-or.png) no-repeat left; font-size:11px; font-weight:bold; padding: 2px 0 1px 15px; }
.orangeTitle_1{background:url(../images/arr-or.png) no-repeat left; font-size:11px; font-weight:bold; padding: 2px 0 1px 15px!important;color:#ff9935; }
.orangeTitle_2{background:url(../images/arr-or.png) no-repeat left; font-size:14px; font-weight:normal; padding: 2px 0 1px 15px!important;color:#ff9935; }
.orangeTitle_3{font-size:11px; font-weight:normal; padding: 0px 5px!important;color:#ff9935;}
.detailContent .secTitle img{ display:none;}
.MassTable{ width:100%;}
label.mass{ width:30px!important; display:inline-block;}
.MassTable .massTitle label{ display:inline-block;background:#ff9935; padding:3px 8px 3px 3px; font-weight:bold; width:45px; border:1px solid; border-radius:0 10px 10px 0; color:white; }
.MassTable span{ display:inline-block;padding:5px; float:right;}
.MassTable .sectionTitleText{padding:0}
.MassTable .massTitle{width:140px;}
.MassTable input[type=text]{width:120px!important;}
.MassTable select{width:132px;}
.add-popup{padding:6px; width:100%; border-top:1px solid #00447b;}
.add-popup input{ width:100%; padding:3px 1px 4px 2px;}
.add-popup a{ background:url(../images/bbg.png); color:#333; text-decoration:none!important; padding:5px 13px 4px; border:1px solid #999;}
.add-popup a:hover{background:#dbdbdb;}
.add-popup tr{ background:#fff !important;}

table.filter tr:nth-child(even){background:#f0f1f2;}
table.filter tr:nth-child(odd){background:#fff;}
.filter td{ width:50%; margin:0; padding:0;}
.filter p, .logo-maint p{font-size:12px; background:#e7f4ff; padding-left:10px; margin:0px; line-height: 18px}
.bluebg{background:#e7f4ff;}
p.bluebox{font-size:12px; background:#e7f4ff; padding:10px; margin:0px; line-height: 18px}
.filter label{ vertical-align:middle; display:inline-block; width:48%; padding:0 1%; border-right:1px solid #dad8d8;}
.filter input[type=radio]{ vertical-align:middle; margin-right:6px; width:auto!important; float:none; margin-bottom:6px;}
.filter span{vertical-align:middle; display:inline-block;margin-left:5px;}

.nav-tab{ font-size:12px; margin-top:2px;}
.nav-tab td{ border-width:0 0 0 0; border-color:#d8d5d5; border-style:solid; padding:0;}
.nav-tab a{ border-top:1px solid #d8d5d5;border-left:1px solid #d8d5d5;padding:3px 10px 3px 18px; display:inline-block; height:16px;color: #000;background: #F0F0F0; text-decoration:none; vertical-align:middle; border-radius:5px 0 0 ;}
.nav-tab a:hover{ color:#F60;}
.nav-tab td span{ display:inline-block; width:16px; height:23px; background:url(../images/g-corner.png) no-repeat; vertical-align:middle; margin:0;}
.nav-tab td.selected span{display:inline-block; background:url(../images/b-corner.png) no-repeat; vertical-align:middle;}
.nav-tab td.selected{border-color:#003f73; }
.nav-tab td.selected a{background: none repeat scroll 0 0 #003f73; color: #fff; border-top:1px solid #003f73;border-left:1px solid #003f73;}

.top-filter { border:1px solid #d7d8da; vertical-align:middle; padding:2px 15px 0 2px; background:url(../images/f-cross.png) no-repeat right ; font-size:12px; margin-left:20px; border-radius:5px; }
.top-filter:hover{ text-decoration:none;  border:1px solid #bebfc3}
.top-filter img{width:16px;margin:1px 5px 1px 0px; vertical-align:middle; border:0;}

.FilterTitle_Blue{ background:#00447b; color:#fff; padding:5px 7px!important; }
.menu_left{float: left;}
.menu_right {float: right; margin-right:-10px;}

.filter select{ width:205px; float:right}
.filter input{ width:193px!important; float:right}
.small{text-align:right;}
.filter .small select{ width:120px !important;float:none; margin-right:2px;}
.filter .small input{ width:70px !important}
.pink-alert{ border-color:#fc0c6c!important; background:#fcd9e7!important;}
.polnnote{width: 100%;}
.orange-bullet{vertical-align:middle;margin-left:10px;margin-right:-10px}
.note-info{ width:18%; line-height:16px; font-size:11px;}
.note-textarea textarea{ background:#f0f1f2!important; border-color:#f0f1f2!important; padding:10px;}
textarea.active{ background:#fff!important; border-color:#cbcaca!important;}
textarea.note-header{ padding:10px;}
.logo-maint{}
body.upload{background-color:#e2f4ff;}
.upload-pop { display: table; padding: 10%; width: 80%;text-align: center;}
.upload-pop h2{ font-size:16px; color:#00447b}
.upload-pop input[type=file]{ width:80%; text-align:center; padding:10px; border:none;}
.upload-pop input[type=button] { margin-top:20px; color:#fff; padding:8px 18px; background:#00447b}
.big-font{ font-size:14px!important;}
.bigger-font{ font-size:1.16em!important;}
.detailContent label{ font-size:11px!important;width:130px; display:inline-block; }

.long-note{width: 98.5%!important}
.long-note2{width: 99.5%!important}
.long-note2 textarea{width:98.5%;}
.long-note3 textarea{  width: 96.2%!important;}
.long-note3 label{  vertical-align: top;  width: 90px; padding: 2px 7px;}
.long-note5 textarea{  width: 85.2%!important;}
.long-note5 label{  vertical-align: top;  width: 90px; padding: 2px 7px;}
.no-border,.no-border td{border:0!important}

.legend-green { border-left:15px solid #9FF511!important;}
.legend-yellow {border-left:15px solid #FFFF73!important;}
.legend-red {border-left:15px solid #E84F00!important;}
.legend-green,.legend-yellow,.legend-red {background: #e8e8e8!important;}

.legend-green-2 input{border-left:15px solid #9FF511!important;}
.legend-yellow-2 input{border-left:15px solid #FFFF73!important;}
.legend-red-2 input{border-left:15px solid #E84F00!important;}
.legend-green-2 input,.legend-yellow-2 input,.legend-red-2 input{border-top:none!important; border-bottom:none!important;width:135px!important}

.no-bg { background:none!important}
.data_type {}
.data_type_num{ width:82px!important}
.data_type_num2{ width:72px!important; text-align: right!important;}
.data_type_value{background: #e7f4ff; font-size:11px; padding:3px;  border-style: solid; border-color:#e5e3e3; border-width:1px 1px 1px 0; width: 61px;text-align:center;}
.half{ padding:2px 2px!important;}
.half input{ width:67px!important;}

td.arrow_link, td.arrow_link_2 {padding:0!important; min-width: 100px}
.arrow_link a,.arrow_link_2 a {width:85%; padding: 5px 10px; display:inline-block; text-decoration:none!important;}
.detailContent .arrow_link a,.detailContent .arrow_link_2 a {padding: 2px 5px;}
.arrow_link input:hover{ cursor:pointer; background:#e3e1e1!important;}
.arrow_link_2:hover{ cursor:pointer; background:#e3e1e1!important;}
.arrow_link_2 label{width:95%; display:inline-block; cursor:pointer;}
.arrow_link span{margin-left:-12px; color:#999; font-size:13px; display:inline-block}
.arrow_link_2 span { margin-left:0px; color:#999; font-size:13px; display:inline-block}

.upload_pic{}
.upload_pic label{font-size:11px; font-weight:bold; text-align:left;color:#ff9935; min-width:186px}
.upload_pic img{ vertical-align:middle;}
.upload_pic span{ display:inline-block;color:#ff9935; font-size:14px;}

.blue_arrow{  }
.blue_arrow:hover{}
.blue_arrow a{background-position:right center; background-image:url(../images/link_arrow.png); background-repeat:no-repeat; padding-right:18px!important; width:90%; text-decoration: none!important;}
.blue_arrow a:hover{color:#029cfe; text-decoration: none;background-image:url(../images/link_arrow_hover.png);}
.select_arrow label,.blue_arrow label{ width:auto!important; cursor:pointer}

.select_arrow a{
	background-position:right center; 
	background-image:url(../images/select_arrow.png); 
	background-repeat:no-repeat; 
	padding-right:18px!important;
	width:90%; 
	text-decoration: none!important;}
.select_arrow a:hover{
	background-image:url(../images/select_arrow_hover.png); 
	cursor:pointer;
	color:#029cfe; 
	text-decoration: none;}

.select_arrow.inner_page a{
			width: 83%;
    	background-color: #efefef;
    	border-color: #efefef;
		}
		.select_arrow.inner_page input[type=text]{
			background-color: #efefef;
    	border-color: #efefef;
    	width: 80%;
		}
		.select_arrow.inner_page input[type=text]:hover{
			color: #029cfe;
		}
/* TypeAhead CSS */


.typeahead {
  background-color: #fff;
}
.typeahead input{font-size:11px!important;}

.tt-hint {
  display:none;
}
.tt-menu {
  width: 100%;
  margin: 12px 0;
  padding: 3px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
	top:10px!important;
}
.tt-suggestion {
  padding: 1px 3px;
  font-size: 11px;
}
.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}


/*-------------------*/



/* scaffolding */
/* ----------- */


[placeholder]:focus::-webkit-input-placeholder {
  color: transparent;
}

table.hdr label{ padding:2px 7px; width:120px; }

.report-hdr{}
.report-ft label,.report-hdr label{ width:120px;}
.report-bdy{ border-top:none;}

.report-bdy label{width:90px;}
.report-hdr .link_from{}
.report-hdr .link_to{}
.report-hdr .link_from a{ background:#dfe9ff; display:inline-block; width:60px; padding:3px; text-decoration:none;}
.report-hdr .link_to a{ background:#f9e4c0; display:inline-block; width:60px; padding:3px; text-decoration:none;}
.report-hdr input{ width:130px;}
td.link_from, td.link_to { padding:2px 0 2px 5px; }
.link_from label {cursor:pointer; width:50px;}
.link_to label {cursor:pointer; width:50px;}
.report-bdy .link_from a{ background:#dfe9ff; display:inline-block; width:60px; padding:3px; text-decoration:none;}
.report-bdy .link_to a{ background:#f9e4c0; display:inline-block; width:60px; padding:3px; text-decoration:none;}
.report-ft{border-top:none;}
.price td{ width:100px; height:22px;}
.price th{ height:15px;}
.price .hdr_blue{ background:#00447b !important; text-align:center; color:#ff9935;}
.price .hdr_blue td{height:18px; padding-top:8px; font-weight:bold;}
.bg_fff{ background:#fff; border-color:#fff;}

/*--- On / Off Button --*/
.switch { position: relative; display: inline-block; vertical-align: top; width: 74px!important; height: 20px;  padding: 0 5px; cursor: pointer; margin-left:-4px;}
.switch-input {  position: absolute;  top: 0;  left: 0;  opacity: 0;}
.switch-label {  position: relative;  display: block;  height: inherit;  font-size: 9px;  text-transform: uppercase;  background: #ffdbb8;  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);}
.switch-label:before, .switch-label:after { position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit;}
.switch-label:before { content: attr(data-off); right: 6px; color: #111;}
.switch-label:after { content: attr(data-on); left: 4px; color: #111; text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0;}
.switch-input:checked ~ .switch-label {background: #cee8fe; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);}
.switch-input:checked ~ .switch-label:before { opacity: 0;}
.switch-input:checked ~ .switch-label:after { opacity: 1;}
.switch-handle {background:url(../images/to-right-filip.png); position: absolute; top: 0px; left: 7px; width: 18px; height: 20px;  -webkit-transition: left 0.15s ease-out;  -moz-transition: left 0.15s ease-out;  -o-transition: left 0.15s ease-out;  transition: left 0.15s ease-out;}
.switch-handle:before { content: ''; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px;}
.switch-input:checked ~ .switch-handle { left: 59px;background:url(../images/to-left-filip.png);}


.picked_location{background:url(../images/location.png) no-repeat right ; float:right; display:inline-block; width:30px; height:14px;}
.picked_List_delete{background:url(../images/red-delete.png) no-repeat center; display:inline-block; width:100%; height:14px;}
.others .picked_List_delete{background:url(../images/gary-delete.png) no-repeat center; display:inline-block; width:100%; height:14px;}
.text_red_alert{color:#d7033c;}
.Trash_List_delete{background:url(../images/icons/trash-db.png) no-repeat center; display:inline-block; width:100%; height:16px;}
.others .Trash_List_delete{background:url(../images/icons/trash-db.png) no-repeat center; display:inline-block; width:100%; height:16px;}

.full_width span{width: 100%!important}
.picked_list tr{background:#fff!important;}
.picked_list tr.others {background:#f0f1f2!important;}
.picked_list tr.others .picked_location{opacity:0.5}
.light_orange th{ color:#00447b!important; font-weight:bold; border-left:2px #fff solid;}
.light_orange th:first-child{border:none;}
.orange_header{padding:0!important; background:#ff9935!important;}
.orange_header th{ color:#fff!important;}
tr.light_orange{ background:#fbdbbc!important; color:#00447b;}


.b_half a{width:73%!important; background-color:#efefef!important; padding:4px 15px 4px 6px!important;background-image:url(../images/half_link_arrow.png)!important; }
.b_half a:hover{background-image:url(../images/half_link_arrow_hover.png)!important; }
.b_half input[type=text]{padding:0;border:none;background:none;cursor:pointer;width:59px!important;}
.b_half input[type=text]:hover{color:#029cfe}

/* Side */
.float_left{ float:left;}
.side_box{width:235px!important;min-width:80px!important;margin-left:0px;}
.side_box .sectionTitleText{ text-align:center; color:#747373; min-height:22px; font-size:14px;}
.side_box .detailContent{padding:20px 30px 30px}
.side_box label{ display:block; width:auto; margin:10px 0 4px}
.side_box select{ width:162px}
.side_box p{font-size:11px; background:#e7f4ff;padding:10px;margin:0;line-height:18px;}
.side_box .description, .side_box .detailContent { border-width:0 1px 0 1px; border-color:#ff9935; border-style:solid; width: 100%;}
.side_box .detailContent { border-bottom:1px solid #ff9935;}
.side-attach{padding:20px 10px!important;}
.side-attach ul{ list-style:none; padding:0; margin:0;}
.side-attach li{ clear:both; margin-bottom:10px; border-bottom:1px solid #e3e3e3;padding-bottom:10px;}
.side-attach h4{ display:inline-block; margin:0 3px; font-weight:normal; font-size:12px;color:#666; vertical-align:top;}
.s_hd img{ cursor:pointer}
.s_bdy{padding:5px 3px;  margin:10px 0;}
.close_att, .s_bdy{display:none;}
.download_att{float:right; width:17px; height:12px; background-position:right center; background-image:url(../images/link_arrow.png); background-repeat:no-repeat; text-decoration:none!important}
.download_att:hover{background:url(../images/link_arrow_hover.png); text-decoration:none!important; background-repeat:no-repeat;  background-position:right center;}
.pdf_att{float:left; margin-right:3px;}
.s_bdy span{display:inline-block;margin:8px 0 3px;}
.s_bdy small{}
.side_del{float:right; width:17px; margin-top:11px;}


.auth a{width:97%; padding:3px 5px 2px; margin-right:5px; text-decoration:none!important; color:#fff; background-image:url(../images/auth/auth_arrow.png); background-position:right; background-repeat:no-repeat; display:inline-block; text-shadow:1px 1px 1px #666;}
.auth a:hover{ opacity:.8;}
.auth a img{ vertical-align:middle; padding-bottom:3px;}

.long-note4 textarea{width:95.5%!important;}.hasDatepick{width:150px;padding:3px 5px;}

.inputLong 		{ width:510px; }
.chat					{ width:100%; }
.tblLeft			{width:auto; padding:5px 5px 5px 5px; text-align:left;
	background: #d8ecfc; /* Old browsers */
	background: -moz-linear-gradient(top, #d8ecfc 0%, #b2dffe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d8ecfc 0%,#b2dffe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d8ecfc 0%,#b2dffe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8ecfc', endColorstr='#b2dffe',GradientType=0 ); /* IE6-9 */
}
.tblRight			{ width:auto; padding:5px 5px 5px 5px; background-color:#F8F9FA; float:right;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fddec0+0,fdc38b+100 */
	background: #fddec0; /* Old browsers */
	background: -moz-linear-gradient(top, #fddec0 0%, #fdc38b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fddec0 0%,#fdc38b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fddec0 0%,#fdc38b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fddec0', endColorstr='#fdc38b',GradientType=0 ); /* IE6-9 */}
.chtNameDt		{ font-size:10px; color:#666699; padding-bottom:5px; }
.full-width		{ width:98% !important;	}
.chat-box			{ border:1px solid #c0bfbf;border-radius:10px; margin-bottom:4px;}

.tblRight .chat-detail {text-align: right;}
.text-right {text-align: right;}

.auth .blue_arrow a{color:#333;background: url(../images/select_arrow.png); background-repeat:no-repeat;  background-position:right center; text-shadow:none; width:90%}
.auth-box{width:140px!important;}

.cust-web a{background-color: #efefef; cursor: pointer;  display: inline-block; padding: 5px; width: 86%;}

td.col-sm{ text-align:center; padding:0}
.quick-po td{padding:4px 5px; text-align:left; font-size:11px;}
/* .quick-po td{padding:2px 3px;text-align:center;}*/
.quick-po td input{width:96%;padding:0 2px;}
td.col-sm input{ width:71px; text-align:right; }
.col-sm a {padding:0 15px 0 6px !important}
.quick-po .no-link input{ width:92px;}
td.text-left input {text-align:left!important;}
.text-center {text-align:center!important;}
.smaller .FilterTitle_Blue{ font-size:11px; }
.smaller .blue_arrow a{width:80%;}
.text-right {text-align: right!important}

.button-link input{ width:75%!important;}
.button-link a{ display:inline; margin-left:2px;}

.compact {width: 135px!important;} 

.dropdown {position: relative;}
.dropdown:hover{ cursor:pointer}
/* .dropdown ul{color: #FFFFFF; margin-top:0; text-align:left; background-color: #00447b;}
.dropdown li a{color: #FFFFFF; font-size: 10px; background-color: #00447b; list-style:none; text-align:left; margin:5px 0;}	*/
.dropdown li a:hover{color: #e0e0e0; cursor:pointer; text-decoration:none}
.dropdown-content {
    display: none;
    position: absolute;
    right: 1px;
    background-color: transparent;
    min-width: 140px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 0;
    z-index: 1;
    margin:0;
    padding-top: 10px;
}

.dropdown-content li{
  list-style:none;
  background: #00447b;
}

.dropdown-content li:first-child{padding-top:5px}
.dropdown-content li:last-child{padding-bottom:5px}

.dropdown-content a{
  color: #FFFFFF;
  font-size: 10px;
  list-style: none;
  text-align: left;
  padding: 4% 7% 5%;
  width: 86%;
  margin: 0;
}

.dropdown-content a:hover{
  background: #045ba6;
  color: #fff;
}

.dropdown:hover .dropdown-content {display: block;}

.lVar1 sub{ display: block; font-size: 9px; margin-top: 5px; font-style:italic}
.lVar1 th{padding: 5px 8px;}
/*Mina padding added*/
.blue_arrow_left  { text-align: right; padding-right:19px!important;}
.blue_arrow_left a{background-position:left center; background-image:url(../images/link_arrow.png); background-repeat:no-repeat; padding-left:18px!important; width:90%; text-decoration: none!important;}
.blue_arrow_left a:hover{color:#029cfe; text-decoration: none;background-image:url(../images/link_arrow_hover.png);}
.blue_arrow_left label{ width:auto!important; cursor:pointer}

.tdsize_20 {width: 20px!important;}
.tdsize_30 {width: 30px!important;}
.tdsize_40 {width: 40px!important;}
.tdsize_50 {width: 50px!important;}
.tdsize_60 {width: 60px!important;}
.tdsize_70 {width: 70px!important;}
.tdsize_80 {width: 80px!important;}
.tdsize_90 {width: 90px!important;}
.tdsize_100 {width: 100px!important;}

table.mainTable3 {
  border-color: #7399C6;
  font-size:12px;
  width:100%;
}
.mainTable3 input, .mainTable3 select{
  width:100%;
}
table.mainTable3 tr{
  background:#fff;
}
table.mainTable3 a, table.detailContent a{
  /*font-size:12px;*/
  text-decoration:underline;
}
table.mainTable3 td {
  border-left:1px solid #dad8d8;
}
table.mainTable3 tr td:first-child {
  border-left:0;
}
.mainTable3 th {
  padding: 0 5px 5px;
  color: #00447b;
  font-size: 11px;
  height: 25px;
  text-align: left;
  vertical-align: center;
  text-transform: uppercase;
  font-weight:normal;
}
.mainTable3 td{
  padding:5px 10px;
}

.mycart {
  position: relative;
  text-align: center;
  color: #00447b;
  width: 50px!important;
  height: 39px!important;
}
.centered {
  position: absolute;
  top: 40%;
  left: 25%;
  transform: translate(-50%, -50%);
}

.trSubTot td { border-top-style: dotted; border-top-width: 1px; border-top-color: #c4dbe2; }

/* Mina Section */
.highlightLink:hover      {  text-decoration: underline; background-color: transparent;  }

#tooltip1                 {  position: relative;  }
#tooltip1 a span          {  display: none; color: #1D5280; text-decoration:none;  }
#tooltip1 a:hover span    {  display: block; position: absolute; width: 300px; background: #D7E5F1; height: 80px; left: 30px; top: 0px; color: #1D5280; padding: 5px 5px 5px 5px; }

#tooltipErr               {  position: relative;  }
#tooltipErr a span        {  display: none; color: #FF0000; text-decoration:none;  }
#tooltipErr a:hover span  {  display: block; position: absolute; width: 300px; background: #FFAAAA; height: 50px; left: 30px; top: 0px; color: #FF0000; padding: 5px 5px 5px 5px; }

.subHeadFoot1 td          { height: 1px!important; padding: 0!important; background:#3571A6!important; }
.subHeadFoot2 td          { height: 2px!important; padding: 0!important; background:#3571A6!important; }

.subHeadFoot1_org td      { height: 1px!important; padding: 0!important; background:#ff9935!important; }
.subHeadFoot2_org td      { height: 2px!important; padding: 0!important; background:#ff9935!important; }

.footGrey1 th             { background: #dad8d8; vertical-align: center; color: #000!important; padding: 0px 10px!important; font-size: 12px; font-weight: bold; }
.footGrey2 th             { background: #dad8d8; vertical-align: center; color: #000!important; padding: 0px 44px!important; font-size: 12px; font-weight: bold; }

.tdgreen                  { background: #c6ffb3!important; }
.tdred                    { background: #f9d7d1!important; }

.tdErrorMsg               { background: #eaeded!important; font-family: tahoma; font-size: 12px; font-style: italic; color: red; vertical-align: middle; }

/* Checkbox Section */
/*
input[type="checkbox"] { clip: rect(1px, 1px, 1px, 1px); left: -9999px; position: absolute !important; }
    
.chklabel::before,
input[type="checkbox"]:checked + .chklabel::before {
  content:'';
  display:inline-block;
  vertical-align: top;
  line-height: 1em;
  border: 1px solid #999;
  width: 1em;
  height:1em;
  text-align: center;
}

input[type="checkbox"]:checked + .chklabel::before {
  content: '\2714';
  color: #000;
}

input[type="checkbox"]:disabled + .chklabel::before {
  border-color: #eee;
  color: #ccc;
}
*/
/* End: Checkbox Section */

.smallButtonAppr  { background:url(../images/Approve.png) no-repeat center; display:inline-block; height:14px;}
.smallButtonRej   { background:url(../images/Reject.png) no-repeat center; display:inline-block; height:14px;}

/* end Mina section*/