/*elements*/
body {margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #333333; background: #FFFFFF; line-height: 1.2em;}
h1 {color: #FFFFFF; font-size: 1.1em; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0em; padding: 3em 0em 1em 0.5em;}
.general h1 {font-size: 1.2em; padding: 4em 0em 1em 0.5em;}
h2 {color: #FFFFFF; font-size: 1.4em; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 0.8em 1em; margin: 0em; width: 18em; background-image: url(../images/headerCorner.gif); background-position: top right; background-repeat: no-repeat;}
.general h2 {background-color: #9DBAD2;}
.provider h2 {background-color: #639CCE;}
.project h2 {background-color: #6666CC;}
.siteMap h2 {background-color: #9DBAD2;}
.accessibility h2 {background-color: #9DBAD2;}
.task h2 {background-color: #99CCCC;}
.consultant h2 {background-color: #CCCC66;}
.problem h2 {background-color: #64B1FF;}
.organisation h2 {background-color: #81C081;}
.report h2 {background-color: #CC6666;}
.document h2 {background-color: #CC9999;}
h3 {font-size: 1.3em; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0.8em 0em 1em 0em;}
h4 {font-size: 1.1em; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0.8em 0em 0.2em 0em;}
h5 {font-size: 1em; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0.8em 0em 0.2em 0em;}
p, ul, ol {margin-top: 0.2em; margin-bottom: 0.8em;}
li {margin-top: 0.2em; margin-bottom: 0.2em;}
a, a:visited {}
a:hover, a:visited:hover {}
img {border: none;}
table {font-size: 1em;}
td, th {vertical-align: top; padding: 0em;}
input, select, textarea {font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif;}

/*general*/
.hidden {position: absolute!important; left: -1000px!important; width: 1000px!important;}
.boxedText {width: 13em; float: left; clear: left; margin: 0em 1em 1em 0em; padding: 0em 0.5em 0.1em 0.5em; background: #9DBAD2; border-width: 0.5em 0em 0em 0em; border-style: solid; border-color: #436F92;}
.menuContainer .boxedText {width: 10em; margin: 1em 3em; float: none;}
h4.biggerFont {font-size: 1.4em;}
.bigRedButton, .bigRedButton:visited {display: block; margin: 0.5em 0em; padding: 0.2em; color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #CC0000; background-color: #CC6666; text-decoration: none; text-align: center; font-style: italic; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.3em;}
.bigRedButton:hover, .bigRedButton:visited:hover {text-decoration: underline;}
.loggedInAs {color: #000099;}
.alignRight {display: block; text-align: right;}
.up {margin-top: -1.4em; padding: 0.2em 0em;}
.upMore {margin: -2em 0em 0.2em 0em;}
.projectsSummary {width: 100%;}
.clear {clear: both;}
.notes {font-weight: normal; color: #666666; font-family: Arial, Verdana, Helvetica, sans-serif;}
.important {text-transform: uppercase;}
.fullWidthField {width: 95%;}
.menuMessage {margin: 1em;}
.inlineDiv {display: inline;}/*html validator requires that there is a block-level element inside a noscript tag - use this style on a div immediately inside the noscript to get round this */
.rating {text-align: right; clear: right;}
.searchResultPopupInfo {text-align: left;}
.statusIcons {float: right;}
.errorHeader {color: #FF0000; font-size: 1.6em;}

/*popups*/
.popup {width: 40em; border-width: 2px; border-style: outset; padding: 0.5em; position: absolute; left: 23.5em; margin-top: -26em;}
.provider .popup {background: #D6EFF7; border-color: #6699CC;}
.project .popup {background: #E7E7F7; border-color: #6666CC;}
.consultant .popup {background: #F2F2D9; border-color: #CCCC66;}
.report .popup {background: #F1D8D8; border-color: #CC6666;}
.task .popup {background: #E0F4F5; border-color: #99CCCC;}
.popup .inputList {height: 25em; overflow: auto;}
.popup .oneCol label {width: 91%;}
.popup .twoCol label {width: 42%;}
.popup .threeCol label {width: 27%;}
.search .inline .popup legend, .form .inline .popup legend {margin: 0em 0em 0.5em 0em;}

/*graphs and tables*/
.graph {text-align: center;}
.dataTable {padding: 0.5em 0em;}
.dataTable table {background: #FFFFFF; border-width: 2px 1px 1px 2px; border-color: #CCCCCC; border-style: solid;}
.dataTable caption {text-align: left; font-weight: bold; padding: 0.3em 0.5em; background: #FFFFFF; border-width: 2px 2px 0px 2px; border-color: #CCCCCC; border-style: solid;}
.dataTable th {padding: 0.3em 0.5em; text-align: left; vertical-align: top; background: #EEEEEE; border-width: 0px 1px 1px 0px; border-color: #CCCCCC; border-style: solid;}
.dataTable thead th {text-align: center; vertical-align: bottom; border-width: 0px 1px 1px 0px; border-color: #CCCCCC; border-style: solid;}
.dataTable td {padding: 0.3em 0.5em; text-align: center; vertical-align: top; border-width: 0px 1px 1px 0px; border-color: #CCCCCC; border-style: solid;}

/*buttons*/
.buttons {float: right; padding: 0.5em 0em;}
.buttons input, .buttons a {width: 10em; color: #FFFFFF; font-size: 1.1em; font-family: Arial, Verdana, Helvetica, sans-serif; border-width: 1px; border-style: solid; border-color: #436F92; background-color: #739DBF; text-align: left; padding-top: 0em; padding-right: 0.3em; padding-bottom: 0em; padding-left: 0.3em; cursor: pointer;}
.buttons a {padding-top: 0.2em; padding-bottom: 0.2em; float: left; margin: 0em 0.3em; text-decoration: none;}
.buttons .highlight {border-color: #CC0000; background-color: #CC6666;}
.left {float: none;}
.buttons .back {background-image: url(../images/buttonBack.gif); background-position: left center; background-repeat: no-repeat; padding-left: 1em;}
.buttons .forward {background-image: url(../images/buttonForward.gif); background-position: right center; background-repeat: no-repeat; padding-right: 1em;}

/*buttons  online application*/

.onlineApplicationButtons {float: right; padding: 0.5em 0em;}
.onlineApplicationButtons input, .buttons a {width: 8.6em; color: #FFFFFF; font-size: 1.1em; font-family: Arial, Verdana, Helvetica, sans-serif; border-width: 1px; border-style: solid; border-color: #436F92; background-color: #739DBF; text-align: left; padding-top: 0em; padding-right: 0.3em; padding-bottom: 0em; padding-left: 0.3em; cursor: pointer;}
.onlineApplicationButtons a {padding-top: 0.2em; padding-bottom: 0.2em; float: left; margin: 0em 0.3em; text-decoration: none;}
.onlineApplicationButtons .highlight {border-color: #CC0000; background-color: #CC6666;}
.left {float: none;}
.onlineApplicationButtons .back {background-image: url(../images/buttonBack.gif); background-position: left center; background-repeat: no-repeat; padding-left: 1em;}
.onlineApplicationButtons .forward {background-image: url(../images/buttonForward.gif); background-position: right center; background-repeat: no-repeat; padding-right: 1em;}


/*submit buttons*/
.submitButtons {text-align: right; padding: 0.3em;}
.submitButtons h4, .submitButtons p {text-align: left; color: #FFFFFF; float: left;}
.provider .submitButtons {background: #6699CC;}
.project .submitButtons {background: #6666CC;}
.consultant .submitButtons {background: #CCCC66;}
.submitButtons input {width: 5em; color: #FFFFFF; font-size: 1.1em; font-family: Arial, Verdana, Helvetica, sans-serif; border-width: 1px; border-style: solid; border-color: #436F92; background-color: #739DBF; text-align: center; padding: 0em 0.3em; cursor: pointer;}

/*links*/
.links {text-align: right; padding: 0.3em 0em;}
.links input, input.link {text-align: left; padding: 0em; background-color: transparent; background-position: left; background-repeat: no-repeat; border: none; color: #0000FF; text-decoration: underline; cursor: pointer; width: auto !important; overflow: visible !important; }
.links .date, .links .text {background-color: #FFFFFF; border: inset; color: #333333; text-decoration: none; cursor: auto;}
.links img {vertical-align: middle;}
.links a, a.link {background-position: left; background-repeat: no-repeat;}
strong .links input, strong .link {font-weight: bold;}
h3 .link, h4 .link, h5 .link {font-weight: bold; color: #333333; font-family: Arial, Verdana, Helvetica, sans-serif;}
.containerHeader .link, .containerSubHeader .link {color: #FFFFFF;}
h3.containerHeader .link, h3.containerSubHeader .link {width: 4em;}
h4.containerHeader .link, h4.containerSubHeader .link {width: 5em;}
input.view, a.view {background-image: url(../images/view.gif); padding: 0em 0em 0em 1.5em;}
input.spelling, a.spelling {background-image: url(../images/spelling.gif); padding: 0em 0em 0em 2em; width: 21.5em; display: none;}
input.feedback, a.feedback {background-image: url(../images/feedback.gif); padding: 0em 0em 0em 1.5em;}
input.download, a.download {background-image: url(../images/download.gif); padding: 0em 0em 0em 1.5em;}
input.email, a.email {background-image: url(../images/email.gif); padding: 0em 0em 0em 1.5em;}
input.open, a.open {background-image: url(../images/open.gif); padding: 0em 0em 0em 1.5em;}
input.delete, a.delete {background-image: url(../images/delete.gif); padding: 0em 0em 0em 1.5em;}
input.deleteSecondWidth, a.deleteSecondWidth {background-image: url(../images/delete.gif); padding: 0em 0em 0em 1.5em;}
input.file, a.file {background-image: url(../images/fileIcon.gif); padding: 0.2em 0em 0em 1.5em; background-repeat: no-repeat;}
input.PDF, a.PDF {background-image: url(../images/fileIconPDF.gif); padding: 0.2em 0em 0em 1.5em;}
input.HTML, a.HTML {background-image: url(../images/fileIconHTML.gif); padding: 0.2em 0em 0em 1.5em;}
input.CSV, a.CSV {background-image: url(../images/fileIconCSV.gif); padding: 0.2em 0em 0em 1.5em;}

/*structure*/
.structure {width: 100%;}
.logo {width: 18.5em; background: url(../images/logoCorner.gif) right top no-repeat #FFFFFF; padding: 3em 0em 0em 0em; text-align: center;}
.headers {background: #40114C;}
.menuContainer {width: 18.5em;}
.contentContainer {}
.content {padding: 0.5em; width: 50em;}
.trainingWatermark {background: url(../images/trainingWatermark.gif) left center no-repeat;}


/*report a problem/suggestion links*/
.problemLinks {color: #FFFFFF; position: absolute; top: 0px; right: 0px; font-weight: bold; padding: 0.5em;}
.problemLinks input {border: 0px none; text-decoration: underline; background: transparent; color: #FFFFFF; padding: 0px; cursor: pointer;}
#ProblemSuggestionLinks1_btnProblem {width: 4.5em;}
#ProblemSuggestionLinks1_btnSuggestion {width: 5.5em;}

/*login*/
.login {width: 12em; padding: 0em 3em;}
.login label {display: block; margin: 1em 0em 0.1em 0em;}
.login .text {width: 10.5em; margin: 0.1em 0em;}

.forgottenLogin {}
.forgottenLogin label {display: block; margin: 1em 0em 0.1em 0em;}
.forgottenLogin .text {width: 18em; margin: 0.1em 0em;}

/*menu items*/
.menu {margin: 0em 0.6em 2em 0.6em; border-bottom: 1px dotted #666666;}
.menuItem {border-top: 1px dotted #666666;}
.menuItem input, .menuItem span {text-align: left; background-position: left center; background-repeat: no-repeat;}
.menuItem input {background-color: transparent; border: none; padding: 0.1em 0em 0.1em 1.5em; cursor: pointer;}
.menuItem span {padding: 0.2em 0em 0.2em 1.5em; display: block; color: #000000;}
.menu .back input {background-image: url(../images/menuBack.gif);}
.menu .home input, .menu .home span {background-image: url(../images/menuHome.gif);}
.menu .logout input {background-image: url(../images/menuLogout.gif);}
.menu .siteMap input, .menu .siteMap span {background-image: url(../images/menuSiteMap.gif);}
.menu .accessibility input, .menu .accessibility span {background-image: url(../images/menuAccessibility.gif);}
.menu .screenReader {position: absolute!important; left: -1000px!important; width: 1000px!important;}
.menu .contrast input {background-image: url(../images/menuContrast.gif);}
.menu .fontSize input {background-image: url(../images/menuFontSize.gif);}
.menu .provider input, .menu .provider span {background-image: url(../images/menuProvider.gif);}
.menu .project input, .menu .project span {background-image: url(../images/menuProject.gif);}
.menu .organisation input, .menu .organisation span {background-image: url(../images/menuOrganisation.gif);}
.menu .task input, .menu .task span {background-image: url(../images/menuTask.gif);}
.menu .report input, .menu .report span {background-image: url(../images/menuReport.gif);}
.menu .document input, .menu .document span {background-image: url(../images/menuDocument.gif);}
.menu .datalist input, .menu .datalist span {background-image: url(../images/menuDatalist.gif);}
.menu .dictionary input, .menu .dictionary span {background-image: url(../images/menuDictionary.gif);}
.menu .problem input, .menu .problem span {background-image: url(../images/menuProblem.gif);}
.menu .question input, .menu .question span {background-image: url(../images/menuQuestion.gif);}
.menu .selected input {font-weight: bold;}
.menu .selected .menu input {font-weight: normal;}
.menu .selected .menu .selected input {font-weight: bold;}
.menu .selected .menu .selected .menu input {font-weight: normal;}
.menu .selected .menu .selected .menu .selected input {font-weight: bold;}
/*sub menu items*/
.menu .menu {margin: 0em; border-bottom: none; border-top: 1px dotted #666666;}
.menuItem .menuItem {border-top: none;}
.menuItem .menuItem input, .menuItem .menuItem span {background-image: none; border-left-width: 0.4em; border-left-style: solid;}
.menu .provider .menuItem input, .menu .provider .menuItem span {border-left-color: #6699CC;}
.menuItem .menuItem input {padding: 0.2em 0em 0.2em 1em;}
.menuItem .menuItem span {padding: 0.3em 0em 0.4em 1.1em;}
/*sub sub menu items*/
.menuItem .menuItem .menuItem input {padding: 0.2em 0em 0.2em 2em;}
.menuItem .menuItem .menuItem span {padding: 0.3em 0em 0.4em 2.05em;}
.menu .provider .menuItem .menu {background-color: #D6EFF7;}

/*main menu*/
.mainMenu {margin: 1em 0em;}
.mainMenu ul {margin: 0em; display: inline; list-style-type: none;}
.mainMenu li {width: 22.4em; float: left; display: inline; background-position: 0em 0.8em; background-repeat: no-repeat; padding: 0.5em 0em 0.5em 1.5em; border-width: 1px 0px 0px 0px; border-style: dotted; border-color: #666666; margin: 0em 1em 0em 0em;}
.mainMenu .left {float: left; clear: left;}
.oneCol li {width: auto; float: none; display: block;}
.mainMenu li.provider {background-image: url(../images/menuProvider.gif);}
.mainMenu li.project {background-image: url(../images/menuProject.gif);}
.mainMenu li.organisation {background-image: url(../images/menuOrganisation.gif);}
.mainMenu li.task {background-image: url(../images/menuTask.gif);}
.mainMenu li.report {background-image: url(../images/menuReport.gif);}
.mainMenu li.document {background-image: url(../images/menuDocument.gif);}
.mainMenu li.datalist {background-image: url(../images/menuDatalist.gif);}
.mainMenu li.dictionary {background-image: url(../images/menuDictionary.gif);}
.mainMenu li.problem {background-image: url(../images/menuProblem.gif);}
.mainMenu li.question {background-image: url(../images/menuQuestion.gif);}
.mainMenu li.logout {background-image: url(../images/menuLogout.gif);}
.mainMenu input {display: block; background: transparent; text-align: left; font-weight: bold; padding: 0em; border: none; cursor: pointer;}

/*validation*/
.validation {border-width: 2px; border-style: outset; padding: 0.5em 0.5em 0em 2.5em; margin: 1em 0em; background-position: 7px 7px; background-repeat: no-repeat;}
.error {border-color: #CC0000; background-color: #FFDDDD; background-image: url(../images/error.gif);}
.confirm {background-image: url(../images/confirm.gif);}
.warning {border-color: #CCCCCC; background-color: #EEEEEE; background-image: url(../images/warning.gif);}
.provider .confirm {border-color: #6699CC; background-color: #D6EFF7;}
.project .confirm {border-color: #6666CC; background-color: #E7E7F7;}
.general .confirm {border-color: #7FB740; background-color: #DEEDCD;}
.task .confirm {border-color: #99CCCC; background-color: #E0F4F5;}
.consultant .confirm {border-color: #CCCC66; background-color: #F2F2D9;}
.problem .confirm {border-color: #64B1FF; background-color: #DDEEFF;}
.organisation .confirm {border-color: #81C081; background-color: #DFEFDF;}
.document .confirm {border-color: #CC9999; background-color: #F5EBEA;}

/*boxes*/
.box {border-width: 1px; border-style: solid; border-color: #999999; background: #EEEEEE; padding: 0.4em 0.5em 0.2em 0.5em; margin: 0.5em 0em;}
.provider .box {border-color: #6699CC; background:  #D6EFF7;}
.project .box {border-color: #6666CC; background:  #E7E7F7;}
.organisation .box {border-color: #81C081; background:  #DFEFDF;}
.task .box {border-color: #99CCCC; background:  #E0F4F5;}
.report .box {border-color: #CC6666; background:  #F1D8D8;}
.consultant .box {border-color: #CCCC66; background: #F2F2D9;}
.problem .box {border-color: #64B1FF; background-color: #DDEEFF;}
.document .box {border-color: #CC9999; background-color: #F5EBEA;}
.box h3, .box h4, .box .mainMessage {font-size: 1.1em; margin: 0.2em 0em; display: block; font-family: Arial, Verdana, Helvetica, sans-serif;}
.task .box ul {list-style-image: url(../images/taskIcon.gif); margin-bottom: 0em;}
.task .box li {margin-left: -2em;}

/*containers - General*/
.containerHeader {color: #FFFFFF; padding: 0.1em 0.2em; margin: 0.1em 0em 0em 0em; line-height: 1.2em; clear: both;}
.providerID {display: block; text-align: right; margin-top: -1.2em;}
.containerSubHeader {color: #FFFFFF; padding: 0.1em 0.2em; margin: 0.1em 0em 0em 0em;}
.provider .containerHeader, .provider .containerSubHeader {background: #6699CC;}
.project .containerHeader, .project .containerSubHeader {background: #6666CC;}
.task .containerHeader, .task .containerSubHeader {background: #99CCCC;}
.consultant .containerHeader, .consultant .containerSubHeader {background: #CCCC66;}
.problem .containerHeader, .problem .containerSubHeader {background: #64B1FF;}
.organisation .containerHeader, .organisation .containerSubHeader {background: #81C081;}
.report .containerHeader, .report .containerSubHeader {background: #CC6666;}
.document .containerHeader, .document .containerSubHeader {background: #CC9999;}
.container {border-width: 0px 1px 1px 1px; border-style: solid; border-color: #DDDDDD; margin: 0em 0em 0.5em 0em;}
.tabs {border-width: 0em 0em 0.5em 0em; border-style: solid; padding: 0em 0em 0em 0.2em;}
.provider .tabs {border-color: #6699CC;}
.project .tabs {border-color: #6666CC;}
.task .tabs {border-color: #99CCCC;}
.problem .tabs {border-color: #64B1FF;}
.organisation .tabs {border-color: #81C081;}
.report .tabs {border-color: #CC6666;}
.tabs input {width: 8.0em; text-align: left; padding: 0em 0.2em 0em 0.4em; background-color: #999999; background-image: url(../images/tabBackground.gif); background-position: top right; background-repeat: no-repeat; border: none; color: #FFFFFF; font-weight: bold; font-size: 1.1em; font-family: Arial, Verdana, Helvetica, sans-serif; cursor: pointer;}
.tabs input.medium {width: 10.6em;}
.tabs input.large {width: 13.6em;}
.provider .tabs input.selected {background-color: #6699CC;}
.project .tabs input.selected {background-color: #6666CC;}
.consultant .tabs input.selected {background-color: #CCCC66;}
.task .tabs input.selected {background-color: #99CCCC;}
.problem .tabs input.selected {background-color: #64B1FF;}
.organisation .tabs input.selected {background-color: #81C081;}
.report .tabs input.selected {background-color: #CC6666;}
.collapsibleSectionHeader {font-size: 1em; border-width: 0em 0em 0.3em 0em; border-style: solid; background-image: url(../images/taskIcon.gif); background-position: 0.3em 0.3em; background-repeat: no-repeat; padding: 0.3em 0em 0.3em 1.5em;}
.collapsibleSectionHeader a, .collapsibleSectionHeader .link {color: #000000; text-decoration: none; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;}
.collapsibleSectionHeader a:hover, .collapsibleSectionHeader .link:hover {text-decoration: underline;}
.provider .collapsibleSectionHeader {background-color: #D6EFF7; border-color: #6699CC;}
.task .collapsibleSectionHeader {background-color: #E0F4F5; border-color: #99CCCC;}
.report .collapsibleSectionHeader {background-color: #F1D8D8; border-color: #CC6666;}
.sectionHeader {padding: 0.3em 0.5em; border-style: none;}
.form .sectionHeader, .record .sectionHeader {padding: 0.3em 0em; border-width: 1px 0px 0px 0px; border-style: solid;}
.provider .sectionHeader {background: #D6EFF7; border-color: #6699CC;}
.project .sectionHeader {background: #E7E7F7; border-color: #6666CC;}
.task .sectionHeader {background: #E0F4F5; border-color: #99CCCC;}
.consultant .sectionHeader {background: #F2F2D9; border-color: #CCCC66;}
.problem .sectionHeader {background: #DDEEFF; border-color: #64B1FF;}
.organisation .sectionHeader {background: #DFEFDF; border-color: #81C081;}
.report .sectionHeader {background: #F1D8D8; border-color: #CC6666;}

/*forms*/
.form {padding: 1em 0.5em;}
.provider .form {background: #D6EFF7;}
.project .form {background: #E7E7F7;}
.task .form {background: #E0F4F5;}
.consultant .form {background: #F2F2D9;}
.problem .form {background: #DDEEFF}
.organisation .form {background: #DFEFDF}
.report .form {background: #F1D8D8}
.document .form {background: #F5EBEA}
.form .field {border-width: 1px 0px 0px 0px; border-color: #AAAAAA; border-style: dotted; padding: 0.2em 0em 0.2em 0.5em; margin: 0.2em 0em; clear: both;}
.form .label {display: block; width: 46.5em; color: #666666; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 1.5em; padding: 0.2em 0em;}
.form .inline .label {width: 15em; float: left;}
.form .inline .label .notes {display: block; line-height: 1.2em;}
.form .hiddenLabel label {visibility: hidden;}
.form .hiddenLabel {border: none;}
.form .inline .value {margin-left: 15em;}
.form .inline .actionlabel {width: 40em; float: left;}
.form .inline .action {margin-left: 40em;}
.form .subLabel {display: block; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 0.5em 0em 0.2em 0em;}
.mandatory {color: #CC0000; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 2em;}
.form .changes, .changes {border-width: 3px; border-style: solid; border-color: #9CCECE; background: #E7F7F7;}
div.changes {padding: 0.5em 0.5em 0em 0.5em; margin: 0.5em 0em;}
/*fieldsets that are to appear as though they are fieldsets*/
.form fieldset {padding: 0em; margin: 0.5em 0em 0em 0em; border-width: 1px; border-style: solid; border-color: #AAAAAA;}
.form legend {color: #333333; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0em 0em 1em 0.5em;}
.form legend img {vertical-align: middle;}
.form fieldset p {margin-left: 0.5em; margin-right: 0.5em;}
/*fieldsets that are to appear as though they are fields - note there are also some IE styles for this*/
.form .field fieldset {border-style: none;}
.form .field legend {margin: 0em 0em 0em 0em; display: inline;}
/*form controls*/
.form .text, form .browse, .form select, .form textarea {width: 46.5em;}
.form .inline .text, .form .inline .browse, .form .inline select, .form .inline textarea {width: 25em;}
.postcode {width: 7em;}
.year {width: 3em;}
.money {width: 6em;}
.date {width: 6em;}
.title {width: 4em;}
.loginDetails {width: 10em;}
.number {width: 3em;}
.form select.small {width: auto;}
.form .inline .withMiniButton {width: 23em;}
.form .inline .miniButton {width: 1.8em; text-align: center;}
.list label {padding-right: 0.5em;}
/*checkbox lists*/
.inputList {display: block; padding: 0em 0.2em;}
.inputList input {float: left;}
.inputList label {float: left; line-height: 1.8em;}
.oneCol label {width: 95%;}
.twoCol label {width: 44%;}
.threeCol label {width: 29%;}
.sixCol label {width: 12.5%;}
.inputList br {clear: both;}

/*scrollable list*/
.scrollList {background: #FFFFFF; border: 1px solid #AAAAAA; height: 4em; overflow: auto;}
.scrollList input {background: transparent; border-style: none; text-align: left; width: 46.4em; padding: 0em 0.2em; cursor: pointer;}

/*records*/
.record {padding: 1em 0.5em;}
.provider .record {background: #D6EFF7;}
.project .record {background: #E7E7F7;}
.consultant .record {background: #F2F2D9;}
.task .record {background: #E0F4F5;}
.problem .record {background: #DDEEFF;}
.organisation .record {background: #DFEFDF;}
.report .record {background: #F1D8D8;}
.document .record {background: #F5EBEA;}
.record .section {border-width: 1px 0px 0px 0px; border-style: dotted; border-color: #666666; clear: left;}
.record .description {background: #FFFFFF; padding: 0.2em 0.5em; border-width: 0px 0px 0px 0px;}
.record .leftCol {width: 50%; float: left; clear: left;}
.record .rightCol {margin-left: 50%; clear: none;}
.record .section h4, .record .section h5 {font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0.5em 0em 0.2em 0em;}
.trainingDescription {font-style: italic;}
.trainingContact {display: block; margin: 0em 0em 0.5em 0em;}

/*searches*/
.search {padding: 0.5em;}
.search .field {border-width: 1px 0px 0px 0px; border-color: #AAAAAA; border-style: dotted; background: #EEEEEE; padding: 0.2em 0em 0.2em 0.5em; margin: 0.2em 0em; clear: both;}
.search .label {color: #666666; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 1.5em; padding: 0.2em 0em;}
.search .inline .label {width: 15em; float: left;}
.search .inline .label .notes {display: block; line-height: 1.2em;}
.search .hiddenLabel label {visibility: hidden;}
.search .hiddenLabel {border: none;}
.search .inline .value {margin-left: 15em;}
/*fieldsets that are to appear as though they are fieldsets*/
.search fieldset {padding: 0em; margin: 0.5em 0em 0em 0em; border-width: 1px; border-style: solid; border-color: #AAAAAA;}
.search legend {color: #333333; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0em 0em 0em 0.5em;}
.search fieldset p {margin-left: 0.5em; margin-right: 0.5em;}
/*fieldsets that are to appear as though they are fields - note there are also some extra IE styles for this*/
.search .field fieldset {border-style: none;}
.search .field legend {margin: 0em 0em 0em 0em; display: inline;}
/*form controls*/
.search .text, .search select, .search textarea {width: 5em;}
.search .inline .text, .search .inline select, .search .inline textarea {width: 25em;}
.search select.small {width: auto;}
/*search options (all words anywords etc)*/
.search .searchOptions {margin: 0em; border-style: none; clear: left;}
.search .searchOptions legend {display: none;}
.showPages {text-align: right; margin-bottom: 0.5em;}
/*mini search*/
.miniSearch {padding: 0.1em 0.5em 0em 0.5em;}
.miniSearch label {color: #666666; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 1.5em; padding: 0.2em 2em 0.2em 0em;}
.miniSearch .text, .miniSearch select {width: 25em;}

/*results*/
.results {padding: 0.5em}
.resultsSummary {padding: 0.3em 0em; text-align: center; margin: 0em 0em 0.5em 0em;}
.provider .resultsSummary {background: #D6EFF7;}
.project .resultsSummary {background: #E7E7F7;}
.task .resultsSummary {background: #E0F4F5;}
.consultant .resultsSummary {background: #F2F2D9;}
.problem .resultsSummary {background: #DDEEFF}
.organisation .resultsSummary {background: #DFEFDF}
.report .resultsSummary {background: #F1D8D8}
.resultsSummary .box {border-color: #999999; background: #EEEEEE; margin: 0.3em 0.3em 0em 0.3em; text-align: left;}
.paging {text-align: center; padding: 0.3em 0.5em;}
.provider .paging {background: #D6EFF7;}
.project .paging {background: #E7E7F7;}
.task .paging {background: #E0F4F5;}
.consultant .paging {background: #F2F2D9;}
.problem .paging {background: #DDEEFF;}
.organisation .paging {background: #DFEFDF;}
.report .paging {background: #F1D8D8;}
.document .paging {background: #F5EBEA;}
.paging .previous, .paging .previousDisabled  {float: left; text-align: left; width: 6em; padding-left: 9px; background-position: left; background-repeat: no-repeat;}
.paging .next, .paging .nextDisabled {float: right; text-align: right; width: 6em; padding-right: 9px; background-position: right; background-repeat: no-repeat;}
.paging .previous {background-image: url(../images/previous.gif);}
.paging .next {background-image: url(../images/next.gif);}
.paging .previousDisabled {background-image: url(../images/previous_disabled.gif);}
.paging .nextDisabled {background-image: url(../images/next_disabled.gif);}
.result {border-width: 1px 0px 0px 0px; border-style: dotted; border-color: #666666; padding: 0.5em 0em 0.3em 0em;}
.result h4 {margin: 0.3em 0em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}
.result h4 input {font-family: Verdana, Arial, Helvetica, sans-serif;}
.result h4 img {vertical-align: middle;}
.selectResult {border-width: 1px; border-style: solid; padding: 0.1em 0.2em; float: right; margin-top: -2em;}
.provider .selectResult {border-color: #6699CC; background: #D6EFF7;}
.project .selectResult {border-color: #6666CC; background: #E7E7F7;}
.task .selectResult {border-color: #99CCCC; background: #E0F4F5;}
.consultant .selectResult {border-color: #CCCC66; background: #F2F2D9;}
.result .description {font-size: 0.9em; color: #000000; background: #EEEEEE; padding: 0.3em; margin: 0.5em 0em;}
.alert {color: #FF0000;}
.result .userTel {margin: -1.8em 0em 0em 23em; padding: 0.2em 0em 0.3em 0em;}
ul.key {list-style-type: none; margin-left: 0.5em;}
.key li {margin: 0.5em 0em;}
.key img {vertical-align: middle;}
.info {border-width: 1px; border-style: solid; border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE; background-color: #DDDDDD; padding: 0.2em 0.5em; margin: 0.5em 0em;}
.result fieldset {border: 1px solid #CCCCCC; margin: 0.5em 0em; padding: 0em 0em 0.5em 0em;}
.result legend {color: #000000; font-weight: bold;}

/*report*/
.reportResults {padding: 0.5em;}
.reportResults table {table-layout: fixed;}
.typeOfWork1, .typeOfWork2 {width: 2em;}
.typeOfWork3 {width: 12em;}
.brokeredSeeded1 {width: 2em;}
.brokeredSeeded2 {width: 14em;}
.areaOfExpertise {width: 16em;}
.reportType {width: 43.5em;}
.bars {width: 27.5em;}
.downloads {width: 1.8em; text-align: right;}
.averageRating {width: 4em; text-align: right;}
.reportResults caption, .reportResults thead {display: none;}
.reportResults th {text-align: left; font-weight: normal; padding: 0.3em 0em;}
.reportResults th span {position: absolute;}
.reportResults th .all {position: absolute!important; left: -1000px!important;}
.reportResults th input {height: 1em; width: 1em; border: 1px outset #CCCCCC; background-image: url(../images/plus.gif); background-position: top left; background-repeat: no-repeat; background-color: #EEEEEE; vertical-align: middle; color: #EEEEEE; padding: 0px;}
.reportResults td {padding: 0.3em 0em;}
.reportResults td span {display: block; border: 1px solid #CCCCCC;}
.reportResults td span span {border: none; width: 0%; text-align: right; overflow: visible;}
.reportResults .level1 td span span {background: #E89F9F;}
.reportResults .level2 td span span {background: #E9C0C0;}
.reportResults .level3 td span span {background: #F1D8D8;}

/*Feedback List*/
.feedbackList {list-style-image: url(../images/feedback.gif); margin: 0em 0em 1em 1.5em; padding-left: 0.3em;}
.feedbackList input {width: 9em; position: absolute; left: 48em;}
.feedbackList input.delete {width: 10em; left: 58em;}

/*documents*/
.documents {width: 16em;}
.menuContainer .documents {margin: 1em;}
.content .documents {margin: 0em 0em 0em 32em; padding: 0em 0.5em; border-width: 1px 0px; border-style: dotted; border-color: #666666;}
.withDocuments {float: left; width: 30em;}
.documents h3 {font-size: 1.1em; margin: 0.8em 0em 0.2em 0em;}
.documents ul {list-style-image: url(../images/documentIcon.gif);}
.documents li {line-height: 1.5em;}

/*checklist*/
.checklist {border: 1px solid #999999; background: #FFFFEE; padding: 0em 1em 1em 0em;}
.checklist h3 {margin: 1em; font-size: 1.1em;}
.checklist li {list-style-image: url(../images/cross.gif); padding: 0em 0.5em; margin-top: 0.8em;}
.checklist li.complete {list-style-image: url(../images/tick.gif);}
.checklist .description {font-style: italic; display: block; padding: 0.2em 0em 0em 0em;}
.checklist .description input {font-style: italic;}

/*prof*/
.prof {background: url(../images/profBackground.gif) top right #FFFFFF; text-align: center; margin: 0.5em; width: 16em;}
.prof .bottom {background: url(../images/profBottom.gif) bottom right no-repeat transparent;}
.prof .left {background: url(../images/profLeft.gif) top left no-repeat transparent;}
.prof .corner {background: url(../images/prof.gif) bottom left no-repeat transparent; padding: 10px 10px 20px 55px;}
.prof h3 {margin: 0.2em 0em 1em 0em;}
.prof p {}
.prof a, .prof a:visited {color: #000000;}

/*help*/
.help {padding: 0.5em;}
.helpLink, .helpLink:visited {font-weight: bold; cursor: help; color: #000000; border-bottom: 1px dotted #000000; text-decoration: none;}
.tooltip {border-width: 1px; border-style: solid; border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE; background-color: #DDDDDD; padding: 0.2em 0.5em; margin: 0.5em 0em;}
.closeLink {text-decoration: none; display: block; cursor: default; background: url(../images/close.gif) left top no-repeat; padding: 0em 0em 0em 1.2em;}
.searchTip {float: right; width: 7em;}
.helpSection {float: right; width: 7em; padding: 0em 0em 0.5em 0em;}

/*prof help*/
.profHelp {text-align: right; margin: 0em;}
.profHelp a, .profHelp a:visited {cursor: help; position: absolute; left: 65em; margin-top: -35px;}

.errors {font-family: verdana; color: red;}

/* rssf search */
.justification {background-color: #FFFFFF; padding: 5px 15px; border: solid 1px #FF0000; margin-top: 5px; margin-bottom: 10px;}

/*Tooltip Styles*/

.helpPopup
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 280px;
	visibility: hidden;
	font-size: 11px;
	background-color: #EEEEEE;
	padding: 5px;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #333333;
	font-family: verdana;
	text-align: left;
}

.googleResultPopup
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 300px;
	visibility: hidden;
	font-size: 11px;
	background-color: #EEEEEE;
	padding: 5px;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #333333;
	font-family: verdana;
	text-align: left;
}

.helpPopupWide
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 550px;
	visibility: hidden;
	font-size: 11px;
	background-color: #EEEEEE;
	padding: 5px;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #333333;
	font-family: verdana;
	text-align: left;
}