body, html 
{
	font: 14px/20px arial,Sans-Serif;
	margin: 0;
	padding: 0;
	background-image: url("../images/bg.jpg");
    background-repeat: repeat-x;    
    background-color: #E0E4E5;
    height: 100%;
    color: #535353;
}

a {text-decoration: none; cursor: pointer;color: #025F69;}

a:hover {text-decoration: underline;}

a span:hover {text-decoration: underline;}

h1{margin-top: 27px 6px; font-weight: bold; font-size: xx-large;}

h2 {margin: 17px 6px; font-weight: bold; line-height: 48px; margin: 6px 32px 6px 0; font-size: 28px;}

h3 {margin: 17px 6px 4px;}

hr {background: none repeat scroll 0 0 #76AFB7; border: medium none; height: 1px; margin: 12px 0;}

.FullWidth{width:1000px; margin: 0 auto;}

.Divider{margin: 0 auto 5px;}

.Background
{
    background-color: transparent;
    padding-top: 32px;
    height: 100%;
}

.Personal-info-title  
{
    margin: 11px 0; 
    padding: 13px 20px 12px; 
    line-height: 26px; 
    font-size: 20px;      
    font-weight: bold; 
    background: url(../images/enrollment-title-bg.png) no-repeat left top; 
    height: 26px; width: 627px; float: left; 
    }

.EmployeeRibbon
{
    background-image:url("../Images/home-top.jpg");
    background-repeat:repeat-x; 
    margin-bottom: 20px;
    text-align:center;
    font-size:13px; 
    z-index: 99 !important;
}

.Left-Column
{
    width: 222px;
    float: left;
    /*background: url('../images/twocol-bg.jpg') repeat-x;*/
    padding-bottom: 80px;
    min-height: 750px;
}

.FooterContent
{
    bottom: 0; 
    margin-top: 19px;
    clear: both;
}
        
.Right-Column
{
    width: 750px;
    float: right;
    /*background: url('../images/twocol-bg.jpg') repeat-x; */          
    min-height: 750px; 
}

.BevelBackGround{background: url("../images/body-bg.png") no-repeat scroll center top transparent; padding-top: 10px;}

.Accent1 {background-color: #34757D;}

.Accent1Light{background-color: #8DC6CF;}

.Accent1LightBorder{border-color: #8DC6CF;border-style: solid;}

.Accent2{background-color: #F04C4B;}

.Accent3{background-color: #E2E2E2;}

.Accent3Light{background-color: #E2E2E2;}

.Accent3Dark{background-color: #C4D0D3;}

/*.EMployeeMenuClass a.static.selected is a hack for the EmployeeProfile.aspx*/
.Accent4, .employeeDemographics a.static.selected{background-color: #9BC8D2 !important;}

.Accent4Border{border-color: #8DC4CE;border-style: solid;}

.Accent4Light, #left-column, #right-column{background-color: #CDE3E7;}

.Accent4Dark{background-color: #5F9DA2; color: #fff;}

.Accent4LightBorder{border-color: #CDE3E7;border-style: solid;}

.ClearFix
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.AltTextColor{color: #025F69;}

.MainForm
{
	width:1000px;
	margin-left:auto;
	margin-right: auto;
}

.Unlist{background-color:#ffffff;vertical-align:middle;}

.List1{background-color: #e5e5e5;vertical-align:middle;}

.List2{background-color: #FFFFFF;vertical-align:middle;}

.DateField{width:65px;}  

.SSNField{width: 70px;}

.RoundAllCorners
{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    /*z-index: 1;*/
    position: relative;
    behavior: url(/CSS/PIE.HTC);
    top: 0px;
    left: 1px;
}
.RoundAllCorners20
{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    /*z-index: 1;*/
    position: relative;
    behavior: url(/CSS/PIE.HTC);
}

.RoundTopCorners
{
    
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-topleft-radius: 10px;
    -khtml-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-topright-radius: 10px;
    -khtml-border-radius-topright: 10px;
    z-index: 1;    
}

.RoundBottomCorners
{
    
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottomleft-radius: 10px;
    -khtml-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottomright-radius: 10px;
    -khtml-border-radius-bottomright: 10px;
    z-index: 1;    
}

.DropShadow
{
    box-shadow: 5px 5px 6px #ccc; /* For IE 8 */
    -moz-box-shadow: 5px 5px 6px #ccc;
    -webkit-box-shadow: 5px 5px 6px #ccc;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#cccccc')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 6, Direction = 135, Color = '#cccccc');
}

.EmployeeSearch
{
    max-height: 200px;
    width: 200px;
    overflow: auto;
    list-style-type: none;
    margin: 3px 0px 0px;
    padding: 0px;
    text-align: left;
    cursor: default;
    z-index: 9000 !important;
    list-style: none outside none;
    border: 1px solid buttonshadow;
    background-color: #fff;
    color: windowtext;
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 4, Direction = 135, Color = '#cccccc');
    text-transform: uppercase;
}

.blue-button {
    background: url("/images/buttons/blue-button.png") no-repeat scroll left top transparent;
    display: inline-block;
    padding: 0 0 0 6px;
}

.blue-button span, .blue-button input
{
    background: url("../images/buttons/blue-button.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px !important;
    font-weight: bold;
    line-height: 16px;
    padding: 7px 12px 7px 6px;
    border:none;
    box-shadow:none;
    cursor:pointer;
}
.blue-button input
{
    border:none;
    margin:0;
}

.blue-button-plus { display: inline-block; padding: 0 6px 0 0; background: url(../images/buttons/blue-button-plus.png) no-repeat right top; }
.blue-button-plus span { display: inline-block; padding: 9px 6px 9px 44px; font-weight: bold; line-height: 16px; color: #fff; background: url(../images/buttons/blue-button-plus.png) no-repeat left top; }
.blue-button-calc { display: inline-block; padding: 0 6px 0 0; background: url(../images/buttons/blue-button-calc.png) no-repeat right top; }

/*---------------------------------------------------------------------
    Named Object classes
-----------------------------------------------------------------------*/
#divTopContent{width: 100%;background-color:White;}

#divMainContent
{
    width: 1000px;
    margin-left: auto;
	margin-right: auto;
	height: 100%;
	padding-left: 20px;
	padding-right: 20px;
	background-color: transparent;
}

#TopBannerDiv
{
    width: 1000px;
    margin: 0 auto;
	padding: 0px 0px 0px;
	background-color: white;
	font-size: smaller;
	height: 97px;
}

#CompanyList
{	
	position: relative;
	z-index:999;
	left: 5px;
	display: none;
	height: 300px;
}

#ACE_SearchStr
{
    margin-top: 0px;
    z-index: 1000 !important;
}

#divRenameTab
{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2000;
}

/*---------------------------------------------------------------------
    End Named Object classes
-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
    Tabbar style info
  -----------------------------------------------------------------------*/

nav
{
	float: left;
	width: 1000px;
	height: 51px;
	margin-top: 12px;
	background: url(../images/nav-bg.jpg) repeat-x;
	z-index: 100 !important;
}

nav ul
{
	float: left;
	margin: 9px 0 0 10px;
	z-index: 100 !important;
}

nav li
{
	display: block;
	float: left;
	margin: 0 2px;
	z-index: 100 !important;
	
}

nav li a
{
	display: block;
	font-weight: bold ;
	font-size: 16px ;
	color: #025f69;
	text-decoration: none;
	padding: 7px 15px 17px 15px;
	text-shadow: 0 2px #fff;
	z-index: 100 !important;
}

nav li a:hover, nav li a:active, nav .active-sub a
{
	color: #fff;
	text-shadow: none;
	background: #3c839c;
	border-radius: 10px 10px 0 0;
}

nav .active a
{
	color: #900000;
}

.nav-indicator
{
	float: left;
	width: 9px;
	height: 5px;
	margin: 10px 6px 10px 0;
	background: url(../images/nav-indicator.png) no-repeat;
}


/* Subnav */

nav li ul 
{
	position: absolute;
	width: 250px;
	background: #3c839c;
	border-radius: 0 10px 10px 10px;
	padding: 14px 0;
	left: -999em;
}

nav li:hover ul 
{
	left: auto;
	margin: 0;
}

nav li li
{
	clear: left;
	width: 208px;
	margin-left: 21px;
	border-bottom: 1px solid #7fadbe;
}

nav li li:last-child
{
	border: none;
}

nav li li a
{
	color: #fff;
	text-shadow: none;
	padding: 12px 6px;
}

nav li li a:hover, nav li li a:active
{
	text-decoration: underline;
}
/*-----------------------------------------------------------------------
    End Tabbar style info
-----------------------------------------------------------------------*/
  
/*---------------------------------------------------------------------
    Widget classes
-----------------------------------------------------------------------*/
#WidgetContainer{min-height: 800px;}

.WidgetColumn
{
    width: 49%;
    list-style: none;
    padding: 0;
    margin: 0;
    min-height: 800px;
}

.WidgetRow{height:auto;}

.WidgetDiv{margin: 10px;}

.WidgetDiv2{padding: 10px; margin-bottom: 20px;}

.WidgetHeader
{
    padding: 10px;
    height: 20px;
    background-color: #fff;
    font-weight: bold;
    font-size: large;
    cursor: move;
    background: url("../images/block-title.jpg") repeat-x scroll 0 0 transparent;
}

.WidgetHeaderLifeEvents
{
    padding: 10px;
    height: 20px;
    background-color: #fff;
    font-weight: bold;
    font-size: medium;
    cursor: move;
    background: url("../images/block-title.jpg") repeat-x scroll 0 0 transparent;
}

.WidgetBody{padding: 10px 20px;}

/*---------------------------------------------------------------------
    End Widget classes
-----------------------------------------------------------------------*/



/*---------------------------------------------------------------------
    BEGIN LOGIN CLASSES
-----------------------------------------------------------------------*/

#loginHeaderContainer
{
	float: left;
	/*min-width: 993px;
	width:100%;*/
	height: 109px;
	position: relative;
	z-index: 10;
	width: 100%;
	background-color:White;
}
#loginContainer
{
	float: left;
	margin-top: -12px;
	width: 100%;
	min-width: 993px;
	/*background: url(../images/stripes.jpg) top center no-repeat;*/
	min-height: 800px;
	position: relative;
	z-index: 1;
}
#userName_passWord
{
	clear: left;
	float: left;
	margin-top: 15px;
}
#loginWrapper
{
	float: left;
	margin-top: 32px;
	width: 100%;
	min-width: 993px;
	/*background: url(../images/body-bg.jpg) top center no-repeat;*/
	min-height: 800px;
}
#main-body-container
{
	width: 993px;
	margin: 0 auto;
}

#login-wrapper
{
	min-height: 850px;
}

.LoginColor
{
    background-color: #eceeef !important;
}
.login-row
{
	float: left;
	width: 993px;
	margin-top: 40px;
	background: #eceeef;
	border-radius: 20px 20px 20px 20px;
}

.login-row .login-padding
{
	float: left;
	width: 921px;
	padding: 36px;
}

#login-video
{
	float: left;
	width: 460px;
}

#login-content
{
	float: right;
	margin-top: 27px;
	width: 420px;
}

#login-content h1
{
	font-size: 25px;
	font-weight: bold;	
}

#login-content p
{
	line-height: 24px;
}

#loginForm
{
	clear: left;
	float: left;
	margin-top: 15px;
}

#loginForm input
{
	float: left;
	width: 80px;
	
	margin-top: 0;
	margin-bottom: 0;
	padding: 3px 0px 5px 6px;
	font: normal 14px/14px 'Maven Pro', Arial, sans-serif;	
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	border-radius: 4px 4px 4px 4px ;
}

#loginForm .submitloginBtn
{
	border: none;
	padding: 0;
	margin-left:0;
	margin-top:-20px;
}

#loginForm .img-label
{
    float:left;
	width:auto;

}

#login-nav
{
	clear: left;
	float: left;
	margin-top: 34px;
	width: 420px;
	color: #008d9b;
	font-size: 16px;
}

#login-nav a
{
	font-weight: bold;
}

#login-nav li
{
	display: block;
	float: left;
}

#login-nav .divider
{
	padding: 0 22px;
}

#login-welcome-left
{
	float: left;
	width: 586px;	
}

#login-welcome-right
{
	float: right;
	width: 290px;	
}

.login-title
{
	float: left;
	width: 100%;
	height: 42px;
	background: url(../images/block-title.jpg) repeat-x;
	border-radius:  10px 10px 0 0;
}

.login-title h2
{
	float: left;
	font: bold 18px/18px 'Maven Pro', Arial, sans-serif;	
	padding: 11px 0 0 25px;
}

.login-block-content
{
	clear: left;
	float: left;
	padding: 0 25px;
}
.CreateUserButton 
{    
    float:none !important;
    background-color: #5ab8ca !important;
    padding: 5px !important;
    color: White !important;
    border-style: none !important;
    margin-top: -5px !important;
    border-radius: 10px 10px 10px 10px !important;
}
#login-welcome-left .login-block-content
{
	width: 536px;
}

#login-welcome-right .login-block-content
{
	width: 240px;
}


/*---------------------------------------------------------------------
    END LOGIN CLASSES
-----------------------------------------------------------------------*/


/*---------------------------------------------------------------------
    BEGIN EMPLOYEENAV CLASSES
-----------------------------------------------------------------------*/

#left-column
{
	float: left;
	width: 222px;
	/*background: #fff url(../images/twocol-bg.jpg) repeat-x;*/	
	padding-bottom: 80px;
	min-height: 750px;
}

#left-column ul
{
    margin-left:auto;
    /*margin: 0px auto;*/
    padding: 0;
    list-style-type:none;
    /*margin: 40px 20px;
    margin-left:-20px;*/
}

#left-column li
{
    display: inline;
	clear: left;
	float: left;
	padding: 13px 20px;
	width: 142px;
	margin-top:10px;

}

#left-nav li a
{
	font: bold 16px/16px arial,Sans-Serif;			
}

#left-nav li ul
{
    margin-left:auto;    
	/*margin: 20px 0;*/
	padding-bottom:0;
	list-style-position:inherit;
}

#left-nav li li
{  
    margin-left:auto;
	padding: 0px;
	/*margin: 3px 0;*/	
}

#left-nav li li a
{
	font: normal 12px/12px arial,Sans-Serif;
	text-transform: uppercase;
}

#left-nav .active
{
	background: url(../images/block-title.jpg) repeat-x;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    padding:10px 10px 10px 10px;
    z-index: 1;
    position: relative;
    behavior: url(/CSS/PIE.HTC);

}

#home-feature
{
	float: left;
	margin-bottom:20px;
	width: 993px;
	height: 247px;
	background: #e1ebed url(../images/feature-bg.jpg) left no-repeat;
}

#home-feature-close
{
	float: right;	
	margin: 11px 17px 0 0;
	width: 20px;
	height: 20px;
	background: url(../images/close.gif) no-repeat;
	cursor: pointer;
}

#home-feature-txt
{
	float: left;
	margin: 58px 0 0 520px;
	width: 420px;
	height: 175px;
	color: #545454;
	overflow: hidden;
}

#home-feature-title
{
	font: bold 25px/28px arial,Sans-Serif;	
}

#home-feature-txt p
{
	margin: 6px 0;	
}
#right-column
{
	float: right;
	width: 750px;
	margin-left: 10px;
	background: #fff url(../images/twocol-bg.jpg) repeat-x;
	border-radius: 20px 20px 0 0;
	min-height: 750px;
}
#right-column hr
{
    height: 1px;
    margin: 12px 0;
    border: none;
    background: #76afb7;
}

#right-column-blocks-container
{
	float:left;
	width: 686px;
	padding: 0 34px 80px 25px;
	
}


#right-blocks-left, #right-blocks-right
{
	float: left;
	width: 328px;

}

#right-blocks-right
{
	margin-left: 28px;
}

.right-column-block
{
	float: left;
	width: 328px;
	margin-top: 25px;
}

.right-column-block a:hover, .right-column-block a:active
{
	text-decoration: underline;	
}

.right-block-icon
{
	float: left;
	margin: 5px 0 0 10px;
}

.right-block-title
{
	float: left;
	width: 328px;
	height: 42px;
	background: url(../images/block-title.jpg) repeat-x;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    position: relative;
    behavior: url(/CSS/PIE.HTC);
    text-align:center;
    vertical-align:middle;
}

.right-block-title h2
{
	float: left;
	margin-left: 8px;
	font: bold 18px/18px arial,Sans-Serif;	
	vertical-align:middle;
	margin-top:10px;
}

.right-column-block ul
{
	clear: left;
	list-style:none;
	vertical-align:baseline;
	margin:0;
	padding: 0;
}

.right-column-block li
{
	border-bottom: 1px solid #a3afb0;
	padding: 10px;
    margin: 0;
}

.right-column-block li:last-child
{
	border: none;
}

.right-column-block .message-date
{
	float: left;
	width: 95px;
}

.right-column-block thead
{
	border-bottom: 1px solid #a3afb0;	
}

.right-column-block td, .right-column-block th, .right-column-block p
{
	padding: 10px;
}

.right-column-block .show-more-btn
{
	clear: left;
	float: left;
	width: 328px;
	height: 18px;
	background: url(../images/show-more.png) no-repeat;
	cursor: pointer;
}

#benefit-form label
{
	float: left;
	font-weight: bold;
}

#benefit-form #benStatement
{
	float: left;
	width: 72px;
	margin-left: 10px;
}

/* Blocks */

#block-container
{
	float: left;
	margin-top: 5px;
	width: 993px;
}

#blocks-left
{
	float: left;
	width: 490px;
}

#blocks-right
{
	float: left;
	margin-left: 13px;
	width: 490px;
}

.block
{
	float: left;
	margin-top: 21px;
	width: 490px;
	background: url(../images/block-bg.png) repeat;
	border-radius: 15px 15px 15px 15px;
}

.block-content
{
	float: left;
	padding: 12px;
}

.block-control
{
	float: left;
	width: 17px;
	height: 10px;
	margin: 16px 14px;
	cursor: pointer;
	background: url(../images/buttons/min.png) no-repeat;
}

.min
{
	background: url(../images/buttons/max.png) no-repeat;
}

.block-title
{
	float: left;
	width: 466px;
	height: 42px;
	background: url(../images/block-title.jpg) repeat-x;
	border-radius:  10px 10px 0 0;
}

.block-title h2
{
	float: left;
	font: bold 18px/18px arial,Sans-Serif;
	color: #02626c;
	padding: 11px 0 0 0;
}

.curved-title
{
	border-radius:  10px 10px 10px 10px;	
}

.block-close
{
	float: right;	
	margin: 11px 11px 0 0;
	width: 20px;
	height: 20px;
	background: url(../images/buttons/close.png) no-repeat;
	cursor: pointer;
}

.block-txt
{
	float: left;
	width: 466px;
	background: #dae8eb;
	border-radius:  0 0 10px 10px;
}

.block-txt p
{
	margin: 0 0 12px 0;
}

.block-txt-padding
{
	float: left;
	padding: 22px 24px;
}

.blue-btns 
{
	clear: left;
	float: left;
	padding-top: 15px;
}

.blue-btns li
{
	display: block;
	float: left;
	margin-right: 6px;
}

.blue-btns li:last-child
{
	margin-right: 0;
}

.blue-btns li a
{
	display: block;
	float: left;
	padding: 9px 12px;
	font: bold 16px/16px arial,Sans-Serif;
	color: #fff;
	text-decoration: none;
	background: #54aac5;
	border-radius: 5px;
}

/* Block list */

.block-list
{
	margin-top: -8px;		
}

.block-list li
{
	display: block;
	clear: left;
	float: left;
	width: 418px;
	font: bold 13px arial,Sans-Serif;
	color: #4d4d4d;
	padding: 8px 0;
	border-bottom: 1px solid #b5c0c1;
}

.block-list li:last-child
{
	border: none;	
}

.block-list li .warning-icon
{
	float: left;
	margin-right: 8px;
	width: 22px;
	height: 21px;
	background: url(../images/warning.png) no-repeat;
}

.block-list li a
{
	margin-left: 10px;	
}

.block-list li a:hover, .block-list li a:active
{
	text-decoration: underline;	
}

.block-chart
{
	float: left;
	width: 273px;
	padding-right: 10px;
}
.dependents-list-table 
{
    width: 100%; margin: 0 0 25px 0; border-collapse: collapse; height:auto;
}
.dependents-list-row
{
    width:100%; float:left;
    padding:3px;
}
.dependents-info-row
{
    border-bottom: 1px solid #c3d0d3;
}
.dependents-address-left
{
    padding:6px;
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-topleft-radius: 10px;
    -khtml-border-radius-topleft: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottomleft-radius: 10px;
    -khtml-border-radius-bottomleft: 10px;

}
.dependents-address-right
{
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-topright-radius: 10px;
    -khtml-border-radius-topright: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottomright-radius: 10px;
    -khtml-border-radius-bottomright: 10px;

}
.dependents-address
{
   padding-top:6px;
   padding-bottom:6px;
}

/*---------------------------------------------------------------------
    END EMPLOYEENAV CLASSES
-----------------------------------------------------------------------*/


/*---------------------------------------------------------------------
    MODAL CLASSES
-----------------------------------------------------------------------*/
        .modalBackground
        {
            background-color: Gray;
            filter: alpha(opacity=70);
            opacity: 0.7;            
        }
        .modalPopup2
        {
            width: auto;
            height: auto;
            background-color: #FFFFFF; /* padding: 1px;*/
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -khtml-border-radius: 10px;
            border: solid;
            border-width: 1px;
            position:relative;            
            max-width:1000px;
            overflow:auto;
        }
        .modalPopup
        {
            width: auto;
            height: auto;
            background-color: #FFFFFF; /* padding: 1px;*/
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -khtml-border-radius: 10px;
            border: solid;
            border-width: 1px;
            position:relative;
            max-height:400px;
            max-width:900px;
            overflow:auto;   
            overflow-x:hidden;         
            /*
            top:50%;
            left:50%;
            z-index:1002;
            margin-left:-200px;
            margin-top:-200px;
            max-height:550px;
            min-height:300px;
            */
        }
       .modalPopupFlex
        {
            top: 100px;
            width: 1000px;
            height: 600px;
            background-color: #FFFFFF; /* padding: 1px;*/
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -khtml-border-radius: 10px;
            border: solid;
            border-width: 1px;
            overflow-x: hidden;
            overflow-y: scroll;
        }
        .modalTxtBox
        {
            height:25px;
        }
        .modalPopup h1
        {
            color: White;
            padding-bottom: 15px;
            padding-top: 15px;
            text-align: left;
            margin-left: 40px;
        }
        .modalPopup h3
        {
            color: White;
            padding-bottom: 15px;
            padding-top: 15px;
            text-align: right;
            margin-top: 0px;
            margin-right: 20px;
        }
        .modalPopupHeader
        {
            background-color: #01626b;
            width: 100%;
            height: 60px;
            margin-bottom: 25px;
        }
        .modalPopupButton
        {
            background-image: url("../Images/Accent4Background.jpg");
             /*background: url("/images/buttons/blue-button.png") no-repeat scroll right top transparent;
            color: #FFFFFF;
            display: inline-block;
            font-size: 16px !important;
            font-weight: bold;
            line-height: 16px;
            padding: 7px 12px 7px 6px;*/
            background-repeat: repeat;
            font-weight: bolder;
            color: White;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -khtml-border-radius: 10px;
            padding: 10px;
            border-style:none;
            
        }
        .modalPopupButton:hover
        {
            text-decoration:none;
            
        }

/*---------------------------------------------------------------------
    END MODAL CLASSES
-----------------------------------------------------------------------*/

/*---------------------------------------------------------------------
    BENEFIT CLASSES
-----------------------------------------------------------------------*/
.BenefitsWrapper
{
   /*float:left;*/
   padding: 13px 20px;

}
.BenefitsHeader 
{     
    line-height: 26px; 
    font-size: 20px; 
    font-weight: bold;
   /* background: url(../images/benefits-header.png) repeat-x left top;*/
    height: 26px;    
    /*float: left; */
 
}
.BenefitsHeader h2
{
    margin-top:0px;
}
.BenefitsBlock
{    
    float:left;
    margin-bottom:15px;

}


.BenefitsHeaderRow
{
    height:auto;
    width:100%;
    /*float:left;*/
    margin-top:15px;
}
.BenefitsHeaderViewMinus span
{    
    margin-left:10px;
    float:left;
    padding-top:5px; 
    padding-bottom:5px;
    font-weight:bold;
}
.BenefitsHeaderViewPlus span
{
    margin-left:10px;
    float:left;   
    padding-top:5px; 
    padding-bottom:5px;
    font-weight:bold;
}
.BenefitsHeaderViewPlus
{
    background: url(../images/side_arrow.gif) no-repeat left center;
    width:250px;
    float:left;
    
    
}
.BenefitsHeaderViewMinus
{
    background: url(../images/down_arrow.gif) no-repeat left center;
    width:250px;
    float:left;
}
.BenefitsHeaderViewMinus h4
{    
    margin-left:20px;
    float:left;
    padding:0px;  
}
.BenefitsHeaderViewPlus h4
{
    margin-left:20px;
    float:left;   
    padding:0px; 
}
.BenefitsHeaderView
{
    width:200px;
    float:left;
    vertical-align:middle;
}
.BenefitsHeaderView span
{
    width:200px;
    float:left;
    vertical-align:middle;
    padding-top:5px; 
    padding-bottom:5px;
    font-weight:bold;
}
.BenefitsHeaderViewLast
{
    width:200px;
    float:left;
}
.BenefitsFields
{
    width:150px;
    float:left;
    padding-top:10px;
    padding-bottom:10px;
    text-align:left;

}


.BenefitsDetails
{
    float:left;
    margin-left:-10px
}
.BenefitsDetails li
{
    border-bottom: 1px solid #c3d0d3;
    padding-bottom:5px;
    padding-top:5px;
    list-style:none;
}


.BenefitsDependents
{
    width:100%;
    /*margin:30px;*/
}
.BenefitsDependents h3
{
 padding-top:5px;
 padding-bottom:5px;
 vertical-align:middle;
 text-align:center;
}
.expandable { float: left; margin: 10px 0; background: #f6f9fa; padding:0px;}

/*---------------------------------------------------------------------
    END BENEFIT CLASSES
-----------------------------------------------------------------------*/
.EmployeeSearchSort{background-color: #E2E2E2; text-decoration:underline;}


/*---------------------------------------------------------------------
    Start of the Knowledge Base (Overlay)
---------------------------------------------------------------------*/

#overlay-container 
{ 
	/*float: left;*/
	background: #9dc6cd url(/images/overlay/overlay-bg.jpg) no-repeat; 
	width: 994px;
}
.overlay-support-img
{
    background-image: url("/images/overlay/support.png");
    width:201px;
    height:61px;
}
#overlay-logo
{
	padding-top: 20px;
	text-align: center;
}

#overlay-left, #overlay-right
{
	float: left;
	width: 50%;	
}

.overlay-block
{
	/*float: left;*/
	margin:	20px 18px 0 18px;
	width: 460px;
	background: url(/images/block-bg.png) repeat;
	border: 15px;
}

.overlay-block-content
{
	/*float: left;*/
	padding: 12px;
}


.overlay-block-title
{
	/*float: left;*/
	width: 436px;
	height: 42px;
	background: url(/images/overlay/block-title.jpg) repeat-x;
	border:  10px 10px 0 0;
}

.overlay-block-title h2
{
	/*float: left;*/
	font: bold 18px/18px 'Maven Pro', Arial, sans-serif;
	color: #02626c;
	padding: 11px 0 0 18px;
}


.overlay-block-txt
{
	/*float: left;*/
	width: 436px;
	background: #fff;
	border: 0 0 10px 10px;
}

.overlay-block-txt p
{
	margin: 0 0 12px 0;
}

.overlay-block-txt-padding
{
	/*float: left;*/
	padding: 22px 24px;
}

/*---------------------------------------------------------------------
    End of the Knowledge Base (Overlay)
---------------------------------------------------------------------*/

/*---------------------------------------------------------------------
    Support Page (overlay unchanged)
---------------------------------------------------------------------*/

#overlay-container-supp 
{ 
	
	padding-bottom: 20px;
	background: #9dc6cd url(../images/overlay/overlay-bg.jpg) no-repeat; 
	width: 994px;
	
}

#overlay-left-supp , #overlay-right-supp 
{
	
	width: 460px;
	margin: 0 18px;
}

.overlay-block-supp 
{
	
	width: 460px;
	margin: 18px 0 0 0;
	background: url(../images/block-bg.png) repeat;
	
}


.overlay-block-content .label
{
	float: left;
	width: 75px;
	font-weight: bold;
}


.overlay-block-txt-padding-supp 
{
	
	padding: 22px 24px;
	width: 388px;
	height: 120px;
	font: normal 14px/14px 'Maven Pro', Arial, sans-serif;
}


#timeOutModal
{
    display:none;
    width: 300px;    
}

#timeOutModal div{padding:10px;}

.left{float:left;}
.clear{clear:both;}
.hide{display:none;}

.icon24{display:block; height:24px; width:24px; margin:0 auto; cursor:pointer; position:relative;}
.icon24.folder{ background:url(../images/icon-folder-24.png) no-repeat center center;}
.icon24.file{ background:url(../images/icon-file-24.png) no-repeat center center;}
.icon24.upload{ background:url(../images/upload-24.png) no-repeat center center;}
.icon24.uploadlock{ background:url(../images/upload_security-24.png) no-repeat center center; opacity:0.5;}
.icon24.archive, .icon24.download{ background:url(../images/icon-archive-24.png) no-repeat center center;}
.icon24.unarchive{ background:url(../images/icon-unarchive-24.png) no-repeat center center;}
.icon24.expand{ background:url(../images/expand-24.png) no-repeat center center;}
.icon24.collapse{ background:url(../images/collapse-24.png) no-repeat center center;}

.tooltip{ position:absolute; bottom:30px; left:0; display:none;  width:90px; margin-left:-33px;font-size:12px; line-height:13px;}
.icon24:hover .tooltip{display:block;}
.ttContent{ background:#CDE3E7; border:1px #025F69 solid; color:#025F69; font-weight:bold;padding:5px; position: relative;}
.ttContent:after, .ttContent:before {top: 100%;	left: 50%;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;}
.ttContent:after {	border-color: rgba(205, 227, 231, 0);	border-top-color: #CDE3E7;	border-width: 8px;	margin-left: -8px;}
.ttContent:before {	border-color: rgba(2, 95, 105, 0);	border-top-color: #025F69;	border-width: 9px;	margin-left: -9px;}

table#directoryTable{width:100%; border:1px #333 solid; font-size:15px;}
table#directoryTable thead{background:gray;}
table#directoryTable tbody{background:#f3f3f3;}
table#directoryTable tr.odd{ background:#fff;}
table#directoryTable tr.even{ background:#e5e5e5;}
table#directoryTable tr.even.archived,
table#directoryTable tr.odd.archived{ background:#ccc; color:#888;}
table#directoryTable th{ text-align:left; padding:3px 5px;border-left:1px #333 solid;}
table#directoryTable th:first-child{border-left:none;}
table#directoryTable tbody td{ border-top:1px #333 solid; border-left:1px #333 solid; padding:3px 5px 0; font-size:13px; line-height:17px;}
table#directoryTable tbody td:first-child{border-left:none;}
table#directoryTable .folderRow,
table#directoryTable .loadRevisions,
table#directoryTable .archive, 
table#directoryTable .unarchive,
table#directoryTable .addRevision{ cursor:pointer;}
table#directoryTable .folderRow:hover{ background:#8DC4CE;}
table#directoryTable .folderRow td:first-child:hover{ background:#BDE4EE;}
table#directoryTable .fileRow .viewFileInfo:hover{  text-decoration:underline; backgroundx:#8DC4CE; cursor:pointer; }
table#directoryTable .fileRow .downloadFileLink, 
table#directoryTable .folderRow .folderRowName {text-decoration: underline; cursor: pointer; color: #025F69;}
table#directoryTable .fileRow .downloadFileLink {text-decoration: underline;}
table#directoryTable .center{ text-align:center !important;}
.sortCol{ cursor:pointer;}
.sortColIcon{height:18px; width:20px; float:right; display:block;  background:url(../images/icons/sortDefault.png) no-repeat top center;}
.sortColIcon.asc{ background:url(../images/icons/sortAsc.png) no-repeat top center;}
.sortColIcon.desc{ background:url(../images/icons/sortDesc.png) no-repeat top center;}

#modalDirectories, .modalBackgroundDirectories{display:none;}
#modalDirectories{width: 650px; max-height: 700px; position: fixed; z-index: 100001; left: 50%; top: 50px; margin-left:-325px;}
#modalDirectories h1{ padding-top:20px; padding-bottom:10px;}
.modalBackgroundDirectories{position: fixed; left: 0px; top: 0px; z-index: 10000; width: 100%; height: 100%;}
.modalPopupContent{padding:0 40px;}
.panel{display:none;}
#modalDirectories label.error{display:block; clear:both; color:#900000; font-size:11px;}


#modalFileExplorerContain{width: 900px; max-height: 700px; position: fixed; z-index: 100001; left: 50%; top: 50px; margin-left:-450px;}
#modalFileExplorerContain h1{ padding-top:20px; padding-bottom:10px;}
#modalBackgroundFileExplorer{position: fixed; left: 0px; top: 0px; z-index: 10000; width: 100%; height: 100%;}

form .left{padding-right:20px;}
.error { color: red; font-weight : bold;}