/* Static CMS Admin */

/*-------------------- General Structure ------------------------*/

.required {
	background-color: #ffff9b;
}
.error {
	background-color: #ffa6a6;
}

label.indent, div.indent {
	float: left;
	width: 150px;
	clear: both;
	font-size: 12px;
	line-height: normal;
	margin: 2px 2px 2px 0;
}

.error_feedback li {
	font-size: 12px;
	color:#920003;
	list-style-image:url("/images/error-cross.jpg");
	list-style-type: square;
	padding:0px 0px 5px 0px;
}

li { font-size:12px; }

form { padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

span.hilite { background-color: yellow; }

input.short { width:10em; border: 1px solid #C1C9D0; }
input.long { width:20em; border: 1px solid #C1C9D0; }
input.veryshort { width:6em; border: 1px solid #C1C9D0; }
input.veryveryshort { width:4em; border: 1px solid #C1C9D0; }
input.vvvshort { width: 2em; border: 1px solid #C1C9D0; }
input.border { border: 1px solid #C1C9D0; }

body { text-align: left; letter-spacing: normal; background: url("/images/sd-platform/bg1.gif") top repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; }

img { border:0px; margin:0px; padding:0px; }
a img { border-width: 0px; }

#container { padding:0px 0px 0px 0px; margin-top:10px; margin-left:auto; margin-right:auto; width:800px; background:url("/images/sd-platform/bg_container.gif") top repeat-x #FFFFFF; border:1px solid #CCCCCC; }

#container_login { position:relative; padding:0px 0px 0px 0px; margin-top:10px; margin-left:auto; margin-right:auto; width:550px; background:url("/images/sd-platform/bg_container.gif") top repeat-x #FFFFFF; border:1px solid #CCCCCC; }

#header { position:relative; width:900px; margin-left:auto; margin-right:auto; height:127px; padding:0px; }

.iconbox { float:left; height:25px; margin:4px 5px 0px 0px; background:#ffffff; border:1px solid #cccccc; }
.iconbox p { margin:5px 10px 3px 10px; }
.iconbox img { margin:0px 2px 0px 2px; }

#logout { position:absolute; top:4px; right:0px; background:#ffffff; border:1px solid #cccccc;  }
#logout a { display:block; color:#333333;  margin:0px 0px 0px 0px; padding:5px 10px 5px 25px;  font-weight:bold; font-size:11px; background:url("/images/sd-platform/cross.gif") left center no-repeat; }

#logo { position:absolute; top:34px; right:0px;  width:250px; height:67px; background:url("/images/sd-platform/logo.gif?#nocache") no-repeat #ffffff; }

#main {  width:100%; margin:0px 0px 0px 0px; }

#sidebar { width:160px;  float:left;  margin:0px; padding:0px; background:#CCCCCC; }

#footer { width:100%; background:#333333; }

.clear { clear: both; }
.miniclear { clear: both; height: 1px; }

#nav { position:absolute; top:77px; left:0px; }


#nav a {position:relative; float:left; text-align:center; display:inline; color:#333333;   margin:0px 0px 0px 4px; padding:7px 10px 4px 10px;  font-weight:bold; font-size:11px; background:url(/images/sd-platform/nav_bg1.gif) left center repeat-x; }

#nav a:hover {color:#333333;  background:url(/images/sd-platform/nav_bg1h.gif) left center repeat-x; text-decoration:none; }

#nav a.selected {position:relative; float:left; text-align:center; display:inline; color:#333333; text-transform:uppercase;  margin:0px 0px 0px 4px; padding:7px 10px 4px 10px;  font-weight:bold; font-size:11px; background:url(/images/sd-platform/nav_bg1a.gif) left center repeat-x; }

.corner_selected { position:absolute; top: 0px; right: 0px; width:7px; height:23px;  background:url(/images/sd-platform/nav_bg1a_corner.gif) right top no-repeat; }

#nav_sub { position:absolute; top:104px; left:0px; }

#nav_sub a {float:left; display:block; color:#666666;  margin:2px 0px 0px 2px; padding:4px 15px 2px 15px;  font-weight:bold; font-size:11px; background:url(/images/sd-platform/nav_bg1.gif) left center repeat-x; }

#nav_sub a:hover {color:#666666;  background:url(/images/sd-platform/nav_bg1h.gif) left center repeat-x #ececec; text-decoration:none; }

#nav_sub a.selected { background:url(/images/sd-platform/nav_bg1a.gif) left top repeat-x  #787878; color:#666666; text-transform:uppercase;  margin-top:4px; }

.inner_wrapper { margin:10px; min-height:300px; height:auto !important; height:300px;}
.wrapper_login { margin:10px; min-height:240px; height:auto !important; height:240px;}
.stan{ border:1px solid #CCCCCC; padding:10px; background-color:#ffffff; }

#login_image { position:absolute; top:19px; right:12px; width:206px; height:258px; background:url(/images/sd-platform/login_image1.gif) left center no-repeat; }

/*-------------------- General Text & Colours ------------------------*/

h1{ color:#666666; font-size:18px; font-weight :normal; margin:-3px 0px 10px 0px; padding:0px 0px 10px 0px; text-transform:uppercase; }
h2{ color:#666666; font-size:12px; font-weight :bold; font-family:verdana; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3{ color:#999999; font-size:14px; font-weight :normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4{ color:#CCCCCC; font-size:14px; font-weight :normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

ul { font-size:12px; padding-left:18px;   }
li { font-size:12px;   }

a { color:#333399; text-decoration:none; }
a:hover { color:#333399; text-decoration:underline; }

p { font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
#footer p { font-size:11px; color:#FFFFFF; }

.red { color:#ad1c29; }

table { font-size:12px; font-weight:normal; border:1px solid #CCCCCC; background-color:#FFFFFF; }

#content table{ font-size:12px; padding:10px; }
#content th{	padding:2px 5px 2px 5px;	font-weight:bold;	color:#003B5D;}
#content td{	padding:2px 5px 2px 5px; font-size:12px;  }
#content a{	font-weight:bold; text-decoration:none; color:#BF3C6E;	}
#content a:hover { font-weight:bold;  text-decoration:underline; color: #BF3C6E; }
#content tr.highlight, #content tr:hover.list_row_1, #content tr:hover.list_row_2 { background-color:#B9FAAF; }
#content tr.list_row_1{	background-color:#E4E9FA; padding:5px 0px 5px 0px;}
#content tr.list_row_2{	background-color:#FFFFFF; padding:5px 0px 5px 0px;}
#content tr.attribute{ border-bottom:1px solid #000000;}
#content th.attribute_name{ width:250px;}
#content th a{ text-decoration:none; color:#003B5D; font-weight:bold; }
#content th a:hover { text-decoration:underline; color:#003B5D; font-weight:bold; }
#content tr.option{ }
#content td.option_name{ padding-left:35px; }

h3.helparea{ color:#003B5D; font-weight:bold; }
p.helpresolution{ padding:5px 10px 5px 10px; text-align:justify; }

.edit_button { background:#ffffff; border:1px solid #cccccc;  }
.edit_button a { display:block; color:#333333;  margin:0px 0px 0px 0px; padding:5px 10px 5px 25px;  font-weight:bold; font-size:11px; background:url(/images/sd-platform/icon_cog.gif) left center no-repeat; }

.product_container { background:#f3f3f3; margin-bottom:10px;  border-bottom:1px solid #666666; }
.product_title { background:#e4e4e4; color:#000000; }

/*-------------------- Forms ------------------------*/

#container_login label{ width: 10em; float: left; text-align: right; margin-right: 0.5em; display: block; color:#333333; font-weight:bold; }

#container_login  form {	margin:10px 0px 10px 0px; font-size:12px; padding:5px 5px 5px 5px;	}

.login_indent {	margin:0px 0px 0px 125px; padding:0px 4px 0px 4px;	}

#content label{ width: 10em; float: left; text-align: right; margin-right: 0.5em; display: block; color:#003B5D; font-weight:bold; }

select, .select{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

#content fieldset{  border: 1px solid #C1C9D0; width: 500px; margin:0px 0px 0px 10px; padding:5px 5px 5px 5px; }
#content legend{ color: #003B5D; background-color:#CCCCCC;  border: 1px solid #C1C9D0; padding: 5px 5px 5px 5px; margin:0px 0px 0px 5px; font-weight:bold; }
#content select, #content input{ color: #003B5D; }
#content textarea img{ border: 0px solid #000000; }
#content h1{ font-size:16px; font-weight:normal; }

input.short { 	width: 10em; border: 1px solid #C1C9D0;}
input.long { 	width: 20em; border: 1px solid #C1C9D0; }
input.verylong { width: 30em; border: 1px solid #C1C9D0; }
input.veryshort { width: 6em; border: 1px solid #C1C9D0; }
input.veryveryshort { width: 4em; border: 1px solid #C1C9D0; }
input.vvvshort { width: 2em; border: 1px solid #C1C9D0; }
input.border { border: 1px solid #C1C9D0; }

textarea.long { width: 20em; border: 1px solid #C1C9D0; }
textarea.verylong { width: 30em; border: 1px solid #C1C9D0; }
textarea.largearea { width: 30em; height: 30em; border: 1px solid #C1C9D0; }

#checkbox{ color: #006600; }

h2.form_section{	margin:10px 0px 10px 0px; width:480px; background-color:#D9ECFF; font-size:12px; padding:5px 5px 5px 5px;	}
span.section_title{	width: 10em; float: left; text-align: right; margin-right: 0.5em; display: block; color:#003B5D; font-weight:bold; }
span.section_row{ color:#003b5d; padding: 2px 0px 2px 0px; margin:5px 0px 5px 0px; }
span.section_description{ background-color:#EEEEEE; padding:10px 10px 10px 10px; }

/*-------------------- Tables ------------------------*/

.otable tr.list_row_1{	background-color:#E4E9FA; }
.otable tr.list_row_2{	background-color:#FFFFFF; }

.otable .edit_button { background:#ffffff; border:1px solid #cccccc;  }
.otable .edit_button a { display:block; color:#333333;  margin:0px 0px 0px 0px; padding:5px 10px 5px 25px;  font-weight:bold; font-size:11px; background:url("/images/sd-platform/icon_cog.gif") left center no-repeat; }

.otable .delete_button { background:#ffffff; border:1px solid #cccccc;  }
.otable .delete_button a { display:block; color:#333333;  margin:0px 0px 0px 0px; padding:5px 10px 5px 25px;  font-weight:bold; font-size:11px; background:url("/images/sd-platform/cross.gif") left center no-repeat; }

.otable .view_button { background:#ffffff; border:1px solid #cccccc;  }
.otable .view_button a { display:block; color:#333333;  margin:0px 0px 0px 0px; padding:5px 10px 5px 25px;  font-weight:bold; font-size:11px; background:url("/images/sd-platform/icon_view.gif") left center no-repeat; }

.otable .settings_button { background:#ffffff; border:1px solid #cccccc;  }
.otable .settings_button a { display:block; color:#333333;  margin:0px 0px 0px 0px; padding:5px 10px 5px 25px;  font-weight:bold; font-size:11px; background:url("/images/sd-platform/icon_settings.gif") left center no-repeat; }

.otable a.up_button { display:block; margin: 0px auto; padding: 0px; background:url("/images/sd-platform/arrowup.gif") left center no-repeat; width: 19px; height: 19px; }
.otable a.down_button { display:block; margin: 0px auto; padding: 0px; background:url("/images/sd-platform/arrowdown.gif") left center no-repeat; width: 19px; height: 19px; }

.otable td { padding:5px 5px 5px 5px; }

/************ Lightbox ************/
#lightbox{
	background-color:#fff;
	padding: 5px;
	border-width: 10px;
	border-style: solid;
	border-color: #000;
}
#lightboxDetails {
	display: none;
}
#closeButton {
	display: none;
}

/************* Stats **************/
#stats_wrap{ margin:0px 0px 0px -4px; position:relative; width:98%; padding:10px 3px 10px 3px;}
#stats_nav {float:left; }

#stats_nav a { border:2px solid #c1bebe; color:#000000;  background:url(/images/sd-platform/nav_stat.jpg) left repeat-y #fbfbfb; width:100px;  display:block; font-size:11px; padding:5px 10px 0px 20px; text-decoration:none; margin:0px 0px 0px 0px; height:19px; }
#stats_nav a:hover {background:url(/images/sd-platform/nav_hover.jpg) left repeat-y #fbfbfb;}
#stats_nav p {margin:0px 0px 4px 0px;}
#stats_grap {width:590px; min-height:287px; height:auto !important; height:287px; float:right; margin:0px 15px 0px 0px; padding:0px;}
* html #stats_grap {width:590px; min-height:287px; height:auto !important; height:287px; float:right; margin:0px 0px 0px 0px; padding:0px;}
.stats_curr { border:2px solid #c1bebe; color:#000000;  background:url(/images/sd-platform/nav_current.jpg) left repeat-y #fbfbfb; width:100px;  display:block; font-size:11px; padding:5px 10px 0px 20px; text-decoration:none; margin:0px 0px 0px 0px; height:19px;}