/*
 * Project:		SM UroGyn
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; font-family: 'ArialMT','Arial',sans-serif; }
body { background: #fff; font-size: 60%;  }
.clearfix {clear: both;}
* html body { behavior: url("/styles/csshover.htc"); }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: black; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; line-height: 1.25; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #CA9A24; text-decoration: underline; }
a:hover, a:focus, a:active { color: #791e7e; text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* GENERAL
------------------------------------------- */
li, dt, dd, p, th, td, caption, pre { /* font-size: 1.225em; */ line-height: 1.3em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.7em; }
div#main ul {margin-bottom: 1.5em;}
div#main li {line-height: 1.5em;}

p.intro-txt { font-weight: bold; letter-spacing: 0px; color: #e87d1e; margin: 0; padding: 10px 0 0; }

abbr { text-decoration: none; border: none; }


/* headers */

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #5E5E5E; padding: 18px 0 0; text-transform: uppercase; }
h1 { font-size: 2.34em; line-height: 1.5em; margin: 0; }
h2 { font-size: 2.0em; line-height: 1.5em; margin: 0; padding: 0; }
h3 { font-size: 1.429em; line-height: 1.2em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }


/* tables */

table { }
 table th, table td { /* padding: 5px 10px; */ /* border: 1px solid #ccc; */ }
 
 
/* links */

a:hover, a:focus, a:active { outline: none; }


/* lists */





/* LAYOUT
------------------------------------------- */

#root { width: 990px; margin: 15px auto 0 auto; position: relative;}

#headerWrapper {height: 398px; position: relative;}

#mainImage {height: 348px;}

#navWrapper {height: 35px; background: url(../images/template/navBackground.gif) no-repeat;}
#headerLogo {position: absolute; top:10px; left:30px;}

#homeBottomWrapper {height: 275px; background: #202e4a; position: relative; }

#pannel1 {height: 314px; width: 280px; float: left; margin: 10px 12px 0;}
#pannel1 p {font-size: 12px;}

#pannel2 {height: 314px; width: 300px; float: left; margin: 10px 12px 0;}


#pannel3 {height: 314px; width: 338px; float: right; margin: 10px 0;}


.pannel2Month {font-size: 1.5em; color: #d5a00f; }
.pannel2Details ul {margin: 0 0 0 12px; padding: 0; font-size: .9em;}

#headerPhone {font-size: 12px;}
#footerPhone {font-size: 12px;}

#footerWrapper {border-top: 1px solid #ca9a24; margin: 20px 0 0 0; padding: 5px 0 0 0; }
#copyright {font-size: 8px;}
/* Content Page Styles */

#contentHeaderWrapper {height: 77px; position: relative;}

#middleWrapper {padding: 20px 0;}

#contentWrapper {min-height: 200px; position: relative;}

#content {width: 780px; /* float: left; padding: 30px; */ border: 1px solid gray;/*  position: relative;  */min-height: 585px;}   

#col2Wrapper {float: left;} 

#content p, #content h1, #content h2, #content h3, #content object {padding: 0 30px;}

/* Navigation
------------------------------------------- */

#nav {height: 50px; border: 1px solid #ca9a24;}
#nav ul {z-index: 10; display: block; list-style: none; margin: 0; padding: 0; padding: 0 0 0 10px; top: 10px; position: relative;}

#nav ul li {height: 30px; z-index: 10; position: relative; float: left; display: inline; margin: 0 1px; border-right: 1px solid #ca9a24; }
#nav ul li a { display: block; text-decoration: none; padding: 0 15px; text-align: center; position: relative; color:#5E5E5E; font-size: 15px; text-transform: uppercase; top: 7px;}

#nav ul li#last {border: none;}
#nav ul li a:hover {color: #ca9a24; text-decoration: underline;}
#nav ul li.selected a {color: #ca9a24; text-decoration: underline;}

#nav ul li ul {display: none;}



#bottomNav {margin: 0 0 20px 30%;}
#bottomNav ul {z-index: 10; display: block; list-style: none; margin: 0; padding: 0;}
#bottomNav ul li {z-index: 10; position: relative; float: left; display: inline; margin: 0; border-right: 1px solid gray; }
#bottomNav ul li a { display: block; text-decoration: none; padding: 0 17px; text-align: center; color: black; font-size: 12px;}

#headerSubNav {position: absolute; right: 20px; top: 10px; width: 280px; color: white;}
#headerSubNav ul {z-index: 10; display: block; list-style: none; margin: 0; padding: 0;}
#headerSubNav ul li {z-index: 10; position: relative; float: left; display: inline; font-size: 12px; margin: 0 1px; border-left: 1px solid white; }
#headerSubNav ul li a { display: block; text-decoration: none; padding: 0 5px; color: white;}
#headerSubNav ul li a:hover {text-decoration: underline;}
  
/* Side Navigation
------------------------------------------- */
#sideNavHeader {width: 155px; background: url(../images/template/subnavheader.gif) repeat-x; color: white; font-size: 1.1em; padding: 10px; font-weight: bold; text-transform: uppercase; height: 14px;}

#sideNavWrapper {float: left; border: 1px solid #dec28d; margin: 0 30px 0 0;}
#sideNav {width: 175px;}
#sideNav a {border-bottom: 1px solid #5E5E5E; display: block; padding: 7px 0 7px 5px;}
#sideNav a:hover {color: black; text-decoration: underline; background: url(../images/template/sideNavBackground.jpg) repeat-y  top right !important;}
#sideNav ul {z-index: 10; display: block; list-style: none; margin: 0; padding: 0;}
#sideNav ul li {font-size: 1.2em; margin:0; padding:0;  }
#sideNav ul li a {color: #5E5E5E; text-decoration: none;}

#sideNav ul li.selected a {color: black; text-decoration: none; background: url(../images/template/sideNavBackground.jpg) repeat-y top right;}

#sideNav ul li ul li a {color: #5E5E5E!important; text-decoration: none; font-size: .8em; padding: 5px 0 5px 30px; background: white!important;}
#sideNav ul li ul li.selected a {color: black!important; text-decoration: none; background: url(../images/template/sideNavBackground.jpg) repeat-y !important;}





#utilityNav {width: 780px; border: 1px solid #5E5E5E; height: 30px; background: url(../images/template/subnavheader.gif) repeat-x;}
#utilityNav ul {z-index: 10; display: block; list-style: none; margin: 0; padding: 0; }
#utilityNav ul li {z-index: 10; position: relative; float: left; display: inline; margin: 0; }
#utilityNav ul li a { display: block; text-decoration: none; padding: 0 10px; text-align: center; color: white; font-size: 14px; line-height: 28px;}
#utilityNav ul li:hover a { display: block; text-decoration: none; padding: 0 10px; text-align: center; color: white; font-size: 14px; line-height: 28px; color: #CA9A24;}


#search-form { position: absolute; right: 12px; top: 0; padding-top: 19px; display: block; overflow: hidden; width: 223px; height: 78px; background: url(../images/top-search-bg.jpg) 0 0 no-repeat; }
	 #topform .row { position: relative; z-index: 1; padding: 5px 0 0 13px; margin: 0; font-size: 1.123em; font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif; }
	  #topform label { z-index: 10; position: absolute; left: 12px; top: 6px; color: #b7b7b7; }
	  * html #topform label { left: 0; }
      #topform input { z-index: 1; color: #b7b7b7; border: 0; }
	  #topform button { position: absolute; right: 23px; top: 2px; display: block; width: 14px; height: 19px; border: 0; padding: 0; margin: 0; overflow: hidden; text-indent: -1000001em; background: url(../images/bttn-top-search.gif) 0 0 no-repeat; }
	  
	 #requestInfo {position: absolute; right: 12px; top: 10px; display: block; overflow: hidden; width: 231px; height: 60px; background: url(../images/requestInfoBackground.gif) 0 0 no-repeat;} 
	 #requestInfoArrow { position: absolute; right: 25px; top: 20px; display: block; width: 14px; height: 19px; border: 0; padding: 0; margin: 0; overflow: hidden; text-indent: -1000001em; background: url(../images/bttn-top-search.gif) 0 0 no-repeat; }
	 #requestInfoArrow a {display: block;}
	 #requestInfoContent a {text-decoration: none; color: inherit;}
	 #requestInfoContent {position: absolute; top: 23px; left: 20px; font-size: 1.25em; } 
	  
 





 
/* SPECIFIC
------------------------------------------- */

/* subjects list */

.subjects-list { display: block; overflow: hidden; height: 1%; padding: 5px 0 0 12px; margin: 0; background: #e87d1e; color: #fff; }
 .subjects-list p { font-size: 1.429em; line-height: 2.042em; margin: 0 0 5px; }
 .subjects-list p.note { font-size: 1.444em; font-style: italic; margin: 0 0 5px; }
 ul.col-2-list { display: block; overflow: hidden; height: 1%; margin: 0; padding: 0 0 0 16px;  }
  ul.col-2-list li { float: left;  font-size: 2.2em; line-height: 1.3em; white-space: nowrap; }
  ul.col-2-list li.odd { clear: left; width: 355px; padding-right: 20px; }

/* side-box */
.side-box { background: url(../images/side-box-right-shaddow.png) 100% 0 no-repeat; margin: 0; }
 .side-box-wrap { overflow: hidden; height: 1%; padding: 0 7px 12px 0; background: url(../images/side-box-bottom-shaddow.png) 100% 100% no-repeat; }





/* contact-form */

form.a { display: block; margin: 0; padding: 0; font-family: Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
 form.a h3 { font-size: 1.4em; font-weight: bold; font-family: Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
 form.a p { overflow: hidden; width: 100%; }
  form.a p label { float: left; width: 110px; padding: 6px 15px 0 0; }
  form.a p input { padding: 5px; width: 275px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  form.a p select { padding: 5px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  form.a p textarea { overflow: auto; padding: 5px; width: 275px; height: 100px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  form.a p img { display: block; margin: 10px 0 0; }
 form.a p.tick-a { }
  form.a p.tick-a label { float: none; width: auto; padding: 0; line-height: 20px; vertical-align: middle; }
  form.a p.tick-a input { width: 20px; height: 20px; margin: 0; padding: 0; border: none; vertical-align: middle; }
 form.a p.submit { width: auto; padding-left: 125px; font-size: 1.4em; font-weight: bold; }
 * html form.a p.submit { text-indent: 3px; }
  form.a p.submit button { position: relative; height: 26px; padding: 0 20px; border: none; background: #09467c; color: #fff; font: bold 14px/26px Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  
  
/* post */

div.post-a { margin: 0 0 30px; }
 div.post-a p.date { margin: 0 0 5px; color: #4194b6; font: bold 1.1em/1.25 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; letter-spacing: 2px; }
 div.post-a h1,
 div.post-a h2 { color: #09467c; }
  div.post-a h1 a,
  div.post-a h2 a { color: #09467c; text-decoration: none; }
 div.post-a p.info { clear: both; padding: 10px 0 0; font: 1.2em/1 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  div.post-a p.info span { padding: 0 3px; color: #3e90b3; }
  div.post-a p.info strong { color: #333; text-transform: uppercase; }
   div.post-a p.info strong a { color: #333; text-decoration: none; }

div.comments-a { margin: 20px 0 30px; border: 1px solid #f0ece4; }
.js div.comments-a { display: none; }
 div.comments-a p.side { float: right; padding: 9px 10px 0 15px; font-size: 0.9em; }
 div.comments-a h2 { margin: 0; padding: 10px; background: #fdfde3; color: #3e90b3; font: bold 1.4em/1 Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; }
 div.comments-a p.empty { margin: 0; padding: 10px; }
 div.comments-a div.comment { padding: 10px; border-top: 1px solid #f0ece4; background: #fafafa; }
 div.comments-a div.alt { background: #fff; }
  div.comments-a div.comment p.author { margin: 0 0 5px; color: #3e90b3; text-transform: uppercase; }
   div.comments-a div.comment p.author a { color: #3e90b3; text-decoration: none; }
  div.comments-a div.comment blockquote { margin: 0; padding: 0; font-family: Georgia,serif; }
   div.comments-a div.comment blockquote p { margin: 0; }
   
div.add-comment-a { margin: 0 0 30px; padding: 0 11px; font-family: Georgia,serif; }
.js div.add-comment-a { display: none; }
 div.add-comment-a h2 { margin: 0 -11px 15px; color: #195285; font: bold 1.6em/1.25 Arial,Helvetica Neue,Helvetica,sans-serif; }
 div.add-comment-a p { }
  div.add-comment-a p label { float: left; width: 80px; padding: 1px 10px 0 0; }
  div.add-comment-a p input { width: 200px; padding: 3px; border: 1px solid #eceae3; }
  div.add-comment-a p textarea { width: 480px; height: 100px; padding: 3px; border: 1px solid #eceae3; }
  div.add-comment-a p button { position: relative; height: 26px; padding: 0 20px; border: none; background: #09467c; color: #fff; font: bold 14px/26px Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
 div.add-comment-a p.captcha { }
  div.add-comment-a p.captcha label { display: block; float: none; width: auto; margin: 0 0 10px; }
  div.add-comment-a p.captcha input { margin: 0 10px 0 0; vertical-align: middle; }
  div.add-comment-a p.captcha img { vertical-align: middle; }
 div.add-comment-a p.message { }
  div.add-comment-a p.message label { display: block; float: none; width: auto; margin: 0 0 10px; }


/* sidebar */  
   
div.BlogRecentPost { }
 div.BlogRecentPost ul { list-style: none; margin: 0 0 15px; padding: 0; }
  div.BlogRecentPost ul li { margin: 0 0 5px; }
  
div.BlogPostArchive { }
 div.BlogPostArchive ul { list-style: none; margin: 0 0 15px; padding: 0; }
  div.BlogPostArchive ul li { margin: 0 0 5px; }
  
div.BlogTagCloud { margin: 0 0 15px; font-size: 1em; word-spacing: 10px; line-height: 22px; font-family: Georgia,serif; vertical-align: baseline; }
 div.BlogTagCloud a { font-size: 1.1em; text-decoration: none; word-spacing: 0; }
 div.BlogTagCloud a:hover,
 div.BlogTagCloud a:focus,
 div.BlogTagCloud a:active { text-decoration: underline; }
 div.BlogTagCloud a.BlogTagCloud-XX-Small,
 div.BlogTagCloud a.BlogTagCloud-X-Small { font-size: 1.1em; }
 div.BlogTagCloud a.BlogTagCloud-Small,
 div.BlogTagCloud a.BlogTagCloud-Medium { font-size: 1.4em; }
 div.BlogTagCloud a.BlogTagCloud-Large,
 div.BlogTagCloud a.BlogTagCloud-X-Large { font-size: 1.8em; }
 div.BlogTagCloud a.BlogTagCloud-XX-Large { font-size: 2.2em; }
 
 
/* newsletter */

form.newsletter-a { width: 450px; height: 90px; padding: 0 0 5px; }
 form.newsletter-a h2 { margin: 0 0 10px; color: #09467c; font-size: 1.8em; }
  form.newsletter-a h2 span { color: #4ea4ba; }
 form.newsletter-a p { position: relative; width: 100%; margin: 0 0 5px; }
  form.newsletter-a p label { font-size: 0.83em; }
  .js #header form.newsletter p label { position: absolute; left: 5px; top: 5px; }
  form.newsletter-a p input { width: 225px; height: 20px; margin: 0 5px 0 0; padding: 4px 4px 0; border: 1px solid #e3e4e4; font-size: 12px; vertical-align: middle; }
  form.newsletter-a p button { position: relative; height: 26px; padding: 0 20px; border: none; background: #09467c; color: #fff; font: bold 12px/26px Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; vertical-align: middle; }
  
  
/* helpers */
 
li.separate { display: block !important; overflow: hidden !important; clear: both !important; float: none !important; width: 100% !important; height: 1px !important; min-height: 0 !important; margin: -1px 0 0 !important; padding: 0 !important; font-size: 1px !important; text-align: left !important; text-indent: -10001px !important; }



/* Calendar Styles */

.eventWrapper {display: none; border-bottom: 1px solid #b2bb1e; margin: 10px 0; width: 400px; margin: 5px 0 10px 30px; padding: 0 0 10px 0;}
#eventJanuary .Jan {display: block;}
#eventFebruary .Feb {display: block;}
#eventMarch .March {display: block;}
#eventApril .April {display: block;}
#eventMay .May {display: block;}
#eventJune .June {display: block;}
#eventJuly .July {display: block;}
#eventAugust .Aug {display: block;}
#eventSeptember .Sept {display: block;}
#eventOctober .Oct {display: block;}
#eventNovember .Nov {display: block;}
#eventDecember .Dec {display: block;}

.Listdate {margin: 0; padding:0;}
.ListDateDescription {margin: 0; padding: 0;}

#newsEventsWrapper h2 {/* border-bottom: 1px solid #b2bb1e; */ margin: 0; padding: 0;}

/* Form Tabs  */

#Formtabs { }

#Formtabs ul { list-style: none; margin: 0; padding: 0; height: 30px;}
#Formtabs ul li { float: left; padding: 10px 10px; background: #b3b3b3; margin: 0 10px 0 0;}

#Formtabs ul li a { display: block; float; left; text-decoration: none; color: white; }

#Formtabs ul li.active  { background: #b2bb1e;}
#Formtabs ul li.active a  { color: white; font-weight: bold;}

#FormParent { clear: both; padding: 10px; background: #daee81;}
#FormProfessional { clear: both; padding: 10px; background: #f1e3ab;}


/* Surgeons List */
.physicianDetailHeader {background: url(../images/template/headerBackground.gif) repeat-x; height: 200px;  width: 100%; float: left;}
.physicianDetailName {font-size: 3em; color: #bc9834; float: left; top: 60px; left: 40px; position: relative;}
.physicianNameListWrapper {padding: 0 0 10px 0; font-size: 1.3em; }
.physicianNameList a {font-size: .7em; color: black;}
.physicianNameList {font-size: 1.5em; color: black; text-decoration: none;}

.physicianNameList a:hover {text-decoration: underline;}
.physicianSpecialtyList {}
.physicianProceduresList {}

.physicianDetailWrapper {padding: 20px 0 10px 0;font-size: 1.2em;}
.physicianDetailImage {float: left;}
.physicianDetailSpecialty{}
.physicianDetailProcedures{}
.physicianDetailProcedures {}

.physicianDetailAddressWrapper{ padding: 5px 0 0 0;}

.physicianDetailContactWrapper { padding: 5px 0 0 0;}
.physicianDetailWebsite a {color: black;}