/*
	layout
	settings
	navigation top - see navigation.css
	navigation below - see navigation.css
*/

/* layout
----------------------------------------------- */

body {
 	font-family:Verdana, sans-serif;
	font-size:12px;
	color:#302f2d;
	background:#111111 url(/images/bg.gif) center;
	margin:0; padding:0;
	overflow: auto;
}

table {
	background: #E4E9E9;
	border-width: 1px;
	border-spacing: 0px;
	border-collapse:collapse;
}

th,td {
	border: 1px solid #E4E9E9;
	padding-left: 7px;
	padding-right: 7px;
}

tbody {
	background: #F7F7F7;
}	

tbody.portrait th {
	background: #EFF3F3;
}	

td.superheader {
	background: #fff;
	border-left: 1px solid white;
	border-right: 1px solid white;
}	

.open_ticket {
	font-weight: bold; 
}

.dimmed {
	color: #808080;
}

.dimmed a {
	color: #707070;
}

.dimmed:hover {
	color: #302f2d;
}

#refreshingicon {
	z-index: 0;
	position: absolute;
	left: 10px; 
	top: 20px;
}
	

table tbody tr:hover { background: #fff; }

	
div#container {
	width:950px;
	margin:0 auto;
	overflow:auto;
	background:#fff;}
	
div#logo {
	width:314px;
	height:108px;
	float:left;
	background:url(/images/logo.gif) no-repeat;}
	
div#user_panel {
	font-family:Georgia, sans-serif;
	font-size:16px;
	color:#5a5859;
	width:290px;
	padding:40px 30px 0 0;
	float:right;}
	
	.seperator {
		width:1px;
		height:21px;
		margin:0 10px 0 10px;
		float:left;
		background:#d7d7d7;}
		
		.user_panel_links {
			color:#7f7f7d;
			padding:2px 0 0 0;
			font-size:12px;
			float:left;}
			
			.user_panel_links a {
				color:#7f7f7d;
				text-decoration:none;}
				
				.user_panel_links a:hover {
					color:#7f7f7d;
					text-decoration:underline;}
				
div#menu {
	background:url(/images/nav_bg.gif) repeat-x;
	clear:both;
	height:93px;}
	
div#banner {
	width:950px;
	height:181px;
	background:url(/images/banner.jpg) no-repeat;}
	
	div#banner h2 {
		display:none;}
		
div#content {
	width:858px;
	margin:20px auto 0 auto;
	clear:both;}
	
.box_info {
	width:250px;
	line-height:18px;
	float:left;}
	
.box_info_middle {
	width:250px;
	line-height:18px;
	margin:0 55px 0 50px;
	float:left;}
	
	.header {
		font-family:Georgia, sans-serif;
		font-size:24px;
		color:#404042;
		padding:0 0 16px 0;
		margin:5px 0 0px 0;
		border-bottom:1px solid #d5d5d5;}
		
div#content_below {
	padding:40px 0 0 0;
	clear:both;}
	
div#left {
	width:516px;
	float:left;}
	
div#right {
	width:253px;
	float:right;}
	
	div#right img {
		margin:0 0 0 45px;}
	
.post {
	line-height:18px;
	padding:0 10px 10px 10px;}
		
div#footer {
	margin:50px 0 0 0;
	height:98px;
	background:#111111;
	clear:both;}
	
	.footer_text {
		padding:0 0 0 85px;
		line-height:98px;}
		
		.footer_text a {
			color:#595959;
			text-decoration:none;}
			
			.footer_text a:hover {
				color:#595959;
				text-decoration:underline;}
	
/* settings
----------------------------------------------- */

img {
	border:0;}

a.blue {
	font-family:Georgia, sans-serif;
	font-size:16px;
	color:#0267db;}

.left {
	float:left;}
	
.right {
	float:right;}


/*
	Octopus Computing Cascading Style Sheet
	Designed by: Panduka Senaka


	Table of Contents:
		layout
		settings
		navigation top
		navigation below
*/

/* navigation top
----------------------------------------------- */

#nav_top {
	list-style: none;
	margin: 0; padding:0 0 0 61px;}

#nav_top li {
	margin:0 5px 0 0;
	float: left;}
	
	#nav_top li span {
		display:none;}

/* navigation below
----------------------------------------------- */

#nav_below {
	list-style: none;
	margin: 0; padding:0 0 0 62px;
	clear:both;}

#nav_below li {
	float: left;}

#nav_below li a {
	width:111px;
	height:42px;
	line-height:42px;
	display: block;
	text-decoration:none;
	background:#06549f;
	text-align: center;
	color:#ddd;
}



#nav_below li a:hover {
	color:#fff;
	background:#054583;
	text-decoration:none;
}

#nav_below li div {
	width:111px;
	height:42px;
	line-height:42px;
	display: block;
	text-align: center;
	color:#fff;
	background:#054583;
	text-decoration:none;
}

.field_with_errors {
  color: #a00;
  display: inline;
}

#errorExplanation {
  width: 450px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #ffffff;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom: 0px;
  background-color: #a00;
  color: #fff;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}