@charset "UTF-8";
@import url("/css/reset.css?v=e28edacbab33");

/* HTML5 display-role reset for older browsers */
html { background: none repeat scroll 0 0 #F4F4F4; color: #333333;direction: ltr; font: 81.25%/1 arial,helvetica,sans-serif; }
button, input, select, textarea {font-family: inherit;font-size: inherit;}


article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0; }
/* --------------------------------------------- */



/*body 				{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #273869; }*/
.center				{ text-align:center;}
/*.field				{ height: 34px; width: 265px; background-color:#F0F0F0; border: 1px solid #666; color: #ADADAD; padding: 0 0 0 10px; }*/

a					{ color: #333333; text-decoration:underline;}
a:hover				{ color: #666; text-decoration:none;}

#header_login 		{ height: 90px; width: 100%; background: #000000; text-align: center;}
#header_tall		{ height: 90px; border-bottom: 2px solid #0BB5FF; box-shadow:rgba(34,25,25,0.4) 0 1px 3px; }
#header_tall img	{ padding: 15px 0 0 0; margin: 0; }


#nav_login 			{ height: 0; width: 100%; }
#info				{ width: 31px; height: 30px; padding: 8px 8px 0 0; float:right; }
#info a				{ height: 30px; display: block; background:url(../images/info_icon.png) no-repeat left top;   }
#info a:hover		{ height: 30px; background:url(../images/info_icon.png) no-repeat left bottom;   }
#version			{ width: 30px; padding: 21px 0 0 0; color: #999; font-size:11px; float:right;}

#signin			{ width: 500px; margin: auto; padding: 32px 0 0 0; }
#signin h1			{ text-align:center; margin: 0 0 20px 0; font-size:18px;}
#signin ul			{ margin: 0; padding: 0;}
#signin li			{ margin: 0 0 1.5em;}
#signin p			{ font-size: 11px; color: #999; margin: 0 0 42px 0;}
#signin img		{ display: block; margin: auto;}
#signin input      { display: block; margin: auto;}

.field      { direction: ltr; font-size: 16px; height: 34px; width: 100%; line-height: 30px; font-weight: 500 ; border: 1px solid #999; text-indent:10px; color:#333;}
#signin div         { margin: 0 0 1.5em; }
.error_container { margin: 0.5em 0 0; display: block; }

#password			{ width: 277px; margin: auto; padding: 32px 0 0 0; }
#password h1		{ text-align:left; margin: 0 0 15px 0; font-size:18px;}
#password ul		{ margin: 0; padding: 0;}
#password li		{ margin: 0 0 25px 0;}
#password p			{ font-size: 12px; color: #333; margin: 0 0 20px 0; line-height:16px;}
#password #btns		{  width: 277px; height:22px; }
#password .imagebutton		{ display: inline; margin: 0 14px 0 0;  }

#footer				{ width: 100%; text-align: center; position: absolute; margin-top: 40px;  }
#footer	p			{ color: #999999; font-size:11px; margin: 0 0 10px 0; }

.watermark_container { width: 100%; }
.watermark { font-weight: bold; padding-left:9px; }




/*HTML5 Placeholder to replicate .watermark*/
::-webkit-input-placeholder { font-family: arial,helvetica,sans-serif; font-size: 16px; color: rgb(153, 153, 153); opacity: 1; }
::-moz-placeholder { font-family: arial,helvetica,sans-serif; font-size: 16px; color: rgb(153, 153, 153); opacity: 1; } /* firefox 19+ */
:-ms-input-placeholder { font-family: arial,helvetica,sans-serif; font-size: 16px; color: rgb(153, 153, 153); opacity: 1; } /* ie */
input:-moz-placeholder { font-family: arial,helvetica,sans-serif; font-size: 16px; color: rgb(153, 153, 153); opacity: 1; }

:focus::-webkit-input-placeholder { opacity: 0.6; }
:focus::-moz-placeholder { opacity: 0.6; } /* firefox 19+ */
:focus:-ms-input-placeholder { opacity: 0.6; } /* ie */
input:focus:-moz-placeholder { opacity: 0.6; }
/*End HTML5 Placeholder to replicate .watermark*/

/*Noty*/
.noty_bar, .noty_message
{
    margin-bottom: 0px !important;
}

/* Tooltip and Popover styles */
.fade
{
    opacity: 0;
    transition: opacity 0.15s linear 0s
}

.fade.in
{
    opacity: 1;
}

.popover
{
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    max-width: 276px;
    padding: 1px;
    position: absolute;
    text-align: left;
    top: 0;
    white-space: normal;
    z-index: 1200;
}

.popover.top
{
    margin-top: -10px;
}

.popover.right
{
    margin-left: 10px;
}

.popover.bottom
{
    margin-top: 10px;
}

.popover.left
{
    margin-left: -10px;
}

.popover-title
{
    background-color: #F7F7F7;
    border-bottom: 1px solid #EBEBEB;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    padding: 8px 14px;
}

.popover-title:empty
{
    display: none;
}

.popover-content
{
    padding: 9px 14px;
}

.popover .arrow, .popover .arrow:after
{
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.popover .arrow
{
    border-width: 11px;
}

.popover .arrow:after
{
    border-width: 10px;
    content: "";
}

.popover.top .arrow
{
    border-bottom-width: 0;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
}

.popover.top .arrow:after
{
    border-bottom-width: 0;
    border-top-color: #FFFFFF;
    bottom: 1px;
    margin-left: -10px;
}

.popover.right .arrow
{
    border-left-width: 0;
    border-right-color: rgba(0, 0, 0, 0.25);
    left: -11px;
    margin-top: -11px;
    top: 50%;
}

.popover.right .arrow:after
{
    border-left-width: 0;
    border-right-color: #FFFFFF;
    bottom: -10px;
    left: 1px;
}

.popover.bottom .arrow
{
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
    left: 50%;
    margin-left: -11px;
    top: -11px;
}

.popover.bottom .arrow:after
{
    border-bottom-color: #FFFFFF;
    border-top-width: 0;
    margin-left: -10px;
    top: 1px;
}

.popover.left .arrow
    {
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0;
    margin-top: -11px;
    right: -11px;
    top: 50%;
}

.popover.left .arrow:after
{
    border-left-color: #FFFFFF;
    border-right-width: 0;
    bottom: -10px;
    right: 1px;
}

.tooltip
{
    display: block;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0;
    position: absolute;
    visibility: visible;
    z-index: 1030;
}

.tooltip.in
{
opacity: 0.8;
}

.tooltip.top
{
margin-top: -3px;
padding: 5px 0;
}

.tooltip.right
{
margin-left: 3px;
padding: 0 5px;
}

.tooltip.bottom
{
margin-top: 3px;
padding: 5px 0;
}

.tooltip.left
{
margin-left: -3px;
padding: 0 5px;
}

.tooltip-inner
{
background-color: #000000;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
max-width: 200px;
padding: 8px;
text-align: center;
text-decoration: none;
}

.tooltip-arrow
{
border-color: transparent;
border-style: solid;
height: 0;
position: absolute;
width: 0;
}

.tooltip.top .tooltip-arrow
{
border-top-color: #000000;
border-width: 5px 5px 0;
bottom: 0;
left: 50%;
margin-left: -5px;
}

.tooltip.right .tooltip-arrow
{
border-right-color: #000000;
border-width: 5px 5px 5px 0;
left: 0;
margin-top: -5px;
top: 50%;
}

.tooltip.left .tooltip-arrow
{
border-left-color: #000000;
border-width: 5px 0 5px 5px;
margin-top: -5px;
right: 0;
top: 50%;
}

.tooltip.bottom .tooltip-arrow
{
border-bottom-color: #000000;
border-width: 0 5px 5px;
left: 50%;
margin-left: -5px;
top: 0;
}
/*End Tooltip and Popover styles */

.error2 {
font-size:13px;
font-family:Arial,Helvetica,sans-serif;
color:#ff0000;
font-weight:bold;
margin-top:8px;
background:transparent url(/img/icon/error.gif) no-repeat scroll 2px top;
padding-left:24px;
}

/* GLOBAL DARK BLUE BUTTON (small) - April 2017 */
a.button_blue {
    background: #06263C;
    color: #ffffff;
    display: block;
    float: left;
	font-size:11px;
    font-weight:bold;
    height: 19px;
    margin: 0 9px 0 0;
    padding: 2px 10px;
    text-decoration: none;
	cursor:pointer;
    line-height:19px;
}

.button_blue input {
    background: #06263C;
	font-size:11px;
	font-weight:bold;
	color: #ffffff;
	padding:2px 10px;
    margin: 0 9px 0 0;
	height:23px;
	border:none;
	float:left;
	overflow:visible;
	cursor:pointer;
}

/* GLOBAL RED BUTTON (small) - April 2017 */
a.button_red {
    background: #990000;
    color: #ffffff;
    display: block;
    float: left;
	font-size:11px;
    font-weight:bold;
    height: 19px;
    margin-right: 10px;
    padding: 2px 10px;
    text-decoration: none;
	cursor:pointer;
    line-height:19px;
}

.button_red input {
    background: #990000;
	font-size:11px;
	font-weight:bold;
	color: #ffffff;
	padding:2px 10px;
    margin: 0 9px 0 0;
	height:23px;
	border:none;
	float:left;
	overflow:visible;
	cursor:pointer;
}