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

/* login */

#login {
	color:					#ffffff;
	font-size:				12px;
	margin:					10px 0px 0px 0px;
	padding:				4px;
	line-height:			22px;
	text-align:				right;
}

#login ul {
	list-style: 			none;
	margin: 				0px 5px 0px 5px;
	text-align: 			right;
	color: 					#e6e6e6;
	height: 				62px;
}

#login li {
	margin: 				0px 5px 0px 5px;
}

#login a {
	color: 					#ffffff;
	text-decoration: 		none;
	margin: 				0px;
	font-size: 				12px;
	border-bottom: 			1px dotted #ffffff;
	text-transform: 		lowercase;
}

#login a:hover {
	margin: 				0px;
	padding:				0px;
	border-bottom: 			1px solid #ffffff;
}

.logintextBox {
	margin:					0px;
	border:					1px solid #666666;
	background-color:		#ffffff;
	font-size:				11px;
	width:					118px;
}

.s_uid, .s_pwd {
	display:				block;
}

.s_fplink {
	display:				inline;
}

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

/* views */

#views ul {
	list-style: 			none;
	margin: 				0px 0px 5px 0px;
	float: 					right;
	text-align: 			center;
	color: 					#336699;
}

#views li {
	display: 				block;
	float: 					left;
	margin: 				0px 0px 5px 10px;
	text-transform: 		lowercase;
}

#views li a {
	color: 					#336699;
	display:				block;
	width: 					auto;
	text-decoration: 		none;
	margin: 				0px;
	padding: 				10px 10px 5px 10px;
	font-size: 				11px;
}

#views a:hover {
	border-bottom: 			3px dotted #336699;
}

/* service links */

#srvcs {
	position:				absolute;
	top:					29px;
}

#srvcs img {
	vertical-align:			-20px;
	padding-right:			6px;
	border:					0px;
	margin:					0px;
	margin-right:			6px;
	padding:				0px;
}

#srvcs ul {
	float:					left;
	list-style: 			none;
	margin: 				0px;
	padding:				0px 5px 5px 5px;
	width:					660px;
}

#srvcs li {
	float:					left;
	width:					200px;
	list-style: 			none;
	margin: 				0px;
	padding:				5px;
}

#srvcs li a {
	display:				block;
	color:					#336699;
	background:				transparent url(/imgs/swathe/trans1.gif);
	border:					1px solid #e6e6e6;
	text-decoration:		none;
	font-weight:			bold;
	font-size:				12px;
	height:					50px;
	padding:				5px;
}

#srvcs li a:hover {
	color:					#ffffff;
	background:				transparent url(/imgs/swathe/trans2.gif);
	border:					1px solid #336699;
}

/* locbar */

.locbar {
	position:				absolute;
	bottom: 				5px;
	color: 					#336699;
	font-size: 				11px;
	padding-left: 			2px;
}

.locbar a {
	color: 					#336699;
	text-decoration: 		none;
	border-bottom: 			1px dotted #336699;
	line-height: 			16px;
}

.locbar a:hover {
	color: 					#336699;
	text-decoration: 		none;
	border-bottom: 			1px solid #336699;
}

/* nav */

#nav ul {
	list-style:				none;
	margin: 				0px 0px 5px 0px;
	width:					660px;
	float:					left;
	color: 					#336699;
	padding:				0px;
}

#nav li {
	list-style:				none;
	padding:				0px;
	margin:					0px;
	display:				block;
	float: 					left;
	margin: 				0px 10px 5px 0px;
	text-transform: 		lowercase;
}

#nav li a {
	color:					#e9e9e9;
	display: 				block;
	width: 					auto;
	text-decoration: 		none;
	margin: 				0px;
	padding: 				10px 10px 5px 10px;
	font-size: 				11px;
	border-bottom: 			3px solid #666666;
}

#nav a:hover {
	border-bottom: 			3px dotted #e6e6e6;
}

/* content */

#content p {
	text-align:				justify;
	font-size: 				12px;
	margin: 				15px;
	color: 					#e9e9e9;
	line-height: 			18px;
}

#l2 h1 {
	position:				absolute;
	bottom:					21px;
	font-family: 			Arial, Verdana, Helvetica, sans-serif;
	font-size: 				20px;
	font-weight: 			normal;
	letter-spacing: 		-1px;
	color: 					#336699;
	text-transform: 		uppercase;
	margin:					0px;
	padding:				0px;
}

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

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

#l3 ul li {
	color:					#e6e6e6;
	list-style:				disc;
	font-size: 				12px;
}

/* forms */

.button {
	border:					1px solid #666666;
	background-color:		#ffffff;
	font:					11px arial, verdana, helvetica, sans-serif;
}

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

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

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

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

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

.dt_textbox {
	margin:					1px;
	border:					1px solid #666666;
	background-color:		#ffffff;
}

.dt_select {
	margin:					1px;
	border:					1px solid #666666;
	background-color:		#ffffff;
}

/* links */

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

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

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

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

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

a.bodyimg:hover {
	border: 				0px;
}

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

/* sandbox */

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

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

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

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

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

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

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

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

/* tables */

table {
	color: 					#e6e6e6;
	font-size: 				12px;
	border:					0px;
	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:		#555555;
	padding:				3px 7px 3px 7px;
}

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

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

/* data tables */

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

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

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

.subtitle {
	font-weight:			normal;
}

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

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

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

.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 #444444;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* code box */

.code_header {
	width:					650px;
	background-color:		#444444;
	font-weight:			bold;
	padding:				5px;
	color:					#ffffff;
	font-size:				12px;
}

#code_detail {
	width:					658px;
	border:					1px solid #444444;
}

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

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

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

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

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

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

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

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

/* service status */

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

#news p.newssubitem {
	background-color:		#6f6f6f;
	margin-top:				0px;
	margin-bottom:			0px;
	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 #444444;
}

#nocss {
	display:				none;
}

pre {
	color: 					#e6e6e6;
}

/* footer */

#footer {
	color: 					#999999;
	text-align: 			center;
	font-size: 				10px;
}

#footer a {
	color:					#999999;
	text-decoration:		none;
	font-size:				10px;
	border-bottom: 			1px dotted #999999;
}

#footer a:hover {
	text-decoration:		none;
	border-bottom: 			1px solid #999999;
}