/*
 * cider style sheet - revised for CSS use
 */
/*
 * Define font faces
 *
 * Use the museo 500 family as indicated by the UKDS style guide
 *
 * Fonts from fontspring, free license
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      exljbris Font Foundry
 * License URL: http://www.fontspring.com/fflicense/exljbris
 *
 */
 @font-face {
    font-family: 'MuseoSerif';
    src: url('fonts/Museo500-Regular-webfont.eot');
    src: url('fonts/Museo500-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Museo500-Regular-webfont.woff') format('woff'),
         url('fonts/Museo500-Regular-webfont.ttf') format('truetype'),
         url('fonts/Museo500-Regular-webfont.svg#Museo500Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuserSans';
    src: url('fonts/MuseoSans_500-webfont.eot');
    src: url('fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/MuseoSans_500-webfont.woff') format('woff'),
         url('fonts/MuseoSans_500-webfont.ttf') format('truetype'),
         url('fonts/MuseoSans_500-webfont.svg#museo_sans_500regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
 body { margin: 0pt;
       padding: 0pt;
       background: white none repeat scroll 0% 50%;
       color: black;
       font-family: 'MuseoSans',Arial,sans-serif;
       font-style: normal;
       font-size: ,medium;
}

dt, .dt { font-family: 'MuseoSans','Arial,sans-serif;
	  font-weight: bold;
	  padding-top: 10px;
}
dd, .dd { font-family: 'MuseoSans',Arial,sans-serif;
}

code { font-family: Courier,monospace;
}

h1 { font-family: 'MuseoSerif',Arial,sans-serif;
     font-weight: bold;
     color: #00965E;
     font-size: x-large;
}

h2 { font-family: 'MuseoSerif',Arial,sans-serif;
     font-weight: bold;
     color: #B5BD00;
     font-size: large;
}

h3 { font-family: 'MuseoSerif',Arial,sans-serif;
     font-weight: bold;
     font-size: small;
}

/*
 * styling for ukds banner
 */

div.ukdsbanner
{
    color: #ffffff;
    background-color: #385E9D;
    text-align: center;
    padding: 9px 9px 9px 9px;
    font-family: "Gill Sans","Gill Sans MT",GillSans,"Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
}
div.ukdsbanner a
{
    color: #ffffff;
    font-family: "Gill Sans","Gill Sans MT",GillSans,"Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
}

/*
 * styling for fluid layout: header/main/footer
 */

#container { width: 100%;
	   }

#container .column {
    position: relative;
    float: left;
}

#header {
//    border-bottom: 2px solid #EEEEEE;
//    border-right: 2px solid #EEEEEE;
    margin: 5px;
    background: white;
    border-bottom: 3px solid #5B6770;
    height: 85px;
}

#content { padding: 0.5em;
margin-left: 140px;
}

#topnav { padding: 7px;
font-weight: bold;
text-align: center;
font-size: small;
}
#topnav a:visited, #topnav a:link { border-bottom: 6px solid rgb(153, 153, 204);
text-decoration: none;
color: black;
margin-left: 2px;
}
#topnav a:hover { text-decoration: none;
background-color: rgb(224, 224, 209);
margin-left: 2px;
}

/*
 * navigation menubar styling
 */


#leftnav { padding-top: 0.5em;
padding-left: 5px;
float: left;
width: 140px;
}

#content { padding: 0.5em;
margin-left: 140px;
}

#content_wide { padding: 0.5em;
margin-left: 10px;
}


#footer { margin: 5px;
	  padding: 0.5em;
	  background: white;
	  clear: both;
	  font-size: small;
	  font-weight: bold;
	  color: black;
	  text-align: center;
	  border-top: 5px solid #5B6770; ;
	  border-bottom: 1px solid #5B6770; ;
	}

#footer ul {margin: 0; padding: 0; display: table; width: 95%;
	     list-style-type: none; list-style-image: none; }
#footer li {display: table-cell; width: 22%;}

/*
 * Some main content styling
 */

 #content ul { border: medium none ;
	   list-style-type: none;
	   margin: 10pt;
	   padding: 0pt;
	 } 

/*
 * Standard menu bar (left hand side of screen)
 */

#menu { background-color: white;
	color: black;
	font-size: small;
	border-right: 1px solid #5B6770; ;
	margin-bottom: 10px;
      }

#menu ul { border: medium none ;
	   list-style-type: none;
	   margin: 0pt;
	   padding: 0pt;
	 }

#menu p { padding: 0pt;
	  font-weight: bold;
	}

#menu h2 { color: black;
	   font-size: small;
	   margin-bottom: 2px;
	 }

#menu li { padding-left: 5px;
	   padding-bottom: 3px;
	 }

#menu li a { display: block;
	     text-decoration: none;
	     width: 100%;
	   }

/*
 * css hack for ie
 */
html > body #menu li a { width: auto;
		       }

#menu li a:hover { background-color: #702082;
color: #FFFFFF;
}

h2link  {font-weight: bold;
	    color: olive;
	    font-size: medium;
	    }



/*
 * css general hyperlinks
 */


a:link { color: #385E9D; /*UKDS Dark Blue*/
}
a:visited { color: #385E9D; /*UKDS Dark Blue*/
}
a:active { color: #5B6770; /*UKDS Dark Grey*/
}
a:hover { color: #5B6770; /*UKDS Dark Grey*/
}
.active { color: #385E9D; /*UKDS Dark Blue*/
}
.inactive { color: gray;
}
ul.bulletless { list-style-type: none;
}
.emph { border: medium solid teal;
}
.extra_emph { border: medium double teal;
}
.emphtext { color: red;
}
.readytext { color: #00965E; /*UKDS Dark Green*/
}

.optpanel {
margin-top: 10px;
background: white url(/cider/images/fade2.gif) repeat-x scroll top;
border-top: medium solid #702082;
margin-bottom: 2em;
}

.optpanel h2 {
margin-left: 20px;
text-align: center;
padding: 5px;
width: 150px;
background-color: #702082;
color: white;
border: black;
margin-top: -10px;
-moz-border-radius: 5px;
}

.optpanel2 {
margin-top: 10px;
background: white url(/cider/images/fade2.gif) repeat-x scroll top;
border-top: medium solid #85D2e2;
margin-bottom: 2em;
}

.optpanel2 h2 {
margin-left: 20px;
text-align: center;
padding: 5px;
width: 150px;
background-color: #FFCCFF;
border: solid #85D2e2;
color: black;
margin-top: -10px;
}


.warn { color: red;
}
.extra_warn { color: red;
font-weight: bold;
}

.warnbox { 
 border: medium solid red;
 padding: 5px;
 margin-bottom: 2px;
 -moz-border-top-colors: red red orange yellow; 
 -moz-border-left-colors: red red orange yellow; 
 -moz-border-right-colors: red red orange yellow; 
 -moz-border-bottom-colors: red red orange yellow; 
 -moz-border-radius: 5px;
}

.noticebox { 
 border: medium solid black;
 padding: 5px;
 margin-bottom: 2px;
 -moz-border-top-colors: blue green yellow yellow; 
 -moz-border-left-colors: blue green yellow yellow; 
 -moz-border-right-colors: blue green yellow yellow; 
 -moz-border-bottom-colors: blue green yellow yellow; 
 -moz-border-radius: 5px;
}


.dberror { border: medium solid red;
padding: 2px;
background: yellow none repeat scroll 0% 50%;
width: 200px;
}
.ready { color: green;
font-weight: bold;
}
.emph2 { border: medium solid red;
}
.strong { font-weight: bold;
}
.title { font-weight: bold;
color: green;
font-size: large;
}
.subtitle { font-size: medium;
color: olive;
font-weight: bold;
}
.smcaps { font-variant: small-caps;
}
.infoi { background: blue none repeat scroll 0% 50%;
color: white;
font-weight: bold;
}
.link_eg { color: blue;
text-decoration: underline;
}
.button_eg { background: silver none repeat scroll 0% 50%;
color: black;
}
.debuginfo { color: gray;
font-size: small;
}
table.sortable a.sortheader { background-color: rgb(238, 238, 238);
color: rgb(102, 102, 102);
font-weight: bold;
text-decoration: none;
display: block;
}
table.sortable span.sortarrow { color: black;
text-decoration: none;
}
div.timerbox { border: medium groove ;
padding: 5px;
width: 80%;
}

div.infobox { border: thin solid #702082 ;
padding: 5px;
width: 80%;
}

div.athens_infobox {

font-size: 10px;
border: thin solid ;
padding: 5px;
background: rgb(240, 240, 230) none repeat scroll 0% 50%;
width: 80%;
}

div.newsitem { border: thin solid ;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 5px;
background: rgb(245, 245, 245) none repeat scroll 0% 50%;
width: 95%;
}

div.outline { border: thin solid ;
padding: 5px;
background: rgb(238, 238, 238) none repeat scroll 0% 50%;
width: 95%;
color: black;
}
.refmap { border: thin solid ;
padding: 5px;
background: rgb(238, 238, 238) none repeat scroll 0% 50%;
color: black;
}
.infoTitleBox { border: medium none ;
padding: 5px;
margin: 2px;
background: #E6F3EC none repeat scroll 0% 50%;
color: black;
font-weight: bold;
width: 95%;
text-align: center;
}
.navbar { padding: 0pt;
background: yellow none repeat scroll 0% 50%;
color: black;
}
.navbar strong { color: red;
}
.button { border: medium outset ;
background: silver none repeat scroll 0% 50%;
color: black;
font-family: 'Museo',Arial,Helvetica,sans-serif;
}
.bgsilver { background: silver none repeat scroll 0% 50%;
color: black;
}
.bgred { background: red none repeat scroll 0% 50%;
color: black;
}
.bgblue { background: blue none repeat scroll 0% 50%;
color: black;
}
.bggreen { background: green none repeat scroll 0% 50%;
color: black;
}
.bgblack { background: black none repeat scroll 0% 50%;
color: white;
}
.bgyellow { background: yellow none repeat scroll 0% 50%;
color: black;
}
.bgwhite { background: white none repeat scroll 0% 50%;
color: black;
}
.stdtabout { background: black none repeat scroll 0% 50%;
color: white;
}
.stdtabbdy { background: rgb(204, 204, 255) none repeat scroll 0% 50%;
color: black;
}
.stdtabbdy2 { background: white none repeat scroll 0% 50%;
color: black;
}
.stdtabbdy_warn { background: white none repeat scroll 0% 50%;
color: red;
}
.stdtabhdr { background: silver none repeat scroll 0% 50%;
color: black;
}


table.general_tab { border-collapse: collapse;}

table.general_tab td { border: 1px solid black; 
                       padding: 2px; }

table.general_tab td.alt_style { border: 1px solid black; background:
		       white none repeat scroll 0% 50%; padding: 2px;
		       }

table.general_tab td.th_style { border: 1px solid black; background:
		       rgb(219,219,232); font-weight: bold; padding: 2px;
		       }


table.general_tab th { border: 1px solid black; background: rgb(219,219,232);
		       padding: 2px; }

table.general_tab th.alt_style { border: 1px solid black; background:
		       white none repeat scroll 0% 50%; padding: 2px;
		       }


table.zebra_tab { border-collapse: collapse; }

table.zebra_tab tr:nth-child(odd) { border: 1px solid black; 
				    background: white; 
				    padding: 2px; }

table.zebra_tab tr:nth-child(even) { border: 1px solid black; 
				    background: rgb(232,255,255); 
				    padding: 2px; }


table.zebra_tab td { border: 1px solid black; }


table.zebra_tab th { border: 1px solid black; background: silver;
		       padding: 2px; }

table.zebra_tab th.alt_style { border: 1px solid black; background:
		       white none repeat scroll 0% 50%; padding: 2px;
		       }


table.summary_tab { border-collapse: collapse; border: 1px solid black;}

table.summary_tab td { border: 0px solid black; 
                       padding: 2px; }

table.summary_tab th { border: 0px solid black; background: rgb(219,219,232);
		       padding: 2px; }





.restabout { background: black none repeat scroll 0% 50%;
color: white;
}
.restabbdy { background: white none repeat scroll 0% 50%;
color: black;
}
.restabhdr { background: white none repeat scroll 0% 50%;
color: black;
font-weight: bold;
}
.fwkout { background: black none repeat scroll 0% 50%;
color: white;
}
.fwkbkd { background: rgb(238, 238, 238) none repeat scroll 0% 50%;
color: black;
}

/*
 * query tab styles
 */
#tabs {
	padding: 5px;
	border-bottom: 2px solid #5B6770;
	margin-bottom: 25px;
    font-family: 'MuseoSerif';
    src: url('fonts/Museo500-Regular-webfont.eot');
    src: url('fonts/Museo500-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Museo500-Regular-webfont.woff') format('woff'),
         url('fonts/Museo500-Regular-webfont.ttf') format('truetype'),
         url('fonts/Museo500-Regular-webfont.svg#Museo500Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-size: large;
	}

#tabs ul {
      margin-left: 0;
      padding-left: 0;
      display: inline;
      } 

#tabs li {
      margin-left: 5px;
      margin-bottom: 5px;
      padding: 2px 15px 5px;
      border-top: none;
      list-style: none;
      display: inline;
	  font-style: normal;
      }

#tabs li.inact {
      margin-left: 5px;
      margin-bottom: 0;
      padding: 2px 15px 5px;
      background: lightgray;
      border-top: none;
      color: #5B6770;
      list-style: none;
      display: inline;
      }
      
#tabs li.prev {
      background: #78BE20;
      color: black;
      list-style: none;
      display: inline;
      border-top: none;
      }

#tabs li.prev:hover {
      list-style: none;
      display: inline;
      background: #B5BD00;
      border-top: 2px dotted #5B6770;;
      border-bottom: 2px dotted #5B6770;;
      }

#tabs li.here {
      background: #E1E000;
      border-bottom: 3px solid white;
      list-style: none;
      display: inline;
      }

/*
 * reference list
 */

ul.ref_list {list-style-type: none;}
ul.ref_list li {text-indent: -1em; margin-left: 1em; padding-bottom: 10px;}