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

body {
	color: black;
	background: white url(../images/header.gif) no-repeat 90% 0%;
	text-align: center;
}

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

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

.small { font-size:11px; }

/* headers and paragraphs */
h1    { padding: 4px 30px 6px 30px; margin: 0; line-height: 1; } /* logo */
h2    { margin: 0.2em 0 0.5em 0; }
h3	  { text-decoration:underline;}
h3, p { margin: 0.7em 0; }
h3 span { padding-left: 3em; }

h1, h2, h3 { font-weight: normal; }

strong { background: #F6F6F6 }

#main p, #main h2, #main h3, #main dl, #main dd, { margin-left: 7px; }

/* links */
a { color: #254D7C; }
a { font-weight: normal; }
a:hover, th a, #subnav a  { text-decoration: none; }
#subnav a  { color: black; }
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; }

/* main navigation */
#nav li a {
	color: white;
	background: #4779B5 none;
	border-right: 1px solid white;
	text-decoration: none;
	padding: 10px 12px;
}

/* IE hacking for the backgrounds */
#nav li { background: url(../images/tab.jpg) repeat-x; }
#nav li a:hover {
	background: url(../images/tab.jpg) repeat-x;
	_background: transparent; 
}

/* structural */
#wrapper {
	margin: 0 5%;  
	text-align: left;
	background: url(../images/bg_l.gif) repeat-y;
}
#wrapper-r {
	background: url(../images/bg_r.gif) right repeat-y;
	width: 100%;
}
#content {
	background: url(../images/bg_l.gif) repeat-y;
}
#content-r {
	background: url(../images/bg_r.gif) right repeat-y;
	padding: 15px 30px 0 30px;
}

#sidebar {
  float: left;
  width: 160px;
  min-height: 330px;
  _height: 330px;
  margin-top: 0.5em;
  border: 1px solid #4779B5;
}
#main {
  margin-left: 180px;
  margin-right: 20px;
}

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

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

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

/* navigation and full-width stuff */
#nav {
	margin: 0 20px;
	padding: 10px 0;
	background: #4779B5;
	border-bottom: 4px solid #4779B5;
}
#nav li { display: inline; }

#subnav {
	text-align: right;
	padding-right: 35px;
	margin: -17px 0 0.4em 0;
}
#subnav li { display: inline; }

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

#power {
	background: #4779B5;
	color: white;
	margin: 2em -10px 0 -10px;
	padding: 3px 6px 3px 6px;
}

/* sidebar */
#sidebar h3 {
  margin: 0;
  padding: 5px;
  background: #EEEEEE;
  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 {
  border: 1px solid #D3D3D3;
  border-top: 0;
  text-align: left;
  margin: 0.4em 0 1em 0;
}

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 strong  { color: red;   }
.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;  }

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