@import url(document.css);
@import url(fancybox.css);

/******** UNIVERSAL START ***********/
* {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
}

body {
    background-color:#61B1E5;
    background-image:url(../graphics/pageWrapper_bg.gif);
    background-repeat:repeat-x;
    color:#003D7E;
    font-family:Arial,sans-serif;
    font-size:12px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:16px;
    text-align: center;
}

ul.navigation li {
	display: inline;
}

img {
     border:none;
}

/******** UNIVERSAL END ***********/

/***** HEADER START *****/
#header {
    clear:both;
    width:100%;
}

#headerLogo img{
    margin:30px 0 20px;
    width:299px;
}

.headerNav {
    font-size:11px;
}

#header ul li {
    background-color:#3E4C7B;
    border-right:1px solid white;
    display:inline;
    float:left;
    padding:5px;
}

#header ul.headerNav li a {
    color:white;
    text-decoration:none;
}

ul.headerNav{
    font-size:11px;
    float:right;
    height:20px;
   /* width:278px;*/
}
/*
#siteLogo img {
	border: none;
}*/
/***** HEADER END *****/

/***** SITENAV START *****/
#pageWrapper #siteNav {
    background-image:url(../graphics/siteMenuNav_ul_bg.gif);
    background-position:0 0;
    background-repeat:no-repeat;
    clear:both;
    float:left;
    height:55px;
    width:100%;
}

#siteNav ul {
    float:right;
}

#siteNav ul li {
    display:inline;
    float:left;
}

#siteNav ul li a {
    display:block;
    height:55px;
    text-indent:-9000px;
}

#siteNav ul li.item1 a {
    background-image:url(../graphics/siteMenuNav_Home_bg.gif);
    background-repeat:no-repeat;
    width:81px;
}

#siteNav ul li.item2 a {
    background-image:url(../graphics/siteMenuNav_Overview_bg.gif);
    background-repeat:no-repeat;
    width:108px;
}

#siteNav ul li.item3 a {
    background-image:url(../graphics/siteMenuNav_ColDisTreat_bg.gif);
    background-repeat:no-repeat;
    width:281px;
}

#siteNav ul li.item4 a {
    background-image:url(../graphics/siteMenuNav_SurgicalOptions_bg.gif);
    background-repeat:no-repeat;
    width:151px;
}

#siteNav ul li.item5 a {
    background-image:url(../graphics/siteMenuNav_FAQ_bg.gif);
    background-repeat:no-repeat;
    width:66px;
}

#siteNav ul li.item6 a {
    background-image:url(../graphics/siteMenuNav_FindSurgeon_bg.gif);
    background-repeat:no-repeat;
    width:147px;
}

#siteNav ul li.activePage a{
    background-position:0 -55px;
}

ul#contentNav li.activePage a span {
    color: #003D7E;
}
/***** SITENAV END *****/

/***** HOMEPAGE START *****/

.cdHomeWireframe #contentWrapper
{
    width:914px;
    background-color:#61B1E5;
}

.cdHomeWireframe #content{
    background-image:url(../graphics/home_content_bg.jpg);
    background-repeat:no-repeat;
    border:3px solid #F8981D;
    clear:both;
    float:left;
    height:273px;
    margin:0 0 15px 0;
    /*min-height:0;*/
    padding:0;
    width:909px;
}
.cdHomeWireframe #homeContent{
    float:left;
    margin:42px 0 0 325px;
    width:327px;
    display:inline;
}

.cdHomeWireframe div.document h1{
    font-size:19px;
    line-height:30px;
}

.cdHomeWireframe div.document div.clear{
    clear:none;
}

.cdHomeWireframe #pageWrapper #contentWrapper{
    background-color:transparent;
    background-image:none;
    border:medium none;
    width:inherit;
    clear:both;
    /*float:left;*/
}

.cdHomeWireframe #contentWrapper #homeNav {
    clear:both;
    /*float:left;*/
    line-height:25px;
    margin:0 0 30px 0;
    height:200px;
    width:100%;
}

#homeNav ul li {
    display:inline;
    float:left;
    margin:0 2px 0 0;
}

#homeNav ul li a {
    color:#FF8D12;
    float:left;
    font-weight:bolder;
    margin:0 20px;
    text-decoration:none;
    display:inline;
}

#homeNav ul li p {
    font-size:12px;
    margin:0 20px 5px;
}

#homeNav ul li span p{
    font-weight:bold;
    font-size:19px;
    margin:10px 10px 5px 20px;
}

#homeNav ul li.item1 {
   height:202px;
    background-image:url(../graphics/homeFeatures_item1_bg.gif);
    background-repeat:no-repeat;
    width:302px;
}

#homeNav ul li.item2 {
    background-image:url(../graphics/homeFeatures_item2_bg.gif);
    background-repeat:no-repeat;
    height:202px;
    width:302px;
}

#homeNav ul li.item3 {
    background-image:url(../graphics/homeFeatures_item3_bg.gif);
    background-repeat:no-repeat;
    height:202px;
    width:302px;
}

#homeFindSurgeon form button {
    background:transparent url(../graphics/home_findSurgeon_searchbutton_bg.gif) no-repeat scroll 0 0;
    height:30px;
    margin:0;
    padding:0;
    width:72px;
}

#homeSideBar {
    padding: 0 15px 0 0;
}

#homeSignup {
    background-image:url(../graphics/home_patientSignUp_bg.gif);
    background-repeat:no-repeat;
    clear:none;
    float:right;
    height:80px;
    margin:0 0 0 0;
    padding:32px 10px 0;
    width:190px;
    display:inline;
}

#homeSignup a {
    background-image:url(../graphics/home_patientSignUp_btn_bg.jpg);
    background-repeat:no-repeat;
    display:block;
    height:29px;
    margin:5px 0 0;
    text-indent:-9000px;
    width:120px;
}

#homeSignup p {
    margin:5px 0 0;
}

#homeFindSurgeon {
    background-image:url(../graphics/home_findSurgeon_bg.gif);
    background-repeat:no-repeat;
    clear:none;
    float:right;
    height:125px;
    margin:6px 0 0 0px;
    padding:30px 0 0;
    width:210px;
    display:inline;
}

#homeFindSurgeon form {
    margin:0 0 0 15px;
}

.cdHomeWireframe form p {
    padding:3px 0;
    }

.cdHomeWireframe form p select{
    width:85%;
}

.cdHomeWireframe div.formRow, 
.cdHomeWireframe div.formInProcess,
.cdHomeWireframe div.formResults {
    display:none;
}
/***** HOMEPAGE END *****/

/***** CONTENT WRAPPER START *****/
#pageWrapper {
    height:auto;
    width:914px;
    margin: 0 auto;
	text-align: left;
    }

#contentWrapper {
    background-image:url(../graphics/cd_BG.jpg);
    border:2px solid #EF8C40;
    clear:both;
    float:left;
    width:910px;
    
}
/***** CONTENT WRAPPER END *****/


/***** CONTENT START *****/
.twocolumn #content {
    background-color:#CFE3F0;
    float:left;
    min-height:825px;
    padding:20px 10px 20px 23px;
    /*width:656px;*/
}

#content h1#contentAreaHeader {
    margin:0 0 10px;
    font-size:30px;
    line-height:30px;
}

#contentImg div.document p img {
    float:left;
    margin:0 0 0 50px;
    display:inline;
}

/*div.document .Rich_Description .section2,div.document .Rich_Description .section3 h2,div.document .Rich_Description .section4 h2
{float:left;   
    }*/
  
#contentImg div.document p {
    float:left;
    width:100%;
}

#content #contentNav {
    background-image:url(../graphics/primarNav_ul_bg.gif);
    background-repeat:no-repeat;
    height:30px;
    margin:0 0 20px 0;
    padding:0 0 0 5px;
    width:650px;
}

ul#contentNav li {
    border-right:1px solid #78BDE8;
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:7px 0 0;
    padding:0 3px;
    width:auto;
}

ul#contentNav li.last {
    border:none;
}


ul#contentNav li a,
ul#contentNav li span {
    text-decoration:none;
    display:block;
}

ul#contentNav li a {
    color:#EF8C40;
    font-weight:bolder;
    }


ul#contentNav li.activePage a.active span {
   /* background-position:0 -55px;*/
    color:#003D7E;
    }

.contactInfo {
    border-bottom:1px dotted #A0A0A0;
    clear:both;
    margin:7px 10px 7px 0;
    min-height:125px;
}
/***** CONTENT END *****/

/***** FORM START *****/
#findsurgeonForm form {
    background-image:url(../graphics/home_findSurgeon_bg.gif);
    background-repeat:no-repeat;
    clear:none;
    height:135px;
    margin:10px 0 20px;
    padding:30px 0 0 10px;
    width:200px;
}

#findsurgeonForm form button {
    background:transparent url(../graphics/home_findSurgeon_searchbutton_bg.gif) no-repeat scroll 0 0;
    height:30px;
    padding:0;
    width:72px;
    display:inline;
}

#findsurgeonForm #locatorForm .formResults div h2 {
    margin:0 0 20px 0;
}

div.formResults, div.formInProcess {
    clear:both;
    margin-top:60px;
}

#findsurgeonForm form p {
    clear:both;
    margin:10px 0 0 0;
    width:100%;
}

#findsurgeonForm form p select {
    clear:both;
    /*float:left;*/
    width:165px;
}

#findsurgeonForm form #stateElement {
   /*margin:50px 0 0 0;*/
}

.formRow {
    clear:both;
    color:#003D7E;
    margin:10px 0;
    min-height:25px;
}

.footnote {
    display:block;
    font-size:10px;
    font-weight:500;
    padding:4px 0 10px;
}

.formRow .footnote em {
    font-size:11px;
    font-weight:bold;
}

.formRow .footnote a {
    color:#FF8D12;
}

#findRichDesc em {
    font-size:11px;
    font-weight:bold;
}

.contactInfo .contactLine {
    float:none;
    margin:0 0 5px;
}

.contactInfo .address span {
    display:block;
}
.contactInfo .contactLine span.strong {
    font-weight:bold;
}    

.contactInfo .contactLine span.emphasis {
    font-style:italic;
}

.contactInfo .contactLine span a {
    color:#FF8D12;
}

form#signUpForm p label{
    float:left;
    width:150px;
}

form#signUpForm p input, 
form#signUpForm p select{
    float:left;
}
/***** FORM END *****/


/***** SIDEBAR START ****
#sideBar {
    background-color:#3F4C76;
    float:left;
    height:100%;
    width:221px;
}

#sideBarImgSignup {
    margin:-10px 0 0 25px;
}

.leftColumnImg {
    width:175px;
    height:183px;
}

.signUpImg{
    margin:0 0 0 10px;
    padding-bottom:20px;
}*/
/***** SIDEBAR END *****/


/***** FOOTER START *****/

#pageWrapper #footer {
    clear:both;
/*  float:left;*/
    font-family:Arial,sans-serif;
    font-size:11px;
    text-align:center;
}

#footer ul.footerNav {
    clear:both;
    float:left;
    margin:25px 0 10px 330px;
    display:inline;
    text-align:center;
}

#footer ul.footerNav li {
    border-right:1px solid white;
    display:inline;
    float:left;
    padding:0 7px;
}

#footer ul.footerNav li.last
{
    border:none;
}

#footer p {
    clear:both;
    color:white;
    font-weight:bolder;
    margin:0 0 40px 0;
    width:100%;
    text-align:center;
}

#footer ul.footerNav li a {
    color:white;
    text-decoration:underline;
}

.iframe
{
   background-color:#CFE3F0;
    text-align:left;
}

.iframe #content 
{
	padding:0px;}

/***** FOOTER END *****/

.hidden{
    display:none;
}

/*#survey
{
    margin:20px;
    
}

.surveyHead
{
  
    text-align:left;
    
}

.surveyBody h2 span
{
    font-size:22px;
   
}

.surveyBody
{
    color: #737573;
    margin-top:30px;
    text-align:left;
    margin-left:1em;
    
}

.surveyBody p
{
    font-size:16px;
}
*/

.action
{
    float:left;
}

.action .action1,.action .action2
{
    float:left;
    width:100px;
    height:20px;
    margin:10px;
    padding:5px;
    text-align:center;
   
}

.action .action1 a
{
     font-weight:bold;
     color: #949294;
     font-size:15px;
     text-decoration:none;
     cursor:pointer;
}

.action .action2 a
{
    font-weight:bold;
    color:#fff;
     font-size:16px;
     text-decoration:none;
}

.action .action1
{
    background-color:#CECFCE;
    border:1px solid #B5B2B5;
   
    
}

.action .action2
{
    background-color:#FFBA8C;
    border:1px solid #FFB673;
    
}
