@charset "utf-8";
	
	html { overflow-y:scroll; }
	html, body { width:100%; }
	
	body {
		font:13px/1.5 Arial, Helvetica, sans-serif;
		background:#f5f5f5 url('../img/circuit-bg.png') repeat-x 0 150px;
		text-align:left;
		}

	/**
	 * Change to width: auto and margin:0 20px for fluid layout
	 */
	 
	#wrapper, 
	.wrap {
		margin:0 auto;
		width:960px;
		position:relative;
		text-align:left;
		}

/* Fixed top
------------------------------------------------------------------*/
	
	body #fixed {
		width:100%;
		height:156px;
		position:fixed;
		top:0;
		left:0;
		z-index:1000;
		}
		
	body #wrapper {
		margin-top:156px;
		}

/* IE Notice
------------------------------------------------------------------*/

	#browser-error {
		border-bottom:			1px solid #e4e482;
		background: 			#ffffc4;
		color:					#46400c;	
		height:40px;
		line-height:40px;
		text-align:center;
		}

	#browser-error a,
	#browser-error a:visited {
		color:#46400c;	
		text-decoration:underline;
		}

	#browser-error img {
		position:relative;
		top:3px;
		}

/* Top
------------------------------------------------------------------*/
	
	#header {
		background:#048fc2;
		width:100%;
		height:95px;
		overflow:hidden;
		position:relative;
		}
	
	#header > .wrap { height:100%; }
	
	#logo {
		width:36px;
		height:36px;
		position:absolute;
		left:20px;
		top:10px;
		box-shadow: 0 0 2px #075774;
		-moz-box-shadow: 0 0 2px #075774;
		-webkit-box-shadow: 0 0  2px #075774;	
		}
	
	#header h1 {
		position:absolute;
		left:65px;
		top:1px;
		line-height:54px;
		color:#fff;
		letter-spacing:-1px;
		font-size:210%;
		font-weight:lighter;
		text-shadow: #046a90 0 2px;
		}

/* Navigation
------------------------------------------------------------------*/

	.navigation {
		position:absolute;
		bottom:0;
		left:20px;
		margin:0;
		list-style-type:none;
		}

	.navigation.right {	
		right:15px;
		left:auto; 
		}
		
	.navigation li { float:left; }

	.navigation li a,
	.navigation li a:visited {
		display:block;
		height:37px;
		line-height:35px;
		background:#0e9dd2;
		color:#fff;
		border-left:1px solid #27a9d7;
		border-top:1px solid #27a9d7;
		border-right:1px solid #018ebe;
		padding:0 15px;
		
		text-decoration:none;
		text-shadow: #0083b0 0 1px;	
		position:relative;
		top:2px;
		-webkit-transition: background-color .2s ease;
		   -moz-transition: background-color .2s ease;
				transition: background-color .2s ease;
		}
	
	.navigation li a.dashboard {
		padding:0 10px;
		}
	
	/* .navigation li a:active { line-height:37px; } */

	.navigation li a img {
		position:relative;top:4px;
		}
		
	.navigation li a:hover {
		background:#1fa7d9;
		border-left:1px solid #4db3d8;
		border-top:1px solid #4db3d8;
		text-decoration:none;
		}
	
	/*
	.navigation li:last-child a,
	.navigation li:last-child a.active { border-right:0; }
	*/

	.navigation li a.active,
	.navigation li a.active:visited,
	.navigation li a.active:hover {
		top:0;
		line-height:37px;
		background:#fff;
		color:#0E9DD2;	
		border-left:1px solid #fff;
		border-top:1px solid #fff;
		border-right:1px solid #fff;
		text-shadow: #fff 0 1px;	
		text-decoration:none;
		box-shadow: 2px 2px 4px rgba(7, 84, 111, 0.6);
		-moz-box-shadow: 2px 2px 4px rgba(7, 84, 111, 0.6);
		-webkit-box-shadow: 2px 2px 4px rgba(7, 84, 111, 0.6);	
		z-index:100;
		}

/* User Info
------------------------------------------------------------------*/

	#info {
		position:absolute;
		right:15px;
		top:9px;	
		text-align:right;	
		}
		
	#info span {
		font-weight:normal;
		color:#fff;
		font-size:12px;
		text-shadow: #046a90 0 1px;
		}
	
	#info ul {
		list-style-type:none;
		}
		
	#info li {
		display:inline-block;
		float:right;
		margin-top:8px;
		margin-left:8px;
		}
	
	#info li a,
	#info li a:visited,
	#info li span {
		display:block;
		height:12px;
		line-height:12px;
		font-size:90%;
		color:#7cd2ea;
		text-decoration:none;
		padding-right:8px;
		border-right:1px solid #045e7c;
		text-shadow: #046a90 0 1px;
		-webkit-transition: color .2s ease;
		   -moz-transition: color .2s ease;
				transition: color .2s ease;
		}
	
	#info li:first-child a {
		border-right:0 !important;
		padding-right:0 !important;
		margin-right:0 !important;
		}
	
	#info li a:hover {
		color:#fff;
		text-decoration:none;
		}	
		
	#info li a.active,
	#info li a.active:visited,
	#info li a.active:hover {
		color:#fff;
		}
		
/* Title
------------------------------------------------------------------*/

	#top {
		width:100%;
		height:60px;
		line-height:60px;
		border-bottom:1px solid #e0e0e0;
		background:url('../img/title-bg.gif') repeat-x bottom left;
		text-align:left;
		position:relative;
		/*
		box-shadow: 0 2px 2px #ececec;
		-moz-box-shadow: 0 2px 2px #ececec;
		-webkit-box-shadow: 0 2px 2px #ececec;
		*/
		}
		
	#top h2 {
		color:#434343;
		letter-spacing:-1px;
		font-size:210%;
		font-weight:normal;
		margin-left:20px;
		text-shadow:0 1px 0 #fff;
		}

	#top a,
	#top a:visited {
		float:right;
		display:block;
		margin:0 15px 0 0;
		text-decoration:none;
		}
		
	#top a:hover {
		text-decoration:underline;
		}
		
	#top .mdesc {
		position:absolute;
		right:15px;
		top:0;
		text-shadow:0 1px 0 #fff;
		font-size:1.2em;
		font-weight:normal;
		color:#777;			
		}

/* Container
------------------------------------------------------------------*/

	#container {
		border-left:1px solid #dedede;
		border-right:1px solid #dedede;
		border-bottom:1px solid #dedede;
		

		box-shadow: 0 0 2px #ededed,  0 -3px 0 rgba(180,194,212,.3) inset;	

		background:#fff;
		padding:10px 20px 15px 20px;
		margin:0 0 30px;
		width:920px;

		border-radius-bottomleft: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		border-radius-bottomright: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;		
		}

	#container h3 {
		font-weight:bold;
		font-size:110%;
		margin-bottom:5px;
		}

	a,
	a:visited,
	a:active { color:#048FC2; text-decoration:none; }
	a:hover { text-decoration:underline; } 
	
	p { margin-bottom:10px; }

/* Tabs
------------------------------------------------------------------*/

	#tabs {
		background:#fff;
		position:relative;
		height:32px;
		margin-bottom:10px;
		border-bottom:1px solid #e0e0e0;
		}	
		
	#tabs ul {
		position:absolute;
		bottom:1px;
		height:32px;
		width:100%;
		}
	
	#tabs ul li {
		display:inline-block;
		float:left;		
		line-height:32px;
		}
	
	#tabs ul li.right {
		float:right;	
		}
		
	#tabs ul li a, 
	#tabs ul li a:visited {
		display:block;
		height:29px;
		line-height:30px;
		padding:0 10px;
		margin-right:2px;
		border:1px solid #ccc;
		text-decoration:none;
		background:#e4e4e4 url('../img/overlay.png') repeat-x;
		color:#444;
		font-weight:bold;
		font-size:95%;
		border-radius: 			2px;
		-moz-border-radius: 	2px;
		-khtml-border-radius: 	2px;
		-webkit-border-radius: 	2px;
		}
		
	#tabs ul li a:active {
		line-height:32px;
		}
		
	#tabs ul li a:hover {
		color:#434343;
		text-decoration:underline;
		}

	#tabs ul li.right a, 
	#tabs ul li.right a:visited {
		margin-right:0;
		margin-left:2px;
		}
		
	#tabs ul li a img {
		position:relative;
		top:1px;
		}

	#tabs ul li a.active, 
	#tabs ul li a.active:visited,
	#tabs ul li a.active:hover {
		color:#434343;
		height:32px;
		text-decoration:none;	
		border:1px solid #e0e0e0;
		border-bottom:1px solid #fff;
		background:#fff; /*  url('../img/input-bg.gif') repeat-x top left; */
		}

/* Content
------------------------------------------------------------------*/
	
	#content {}
	#content h3 { color:#555; line-height:170%;}

/* Sidebar
------------------------------------------------------------------*/
	
	#sidebar {
		margin:0 0 0 25px;
		background:#DDF0F8;
		border-top:1px solid #99CCE6;
		border-bottom:1px solid #99CCE6;
		float:right;
		width:28%;
		}

	#sidebar .content {
		margin:10px 9px 10px 10px;
		padding:10px;
		background:#fff;
		border-bottom:2px solid #99CCE6;
		border-right:2px solid #99CCE6;
		min-height:40px;
		color:#343434;
		}
		
	#sidebar h3 {
		font-weight:normal;	
		letter-spacing:-1px;
		font-size:160%;
		line-height:140%;
		}
		
	#sidebar p {
		margin-bottom:6px;	
		}
		
	#sidebar p.small {
		font-size:85%;
		color:#666;
		}

/* Notification
------------------------------------------------------------------*/

	.notification {
		margin-bottom:10px;
		padding:10px;
		padding-right:25px;
		text-align:	center;
		position:relative;
		border-width:1px;
		border-style:solid;
		border-radius:3px;
		font-size:12px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		}
	
	.notification.error {
		border-color: #cd0a0a;
		background: #fef1ec;
		color: #cd0a0a;			
		}

	.notification.success {
		border-color:			#9cd580;
		background: 			#edffe4;
		color:					#386522;		
		}	

	.notification.secure {
		border-color:			#e4e482;
		background: 			#ffffc4;
		color:					#46400c;	
		}	
	
	.notification.info {
		background: 			#f7f9fa;
		border-color:			#afd1f5;
		color:					#294b6e;
		}	

	.notification.align-left {
		text-align:				left;
		}
		
	.notification ul {
		font-weight:			normal;
		}
		
	.notification ul li {
		margin-left:			15px;
		line-height:			160%;
		}
	
	.notification p {
		margin-bottom:0;
		}
	
	.notification strong {
		display:block;
		font-size:110%;
		margin-bottom:5px;
		}
		
	.notification.light {
		text-align:left;
		border-width:1px;
		font-weight:normal;
		font-size:12px;
		}
		
	.notification.secure.icon {
		background-image: url('../img/icons/error.png');
		background-repeat: no-repeat;
		background-position: 8px 12px;
		padding-left:32px;
		}

	.notification.info.icon {
		background-image: url('../img/icons/exclamation.png');
		background-repeat: no-repeat;
		background-position: 8px 12px;
		padding-left:32px;
		}
		
	.notification a.close,
	.notification a.close:visited,
	.notification a.close:active, 
	.notification a.close:hover {
		display:block;
		height:16px;
		width:16px;
		background:url('../img/icons/cancel_square_grey.png') no-repeat top left;
		position:absolute;
		right:11px;
		top:11px;
		}