@charset "UTF-8";
/* --------------------------  common and shell styles ------------------------------ */
body { 
	margin: 0;	
	padding: 0;
	/* background-image: url(assets-common/bg-shell.png); */
	background-repeat: repeat;
	font: normal 100% Helvetica, Arial, sans-serif;
	color: #0a3542;
	width:100%;
	-webkit-print-color-adjust: exact;
}

/* this rules will be in effect, with the TOP NAV HEADER width is 1280 or less. */
.contentPanel-margin {
	margin-top:90px\9;
	bottom: 0;
    left: 0;
   
    right: 0;
    top: 65px;
    margin-left:60px;
	/* width: 1300px\9;
	min-width: 1220px\9; */
	/* background: -moz-linear-gradient(center top , #f1f1f1 100%, #f1f1f1 100%) repeat scroll 0 0 transparent; */
	/* background-color: #fff; */
	/*background-image: url(customer/assets-common/bg-shell-white.png);*/
    /* border: 1px solid #adaeb9;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, .8) inset, 1px 1px 5px rgba(0, 0, 0, 0.2); */
	/* padding-bottom: 30px; */
	
	position: relative;
}

@media screen and (max-device-width:1280px) {
.contentPanel-margin{
	margin-top:90px;
	/* width: 1220px;
	min-width: 1220px; */
	/* background: -moz-linear-gradient(center top , #f1f1f1 100%, #f1f1f1 100%) repeat scroll 0 0 transparent; */
	/* background-color: #fff; */
	/*background-image: url(customer/assets-common/bg-shell-white.png);*/
   /*  border: 1px solid #adaeb9;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, .8) inset, 1px 1px 5px rgba(0, 0, 0, 0.2); */
	/* padding-bottom: 30px; */
}}

@media screen and (min-device-width:1360px) {
.contentPanel-margin{
	margin-top:0px;
	/* width: 1300px;
	min-width: 1220px; */
	/*background: -moz-linear-gradient(center top , #f1f1f1 100%, #f1f1f1 100%) repeat scroll 0 0 transparent;*/
	/* background-color: #FFF; */
	/*background-image: url(customer/assets-common/bg-shell-white.png);*/
    /* border: 1px solid #adaeb9;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, .8) inset, 1px 1px 5px rgba(0, 0, 0, 0.2); */
	/* padding-bottom: 30px; */
}}

.container-Header-MainHeader-userInfo {
	width: 400px;
	height: 100px;
	background-color:#dfdfdf;
	background-image: url(assets-common/divider-bevelSides.png);
	background-position: left;
	background-repeat: repeat-y;
    border-radius: 0px 8px 8px 0px;
}

.container-Content-MainContent {
	position: relative;
    width: 1320px;
    margin-top:-10px;
}
.container-Content-MainContent_backUp {
	width: 100%;
	background: -moz-linear-gradient(center top , #f1f1f1 100%, #f1f1f1 100%) repeat scroll 0 0 transparent;
	background-color: #f1f1f1;
	/*background-image: url(customer/assets-common/bg-shell-white.png);*/
    border: 1px solid #adaeb9;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, .8) inset, 1px 1px 5px rgba(0, 0, 0, 0.2);
	clear: both;
	height: 700px;
	padding-bottom: 30px;
}

.grid-borderCollapse {
	border-spacing: 0px;
  	border-collapse:collapse;
}

/*--------------------------- padding and margins ------------------------------- */
.margin-5px {
	margin: 5px;
}

.margin-lftRt-20px {
	margin: 0px 20px 0px 20px;
}

/* -------------------------- font styles ----------------------------------------*/
.text-titleName-title {
	/* font-family: 'OxygenBold'; */
	font-size: 1em;
	color: #0a3542;
}

.text-titleName-name {
	/* font-family: 'OxygenRegular'; */
	font-size: 1em;
	color: #2a90d0;
}

.text-titleName-name-link {
	/* font-family: 'OxygenRegular'; */
	font-size: 1em;
	color: #2a90d0;
	text-decoration: underline;
	cursor: pointer;
	*cursor: hand;
}

.text-titleName-name-link:hover {
	text-decoration: none;
}

.text-title-36px {
	font-size: 36px;
	font-weight: bold;
	color: #0A3542;
}

.text-subTitle-20px-grey {
	font-size: 20px;
	font-weight: bold;
	color: #666666;
}

.text-bodyText {
	font-size: 12px;
	color: #333333;
	line-height: 160%;
}

.text-header-14px-uppercase {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}

.text-title-13px-bold {
	font-size: 13px;
	font-weight: bold;
	color: #0A3542;
}

.text-title-18px-bold {
	font-size: 18px;
	font-weight: bold;
	color: #0A3542;
}

.text-linkText {
	color: #2a90d0;
	cursor: pointer;
	*cursor: hand;
}

.text-linkText:hover {
	color:#0A3542;
	text-decoration: underline;
}

/* ---------------------- standard grey button -------------------------- */
.btn-standardGrey {
	-moz-transition: box-shadow 0.3s ease-in-out 0s;
    background: -moz-linear-gradient(center top , #f4f5f9 0%, #b1b5cb 100%) repeat scroll 0 0 transparent;
    border: 1px solid #67719d;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
    padding: 2px 8px 2px 8px ;
    color: #4e5884;
    cursor: pointer;
    *cursor: hand;
}

.btn-standardGrey .html-face {
	
	font-size: 15px;
}

.btn-standardGrey:hover {
	background: -moz-linear-gradient(center top , #b1b5cb 0%, #f4f5f9 100%) repeat scroll 0 0 transparent;
}

/* -------------------------- sign in styles ----------------------------------- */

.container-tab-sign {
	
}

.container-tab-sign .gwt-TabBar {
	width: 770px;
	height: 56px;
	/* background-image: url(assets-tab-signIn/tab-signIn-top.png); */
	background-image: url(assets-tab-signIn/tab-signIn-topNew.png);
	background-repeat: no-repeat;

}

.container-tab-sign .gwt-TabBarItem-wrapper {
	height: 56px;
}

.container-tab-sign .gwt-TabBarItem-wrapper .gwt-TabBarItem {
	height: 56px;
	margin-right: 50px;
}

.container-tab-sign .gwt-TabBarItem-wrapper .gwt-TabBarItem .gwt-Label {
	font-weight: bold;
	line-height: 50px;
	margin-left: 50px;
	cursor: pointer;
	*cursor: hand;
}

.container-tab-sign .gwt-TabBarItem-wrapper .gwt-TabBarItem-selected {
	color: #2a90d0;
}

.container-tab-sign .gwt-TabBarItem-wrapper .gwt-TabBarItem .gwt-Label:hover {
	color: #2a90d0;
}


.container-tab-sign .gwt-TabPanelBottom {
	background-image: url(assets-tab-signIn/tab-signIn-bottom.png);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-bottom: 20px;
}

.container-tab-signIn-txtFld-bg {
	background-image: url(assets-tab-signIn/login-txtFld-bg.png);
	background-repeat: no-repeat;
	height: 37px;
}

.watermark {
	border: 0px;
	font-size: 16px;
	font-weight: bold;
	background-color: none;
	color: #adaeb9;
	margin-top: 8px;
	margin-left: 10px;
}

.container-tab-signIn-txtFld {
	border: 0px;
	font-size: 16px;
	font-weight: bold;
	background-color: none;
	color: #5e5e5e;
	margin-top: 8px;
	margin-left: 10px;
	margin-left: 15px;
	background: none;
	width: 313px;
}

/**..........................New Error message styles............**/
.signInErrorTxtColor{
	color: #BA5A3E;
    border: 0 none;
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 8px;;
    font-weight: bold;	
}
.signInErrorMsg{
	color: #37628F;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.signInErrorMsgFontIcon{
	color: #cc6633;
    font-size: 26px;
    width: 26px;
    height: 26px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.signInButton_Blue { 
	/* fallback */ 
	background-color: #336699;	 
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3399cc), to(#336699)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #3399cc, #336699); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #3399cc, #336699); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #3399cc, #336699); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #3399cc, #336699);
	/* MSIE */
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399cc', endColorstr='#336699');	
	
	border: 1px solid #336699;
	border-radius: 16px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    margin: 5px;
    padding: 4px 5px 0px;
    text-align: center;    
    width:82px;
    height:26px;
    box-shadow:         0px 2px 1px rgba(0, 0, 0, 0.75);    
	-moz-box-shadow:    0px 2px 1px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.75);	
}