/*

Stuff and Nonsense Ltd.
The Cow Shed Studio,
Gwaenysgor,
Flintshire, North Wales
LL18 6EP, UK
+44 1745 851848
http://stuffandnonsense.co.uk
http://forabeautifulweb.com
http://transcendingcss.com
http://twitter.com/malarkey

RESET.CSS 

*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1.5; }
table { border-collapse : separate; border-spacing : 0; }
caption, th, td { text-align : left; font-weight : normal; }
table, td, th { vertical-align : middle; }
blockquote:before, blockquote:after, q:before, q:after { content : ""; }
blockquote, q { quotes : "" ""; }
a img {border : none; }
abbr[title], dfn[title] {
border-bottom : 1px dotted rgb(0,0,0);
cursor : help; }

/* HTML 5 */

article, aside, dialog, figure, footer, header, hgroup, nav, section {
display : block; }

mark {
background-color : #ff9;
color : rgb(0,0,0);
font-style : italic;
font-weight : bold; }

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
	float: none;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}





html, body {height: 100%;}

#container {
	background-image: url(/docs/web/SIE/watermark.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	min-height: 100%;
	
}
body {
	background-color: #080a19;
	background-image: url(/docs/web/SIE/bg.png);
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.popup {
	background-image: none;
	background-color: #FFF;
}
#main {
	overflow:auto;
	padding-bottom: 85px;  /* must be same height as the footer */
}
footer {
	position: relative;
	height: 75px;
	clear:both;
	margin: 0 auto;
	margin-top: -85px; /* negative value of footer height */
	width: 940px;
	color: #FFF;
	background-color: #004b9f;
	background: -webkit-gradient(linear, 0% 0%, 0% 30%, from(#003673), to(#004b9f));
	background: -moz-linear-gradient(19% 30% 90deg,#004b9f, #003673);
	padding: 0 10px;
	text-align: center;
} 
#footer-print {
	display: none;
}
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
header.print {
	display: none;
}

body {
	font-family: Tahoma, Verdana, Arial, sans-serif;	
	font-size: 14px;
}
.container_12 {
	background: #FFF;
}

#sidebar h3 {
	color: #0087c1;
	margin-bottom: 5px;
}
#sidebar .testimonial p {
	margin-bottom: 5px;
}
#sidebar .testimonial .client {
	color: #0087c1;
	font-size: 16px;
	font-style: italic;
	text-align: right;
	padding-bottom: 10px;
	border-bottom: 1px solid #0087c1;
	margin-bottom:10px;
	font-family: AngelinaRegular;
}

#portal {
	border-color: #004b9f;
	border-width: 1px;
	border-style: solid;
	margin-top: 100px;
	font-size: 80%;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #d9edf9;
}
#portal h3 {
	color: #004b9f;
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
}
#portal h4 {
	text-align: center;
	padding: 3px;
	border: 1px solid #97ca20;
	color: #97ca20;
	background-color: #FFF;
}
#portal label {
	color: #666;
}
#portal div {
	margin-bottom: 5px;
}
#portal .buttons {
	margin-top: 15px;
	text-align: center;
}
#main h1 {
	font-size: 24px;
	color: #004b9f;
	margin-bottom: 10px;
	font-family: QlassikMedium;
}
#main p {
	margin-bottom: 10px;
}
p.list {
	background: url(/docs/web/SIE/key_check.png) no-repeat left 0px;
	padding-left: 25px;
}
p.list .point {
	font-weight: bold;
	color: #0087c1;
}
.bodyimage {
	margin: 5px 10px 10px;
	padding: 6px;
	border: 1px solid #666;
	-moz-box-shadow:0px 8px 8px #666;
	-webkit-box-shadow:0px 8px 8px #666;
	box-shadow:0px 8px 8px #666;
}
.right {
	float: right;
}

#sitelinks {
	display: block;
	text-align: center;
	height: 20px;
	margin: 10px auto;
}
#sitelinks a {
	padding: 0 6px;
	border-right: 1px solid #FFF;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}
#sitelinks a:hover {
	text-decoration: underline;
	color: #00b3ff;
}
#sitelinks a:last-child {
	border-right: none;
}

nav ul {
	list-style: none;
}
nav li a {
	color: white;
	display: block;
	padding: 5px;
	text-decoration: none;
	background: #0087c1 url(/docs/web/SIE/alert-overlay.png) repeat-x; 
	border-top: 1px solid #d0e0f3;
}
nav li a:hover {
	background-color: #004b9f;
}
ul.listing{
	list-style-image: url(/docs/web/SIE/spot.png); 
	margin-left: 30px;
}
ul.listing li {
	margin-bottom: 5px;
}

ul.reports{
	list-style-image: url(/docs/web/SIE/report.png); 
	margin-left: 30px;
}
ul.reports li {
	margin-bottom: 5px;
}
ul.reports a {
	color: #0087c1;
	text-decoration: none;
}
ul.reports a:hover {
	color: #97ca20;
}
ul.links li{
	background: url(/docs/web/SIE/globe.png) no-repeat left 10px;
	padding: 10px 0 10px 40px;
	border-bottom: 1px solid #0087c1;
}
ul.links li.alt {
	background-color: #d8e8fc;	
}
ul.links li a {
	color: #0087c1;
	text-decoration: none;
}
ul.links li a:visited {
	background: url(/docs/web/SIE/webtick.png) no-repeat left 0;
	padding-left: 20px;
}
ul.links li a:hover {
	color: #97ca20;
}
img.pdficon{
	vertical-align: middle;
}
fieldset {
	border: 1px solid #004b9f;
	margin-top: 20px;
	padding: 15px;
}
#main fieldset{
	font-size: 18px;
}
label {
	display: block;
	float: left;
	width: 150px;
	color: #0087c1;
}
#main h3 {
	color: #97ca20;
}
ol {
	margin-left: 25px;
	list-style: decimal;
}
#toolbarbuttons {
	text-align: right;
}
.archivecolumn {
	display: block;
	float: left;
	width: 250px;
	margin-bottom: 15px;
}
.orderlist {
	list-style: none;
}
.newsletter {
	float: left;
	padding: 15px;
	margin: 10px;
	text-align: center;
}
ul.doclinks li{
	background: url(/docs/web/SIE/mediumPDF.png) no-repeat left 5px;
	padding: 10px 0 15px 50px;
	border-bottom: 1px solid #0087c1;
}
div#response, div#response2 {
	border: 1px solid #3C3;
	padding: 5px;
	display: none;
}
div#special {
	border: 2px solid #c11d23;
	background-color: #ffd0c9;
	padding: 5px;
	font-size: 11px;
	margin-bottom: 15px;
}
div#special ul{
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
div#special h3 {
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	color: #c11d23;
	font-weight: bold;
}
div#special a {
	margin: 10px 0;
}
div#special p.small{
	font-size: 9px;
}
div#special p {
	margin-bottom: 5px;
}
#loginlinks a {
	text-decoration: none;
	color: blue;
	font-size: 9px;
}
#loginlinks a:hover {
	text-decoration: underline;
	color: #C66;
}
#changepwd {
	display: none;
}

#phonenumbers h4 {
	text-align: center;
	border-bottom: 1px solid #CCC;
	margin: 20px 5px 0;
}
#phonenumbers p {
	margin: 3px 0;
}
table.idlist tr td{
	padding: 3px 0;
	border-bottom: 1px solid #CCC;
}
.delete, .edit {
	cursor: pointer;
}

@font-face {
    font-family: 'AngelinaRegular';
    src: url('/docs/web/SIE/angelina-webfont.eot') format('eot'),
         url('/library/fonts/angelina-webfont.woff') format('woff'),
         url('/docs/web/SIE/angelina-webfont.ttf') format('truetype'),
         url('/library/fonts/angelina-webfont.svg#webfontGA0dUAeV') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
	font-family: 'FolksRegular';
	src: url('/docs/web/SIE/Folks-Normal-webfont.eot');
	src: local('☺'), 
		url('/library/fonts/Folks-Normal-webfont.woff') format('woff'), 
		url('/docs/web/SIE/Folks-Normal-webfont.ttf') format('truetype'), 
		url('/library/fonts/Folks-Normal-webfont.svg#webfont0WAsRMDu') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Myndraine';
    src: url('/library/fonts/Myndraine-webfont.eot?') format('eot'),
         url('/library/fonts/Myndraine-webfont.woff') format('woff'),
         url('/library/fonts/Myndraine-webfont.ttf') format('truetype'),
         url('/library/fonts/Myndraine-webfont.svg#webfontkZQPifMd') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'QlassikMedium';
	src: url('/docs/web/SIE/Qlassik_TB-webfont.eot');
	src: local('☺'), 
		url('/library/fonts/Qlassik_TB-webfont.woff') format('woff'), 
		url('/docs/web/SIE/Qlassik_TB-webfont.ttf') format('truetype'), 
		url('/library/fonts/Qlassik_TB-webfont.svg#webfontdLeQUlTY') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'YanoneKaffeesatzRegular';
	src: url('/docs/web/SIE/YanoneKaffeesatz-Regular-webfont.eot');
	src: local('☺'), 
		url('/library/fonts/YanoneKaffeesatz-Regular-webfont.woff') format('woff'), 
		url('/docs/web/SIE/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'), 
		url('/library/fonts/YanoneKaffeesatz-Regular-webfont.svg#webfonthKXnaAjv') format('svg');
	font-weight: normal;
	font-style: normal;
}

.awesome, .awesome:visited {
	background: #222 url(/docs/web/SIE/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	border: none;
}

.awesome:hover { 
	background-color: #111; color: #fff; 
}

.awesome:active {
	top: 1px;
}

.small.awesome, .small.awesome:visited { 
	font-size: 11px; padding: ;
}

.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited { 
	font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
}

.large.awesome, .large.awesome:visited { 
	font-size: 14px; padding: 8px 14px 9px; 
}

.xlarge.awesome, .xlarge.awesome:visited { 
	font-size: 18px; padding: 12px 18px 11px; 
}

.xxlarge.awesome, .xxlarge.awesome:visited { 
	font-size: 28px; padding: 18px 24px 18px; 
}
	
.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }

.dkgreen.awesome, .dkgreen.awesome:visited	{ background-color: #007500; }
.dkgreen.awesome:hover						{ background-color: #005003; }

.blue.awesome, .blue.awesome:visited		{ background-color: #0087c1; }
.blue.awesome:hover							{ background-color: #006f9e; }

.dkblue.awesome, .dkblue.awesome:visited	{ background-color: #004b9f; }
.dkblue.awesome:hover						{ background-color: #002d5e; }

.red.awesome, .red.awesome:visited			{ background-color: #d20000; }
.red.awesome:hover							{ background-color: #910101; }

.magenta.awesome, .magenta.awesome:visited	{ background-color: #a9014b; }
.magenta.awesome:hover						{ background-color: #630030; }

.orange.awesome, .orange.awesome:visited	{ background-color: #ff5c00; }
.orange.awesome:hover						{ background-color: #d45500; }

.yellow.awesome, .yellow.awesome:visited	{ background-color: #ffb515; }
.yellow.awesome:hover						{ background-color: #fc9200; }

.silver.awesome, .silver.awesome:visited	{ background-color: #cccccc; }
.silver.awesome:hover						{ background-color: #999999; }
.silver, .silver:visited 					{ color: #333333;}

.awesome img {
	vertical-align: middle;
}

.headerbutton, .headerbutton:visited {
	font-family: Graublau;
	display: block;
	float: left;
	height: 35px;
	font-size: 15px; 
	padding: 15px 20px 0px 60px; 
	margin: 0;
	color: #444; 
	text-decoration: none;
	text-shadow: 0px 1px 0px rgba(220,220,220,0.5);
	cursor: pointer;
	border-left: 1px solid #555;
	border-right: 1px solid #AAA;
}
.headerbutton#home {
	background: url('/docs/web/SIE/home_gs.png') 5px center no-repeat;
	padding: 15px 20px 0px 35px; 
}
.headerbutton#clients {
	background: url('/library/images/admin/clients_gs.png') 5px center no-repeat;
}
.headerbutton#reports {
	background: url('/library/images/admin/reports_gs.png') 5px center no-repeat;
}
.headerbutton#config {
	background: url('/library/images/admin/config_gs.png') 5px center no-repeat;
}
.headerbutton#admin {
	background: url('/library/images/admin/admin_gs.png') 5px center no-repeat;
}
.headerbutton#home:hover, body.home .headerbutton#home {
	background-image: url('/docs/web/SIE/home.png');
}
.headerbutton#clients:hover, body.clients .headerbutton#clients {
	background-image: url('/library/images/admin/clients.png');
	color: #DDD;
	text-shadow: 0 1px 0px rgba(0,0,0,0.5);
}
.headerbutton#reports:hover, body.reports .headerbutton#reports {
	background-image: url('/library/images/admin/reports.png');
	color: #DDD;
	text-shadow: 0 1px 0px rgba(0,0,0,0.5);
}
.headerbutton#config:hover, body.config .headerbutton#config {
	background-image: url('/library/images/admin/config.png');
	color: #DDD;
	text-shadow: 0 1px 0px rgba(0,0,0,0.5);
}
.headerbutton#admin:hover, body.admin .headerbutton#admin {
	background-image: url('/library/images/admin/admin.png');
	color: #DDD;
	text-shadow: 0 1px 0px rgba(0,0,0,0.5);
}
.logoutbutton, .logoutbutton:visited {
	font-family: Graublau;
	float: right;
	display: block;
	font-size: 15px; 
	padding: 10px 20px 10px 20px; 
	margin-top: -10px;
	color: #444; 
	text-decoration: none;
	text-shadow: 0px 1px 0px rgba(220,220,220,0.5);
	cursor: pointer;
	border: 1px solid #555;
	border-radius:4px;
	-moz-border-radius: 4px;
	box-shadow:0px 0px 8px #222222; 
}
.logoutbutton:hover {
	background:-webkit-gradient(linear, 0% 0%, 0% 71%, from(#777777), to(#666666));
	background:-moz-linear-gradient(0% 71% 90deg,#666666, #777777);
	color: #FFF;
	text-shadow: 0px 1px 0px rgba(20,20,20,0.5);	
}

.actionbtn {
	background:-webkit-gradient(linear, 0% 0%, 0% 71%, from(#777777), to(#666666));
	background:-moz-linear-gradient(0% 71% 90deg,#666666, #777777);
	height: 80px;
	display: block;
	border-radius:10px;
	-moz-border-radius: 10px;
	margin-bottom: 15px;
	-moz-box-shadow:0px 2px 8px rgba(0,0,0,0.5); 
	-webkit-box-shadow:0px 2px 8px rgba(0,0,0,0.5); 
	border: none;
	font-family: Graublau;
	text-shadow: 0px 1px 0px rgba(220,220,220,0.5);	
	font-size: 22px;
	text-align: center;
	width: 100%;
	cursor: pointer;
}