/* Top boxes */

div.topbox 
{
    min-height: 138px;
}

/*
div.topboxicon 
{
    background-position: right top;
    background-repeat: no-repeat;
    width: 128px;
    height: 128px;
    margin: 5px 10px 10px 10px;
    float: right;
}

div.areas div.topboxicon { background-image: url(icons/128/areas.png);}
div.committees div.topboxicon { background-image: url(icons/128/committees.png);}
div.projects div.topboxicon { background-image: url(icons/128/projects.png); }
div.materials div.topboxicon { background-image: url(icons/128/materials.png); }
div.icscodes div.topboxicon { background-image: url(icons/128/icscodes.png); }
div.crossreferences div.topboxicon { background-image: url(icons/128/crossreferences.png); }
div.terms div.topboxicon { background-image: url(icons/128/terms.png); }
div.searchresults div.topboxicon { background-image: url(icons/128/searchresults.png); }
div.prsitems div.topboxicon { background-image: url(icons/128/prsitems.png); }
*/

ul.history { margin-top: 5px; padding: 5px 5px 0 14px; }
ul.history li a { padding: 5px 0 0 0; }



/* Hide these from IE6 because the transparent PNGs don't display properly, and can't be
fixed by the pngFix javascript */

html>body ul.history li {margin-left: 24px !important; padding: 0 3px;}
html>body ul.history li span {top: -10px; position: relative;}
html>body ul.history li.areas {list-style-image: url(icons/22/areas.png);}
html>body ul.history li.committees {list-style-image: url(icons/22/committees.png);}
html>body ul.history li.projects {list-style-image: url(icons/22/projects.png);}
html>body ul.history li.materials {list-style-image: url(icons/22/materials.png);}
html>body ul.history li.icscodes {list-style-image: url(icons/22/icscodes.png);}
html>body ul.history li.crossreferences {list-style-image: url(icons/22/crossreferences.png);}
html>body ul.history li.terms {list-style-image: url(icons/22/terms.png);}
html>body ul.history li.searchresults {list-style-image: url(icons/22/searchresults.png);}
html>body ul.history li.prsitems {list-style-image: url(icons/22/prsitems.png);}

/* List boxes */

div.listbox 
{
    border-bottom: none;
    margin: 10px 0px 0px 0px;
    padding: 10px;
    min-height: 74px;
}

div.listbox h3 
{
    background-color:#e7f1ff; 
    color:#1b3360; 
    font-size:14px; 
    padding:5px; 
    margin:10px 0 10px 0; 
    border-bottom:1px solid #CCCCCC; 
    border-top:1px solid #CCCCCC; 
} 
   
/*
div.listboxicon 
{
    background-position: right top;
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    margin: 0px 0px 10px 10px;
    float: right;
}

div.areas div.listboxicon { background-image: url(icons/64/areas.png);}
div.committees div.listboxicon { background-image: url(icons/64/committees.png);}
div.projects div.listboxicon { background-image: url(icons/64/projects.png); }
div.materials div.listboxicon { background-image: url(icons/64/materials.png); }
div.icscodes div.listboxicon { background-image: url(icons/64/icscodes.png); }
div.crossreferences div.listboxicon { background-image: url(icons/64/crossreferences.png); }
div.terms div.listboxicon { background-image: url(icons/64/terms.png); }
div.prsitems div.listboxicon { background-image: url(icons/64/prsitems.png); }
*/

div.listbox span.toplink 
{
    float:right;   
}

div.listbox p span.toplink 
{

}

div.listbox table 
{
    width: 100%;
}

div.listbox table tr.e 
{
    background-color: #f0f0f0;
}

div.listbox table tr.o 
{
    background-color: #fafafa;
}

div.listbox table td
{
    vertical-align: top;
    padding: 2px 3px;
}

/* ADMIN STUFF */

/*
	Table list styling
*/

table.itemlist {
  width: 100%;
  font-size: 1.2em;
}

.itemlist img 
{
	border: none;
}

table.itemlist thead {
  background: #ddddff;
  border-collapse: collapse;
}

table.itemlist tbody tr 
{
  background: #eef;
  font-size: 90%;
}

table.itemlist a {
  color: #666;
  text-decoration: none;
}

table.itemlist td, table.itemlist th {
  padding: 4px;
}

table.itemlist .action, table.itemlist .id {
  text-align: center;
}

table.itemlist .action {
  padding: 0px;
}

table.itemlist .action a {
  display: block;
  padding-top: 4px;
  padding-bottom: 4px;
}

table.itemlist .action a:hover {
  background: #ddf;
}

table.itemlist .action a.delete:hover {
  background: #fcc;
}

table.itemlist tbody {
  color: black;
}

td.live 
{
	background-color: #66ff66;
}

td.notlive 
{
	background-color: #ff6666;
}

/* 
  List filter
*/
div#Listheader { display: block; float: right; }
div#ListFilter { width: 100%; clear:both; overflow:hidden; float: right; margin-top: 10px; margin-bottom: 10px; }
div#ListFilter div { overflow: hidden; }
div#ListFilter ul { list-style: none; float: right; margin: 0px 0 0 45px; padding:0; display:inline; }
div#ListFilter ul li { float: right; padding: 0 6px 0 6px; border-right: solid 1px #999; display:inline; margin-top:0; margin-bottom:0; }
div#ListFilter ul li.last { border: 0; }

/* 
  Forms
*/

.field {
  margin-top: 5px;
  margin-bottom: 10px;
  clear: both;
}

.field span {
  display: block;
}

.field span.instructions 
{
    font-size: smaller;
    clear: both;
}

fieldset {
  float: left;
  width: 43%;
  border:1px solid #CCCCCC;
  margin: 1em 1em 1em 0;
  padding: 0.5em 1em 1em;
}

legend {
  font-size: 16pt;
  padding-left: 10px;
  padding-right: 10px;  
  color: #666;
}

label {
  display: block;
  margin-bottom: 2pt;
}

label span.field-validation-error {
  float: left;
  margin: 5px 0px 0px 4px;
  font-size: 120%;
}

fieldset .field input, fieldset .field textarea, fieldset .field iframe, fieldset .field select {
  width: 90%;
  min-width: 200px;
}

.field textarea.large 
{
    height: 150px;
}

.field input#rememberMe {
 width: 110px;
}

table .field input, table .field textarea, table .field iframe {
  width: 500pt;
}

.field input, .field textarea, .field iframe, .field select {
  color: black;
  float: left;
  background: #F0FFF0;
  margin: 1px 0px 10px 0px;
  border: 1px solid #ccc; 
  padding: 3px 5px 3px 5px;
  width: 90%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.field input.input-validation-error, .field select.input-validation-error, .field textarea.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.field input:focus, .field textarea:focus, .field select:focus {
  border: solid 2px #99f;
  margin: 0px 0px 9px 0px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.field input.date-pick {
  width: 10em;
}

.calendarButton {
  margin-top: 4px;
}

input.submit, input.cancel {
  clear: both;
  padding-right: 10pt;
  padding-left: 10pt;
  margin: 0px 10px 10px 0px;
  float: none !important;
}

input.submit 
{
    background-color: #66cc66;
}

input.danger 
{
    background-color: #cc6666 !important;
}

ul.adminOptions 
{
    clear: both;
    border: 2px solid #cccccc;
    padding: 10px;
}

input.unfilled 
{
    color: #999999;
}

div#tabs 
{
    clear: both;
}

div.projects span.stagecode 
{
    font-style: italic;
}

/* Used to display links at the bottom of some admin */

ul.adminOptions
{
    list-style-type: none;
    border: 2px solid #eeeeee;
    padding: 5px;
}

ul.adminOptions a 
{
    font-weight: bold;
    color: #0860a8;
    text-decoration: none;
    cursor: pointer;
}

.good-news 
{
    color: #060;
}

.bad-news 
{
    font-weight: bold;
    color: #c00;
}


div.boxed 
{
    border: 2px solid #aaaaaa;
    padding: 5px;
    margin-bottom: 15px;  
}

span#developedby 
{
    float: right;
}

/* Admin things */
/* Used in Admin.Master to display messages */

div.notificationWarning 
{
    background: #ffcccc;
    border: 2px solid #ff0000;
    padding: 5px;
    margin-bottom: 10px;
}

div.notificationMessage 
{
    background: #ffffcc;
    border: 2px solid #ffff00;
    padding: 5px;
    margin-bottom: 10px;
}

/* Used to warn people or notify people when deleting etc. */

p.importantQuestion 
{
    background: #ffcccc;
    border: 2px solid #ff0000;
    padding: 5px;
}

p.importantInformation 
{
    background: #ffffcc;
    border: 2px solid #ffff00;
    padding: 5px;
}

.invisible 
{
    display: none;
}

/* Accessibility */

.linksWhite a:focus, .linksWhite a:active 
{
    color: #1C3666;
    background-color: #FFFFFF;
}

.linksBlue a:focus, .linksBlue a:active 
{
    color: #FFFFFF;
    background-color: #0860A8;
}

.linksGrey a:focus, .linksGrey a:active 
{
    color: #CCCCCC;
    background-color: #000000;
}

#accessibility a
{
    position: absolute;
	left: -2000px;
	overflow:hidden;
	font-weight: bold;
	font-size: 1.2em;
}

#accessibility a:active, #accessibility a:focus
{
    left: 0px;
    top: 0px;
    color: #FFFFFF;
    background-color: #0860A8;
}

table.entitylist 
{
    font-size: 1.1em;
}

table.entitylist thead 
{
    display: none;
}

div.listbox span.simpleListBoxLink {
    font-size: 0.8em;
    font-weight: bold;
    float: right;
}

span.simpleListBoxHeading {
    float: left;
}