/*
 DCITA Intranet - common style sheet 
 Created on: 15 June 2006
 Modified on: 4 June 2007
 Modified by: Joel Starkey
 Author: Joel Starkey | Belinda Priestley
 Filename: common.css
 */

/* Rules for simple selectors for HTML elements */
body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: small;color: #000;margin: 0;padding: 0;background-color: #036;text-align:center;background-position: left;background-repeat: repeat;}
p {text-align: left; }
strong, th, caption {font-weight: bold;}
em {font-style:italic; }
img, img a {border:none;}
hr {height:0; width: 100%; border: 0 none #fff; border-bottom: 1px solid #ccc; padding: 0; margin: 0; }
/* Hyperlink Styles */
a:link { color:#00c; text-decoration: underline; }
a:visited { color:#909; text-decoration: underline; }
a:hover, a:active {color:#c60; text-decoration: underline; }

/* Definition List Styles */
dt{float:left;width:300px;font-weight:bold; margin-bottom:0.3em;}
dd{margin-left:300px;width: 100px;overflow: visible}


/* Heading Styles */
h1,h2,h3,h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; padding: 0; margin: 0; }
h1 {font-size: 150%; color: #036; padding: 0 0 1.0em 0;}
h2 {font-size: 110%; color:#339 }
h3 {font-size: 105%;color: #660;}
h4 {font-size: 100%; color: #000; }
/* Table Styles */
table {width: 90%; border-spacing: 4px; border-collapse: separate;  }
caption {font-size: 90%; padding-bottom: 3px; }
td, tr {padding: 4px;}
/* List Styles */
ol li {margin-top: 5px; list-style-type: decimal; }
ol {padding-left: 10px; }
ul li {list-style-position: outside; list-style-type: disc; }
li {list-style-type: disc;}

/* Form Styles */
form {padding: 0; margin: 0;}
form ul, form ol {margin-left: 0; padding-left: 0; } /*Makes the search results flush with the margin*/
form ol li {padding-bottom:1.0em;}
form li {list-style-type: none;} /* Removes the default bullet points around the unordered lists in the forms */
fieldset { width: 95%; height: 100%; padding: 10px;  }
fieldset.no-border {padding: 0; margin: 0; border: none; font-size: 100%;padding: 0;margin: 0;}
legend {color: #000; font-weight: bold; padding: 10px; font-size: 100%; }
input,select,textarea {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 100%;padding: 0;margin: 0;}

/* Class Styles */
.right-align {float:right;padding:1.0em 0 0 0;margin:0;}
.nocss { display: none; }
.clear-both { clear: both; }
.form-button, .email-button, #email-button-container input {  background-color: #fff; font-size: 100%; border: 1px solid #7F9DB9; text-align:center; font-weight:bold;}
.form-button { height: 1.5em; }
.form-asterisk,.form-error {color:#f00;font-size:90%;}
.form-error ul {color:#fff;padding: 10px 10px 10px 15px;background-color: #c63; border: 2px solid #f00;}
.form-error li, .form-success li { list-style-type: disc; margin-left: 10px; }
.form-success ul {color:#fff;padding: 10px 10px 10px 15px;background-color: #090; border: 2px solid #030;}

.form-error-home ul, .form-error-home li, .form-success-home li, .form-success-home ul{ padding: 0; margin: 0; width: 100%;}

.form-error-home li, .form-success-home li { list-style-type: none; }
.form-success-home ul {color:#fff; background-color: #090; padding: 0.6em;margin: 0.3em; }
.form-error-home ul {color:#fff; background-color: #c00; padding: 0.6em; margin: 0.3em;}

.back-top {font-size: 80%; float: right; }
#accessibility-menu {display:none;}
#asset-list li { list-style-type:none;margin-left:0;padding:0 0 15px 0;}
#asset-list ul { list-style-type:none;margin-left: 0; }
#top-links { width: 530px; height: 1.5em; float: right; text-align: right; margin:-10px 0 20px 0; padding: 0 20px 0 0;  }
#top-links li { list-style-type: none; display: inline;  }
#top-links a:active, #top-links a:visited, #top-links a:link, #breadcrumbs a:link, #breadcrumbs a:active, #breadcrumbs a:visited{ color: #039; text-decoration: none;}
#top-links a:hover, #breadcrumbs a:hover { color: #039; text-decoration: underline;}
#subscribe-privacy { width: 130px;}
/* Containers */
#container { width: 760px; background-color: #fff; border-bottom: 1px solid #666; margin: 0 auto; text-align: left; }
#content-container {background-color:#fff; }
#content-inner { clear:both;}
#breadcrumbs {font-size: 75%; float: left; width: 400px; margin: 1em 0 0 0;}
#breadcrumbs ul, #breadcrumbs li { display: inline; padding: 0; margin: 0;  }
/* Search */
#search-print-container { float: right; height: 120px; text-align: right; width:355px; padding: 0 10px 0 0;}
#search { text-align:right; margin: 58px 0 0 0; padding: 0 10px 0 0; height: 20px; }
#search input { font-size: 100%; }
#search-results {background-color: #eee; padding: 15px; margin-bottom: 10px;}
#search-result-list li { list-style-type: none; }
#search-result-list ul { margin-left: 0; padding-left: 0; }
#search-form {text-align: right;font-style: normal;font-size: 85%;}
.search-text { color:#fff; font-weight: normal; }

/* Funnelback search styles */
.result, .result ul, .result li { margin: 0; padding: 0; padding-bottom: 1.0em;}
.result li { list-style-type: none;}
#content-inner h2 { margin: 1em 0; }
.result li img { margin-left: 0; margin-bottom: -3px; }
#search-pagination { text-align: center; }
.search-results {background-color: #eee; padding: 15px; margin: 0; width: 400px;}
.result h2 { margin: 1em 0 0 -30px; }
.panoptic-logo { padding-top: 2em;}
#search_form_section { padding-bottom: 0; margin-bottom: 0;}
#search_form_section .field{padding:0;}
#search_form_section .label{padding:0 5px 0 0;clear:left;float:left;width:120px;text-align:left; padding-bottom: 15px;}
#search_form_section .control{padding:0;float:left;width:200px; padding-bottom: 15px;}
optgroup { font-style: normal; }
.misspelt { color: #c00; }
.misspelt a { font-weight: bold; }
.misspelt a:active, .misspelt a:visited, .misspelt a:link {color: #00c;}
.misspelt a:hover{color: #c60;}

#print-page { font-size: 75%; height: 1.2em; text-align: right; background-position:left; background-repeat:no-repeat; width: 100px; float: right; padding: 0; margin: 0.8em 0 0.8em 0;}
#print-page a:active, #print-page a:link,  #print-page a:visited{ color: #000; text-decoration: none;}
#print-page a:hover {color:#00F; text-decoration: underline;}
/* Side menu first level */
#left-menu { font-size: 110%; width: 180px; padding: 10px; float:left; background-color:#fff; margin: 0;}
#left-menu ul {margin: 0; padding: 0 0 0 10px; }
#left-menu li {font-weight: bold; padding: 4px 0; margin: 0; color: #000; list-style-type: none; }
#left-menu ul li {border-top: 1px dashed #ccc;  }
#left-menu ul li a {color: #000; text-decoration: none;}
#left-menu ul li a:hover {color: #03C; text-decoration: underline;}
#left-menu ul li.no-border {border-top: none;}
/*Side menu second level */
#left-menu ul ul {color: #036; font-size: 80%; padding: 3px 3px 0 10px; margin: 0; }
#left-menu ul ul li {font-weight: normal; }
#left-menu ul ul li a {color: #039; text-decoration: none;}
#left-menu ul ul li a:hover { color:#03c; text-decoration: underline;}
#content-and-feature {background-color: #fff; float: right;width: 530px;padding: 0 20px 25px 10px;margin: 0 0 0 0; }
/* ONLY on home page design*/
#right-feature {text-align:left; width: 200px;padding: 10px; background-color: #f0f1ce;margin: 10px 0 10px 10px;}
/*Subscribe*/
#email-button-container input, .email-button { float: right; margin-top: 2px; height: 1.5em; font-size: 85%;  }
#email { margin-top: 4px; float: left;}
#email-input-field{ margin-top: 2px; float: right;}
#email-input-field input { width: 135px;}
#subcribe-privacy {width: 140px;float:left; }
#subcribe-privacy a:active, #subcribe-privacy a:visited, #subcribe-privacy a:link {  text-decoration: underline; color: #039;}
#subcribe-privacy a:hover {text-decoration: none; }
#right-subscribe {width: 200px; height: auto; padding: 10px;background-color: #f0f1ce; margin: 5px 0 0 10px; }
#right-subscribe p {margin: 0; padding: 0;}
#right-feature-subscribe-container {float: right; clear:both; padding: 0; margin: 0; }
.feature-image {float: right;}
.feature, #right-subscribe {font-size: 85%; color: #000;}
.feature {margin: 0;}
/* Footer */
#footer { background-color: #fff; float:right; color: #666; width: 740px; padding: 7px 0 7px 0; border-top: 1px solid #666; font-size: 85%; height: 18px; text-align:right; padding-right:20px;}
#footer a, #footer a:link, #footer a:active { color: #666; text-decoration: none; }
#footer a:hover { color: #000; text-decoration: underline; }
#document-info { float:left; margin: 0; padding-left:10px;}
#document-info li {display: inline;}
/* Header */
#colour-banner {width: 760px; height: 15px; background-color:#80807F; background-position:left top; background-repeat:no-repeat; padding: 0; margin: 0;}
#header-image {background-repeat: no-repeat; background-color:#369; width: 760px;background-position: right; height:120px; color: #fff; position: relative;}
#header-image-text {float: left; padding-left: 10px; width: 290px; }
#header-image-text h1 {color: #fff; font-size: 170%;}
#site-name-line-1 {text-transform: uppercase; margin:30px 0 10px 0; font-size: 85%; padding: 0; }