body
{
 background: #ffffff url(/grafix/frontpage/background-grad.png) repeat-x;
 font-family: 'Open Sans', sans-serif;
 color: #000000; 
 font-size: 13.5px;
}

.lwblue { color: #0C4964; }

a:link    {color: #0C4964; text-decoration: none;}
a:active  {color: #ff0000; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover   {color: #0C4964; text-decoration: underline;}    

.green               { color: #2e9900; }
.greenanchor         { color: #2e9900; }
.greenanchor:link    { color: #2e9900; }
.greenanchor:visited { color: #2e9900; }
.greenanchor:hover   { color: #2e9900; text-decoration: underline; }

.redanchor         { color: #dd0000; }
.redanchor:link    { color: #dd0000; }
.redanchor:visited { color: #dd0000; }
.redanchor:hover   { color: #dd0000; text-decoration: underline; }
.red               { color: #dd0000; }

.permmenu         {color: #0C4964;}
.permmenu:link    {color: #0C4964;}
.permmenu:visited {color: #0C4964;}
.permmenu:hover   {color: #0C4964; text-decoration: underline;}    

table.register th
{
 background-color: #eeeeee;
 padding: 5px;
 color: #777777;
 text-align: right;
 font-weight: normal;
}
table.register td { background-color: #eeeeee; padding: 5px; }

.candystripe th { background-color: #ffeeee;}    
.candystripe td { background-color: #ffeeee;}

table.password th
{
 background-color: #eeeeee;
 padding: 5px; 
 color: #777777;
 text-align: right;
 font-weight:normal;
 font-size: 13px;
}
table.password td
{
 background-color: #eeeeee;  
 font-size: 13px;
} 

.formnotes
{
 font-size: 12px; 
}                              

.formnotesred
{
 font-size: 13px;
 color: #dd0000; 
}

.uhover:hover { text-decoration: underline; }

hr { border:0; height: 1px; color: #aaaaaa; background-color: #aaaaaa; }

b
{
 font-family: 'Open Sans', sans-serif;
 font-weight: 600;
}

h1
{
 font-family: 'Open Sans', sans-serif;
 font-weight: 700;
 font-size: 28px;
 color: #0C4964;
 margin: 0px;
 display: inline;
}   

h2
{
 font-family: 'Open Sans', sans-serif;
 font-weight: 600;
 font-size: 18px;
 color: #0C4964;
 margin: 0px;
 display: inline;
} 

h3
{
 color: #0C4964;
 font-size: 14px;
 font-weight: bold;
 margin: 0px;
 display: inline;    
}    

h6
{
 font-size: 12px;
 font-weight: normal;
 margin: 0px;
 display: inline;    
}

#wrapper
{
 width: 1000px;
 margin: 0px auto;
}

.ukonly
{
 color: #dd0000;   
 font-size: 13px;
 background-color: #eeeeee;
 text-align: center;
 margin: 15px 15px 0 0;
 width: 790px;
} 

.ukonly2
{
 color: #0C4964;
 font-size: 13px;
 background-color: #eeeeee;
 text-align: center;
 margin: 15px 15px 0 0;  
 width: 790px;
}

.topblurb
{
 width: 790px;
}
.formtop
{
 padding-top: 4px;
}

.paraheader
{
 color: #0C4964;
 font-size: 18px;
 font-weight: bold;   
}  

.subpara
{
 color: #0C4964;
 font-size: 14px;
 font-weight: bold;   
}

.listoflinks
{
 font-size: 14px;
}

.headerlinks
{
 font-size: 13px;   
}
   

/* side menu */

#sidemenu
{
 font-size: 13px;
 padding: 10px 0 10px 0;
 margin: 0;
}
#sidemenu li
{
 list-style-type: none;
}    
#sidemenu li a:link, #sidemenu li a:visited
{
 list-style-type: none;
 color: #0C4964;
 background-color: #eeeeee;
 text-decoration: none;
 display: block;
}
#sidemenu li a:hover
{
 color: #ffffff;
 background-color: #3c7994;
 text-decoration: none;
 display: block;
}


#excstuff li
{
 font-size: 13px;
}

.notes
{
 font-size: 13px;
 background-color: #eeeeee;
 padding: 5px 7px 0 7px;   
}

.information { background-color: #eeeeee; }

.searchbox  {
             /* height: 30px; */
             background-color: #dddddd;
             font-size: 9pt;
             /* margin: 15px 0px 0px 0px; */
             padding: 5px 0px 10px 0px;
            }

.contact     {font-size: 80%; color: #0C4964;}
.enquiry     {font-size: 80%; font-weight: bold;}
.disclaimer  {font-size: 8pt; color: #888888;}    
.click       {font-size: 60%; color: #888888;}
.thispage    {color: #888888;}
.underline   {text-decoration: underline;}
.underline:link    {color: #0C4964; text-decoration: underline;}
.underline:active  {color: #ff0000; text-decoration: underline;}
.underline:visited {color: #666666; text-decoration: underline;}
.underline:hover   {color: #0C4964; text-decoration: underline;}
.red         { color: #DD0000; }
.menuhighlight { color: #dd0000; background-color: #ffffdd; }

table.libmenu    { width: 120px; background-color: #ffffff; }
table.libmenu td { background-color: #eeeeee;
                   font-size: 80%;
                   height: 25px;
                   text-align: center;
                   color: #000000;
                 }

table.record th { font-size: 80%; background-color: #ffffff; color: #888888; text-align: left;}
table.record td { font-size: 80%; background-color: #ffffff;}

table.backto th { font-size: 80%; color: #888888; text-align: right; font-weight: normal;}
table.backto td { font-size: 80%;}

table.preface td { font-size: 80%; background-color: #fff9dd; }

.lwvisited         {font-size: 9pt; color: #888888;}
.lwvisited:link    {font-size: 9pt; color: #888888;}
.lwvisited:visited {font-size: 9pt; color: #888888;}
.lwvisited:hover   {font-size: 9pt; color: #0C4964; text-decoration: underline; }

.navigation         {font-size: 10pt; color: #0C4964;}
.navigation:link    {font-size: 10pt; color: #0C4964;}
.navigation:visited {font-size: 10pt; color: #0C4964;}
.navigation:hover   {font-size: 10pt; color: #0C4964; text-decoration: underline;}

.topnavigation      { font-size: 9pt; color: #999999; }
a.topnavigation     { font-size: 9pt; color: #999999; text-decoration: none; }

a.greenlink              { color: green; }
a.greenlink:link         { color: green; }
a.greenlink:visited      { color: green; }
a.greenlink:hover        { color: green; text-decoration: underline;}

.green         { color: green; text-decoration: none; }

.bbold {color: #0C4964; font-size: 90%;}

.pmenu         {color: #0C4964; }
.pmenu:link    {color: #0C4964; }
.pmenu:visited {color: #0C4964; }
.pmenu:hover   {color: #0C4964; text-decoration: underline;}

.mmenu         {color: #0C4964;}
.mmenu:link    {color: #0C4964; text-decoration: underline;}
.mmenu:visited {color: #0C4964; text-decoration: underline;}
.mmenu:hover   {color: #0C4964; text-decoration: underline;}

.heading    {font-weight: bold; font-size: 110%; color: #0C4964;}   
.heading2   {font-weight: bold; font-size: 130%; color: #0C4964;}
.heading3   {font-weight: bold; font-size: 110%; color: #0C4964;}
.small      { font-size: 9pt;  }
.smaller    { font-size: 8pt;  }
.grey       { color: #aaaaaa;  }
.darkergrey { color: #999999;  }
.emphasise  { color: #A71600;  }

.u {text-decoration: underline;}

.terms   { font-size: 10pt; }  

.postscript
 {
  font-size: 9pt; 
  background: #ffffcc;
  margin: 3px;
 }

#ajax_response{
	font-size: 8pt;
	border: 1px solid #8789E7;
	background: #FFFFFF;
	width: 100px;
	position: absolute;
	display: none;
	padding :2px 2px;
	top: auto;
}
.list {
	padding:0px 0px;
	margin:0px;
	list-style : none;
}
.list li a{
	text-align : left;
	padding:2px;
	cursor:pointer;
	display:block;
	text-decoration : none;
	color:#000000;
}
.selected{
	background : #CCCFF2;
}
#holder{
	width : 350px;
}
.bold{
	font-weight:bold;
	color: #0C4964;
}
#fullheight { height:100%; }
#searchmenu td { height: 100%; }
#disclaimer
{
 vertical-align: bottom;
}
.lhsmall { line-height: 15px; margin-bottom: 0px; }

.privatejobnumber
{
 cursor: help;
 color: #888888;
 font-size: 9pt;
}

.ibox
{
    padding-left: 5px;
    padding-right: 5px;
}


/*
    invite
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#B5B5B5; padding:1px;}
        #cboxLoadingGraphic{background:url(../../grafix/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles 
        #cboxPrevious, #cboxNext, #cboxSlideshow {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../../grafix/controls.png) no-repeat 0 0;}
        #cboxClose {border:0; padding:0; margin:0,10px; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:5px; left:774px; background:url(../../grafix/controls.png) no-repeat 0 0;}
        
        avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) 
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

      #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}   
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
       .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}