@charset "UTF-8";
/*-----------------------------------------------------------------------------
 Copyright: Copyright (C) 2008 Online media branding Ltd. All rights reserved.
 Filename: layout.css
 Description: Layout
 Version: 1.0
 Author: Allan MacIver
 Date Created: Sept 29th, 2008
 Last Updated: Sept 30th, 2008
 Last Updated By: John Ellis
-------------------------------------------------------------------------------
 Email: webmaster [at] 360innovate [dot] co [dot] uk
 
 Website: www.locummonkey.co.uk
 www.360innovate.co.uk
-------------------------------------------------------------------------------
 
This file is not a template and may not be reproduced.
 
------------------------------------------------------------------------------*/
 
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td
 
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: 'Lucida Grande',arial,helvetica,sans-serif;}
:focus { color: #333; }
body { line-height: 1; color: black; background: white;}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
 
/* =reset.css c/o http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-----------------------------------------------------------------------------*/


html {
margin:0;
padding:0;}

body {
margin:0;
padding:0;
font-family:'Lucida Grande','DejaVu Sans',arial,helvetica,sans-serif;
font-size:1em;
color: #525252;
background: #FFFFFF url(../images/design/bg.gif) repeat-x;
line-height: 1.2em;
}

a, a:visited {
margin:0;
padding:0;
font-size:1em;
text-decoration: underline;
color:#CD4256;
}

a:hover {
text-decoration: none;
color:#525252;
}

strong{
font-weight:bold;
color:#CD4256;
}

.sml-info{
color:#777;
font-size:0.85em;
}

.bold-text{
font-weight:bold;
color:#CD4256;
}

.top-bold-text{
font-weight:bold;
color:#fffcd4;
}

.sub-heading {
color:#666666;
font-size:0.8em;
font-weight:bold;
}

p {
padding: 0;
margin:10px 30px 10px 0;
}

p.required {
color:#a1293a;
}

#maincontain {
width: 1004px;
margin: 0 auto; !important
height:auto;
}

h5.header{
border-bottom:1px solid #CCCCCC;
color:#CD4256;
font-weight:bold;
margin:10px 10px 20px 0;
padding-bottom:2px;
font-size:0.8em;
}

h3{
color:#555555;
font-size:0.75em;
font-weight:bold;
}

h3.transactionShow a{
font-size:12px;
color:#CD4256;
}

div#lists h3 a{
font-weight:bold;
color:#CD4256;
font-size:1em;
}

div#lists h3 {
border-bottom:1px dotted #CCCCCC;
margin-bottom:10px;
width:80%;
}

h6 {

font-size:1em;
font-weight:bold;
color:333;
}

div#strapline .content {
color:333;
font-size:1em;
line-height:140%;
}

span.content  {
font-weight:bold;
color:#CD4256;
font-size:0.75em;
}

.check-text{
color:333;
font-size:0.8em;
}

.bg p {
font-size:0.8em;
}

.bg h1 {
font-size:1.2em;
color:#CD4256;
}

/* Right Column */

#mainright {
float: right;
width: 635px;
padding: 0;
margin:0;
}




#menus{
padding:0;
list-style-type:none;
height: 43px;
width: 620px;
font-size:.9em;
clear:both;
}

#refine {
border-bottom: 1px solid #ccc;
width:90%;

}


/* Menus */

#login-left-curve {
margin:0;
padding:0;
height:39px;
width:15px;
float:right;
background: url(../images/design/light-brown-left.png) left bottom no-repeat;
}


#topLogin{
    float:right;
    margin-bottom:39px;
    background: url(../images/design/light-brown-bg-curve.png) right bottom no-repeat;
    padding: 0 10px 10px 10px;
}

#loggedIn{
   float:right;
   margin-bottom:39px;
   background: url(../images/design/light-brown-bg-curve.png) right bottom no-repeat;
   padding: 5px 10px 7px 10px;
   font-size:13px;
   width:460px;
}

#message-top {
float: left;
color:#FFFFFF;
font-size:11px;
margin-top:2px;
}

#loggedIn p{
   margin: 0 0 5px 0;
}

#topButtons{
   text-align: right;
}

#loginBtn{
   position: relative;
   top: 6px;
}

#menus ul{
margin:0;
padding:0;

}

#menus li{
float: left;
font-size:0.9em;
text-align:center;
}

#menus li a{
display: block;
background:url(../images/design/but-pink.gif) no-repeat;
width: 124px;
height: 43px;
margin:0;
padding:0;
line-height: 53px;
color: #FFFFFF;
font-weight:bold;
text-decoration:none;
font-size: 0.9em;
}

#menus li a:hover, #menus li a.current{
background:url(../images/design/but-yellow.gif) no-repeat;
color:#694927;
line-height: 53px;
}


/* Right Side Content */

#strapline{
background:none repeat scroll 0 0 #FFFFFF;
padding-bottom:20px;
padding-left:2.5em;
padding-top:10px;
width:585px;
}

#strapline p {
line-height: 1.5em;
padding-left:5px;
}

#strapline h1{
padding:10px 10px 15px 5px;
color: #d43a51;
font-size:1.6em;
line-height: 1.2em;
}

#strapline a {
color:#777;
text-decoration:none;
}

#strapline a:hover {
text-decoration:underline;
}

#content-top {
background:url(../images/design/content-top.png);
width: 624px;
height: 35px;
margin-top:40px;}

#content {
background:#FFFFFF;
padding: 0 20px 0 30px;
width: 574px;

}

#content p{
font-size: .8em;
}


#content h1{
padding: 10px 10px 15px 0px;
color: #d43a51;
font-size: 1.4em;
line-height: 1.2em;
}

#content-bottom{
background:url(../images/design/content-bottom.png);
height: 35px;
width: 624px;}

#quicklinks{
padding: 20px 0 0 10px;
}

/* table styling */

div.transaction table th{
   padding-right:30px;  
}

div.transaction table td{
   padding-right:30px;
}

table#miniLoc{
   width: 600px;
}

table#miniLoc tr{
   width:100%;
}

table#miniLoc td{
   width:50%;
}

table#responses th, table#responses td{
   padding-right:30px;
   padding-bottom:8px;
}

th{
font-size:0.8em;
font-weight:bold;
}

td{
font-size:0.8em;
}


/* Left Column */

#mainleft {
width:365px;
color: #252525;
float: left;
}

#mainleft h1{
background:transparent url(../images/design/pink-header.gif) no-repeat scroll 0 0;
color:#FFFFFF;
font-weight:bold;
height:26px;
line-height:26px;
margin-bottom:10px;
text-indent:15px;
width:246px;

}

#header {
background-image: url(../images/design/header.gif);
height: 185px;
width: 365px; 
}

#flash-insert {
width:310px;
height:136px;
margin: 0px 0px 0 25px;
padding-top:2px;
}

#left-higher-top { 
height: 30px;
background: url(../images/design/left-high-top.png);
width: 266px;
}

#left-higher {
width:252px;
background-color:#FFFFFF;
padding-left:14px;
font-size: .8em;
}

#left-higher-bottom {
height: 19px;
background: url(../images/design/left-high-bottom.png);
width: 266px;}

#left-mid-top {
height: 19px;
background:url(../images/design/grey-box-top.gif);
width: 238px;}

#left-mid {
background-color:#f1f1f1;
width: 218px;
padding:0 10px;
}

#left-mid-bottom {
height: 27px;
background:url(../images/design/grey-box-bottom.gif);
width: 238px;}


#left-lower-top { 
height: 19px;
background: url(../images/design/left-mid-top.png);
width: 266px;
margin-top:20px;
}

#left-lower {
background-color:#fff;
padding:0 17px;
font-size: .8em;
}

#left-lower-bottom {
height: 35px;
background: url(../images/design/left-mid-bottom.png);
width: 266px;}


#left-padding {
padding: 0px 50px 20px 50px;
width:266px; }

#clearer {
clear:both;
}

#footer-top {
padding: 0px 0px 5px 0px;
width: 980px;
border-bottom:1px solid #bbb;
margin:0 auto; !important

}

#footer-bottom {
padding:0px 10px;
width: 980px;
margin:0 auto; !important
}

.footer-right{
font-size:0.75em;
float: right;
margin: -10px 0 10px 50px;
}

.footer-left{
font-size:0.75em;
margin:5px 0 3px 50px;
}

.footer-color{
color:#CD4256;
font-weight:bold;
}

.footer-dark{
font-weight:bold;
color:#444;
}

.footer {
font-weight:normal;
}

.checkboxes {
border:1px solid #CCCCCC;
font-size:0.9em;
height:100px;
margin:0 0 20px;
overflow:auto;
padding:5px;
}

/* Form styling */

#signup {
margin-top:10px;
background: url(../images/design/bg-top.png) no-repeat;
height:40px;
}

.main-header {
border-bottom:2px solid #CCCCCC;
color:#CD4256;
font-weight:bold;
padding-bottom:2px;
text-transform:uppercase;
margin:0px 40px 20px 0px;
}

.bg {
background:#fff;
padding-left:2.5em;
width:585px;
padding-bottom:20px;
padding-top:10px;
}

.bg ul {
font-size:0.8em;
color:#555;

}

div.disc ul {
list-style:disc;
list-style-position:outside;
}

textarea, select {
border:1px solid #bbb;
}

div.input {
padding:35px 0 20px 18em;
}

div.row {
clear:both;
padding-top:7px;
width:580px;
}

div.row2 {
clear:both;
padding-top:5px;
/* Removed, causing issues encroaching onto content area - John McC */
/*width:440px;*/
}

div.row2 span.label {
float:left;
text-align:right;
}
div.row2 span.formw {
float:right;
font-size:0.8em;
text-align:left;
/* Removed, causing issues encroaching onto content area - John McC */
/*width:370px;*/
}

div.row span.label {
float:left;
text-align:left;
}
div.row span.formw {
float:right;
font-size:0.8em;
text-align:left;
width:370px;
}

span.forml {
float:left;
text-align:left;
width:370px;
}

form div.submit input {
float:right;
height:2em;
margin:20px 0 20px 150px;
width:5em;
}
div.input {
padding:35px 0 20px 18em;
}

div.row span.label {
color:#555555;
font-size:0.8em;
font-weight:bold;
}

span.formw input {
border:1px solid #BBBBBB;
}

span.formbtn input {
border:none;
margin:0.5em 0 0 16em;
}
/* tooltip styling and layout */

img.tooltip {
padding-left:5px;
position:absolute;
}

/* RSS Feed Styling */

#rssfeed li {

background:transparent url(../images/design/bullet_arrow.gif) no-repeat scroll 8px 9px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-bottom:5px;
padding-left:20px;
}

#rssfeed li a, #rssfeed li a:visited {

color:#525252;
text-decoration:none;

}

#rssfeed li a:hover {

color:#CD4256;
text-decoration:underline;

}

/* Misc styling */

div#top_advertising{
   margin: 20px 0 0 10px;
}

hr {
border: 0;
width: 80%;
color: #ccc;
background-color: #ccc;
height:1px;
}

ol{
   font-size: 0.8em;
   list-style: decimal;
   list-style-position:outside;
   padding-right:20px;
}