/* Breadcrumb Note: intranet also has path css*/
.path{margin-bottom:10px; margin-top:-5px;  position:relative; float:left}
.path ul{float:left; margin:0px; padding:0px; overflow:hidden; padding-left:12px;}
.path ul li{float:left; position:relative; color:#646464; font-size:12px; height:29px; line-height:29px; }
.path ul  .normal{float:left; background:url(../../images/crumb_2.png) no-repeat right center; margin-left:-12px; padding:0px 13px 0px 13px;}
.path ul  .nolink{float:left; background:url(../../images/crumb_3.png) no-repeat right center; margin-left:-12px; padding:0px 13px 0px 13px; color:#646464; font-weight:bold}
.path ul  .visited{float:left; background:url(../../images/crumb_1.png) no-repeat right center; margin-left:-12px; padding:0px 13px 0px 13px; font-size:14px;color:#0053b0; font-weight:bold;}
.path ul li a{ background:url(../../images/crumb_3.png) no-repeat right center; display:block;padding:0px 13px 0px 13px; color:#646464 !important; margin-left:-12px;text-decoration:none !important; }
.path ul li a:hover{ background:url(../../images/crumb_over.png) no-repeat right center; display:block;padding:0px 13px 0px 13px;color:#5683bb !important;text-decoration:none !important; font-weight:bold;}
.path ul .link a{margin-left:-12px; padding: 0 13px;}/*added by lidong*/
.path ul #crumb1{ z-index:9;}
.path ul #crumb2{ z-index:8;}
.path ul #crumb3{ z-index:7;}
.path ul #crumb4{ z-index:6;}
.path ul #crumb5{ z-index:5;}
.path ul #crumb6{ z-index:4;}
.path ul #crumb7{ z-index:3;}
.path ul #crumb8{ z-index:2;}
.path ul #crumb9{ z-index:1;}
.path_left_round{ background:url(../../images/path_round.gif); width:3px; height:29px; position:absolute; z-index:10; top:0px; left:0px;}

/* INNER PAGES STUVVES - Table Styles */
.page #content{ width:810px; position:relative; margin-left:-12px; }
.main-holder{ height:1%; padding:0px 0 11px 0px; }
.content-t, .content-b{ height:25px; overflow:hidden; }
.content-t{background:url(../../images/bg-content-t.png) no-repeat;}
.content-b{background:url(../../images/bg-content-b.png) no-repeat;}
.content-c{
    background:url(../../images/bg-content-c.png) repeat-y;
    height:1%; padding:0 16px 7px 17px;
}
.page #content h2, .page  #content h3{
    font-family:"trebuchet ms", helvetica, sans-serif;
    color:#556368; font-weight:normal; text-shadow:1px 1px 1px #fff;
}
.content-entry{padding:0 0 0 0px;}
.content-entry .entry-holder{ width:100%; padding:0 0 20px; }
.article{ font-size:1.3em; float: left; width: 100%; min-height: 400px;}
/* INNER PAGES STUVVES - Form Styles */
.content-entry .entry-holder:after{ display:block; content:""; clear:both; }

/* Content Table */
#content .search_table{ background:#fffff4; border:1px solid #c9c9c9; border-collapse:inherit;}
#content .search_table td{border:1px solid #fffff4; padding:0px 5px; *padding-top:3px;}
#content .search_table th{border:0px;background:none;font-weight:normal;color: #4A4A4A;}
#content table{ border-collapse:collapse; width:438px; margin-bottom: 5px;width:100%;} */
#content a{ color:#0053b0; text-decoration:underline;}
#content a:hover{ color:#4a4a4a; text-decoration:underline;}
#content th{
    border:1px solid #c9c9c9; background:url(../../images/table_th_bg.gif) repeat-x;
    color:#556369; text-align:left; padding:4px 5px;
}
#content .breakWord{
    table-layout: fixed;
    word-wrap : break-word;
}
#content th a{
    text-decoration: none;
}
#content td{ border:1px solid #c9c9c9; padding:3px 5px; vertical-align:top;}
#content .even td{background:#f9fbff;}

/* Title */
#content .table_title{ height:22px; font-size:1.125em; font-weight:bold; color:#556369; width:100%;}
.title{
    font-size:1.7em;
    font-weight:bold;
    clear:both;
    border-bottom:1px dotted #c5c5c5;
    width:100%;
    padding:5px 0;
    margin-bottom:20px;
}

/* Message Styles*/
#content .error_title {
    COLOR: red;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
}
#content .error_txt {
    BACKGROUND-COLOR: #f0f0f0;
    COLOR: red;
    FONT-FAMILY: verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
}


#content .two_fa_error_txt {
    color: red;
    font-family: verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}


#content .error_field_txt{
    color: red;
    font-size: 11px;
    font-weight: normal;
    font-family: verdana, Helvetica, sans-serif
}
#content .message_title {
    COLOR: #003377;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
}
#content .message_txt {
    BACKGROUND-COLOR: #f0f0f0;
    COLOR: green;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    FONT-FAMILY: verdana, Helvetica, sans-serif;
}

#content .message_txt ul li {
    MARGIN-LEFT: -10px;
}

#content .error_txt ul li {
    MARGIN-LEFT: -10px;
}

/* Controls */
/*#content input[type=button]{ border:1px solid #99b9e3; height:24px; background:url(../../images/button_bg_U.gif) repeat-x; font-weight:bold; margin-right:10px;}
#content input[type=button]:hover{ border:1px solid #aaa; height:24px; background:url(../../images/button_bg_S.gif) repeat-x;}
#content input[type=submit]{ border:1px solid #99b9e3; height:24px; background:url(../../images/button_bg_U.gif) repeat-x; font-weight:bold}
#content input[type=submit]:hover{ border:1px solid #aaa; height:24px; background:url(../../images/button_bg_S.gif) repeat-x;}*/
/*#content input[type=file]{
	position:absolute;
    -moz-opacity:0;
    filter:alpha(opacity=0);
    opacity: 0;
    width:30px;
    z-index: 2;
}*/
#content input[type=file]{
    height:23px;
    float:left;
}

#content .attachButton {
	height:23px;
	margin-left:5px;
}
/* #content .fileDoc{
	position:absolute;
	overflow: hidden;
    width:30px;
    z-index: 2;
} */

#content input[type=text]{font-family: Arial;font-size: 13px;}
#content textarea{font-family: Arial;font-size: 13px;}
#content .calendar{
    width:22px;
    height:18px;
    vertical-align: top;
    border:0;
    margin-top:2px;
    margin-left:2px;
}
.watermark {
    color: #999 !important;
}
#content .bold{
    font-weight: bold;
}

/* Content Layout */
#content .space{
    margin-top:15px;
}
#content .spcae_bottom {
    margin-bottom:5px;
}
#content .noborder td{
    border: 0px;
    padding: 0px;
}
#content .space2{
    margin-top:5px;
}
#content .asterisk{
    color: red
}
#content .pagination{
    color:#666666;
}
#content .text_center{
    text-align:center;
}
#content .text_right{
    text-align:right;
}
/*#content .button_space{
	display:inline;
	padding-left: 10px;
}*/
.limiterBox{
    display:inline;
}

.hidden {
	display:none;
}

.tips{
	position:relative;
	color:#193d77;
	display:block;
	text-decoration:none;
}

#assessment a:hover span {
	display:block;
	border:1px solid #F96;
	background:#FFEFEF;
	padding:10px 10px;
	position:absolute;
	top:0px;
	left:100px;
	width: 550px;
	color:#193d77;
	z-index:1000
}

.logo-area {
    float: left;
    width: 700px;
}
.logo-area a {
    text-decoration: none;
}
.logo {
    float: left;
    height: 85px;
    margin: 3px 8px 0 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 186px;
}
.logo a {
    background: url("../../images/logo.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 100%;
}
.logo-area .slogan {
    color: #0079F2;
    float: left;
    font: 26px/34px Arial,Helvetica,sans-serif;
    letter-spacing: -1px;
    margin: 0 0 0 -154px;
    padding: 42px 0 0;
    word-spacing: 2px;
}
.clearBoth {
    clear:both;
}

/*Implement 2FA*/
table.userSelect {
	width: 90%; 
	margin: 0 auto; 
	border-spacing: 30px;
}

table.userSelect td.userCell {
	width: 50%; 
	vertical-align: middle; 
	height: 80px; 
	border: 1px inset #BDBDBD; 
	padding-left: 20px; 
	font-size: 14px;
	line-height: 20px;	
	font-weight: bold;
	-webkit-box-shadow:inset 0 0 20px 1px #C9C9C9; 
	box-shadow:inset 0 0 20px 1px #C9C9C9;
	border-radius: 8px;
	background: url(../../images/lockd.png) no-repeat;
	background-size: 70px 50px;
	background-position: 90% 50%;
}

table.userSelect td.userCell:hover {
	-webkit-box-shadow:inset 0 0 40px 1px rgba(129, 190, 247, 0.9); 
	box-shadow:inset 0 0 40px 1px rgba(129, 190, 247, 0.9);
	border-radius: 8px; 	
	border: 1px inset rgba(129, 190, 247, 1);
	cursor: pointer;
	background: url(../../images/lockc.png) no-repeat;
	background-size: 70px 50px;
	background-position: 90% 50%;

}