﻿.update_indicator{position:relative; left:5; border:none; display:inline;}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=30);
	opacity:0.3;
}

.GridViewStyle
{   
    border-right:#b0c4de 1px solid;
    border-bottom:#b0c4de 1px solid;
    border-left:#b0c4de 1px solid;
    border-top:#b0c4de 1px solid;
    border-collapse:collapse;
    padding: 0;
    text-align:left;    
    width:100%;
    color: #585858;
    font-family:Trebuchet MS; font-size:11px; font-weight:normal; line-height:18px;   
}

.GridViewStyle a
{
    color: #585858; text-decoration:none; border:none; font-family:Trebuchet MS; font-size:12px; font-weight:normal;  display:inline; line-height:18px;
}
.GridViewStyle a:hover
{
	color:#191970; text-decoration:underline; border:none; font-family:Trebuchet MS; font-size:12px; font-weight:normal; display:inline; line-height:18px;
}

.GridViewHeaderStyle th
{
	border:#b0c4de 1px solid; font-size:12px;
	padding:3px 3px 4px 5px;   
}

.GridViewHeaderStyle
{
    background-color: #4682b4; /*5D7B9D*/
    font-weight: bold;
    color:#ffffff;
   
}

.GridViewFooterStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}

.GridViewRowStyle, .GridViewRowStyle a:hover 
{
    background-color: #F7F6F3;    
}

.GridViewAlternatingRowStyle, .GridViewAlternatingRowStyle a:hover
{
    background-color: #FFFFFF;    
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
    border: 1px solid #EBE9ED;padding:3px 3px 4px 5px;   
}

.GridViewSelectedRowStyle
{
    background-color: #E2DED6;
    font-weight: bold;
    color: #333333;
}

.GridViewPagerStyle
{
    background-color:#b0c4de; /*#284775;*/
    color: #000000;
    font-family:Trebuchet MS; font-size:15px; font-weight:bold;   
}

.GridViewPagerStyle a, .GridViewPagerStyle a:active, .GridViewPagerStyle a:hover, .GridViewPagerStyle a:visited
{
    background-color:#b0c4de; /*#284775;*/
    color: #333333;
    font-family:Trebuchet MS; font-size:12px; font-weight:normal;
}

.GridViewPagerStyle table /* to center the paging links*/
{
    margin: 0 auto 0 auto;padding:0;
}
/*
Skin file:
<asp:GridView CssClass="GridViewStyle" runat="server" >
    <FooterStyle CssClass="GridViewFooterStyle" />
    <RowStyle CssClass="GridViewRowStyle" />   
    <SelectedRowStyle CssClass="GridViewSelectedRowStyle" />
    <PagerStyle CssClass="GridViewPagerStyle" />
    <AlternatingRowStyle CssClass="GridViewAlternatingRowStyle" />
    <HeaderStyle CssClass="GridViewHeaderStyle" />
</asp:GridView>
*/

/* THESE DEFINITION ALREADY EXIST IN THE MAIN CSS FILE OF 
	NAMELY BLUE_WHITE.CSS. SO PLEASE REMOVE THE BELOW DEFINITION OF 
CSS CLASSES IF THE MAIN CLASS IS INCLUDED.
*/
.hscode-searchresultsbox{padding:2px; border:#4682b4 1px solid; text-align:center;margin-left:auto; margin-right:auto; width:25%;}

	.hscode-panel-header
	{	
	font-family: 'Trebuchet MS';
	font-size: 12px;
	font-weight: bold;	
	text-align: center;
	width: 100%;
	background-color:#f2f2f2; color:#5D7B9D; border-left:#b0c4de 1px solid; border-right:#b0c4de 1px solid; border-top:#b0c4de 1px solid; 
	border-bottom:none;
	padding:0;
	}
	
.STheader
{
	background-color:#4682b4;
	color: #ffffff;
	font-family: 'Trebuchet MS';
	font-size: 13px;
	font-weight: bold;
	padding-left: 5px;
	text-align: left;
	width: 100%;
}
.STheader
{
	background-color:#4682b4;
	color: #ffffff;
	font-family: 'Trebuchet MS';
	font-size: 13px;
	font-weight: bold;
	padding-left: 5px;
	text-align: left;
	width: 100%;
}
.RegTab
{
	background-color: #fffffe;
	border:#4682b4 1pt solid;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	/*newly introduced lines for meeting the requirements of hs codes response lables*/
	font-family: 'Trebuchet MS';
	font-size: 12px;
	font-weight: normal;
	text-align:left;
}
.RegTab-LeftCol
{
	color: #585858;
	font-family: 'Trebuchet MS';
	font-size: 11px;
	font-weight: normal;
	padding: 8px;
	text-align: right;
	vertical-align: top;
	width: 30%;
}
.RegTab-RightCol
{
	color: #585858;
	font-family: 'Trebuchet MS';
	font-size: 11px;
	font-weight: normal;
	padding: 8px;
	padding-left: 7px;
	text-align: left;
	vertical-align: top;
	width: 70%;
}
.RegTab1-LeftCol
{
	color: #585858;
	font-family: 'Trebuchet MS';
	font-size: 11px;
	font-weight: normal;
	padding: 5px;
	text-align: right;
	vertical-align: middle;
	width: 30%;
}
.RegTab1-RightCol
{
	color: #585858;
	font-family: 'Trebuchet MS';
	font-size: 11px;
	font-weight: normal;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	width: 70%;
}

.Reg-step-tab
{
	width:100%; text-align:center; font-family:Arial; font-size:12px; 
	border:#cccccc 1px solid;	border-collapse:collapse; font-weight:bold;
}

.Reg-step-tab-current{font-weight:bold; background-color:#4682b4; color:#ffffff;  border:#1888d7 1px solid; font-family:Arial; font-size:14px;}
.Reg-step-tab-rest{font-weight:normal;  background-color:#b0c4de; color:#000000; border:#1888d7 1px solid;}

.copyright-col{width:100%; border-top:#cccccc 1px solid; padding:2px 0 2px 0; background-color:#4682b4; color:#ffffff;}
.Portal a, .Portal a:link, .Portal a:active, .Portal a:visited, .Portal a:hover
{	
background-color:#4682b4;
color:#ffffff;
text-decoration:none;
font-family:Verdana;
font-size:10px;	
font-weight:normal;
padding:2px;
cursor:pointer;
border:none;
}

.CPTab
{
	border: #0099ff solid 1px;
	border-collapse: collapse;	
	font-family: 'Trebuchet MS';
	font-size: 11px;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}
.cpLeftCol
{
	padding: 5px;
	text-align: right;
	width: 30%;
	color: #5d7b9d;
}
.cpRightCol
{
	padding: 5px;
	text-align: left;
	width: 70%;
	color: #4682b4;
}


.STtextbox
{
	background-color: #fffffe;
	border: #bbd4e8 solid 1px;
	color: #585858;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	height: 16px;
	width: 98%;
}

.button_grey{padding:1px;  background-color:#f0f8ff; font-weight:bold; border:#bbd4e8 1px solid; color:#191970; font-weight:bold; font-family:Arial; font-size:12px; cursor:pointer;}
.button_grey hover{padding:1px;  background-color:#1888d7; font-weight:bold; border:#bbd4e8 1px solid; color:#ffffff; font-weight:bold; font-family:Arial; font-size:12px; cursor:pointer;}
.standard_checkbox {font-size:11px; color:#585858; font-weight:normal;}

.sample-col{font-size:13px; padding:4px 5px 8px 8px; cursor:pointer;	
	border-top:#4682b4 1px solid;border-left:#4682b4 1px solid;
	border-bottom:#4682b4 1px solid;border-right:#4682b4 1px solid;
	border-collapse:collapse;
	}
.sample-col a, .sample-col a:link, .sample-col a:active, .sample-col a:visited
{
font-size:13px; padding:0; margin:0; border:none; text-decoration:none; display:block; color:#585858;
}

.sample-col:hover, .sample-col:hover a{background-color:#f0f8ff; color:#191970;}


/* DIVS ALIGNMENT TO LEFT AND RIGHT*/
.container {position: relative;}
.left-element {position: absolute;left: 0;width: 50%;}
.right-element {position: absolute;right: 0;width: 50%;text-align: right; /* depends on element width */} 
