/*----------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
Form related Styles
------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------*/


/*.LeftMenuLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #2473A5;
	text-decoration: none;
}*/

.LeftMenuLinkSelected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
	text-decoration: none;
}

.LeftSubMenuLinkSelected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color:#333333;
	text-decoration:underline;
}


.smallerMenuLink {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: lowercase;
	color: #2473A5;
	text-decoration: underline;
}

.StripText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;	
	color: #FFFFFF;
	text-decoration: none;
}
.StripTextBlack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;	
	color: #222;
	text-decoration: none;
}
.LogoutLink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	color: #2473A5;
	text-decoration: none;
}
.RightSearchText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #737373;
	text-decoration: none;
}
.RightAnnouncementText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #737373;
	text-decoration: none;
}
.ContentText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #639CCC;
	text-decoration: none;
	padding-right:15px
}
.ContentTextLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #808080;
	padding-right:15px
}
.ContentHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #808080;
	text-decoration: none;
	padding-bottom:5px;
}
.ContentTextHeading {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #333366;
	text-transform: uppercase;
}
.FooterLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #808080;
	text-decoration: none;
	padding-bottom:10px;
}
.FooterText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #639CCC;
	text-decoration: none;
	padding-right:15px
}
.HelpText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #737373;
	text-decoration: none;
}

.HelpTextHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #737373;
	text-decoration: none;
}

.HelpTextRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}

.NoteHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: red;
	text-decoration: none;
}

.SelectHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.FormLegendLabels {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.FormFieldLabels {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #black;
	text-decoration: none;
	padding-left:10px
}

.FormFieldLabelsSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	text-decoration: none;
	padding-left:10px
}


.HyperlinkButtonLabels {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
.FormFieldSet{
	border:1px #CCCCCC solid;
	padding:10px;
	padding-top:15px;
}
.FormInputFields {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color:#666633;
	text-decoration: none;
	line-height:12px;
	border:1px #6699FF solid;
	background-color:#FFFFFF;
}

.FormInputFieldsSmall {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color:#666633;
	text-decoration: none;
	border:1px #6699FF solid;
	background-color:#FFFFFF;
}

.FormInputFieldsReadonly {
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #666633;
text-decoration: none;
border: 1px #6699FF solid;
background-color: none;
border: 0px;
background: none;
}

.stepactive{
	display:block !important;
}
.FormInputFieldsReadonlySmall {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color:#666633;
	text-decoration: none;
	border:1px #6699FF solid;
	background-color:#E0E0E0;
}


.FormInputLinkNames {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color:#660033;
	text-decoration: none;
}

.FormInputLinkUrls {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color:#3366CC;
	text-decoration: none;
}

.newsHeading {
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	color:#ca834a;
	text-decoration:underline
}
.newsTimeStamp {
	font-family: Verdana;
	font-size: 12px;
	font-weight:normal;
	color:#3366CC;
	text-decoration: none;
}
 
.newsSummary {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color:#3366CC;
}

/*----------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
Image related Styles
------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------*/

.shadow{
border:1px solid silver;
font:10pt arial;
position:relative;
display:inline;
background:white;
z-index:100
}

.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}

/*----------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
breadCrumb related Styles
------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------*/

.breadcrumb{
font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.breadcrumb a{
background: transparent url(breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color:#333366;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: #333366;
}

.breadcrumb a:hover{
text-decoration: underline;
}


/*----------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
Button Styles
------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------*/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
a.btnWhite {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color:#FFFFFF;
    display: block;
    float: right;
    font: bold 11px arial, sans-serif;
    height: 25px;
    margin-right: 6px;
    padding-left: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.btnWhite span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 25px;
    padding: 3px 0 3px 30px;
}
a.btnWhite:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.btnWhite:hover {
	text-decoration:underline;	
	font-weight:bold;
}
a.btnWhite:active span {
    background-position: bottom left;
    padding: 0px 0 0px 18px; /* push text down 1px */
} 

a.btnBlue {
    background: transparent url('bg_button_a1.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: none;
    font: bold 11px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.btnBlue span {
    background: transparent url('bg_button_span1.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.btnBlue:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.btnBlue:hover {
	text-decoration:underline;	
	font-weight:bold;
}
a.btnBlue:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 



a.btnRect {
    background: transparent url('bg_button_a3.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: none;
    font: bold 11px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.btnRect span {
    background: transparent url('bg_button_span3.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.btnRect:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.btnRect:hover {
	text-decoration:underline;	
	font-weight:bold;
}
a.btnRect:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
	
	
input.GeneralButton{
   color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
 }
 
 
a.btnGraySquare{
background: transparent url('square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.btnGraySquare, a:visited.btnGraySquare, a:active.btnGraySquare{
color: #494949; /*button text color*/
}

a.btnGraySquare span{
background: transparent url('square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.btnGraySquare:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.btnGraySquare:hover span{ /* Hover state CSS */
background-position: bottom right;
text-decoration:underline;
color: black;
}

a.btnGraySquareBlueText{
background: transparent url('square-gray-left.png') no-repeat top left;
display: block;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;

line-height: 24px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 32px; /* Height of button background height */
padding-left: 20px; /* Width of left menu image */
text-decoration: none;
}


a:link.btnGraySquareBlueText, a:visited.btnGraySquareBlueText, a:active.btnGraySquareBlueText{
color:#FFFFCC; /*button text color*/
}

a.btnGraySquareBlueText span{
background: transparent url('square-gray-right.png') no-repeat top right;
display: block;
padding: 4px 15px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.btnGraySquareBlueText:hover{ /* Hover state CSS */
/*background-position: bottom left;*/
}

a.btnGraySquareBlueText:hover span{ /* Hover state CSS */
/*background-position: bottom right;*/
text-decoration:underline;
color: #FFFFCC;
}



.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.btnBlackBold{
background: transparent url('roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.btnBlackBold, a:visited.btnBlackBold, a:hover.btnBlackBold, a:active.btnBlackBold{
color: white; /*button text color*/
}

a.btnBlackBold span{
background: transparent url('roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.btnBlackBold{ /* Hover state CSS */
text-decoration: underline;
}

.ProcessPopup{
	background-color:#FFFFFF;
	background-image:url(../images/loading_image.gif);	
	background-repeat:no-repeat;
	background-position:center;
	border:3px #808080 solid;
	padding:30px;
	padding-left:45px;
	padding-right:45px;	
}	



.sha,
.con{
	position: relative;
	bottom: 3px;
	right: 3px;
}

.sha{
	background-color: #666; /*shadow color*/
	color: inherit;
}




.grid_header{
	border:1px #c0c0c0 outset;
	background-color:#3B5998;	
	color:#FFFFFF;  
	padding:3px;
	height:20px;	
	font: bold 1em sans-serif;
	padding-left:5px;
	padding-right:5px;	
}

.grid_row{
	border-bottom:1px #c0c0c0 solid;
	background-color:#FFFFFF;
	height:15px;
	padding:3px;
	font: 0.8em sans-serif;
	padding-left:5px;
	padding-right:5px;
}

.grid_selected_row{
	border-bottom:1px #c0c0c0 solid;
	background-color:#FFFFAA;
	height:15px;
	padding:3px;
	font: bold 0.8em sans-serif;
	padding-left:5px;
	padding-right:5px;
}

.TableHeaderRow{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
border:1px #FFFFFF solid;
background:#d3e1e4;
background-color:#d3e1e4;
padding-top:3px;
padding-bottom:3px;
line-height:20px;
}

.TableHeaderRowBlue{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#66CCFF;
border:1px 0px 1px 0px #FFFFFF solid;
background:#1B5384;
background-color:#1B5384;
padding-top:3px;
padding-bottom:3px;
line-height:20px;
}

.TableHeaderRowBtn{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFD5;
border:1px #FFFFFF solid;
background:#566047;
background-color:#566047;
padding-top:3px;
padding-bottom:3px;
line-height:20px;
cursor:hand;
}
.TableHeaderRowBtn:onMouseOver{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFD5;
border:1px #FFFFFF solid;
background:#566047;
background-color:#566047;
padding-top:3px;
padding-bottom:3px;
line-height:20px;
cursor:hand;
}

.TableHeaderRowSmall{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
border:1px #FFFFFF solid;
color:#FFFFD5;
background:#566047;
background-color:#566047;
padding-top:3px;
padding-bottom:3px;
}

.SearchTableHeaderRow{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFD5;
border:1px #FFFFFF solid;
background:#566047;
background-color:#566047;
padding-top:3px;
padding-bottom:3px;
line-height:20px;
}

.Alert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: red;
	text-decoration: none;
	
}

.Notification {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: green;
	text-decoration: none;
	
}

.Suggestion{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	text-decoration: none;
	text-align:justify;
	
}

#shield {
    position: absolute; 
    top: 0px; 
    left: 0px; 
    height: 100%; 
    width: 100%; 
    background-color:#000000;
	opacity: 0.6;
    z-index: 1;   
}

.selectNormal{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color:#666633;
	text-decoration: none;
	line-height:12px;
	border:1px #6699FF solid;
	background-color:#FFFFFF;
}
.selectChanged{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color:#666633;
	text-decoration: none;
	line-height:12px;
	border:1px #FF0000 solid;
	background-color:#FFFFFF;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.quotation-form{
	width:95%;
	height:auto;
	overflow:auto;
	margin:0 auto;
}
.steps-headers{
	width:auto;
	height:20px;
	background:#006699;
	color:#ffffff;
	font-size:16px;
	padding:10px 0 10px 10px;
	margin:3px 0 3px 3px;
	border:solid medium #000066;
	display:block;
	cursor:pointer;
	text-align:left;
}
.quotation-steps{
	width:auto;
	height:auto;
	background:#D3E1E4;
	padding:10px 0 10px 10px;
	margin-left:3px;
	text-align:left;
}
.check-box-label{
	margin-top:3px;
}
.clear{
	clear:both;
	line-height:5px;
}
.text_field_labels{
	width:102px;
	height:auto;
	float:left;
	margin:4px 2px 0 0;
}
.input_text_fields{
	width:250px;
	height:auto;
	background:#ffffff;
	border:1px solid #6699FF;
	color:#666633;
	font-family:Arial, Helvetica, sans-serif;
	margin:2px 0 2px 0;
	float:left;
}
.quotationEmailWrapper{
	width:95%;
	height:auto;
	overflow:auto;
	text-align:left;
}
.toEmailAddress{
	width:auto;
	height:auto;
	overflow:auto;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color:#000000;
	line-height:12px;
	margin:5px 0 5px 0;
	padding:5px 0 7px 0;
}
.quotationEmailTextField{
	width:320px;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:2px;
	border:1px #6699FF solid;
}
.quoteBtn{
	width:120px;
	height:auto;
	overflow:auto;
	margin-top:3px;
}
#captcha-wrap{
	border:solid #870500 1px;
	width:270px;
	-webkit-border-radius: 10px;
	float:left;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#870500;
	text-align:left;
	padding:3px;
	margin-top:3px;
	height:100px;
	margin-left:80px;
}
#captcha-wrap .captcha-box{
	-webkit-border-radius: 7px;
	background:#fff;
	-moz-border-radius: 7px;
	border-radius: 7px;
	text-align:center;
	border:solid #fff 1px;
}
#captcha-wrap .text-box{
	-webkit-border-radius: 7px;
	background:#ffdc73;
	-moz-border-radius: 7px;
	width:140px;
	height:43px;
	float:left;
	margin:4px;
	border-radius: 7px;
	text-align:center;
	border:solid #ffdc73 1px;
}

#captcha-wrap .text-box input{ width:120px;}
#captcha-wrap .text-box label{
	 color:#000000;
	 font-family: helvetica,sans-serif;
	 font-size:12px;	
	 width:150px;
	 padding-top:3px; 
	 padding-bottom:3px; 
}
#captcha-wrap .captcha-action{
	float:right; width:117px; 
	background:url(../logos.jpg) top right no-repeat; 
	height:44px; margin-top:3px;
}
#captcha-wrap  img#captchaRefresh{
	margin-top:9px;
	border:solid #333333 1px;
	margin-right:6px;
	cursor:pointer;
}
#loading-indicator {
        text-align: center;
        position: fixed;
        left: 0px;
        top: 0px;
         width: 100%; 
         height: 100%;
        z-index: 9999;
        background-color: #CCCCCC;
        opacity: .5;
         padding: 25px;
    } 
    
    .alertImp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #FF0000 !important;
	text-decoration: none;
}