﻿@import url(reset.css);
@import("patches/ie5mac.css");
@import url(mainnav/layout.css);
@import url(footernav/layout.css);
@import url(subnav/layout.css);
@import url(text.css);
@import url(snippets.css);
@import url(../search/search.css);

body {
	text-align: center;
	background: #000;
	}
div#topbar {
	border-bottom: 1px solid #666;
	background: #fbab18 url(../library/topbar-bg.png) repeat-x left bottom;
	color: #000;
	}
div.wrapper {
	background: transparent url(../library/bg-logo-glow.jpg) no-repeat center top;
	padding: 24px 0;
	}	
div.frame {
	width: 962px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	}	
div.con-printlogo {
	display: none;
	}
div.con-header {
	position: relative;
	z-index: 10000;
	background: #2f2f2f url(../library/header-bg.jpg) no-repeat left top;
	padding: 0 1px;
	}	
div.con-wrapper {
	border: 1px solid #d2d3d2;
	border-top-color: #ffffff;
	position: relative;
	background: #fff url(../library/sidebar-bg.png) repeat-y right top;
	min-height: 400px;
/*	z-index: 0;*/
	}
div.con-breadcrumb {
	background-color: #aaa;
	}
div.con-supp-1,
div.con-supp-2 {
	float: left;
	display: inline;
	z-index: 1;
	position: relative;
	}
div.con-supp-2 {
	width: 259px;
	}
div.con-main {
	float: left;
	display: inline;
	/*z-index: 1;*/
	position: relative;
	width: 701px;
	}	
div.mod-content,
div.mod-contactform,
div.mod-news,
div.mod-events,
div.mod-staff,
div.mod-sitemap,
div.mod-searchresults,
div.mod-form,
div.mod-rssfeeds,
div.mod-extracontent,
div.mod-madeinsa,
div.mod-practitionerdb {
	padding: 0px 0 30px 82px;
	width: 563px;
	}
div.mod-contactform,
div.mod-news,
div.mod-events,
div.mod-staff,
div.mod-sitemap,
div.mod-searchresults,
div.mod-rssfeeds,
div.mod-form,
div.mod-extracontent,
div.mod-madeinsa,
div.mod-practitionerdb {
	margin-top: -30px;
	}					
div.con-footer {
	background-color: #aaa;
	z-index: -1;
	}		

div.content {
	background-color: #fff;
	}

div#top {
    height: 93px;
    }
div.mod-sitelogo img {
    margin: 5px 0 0 0;
    }
div.mod-search {}
div.mod-mainnav {
    background: #000 url(../library/nav-fill.png) repeat-x left bottom;
    padding-left: 25px;
    }
div.mod-footernav {
    background: #fff url(../library/footer-bg.png) no-repeat left top;
    padding: 4px 0 8px 17px;
    }
div.mod-subnav {}
div.rounder {
    height: 17px;
    width: 17px;
    margin: -27px 0 0 242px;
    background: transparent url(../library/subnav-rounder.png) no-repeat left top;
    }
div.mod-contentpanel {
    /*padding: 20px;*/
    }

/* Call-out panels */

.panel-large,
.panel-small {
	position: relative;
	height: 95px;
	width: 209px;
	overflow: hidden;
	background: transparent url(../library/cp-large-bg.png) no-repeat left top;
	margin: 19px 0 19px 21px;
	padding: 128px 4px 9px 2px;
	color: #ffffff;
    }
.panel-small {
	height: 25px;
	background-image: url(../library/cp-small-bg.png);
	padding-top: 74px;
    }
.panel-large img,
.panel-small img {
    position: absolute;
	top: 2px;
	left: 2px;
	clip: rect(0px 209px 126px 0px);
    }
.panel-small img {
	clip: rect(0px 209px 74px 0px);
    }
.panel-large div.desc,
.panel-small p {
    padding: 6px 10px 0 10px;
    margin: 0;
	background: #162734 url(../library/cp-shade.png) no-repeat left top;
	height: 87px;
    }
.panel-large h3 {
    font-size: 100%;
    margin: 0;
    }
.panel-small p {
    height: 15px;
    }
.panel-large span.rounder,
.panel-small span.rounder {
    position: absolute;
    left: 2px;
    top: 2px;
    display: block;
    width: 209px;
    height: 4px;
    background: transparent url(../library/cp-img-rounder.png) no-repeat left top;
    }
.panel-large p a,
.panel-small p a {
    background: transparent url(../library/cp-bullet-link.png) no-repeat left center;
    padding-left: 10px;
    display: block;
    }
.video p a,
.video p a {
    background: transparent url(../library/cp-bullet-video.png) no-repeat left center;
    padding-left: 15px;
    display: block;
    }
.panel-large p a,
.panel-small p a {
    color: #fff;
    }
.panel-large p a {
    margin-top: .2em;
    }
.panel-large h3 {
    color: #fff;
    margin: 0;
    line-height: 1.35;
    }
.panel-large p {
    line-height: 1.35;
    margin: .2em 0;
    }
.panel-large p a span,
.panel-small p a span {
    color: #ea9500;
    }
.hover p a,
.panel-large p a:focus,
.panel-large p a:hover,
.panel-large p a:active,
.panel-small p a:focus,
.panel-small p a:hover,
.panel-small p a:active {
    color: #ea9500;
    }

div.hot {
	cursor: pointer;
	}

div.image span {
    display: none;
    }
div.video div.image span {
    display: block;
    }
.panel-large div.image span,
.panel-small div.image span {
    position: absolute;
    left: 2px;
    top: 2px;
    cursor: pointer;
    background: transparent url(../library/cp-vid-small-overlay.png) no-repeat left 200px;
    width: 209px;
    }

.hover div.image span {
    background-position: left top;
    }
.panel-small div.image span {
    height: 72px;
    background-image: url(../library/cp-vid-small-overlay.png);
    }
.panel-large div.image span {
    height: 126px;
    background-image: url(../library/cp-vid-large-overlay.png);
    }


/*
div.image a span {
    display: none;
    }
div.video div.image a span {
    display: block;
    }
.panel-large div.image a span,
.panel-small div.image a span {
    position: absolute;
    left: 2px;
    top: 2px;
    cursor: pointer;
    background: transparent url(../library/cp-vid-small-overlay.png) no-repeat left 200px;
    width: 209px;
    }


.panel-large div.image a:focus span,
.panel-large div.image a:hover span,
.panel-small div.image a:focus span,
.panel-small div.image a:hover span {
    background-position: left top;
    }
.panel-small div.image a span {
    height: 72px;
    background-image: url(../library/cp-vid-small-overlay.png);
    }
.panel-large div.image a span {
    height: 126px;
    background-image: url(../library/cp-vid-large-overlay.png);
    }
*/


/* Related links / downloads */

div.mod-contentpanel {
    background: #fff url(../library/cbox-top.png) no-repeat left top;
    width: 215px;
    margin: 19px 0 19px 21px;
    }
div.mod-contentpanel p {
    margin: 0 0 .5em 0;
    }
div.mod-contentpanel li a {
    line-height: 1.5em;
    margin: 0;
    padding-bottom: 0 !important;
    }
div.mod-contentpanel ul {
    padding: 0 !important;
    margin: 0 0 .5em 0;
    }
div.mod-contentpanel div.inner {
    background: transparent url(../library/cbox-bottom.png) no-repeat left bottom;
    padding: 10px;
    }
div.mod-contentpanel h3 {
    margin: 0 0 .5em 0;
    font-size: 100%;
    }
div.related li a {
    display: block;
    background: transparent url(../library/bullet-link.png) no-repeat left .3em;
    padding-left: 10px;
    }
div.downloads li a {
    display: block;
    padding-top: .2em !important;
    /*padding-left: 10px;*/
    }

/* News / events */

div.mod-news div.icon,
div.mod-events div.icon {
    position: relative;
    width: 33px;
    height: 33px;
    overflow: hidden;
    padding: 2px 4px 4px 2px;
    float: left;
    margin: 0 10px 0 0;
    }
div.mod-news div.icon span,
div.mod-events div.icon span {
    display: block;
    width: 39px;
    height: 39px;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent url(../library/icn-mask.png) no-repeat left top;
    }
body.content div.mod-news div.icon,
body.content div.mod-events div.icon {
    position: absolute;
    left: 609px;
    top: 180px;
    }
div.relatedlinks {
    background: transparent url(../library/related-bg-bottom.png) no-repeat left bottom;
    padding: 0 0 5px 0;
    border-top: 8px solid #fff;
    position: relative;
    top: -1px;
    }
div.relatedlinks ul {
    background: transparent url(../library/related-bg-top.png) no-repeat left top;
    padding: 5px 8px;
    }
div.relatedlinks ul li {
    float: left;
    margin-right: 10px;
    }
div.relatedlinks ul li a,
p.more a,
p.link a {
    background: transparent url(../library/bullet-link.png) no-repeat left center;
    padding-left: 10px;
    }
p.more {
    position: absolute;
    left: 50%;
    top: 2px;
    width: 50%;
    text-align: right;
    margin: 0;
    }
div.relatedlinks ul li a.rss {
    background-image: url(../library/icn-rss.png);
    padding-left: 14px;
    }
    
/* Log in */

div#topbar a {
	color: #fff;
	}	
div#topbar div.mod-user,
div#topbar div.formerror {
	width: 942px;
	margin: 0 auto;
	text-align: right;
	position: relative;
	padding: .5em 0;
	padding-right: 20px;
	}
/*div#topbar div.mod-user * {
	display: inline;
	}*/
div#topbar div.formerrorshell {
	background: #e57007;
	}
div#topbar div.formerrorshell p,
div#topbar div.formerrorshell li {
	color: #ffdfa5 !important;
	font-size: 100%;
	}
div#topbar div.formerrorshell label,
div#topbar div.formerrorshell strong {
	color: #fff !important;
	font-weight: bold;
	}
div#topbar div.formerrorshell p,
div#topbar div.formerrorshell ul,
div#topbar div.formerrorshell li {
	display: inline;
	}
div#topbar div.formerrorshell li {
	margin-left: .5em;
	}
div#topbar div.mod-user legend,
div#topbar div.mod-user .asterisk {
	display: none;
	}
div#topbar span.button,
div#topbar input {
	line-height: 23px;
	vertical-align: middle;
	}
div#topbar span.row {
	padding-left: 5px;
	}

/* Logged-in buttons */

div.con-header p {
    position: absolute;
    left: 814px;
    top: 19px;
    margin: 0;
    }
div.con-header p a {
    color: #fff;
    }
div.con-header p a:focus,
div.con-header p a:hover,
div.con-header p a:active {
    color: #ea9500;
    }
div.con-header p#togglelogin a,
div.con-header p#togglelogin a span
div.con-header p#user-edit a,
div.con-header p#user-edit a span
div.con-header p#user-logout a,
div.con-header p#user-logout a span {
    display: block;
    position: relative;
    overflow: hidden;
    }
div.con-header p a span {
    position: absolute !important;
    left: 0;
    top: 0;
    }
div.con-header p#togglelogin a,
div.con-header p#togglelogin a span {
    width: 128px;
    height: 23px;
    background: transparent url(../library/btn-reg-users.png) no-repeat left top;
    cursor: pointer;
    }
div.con-header p#user-edit {
    left: 755px;
    }
div.con-header p#user-edit a,
div.con-header p#user-edit a span {
    width: 98px;
    height: 23px;
    background: transparent url(../library/btn-edit-profile.png) no-repeat left top;
    }
div.con-header p#user-logout {
    left: 861px;
    }
div.con-header p#user-logout a,
div.con-header p#user-logout a span {
    width: 81px;
    height: 23px;
    background: transparent url(../library/btn-log-out.png) no-repeat left top;
    }
div.con-header p#welcome {
    /*left: 445px;*/
    left: 548px;
    width: 300px;
    text-align: right;
    color: #ccc;
    line-height: 2;
    }
    
/* Misc. */

p.backlink a {
    background: transparent url(../library/bullet-link-back.png) no-repeat left center;
    padding-left: 10px;
    }

/* Clear child floats */
.clear:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
	}

/* .NET error pages */		
div.con-errormessage {}		
div.mod-errorheader {}
div.mod-errorcontent {}		
		
