/******************************************************************************
Filename:  screen.css
Project:   Union Benefit Administrators, Inc.
Purpose:   Site CSS:  Contains global styles 
Date			Developer	Description
06/09/2008		ln			Version 1.0
******************************************************************************/

/**** GLOBAL STYLES ****/
body, div, p, h1, h2, h3, h4, ul, li, table{margin:0px; font-size:12pt;}
.right{text-align: right;}
.clear{clear: both; height: 0px;}
#screenreaderNav{position:absolute; left:0; top:0; z-index:-1;}
.screenreaderNavAnchor{display:none;}
img{border:none;}
.floatLeft{float: left;}
.floatRight{float:right;}


/**** LAYOUT ****/
#pageWrapper{width: 100%;}


/**** CONTENT ****/
a{color:#8A1C56; text-decoration:none;}
a.underline{text-decoration:underline;}
a:hover{color:#8A1C56; text-decoration:underline;}
a.underline:hover{color:#8A1C56; text-decoration:none;}
#contentWrapper{}
#contentContainer{}
#introductionContainer{}
#introductionContainer p{color:#123161; font-size:80%; line-height:18px; letter-spacing:0.01em;}
#introductionContainer #noJS p{color:#ff0000; font-size:80%; line-height:18px; letter-spacing:0.01em;}
#introductionContainer h1{font-family: 'Trebuchet MS', Helvetica, Verdana, sans-serif; font-size:100%; color:#8A1C56; font-weight:bold; padding: 0px 0px 20px 0px;}
#introductionContainer h2{font-family: 'Trebuchet MS', Helvetica, Verdana, sans-serif; font-size:100%; color:#8A1C56; font-weight:bold; padding: 0px 0px 20px 0px;}
#introductionContainer h3{font-family: 'Trebuchet MS', Helvetica, Verdana, sans-serif; font-size:100%; color:#8A1C56; font-weight:bold; padding: 0px 0px 20px 0px;}
#introductionContainer h4{font-family: 'Trebuchet MS', Helvetica, Verdana, sans-serif; font-size:100%; color:#8A1C56; font-weight:bold; padding: 0px 0px 20px 0px;}
#introductionContainer h5{font-family: 'Trebuchet MS', Helvetica, Verdana, sans-serif; font-size:100%; color:#8A1C56; font-weight:bold; padding: 0px 0px 20px 0px;}
#introductionContainer h6{font-family: 'Trebuchet MS', Helvetica, Verdana, sans-serif; font-size:100%; color:#8A1C56; font-weight:bold; padding: 0px 0px 20px 0px;}
#introductionContainer h7{font-family: 'Trebuchet MS', Helvetica, Verdana, sans-serif; font-size:100%; color:#8A1C56; font-weight:bold; padding: 0px 0px 20px 0px;}

#loginContainer{float:left; width: 390px; background-color:#DAE5F7; margin:10px 0px 0px 0px; padding: 30px 0px 10px 50px;}
#loginContainer p{color:#102144; font-size:80%; font-weight:bold;}
#loginContainer .right{color:#102144; font-size:70%; }
#loginContainer .error{color:#ff0000; font-size:70%; }

/**** USER CONTENT ****/
h1, h2, h3, h4, h5, h6, h7{font-family: 'Trebuchet MS', Helvetica, Verdana, sans-serif; font-size:100%; color:#8A1C56; font-weight:bold; padding: 0px 0px 20px 0px;}
#topnavContainer{display:none;}

#leftnavContainer{display:none;}
#leftnavContainer h2{font-size:90%;}
#leftnavContainer p{color:#123161; font-size:80%; line-height:18px; letter-spacing:0.01em;}
#leftnavContainer a{font-size: 90%; color:#333333;}
#leftnavContainer a:hover{font-size: 90%; color:#123161;}

#innerpageContainer{width:100%;}
#innerpageContainer p{color:#102144; font-size:100%; padding: 10px 0px 0px 0px;}
#innerpageContainer .right{color:#102144; font-size:70%; }
#innerpageContainer .error{color:#ff0000; font-size:70%; }


#rightnavContainer{}
#rightnavContainer #summary{padding:5px; font-size: 80%; border:1px solid #8A1C56;}
#rightnavContainer p{color:#123161; font-size:80%; line-height:18px; letter-spacing:0.01em;}
#rightnavContainer h1{font-family: 'Trebuchet MS', Helvetica, Verdana, sans-serif; font-size:100%; color:#8A1C56; font-weight:bold; padding: 0px 0px 20px 0px;}
#rightnavContainer h2{font-family: 'Trebuchet MS', Helvetica, Verdana, sans-serif; font-size:120%; color:#8A1C56; font-weight:bold; padding: 0px 0px 20px 0px;}
#rightnavContainer h3{font-family: 'Trebuchet MS', Helvetica, Verdana, sans-serif; font-size:100%; color:#8A1C56; font-weight:bold; padding: 0px 0px 20px 0px;}
#rightnavContainer h4{font-family: 'Trebuchet MS', Helvetica, Verdana, sans-serif; font-size:100%; color:#8A1C56; font-weight:bold; padding: 0px 0px 20px 0px;}
#rightnavContainer h5{font-family: 'Trebuchet MS', Helvetica, Verdana, sans-serif; font-size:100%; color:#8A1C56; font-weight:bold; padding: 0px 0px 20px 0px;}
#rightnavContainer h6{font-family: 'Trebuchet MS', Helvetica, Verdana, sans-serif; font-size:100%; color:#8A1C56; font-weight:bold; padding: 0px 0px 20px 0px;}
#rightnavContainer h7{font-family: 'Trebuchet MS', Helvetica, Verdana, sans-serif; font-size:100%; color:#8A1C56; font-weight:bold; padding: 0px 0px 20px 0px;}

.HeaderCell{padding: 20px 5px 5px 5px; font-weight: bold; border-bottom:1px solid #cccccc;}

/**** ADMIN ****/
#adminInnerpageContainer{width:100%;}
#adminInnerpageContainer p{color:#102144; font-size:100%; font-weight:bold;}
#adminInnerpageContainer h2 a{text-decoration:underline; color:#8A1C56;}
#adminInnerpageContainer h2 a:hover{text-decoration:underline; color:#333333;}

#adminLeftnavContainer{display:none;}

#adminInnerpageContainer table{margin: 0px 0px 0px 0px;}
#adminInnerpageContainer #print{display:none;}
.formRptHdr{font-weight:bold; padding: 0px 0px 10px 0px;}
.applicantResults td{padding: 5px 5px 5px 5px;}
.applicantResults tr{background-color:#eeeeee;}
.header{width:500px; background-color: #dddddd; padding:10px 0px 10px 10px;}
.beneHeader{width:480px; background-color: #eeeeee; color:#666666; padding:5px 0px 5px 20px; margin: 20px 0px 0px 0px;}
.indent{margin: 0px 0px 0px 20px;}
.huge{font-size:140%;}

.a49{font-family: 'Trebuchet MS', Helvetica, Verdana, sans-serif; font-size:100%; color:#8A1C56; font-weight:bold; padding: 0px 0px 20px 0px;}
.noprint{display:none;}

/************ FORMS ************/
.formButtons{text-align: center; margin: 20px 0px 20px 0px;}
.label{text-align: right; padding: 5px 10px 0px 0px; font-size:80%; font-weight:regular;}
.field{text-align: left; border:1px solid #cccccc; background-color:#ffffff;}
.fieldNOPRINT{text-align: left; border:0px; background-color:#ffffff;}
.select{text-align: left;}
.example{font-size: 70%; color:#666666;}
.required{font-size: 100%; color:#ff0000;}
.error{font-size: 70%; color:#ff0000;}
table.form tr td{padding-top:10px;}

/**** FOOTER ****/
#footerWrapper{display:none;}



/**** HEADER ****/
#headerWrapper{display:none;}




/**** .NET OBJECT STYLES ****/
/* Accordion */
#master_content{}
.accordionHeader{border: 1px solid #2F4F4F; color: white; background-color: #581237; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer;}
.accordionHeader a{color: #FFFFFF; background: none; text-decoration: none;}
.accordionHeader a:hover{background: none; text-decoration: underline;}
.accordionHeaderSelected{border: 1px solid #2F4F4F; color: white; background-color: #8A1C56; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer;}
.accordionHeaderSelected a{color: #FFFFFF; background: none; text-decoration: none;}
.accordionHeaderSelected a:hover{background: none; text-decoration: underline;}
.accordionContent{background-color: #DAE5F7; border: 1px dashed #928089; border-top: none; padding: 5px; padding-top: 10px;}
.ajax__tab_tab, .ajax__tab_xp{background:#660033 url('../images/global/tabbg.gif') top left repeat-x; padding: 3px 5px 2px 5px; color:#ffffff; font-size:10px;}
.ajax__tab_active .ajax__tab_tab{background:#102144;}
.ajax__tab_body{border:1px solid #660033; padding: 10px 10px 10px 10px;}

/*AutoComplete flyout */
.autocomplete_completionListElement{visibility: hidden; margin: 0px!important; border: buttonshadow; border-width: 1px; border-style: solid; cursor: 'default'; overflow: auto;	height: 200px; text-align: left; list-style-type: none;}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem{background-color: #ffff99; color: black; padding: 1px;}

/* AutoComplete item */
.autocomplete_listItem{background-color: window; color: windowtext;	padding: 1px;}

/*CollapsiblePanel*/
.collapsePanel{background-color:white; overflow:hidden;}
.collapsePanelHeader{width:100%; height:30px; color:#FFF; font-weight:bold;}
#master_content .collapsePanelHeader a{color:#FFF;}
#master_content .collapsePanelHeader a:hover{text-decoration:none;background:none;}

/* DropShadow */
#master_content .dropShadowPanel span{color:white;text-decoration:underline;}
#master_content .dropShadowPanel span:hover{text-decoration:none;}
.dropShadowPanel{width:300px; background-color:#5377A9;	color:white; font-weight:bold;}

/*Drag Panel*/
.dragMe{width:100%; height:21px; text-align:center; cursor:move; font-weight:bold;}
.overflowHidden{overflow:hidden;}
.overflowScroll{overflow:hidden;}

/*Hover Menu*/
.popupMenu{position:absolute; visibility:hidden;}
.popupHover{}

/* PagingBulletedList */
.selectIndex{font-weight: bold; text-decoration:none;}
.unselectIndex{font-weight:normal; text-decoration:underline;}


/*Modal Popup*/
.modalBackground{}
.modalPopup{border: 3px solid #cccccc; padding:3px;	width:250px;}

/*Popup Control*/
.popupControl{background-color:White; position:absolute; visibility:hidden;}

/*Reorder List*/
.dragHandle{width:10px;	height:15px; cursor:move; border:outset thin white;}
.callbackStyle{border:thin blue inset;}
.callbackStyle table{background-color:#5377A9; color:Black;}
.reorderListDemo li{list-style:none; margin:2px;}
.reorderListDemo li a{color:#FFF !important; font-weight:bold;}
.reorderCue{border:dashed thin black; width:100%; height:25px;}
.itemArea{margin-left:15px;	font-family: Verdana, Arial, sans-serif; font-size:1em; text-align:left;}

/************ PasswordStrength Related Styles ***********************/
.TextIndicator_TextBox1{font-size:x-small; font-style:italic; padding: 2px 3px 2px 3px;}
.BarIndicator_TextBox2_weak{color:Red;}
.BarIndicator_TextBox2_average{color:Gray}
.BarIndicator_TextBox2_good{color:Green;}
.BarBorder_TextBox2{border-style:solid; border-width:1px; padding:2px 2px 2px 2px; width:200px; vertical-align:middle;}
.TextIndicator_TextBox3{font-size:small; font-variant:small-caps; padding: 2px 3px 2px 3px;}
.TextIndicator_TextBox3_Handle{width:16px; height:14px;	overflow:hidden; cursor:help;}
.TextIndicator_TextBox1_Strength1{color:White; font-size:x-small; font-style:italic; padding: 2px 3px 2px 3px; font-weight:bold;}
.TextIndicator_TextBox1_Strength2{font-size:x-small; font-style:italic; padding: 2px 3px 2px 3px; font-weight:bold;}
.TextIndicator_TextBox1_Strength3{font-size:x-small; font-style:italic; padding: 2px 3px 2px 3px; font-weight:bold;}
.TextIndicator_TextBox1_Strength4{font-size:x-small; font-style:italic; padding: 2px 3px 2px 3px; font-weight:bold;}
.TextIndicator_TextBox1_Strength5{font-size:x-small; font-style:italic; padding: 2px 3px 2px 3px; font-weight:bold;}
.dynamicPopulate_Normal{border:silver 1px inset; padding:2px; text-align:center; height:2em; margin:5px; width:200px;}
.dynamicPopulate_Updating{border:silver 1px inset; text-align:center; padding:2px; height:2em; margin:5px; width:200px;}