body {
 width: 760px;
 margin: 2px auto 0px auto;
 padding: 0;
 font: 11px Verdana, Tahoma, Arial, sans-serif;
 line-height: normal;
 color: #494949;
 background-color: #ffffff;
}

table { padding: 10px; border-collapse: collapse }
form { padding: 10px; margin-top: 0px; margin-bottom: -2px }

tr { vertical-align: top }
li { list-style: none; }
fieldset { border: 1px solid #c1c1c1; padding: 6px 10px; margin: 0 }
a { text-decoration: none; color: #5A86B3; }
a:hover { text-decoration: none; color: #00527d; }

caption {
 font-weight: bold;
 color: #666;
 text-align: left;
 padding: 0px 2px 0px 2px;
}

em { font-style: normal; font-weight: bold; }

/*TOPIC SEARCH*/
form#topicsearch div {
 text-align: center;
 margin-right: -1px;
}
form#topicsearch a  { color: #063569; font-size: 100%; text-decoration: none; }
form#topicsearch li {
 list-style-image: url(../images/bullet_sq.gif);
 margin-left: 0;
 padding-left: 1em;
 text-indent: -1.3em;
}
form#topicsearch fieldset {
 float:left;
 border: 1px solid #c1c1c1;
 margin-left: auto;
 margin-right: auto
}
form#topicsearch p { text-align: center }
form#topicsearch legend { color:#00527D; font-size: 1.3em; font-weight: bold; padding-bottom: .35em; }
form#topicsearch div#topicsearch_position { width: 700px; margin-left: auto; margin-right: auto }

table#search_results { width: 100% }
table#search_results th { text-align: left }
table#search_results caption { margin: 2px 10px 5px 10px }
table#search_results tr.top td { padding-top: 4px; border-top: 1px solid #C6CADC; }
table#search_results tr.bottom td { padding-bottom: 4px; border-bottom: 1px solid #C6CADC; }

div#pagelinks { text-align: justify }
div#pagelinks a { margin: -1px }

div#record { float: right }
div#record ul { display: inline }
div#record ul li { display: inline }
div#result h2 { width: auto; float: left }
div#result table { width: 100%; float: right; border: 1px solid #ccc; margin: 5px 0 10px 0 }
div#result table caption { margin-top: 10px; color: #00527d }
div#result table th {
 padding: 2px;
 width: 35%;
 border-top: 1px solid #ccc;
 text-align: left;
 font-weight: normal
}
div#result table td {
 padding: 2px 10px;
 border-top: 1px solid #ccc
}

div#result ul#types { float: right; display: inline }
div#result ul#types a img { vertical-align: middle; margin: 2px; }
div#result ul#sections li {
 float: left;
 display: block;
 padding: 2px 10px 1px 10px;
}

div#reportsPanel {
 clear: both;
 vertical-align: top;
/* background-color: #f6f6f6;
 border-top: 1px dotted #ccc;*/
 padding: 5px 0 0 0;
 margin: 0;
}

div#reportsPanel div#report_basket { float: left }
div#reportsPanel p { font-weight: bold; margin: 4px 0 0 0 }
div#reportsPanel ol li { list-style-type: decimal }

div#reportsPanel ul { float: right; margin-top: 12px }
div#reportsPanel ul li { margin: 4px }
div#reportsPanel h3 { width: 100%; margin: 0px; padding: 0px }
div#reportsPanel fieldset { border: 1px solid #ccc }

div#favouritesPanel div#report_basket { float: left }
div#favouritesPanel p { font-weight: bold; margin: 4px 0 0 0 }
div#favouritesPanel ol li { list-style-type: decimal }

div#favouritesPanel ul { float: right; margin-top: 12px }
div#favouritesPanel ul li { margin: 4px }
div#favouritesPanel h3 { width: 100%; margin: 0px; padding: 0px }
div#favouritesPanel fieldset { border: 1px solid #ccc }


h1 { color: #888; margin: -10px 5px 5px 5px; position: relative; top: 12px }
h2 { margin: 10px 5px 0px 5px; font-size: medium }
select,input,textarea {
 background-color: white;
 font-family: Verdana,Tahoma,Arial,sans-serif;
 font-size: 90%;
}

table#topics td, table#subjects td { height: 22px }

table#topics form, table#subjects form {
  border: 0px;
  padding: 0px;
  margin: 0px;
}
table#topics input, table#subjects input { padding: 0px }

form#topicsearch {
 float: left;
 border: 0px;
 padding: 0px;
 margin: 0px;
}

form#advsearch {
 clear: both;
 margin: 0px;
 padding: 0px;
}

form#advsearch span.checkbox {

 display: block;
 float: left;
 width: 200px;
 margin-left: 10px;
 white-space: nowrap;
}


div.tab table { width: 640px; border-width: none; }
div.hidden { display: none }
td.opt { background-color: #eef }

fieldset#daysofbusiness li { display: inline }
fieldset#clientgroup li { display: inline; white-space: nowrap; margin-right: 20px }

fieldset#pos_logoutconfirm {float:left; margin: 30px -30px 100px -90px; }

#logout {
 float: right;
 margin: 45px 10px 0px 0px;
 color: #333333;
}
#logout a { color: #333333 }

.login {
text-align: center;
float:left;
padding: 5px 30px 20px 35px;
}

.login_legend {
 padding: 5px 3px 3px 3px;
 color: #999;
 font-size: 1.2em;
 font-weight: bold;
}

#wrapper_login {
 float:right;
 padding: 0 5px 0 40px;
 width:220px;
 color: #333;
 line-height: normal;
}

#wrapper_login p {
 margin: 3px 0;
}

#wrapper_login_content {
 padding-top: 0;
 color: #333;
 line-height: normal;
}

#wrapper_logout {
 float:left;
 width:220px;
 height:130px;
 color: #333;
 line-height: normal;
}

.logout {
 text-align: center;
 float:left;
 padding: 5px 30px 20px 35px;
}

.logout_legend {
 padding: 5px 3px 10px 3px;
 color: #999;
 font-size: 1.2em;
 font-weight: bold;
}

legend a {
 font: normal 10px Courier, monospace;
 text-decoration: none;
 padding: 0px 3px 0px 3px;
 margin: 0px 3px 0px 0px;
 border-top: 1px solid #aaa;
 border-left: 1px solid #aaa;
 border-right: 1px solid #000;
 border-bottom: 1px solid #000;
}

legend a:active {
 border-top: 1px solid #000;
 border-left: 1px solid #000;
 border-right: 1px solid #aaa;
 border-bottom: 1px solid #aaa;
}

/*BREADCRUMBS*/
#container_breadcrumbs {
 float: left;
 width:760px;
 padding-top: .55em;
 padding-bottom: .55em;
}

#breadcrumbs {
 font-weight: bold;
 margin-left: 10px;
 color: #333;
 display: inline;
 float: left;
}

#favourites {
 float: right;
 font-weight: bold;
 margin-right: 10px;
 color: #333;
 display: inline;
}

#favourites a.active,
#breadcrumbs a.active {
 color: #4E79A5;
 display: inline;
 text-decoration: none;
}

#favourites a.inactive, 
#breadcrumbs a.inactive {
 color: #004569;
 display: inline;
 text-decoration: none;
}


#logout_resize {
 text-align: center;
 margin: 35px 10px 0px 0px;
 color: #4E79A5;
 font-size: 90%;
 float: right;
 padding: 3px 2px;
}

#logout_resize a { color: #333333; text-decoration: none }
#logout_resize a.small { font-weight: 100; font-size: 90% }
#logout_resize a.med   { font-weight: 300; font-size: 110% }
#logout_resize a.large { font-weight: 500; font-size: 130% }

div#date { position: relative; top: -10px; float: right; }

ul.menu { display: block; padding: 0px; margin-top: 10px; }
ul.menu li { display: inline; padding: 0px; margin: 0px; }
ul.menu li input {
 margin: 0px;
 padding: 0px;
 border-width: 1px;
 font-size: 90%;
}

#home_logo {
 width: 262px;
 height: 100px;
 padding: 0;
 margin-bottom: -1.5em;
 background: url(../images/logo.gif) no-repeat 0 0;
}
#home_logo h1, #home_logo h2 { font-size: 9pt; margin: 0; padding: 0 }
#home_logo span { display: none }

img.logo_home  { padding: 3px 0 0 0; margin-bottom: -1.5em }

#header {
 float:left;
 background: url("../images/tab_background.gif") repeat-x bottom;
 margin-top: 2%;
 width: 760px;
}
#home_header {
 float: none;
 background: url("../images/tab_background.gif") repeat-x bottom;
 margin-top: 2em;
 width: 760px;
}

#header ul, #home_header ul  {
 float: left;
 margin: 0; padding: 0;
}

#home_header li  {
 background: url(../images/tab_right.gif) no-repeat right top;
 list-style-type: none;
 float: left;
 margin: 0 0 5px 0;
 padding:0px;
 width: 126px;
}

#home_header li.thicker {
 width: 127px
}


#header li  {
 background: url(../images/tab_right.gif) no-repeat right top;
 list-style-type: none;
 float: right;
 margin: 0px;
 padding:0px;
}

#home_header a {
 font-size: 95%;
 font-weight: bold;
 line-height: 1.1em;
 font-family: Verdana, Helvetica, sans-serif;
 text-decoration: none;
 background: url(../images/tab_left.gif) no-repeat left top;
 text-align: center;
 padding: 5px 0 4px 0;
 display: block
}
#header a {
 color: #333333;
 font-size: 95%;
 line-height: 1.1em;
 font-family: Verdana, Helvetica, sans-serif;
 text-decoration: none;
 background: url(../images/tab_left.gif) no-repeat left top;
 text-align: center;
 padding: 8px 32px 4px 34px;
 display: block
}


#header .current {
 background-image:url("../images/tabon_right.gif");
}

#header li.off { margin-bottom: 5px }

#header li.current a {
 color: white;
 text-align: center;
 background-image:url("../images/tabon_left.gif");
 padding-bottom:9px;
}

#bluebox_wrapper {
 float:left;
 width:760px;
 height:178px;
 background:#136FA0;
 line-height:normal;
}

#bluebox_divider {
 margin-top: -1px;
 float:left;
 width:760px;
 height:3px;
 background:#136FA0;
}
#bluebox {
 margin-top: -1px;
 /*float:left; */
 width:760px;
 height:20px;
 background:#136FA0;
}

#container {
    float:left;
   width: 740px;
}

#browse_container {
    float:left;
   width: 760px;
}


/* IMAGE POSITIONING */
img.logo  { padding: 3px 0 0 0; margin-bottom: -2.75em }
img.icon_group   { float: right; position: relative; top: 1em; }
img.top {vertical-align:text-top}
img.bottom {vertical-align:text-bottom}
img.middle {vertical-align:middle}
img.icon { border: 0; position: relative; top: 4px }

div#frontpage_search1 { width: 100%; height: 40px; }
div#frontpage_search1 label { vertical-align: middle; right: 1em; }
div#frontpage_search1 input#keywords_os { position: relative; left: auto; margin-left: 1em }
div#frontpage_search1 input#s1img { position: relative; left: auto; top: 1.2em; margin-left: 1em }

div#frontpage_search2 { width: 100%; height: 25px; }
div#frontpage_search2 select { left: auto; }
div#frontpage_search2 input { position: relative; left: auto; top: 0.6em; }

#button_search { position: relative; top: .45em;}


#footer {
  background: url(../images/footer.gif) no-repeat;
  border-top: 4px solid #C6CADC;
  text-align: center;
  float: left;
  padding: 6px 0px;
  width: 760px
}

#footer_home {
 margin-top: -1em;
 border-top: 2px solid #c6cadc;
 text-align: right;
}
#footer_home .container { border-top: 3px solid #136fa0 }
#footer_home ul {
 float: right;
 margin: 0;
 padding: 5px 0;
}
#footer_home li { float: left }
#footer_home a { padding: 10px 0 3px 40px }


#footer ul {
  margin-left: 5px;
  padding-left: 15px;
  display: inline
}

#footer ul li {
  color: white;
  list-style-type: none;
  margin-left: 0px;
  padding: 0px 3px;
  display: inline
}

#footer a {
  color: white;
  font-size: 95%;
  text-decoration: none
}

#subfooter {
  text-align: center;
  float: left;
  padding: 6px 0px;
  width: 760px
}

#subfooter ul {
  margin-left: 5px;
  padding-left: 15px;
  display: inline
}

#subfooter ul li {
  color: #000;
  margin-left: 0px;
  padding: 0px 3px;
  display: inline
}

#subfooter a {
  color: #000;
  text-decoration: none
}


table.layout, table.layout tr, table.layout th, table.layout td {
 border: 0px;
 margin: 0px;
}

div#clientgroup_div li { display: block; }

#pos_search1 {
 text-align: center;
 padding: 5px 0px 5px 0px;
 font-weight: bold;
 line-height: 2em;
}


/*TOP LEVEL BLUEBOX SEARCH */
form#orgsearch fieldset {
border: 1px solid #c1c1c1;
padding: 0px 15px 15px 15px;
margin: 15px;
color: #ffffff;
}

form#orgsearch legend {
color: white;
font-size: 1.2em;
font-weight: bold;
padding-bottom: .35em;
}

div#wrapper_contact { width: 300px; float: left }
form#enquiry_form { float: right }
form#enquiry_form label {
 display: block;
 float: left;
 width: 150px;
}



/* OPTION CHECKBOX */


div.searchoptions {
 padding: 20px;
 border: 0px;
 background-color: #ffffff;
 vertical-align: -10%;
 font: 1em Tahoma, Verdana, Arial, sans-serif;
 margin-top: 10px;
 color: #494949;
 line-height: 14px;
 width: 720px;
}

div.searchoptions fieldset {
 border: 1px solid #c1c1c1;
 padding: 0px 6px 10px 6px;
 margin: 0px 0px 10px 0px;
}
div.searchoptions fieldset legend { margin: -1.1em 0px 10px 0px }

fieldset.searchoptions_even {
 background: #f1f3f5;
}
fieldset.searchoptions_odd {
 background: #ffffff;
}
div.searchoptions fieldset legend { color:#5A86B3; font-weight: bold; padding: 3px; }
div.searchoptions fieldset fieldset legend { color:#666666; font-weight: bold; padding: 3px; }



/* FORMS */

input.textfield {
 height: 17px;
 margin: 2px;
 border-color: #C1C1C1;
 border-width: 1px 1px 1px 1px;
 border-style: solid;
 background-color: #EEE;
 color: #333;
 padding: 0px 0px 0px 3px;
}

.dropdown {
 background-color:#EEE;
 height: 19px;
 font-size: .85em;
 padding: 2px;
 margin-top: 15px;
 border-width: 1px 1px 1px 1px;
 border-color: #c1c1c1;
 border-style: solid;
 color: #333;
}

input.topsearch {
 border: 1px solid #EEE;
 margin-left: 3em;
 background: #EEE;
 padding: 2px;
}

/* TITLES */

.largetitle {
 color: #00527d;
 font-weight: bold;
 font-size: 130%;
 margin-top: 11px;
}
.smalltitle {
 font: 95% Verdana, Tahoma, Arial, sans-serif;
 color: #ffffff;
}

#title_container {
 float: left;
 width:750px;
 font-weight: bold;
 color: #666;
 line-height: normal;
 border-bottom: 1px dotted #999999;
 padding-bottom: 4px;
 padding-top: 2px;
}

.content_room102 {
color: #555;
 }

.content_emphasis {
color: #136fa0;
font-weight: bold;
 }


/*HELP SPECIFIC STYLES*/
#help_wrapper {
 float:left;
 width:600px;
 margin-left: 35px;
 line-height:normal;
}

.help_largetitle {
 color: #136FA0;
 font-weight: bold;
 font-size: 120%;
 margin-top: 11px;
}

.help_subtitle {
 color: #666;
 font-weight: bold;
 font-size: 155%;
}

.help_small { font-size: 9px }
.help_med { font-size: 12px }
.help_large { font-size: 18px }
ul.help_sublist { font-weight: bold }


div#admin_panel { clear: both; margin: 4px 0 2px 0 }
div#admin_panel h3 {
 width: 100%;
 border-bottom: 1px solid #ccc;
 color: #00527D;
 margin: 2px 0 0 0;
 font-size: 1em
}
div#admin_panel ul { display: block; padding: 2px; margin: 1px }
div#admin_panel ul li {
 display: block;
 padding: 1px;
 float: left;
}
div#admin_panel ul li a {
 display: block;
 width: 160px;
 height: 15px;
 padding: 0px 10px 0px 10px;
 border: 1px solid #fff;
}
div#admin_panel ul li a:hover {
 color: #fff;
 border: 1px solid #7af;
 background-color: #5A86B3
}

/*---- EDITOR STYLES ----*/
form#editor { padding: 0px; margin: 10px 0 }
form#editor ul.editormenu {
 display: inline;
 clear: both;
 float: none;
}
form#editor ul.editormenu li
{
 display: block;
 float: left;
 margin: 0;
 padding: 0
}
form#editor ul.editormenu li input
{
 padding: 2px;
 overflow: visible
}
form#editor input.active {
	background-color: #ddd;
	border: 2px solid #ddd;
	color: #000;
}

form#editor fieldset {
 clear: both
}
form#editor fieldset fieldset.inner,
form#editor fieldset fieldset fieldset {
 display: inline;
 text-align: left;
 padding: 10px auto 10px auto
}

form#editor fieldset fieldset.fixed {
 display: block;
 width: 700px;
}
form#editor fieldset fieldset.left {
 display: block;
 margin-right: 20px;
 float: left;
 clear: none;
}

form#editor fieldset p,
form#editor fieldset label {
 display: block;
 float: left;
 margin: 1px;
}

form#editor fieldset p.label,
form#editor fieldset label.spaced {
 text-align: right;
 margin: 1px 5px;
 padding-right: 5px;
 width: 220px;
}
form#editor fieldset label.spaced2 {
 text-align: right;
 margin: 1px 5px;
 padding-right: 5px;
 width: 620px;
}
form#editor fieldset label.right {
 margin: 1px 5px;
 padding-left: 5px;
 width: 120px;
}

form#editor fieldset p.label2 {
 text-align: right;
 margin: 1px 5px;
 padding-right: 5px;
 width: 350px;
}

form#editor fieldset input { display: block; float: left; }
form#editor fieldset br { clear: both }
form#editor fieldset textarea {
 width: 300px;
 height: 100px;
}

form#editor span.checkbox {
 display: block;
 float: left;
 width: 320px;
 margin-left: 10px;
 white-space: nowrap;
 overflow: visible;
}

form#editor span.checkboxBig {
 display: block;
 float: left;
 clear: left;
 width: 640px;
 margin-left: 10px;
 margin-bottom: 5px;
}

form#editor span.checkboxCentred {
 display: inline;
 float: left;
 clear: left;
 width: auto;
 margin-left: 220px;
 padding-left: 20px;
 margin-bottom: 5px;
}

form#editor textarea.fixed {
 font-family: Courier, monospace;
 width: auto;
 height: 200px
}

input.blueButton {
 color: #fff;
 background-color: #136FA0
}

span.offensive {
 border: 2px dashed #f00;
 background-color: #ff0;
 color: #f00;
 padding: 0px 3px 0px 3px;
 margin: 2px;
}

div.anchor {
 float: right;
 padding: 0;
 margin: -0.5em 0;
}