/* regular.css stylesheet developed by Steve Moran July 2005

Updated by Michael Appleby 07 July 2005
Finalised by Michael Appleby 25 July 2005
Updated by Michael Appleby 01 August 2005 to stop IE 'float drop' problem.  Unfortunately, necessated * html {} IE hack

Updated by Helen August 2005 week 1.
Major changes: 1. background-image, background-repeat commented out of body{}
2. Background image removed from left-container; replaced with borders and white background.  Deliberately shorter than right hand content. Left container is thinner
3. No borders on left-center{}
4. Border changes to navigation-table{}
5. Margin and width of content-container changed
6. fully justified text removed from content{}
7. extra style footer-bottom added, to allow extra flexibility for print css

Updated by Michael 21 Sept 2005 to allow left hand bar to extend to bottom of page.

Updated by Michael Appleby 17 Oct 2005 to change second level menus (secondary tabs a).  Accepted by ITAG 24 Oct 2005.  Was regulartest3.css

Updated by Michael Appleby 27 Oct 2005 to add this 'cranberry' class.  Only a class mind, not an id.

Updated by Susan Smith 24 Feb 2008 to activate the a hover property in content - made it cranberry and underlined. Also changed 
hyperlink color in content from 013996 to 0033DD to make them more visible.  Also made secondary-tabs' color 013996 (the original
link color.

Updated by Ben 03 Feb 2010 - changed content-container from margin-left:175px to float:left for browser compatibility.
*/

* html #content-container {
position: absolute;
margin-left: 0px;
}

body {
margin: 0px;
padding: 0px;
background-color: #E5ECF8;
background-image: url(../images/whitebg.gif); 
background-repeat: repeat-y;
font-size: 62.5%;
/* for relative em font sizes, to give an easier starting point of approx 10px, if user browser set to default of 'medium'*/
width: 780px;

}

/*for all of left bar*/
#left-container {
background: url(../images/whitebg.gif);
background-repeat: repeat-y;
/*border-right: 2px solid #B1C2DF;*/
background-color: #FFFFFF;
float: left;
font-size: 1.2em;
width: 175px;
height: 100%;
/*border-bottom: 1px solid #B1C2DF;*/
}

#lsa-image {
}

/*for left navigation section*/
#left-center {
/*background-color: #FFFFFF;*/
vertical-align:  bottom;
/*padding-top: 20px;
border-top: 1px solid #B1C2DF;
border-bottom: 1px solid #B1C2DF;*/
}

/*navigation is for the left hand menu*/
#navigation table {
	margin-bottom: 0px;
	margin-top: 20px;
	padding-bottom: 20px;
	border-top: 2px solid #B1C2DF;
	/*border-top: 1px solid #013996;
	border-bottom: 1px solid #B1C2DF;
	border-right: 1px solid #013996; */
}

#navigation tr {
	margin-bottom: 0px;
	padding-bottom: 0px;
	
}
#navigation td {
    border: 0px;
	/*border-bottom: 1px solid #013996;
	border-right: 1px solid #013996; */
}

#navigation a {
	font: 0.8em/1em verdana, arial, Helvetica, sans-serif;
	color: #013996;
	text-decoration: none;
	display:block;
	padding: 8px 8px 8px 20px;
}
	
#navigation a:hover {	
	background: #E5ECF8; 
	color:#000000;
}	

/*for lsa address and google bar.  Currently not used*/
#address {
	font: 1.2em verdana, arial, sans-serif;
	padding: 10px 10px 5px 10px;
	/*border-right: 1px solid #013996;
	border-bottom: 1px solid #B1C2DF;*/
	text-align: center;
}

/*for everything in main screen*/
#content-container {
	/*margin-left: 175px;*/
	float:left;
	background-color: #E5ECF8;
	/*background-color: #E5ECF8;*/
	padding: 20px 10px 10px 10px;
	/*vertical-align: top;*/
	/*background-image: url(../images/blue-background.gif);
	background-repeat: repeat;*/
	font: 1.4em Verdana, Arial, Helvetica, sans-serif; /*by default, apx 14pt*/
	width: 585px;
}

/*for top login bar*/
#loginbar {
	font-size: 0.8em;
	text-align: right;
	color: #013996;
	font-weight: normal;
	/*margin-bottom: 10px;*/
}

/* define links for login bar; same as content section, below*/
#loginbar a {
	text-decoration: underline;
	color: #013996;
	font-size: 1.1em;
	font-weight: normal;
}
		
/*not used currently	
#loginbar a.red {
		font-size: 1.1em;
		/*font-weight: bold;
		
		color: #FF0000; 
		background-repeat:  no-repeat;
		}*/
	
/* hover for links in loginbar section*/
/*#loginbar a:hover { background: #FFFFFF; color: #01317F;}
#loginbar a.red:hover { background: #FF0000; }*/

#majormessage {
	border: 3px solid #013996;
	/*text-align: center;*/
    /* background-image: url(../images/l-color.gif);*/
	background: #FFFFFF;
	padding: 7px;
	margin: 20px;
	font-size: 0.9em;
	
}

/*minor message*/
#minormessage {
	border: 1px solid #013996;
	width: 90%;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: left;
	padding: 8px;
	padding-bottom: 7px;
	background: #FFFFFF;
}


/*Basic formatting*/	

#main-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 2.1em;
	font-weight: bold;
	color: #01317F;
}	

/*h1 {
	font-family: Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size: 2em;
	line-height: 2.2em;
	font-variant: small-caps;
	color: #000000;
	}
*/
	
h1 {
	font-family: Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
	margin: 0;
	font-size: 1.6em;
	color: #013996;
	text-align: center;
}	

h2 {
	font-family: Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
	margin: 0;
	font-size: 1.2em;
	color: #013996;
}

h3 {
	font-family: Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
	margin: 0;
	font-size: 1.0em;
	color: #013996;
}

#byline { 
	margin-top:  20px;
	font-size: 0.9em;
	font-family: Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
	letter-spacing: 0em;
	color: #013996;
	}

pre {
	text-indent: 30px
	}	
	
/*Used for main title, located above tab bar*/
/*changed padding-top from 30px to reduce dead space between title and new login. Susan Smith 29 Apr 2008*/
	#logo {
	font-family: Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
	letter-spacing: -.1em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	}

/*Set of styles for tab menu*/
/*Main styles*/
	#tabmenu {
		color: #000000;
		text-align: center;
		border-bottom: 0px solid #B1C2DF;
		margin: 12px 0px 0px 0px;
		padding: 0px;
		z-index: 1;
		padding-left: 0px }
		
/*Format of tab menu list*/		
	#tabmenu li {
		display: inline;
		overflow: hidden;
		list-style-type: none; 
		margin-left: 0px;
		margin-right: 0px;
		white-space: nowrap;
		}
		
	

/*Formate f�r Inhaltsbereich*/		
#content {
		font: 0.9em Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		/*text-align: justify;*/
		background: #FFFFFF; 
		padding: 20px;
		padding-top: 10px;
		border: 2px solid #B1C2DF;
		border-top: 1px solid #B1C2DF;
		width: 100%;
		overflow: auto;
		}
		
#content table {
	font: 1em Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
	text-align: justify;
}	
/*The following 4 are for forms, not tables*/
#content td.label {
	text-align: right;
	vertical-align: top;
	padding-right: 5px;
	width: 35%;
}
#content td.value {
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
	width: 65%;
	overflow: auto;
}
/* these two allow for making display centered */
#content td.value50 {
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
	width: 50%;
	overflow: auto;
}
#content td.label50 {
	text-align: right;
	vertical-align: top;
	padding-right: 5px;
	width: 50%;
}

#content td.box {
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
	width: 65%;
	font-family: Arial Unicode MS, Code2000, Lucida Sans Unicode;
}
#content td.line{
	padding-top: 35px;
	border-bottom: thin solid Gray;
	font: bold 1em Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
}

#content div.line{
	padding-top: 35px;
	border-bottom: thin solid Gray;
	font: bold 1em Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
}

#content td.\1value {
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
	width: 59%;
	font-size: 1em;
}
#content td.\2value {
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
	width: 20%;
}
#content td.\3value {
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
	width: 20%;
}


/* define links for content section*/
	#content a {
		text-decoration: none;
		color: #0033DD; }
/* hover for links in content section*/
	#content a:hover { 
		text-decoration: underline;
		color: #8F2C2C; }
	
/* secondary tabs */
#secondary-tabs {
	/*border-bottom: 1px solid #000000;*/
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#secondary-tabs ul {
	margin: 0px;
	padding: 0px;
}
#secondary-tabs li {
		display: inline;
		overflow: hidden;
		list-style-type: none; 
		white-space: nowrap;
		margin: 0px;
		padding: 0px;
}
#secondary-tabs a {
	text-decoration: none;
	line-height: 150%;
	color: #013996;
}


#footer {
font-size: 0.8em;
text-align: center;
margin-top: 10px;
color: #01317F;

}
#footer a {
		text-decoration: underline;
		/*color: #000000;*/
		color: #01317F;
		 }
		 
#footer-bottom {
font-size: 0.8em;
text-align: center;
margin-top: 10px;
color: #01317F;
}

#footer-bottom a {
		text-decoration: underline;
		color: #01317F;
		 }
		 
#footer-bottom a:hover { 
		text-decoration: underline;
		color: #8F2C2C; }
	
/* font adjustments */
#red {
/*color: #CC0000;*/
color: #B21601;
}
.red { color: #B21601; }

.red-small {
color: #b21601;
font-size: 0.9em;
}

#small {
font-size: 0.9em;
}
.small {font-size: 0.9em;}

#big {
font-size: 1.1em;
}
.big {font-size: 1.1em;}

#dark-blue {
color: #013996;
}

.dark-blue {color: #013996;}
.cranberry {color: #8F2C2C;}

/* these three put in by martin w, apr 08 2008 as part of the login redesign */
#loginform{
	font-size: 7pt;
	text-align: right;
}
#loginform input{
	font-size: 7pt;
}
#loginform a{
	font-size: 7pt;
}