@charset "utf-8";

/* ============================== SPECIAL COMMON ============================== */
.clear
{
	clear					: both;
}
.clear0
{
	clear					: both;
	font-size				: 0px;
	line-height				: 0px;
	height					: 0px;
}
.t-left
{
	text-align				: left !important;
}
.t-center
{
	text-align				: center !important;
}
.nodisplay
{
	display					: none;
}
.whole-width
{
	width					: 100%;
}
.f-left
{
	float					: left;
}
.normal
{
	font-weight				: normal;
}
hr 
{
	border-bottom			: 1px dashed #dadada;
	border-left				: none;
	border-right			: none;
	border-top				: none;
	height					: 1px;
	margin					: 20px 0px 0px;
}
.progress-bar
{
	display					: none;
}

/* ============================== COMMON ============================== */
html
{}
body
{
	color					: #333;
	font-family				: "Arial";
	font-size				: 12px;
	background              : #f0f1f3; /*#f0f1f3;*/
}
a
{
	color:#0076bc;
	text-decoration			: underline;
}
a:hover
{
	text-decoration			: none;
}
h1
{
	font-size				: 180%;
	font-weight				: bold;
	color					: #000;
	padding-bottom			: 15px;
	border-bottom			: 1px dashed #dadada;
	margin-bottom			: 1em;
}
h2
{
	font-size				: 120%;
	font-weight				: bold;
	color					: #000;
	margin-bottom			: 1.5em;
	padding-top				: 1em;
}
h3
{
	font-size				: 100%;
	font-weight				: bold;
	color					: #000;
}

/* ============================== MAIN LAYOUT ============================== */
.wrapper
{}
.header
{
	height					: 190px;
	background				: #f6f7f5;
	border-bottom			: 1px solid #ffffff;
	padding					: 0px 30px;
}
.main-holder
{
	padding					: 0px 20px;
}
.left-sidebar
{
	position				: relative;
	float					: left;
	width					: 225px;
	margin-top				: 25px;
	z-index					: 1;
}
.main-content
{
	position				: relative;
	margin-top				: -25px;
	margin-left				: 219px;
	margin-bottom			: 30px;
}
.main-content-top {
    background: url("../images/main-content-top.png") repeat-x scroll 0 0 transparent;
    height: 11px;
    margin: 0 15px 0 11px;
    position: relative;
}
.mctop-left {
    background: url("../images/mctop-left.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 11px;
    margin-left: -11px;
    width: 11px;
}
.mctop-right {
    background: url("../images/mctop-right.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 11px;
    margin-right: -15px;
    width: 15px;
}
.main-content-bottom {
    background: url("../images/main-content-bottom.png") repeat-x scroll 0 0 transparent;
    height: 15px;
    margin: 0 15px 0 11px;
    position: relative;
}
.mcbottom-left {
    background: url("../images/mcbottom-left.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 15px;
    margin-left: -11px;
    width: 11px;
}
.mcbottom-right {
    background: url("../images/mcbottom-right.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 15px;
    margin-right: -15px;
    width: 15px;
}
.main-content-body-holder {
    background: url("../images/main-content-body-left.png") repeat-y scroll 0 0 transparent;
    padding-left: 11px;
}
.main-content-body {
    position: relative;
}
.content-right-shadow {
    background: url("../images/main-content-body-right.png") repeat-y scroll 100% 0 transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
}
.container
{
	margin-right			: 15px;
	background				: #fff;
	padding					: 10px;
	position				: relative;
}

/* ============================== FOOTER ============================== */
.footer
{
    padding-top				: 5px;
	font-size				: 75%;
	clear                   : both;
	padding-top             : 30px;
}
.footer table
{
	width					: 100%;
}
.footer table tr td
{
	text-align				: center;
}
.footer table tr.space
{
	height					: 10px;
}
.footer table tr td.first
{
	text-align				: left;
}
.footer table tr td.last
{
	text-align				: right;
}

/* ============================== HEADER ============================== */
/* LOGO */
.header .logo
{
	display					: block;
	position				: absolute;
	width					: 270px;
	height					: 115px;
	left					: 24px;
	top						: 35px;
}
.global-nav
{
	height					: 40px;
	float					: right;
	padding-top				: 20px;
	color                   : #9ca3ad;
}
.global-nav a:hover { text-decoration:underline; color: rgba(0, 0, 0, 1);}
.global-nav table
{}
.global-nav table td
{
	padding-right			: 15px;
	vertical-align			: middle;
}
/* FONT SWITCHER */
.font-switcher table td
{
	padding					: 0px 0px 0px 10px;
}
.font-switcher a
{
	display					: block;
	float					: left;
	margin-right			: 3px;
	width					: 30px;
	height					: 30px;

	background-repeat		: no-repeat;
	background-color		: #1b78cc;
	background-position		: center -3px;
	text-align				: center;
	text-decoration			: none;
	text-transform			: capitalize;
	line-height				: 29px;
	color					: #ffffff;
}
.font-switcher a:hover 
{
    background-position		: center -77px;
    text-decoration         : none;
    color                   : #000;
}

.font-switcher .active,
.font-switcher .active:hover
{
	color					: black;
	text-decoration         : none;
	cursor					: default;
	background-position		: center -40px;
}
.font-switcher .regular
{
	font-size				: 12px;
}
/*
.font-switcher .regular:hover
{
	background-position		: 0px -30px;
	color					: #000000;
}
.font-switcher .regular.active
{
	background-position		: -1px -40px;
}
*/
.font-switcher .large
{
	font-size				: 14px;
}
/*
.font-switcher .large:hover
{
	background-position		: -30px -30px;
	color					: #000000;
}
.font-switcher .large.active
{
	background-position		: -30px -30px;
}
*/
.font-switcher .x-large
{
	font-size				: 16px;
}
/*
.font-switcher .x-large:hover
{
	background-position		: -60px -30px;
	color					: #000000;
}
.font-switcher .x-large.active
{
	background-position		: -60px -30px;
}
*/

/* LANG & CONTRAST BUTTONS */
.lang
{
	position				: relative;
	z-index					: 1;
}
.lang-button,
.contrast-button
{
	display					: block;
	height					: 19px;
	line-height				: 16px;
	width					: 48px;

	background-repeat		: no-repeat;
	background-position		: center -37px;
	color					: #fff;
	padding					: 6px 9px 4px;
	font-size				: 110%;
	font-weight				: bold;
	text-decoration			: none;
	background-color		: #1b78cc;
}
a.lang-button:hover
{
	background-position		: center -74px;
	background-color		: #DADADA;
	text-decoration			: none;
	color					: black;
}
.lang .list
{
	left					: 3px;
	padding					: 1px 2px;
	position				: absolute;
	top						: 30px;
	width					: 58px;
	z-index					: 1000000;
	background				: #605d5d;
}
.lang .list a
{
	display					: block;
	height					: 1.2em;
	color					: #fff;
	padding					: 2px 10px 5px 7px;
	font-size				: 110%;
	font-weight				: bold;
	text-decoration			: none;
	background				: #605d5d;
	margin					: 1px 0px;
}
.lang .list a:hover
{
	background				: #DADADA;
	color					: #000000;
}
.user span
{
	font-weight				: bold;
    color                   : #0076bc;
}
a.contrast-button
{
	width					: 90px;
	
	background-position		: center -40px;
	text-align				: center;
	padding					: 6px 0px 4px;
	background-color        : #1b78cc;
}
a.contrast-button:hover
{
	background-position		: center -77px; 
	text-decoration: none;
	color:#000;
}

/* ============================== LEFT SIDE MENU ============================== */

input[type="button"], input[type="submit"] {
	background-color:#1b78cc;
	color:#fff !important;
	height:28px;
}
.side-menu
{
    background              : #ecf0f1;
	position				: relative;
	margin-top				: 20px;
}

.side-menu div
 {
    margin-bottom			: 0px;
}
.side-menu div a {
    display					: block;
	text-decoration			: none;
}
.side-menu div a span {
    display					: block;
	font-size				: 120%;
	color					: #fff;
	font-weight				: bold;
	height					: 15px;
	padding					: 14px 10px 14px;
	line-height				: 16px;
	border-top	    		: 1px solid #fafbfb;
	border-bottom			: 1px solid #cdced0;
	border-left 			: 1px solid #cdced0;
	background              : #1b78cc;
}

.side-menu div a:hover span
{
	text-decoration			: none;
	cursor					: pointer;
	color                   : #fff;
	border-top	    		: 1px solid #ffe32b;
	background              : #f5c300 url(../images/sidemenu-item-hover.png) repeat-x 0px 0px;
}
.side-menu div.active a span,
.side-menu div.active a:hover span 
{
    background: #135590;
    color: #ffffff;
    border-top	    		: 1px solid #333B46;
	border-bottom			: 1px solid #333B46;
	border-left 			: 1px solid #333B46;
}




.side-menu ul
{
	margin-bottom			: -1px;
}
.side-menu ul li
{
	margin-bottom			: 0px;
}
.side-menu ul li a
{
	display					: block;
	text-decoration			: none;
}
.side-menu ul li a span
{
	display					: block;
	font-size				: 120%;
	color					: #3b434e;
	font-weight				: bold;
	height					: 15px;
	padding					: 14px 10px 14px;
	line-height				: 16px;
	border-top	    		: 1px solid #fafbfb;
	border-bottom			: 1px solid #cdced0;
	border-left 			: 1px solid #cdced0;
	background              : #ecf0f1 url(../images/sidemenu-item.png) repeat-x 0px 0px;
}
.side-menu ul li a:hover span
{
	text-decoration			: none;
	cursor					: pointer;
	color                   : #fff;
	border-top	    		: 1px solid #ffe32b;
	background              : #f5c300 url(../images/sidemenu-item-hover.png) repeat-x 0px 0px;
}
.side-menu ul li.active a span,
.side-menu ul li.active a:hover span 
{
    background: #333B46;
    color: #ffffff;
    border-top	    		: 1px solid #333B46;
	border-bottom			: 1px solid #333B46;
	border-left 			: 1px solid #333B46;
}
.white-tlc, .white-blc {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 7px;
    left: 0;
    position: absolute;
    width: 7px;
    display: none;
}
.white-tlc {
    background-image: url("../images/white-tlc.png");
    top: 0;
}
.white-blc {
    background-image: url("../images/white-blc.png");
    bottom: 0;
}


/* ============================== ERRORS ============================== */
.error-container
{
	margin-bottom			: 5px;
	margin-top				: 5px;
}
.error-list-content
{
	list-style				: circle inside;
}
.error-title-container-right
{
	background				: #e64b00 url(../images/error-bg.png) no-repeat right -60px;
	padding-right			: 10px;
}
.error-title-container
{
	background				: url(../images/error-bg.png) no-repeat left top;
	height					: 32px;
	line-height				: 30px;
	padding-left			: 35px;
	color					: #fff;
}
.error-container .content
{
	background				: #fcbd9e;
	padding					: 15px 20px 10px;
	color					: #333;
}
.error-bottom-right
{
	background				: url(../images/error-bg.png) no-repeat right -180px;
	padding-right			: 10px;
}
.error-bottom
{
	background				: url(../images/error-bg.png) no-repeat left -120px;
	height					: 10px;
}

/* ============================== TABS ============================== */
.tabs-container-right
{
	margin-right			: 34px;
	padding-right			: 2px;
	margin-bottom			: 1.2em;
}
.tabs-container
{
	height					: 32px;
	line-height				: 25px;
	padding-left			: 10px;
}
.tabs-container ul
{
	margin					: 0px;
	padding					: 0px;
	border					: 0;
	list-style				: none;
}
.tabs-container li
{
	border					: 0;
	display					: inline-block;
	*display				: inline;
	height					: 32px;
	margin-left				: -6px;
}
.tabs-container li a
{
	color					: #666666;
	font-weight				: bold;
	text-decoration			: none;
	display					: inline-block;
	padding					: 0px 9px;
	border-right			: 2px solid #F54C00;
}
.tabs-container li:hover a
{
	text-decoration			: underline;
	color					: #000000;
}
.tabs-container li.selected a,
.tabs-container li:hover.selected a
{
	color					: #000000;
	background-color		: #F54C00;
	text-decoration			: none;
}
.tabs-container li.inactive a {
	color					: #666666;
}
.tabs-container li:hover.inactive a,
.tabs-container li:hover.inactive {
	text-decoration			: none;
}

/* ============================== HELP ============================== */
.help-btn
{
	width					: 30px;
	float					: right;
}
.help-btn a
{
	display					: block;
	height					: 37px;
	font-size				: 24px;
	font-weight				: bold;
	text-align				: center;
	text-decoration			: none;
	color					: #666666;
}
.help-btn:hover a
{
	color					: black;
}
.help-container
{
	width					: 300px;
	position				: absolute;
	z-index					: 1;
	right					: 0px;
	border					: 2px solid #E9E9E9;
}
.help-container .content 
{
	background				: #FFFFFF;
	color					: #000000;
	padding					: 10px 20px;
}
.help-container .title
{
	color					: #555;
}
.help-container .text
{
	font-size				: 12px;
	padding					: 10px 0px;
}
.help-close
{
	width					: 9px;
	height					: 9px;
	float					: right;
	margin-right			: 10px;
	color					: #757575;
	font-weight				: bold;
}
.help-close:hover
{
	cursor					: pointer;
	color					: #333333;
	font-weight				: bold;
}
.test
{
	background-color		: Blue;
	display					: block;
	color					: White;
}
.account {
    width:45% !important;
    display:inline-block !important;
    white-space:normal !important;
}
}
.inlineDiv{
    display:block;
}
/* div.information{ */
    /* width:30%; */
    /* word-break: normal; */
/* } */