﻿/*===== Default styles =====*/

* {
	margin:0;
	padding:0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#202020;
	background:#091621;
	background-image:url("/gfx/background.gif");
	background-position:center;
	background-repeat:repeat-y;
}

input.txt {
	background-color: #ffffff;
	border: 1px #a19f9f solid;
	padding: 3px;
	font-size: 1em;
}

select.txt {
	background-color: #ffffff;
	border: 1px #a19f9f solid;
	font-size: 1em;
}

textarea.txt {
	background-color: #ffffff;
	border: 1px #a19f9f solid;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

h1 {
	font-size:2.5em;
	color:#0e5692;
	margin-bottom: 16px;
}

h2 {
	font-size:2em;
	font-weight:normal;
	margin:0.5em 0;
}

h3 {
	font-weight:bold;
	font-size:1.17em;
}

h4 {
	margin-bottom:5px;
	font-size:1em;
}

img {
	border:0;
}

p {
	margin:0 0 1.12em 0;
	line-height:1.5em;
}

a {
	color:#0e5692;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.massivelink {
	background: #fff url('/gfx/gfx_massivelink.gif') 0 0 no-repeat;
	padding: 12px 0 10px 50px;
	margin: 0;
	display: inline-block;
	font-weight: bold;
	outline: none;
	clear: both;
}

 blockquote { 
 	width: 384px;
	padding: 0;
	margin: 0;
	background: #3d75a5 url("/gfx/bg_blockquote_small.gif") top left no-repeat;
 }
 
 blockquote p { color: #fff; font-style: italic; padding: 10px; margin: 0; }
  
 cite {
 	display: block;
	padding: 0;
	margin: 0;
	background: #fff url("/gfx/bg_cite_small.gif") top left no-repeat;
	color: #202020;
	padding: 12px 10px 20px 40px;
 }
 
.cleaner {
	height:1px;
	line-height:1px;
	clear:both;
}

.hidden {
	display:none;
}

hr { display: none; }
div.hr { background: transparent url('/gfx/bg_hr.gif') center left repeat-x; padding: 6px 0;}

.size1 { font-size: 75% !important; }
.size2 { font-size: 90% !important; }
.size3 { font-size: 100% !important; }

.section ul, .lastsection ul {
	margin:1em 0;
	line-height:1.5em;
}
	
.section ol, .lastsection ol {
	padding-left:22px;
	margin:1em 0;
	line-height:1.5em;
}

.section ul li, .lastsection ul li {
	padding-left:22px;
	list-style-type:none;
	background-image:url("/gfx/gfx_bullet.gif");
	background-position:0 5px;
	background-repeat:no-repeat;
	color: #2a3a60;
}

.error {
	color:#900
}


/*===== Layout etc =====*/

#loginBarContainer {
	background-image:url("/gfx/loginBarBg.gif");
	background-repeat:repeat-x;
}

	#loginBar {
		background-image:url("/gfx/loginBar.gif");
		background-position:center;
		background-repeat:no-repeat;
		height:36px;
		margin:0 auto;
		width:981px;
		position:relative;
		font-weight:bold;
	}
	
	#details {
		position:absolute;
		top:0px;
		left:108px;
		height:36px;
		line-height:36px;
		background-image:url("/gfx/details.gif");
		background-position:right;
		background-repeat:no-repeat;
		padding-right:15px;
	}
	
		#details span {
			color:#adadad;
		}
		
	#requirementShow_head {
		background: transparent url('/gfx/icon_requirement.gif') 0 0 no-repeat;
		padding-left: 22px;
	}
	
	#requirementShow_head span {
		color:#0e5692;
	}
	
	#logOut {
		position:absolute;
		top:11px;
		right:82px;
		
	}
	

#ReqBarContainer {
	background-image:url("/gfx/loginBarBg.gif");
	background-repeat:repeat-x;
}

#ReqBarContainer_Inner {
		margin:0 auto;
	width:981px;	
}

	#ReqBar {
		background-image:url("/gfx/details.gif");
		background-position:right;
		background-repeat:no-repeat;
		height:36px;
	width: 200px;
		position:relative;
		font-weight:bold;
	}
	
	#ReqDetails {
		height:36px;
		line-height:36px;
		background-image:url("/gfx/reqBar_left.gif");
		background-position:left;
		background-repeat:no-repeat;
		padding-left:15px;
	}

#header {
	margin:0 auto;
	width:981px;
	height:190px;
	text-align:center;
	position:relative;
}

	#logo {
		margin-top:56px;
	}
	
	#navigation {
		margin-top:31px;
		background-color:#fff;
		position:absolute;
		bottom:0;
		left:0;
	}

		#navigation ul li{
			list-style:none;
			float:left;
		}
		
			#navigation ul li a {
				display:block;
				height:62px;
				overflow:hidden;
				text-indent:-9000px;
				outline:none;
			}
			
			#topMenu1 a { background: url("/gfx/menu1.jpg") top; width:178px; }
			#topMenu1 a:hover, #topMenu1 a.on { background-position:bottom; }
			
			#topMenu2 a { background: url("/gfx/menu2.jpg") top; width:87px; }
			#topMenu2 a:hover, #topMenu2 a.on { background-position:bottom; }
			
			#topMenu3 a { background: url("/gfx/menu3.jpg") top; width:86px; }
			#topMenu3 a:hover, #topMenu3 a.on { background-position:bottom; }
			
			#topMenu4 a { background: url("/gfx/menu4.jpg") top; width:142px; }
			#topMenu4 a:hover, #topMenu4 a.on { background-position:bottom; }
			
			#topMenu5 a { background: url("/gfx/menu5.jpg") top; width:102px; }
			#topMenu5 a:hover, #topMenu5 a.on { background-position:bottom; }
			
			#topMenu6 a { background: url("/gfx/menu6.jpg") top; width:101px; }
			#topMenu6 a:hover, #topMenu6 a.on { background-position:bottom; }
			
			#topMenu7 a { background: url("/gfx/menu7.jpg") top; width:116px; }
			#topMenu7 a:hover, #topMenu7 a.on { background-position:bottom; }
			
			#topMenu8 a { background: url("/gfx/menu8.jpg") top; width:169px; }
			#topMenu8 a:hover, #topMenu8 a.on { background-position:bottom; }
			
	
#mainContainer {
	margin:0 auto;
	width:981px;
	background-image:url("/gfx/mainContainerBg.jpg");
	background-position:center;
	background-repeat:repeat-y;
	background-color:#fff;
	position: relative;
}

	#main {
		background-image:url("/gfx/mainBg.jpg");
		background-position:top;
		background-repeat:no-repeat;
		padding:0 90px;
		
	}
	
	#level2Nav {
		width:801px;
		height:30px;
		padding-top:19px;
	}

		#level2Nav ul li{
			list-style:none;
			float:left;
			line-height:30px;
			background-image:url("/gfx/level2.gif");
			background-position:right;
			background-repeat:no-repeat;
		}
		
			#level2Nav ul li a {
				color:#a8a8a8;
				padding:0 20px;
				outline:none;
			}
	
			#level2Nav ul li a.on {
				font-weight:bold;
			}
			
			#level2Nav ul li.first a {
				padding-left:0;
			}
			
			#level2Nav ul li ul { display: none !important;}
			
	#breadcrumbs {
		border-top:1px solid #f2f2f2;
		height:16px;
		padding:10px 0;
		margin:10px 0;
	}

		#youAreHere {
			float:left;
			font-weight:bold;
			height:16px;
			font-size:0.92em;
			color:#133654;
		}
	
		#breadcrumbs ul {
			float:left;
			list-style:none;
			height:16px;
		}
	
		#breadcrumbs li {
			float:left;
			height:16px;
			padding-bottom:0;
			padding-left:15px;
			padding-right:5px;
			background-image:url("/gfx/bullet2.gif");
			background-position:3px 3px;
			background-repeat:no-repeat;
			font-size:0.92em;
			font-weight:bold;
			color:#a8a8a8;
		}
		
		#breadcrumbs li.first {
			background:none;
		}
		
			#breadcrumbs li a {
				color:#a8a8a8;
			}
		#pageBottom {
			height:68px;
			background-image:url("/gfx/pageBottom.jpg");
			background-position:center;
		}
		
#footer {
	margin:0 auto;
	width:981px;
	height:44px;
	font-size:0.83em;
	color:#88a0ba;
}

	#footerLeft {
		width:500px;
		float:left;
		margin-left:25px;
	}
		#footerLeft ul li{
			list-style:none;
			float:left;
			margin-right:20px;
		}
			#footerLeft a {
				color:#88a0ba;
			}
			
	#footerRight {
		width:455px;
		float:right;
	}
	
		#regNo {
			text-align:right;
			width:190px;
			float:right;
			padding-right:10px;
		}
		
		#aliaxis {
			width:188px;
			float:right;
			padding-right:21px;
		}
		
		
/** GENERIC PANEL STYLES **/


/** Alt panel **/
.panel_alt {
	width /**/: 494px;
	width: 378px !important;
	background: #fff url('/gfx/panelalt_494_mid.png') top left repeat-y;
	padding: 0 16px 0 100px;
	left: -10px;
	margin-top: -2px;
	position: absolute;
	float: left;
}

	.panel_alt h3 {
		width /**/: 494px;
		width: 378px !important;
		height /**/: 31px;
		height: 23px !important;
		background: #fff url('/gfx/panelalt_494_top.png') left top no-repeat;
		margin-left: -100px;
		color: #fff;
		padding: 10px 16px 8px 100px;
		font-size: 1.4em;
		font-weight: 600;
	}
	
	.panel_alt h3 span {
		background: transparent url('/gfx/bg_header1.gif') bottom left repeat-x;	
		display: block;
		padding: 0 0 6px 0;
	}
	
	.panel_alt ul {
		padding: 10px 16px 0 16px;
		margin: 0;
	}
	
	.panel_alt a {
		color: #fff;	
	}
	
	.panel_alt ul li {
		list-style: none;
		background: transparent url('/gfx/panel_bullet2.png') 0 0.4em no-repeat;
		padding: 0 0 6px 16px;
	}
	
	
	.panel_alt_base {
		background: #fff url('/gfx/panelalt_494_base.png') left top no-repeat;
		width: 494px;
		margin-left: -100px;
		height /**/: 15px;
		height: 15px !important;		
	}
	
	.panel_alt p {
		color: #fff;
		padding: 0;
		margin: 0;
	}
	
/**  **/

/** Requirements List Thickbox popup **/
#requirementslist_table {
	border-right: 1px #d2d2d2 solid;	
	border-bottom: 1px #d2d2d2 solid;	
}

	#requirementslist_table tr th {
		background-color: #d2d2d2;
		text-align:left;
		color: #202020;
		padding: 7px 10px;
		border-top: 1px #fff solid;
		border-right: 1px #fff solid;
	}
	
	#requirementslist_table tr td {
		color: #202020;
		padding: 7px 10px;
		border-left: 1px #d2d2d2 solid;
		border-top: 1px #d2d2d2 solid;
	}
	
	#requirementslist_table tr.alt td {
		background-color: #f4f4f4;
	}
	
	
	#requirementslist_table tr td img {
		float: none !important;
	}
	
#requirementslist_table_h3 {
	width /**/: 389px;
		width: 357px !important;
		height /**/: 31px;
		height: 23px !important;
		background: #fff url('/gfx/panel_389_top.gif') left top no-repeat;
		color: #fff;
		border-bottom: 1px #fff solid;
		padding: 7px 16px 0 16px;
		font-size: 1.1em;
		font-weight: 600;
		margin-top: 12px;
}

#siteSearch
{
	position: absolute;
	top: 16px;
	/*left: 350px;*/
	right: 16px;
}

#submitSearch
{
	background: transparent;
	border: 0;
	color: #fff;
	font-weight: bold;
}

#txtSearchSmall
{
	background-color: transparent;
	border:0;
	width: 150px;
	color: #fff;
	width  /**/: 152px;
	width: 140px !important;
	height /**/: 24px;
	height: 20px !important;
	padding: 2px 6px;
	background: transparent url('/gfx/searchbg.png') top left no-repeat;
}



