/*  This is the base css file for the entire BSI Draft Review System Application.
	19/09/2011 by Zebedee Creations
	These styles cover the globaly inherted styles, layout properties and font styles. 
	
	Table of Contents:
		1. Global Styles
		2. Template Elements
		3. Font Styles


*/

/* 1. Global Styles - start -  */

body 
{ 
text-align: left;
line-height:1.5em;
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form 
{ 
margin: 0; 
padding: 0;
}

img 
{ 
border: none; 
}

#skiplinks a, #skiplinks-extra a {
    font-size:1.2em;
    font-weight:bold;
    border:0 none;
    height:0;
    left:16px;
    overflow:hidden;
    position:absolute;
    top:73px;
    width:0;
    z-index:1002;
}

#skiplinks *, #skiplinks-extra * {
    border:0 none;
    height:0;
    overflow:hidden;
    width:0;
}

#skiplinks a:active, #skiplinks a:focus, #skiplinks-extra a:active, #skiplinks-extra a:focus {
    background:#006699 none repeat scroll 0 0;    
    color:#FFFFFF;
    height:auto;
    margin:0;
    padding:8px;
    position:absolute;
    width:auto;
    z-index:1000;
    border: solid 3px #F6BF10;    
}
a:focus, input[type="Submit"]:focus, input[type="Checkbox"]:focus, input[type="radio"]:focus
{
    outline: thin dotted;
}

a:active {
    outline: none;
}

/* Global Styles - end -  */

/* 2.Template Elements - start - */

#headWrapper,
#navigationWrapper
{
min-width:100%;
float:left;
}

#header
{
width: 946px; 
margin: 0 auto;
min-height:40px;
padding:0px 27px 0px 27px;
}
 
#header  ul li
{
display:inline;
border-left:1px solid #3D4142;
padding:0px 7px 0px 7px;
}

#headWrapper #header  ul li:first-child
{
border-left:none;
}

#header ul
{
float:right;
margin:12px 0px 0px 0px;
}

#header a img
{
float:left;
margin:8px 0px 0px 0px;
}

#culture
{
    float: right;
    margin-top: 6px;
    max-width: 250px;
    min-width: 50px;
}

#culturePicker
{
    float: left;  
    margin: 5px;  
}

#culture div .submit
{
    float: right;   
    margin: 3px; 
}

#navigation
{
width: 946px; 
margin: 0 auto;
padding:0px 27px 0px 27px;
}
#pageTitle {
    font-family: “Trebuchet MS”,Trebuchet MS,Georgia,serif;
}
#navigation #pageTitle
{
float:left;
margin:14px 40px 0px 0px;
}

#header #pageTitle
{
float: left;
margin: 5px 0px 0px 40px;
}

#navigation ul li
{
display:inline;
}

#navigation ul
{
margin:0 0 0 30px;
float:left;
}

#navigation ul li a
{
display:block;
float:left;
padding:1.5em 15px 1.55em 15px ;
}

#navigation a#userControlLogin,
#navigation a#userControlLogout
{
float:right;
margin:14px 0px 0px 0px;
border:1px solid #98a2ca;
padding:7px 13px 8px 13px;
}

#footer
{
clear:both;
float:left;
line-height:3.5em;
min-width:100%;
}

#footer ul
{
    white-space: nowrap;
margin:0 auto;
width:946px;
padding:0px 27px 0px 27px;
}

#footer ul li 
{
display:inline;
margin:0px 5px 0px 5px;
} 

/* 3. Font Styles - start - */

#navigation,
#navigation  a
{
font-family: “Trebuchet MS”, Trebuchet MS, Georgia, serif ;
text-decoration:none;
}

#pagewrapper,
#footer
{
font-family: Verdana, Arial, Helvetica, sans-serif;
}

body 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5% !important;
}

#header ul li a
{
font-size:1.1em;
}

#pageTitle
{
font-size:3.0em;
line-height:1.0em;
}

#navigation ul li a,
#navigation #userControlLogin,
#navigation #userControlLogout
{
font-size:1.5em;
}

#footer ul li
{
font-size:1.0em;
} 

#footer a
{
text-decoration:none;
}

#footer a:hover,
#header ul li a:hover,
#footer a:focus,
#header ul li a:focus
{
text-decoration:underline;
}
/* Font Styles - end - */


/* Footnotes in Word docs */
span.ConvertedFootnoteRef {
	vertical-align: text-top;
	font-size: 60%;
}

a.drsFootnoteReference  {
  text-decoration: none !important;
}

p.MsoFootnoteText span.ConvertedFootnoteRef {
	vertical-align: top;
	font-size: 0.95em;
}

.drsFootnoteReference * {
  position: inherit !important;
  top: 0px !important;
  vertical-align: inherit !important;
  font-size: 100% !important;
  text-decoration: none !important;
  color: blue;
}

.drsFootnoteReference {
  vertical-align: text-top;
  position: relative;
  top: -4px;
  font-size: 8pt;
}

/* Make footnotes in included Word content look reasonable */
div.wordContent .inlinedFootnote .MsoFootnoteReference {
  top: 0px !important;
}

div.wordContent .inlinedFootnote span.ConvertedFootnoteRef {
  font-size: 80%;
}

div.wordContent span.ConvertedFootnoteRef { font-size: 80% }

div.wordContent span.MsoFootnoteReference {
    position: relative;
    top: -3pt;
}