﻿/* -------------------- */
/* Reset */
/* -------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

body{line-height:1.5}
a img{border:none}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}


/* -------------------- */
/* Grid */
/* -------------------- */
/* A container should group all your columns. */
.container{width:916px; margin:0 auto;}

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24{float:left; margin-right:10px}

/* The last column in a row needs this class. */
.last, div.last{margin-right:0}

/* Use these classes to set the width of a column. */
.span-1{width:30px}
.span-2{width:70px}
.span-3{width:110px}
.span-4{width:150px}
.span-5{width:190px}
.span-6{width:230px}

/* Border on right hand side of a column. */
.border{padding-right:4px; margin-right:5px; border-right:1px solid #eee}

/* Use a .box to create a padded box inside a column. */
.box{padding:1.5em; margin-bottom:1.5em; background:#E5ECF9}

/* Use this to create a horizontal ruler across a column. */
hr{background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none}

hr.space{background:#fff; color:#fff}

/* Clearing floats without extra markup [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after{content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden}
.clearfix, .container{display:block}

/* Regular clearing */
.clear{clear:both}

/* -------------------- */
/* Typography */
/* -------------------- */
/* Default font: % of 16px. (0.75 * 16px = 12px) */
body{font-size:75%; color:#3d3d3d; background:#e4dbd4 url(../../../Image/bkg_weave_cream.jpg) repeat; font-family:Arial,Helvetica,sans-serif}

h1, h2, h3, h4, h5, h6{font-weight:normal; color:#111}
h1{color:#6d446c; font-size:2.25em; line-height:1; margin-bottom:0.5em}
h2{color:#4e7103; font-size:1.5em; margin-bottom:0.75em}
h3{color:#4e7103; font-size:1em; line-height:1; margin-bottom:1em}
h4{font-size:.7em; line-height:1.25; margin-bottom:1.25em}
h5{font-size:.5em; font-weight:bold; margin-bottom:1.5em}
h6{font-size:.5em; font-weight:bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0}

p{margin:0 0 1.5em}
p img.left{float:left; margin:1.5em 1.5em 1.5em 0; padding:0}
p img.right{float:right; margin:1.5em 0 1.5em 1.5em}

a:focus, a:hover{color:#53a0b3}
a{color:#53a0b3; text-decoration:underline}

blockquote{color:#575757; margin:22px 40px; padding:0 50px; background:transparent url(../../../Image/User/blockquote.gif) no-repeat 0 0}
blockquote span{color:#575757; font-size:inherit}
strong{font-weight:bold; color:#000}
em, dfn{font-style:italic}

dfn{font-weight:bold}
sup, sub{line-height:0}

abbr, acronym{border-bottom:1px dotted #666}
address{margin:0 0 1.5em; font-style:italic}
del{color:#666}

pre{margin:1.5em 0; white-space:pre}
pre, code, tt{font:1em 'andale mono','lucida console',monospace; line-height:1.5}

li ul, li ol{margin:0 1.5em}
ul, ol{margin:0 1.5em 1.5em 1.5em}

ul{list-style-type:disc}
ol{list-style-type:decimal}

dl{margin:0 0 1.5em 0}
dl dt{font-weight:bold}
dd{margin-left:1.5em}

.small{font-size:.8em; margin-bottom:1.875em; line-height:1.875em}
.large{font-size:1.2em; line-height:2.5em; margin-bottom:1.25em}
.hide{display:none}
.quiet{color:#666}
.loud{color:#000}
.highlight{background:#ff0}
.added{background:#060; color:#fff}
.removed{background:#900; color:#fff}
.first{margin-left:0; padding-left:0}
.last{margin-right:0; padding-right:0}
.top{margin-top:0; padding-top:0}
.bottom{margin-bottom:0; padding-bottom:0}
.minor {color:gray; font-size: .8em}

/* -------------------- */
/* Buttons */
/* -------------------- */
a.redbtn:link, a.redbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../../Image/User/Button/red_button.gif'); border:1px solid #732b29}
a.redbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../../Image/User/Button/red_button_hover.gif')}
a.redbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.greenbtn:link, a.greenbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../../Image/User/Button/green_button.gif'); border:1px solid #4c7329}
a.greenbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../../Image/User/Button/green_button_hover.gif')}
a.greenbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.lgreenbtn:link, a.lgreenbtn:visited{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../../Image/User/Button/green_button.gif'); border:1px solid #4c7329}
a.lgreenbtn:hover{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../../Image/User/Button/green_button_hover.gif')}
a.lgreenbtn:active{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.bluebtn:link, a.bluebtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../../Image/User/Button/blue_button.gif'); border:1px solid #369}
a.bluebtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../../Image/User/Button/blue_button_hover.gif')}
a.bluebtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.yellowbtn:link, a.yellowbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../../Image/User/Button/yellow_button.gif'); border:1px solid #73670a}
a.yellowbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; white-space:nowrap; background-image:url('../../../Image/User/Button/yellow_button_hover.gif')}
a.yellowbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; white-space:nowrap}


a.searchbtn:link{float:left; width:38px; height:30px; background:url('../../../Image/btn_footer_search.png') no-repeat 0 0;}
a.searchbtn:hover{float:left; width:38px; height:30px; background:url('../../../Image/btn_footer_search.png') no-repeat 0 0;}

/* -------------------- */
/* Non-Framework */
/* -------------------- */

#siteBody {width:864px;padding:0 26px 0 26px; background:#e4dbd4 url(../../../Image/bkg_siteBody_shadow.jpg) repeat-y;}

#siteTop {width:864px;height:189px;}
#siteTop .logoHolder {float:left;width:327px;height:162px;}
#siteTop .loginHolder {float:left;width:537px;height:162px;}
#siteTop .login {float:left;width:432px;height:97px; color:#fff; background: url(../../../Image/bkg_top_userlogin.gif) no-repeat top left;}
#siteTop .login .loginInput {font-size:18px; margin-bottom:3px; color:#666;}
#siteTop .login .tinyText, #siteTop .login a {font-size:0.85em;color:#fff;}
#siteTop .navHolder {float:left;width:864px;height:27px;} /* background-color:#6d446c; */


#siteTop .mainSearch {float:right;text-align:left;margin-top:16px;height:21px;}
#siteTop .mainInput {float:left;width:147px;height:30px;background:transparent url(../../../Image/bkg_mainSearch.png) no-repeat 0 0;}
#siteTop .mainButton {float:left;width:31px;height:21px;}
#siteTop input {border:0;font-size:14px; margin-top:0px; margin-left:5px;margin-top:2px; }
#siteTop h2{color:#f7dac3; font-size:1.25em;line-height:1; margin-top:0.25em; border:none;}


#extranetTop {width:864px;height:141px;}
#extranetTop .logoExtranet {float:left; width:209px; height:124px;}
#extranetTop .loginExtranet {float:left; width:424px; height:124px;}
#extranetTop .loginExtranet h1{color:#3991a7; font-size:1.5em;line-height:1; margin-top:0.25em; border:none;}
#extranetTop .navExtranet {float:left;width:864px;height:27px;} /* background-color:#6d446c; */

#extranetTop .searchExtranet{float: left;  width: 205px; height: 60px; margin-top: 19px; padding: 14px 0px 10px 20px; border-radius: 6px; -webkit-border-radius: 6px; background: none repeat scroll 0 0 #3991A7;}
#extranetTop .searchExtranet .mainInput{background: url("../../../Image/bkg_mainSearch.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);float: left;height: 30px;width: 147px;}
#extranetTop .searchExtranet input{border: 0 none;font-size: 14px;margin-left: 5px;margin-top: 2px;}
#extranetTop .searchExtranet h2{border: medium none; color: #F7DAC3; font-size: 1.25em; line-height: 1;}


#siteMid {width:916px;}
#siteMid .imageHolder {margin-bottom:10px;}
#siteMid .homeBox {float:left; color:#4f4f51; font-size:1.2em;}
#siteMid .textBox {width:188px;padding-left:21px;margin-top:5px;}/*width:209px;*/
#siteMid .homeSpacer {float:left;width:9px;height:1px;}
#siteMid .teal {background: url(../../../Image/dgn_arrow_teal.png) no-repeat 3px 7px;}
#siteMid .purple {background: url(../../../Image/dgn_arrow_purple.png) no-repeat 3px 7px;}
#siteMid .darkgreen {background: url(../../../Image/dgn_arrow_darkgreen.png) no-repeat 3px 7px;}
#siteMid .green {background: url(../../../Image/dgn_arrow_green.png) no-repeat 3px 7px;}



#siteMid .secHolder {float:left;width:864px;margin-top:2px;}
#siteMid .secTop {float:left;width:864px;}
#siteMid .secContent {float:left;width:864px;}
#siteMid .secContent .scS1 {float:left;width:14px;height:1px;}
#siteMid .secContent .scC1 {float:left;width:200px;height:100%;}
#siteMid .secContent .scC2 {float:left;width:630px;padding:0 10px;}/*width:641px;*/


#extranetMid .extranetHolder {float:left;width:864px;margin-top:2px;}
#extranetMid .extranetContent {float:left;width:864px;}
#extranetMid .extranetContent .scS1 {float:left;width:14px;height:1px;}
#extranetMid .extranetContent .scC1 {float:left;width:200px;height:100%;}
#extranetMid .extranetContent .scC2 {float:left;padding:0 10px;}/*width:641px; IT IS SET ON THE MASTER BECUASE DYNAMIC*/





#siteBottom {width:864px;padding:0 26px 0 26px; background:#e4dbd4 url(../../../Image/bkg_siteBottom_shadow.jpg) repeat-y;}

#footerHolder {font-size:12px; color: #fff;width:864px;text-align:left;margin:0px auto;}
#footerHolder strong {color: #fff;}
#footerHolder h1{color:#f7dac3; font-size:1.5em;line-height:1; margin-top:0.25em; border:none;}
#footerHolder a{color:#fff;}

#footerHolder .footerContent {width:864px; padding:15px 0 8px 0; background: url(../../../Image/bkg_footer_people.png) no-repeat 85px bottom;}

#footerHolder .fS1, 
#footerHolder .fS2, 
#footerHolder .fS3
{
	float:left;width:10px;height:1px;display:block;
}



#footerHolder .fC1 {float:left;width:170px; padding:0 10px;}/*width:208px;*/
#footerHolder .fC2 {float:left;width:170px; padding:0 10px;}/*width:208px;*/
#footerHolder .fC3 {float:left;width:190px; padding:0 10px;}/*width:208px;*/
#footerHolder .fC4 {float:left;width:224px; padding:0 10px;}/*width:264px;*/

#footerHolder .fC5 {width:864px; text-align:center;}

#footerHolder a
{
	font: normal 12px/14px Arial, Verdana, Sans-Serif;
	color: #fff;
	text-decoration: none;
	}
	
#footerHolder a.footerNewsTitle {color:#fff;}	
#footerHolder a.footerNewsReadMore {color:#f7dac3;text-decoration:underline;}	


	
	
#footerHolder .mainSearch {float:right;text-align:left;margin-top:16px;height:21px;}
#footerHolder .mainInput {float:left;width:147px;height:30px;background:transparent url(../../../Image/bkg_mainSearch.png) no-repeat 0 0;}
#footerHolder .mainButton {float:left;width:31px;height:21px;}
#footerHolder input {border:0;font-size:14px; margin-top:0px; margin-left:5px;margin-top:2px; }


/* -------------------- */
/* CPT */
/* -------------------- */
.cptL {float:left; font-weight:bold;}
.cptD {float:left; padding-right:5px;}



/* -------------------- */
/* Clinic */
/* -------------------- */
.clinicName {color:#3991a7; font-size:1.5em;line-height:1; margin-top:0.25em; border:none; display:block;}

#ctl00_cph_ucF_gRel_ctl00 td span{font-size: 11px !important;}

/* -------------------- */
/* Search */
/* -------------------- */
.search-button{margin: 6px 0;}
.search-btn
{
    background: none repeat scroll 0 0 #6A4269;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    padding: 4px 6px;
    text-align: center;
    text-decoration: none;
    width: 188px;
}
.search-btn:hover{color:#fff; background: #3991A7;}
#searchResult div.result div.title a{font-size: 1.25em;}

/* ==========================================================================
   FILTER
   ========================================================================== */

#filter {width: 100%; margin-bottom: 20px; padding: 10px 0 10px 0px;float: left;border: 1px solid #ccc;background: #f2f2f2;background: no-repeat 10px 50%;background:  no-repeat 10px 50%, -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */background:  no-repeat left 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */background:  no-repeat 10px 50%, -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */background:  no-repeat 10px 50%, -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */background:  no-repeat 10px 50%, -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */background:  no-repeat 10px 50%, linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ }
.toptabs {margin-top: -1px; border-color: #555 !important;}
#filter div.pod, #add div.pod {padding: 10px 10px 0px 0px;display: inline-block; float: left;}
#filter label, #add label{ font-size: 14px; float: none;}
}


