﻿/* CSS Document */
#header {
	
}
#header .breadcrumb 
{
	font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	margin-right: 2em;
	margin-top: 0.8em;
	font-weight:bold;
}
.justify {
	text-align: justify;
	
}

form{
margin: 0px;
padding: 0px;
}
.SearchCaptions
{
	font-size:12px;
	color: black;
}
.style6
{
	padding-left:3px;
	font-size:12px;  
}
.Link
{
	font-size:12px;
	color: #800000;
}
.publishRTA
{
	 cursor:pointer;  
	  color:Blue;  
}
.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}

.showHand
{
	 cursor:pointer;  
}

.Grid
{
	border-style:solid;
	border-width: 1px;
	border-bottom-color: Black ;
	border-top-color: Black;
	border-left-color:Black;
	border-right-color:Black;
}


.Grid th
{

	border-width: 1px;
	border-bottom-color:White ;
	border-top-color: White ;
	border-left-color:White ;
	border-right-color:White 
}

.Grid td
{
border-width: 1px;
border-bottom-color:White ;
border-top-color: White ;
border-left-color:White ;
border-right-color:White 

}


html, body {
	height:86%;
	margin: 0;
	padding: 0;
	border: none;
	background:none;
}
.headerBg{
background:url(../images/headerbg.gif); 
background-repeat:repeat-x;
}
.select{
	font-family:Tahoma, Arial, sans-serif;
	font-size:11px;
	color:#000000;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-face-color: #dddddd;
	scrollbar-track-color: #EEEEEE;
	scrollbar-darkshadow-color: #DDDDDD;
}
textarea{
	font-family:Tahoma, Arial, sans-serif;
	font-size:11px;
	color:#000000;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-face-color: #dddddd;
	scrollbar-track-color: #EEEEEE;
	scrollbar-darkshadow-color: #DDDDDD;
}
input{
	font-family:Tahoma, Arial, sans-serif;
	font-size:11px;
	color:#000000;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-face-color: #dddddd;
	scrollbar-track-color: #EEEEEE;
	scrollbar-darkshadow-color: #DDDDDD;
}
td{
	font-family:Tahoma, Arial, sans-serif;
	font-size:11px;
	color:#000000;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-face-color: #dddddd;
	scrollbar-track-color: #EEEEEE;
	scrollbar-darkshadow-color: #DDDDDD;
}
RTAIS-td
	{
		background-color:#660033;
	}
body{
	font-family:Tahoma, Arial, sans-serif;
	font-size:11px;
	color:#000000;
	
}
.contentScroll {
	padding: 10px;
/*	padding-right: 20px; */
	background-color: #ffffff;
/*	overflow: auto;
	height: 100%; */
}

a:link{
	text-decoration:underline;}

a{
	text-decoration:underline;
	/*color:#3e68b7*/
	color:#800000
}
a:hover{
	text-decoration:none;
	
}


select.status{
	width:200px;
}
select.xxl{
	width:300px;
}
select.browse{
	width:340px;
}
select.xl{
	width:150px;
}
select.selectN{
	width:100px;
}
select.prefix{
	width:75px;
}
select.langPref{
	width:50px;
}
select.currency{
	width:65px;
}
input.textXXL{
	width:300px;
}
input.textXL{
	width:200px;
}
textarea.XL{
	width:250px;
}
textarea.add{
	width:300px;
	height:50px;
}
textarea.XXL{
	width:100%;	
}
input.textL{
	width:150px;
}
textarea.L{
	width:150px;
}
input.textN{
	width:100px;
}
input.time{
	width:50px;
	text-align:center;
}
input.Num{
	width:50px;
	text-align:right;
}
input.mtg{
	width:35px;
}
input.code{
	width:50px;
}
input.star{
	width:35px;
	text-align:center;
}
input.numS{
	width:35px;
	text-align:right;
}
input.perCent{
	width:50px;
	text-align:right;
}
input.badge{
	width:300px;
	text-align:center;
	font-weight:bold;
}
h1{
	font-size:14px;
	font-family:verdana, Arial, sans-serif;
	padding-left:2px;
	color:#3b3b3b;
	margin-bottom:5px;
}
/**************************Start TopNav Admin*****************************/
#RTAIS{
	border-bottom:4px solid #660033;
	white-space:nowrap;
	background-color:#800000;
}
#RTAISMenu2{
	white-space:nowrap;
	background-color:#800000;
}
#topNav{
	border-bottom:4px solid #FFFFFF;
	white-space:nowrap;
	 background-color:#6291cc;
}
#topNav ul{
	margin:-3px 0px 0px 0px;	
}
#topNav li{
	list-style:none;
	float:left;	
	padding:3px 0px 0px 0px;
	height:18px;
}
#topNav ul{
	list-style:none;
	float:left;	
	padding:3px 0px 0px 0px;
	height:18px;
}
#topNav a{
	border-right:1px solid #999999;
	text-decoration:none;
	padding:3px 7px 5px 7px;
	color:#ffffff;
}
#topNav a:hover{
	background-color:#6291cc;
	text-decoration:none;
	border-top: 1px solid #6291cc;
	padding:3px 7px 5px 7px;
}
#topNav li{
	float:left;
	list-style:none;
	border-top:1px solid #6291cc;
	padding-bottom:5px;
	background-color:#6291cc;
}
#topNav li a.first{
	border-left:1px solid #E4E4E4;
}
#topNav li.selected a.first{
	border-left:1px solid #6291cc;
	font-weight:bold;
}
#topNav li.selected{
	background-color:#6291cc;
	height:18px;
}
#topNav li.selected a{
	color:#ffffff;
}
#topNav li.selected a:hover{
	background-color:#6291cc; 
	color:#ffffff;
}
/**************************End TopNav Admin*********************************** #ff0000;/
/**************************Start TopNav User***********************************/
#topNav2{
	border-bottom:4px solid #ff0000;
	white-space:nowrap;
	background-color:#666666;
	padding:3px 0px 0px 0px;

}
#topNav2 ul{
	margin:-3px 0px 0px 0px;
}
#topNav2 li{
	list-style:none;
	float:left;	
	padding:3px 0px 0px 0px;
	height:19px;
	

}
#topNav2 ul{
	list-style:none;
	float:left;	
	padding:3px 0px 0px 0px;
	height:19px;
	

}
#topNav2 a{
	border-right:1px solid #999999;
	text-decoration:none;
	padding:3px 7px 5px 7px;
	color:#a5a4a4;
	cursor:default;	
	display:none;
}
/*#topNav2 a:hover{
	background-color:#7f7f7f;
	text-decoration:none;
	border-top: 1px solid #000000;
	padding:3px 7px 5px 7px;
}
*/#topNav2 li{
	float:left;
	list-style:none;
	border-top:1px solid #E4E4E4;
	padding-bottom:5px;
	background-color:#8a8989;

}
#topNav2 li a.first{
	border-left:1px solid #E4E4E4;
}
#topNav2 li.selected a.first{
	border-left:1px solid #999999;
}
#topNav2 li.selected{
	background-color:#ff0000;
	height:18px;
}
#topNav2 li.selected a{
	color:#ffffff;
}
#topNav2 li.selected a:hover{
	background-color:#ff0000;
	color:#ffffff;
}
/**************************End TopNav User*************************************/
#mainTable{
	padding-top:5px;	
}
#columnLeft{
	width:180px;
	vertical-align:top;
	padding:0px 5px 0px 0px;
}
.leftArea{
	border:1px solid #666666;
	width:120px;
	background-color:#6291cc;
}
#columnCenter{
	vertical-align:top;
	padding:0px 5px 0px 0px;
	width:100%;
}
.centerArea{
	border:1px solid #666666;
	border-bottom:0px solid #666666;  
	width:100%;
}
#columnRight{
	width:180px;
	vertical-align:top;
	display:none;
}
.rightArea{
	border-top:0px;	
	border-right:0px;
	border-bottom:1px solid #666666;
	border-left:1px solid #666666;
	width:180px;
}
#search{
	background-color:#e5e5e5;
	border-bottom:1px solid #666666;
	margin-bottom:0px;
	height:60px;
	padding:5px 0px 5px 5px;
	background-image:url(../images/header_bg.jpg);
}
#search a{
	text-decoration:none;
	color:#000000;
}
#search a:hover{
	text-decoration:underline;
	color:#000000;
}
/*#search{
	margin-bottom:0px;
	padding:5px 5px 5px 5px;
	color:#ffffff;
}
#search a{
	text-decoration:none;
	color:#ffffff;
}
#search a:hover{
	text-decoration:underline;
	color:#ffffff;
}
*/
.appTitle
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #800000;
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	padding-right: 5px;
}
#pageHeader{
	background-color:#e5e5e5;
	border-bottom:1px solid #666666;
	margin-bottom:5px;
	height:60px;		
	vertical-align:top;	
	padding:0px 5px 0px 5px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	white-space:nowrap;
	
}
#breadcrumbs{
	text-decoration:none;
	font-size:10px;
	height:30px;
	color:#666666;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
#breadcrumbs a{
	text-decoration:none;
	color:#666666;
	font-family:Tahoma, Arial, Helvetica, sans-serif;

}
#breadcrumbs a:hover{
	text-decoration:underline;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
/**********************************************************************************/
#leftNav{
	background-color:#6291cc;
	width:180px;
}
#leftNav ul{
	margin:-3px 0px 0px 0px;
}
#leftNav li{
	list-style:none;
	padding:3px 0px 0px 0px;
}
#leftNav ul{
	list-style:none;
	padding:3px 0px 0px 0px;
}
#leftNav a{
	text-decoration:none;
	padding:3px 7px 5px 7px;
	color:#ffffff;
	height:18px;
}
#leftNav a:hover{
	text-decoration:none;
	padding:3px 7px 5px 7px;
}
#leftNav li{
	list-style:none;
	border-top:1px solid #ffffff;
	padding-bottom:0px;
	background-color:#6291cc;
}
#leftNav li.selected a.first{
	border-left:1px solid #999999;
}
#leftNav li.selected{
	background-color:#6291cc;
	font-weight:bold;
}
#leftNav li.selected a{
	color:#ffffff;
}
/******************************sub menus********************************************/
#leftNav li.l1 {
/*	background-color: #DFD0B0;
*/	background-color: #e5e5e5;
/*	background-image:url(../images/img_rightnav_bg1.gif);
	background-repeat:repeat-y;
*/
	padding-left:10px;
}
#leftNav li.l1selected {
	background-color: #e5e5e5;
/*	background-image:url(../images/img_rightnav_bg1.gif);
	background-repeat:repeat-y;
*/	font-weight: bold;
	padding-left:10px;

}
#leftNav li.l1 a {
	color: #333333;
}
#leftNav li.l1 a:visited {
	color: #333333;
}
#leftNav li.l1 a:hover {
	color: #333333;
}
#leftNav li.l1selected a {
	color: #000000;
}
#leftNav li.l1selected a:visited {
	color: #000000;
}
#leftNav li.l1selected a:hover {
	color: #000000;
}
/***********************************************************************************/
#colHeader{
	background-color:#e5e5e5;
	border-bottom:1px solid #666666;
	padding-left:5px;		
	font-weight:bold;
	border-top:1px solid #666666;
}
#imgArea{
	height:159px;
	padding-left:25px;
	padding-right:25px;
	border-bottom:1px solid #666666;
}
#imgArea2{
	height:103px;
	padding-left:25px;
	padding-right:25px;
	border-bottom:1px solid #666666;
}
#footer{
	height:22px;
	color:#ffffff;
	font-size:10px;
	background-color:#666666;
	padding:0px 5px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
}
#footer a{
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
#footer a:hover{
	text-decoration:underline;
	color:#f4f4f4
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
#loginArea{
	background-color:#006633;
	color:#ffffff;
}
/*.tableHeader1{
	background-color:#ffffe1;
	font-weight:bold;
}
*/
.tableHeader1{
	background-color:#e5e5e5;
	height:22px;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666; 
	font-weight:bold;
	padding:2px 8px 2px 2px;
}
.tableHeader2{
/*	background-color:#2A5F67;
*/	background-color:#bbbbbb;
	height:32px;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666; 
	font-weight:bold;
	padding:2px 8px 2px 2px;
	background-image:url(../images/header_bg.jpg);
	background-repeat:repeat-x;
}
.tableHeader3{
/*	background-color:#2A5F67;
*/	background-color:#f8f9fa;
	height:32px;
	font-weight:bold;
	padding:2px 8px 2px 8px;
}
/***********************Start Tables*****************************************/
.innerTable{
	 padding: 1px 5px 1px 5px; 
	 border: 1px solid #dddddd;
	 border-collapse:collapse;
	 border-bottom:1px solid #dddddd;
}
.innerTable1{
	 padding: 1px 5px 1px 5px; 
	 border-top: 1px solid #dddddd;
	 border-left: 1px solid #dddddd;
	 border-right: 1px solid #dddddd;
	 background-color:#fffee9;
}
.innerTable2{
	 padding: 1px 5px 1px 5px; 
	 border-collapse:collapse;
	 border-bottom:1px solid #dddddd;
	 border-right:1px solid #dddddd;
	 border-top:1px solid #ffffff;
}
.tableHeader{
/*	 background-color:#dbdbb9; 
	 background-color:#88baf7;
 	 background-color:#fff5c0; prefered color #dedacf
*/	 background-color:#fffee9;
	 height:25px;
	 font-weight:normal;
}
.row0{
	 background-color:#f8f9fa;
	 height:21px;
}
.row0bold{
	 background-color:#f8f9fa;
	 font-weight:bold;
	 height:21px;
}
.row1{
	 height:21px;
}
/***********************End Tables********************************************/
.printBadge{
	height: 150px;
	width:300px;
	background-color:#f7f7f7;
	border:1px solid #7f9db9;
}
.required{
	color:#ff0000;
	padding-left:5px;
}
.alt0{
	height:21px;
}
.alt1{
	background-color:#f4f4f4;
	height:21px;
	font-weight:bold;
}
.red{
	background-color:#ff0000;
	color:#ffffff;
}
.yellow{
	background-color:#ffff00;	
}
.green{
	background-color:#00ff40;	
}
#pgTitle{
	display:none;
}
.contentButton {
	background: transparent;
	width: 21px;
	height: 21px;
}
.contentButtonDisable {
	background: transparent;
	width: 21px;
	height: 21px;
	filter: Alpha(Opacity=50) Gray;
	cursor: default;
	
}
#logout{
	color:#ffffff;
	padding:5px 5px 0px 0px;
	font-size:11px;
}
#logout a{
	color:#000000;
	text-decoration:none;
	padding:1px 5px 1px 5px;
	border:1px solid #cccccc;
/*	background-color:#8a8989; */
	background-image:url(../images/header_bg.jpg);
}
#logout a:hover{
	background-color:#dddddd;
	text-decoration:none;
	color:#ff0000;
	padding:1px 5px 1px 5px;
}
.loginLabel{
	float:right;
	color:#ffffff;
	padding-right:5px;
}
.btnL{
	width:110px;
}
/* Data grid paging */

.paging {
	height:18px;
}
.rec {
	float:left;
	padding-left:2px;
	height:18px;
	cursor : default;
}
.link {
	float:right;
}
.link a {
 	border-left : 1px solid #ffffff;
	width : 20px;
	height : 18px;
	text-align : center;
	text-decoration :none;
	color : #000000;
	float : left;
	cursor : pointer;
	font-size:11px;
	background-color:#e8e8e8;
}
.linkPrint {
	float:right;
}
.linkPrint a {
 	border-left : 1px solid #ffffff;
	width : 20px;
	height : 18px;
	text-align : center;
	text-decoration :none;
	color : #000000;
	float : left;
	cursor : pointer;
	font-size:11px;
	background-color:#e8e8e8;
}
.col{
/*	 background-color:#dbdbb9; 
	 background-color:#88baf7;
 	 background-color:#fff5c0; prefered color #dedacf
*/	 background-color:#fffee9;
	 height:25px;
	 font-weight:normal;
}
.btn{
	 border:1px solid #666666;
/*	 background-color: #fffee9;*/
	 /*margin-left:2px;
	 margin-right:2px;
	 padding-left:1px;
	 padding-right:1px;*/
	 background-image:url(../images/header_bg.jpg);
}

.comboProducts
{
    margin-left: -30px;
}

.radTreeListProducts
{
    white-space: normal;
}

.prefTariff .row {
    padding-top: 2px;
    padding-bottom: 2px;
}

.rbPrimaryIconEnabled {
    background-image: url(../images/Excel_16.png);
}

.rbPrimaryIconDisabled {
    background-image: url(../images/Excel_16_bw.png);
}

.radButtonDisabled{
    color: gray !important;
}

.productHsSelection{
    margin: 2px;
}

.productHsSelection .row{
    line-height:16px;
    margin-left:0px;
    margin-right:0px;
}

.productHsSelection .col-md-1,
.productHsSelection .col-md-3,
.productHsSelection .col-md-5{
    padding-right:0px;
}

/*.productHsSelection input[type=button]{
    width: 70px;
}*/

.productHsSelection span{
    height:26px;
}

.lblSelectedProducts {
    margin-left:5px;
}

.lessOpacity {               
   opacity: 0.4;
   filter: alpha(opacity=40);
   zoom: 1;  /* needed to trigger "hasLayout" in IE if no width or height is set */ 
}

.footnote {
    font-size: 9pt;
    /*text-align: justify;*/
    text-align:center;
}

.blink_me {
  animation: blinker 2s linear infinite;
  /*background-color:black;*/
}

@keyframes blinker {  
  50% { opacity: 0.5; }
}

.highlight {
    background-color:lightsteelblue;
}