@media screen
{
html { margin: 0; font-size: 10px; font-family: Verdana, geneva, sans-serif; color: #000; }
body { margin: 0; background: none;	width:100%}

input, select { font-size:10px;}

input[type='submit'] {padding:0.25em 0.63em 0.25em 0.63em}

Label { color: #404040; font-weight: bold; }

#page { text-align:left; margin: 0; padding:0; border:0; background-color: #FFF; width:100%}
#popupPage { text-align:left; margin: 0; padding:0; border:0; background-color: #FFF;}
* html #page { }
#container { margin: 0; border: 0px solid #FA3; padding: 0; width:100%; }

.nofloat {float:none;}
.inlineblock {display:inline-block;}
.bold {font-weight: bold;}

.validatorIndicator { color: #ff0000; }

/* User Messages Area */
#MessageArea { padding:0 0 0 1.5em; }
#MessageArea .Success { color: #00CC00; }	
#MessageArea .Warning {	color: #CC9933; }
#MessageArea .Fatal {	color: #FF0000; }
#MessageArea .Validation {  color: #ff0000; }
#MessageArea .Error {  color: #ff0000; }
#MessageArea ul { list-style: none; margin:0; padding:1em 0 0 0; list-style-image: none; }
#MessageArea ul li span { display:block; padding-left:6px; }

/* Validation Summary Area */
div.validation { color: #ff0000; padding:0 0 0 1.5em; font-weight: bold;}
div.validation ul { font-weight: normal; }
div.validation .Error { color: #ff0000; }

#header { clear:both; display: block; float:none; margin: 0; padding: 0; width:100%;}
#header #identity { float:left;width:100%; background-image: url(../images/banner/white_bar.jpg); background-repeat:repeat-x;background-color:Transparent;}
#header #identity img.main {float:left;}
#header #identity img.analytics {float:right;}

#page #container div.menubar { float:left;width:100%;height:22px;background-image:url(../images/banner/menu_bar.jpg);background-repeat:repeat-x;background-color:rgb(64, 64, 64);}

#toolbar { clear:both; display:	block; background: transparent url(../images/toolbar/bg_low.gif) no-repeat top left; margin: 0 0 5px 0; border: 0px dashed #A4E; padding: 0; height: 2em; }
#toolbar div.toolbarContainer { background: #DDDAD5 url(../images/toolbar/tile_bg.gif) repeat-x bottom left; margin: 0 0 0 221px; border: 0px solid #E4A; padding: 0; height: 2em; }
#toolbar div.toolbarContainer ul.toolbarItems { text-align:right; display: inline-block; list-style: none; margin: 0 10px 0 0; font-size: .85em; border: 0px solid #000; padding: 0;direction:ltr;width:100% }
#toolbar div.toolbarContainer ul.toolbarItems li { float: right; margin:  0 0 0 3px; border: 0px solid #FA3; padding: 0 5px  1px 3px;display:inline }
#toolbar div.toolbarContainer ul.toolbarItems li a { height: 2.1em; line-height: 2.1em; float: none; width: 6em; display: block; background-color: transparent; font-weight: bold; text-align: right; padding:0 0 0 10px; }
#toolbar div.toolbarContainer ul.toolbarItems li a:hover { background-color: transparent; }
#toolbar div.toolbarContainer ul.toolbarItems li.help a { width: 4.5em; background: url(../images/toolbar/icon_help.gif) transparent center left no-repeat; }
#toolbar div.toolbarContainer ul.toolbarItems li.logoff a { width: 5.5em; background: url(../images/toolbar/icon_logout.gif) transparent center left no-repeat; }
#toolbar div.toolbarContainer ul.toolbarItems li.closewindow a { width: 5em; background: url(../images/toolbar/icon_closewindow.gif) transparent center left no-repeat; }
#toolbar div.toolbarContainer ul.toolbarItems li.print a { width: 4.5em; background: url(images/toolbar/icon_print.gif) transparent center left no-repeat; }
#toolbar div.toolbarContainer ul.toolbarItems li.sitemappage a { width: 6.5em; background: url(../images/toolbar/icon_sitemappage.gif) transparent center left no-repeat; }
#toolbar div.toolbarContainer ul.toolbarItems li.username { vertical-align:baseline; padding-top:2px;}
#toolbar div.toolbarContainer ul.toolbarItems li.dataentry { vertical-align:baseline; padding-top:2px;float:left}

#footer { position: relative; clear: both; display: block; margin: 0; z-index: 10; background-color: #fff; border: 0px solid #090; padding: 2px 0 0 0; width:100%;}
#footer div.footer-list { padding-left: 205px; border-top: 1px solid #ccc; margin: 0 15px 0 15px; }
#footer p { margin:0; padding:5px 10px; color: #FFF; }
#footer ul { list-style: none; padding: 6px 0 0 0; margin: 0 auto 0 auto; font-size: .85em; }
#footer li { display: inline; margin: 0 0.15em; padding: 0 0.15em; border-right: 1px solid #666; }
#footer li.last { border-right: 0; }
#footer li a { color: #666; font-weight: bold; }
#footer li a:visited { color: #666; }
#footer li a:hover { color: #666; }
* html #footer	{ margin: 0; } 

#fullScreenWidth { clear: both; display: block; margin: 0; border: 0px dashed #FA3; padding:0;width:100%;height:100%;overflow:visible }

#wrapper { background: none; margin: 0; border: 0px dotted #F0F; padding: 0; }
/* IE6 HACK: float and display set to support IE 6, not required by IE7 or FireFox */  /* -- schedule this for removal  - not required ? */
* html #wrapper { display: inline-block; float: left; }
#content { display: block; margin:0 0 0 10px; border: 0px dotted #F0F;  }
#content div.resources { display: block; margin: 0 10px 10px 0px; border:none; padding: 10px  10px 0 0px; min-height: 400px;}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* Main Content Area Styles */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

#content div.resources div.selector { padding:5px;background-color: #404040}
#content div.resources div.selector label {color:White;}

div.resources {padding-left:0px;width:100%;}

fieldset { border:dashed 1px silver; border-left:none;border-right:none;border-bottom:none}
legend {padding:5px;margin:5px;background-color:white;font-size:12px;font-weight:bold;	}
span.lastupdated {padding-left:5px;display: inline-block;font-size:10px;font-weight:normal;}

table.structure caption {display:none;visibility:hidden;}

div.resources div.fields {float:left;margin-left:5px; border-right:dashed 1px silver; padding-bottom:20px;display:inline ;margin-right:20px;padding-right:10px;}
div.resources div.last {border-right:none;}
div.resources div.right {float:right}
div.resources div.noborder {border:none;}
div.resources div.first {clear:left;}
div.resources div.column {float:left;}

div.resources div.noborder a img {border:none;padding:0;margin:0;}

div.resources div.fields div.item {padding:3px 0px 3px 0px;display:block;clear:left;}
div.resources div.fields div.item1 {padding:3px 0px 3px 0px;display:block;clear:left;} /*margin:0px 0px 12px 0px;*/
div.resources div.fields div.item div.label {width:150px;float:left;}/* was 180px */
div.resources div.fields div.item1 div.label {width:150px;float:left;}/* was 180px */

div.resources div.fields div.narrowlabels div.label { width:100px;}
div.resources div.fields div.widelabels div.label { width:275px;}
span.innerText {color: red;font-style: italic}
div.resources div.fields div.widelabels div.item div.value span span {width:200px;} /*was 300px*/

div.resources div.fields div.item div.value {float:left;padding-right:10px;}
div.resources div.fields div.item1 div.value {float:left;padding-right:10px;}

div.resources div.fields div.item div.value span {width:auto;display:inline-block;}
div.resources div.fields div.item1 div.value span {width:auto;display:inline-block;}
div.resources div.fields div.item div.value span span {width:auto;} /*was 300px*/
div.resources div.fields div.item1 div.value span span {width:auto;} /*was 300px*/
div.resources div.fields div.item div.value span.note {padding-left:5px;display:block;}
div.resources div.fields div.item1 div.value span.note {padding-left:5px;display:block;}
div.resources div.fields div.item div.value input.list {width:300px;}
div.resources div.fields div.item1 div.value input.list {width:300px;}

div.resources div.fields div.item div.value input.text {width:300px;}
div.resources div.fields div.item1 div.value input.text {width:300px;}
div.resources div.fields div.item div.value input.check  {width:10px;padding-left:0;margin-left:0;}
div.resources div.fields div.item1 div.value input.check  {width:10px;padding-left:0;margin-left:0;}
div.resources div.fields div.item div.value select {width:300px;}
div.resources div.fields div.item1 div.value select {width:175px;}
div.resources div.fields div.item div.value select.listBox {width:200px; height:100px;}
div.resources div.fields div.item1 div.value select.listBox {width:200px; height:100px;}
div.resources div.fields div.item div.value ul.list {list-style:none;padding:0;margin:0;}
div.resources div.fields div.item1 div.value ul.list {list-style:none;padding:0;margin:0;}
div.resources div.fields div.item div.value ul.list li {list-style:none;padding:0;margin:0;}
div.resources div.fields div.item1 div.value ul.list li {list-style:none;padding:0;margin:0;}

div.resources div.fields div.date div.value input.text {width:100px;}
div.resources div.fields div.date div.value span span {width:100px;}

div.resources div.fields div.fieldHeader {text-align:center;margin-bottom:10px;display:block;}
div.resources div.fields div.fieldHeader span {color:#404040;font-size:11px;}

div.resources div.fields div.item div.header span { font-size:11px; font-weight:bold}
div.resources div.fields div.item div.value span.header { font-size:11px; font-weight:bold}
div.resources div.fields div.item div.row {clear:left;}
div.resources div.fields div.item div.first {float:left;}

div.resources div.fields div.item div.report {float:left;vertical-align:top;margin-left:5px;margin-top:-2px;}
div.resources div.fields div.report a img {float:left; padding-left:10px;border:none;vertical-align:top;}

div.resources div.fields div.item div.value span label.other  {width:auto; padding-right:5px;}
div.resources div.fields div.item div.value span.other {padding-top:5px;}
div.resources div.fields div.item div.value span.other label  {width:auto; padding-right:5px;}

div.resources div.fields div.item a img {border:none;padding:0;margin:0;}
div.resources a.help img {border: none;padding:0;margin:0;}
div.resources a.report img {border: none;padding:0;margin:0;}
/* for validation */

div.resources div.fields div.validation {padding:10px;border:dotted 1px silver;margin:5px;}

/* for benchmarking  - data */

div.resources div.benchmarking div.item div.value {width:130px;}
div.resources div.benchmarking div.item div.value input.text {width:100px;text-align:right}
div.resources div.benchmarking div.item div.value span {width:130px;text-align:right}
div.resources div.benchmarking div.item div.value span span {width:120px;text-align:right}

div.resources div.benchmarking div.item div.help {width:30px}
div.resources div.benchmarking div.item div.value span span.validatorIndicator {display:inline;width:auto;}
div.widelabels {display:inline;width:auto;}
div.number span input {text-align:right}
div.number div span span {width:auto; text-align:right; display:block;}

/* for benchmarking - geography - fixes spans within lists */

div.resources div.benchmarking div.list div.label {clear:both;display:block;}
div.resources div.benchmarking div.list div.value {clear:both;display:block;}
div.resources div.benchmarking div.list div.value {width:auto;}
div.resources div.benchmarking div.list div.value span {width:auto}
div.resources div.benchmarking div.list div.value span span {width:auto;text-align:right}

div.resources div.benchmarking div.list div.header {padding-bottom:10px;}
div.resources div.benchmarking div.list div.header span {display:inline;float:left;}
div.resources div.benchmarking div.list div.header span span {display:inline;float:left;}
div.resources div.benchmarking div.list div.header a.help  {padding-left:10px;display:inline;text-align:right;float:right}
div.resources div.benchmarking div.list div.header a.help img {border:none; }

/* for published data  - enables grid behaviour so column widths are consistent*/

div.resources div.publisheddata div.item div.value {width:110px;}
div.resources div.publisheddata div.item div.value input.text {width:90px; text-align:right}
div.resources div.publisheddata div.item div.value span {width:100%;text-align:right;}
div.resources div.publisheddata div.item div.value span span {width:100%;text-align:right}
div.resources div.publisheddata div.item div.value select {width:75px}

div.resources div.publisheddata div.insettotal div.label {}
div.resources div.publisheddata div.insettotal div.label span {display:inline}
div.resources div.publisheddata div.insettotal div.label span span {margin-left:10px; display:inline}
div.resources div.publisheddata div.insettotal { display:block;}
div.resources div.publisheddata div.total {border-top: dotted 1px silver;border-bottom: dotted 1px silver;display:inline-block;height:auto;float:left}

div.resources div.publisheddata div.inset div.label span span {margin-left:10px;}

div.resources div.publisheddata div.item div.value span span.validatorIndicator {width:auto;}

/* for confirmation */

div.resources div.confirmation div.item div.label {width:auto;}
div.resources div.confirmation div.item div.label span span {width:auto; padding-right:10px;}
div.resources div.confirmation div.item div.value {width:auto;}
div.resources div.confirmation div.item div.value span span {width:auto; padding-right:10px;vertical-align:bottom;height:auto;}



/*   Accessibility   */

.hide {display:none;visibility:hidden;}

/* Warnings - above each profile selector */

span.warnings {float:right; margin-right:10px}

/* GridView common */

div.AspNet-GridView th {padding-left:5px;padding-right:5px; padding-top:5px;padding-bottom:5px;}
div.AspNet-GridView td {padding-left:5px;padding-right:5px; padding-top:5px;padding-bottom:5px;}/* left/right was 15px */

div.AspNet-GridView th span.header {padding-right:0px;padding-left:0px;}
div.AspNet-GridView td span.value {padding-right:5px;padding-left:5px;}
                                  
/*  Calculated Data */

div.resources div.calculatedData table.item span.header {padding:0px;border:none;margin:0px;}
div.resources div.calculatedData table.item th.left {text-align:left}
div.resources div.calculatedData table.item th.right {text-align:right}
div.resources div.calculatedData table.item span.right {text-align:right;}
div.resources div.calculatedData table.item td span.label {}
div.resources div.calculatedData table.item td span.value {text-align:right;display:block}


/* General table */

div.resources table.item td.link {text-align:center;}
div.resources table.item td {padding:5px 5px 5px 5px;}

/* Popup Page */
#popupPage #container div.menubar { float:left;width:100%;height:22px;background-image:url(../images/banner/menu_bar.jpg);background-repeat:repeat-x;background-color:rgb(64, 64, 64);}
#popupPage #container #fullScreenWidth { width:800px; margin:0 auto 0 auto;}

div.popup h1 {font-size: 15px;}
div.popup h2 {font-size: 13px;} 
div.popup h3 {font-size: 10px;} 

/* JQuery UI help popup with dynamic context menu - do not alter without incremental testing */

div#scopeOfIT {width:auto;border: dashed 1px transparent;display:none;} /* do not alter the border */

div#scopeOfIT ul.selectors {list-style: none; float:left;margin:0px;display:block;background-color:#404040;border:solid 1px black;padding:5px}
div#scopeOfIT ul.selectors li {display:inline;text-align:left;list-style-type: none;width:8em ;padding:0px; margin:0px}
div#scopeOfIT ul.selectors a {background-color:Transparent;text-decoration: none; color:orange;display:block;padding: 2px 0px 2px 0px;}
div#scopeOfIT ul.selectors a:hover {background:#eeeeee;}

div#scopeOfIT div.content {float:left;padding-left:5px;margin-left:10px;display:block;width:810px;padding-top:-5px;margin-top:0px;}
div#scopeOfIT div.content div {display:none;visibility:visible;vertical-align:top;}

div#scopeOfIT div.content div.default {display:block;visibility:visible;}
div#scopeOfIT div.content div.show {display:block;visibility:visible}
div#scopeOfIT div.content div.hide {display:none;visibility:hidden}

div#scopeOfIT div.content ul.selectors {display:inline-block;width:250px}
div#scopeOfIT div.content {display:inline-block;width:500px; overflow:auto}

/* public folder - messages */

div.resources table.publicmessage {border:dotted 1px #404040;margin:auto;min-height:200px;}
div.resources table.publicmessage th {background-color: #404040; color:White; text-align:center;}
div.resources table.publicmessage th span {text-align:center;}
div.resources table.publicmessage td {padding:20px;}

/* log off */

div.logoff {clear:both;display:block}
div.logoff p {width:300px;margin:0 auto 0 auto;padding:30px 0 30px 0}

/* help files */

div.helptext div.h2content {padding-left:30px}
div.helptext div.greenIT table {border:solid 1px gray;}
div.helptext div.greenIT table caption {font-weight:bolder;font-size:larger;padding-top:10px;}

div.helptext div.greenIT table th {vertical-align:top;border-right:dashed 1px silver;}
div.helptext div.greenIT table tr.spanned th {border-right:none;}

div.helptext div.greenIT table td ,div.helptext div.greenIT table th {border-bottom:solid 1px silver}
div.helptext div.greenIT table tr.last td,div.helptext div.greenIT table tr.last th  {border-bottom:none;}

div.helptext div.greenIT img {width:500px;}

/* rollover */

div.rollover div.column { display:inline-block;vertical-align:top;width:auto;float:left;width:auto}
div.rollover div.parameters {padding:10px; border:1px dotted gray;background-color:#CCCCCC;display:inline-block;}
div.rollover div.AspNet-GridView { }
div.rollover div.label {margin-top:5px;}
div.rollover input[type=submit] {margin-top:5px;}

div.rollover div.parametersview {display:inline-block;width:300px;}
div.rollover div.parametersview span.status {margin-top:5px;font-weight:bold;display:block;}

/* data entry window */

div.inputvalidation {margin-top:15px;display:block;min-height:20px;padding:5px;}
div.inputvalidation span.status {display:block;clear:left;font-weight:bold;line-height:1.5em}
div.inputvalidation div.validation {display:block;}

/* registration */

div.registration {clear:both;}
div.registration div.column {display:inline-block;vertical-align:top;margin-right:5em;width:auto}
div.registration div.column div.register {width:40em;display:block;min-height:10em;padding:10px;}
div.registration div.column div.register p {width:inherit;display:inline;vertical-align:middle;float:left}
div.registration div.column div.register p.action {width:40em;vertical-align:middle;float:right}
div.registration div.column div.register p.action input[type='submit'] {vertical-align:baseline;margin-right:2em;display:inline;float:left;}

div.registration fieldset { border: solid 1px silver;padding:10px;min-height:15em;width:auto}
                  
/* unconfirmed */

div.unconfirmed {clear:both;}
div.unconfirmed div.column {display:inline-block;vertical-align:top;margin-right:5em;}
div.unconfirmed div.column div.register {width:40em;display:block;min-height:10em;padding:10px;}
div.unconfirmed div.column div.register p {width:inherit;display:inline;vertical-align:middle;float:left}
div.unconfirmed div.column div.register p.action {width:40em;vertical-align:middle;float:right}
div.unconfirmed div.column div.register p.action input[type='submit'] {vertical-align:baseline;margin-right:2em;display:inline;float:left}

div.unconfirmed fieldset { border: solid 1px silver;padding:20px;min-height:15em}             
div.unconfirmed div.actions {text-align:right;}  
              
                  
/* accounts */

div.accounts ul.views {padding-left:0px;direction:ltr;display:inline-block;list-style-image:none;list-style-type:none;}
div.accounts ul.views li {display:inline;float:left}     
div.accounts ul.views li input.textlabel {vertical-align:baseline}
div.accounts ul.views div.textlabel   {width:auto;padding-right:10px}
div.accounts ul.views div.textlabel div.label {width:auto;padding-right:10px;}
div.accounts ul.views div.textlabel div.value {width:auto;}
                  
div.textlabel {padding-top:5px;padding-bottom:0.31px;}
div.textlabel div.label {display:inline-block;width:9.38em;vertical-align:top}
div.textlabel div.label label {}
div.textlabel div.value {display:inline-block;width:25em}
div.textlabel div.value span {}

div.message {display:block;border:solid 0.25em red; background-color:silver;padding:1em;min-height:3em;}

/* fieldset inside another fieldset */

fieldset.inset { border:solid 1px gray;padding:5px;width:75em}
fieldset.inset legend {font-size:10px;}
fieldset.inset div { display:inline}

div.inlinecontent {display:inline;}

div.inlinecontent div.textlabel {display:inline;width:auto;float:left;}
div.inlinecontent div.textlabel div {width:auto;padding:0.5em}
div.inlinecontent div.textlabel input[type='submit'] {margin-left:5em;vertical-align:bottom;}

/* Buttons on the Federation Page */
div.fedButtons a img {border:none;padding:0;margin:0;}


/* User Notification */
#content div.resources div.notification { padding:0px 0px 5px 0px;}
#content div.resources div.notification span {color:#0000ff;font-size: 11px;}
}

textarea.item { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
textarea.highlight {
    outline: none !important;
    border: 3px solid red;
    box-shadow: 0 0 10px #719ECE;
}