/*******************************************/
/** SiteSpider.co.uk :: quartz_format.css **/
/*******************************************/

/* login */

#login {
	color:					#FFFFFF;
	font-size:				0.8em;
	line-height:			23px;
	text-align:				right;
	background-color:		#336699;
}

#login form {
	margin:					0;
	padding:				4px;
	padding-right:			8px;
}

#login ul {
	list-style: 			none;
	float: 					right;
	margin: 				0;	
	color: 					#336699;
	padding:				0;
	line-height:			12px;
}

#login li {
	list-style:				none;
	padding:				0;
	float: 					left;
	margin: 				0;
}

#login li a {
	display:				block;
	color:					#FFFFFF;
	text-decoration: 		none;
	margin: 				0;
	padding:				6px 10px 6px 10px;
}

#login li a:hover {
	background-color:		#DD0000;
}

#login form a {
	color: 					#FFFFFF;
	text-decoration: 		none;
	margin: 				0;
	border-bottom: 			1px solid #336699;
}

#login form a:hover {
	border-bottom: 			1px solid #FFFFFF;
}

.logintextBox {
	margin:					0;
	border:					1px solid #888888;
	background-color:		#FFFFFF;
	font-size:				0.8em;
	width:					118px;
}

.s_boxes, .s_uid, .s_fplink {
	display:				inline;
}

.s_pwd, .s_links, .s_btn {
	display:				inline;
	padding-left:			12px;
}

/* views */

#views ul {
	list-style: 			none;
	margin: 				0;	
	color: 					#9C9B9B;
	padding:				0;
}

#views li {
	display: 				block;
	float: 					left;
	margin: 				0 0 0 10px;
	font-size: 				0.7em;
}

#views a {
	color:					#9C9B9B;
	text-decoration: 		none;
}

#views a:hover {
	color: 					#FF0000;
}

/* locbar */

.locbar {
	color: 					#9C9B9B;
	font-size: 				0.7em;
	padding-left: 			2px;
}

.locbar a {
	color: 					#9C9B9B;
	text-decoration: 		none;
}

.locbar a:hover {
	color: 					#FF0000;
}

/* nav */
/* service links */

#nav ul, #srvcs ul {
	list-style:				none;
	margin: 				0;	
	margin-top:				3px;
	color: 					#336699;
	padding:				0;
	background-color:		#FFFFFF;
}

#nav li {
	list-style:				none;
	padding: 				0 0 5px 0;
	font-size: 				0.8em;
	margin: 				0;
}

#nav li.first{
	padding-top:			5px;
}

#srvcs li.title {
	color:					#6B91BC;
	margin-top:				20px;
	padding: 				0 0 5px 5px;
	font-weight:			bold;
	background-color:		#D1DFEF;
}

#nav a {
	display:				block;
	color:					#6B91BC;
	text-decoration: 		none;
	margin: 				0;
	background-color:		#D1DFEF;
	padding:				5px;
}

#nav a:hover { 
	background-color:		#DD0000;
	color:					#FFFFFF;
}

/* content */

#content p {
	text-align:				justify;
	font-size: 				0.9em;
	margin:					15px 8px 15px 0;
	color: 					#336699;
	line-height: 			21px;
}

#content form {
	margin-top:				15px;
}

h1 {
	font-size: 				1.25em;
	font-weight: 			normal;
	color: 					#336699;
	text-align:				right;
	margin:					0;
	padding-top:			2px;
	padding-right:			5px;
}

h3 {
	text-align:				center;
	font-size: 				1em;
	margin: 				15px;
	color: 					#336699;
	line-height: 			18px;
	font-weight:			bold;	
}

#content p.pacenter, .pacenter {
	text-align:				center;
}

#content ul li {
	color:					#336699;
	list-style:				disc;
	font-size: 				0.9em;
}

#content table ul li {
	font-size: 				1em;
}

/* forms */

.button {
	border:					1px solid #888888;
	background-color:		#FFFFFF;
	font-size:				0.7em;
}

.filebox {
	margin:					1px;
	border:					1px solid #888888;
	background-color:		#FFFFFF;
	width: 					300px;	
}

.select {
	margin:					1px;
	border:					1px solid #888888;
	background-color:		#FFFFFF;
	width: 					302px;
}

.textarea {
	margin:					1px;
	border:					1px solid #888888;
	background-color:		#FFFFFF;
	height:					200px;
	width: 					300px;
}

.codebox {
	margin:					1px;
	border:					1px solid #888888;
	background-color:		#FFFFFF;
	height:					500px;
	width: 					600px;	
}

.textbox {
	margin:					1px;
	border:					1px solid #888888;
	background-color:		#FFFFFF;
	width: 					300px;
}

.dt_textbox {
	margin:					1px;
	border:					1px solid #888888;
	background-color:		#FFFFFF;
	width:					32px;
}

.dt_select {
	margin:					1px;
	border:					1px solid #888888;
	background-color:		#FFFFFF;
}

/* links */

a.body {
	color: 					#336699;
	text-decoration: 		none;
	border-bottom: 			1px solid #AABFD4;
	white-space: 			nowrap;
}

a.body:hover {
	color:					#FF0000;
	border-bottom: 			1px solid #FF0000;
}

a.rss {
	color: 					#336699;
	text-decoration: 		none;
	border-bottom: 			1px solid #AABFD4;
	white-space: 			nowrap;
}

a.rss:hover {
	color:					#FF0000;
	border-bottom: 			1px solid #FF0000;
}

a.bodyimg img{
	padding: 				10px;
	border: 				1px solid #FFFFFF;
}

a.bodyimg:hover {
	border: 				0;
}

a.bodyimg:hover img{
	border: 				1px solid #FF0000;
}

/* sandbox */

div.sandbox170136 {
	display:				inline;
	text-align:				center;
	margin-top:				18px;	
	margin-bottom:			19px;	
	float:					left;
	width:					170px;
	height:					136px;
}

div.sandbox170170 {
	display:				inline;
	text-align:				center;
	margin-top:				18px;	
	margin-bottom:			19px;	
	float:					left;
	width:					170px;
	height:					170px;
}

img.sandbox0 {
	margin-top:				10px;
	border:					1px solid #FFFFFF;
}

img.sandbox1 {
	margin-top:				10px;
	border:					1px solid #888888;
}

img.sbspacer {
	margin-top:				11px;
	border:					1px solid #FFFFFF;
}

a.sandbox170134 {
	display:				block;
	width:					172px;
	height:					135px;
	text-decoration: 		none;
	border:					1px solid #FFFFFF;
}

a.sandbox170170 {
	display:				block;
	width:					172px;
	height:					172px;
	text-decoration: 		none;
	border:					1px solid #FFFFFF;
}

a.sandbox170134:hover, a.sandbox170170:hover {
	border:					1px solid #FF0000;
}

/* tables */

table {
	color: 					#336699;
	font-size: 				0.9em;
	border:					0;
	margin: 				0 auto 0 auto;
}

tr.subhead {
	font-style:				italic;
}

.contents_row1 td, .contents_row1_child td, .header_row1 th {
	padding:				3px 7px 3px 7px;
}

.contents_row2 td, .contents_row2_child td, .header_row2 th {
	background-color:		#D1DFEF;
	padding:				3px 7px 3px 7px;
}

.contents_row1_child td, .contents_row2_child td {
	padding:				3px 7px 3px 20px;
}

thead a {
	color: 					#336699;
	text-decoration: 		none;
}

thead span {
	color:					#888888;
	font-weight:			normal;
}

/* data tables */

th.header { 
    background-image: url(/imgs/quartz/sort_init.gif);
    cursor: pointer; 
    background-repeat: no-repeat; 
    background-position: center right; 
    margin-left: -1px; 
}

th.headerSortUp { 
    background-image: url(/imgs/quartz/sort_asc.gif);
}

th.headerSortDown { 
    background-image: url(/imgs/quartz/sort_desc.gif); 
}

.subtitle {
	font-weight:			normal;
}

.datatable, .datatable_sortable {
	width:					90%;
	padding:				0;
	margin:					0 auto;
	border:					0;
	border-spacing:			0; 
	border-collapse:		collapse;
}

.datatable_head_1_70 {
	width:					70%;
	text-align:				center;
	vertical-align:			middle;
	border-bottom:			1px solid #888888;
}

.datatable_head_2_15 {
	width:					15%;
	text-align:				center;
	vertical-align:			middle;
	border-left:			1px solid #888888;
	border-bottom:			1px solid #888888;
}

.datatable_data_1_70 {
	width:					70%;
	text-align:				left;
	vertical-align:			middle;
}

.datatable_data_2_15 {
	width:					15%;
	text-align:				right;
	vertical-align:			middle;
	border-left:			1px solid #888888;
}

.datatable_data_2_a {
	text-align:				right;
	vertical-align:			middle;
	border-left:			1px solid #888888;
}

.datatable_data_2_b {
	text-align:				right;
	vertical-align:			middle;
}

.datatable_data_2l_a {
	text-align:				left;
	vertical-align:			middle;
	border-left:			1px solid #888888;
}

.datatable_data_2l_b {
	text-align:				left;
	vertical-align:			middle;
}

.table60 {
	width:					60%;
	padding:				0;
	margin:					0 auto 0 auto;
	border:					0;
	border-spacing:			0; 
	border-collapse:		collapse;	
}

.head50_1 {
	width:					50%;
	text-align:				center;	
	vertical-align:			middle;
	border-bottom:			1px solid #888888;	
}

.head50_2 {
	width:					50%;
	text-align:				center;	
	vertical-align:			middle;
	border-left:			1px solid #888888;		
	border-bottom:			1px solid #888888;		
}

.data50_1 {
	width:					50%;
	text-align:				center;	
	vertical-align:			middle;
}

.data50_2 {
	width:					50%;
	text-align:				center;	
	vertical-align:			middle;
	border-left:			1px solid #888888;	
}

.datatable_head_1_n {
	text-align:				center;
	vertical-align:			middle;
	border-bottom:			1px solid #888888;
}

.datatable_head_1l_n {
	text-align:				left;
	vertical-align:			middle;
	border-bottom:			1px solid #888888;
}

.datatable_head_2_n {
	text-align:				center;
	vertical-align:			middle;
	border-left:			1px solid #888888;
	border-bottom:			1px solid #888888;
}

.datatable_data_1_n {
	text-align:				left;
	vertical-align:			top;
}

.datatable_data_2l_n {
	text-align:				left;
	border-left:			1px solid #888888;
	vertical-align:			top;
}

.datatable_data_2r_n {
	text-align:				right;
	border-left:			1px solid #888888;
	vertical-align:			top;
}

.datatable_data_2_n {
	text-align:				center;
	border-left:			1px solid #888888;
	vertical-align:			middle;
}

/* code box */

.code_header {
	background-color:		#7B9EC1;
	font-weight:			bold;
	padding:				5px;
	color:					#FFFFFF;	
	font-size:				0.8em;
}

#code_detail {
	margin:					0 6px 0 0;
	border:					1px solid #7B9EC1;
}

#code_detail p {
	text-align:				left;
	margin:					0;
}

#code_detail p.code {
	margin-bottom:			13px;
}

.code_text, .code_text td {
	background-color:		#D1DFEF;
	padding:				3px 7px 3px 7px;
}

.code_text2, .code_text2 td {
	padding:				3px 7px 3px 7px;
}

.code {
	padding:				3px 7px 3px 7px;
	font:					0.75em Courier, monospace;
}

#code_toggle {
	position:				absolute;
	right:					20px;
	padding-bottom:			1px;
	display:				none;
}

#code_toggle a.body {
	color:					#FFFFFF;
	border-bottom:			0;
}

.var {
	font-style:				italic;
	color:					#FF0000;
}

wbr:after {
	content: 				"\00200B";
}

/* service status */

#news {
	margin:					0;
	padding:				0;
}

#news p.newsitem {
	margin:					10px;
	text-align:				left;
}

#news p.newssubitem {
	margin:					10px;
	background-color:		#D1DFEF;
	margin-top:				0;
	margin-bottom:			0;
	padding:				10px;
	padding-left:			20px;
	text-align:				left;
}

/* images */

img.inline {
	padding:				10px;
	vertical-align:			middle;
}

img.feedicon {
	padding:				10px 10px 10px 0px;
	vertical-align:			middle;
}

img:hover {
}

/* misc */

.yaxis {
	border-right:			1px solid #888888;		
}

#nocss {
	display:				none;
}

pre {
	color: 					#666666;	
}

/* footer */

#footer {
	color: 					#9C9B9B;
	text-align: 			right;
	font-size: 				0.6em;
}

#footer span.genDate {
	display:				none;
}

#footer a {
	color:					#9C9B9B;
	text-decoration:		none;
	border-bottom: 			1px solid #D5D5D5;
}

#footer a:hover {
	color:					#FF0000;
	border-bottom: 			1px solid #FF0000;
}