/*
 * 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: 'MuseoSans';
    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;	


/*Custom fonts from UKDS CSS - not working for some reason

@font-face {
    font-family: 'Museo-500';
    src: url('/Fonts/UKDataService/Museo/24F29D_0_0.eot');
    src: url('webfonts/24F29D_0_0.eot?#iefix') format('embedded-opentype'), url('/Fonts/UKDataService/Museo/24F29D_0_0.woff') format('woff'), url('/Fonts/UKDataService/Museo/24F29D_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'MuseoSans-500';
    src: url('/Fonts/UKDataService/Museo/24F29D_1_0.eot');
    src: url('Fonts/UKDataService/Museo/24F29D_1_0.eot?#iefix') format('embedded-opentype'), url('/Fonts/UKDataService/Museo/24F29D_1_0.woff') format('woff'), url('/Fonts/UKDataService/Museo/24F29D_1_0.ttf') format('truetype');
}
*/
}
 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: 16px;
	   line-height: 1em;
}

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: #5B6770;  /* ukds dark grey */
     font-size: x-large;
}

h2 { font-family: 'MuseoSerif',Arial,sans-serif;
     font-weight: bold;
     /*color: #FCB416; /* ukds light-orange*/
	 /*color: #FF671F; /* ukds dark-orange*/
	 color: #F27021; /* ukds dark-orange - not the listed colour but how it actually comes out*/
     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: 105px;
}

#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;
}

/*
 * left 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: 10px;*/
           /*text-indent: -5px;*/
	   padding-bottom: 3px;
	 }

#menu li a { display: block;
	/*padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;*/
	padding-left: 1.4em;
	background-color: #fff;
	width: 153px;
	     text-decoration: none;
	     width: 100%;
	   }

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

#menu li a:hover { background-color: #702082; /*UKDS Purple*/
		color: #702082;	
	/*list-style-image:url(../images/hover-purple.png);*/
	background:url(../images/hover-purple.png);
	background-repeat:no-repeat;
	background-position:left;
}

h2link  {font-weight: bold;
	    color: #B5BD00;
	    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: #EF3340 /*UKDS 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: #EF3340;
}
.extra_warn { color: #EF3340;
font-weight: bold;
}

.warnbox { 
 border: medium solid #EF3340;
 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;
}

/*All the stuff below sets the style for the elements used in the main body of wicid*/

.dberror { border: medium solid #EF3340; /*UKDS red*/
padding: 2px;
background: #E1E000 none repeat scroll 0% 50%; /*UKDS yellow*/
width: 200px;
}
.ready { color: #00965E; /*UKDS Dark Green*/
font-weight: bold;
}
.emph2 { border: medium solid #EF3340;
}
.strong { font-weight: bold;
}
.title { font-weight: bold;
color: #5B6770; /*UKDS grey*/
font-size: large;
}
.subtitle { font-size: medium;
/*color: #B5BD00; UKDS olive*/
color: #F27021; /*real UKDS dark-orange*/
font-weight: bold;
}
.smcaps { font-variant: small-caps;
}
.infoi { background: #385E9D none repeat scroll 0% 50%; /*UKDS dark blue*/
color: white;
font-weight: bold;
}
.link_eg { color: #385E9D; /*UKDS dark blue*/
text-decoration: underline;
}
.button_eg { background: silver none repeat scroll 0% 50%;
color: black;
}
.debuginfo { color: #5B6770;
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 /*UKDS Purple*/;
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: #702082 none repeat scroll 0% 50%; /*UKDS purple*/
color: white;
font-weight: bold;
width: 95%;
text-align: center;
}
.navbar { padding: 0pt;
background: yellow none repeat scroll 0% 50%;
color: black;
}
.navbar strong { color: #EF3340 /*UKDS 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;
font-family: 'Museo',Arial,Helvetica,sans-serif;
}
.bgred { background: #EF3340 /*UKDS 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;
}
*/

.stdtabbdy { background: white 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: #EF3340 /*UKDS red*/;
}
.stdtabhdr { background: lightgray 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;
}

/*style form buttons - this isn't used as 'input' is used rather than 'button'. This is an alternative though...*/

button {
  color: black;  
  font-family: 'MuseoSans';
    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;	
  
}


/*
 * query tab styles
 */
#tabs {
	padding: 5px;
	border-bottom: 2px solid #5B6770; /*ukds grey*/
	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: #61bb46; /*ukds light green*/
	  background: #bdd12b; /*ukds olive*/
      color: black;
      list-style: none;
      display: inline;
      border-top: none;
      }

#tabs li.prev:hover {
      list-style: none;
      display: inline;
      /*background: #bdd12b; /*ukds olive*/
	  background: #eee824; /*ukds yellow*/
	  /*background: #61bb46; /*ukds light green*/
      border-top: 2px dotted #5B6770;;
      border-bottom: 2px dotted #5B6770;;
      }

#tabs li.here {
      background: #61bb46; /*ukds light green*/
	  /*background: #eee824; /*ukds yellow*/
      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;}

/* hide an element */
.hide {
	display: none;
}

/* take up 1/3 of parent space */
.span3 {
	width:33.33%;
	float:left;
}

/* take up 1/2 of parent space */
.span2 {
	width:50%;
	float:left;
}

/* centre align text */
.centreText {
	text-align: center;
}


/* Start of Bootstrap adjustments */
.callout-warning {
    border-left-color: #F0AD4E !important;
}
.callout {
    padding: 0px 5px;
    margin: 0px;
    border-width: 0px 0px 0px 5px;
    border-style: solid;
    border-color: #EEE;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 3px;
}

div.tooltip-inner {
    max-width: 600px;
}
/* End of Bootstrap adjustments */

#downloads-accordion a {
	text-decoration:none;
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity : 0.7;
	background: url('/cider/images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}




.announcement-header {
	position:fixed;
	z-index:99999;
	left:0;
	top:0;
	min-width:100%;
	/*height:30px;*/
	background-color: #170409;
	color: #ffffff;
	opacity: 0.8;
    filter: alpha(opacity=80);
}

.announcement-bg {
	font-style: bold;
	font-size: 10px;
	text-align: center;
	margin: auto;
	padding: 1em 1em 1em 1em;
}

.announcement-close {
	font-style: bold;
	font-size: 1.3em;
	float: right;
	right: 0;
	margin-top: -10px;
	cursor: pointer; 
}

.hidden-class { display: none; }
.show-class { display: inline; }

.sr-only{
   position:absolute;
   left:-10000px;
   top:auto;
   width:1px;
   height:1px;
   overflow:hidden;
}