/* catch all */
* { margin: 0; padding: 0; }
img { border: 0; }

body {
	color: black;
	background: #003B6F url(../../../../../templates/defaultcontent/images/bg.gif) no-repeat left bottom;
	text-align: center;
}

html, body, #wrapper-r { height: 100%; }

/* font-sizes */
body { font-family: arial, sans; font-size: 90%; }
li, p, dt, dd, td, th, table { font-size: 90%; }
dt { font-weight: bold; }
#nav li { font-size: 1em; }
#power, #adminbanner { font-size: 79%; }

ul li, ol li { margin-left: 20px; }

.small { font-size:11px; }

/* headers and paragraphs */
#siteTitle h1 a    { display: block; width: 200px; height: 115px; text-indent: -5000px; background: url(../../../../../templates/defaultcontent/images/logo-sm2-iono.gif) no-repeat 0 0; } /* logo */
#siteTitle { float: left; width: 200px; }

p { margin: 0.7em 0; }
h3 span { padding-left: 3em; }

h2, .header2, .contentheadingnews {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px dotted #007AC3;
	color: #2A568F;
}

h3, .header3 {
	font-size: 14px;
	font-weight: bold;
	color: #007AC3;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Sans Serif;
	line-height: 17px;
}

h4, .header4, table.moduletablenews .contentheading, th  {
	font-size: 12px;
	font-weight: bold;
	color: #007AC3;
	text-transform: capitalize;
}

h5, .header5 {
	color: #00204E;
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Sans Serif;
	line-height: 13px;
}

h6, .header6, .createdate {
	color: #00204E;
	font-size: 10px;
	line-height: 11px;
	font-style: italic;
	text-align: right;
}

hr {
	display: block;
	clear: both;
	border: 0;
	height: 1px;
	border-top: 1px dotted #007AC3;
	margin: 10px 0;
}

h2, h3, h4, h5, h6 { margin: 10px 0; }

/* links */
a { color: #254D7C; }
a { font-weight: normal; }
a:hover, th a, #subnav a  { text-decoration: none; }

a, th a:hover, #subnav a:hover,
#adminbanner a            { text-decoration: underline; }

table.list th a {
  color: black;
  text-decoration: none;
}
table.list th a:hover {
  text-decoration: none;
}

/* fixed colours */
#adminbanner a,
#power a { color: white; }
th a     { color:black; }

/* structural */
#site {
	position: relative;
	width: 730px;
	margin: 0 auto;
	text-align: left;
	background: #FFF url(../images/sidebarbg.gif) repeat-y 0 0;
}

#content {
	float: right;
	width: 510px;
	padding: 10px;
}

#sidebar {
  width: 160px;
  min-height: 330px;
  _height: 330px;
  margin: 20px 0 20px 20px;
  background: #FFF;
  border: 1px solid #4779B5;
}

#sidebar ul li, #sidebar ol li {
	margin-left: 0;
}

#ad {
	width: 530px;
	height: 200px;
	margin: -10px -10px 10px -10px;
	background: url(../../../../../images/stories/random/customise.jpg) no-repeat 0 0;
	text-indent: -5000px;
}

#main_nosidebar {
  margin-left: 20px;
  margin-right: 20px;
}

* html table.list {
  width: auto;
  width: 94%;
}

table.list {
  width: 94%;
  background-color: #E5F1F9;
}

/* navigation and full-width stuff */
#nav {
	clear: both;
	margin: -10px -10px 10px -10px;
	padding: 0 0 0 5px;
	_height: 30px;
	min-height: 30px;
	background: #EC6E00 url(../../../../../templates/defaultcontent/images/menu-right.gif) no-repeat bottom right;
}

#nav li { display: block; float: left; list-style: none; margin-left: 0; }

#nav li a {
	float: left;
	display: block;
	padding: 12px;
	color: #FFF;
	background: #EC6E00;
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#nav li a:hover {
	color: #00204E;
	background-color: #EFC18A;
}

#nav br { clear: both; }


#subnav {
	margin: 1px 0;
	color: #FFF;
	background: #EC6E00;
}

#subnav li { display: inline; }

#subnav li a { display: block; color: #FFF; padding: 5px 8px; }

#adminbanner {
	color: white;
	background: #D95623;
	margin: 2px 20px 0px 20px;
	padding: 0px 4px 1px 4px;
}

#power {
	display: none;
}

/* sidebar */
#sidebar h3 {
  margin: 0;
  padding: 5px;
  color: #FFF;
  background: #007AC3;
  text-align: center;
  font-weight: bold;
}

#sidebar ul {
  margin: 1em 5px 2.2em 20px;
  padding-left: 8px;
  _padding-left: 0px;
}

#sidebar ul.nobullets {
  padding-left: 0px;
}

#sidebar p {
  margin: 1em 10px 1em 10px;
  padding-left: 8px;
}

#sidebar li {
  list-style-position: outside;
  list-style: none;
  _padding-left: 8px;
  margin-bottom: 0.5em;
}

#sidebar ul.menu li {
  list-style-image: url(../images/menu_bullet.gif);
}

#sidebar ul.ann li {
  list-style-image: url(../images/ann_bullet.gif);
}

#sidebar ul.downloads li {
  list-style-image: url(../images/download_bullet.gif);
}

/* dashboard lists */
table.list {
  text-align: left;
}

table.list .r {
  text-align: right;
}

table.list th,
table.list td {
  font-weight: normal;
  padding: 2px 7px 6px 7px;
}

table.list .extrarow th,
table.list .extrarow td {
  padding: 2px 7px 0 7px;
}

table.list .titlerow th,
table.list .titlerow td {
  border-top: 1px solid #D3D3D3;
  padding: 6px 7px 0 7px;
}

span.active,
span.suspended,
span.expired,
span.pending,
span.completed {
  font-weight: bold;
}

span.active     { color: #0F9716; }
span.suspended  { color: #821111; }
span.expired    { color: #525252; }
span.pending    { color: #F27C1D; }
span.completed  { color: black; }

/* <forms> */
.form .text   { width: 200px; }
.form .button { padding: 2px; }
.form th, .form .tablebutton  { text-align: right;   }
.form th.lite { font-size: 73%; font-weight: normal; }
.form td { padding-left: 2px; }
.form li { list-style: none;  }
.form dt label { display: block; font-size: 14px; padding: 3px 6px; background: #E5F1F9; }

.cost { font-size: 13px; font-weight: bold; text-align: right; color: #3DA639; }

.button {
	color:#ffffff;
	font-size: 10px;
	font-weight: bold;
	background-color: #E78424;
	border: 1px solid #EC6E00;
	text-transform: uppercase;
}

/* random things needing bottom-margins */
.products-list td { padding-bottom: 1em; }
#logininfoform    { margin-bottom:  1em; }

#footer {
	padding: 3px 10px;
	color: #FFF;
	background: #40597C;
	text-align: center;
	text-transform: uppercase;
}

#footer p,
#footer a {
	font-size: 10px;
	color: #FFF;
}