/* 
Copyright Waxwing Limited 2004
Created by Richard Wilson

Styles are organised by layout on page: wrapper, topnav, subnav, content, footer.
Please keep all styles within sections
*/

html,#aspnetForm{ height:100%; margin:0px; padding:0px;}
body {background-color: #4083A0; padding:0px; margin:0px; text-align: center;font-family:Verdana, Arial, Helvetica; height:100%; background-image:url(../images/bodybg.gif); }

body p { font-size: x-small; voice-family: "\"}\"";voice-family: inherit;font-size: small;}
html>body p {font-size: small;}

body{ font-size: x-small; voice-family: "\"}\"";voice-family: inherit;font-size: small;}
html>body {font-size: small;}

body ul li { font-size: x-small; voice-family: "\"}\"";voice-family: inherit;font-size: small;}
html>body ul li {font-size: small;}

body table tr td{ font-size: x-small; voice-family: "\"}\"";voice-family: inherit;font-size: small;}
html>body table tr td {font-size: small;}



/*----------------- Wrapper -----------------*/
#PageWrapper{width: 770px; margin: 0px auto 0; padding: 0; position: relative; text-align: left; height:auto;background-color:#FFF; min-height:100%; height:auto; margin-top:-30px;}


/*----------------- TopNavigation----------------- */
#TopNavigation {background:#666666; height:28px; top:10px; border-top: solid 30px white;}
#TopNavigation ul{list-style: none;margin:0; padding:5px; margin-left:203px; position:relative; width:400px;}
#TopNavigation li {float:left;margin:0;padding:0; padding-left: 12px; padding-right:12px; color:#ffffff; border-left: solid 1px #ffffff;}
#TopNavigation li.first { border-left-width: 0; }
#TopNavigation a{color:#ffffff; text-decoration:none; font-size: 11px;}
#TopNavigation a:hover{color:#ffffff; text-decoration: underline; }


/*----------------- Side Bar ----------------*/
#SideBar {position: relative; float:left; width:170px; margin-top: 10px; }


/*----------------- Logo --------------------*/
#Logo { position: relative; float: left; width: 200px; padding-left: 5px; margin-left:0px;}
#Logo p{ margin-left:3px; font-size:10px;}


/*----------------- SubMenu -----------------*/
#SubMenu { position: relative; float:left; width:190px; background:#E6D4EE; padding: 0px 0px 10px 0px; padding-top: 0; margin-left: 10px; margin-top: 10px; border: solid 0px #880088; width:190px;display: inline; }

#SubMenuInfo { margin-left:10px; margin-top:0px; float:left;}
#SubMenuInfo p{ font-size:10px;}

#SubMenu h1, #CentreBox h1.PurpleButterfly { font-size: 12px; background-color: #802AA9; padding: 5px; color: #ffffff; font-weight: bold; margin: 0px; background-image: url(../images/butterfly-purple.gif); background-repeat: no-repeat; background-position: center right;}


#SubMenu a.groups { text-decoration:none; color:#880088; display: block;  font-size: 11px; margin-top: 10px; margin-bottom:0px; padding:0px; margin-left:10px;  }
#SubMenu a.groups:hover { font-weight: bold; }
#SubMenu ul{ margin:0px; padding:0px; list-style:none;  margin-left:10px;}
#SubMenu li { margin:0;padding:0; color:#777777; padding-top: 3px; }
#SubMenu li a { color: #333333; margin: 0px; padding:0px; text-decoration: none; font-size: 11px; }
#SubMenu li a:hover, #SubMenu li a.currentPage{ color:#880088; text-decoration: underline; }
#SubMenu ul ul { display: none; }
#SubMenu ul li.open a { font-weight: bold; }
#SubMenu ul li.open ul { display: block; margin-left:13px; }
#SubMenu ul li.open li { padding-top: 2px; }
#SubMenu ul li.open ul a { font-weight: normal; }
/**/

/* Sub menu highlighting */
#SubMenu ul li a.highlight { color:#880088; }


/*----------------- Search box --------------*/
#SearchBox {position: relative; float:left; width:190px;  background-color: #D4EEE8; padding: 0px; padding-top: 0; margin-left: 10px; margin-top: 10px; display: inline; }
#SearchBox h1 { font-size: 12px; background-color: #2AA98A; padding: 5px; color: #ffffff; font-weight: bold; margin: 0px; background-image: url(../images/butterfly-green.gif); background-repeat: no-repeat; background-position: center right;}
#SearchBox input.Search { width: 170px; border: solid 1px #999999; height: 20px; }
#SearchBox a.Search { background-color: #cccccc; border: solid 1px #999999; display: block; height: 13px; margin-top: 5px; text-align: center; width: 165px; font-size: 12px; padding: 0 2px 4px 2px; color: #000000; text-decoration: none; }
#SearchBox a.Search:hover { background-color: #000000; color: #cccccc; }
#SearchBox label {  font-size: 10px; }
#SearchBox a.SiteMap { font-size: 10px; color: #000000; text-decoration: underline; }
#SearchBox a.SiteMap:hover { text-decoration: none; }
#SearchBox p{margin:8px;}


/* -------------- Main Body -----------------*/
#CentreBox {position:relative; float:right; background-color:#ffffff; margin:0px; min-height:400px;  margin-bottom:0px; padding: 10px 15px 20px 10px; width:580px; voice-family: "\"}\""; voice-family:inherit; width:537px; }
#CentreBox p{ margin: 0px 0px 10px 0px; text-align:justify;}
ie5ignore3{}
/*#CentreBox h1 { font-size: 16px; margin:0px;background-color: #802AA9; color: #ffffff; font-weight: bold; padding: 5px; background-image: url(../images/butterfly-purple.gif); background-repeat: no-repeat; background-position: center right; height: 17px; }*/
#CentreBox h1 {font-weight: bold; padding: 0px; font-size: 18px;color:#880088; margin:0px; margin-bottom:6px; clear:both;}
#CentreBox h2, p.Surgeon { font-size: 14px; font-weight: bold; margin-bottom:4px; margin-top:10px; padding:0px; color:#880088; margin:0px 0px 3px 0px; clear:both;}
#CentreBox h3 { font-size: 12px; font-weight: bold; margin-bottom:0px; margin-top:10px; padding:0px; color:#880088; margin:0px 0px 1px 0px;}
p.Surgeon { clear:none;}

#CentreBox ul{ margin-top:5px; margin-bottom:5px;}
#CentreBox ul li{ margin-top:0px; margin-bottom:4px;}

#CentreBox .emphasis{ font-weight:bold; color:#802AA9;}


#CentreBox img.tr, #CentreBox img{ float:right; margin: 0px 0px 10px 10px; }
#CentreBox img.tl{ float:left; margin: 0px 10px 10px 0px; }
#CentreBox img.lm{ float:left; margin: 0px 10px 10px 10px;}
#CentreBox img.rm{ float:right; margin: 0px 10px 10px 10px;}

#CentreBox .imagecaption{float:left; margin-right:10px;}
#CentreBox .imagecaption img{ float:none; margin:0px;}

#HomeHeader { margin-top: 10px; }
#NewsTicker { border: solid 1px #999999; margin: 10px 20px 10px 20px; padding: 5px; color: #339999; font-size: 12px; }
#NewsTicker b { color: #000000; }
#NewsTicker a { color: #339999; text-decoration: none; }
#NewsTicker a:hover { text-decoration: underline; }
#HomeCenter { margin: 0px 20px 0px 20px; height: 222px; }
#HomeCandidate { width: 445px; border: solid 1px #802AA9; float: left; height: 220px; } 
#HomeCandidateTitle{ background-color: #802AA9; color: #ffffff; font-weight: bold; padding: 5px; background-image: url(../images/butterfly-purple.gif); background-repeat: no-repeat; background-position: center right; height: 17px; }
#HomeCandidateBody { background-image: url(../images/homecandidate.jpg); background-repeat: no-repeat; text-align: right; padding: 5px 10px 10px 200px; height: 180px; }
#HomeCandidateBody p { font-size: 10px; }
#HomeCandidateBody table { text-align: right; margin-left: auto; }
#HomeCandidateBody th { font-size: 10px; font-weight: bold; text-align: right; padding: 2px; }
#HomeCandidateBody td { font-size: 10px; text-align: left; padding: 2px; }
#HomeCandidateBody input, .HomeBMI { width: 30px; border: solid 1px #000000; }


#HomeCandidateBody a { font-weight: bold; color: #802AA9; text-decoration: none; font-size: 11px; }
#HomeCandidateBody a:hover { text-decoration: underline; }
#HomeAbout { margin-left: 10px; float: left; width: 273px; }
#HomeAbout a { color: #000000; }
#HomeAbout a:hover { text-decoration: none; }
#HomeAboutTitle { background-color: #802AA9; color: #ffffff; font-weight: bold; padding: 5px; background-image: url(../images/butterfly-purple.gif); background-repeat: no-repeat; background-position: center right; height: 18px; }
#HomeFind { background-color: #E6D4EE; margin-top: 1px; padding: 10px 5px 5px 90px; background-image: url(../images/homefind.jpg); background-position: 10px 10px; background-repeat: no-repeat; height: 81px; }
#HomeFind p { font-size: 10px; margin-bottom: 1em; }
#HomeRead { background-color: #E6D4EE; margin-top: 1px; padding: 10px 5px 5px 90px; font-size: 10px; background-image: url(../images/homeread.jpg); background-position: 10px 10px; background-repeat: no-repeat; height: 81px; }
#HomeRead p { font-size: 10px; margin-bottom: 1em; }
#HomeSearchTitle { background-color: #2AA98A; padding: 5px; color: #ffffff; font-weight: bold; margin: 10px 20px 0px 20px; background-image: url(../images/butterfly-green.gif); background-repeat: no-repeat; background-position: center right; }
#HomeSearch { margin: 1px 20px 10px 20px; height: 100px; }
#HomeSearch p { font-size: 9px; margin:0px; margin:8px 0px 4px 0px;}
#HomeSearch a { color: #000000; text-decoration: underline; }
#HomeSearch a:hover { text-decoration: none; }
#HomeSearchBox { background-color: #D4EEE8; float: left; width: 250px; height: 100px; padding: 10px; voice-family: "\"}\""; voice-family:inherit; width: 230px; height: 100px; }
#HomeSearchBox label { font-size: 9px; font-weight: bold; }
#HomeSearchBox .Button { border: solid 1px #000000; padding: 4px; background-color: #dddddd; font-size: 9px; font-weight: bold; text-decoration: none; }
#HomeSearchSurgeons,#HomeSearchPatient,#HomeSearchCommercial { background-color: #D4EEE8; float: left; margin-left: 1px; width: 139px; background-position: 10px 10px; background-repeat: no-repeat; padding:10px;height: 100px; line-height:120%;}
/*
#HomeSearchSurgeons{ background-image: url(../images/homesurgeons.jpg)}
#HomeSearchPatient{  background-image: url(../images/homepatientsupport.jpg); }
#HomeSearchCommercial{ background-image: url(../images/homepatientsupport.jpg); }
*/

#HomeSearchSurgeons h2,#HomeSearchPatient h2,#HomeSearchCommercial h2{ font-weight:bold; font-size:0.8em; margin:0px;}

ol{font-size:xx-small;}

.sponsors{ width:270px;}

/*  ---- Tables ----- */
#CentreBox table.standard{ border-collapse:collapse;border-color:#cccccc; border-style:solid; width:99%; margin:10px 0px 10px 0px; border-width:1px 0 0 1px;}


#CentreBox table.standard TD{border: 1px #dddddd solid;padding:4px;border-width:0 1px 1px 0;}
#CentreBox table.standard TR{vertical-align:top;}
#CentreBox table.standard TD TABLE TD{border: 0px #eeeeee solid;padding:2px;}
#CentreBox table.standard tr.header{ background-color:#802AA9; color:White; font-weight:bold;}


#CentreBox table.calc { border: solid 1px #880088; border-collapse: collapse; font-weight: bold; }
#CentreBox table.calc td { padding: 5px; }
#CentreBox table.calc input { width: 50px; }
#CentreBox table.calc .buttons { width: 130px; }
#CentreBox table.calc .copy { font-weight: normal; font-size: 10px; }

#CentreBox .BMIResults{ color:#880088; font-weight:bold;}

.BMITable { border: solid 1px #880088; border-collapse: collapse; }
.BMITable td { width: 120px; }
.BMITable th { border-bottom: solid 1px #880088; font-weight: bold; font-size: 14px; }


/* ----------------- Footer ----------------- */
#clearfooter{ clear:both; width:760px; height:40px;}
#footer { clear: both; margin: 0px; padding: 0px; height: 30px; color: #999999; background-color: #ffffff;  width:770px; margin:0px auto;}
#footer ul { list-style: none; margin:0px; padding:0px; position: relative; width: 750px; margin-left:20px;  }
#footer li { float: left; margin: 0; padding: 0; padding-left: 12px; padding-right: 12px; font-size: xx-small; border-left: solid 1px #999999; display: block; margin-top:4px; }
#footer li.first { border-left-width: 0; }
#footer a { color: #999999; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


/* ---------------- Forms ------------------ */
.boxed, .boxednar, .boxednow, .boxedvnar{border:1px solid #666; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:2px; font-size:small; }

body .boxed, .boxednar, .boxednow, .boxedvnar { font-size: x-small; voice-family: "\"}\"";voice-family: inherit;font-size: small;}
html>body .boxed, .boxednar, .boxednow, .boxedvnar {font-size: small;}
ie5ignore6{}

.boxed{width:300px;}
.boxednar{width:200px;}
.boxedvnar{width:100px;}
.boxedtime{width:30px;}

.error{ color:#cc0000; font-weight:bold;}

.buttons { text-align: center; font-size: 12px; padding:2px; color: #000000; text-decoration: none; font-weight:bold; background-color:#E6D4EE; }
.buttons:hover  { background-color: #802AA9; color: #ffffff; }