﻿/*Global Style*/
body, div, p, h1, h2, h3, h4, ul, li, table
{
	font-family: verdana, tahoma, arial;
	font-size: 10pt;
	color: #333333;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	margin: 0;
	padding: 0;
	border: none;
}

td {
	font:11px arial;
	text-align: left;
}
	
a {
	font:11px arial;
	color:#3300CC;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {
	color: #990000;
	text-decoration:underline;
	}
	
/* ID Styles */
#navigation a {
	font:10px arial;
	color: #ffffff;
	text-decoration:none;
	letter-spacing:.1em;
	}
	
#navigation a:hover {
	color: #99CCFF;
	}

#padding {
	padding:20px 5px 20px 5px;
	}
	
#calendar td {
	border: 1px solid rgb(0,51,153);
	}
	
#noborder td {
	border: 0px;
	}
	
#weekdays th {
	font:11px arial;
	color: #ffffff;
	font-weight:bold;
	border: 0px;
	padding:2px;
	}

#calheader td {
	font-weight:bold;
	}





/* Class Styles */

.logo {
	font:18px times new roman;
	color: #0E177C;
	letter-spacing:.3em;
	font-weight:bold;
	line-height:22px;
	}

.tagline {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.smallText {
	font:12px times new roman;
	color: #CC3300;
	line-height:18px;
	text-align:left;
	}

	
.pageHeader {
	font:26px times new roman;
	color: #0E177C;
	letter-spacing:0.3em;
	font-weight:bold;
	line-height:22px;
	text-align: center;
	vertical-align: middle;
	}
	
.bodyText {
	font:11px arial;
	color:#333333;
	line-height:24px;
	}

.instruction {
	font:12px verdana;
	color: #CC3300;
	letter-spacing:.1em;
	line-height:26px;
	}	


.menu {
	font:12px verdana;
	}	
		
.infoHead
{
	font: bold 12px/26px verdana;
	color: #ffffff;
	background-color:#000000;
	letter-spacing: .1em;
	line-height: 26px;
	/*filter:alpha(opacity=30);*/
}
		
.subHeader {
	font-weight: bolder;
	background:url(menuTitle.PNG);
	font-family: Verdana;
	font-size: 14px;
	font-style: normal;
	text-align: left;
	text-transform: capitalize;
	}
		
.navText {
	font:10px arial;
	color: #333300;
	letter-spacing:.1em;
	}
	
/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}


a.glink, a.glink:visited{
  	font-size: small;
  	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}

a.glink:hover{
  	background-image: url(glblnav_selected.gif);
	text-decoration: none;
}


#master_header_logo
{
	background-color :White;
	background: url(../images/banner_bg.gif) repeat left ;
	text-align:center;
	height:120px;
	
}

#master_header_left
{
	background-color :White;
	background: url(../images/pageFold.png)  no-repeat left ;
	text-align:center;
	height:100px;
	
}

.companyName
{
	background-color :transparent;
	font-family:Verdana;
	font-size:25px;
	color:#336666;
	font-weight:bold;
		
}

#master_header_bottom
{
	background: url(../images/topback.gif);
}


.bgrdbtm
{
	background:url(../images/sgheader.gif);
	height: 35px;
	text-align:left;
	vertical-align:middle;
}
.subMenu
{
	background:url(../images/gradient_tcat.gif);
	height: 30px;
	text-align:left;
	vertical-align:middle;
	color:#ffffff;
	font-weight:bold;	
}

.cpTabLinkSel {
	color:#ffff33;
	cursor:pointer;
	text-decoration:none;
	font-family: verdana, Tahoma, Arial; 
	font-size: 11px
}
.bottom
{
	background: url( "../images/topback.gif" );
	background-repeat: repeat-x;
	height:30px;
	vertical-align:middle;
	font-family:Verdana, Times New Roman;
	font-size:11px;
	text-align:left;
}
.logInTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff3333;
	font-weight: bold;
	
	background-color:#ddffdd;
	border-width: 0px;
	border-style:solid;
	border-color:Aqua;
	padding:0px;
	height:30px;

}


.spInput
{
	color: #000066;
	font-family: verdana, tahoma, arial;
	font-size: 8pt;
	font-weight: normal;
	border: 1pt #666666 solid;
	text-align: justify;
	width: 218px;
	height: 14pt;
}

.psTextBox
{
	color: #000066;
	font-family: verdana, tahoma, arial;
	font-size: 8pt;
	font-weight: normal;
	border: 1pt #666666 solid;
	text-align: justify;
	width: 218px;
	height: 14pt;
}

.psGridTextBox
{
	color: #000066;
	font-family: verdana, tahoma, arial;
	font-size: 8pt;
	font-weight: normal;
	border: 1pt #666666 solid;
	text-align:right;
	align:right;
	width: 218px;
	height: 14pt;
}

.numericTextBox
{
	color: #000066;
	font-family: verdana, tahoma, arial;
	font-size: 8pt;
	font-weight: normal;
	border: 1pt #666666 solid;
	text-align:right;
	width: 120px;
	height: 10pt;
}

.psDropDown
{
	color: #000066;
	font-family: verdana, tahoma, arial;
	font-size: 8pt;
	font-weight: normal;
	border: 1pt #666666 solid;
	text-align: justify;
	height: 14pt;
}

.psLabel
{
	font-family: verdana, tahoma, arial;
	font-size: 9pt;
	text-align: right;
}

.psButton
{
	font-family: verdana, tahoma, arial;
	font-size: 9pt;
	width: 70px;
	height: 25px;
}

.psContent
{
	background: url(   "../images/atcback.gif" );
	background-repeat: repeat-x;
	height: 100%;
}

.psDemarcator
{
	background: url(  "../images/line.png" );
	background-repeat: repeat-y;
	width: 1px;
}
.mainHeader
{
	background: url(   "../images/nav-bg-orange.gif" );
	background-repeat: repeat-x;
	font-weight:bold;
	height: 30px;
}
.subHeader
{
	background: url(   "../images/atcback.gif" );
	background-repeat: repeat-x;
	font-weight:bold;
	height: 25px;
}
.subItem
{
	font-family: verdana, tahoma, arial;
	font-size: 9pt;
}
.dispData
{
	font-family: verdana, tahoma, arial;
	font-size: 9pt;
	text-align: left; 
	vertical-align:middle;
}

.subTitle
{
	background-color:#f4eefa;
	border-width: 0px;
	border-style:solid;
	font-weight:bold;
	border-color:Aqua;
	padding:0px;
	height:28px;
	color:White;
	text-align:left;
	vertical-align:middle ;
 /*	filter:alpha(opacity=30);*/

}

.tableHeader
{
	background-image:url(../images/summer-search-right.gif) ;
	background-repeat:repeat-x;
	height:27px;
	color:White;
	vertical-align:middle ;	
}

.alternateRow
{
	background-color:#F6F7F2;
}

/*AutoComplete flyout */
.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 100px;
    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;
}

/************ PasswordStrength Related Styles ***********************/
.TextIndicator_TextBox1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;  
     padding: 2px 3px 2px 3px;   
}

.BarIndicator_TextBox2
{
    color:Blue;
    background-color:Blue;
}

.BarBorder_TextBox2
{
    border-style:solid;
    border-width:1px;
    width:200px;
    vertical-align:middle;
}

.TextIndicator_TextBox3
{
     background-color:Blue;
     color:Yellow;
     font-size:small;
     font-variant:small-caps;  
     padding: 2px 3px 2px 3px;   
}

.TextIndicator_TextBox3_Handle
{
	width:16px;
	height:14px;
	background-image:url(images/Question.png);
	overflow:hidden;
	cursor:help;
}

.dynamicPopulate_Normal 
{	
	border:silver 1px inset;
	padding:2px;
	text-align:center;
	height:2em;
	margin:5px;
	width:200px;
}

.dynamicPopulate_Updating 
{
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	border:silver 1px inset;
	text-align:center;
	padding:2px;
	height:2em;
	margin:5px;
	width:200px;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}


/*of later*/
.innerAppraisal {
	background-color:#ffffdd;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:0px;
	border-collapse:collapse;
	width:700px;
}

/*Calendar Dropdowns*/
.MyCalendar .ajax__calendar_container {
    color: red;
    border:1px solid #646464;
    background-color: lemonchiffon;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}
