/* 
CSS Document 
styles/layout.css
AshR - 14-oct-09
*/

img {border:0;}

div#main
{
/*border:1px solid black;*/
background-color:#FFFFFF;
width:1000px;
margin-left:auto;
margin-right:auto;
padding-top:0px;
height:100%;

}
body,textarea
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
color:#221E1F;
}

div.clear {clear: both; line-height: 0; height: 0;}


a.nav:LINK, a.nav:VISITED, a.nav:ACTIVE
{
margin-top:90px;
border-right:2px solid #ADDDCC;
height:55px;
padding-right:1px;
padding-bottom:0px;
padding-top:20px;
float:left;

}

a.nav:HOVER
{

}

li.side {
	list-style:none;
   list-style-image: none;
   background-image: url(../images/bullet.gif);
   background-repeat: no-repeat;
   background-position: left center;
   padding-left : 15px;
   }



ul.side li {
   list-style-image: none;
   background-image: url(../images/bullet.gif);
   background-repeat: no-repeat;
   background-position: left center;
   padding-left: 25px;
   padding-top:10px;
   padding-bottom:10px;
   font-size:130%;
   }

ul.cl
{
/**/
clear:both; 
}
/* defaults */


a:LINK, a:VISITED, a:ACTIVE
{
text-decoration:none;
color:#323231;
}

a:HOVER
{
text-decoration:underline;
}

div.header
{
width:747px;
padding-top:50px;
float:left;
/*height:134px;*/
}

img.imagefloat
{
float:left;
}

img.intelligent
{
padding-left:140px;
}

div#navblock
{
display:block;
padding-top:18px;
}

div#container
{
float:left;
width:1000px;
margin-bottom:0.5em;
}

div.underline
{
border-bottom:2px solid #91D2BB;
display:block;

}

div#content
{
display:block;
/*height:270px;*/
width:736px;
float:left;
font-size:95%;
line-height:100%;/*
overflow:visible;*/
overflow:auto;
margin-left:69px;
margin-top:23px;
margin-bottom:20px;
padding-bottom:1em;
}

p
{
margin-bottom:0 auto;
padding-bottom:0px;
line-height:1.0em;
}

/* ------------------- buttons ------------------------*/


a.btn-loc:LINK, a.btn-loc:VISITED, a.btn-loc:ACTIVE
{
  /*text-indent     : -9999px;*/ 
	
  background:	url("../images/btn-cardiology-locums-off.gif");
  
  width:174px;
  height:56px;
 
  display:block;
}

a.btn-loc:HOVER
{
background:	url("../images/btn-cardiology-locums-on.gif");
}

a.btn-diag:LINK, a.btn-diag:VISITED, a.btn-diag:ACTIVE
{
 /* text-indent     : -9999px;*/
  background-image:	url("../images/btn-cardiology-diags-off.gif");
  width:174px;
  height:56px;

  display:block;
}

a.btn-diag:HOVER
{
 background-image:	url("../images/btn-cardiology-diags-on.gif");
}



/* ------------------- form stuff ---------------------*/

fieldset 
{
    border      : 0px solid #000;
}

.field 
{
    clear       : left;
    margin-bottom: 8px;
}

.field label
{
    color       : #ffffff;
    font-size   : 0.8em;
    font-weight : bold;
    width       : 80px;
    display     : block;
    float       : left;
}

.field input.inputField
{
    background      : transparent url("../images/bgrounds/input-bg.gif") no-repeat left top;
    border          : 0px;
    width           : 350px;
    padding         : 5px 8px 3px;
    
    color           : #000000;
}

.field textarea.inputTextArea
{
    background      : transparent url("../images/bgrounds/textarea-bg.jpg") no-repeat left top;
    border          : 0px;
    width           : 250px;
    height          : 8em;
    padding         : 5px 8px 3px;
    border-right:1px solid #D8E7E2;
    color           : #000000;
}

div.button-holder
{
     margin-left   : 80px;
}

div.button-holder input 
{
/*    border          : 1px solid #0d8ca0;*/
    background-color: #91D2BB;
    color           : #ffffff;
    padding         : 3px;
    font-size       : 0.8em;
    font-weight     : bold;
}

/* --------------- nav handler -------------------*/

/*
margin-top:90px;
border-right:2px solid #ADDDCC;
height:55px;
padding-right:1px;
padding-bottom:0px;
padding-top:20px;
float:left;
*/

div#navigation-holder 
{
    float           : left;
    margin-top      : 89px;
    width           : 620px;
    min-height      : 75px;

} 

div#navigation-holder UL {
	padding			: 0px 0px 0px 0px;
	list-style-type	: none;
	white-space		: nowrap;
}

div#navigation-holder LI 
{
	display			: inline;
	float			: left;
	margin-right    : 0px;
	padding-top:0px;
}

div#navigation-holder LI a
{
	display         : block;
    height          : 63px;
    overflow        : hidden;
    text-indent     : -9999px;

}
div#navigation-holder LI.selected a,
div#navigation-holder LI a:hover 
{
    background-position: 0px -49px  !important;
}



div#navigation-holder LI a
{
	display         : block;
    height          : 56px;
    overflow        : hidden;
    text-indent     : -9999px;
	border-right	:2px solid #ADDDCC;

	padding-top:20px;
	
	
}
/*margin-top:90px;

height:55px;
padding-right:1px;
padding-bottom:0px;
padding-top:20px;
float:left;
*/
div#navigation-holder LI a.home {

    background      : transparent url("../images/topnav/welcome.gif") no-repeat left 34px;
    width           : 63px;

}

div#navigation-holder LI a.cardiology-locums {

    background      : transparent url("../images/topnav/cardiology-locums.gif") no-repeat left 34px;
    width           : 67px;

}

div#navigation-holder LI a.cardiology-diagnostics {

    background      : transparent url("../images/topnav/cardiology-diagnostics.gif") no-repeat left 34px;
    width           : 70px;
}

div#navigation-holder LI a.our-locum-service {

    background      : transparent url("../images/topnav/our-locum-service.gif") no-repeat left 20px;
    width           : 67px;
}

div#navigation-holder LI a.register {

    background      : transparent url("../images/topnav/register.gif") no-repeat left 20px;
    width           : 67px;
}
div#navigation-holder LI a.our-chosen-charity {

    background      : transparent url("../images/topnav/our-chosen-charity.gif") no-repeat left 20px;
    width           : 67px;
}
div#navigation-holder LI a.our-clients {

    background      : transparent url("../images/topnav/our-clients.gif") no-repeat left 20px;
    width           : 67px;
}

div#navigation-holder LI a.contact {

    background      : transparent url("../images/topnav/contact-us.gif") no-repeat left 20px;
    width           : 67px;
	border			: 0;
}
.clearCSS {clear:both;line-height:0px;height:0px;visibility:hidden; overflow: hidden;}
/* -----------------------------------*/

div#address
{
margin-left:170px;
margin-top:100px;
width:170px;
display:block;
float:left;
}

div#righttile
{
background-image:url(../images/tile.gif);
background-repeat:repeat-y;
background-position: 258px 0px;
display:block;
}

div#footer
{
text-align:right;
font-weight:bold;
}
div#footerlinks
{
font-size:75%;
float:left;
}

th
{
text-align:left;
vertical-align:top;
}

div.required
{
color:red;
display:inline;

}
h2
{
color:#0A7C69;
font-size:120%;
}
h1
{
margin-top:5px;
font-size:200%;
color:#0A7C69;
font-weight:normal;
padding-bottom:12px;
border-bottom:2px solid #91D2BB;
}

input.text
{
width:285px;
}

div.white
{
color:white;
}

textarea
{
font-size:100%;
}


div.register
{
float:left;width:300px;background-color:#06B085;color:white;height:50px;padding:20px;vertical-align:middle;font-weight:bold;font-size:120%;padding-top:42px
}

div.regsep
{
border-right:1px solid #95D4BE;float:left;width:0px;display:inline;margin-right:25px;height:300px
}

input.regbutton
{
background-color:#95D4BE;color:#02543F;vertical-align:middle;margin-left:40px;margin-top:5px;font-weight:bold
}
