/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

   html,
   button,
   input,
   select,
   textarea {
       color: #222;
   }
   
   body {
       font-size: 1em;
       line-height: 1.4;
   }
   
   /*
    * Remove text-shadow in selection highlight: h5bp.com/i
    * These selection declarations have to be separate.
    * Customize the background color to match your design.
    */
   
   ::selection {
       background: #b3d4fc;
       text-shadow: none;
   }
   
   /*
    * A better looking default horizontal rule
    */
   
   hr {
       display: block;
       height: 1px;
       border: 0;
       border-top: 1px solid #ccc;
       margin: 1em 0;
       padding: 0;
   }
   
   p a{text-decoration:underline;color:#000000;}
   
   li a{text-decoration:underline;color:#000000;}
   
   /*
    * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
    */
   
   img {
       vertical-align: middle;
   }
   
   /*
    * Remove default fieldset styles.
    */
   
   fieldset {
       border: 0;
       margin: 0;
       padding: 0;
   }
   
   /*
    * Allow only vertical resizing of textareas.
    */
   
   textarea {
       resize: vertical;
   }
   
   /* ==========================================================================
      Author's custom styles
      ========================================================================== */
   .tel {text-decoration:none; cursor:default}
   
   body { margin:0; padding:0; text-align:center; background:url(/templates/client/images/bg-body.png) repeat-x #123470;}
   #wrapper { margin:0 auto; width:999px; background-color:#DBDBDB; }
   
   /* Header */
   header { position:relative; width:100%; height:154px; background:white; border-top:3px solid #9E1F2C; }
   header img { position:absolute; left:21px; top:12px; }
   header #smallnav { position:absolute; top:0; right:0; margin:0; padding:0; width:253px; height:25px; background-image:url(/templates/client/images/smallnav.png); text-align:right; }
   header #smallnav li { display:inline; border-left:1px solid white; padding:0 4px 0 9px; }
   header #smallnav li:first-child { border-left:none; }
   header #smallnav li a { color:white; font-size:0.7em; text-decoration:none; }
   
   header span { position:absolute; bottom:10px; right:18px; font-size:1.1em; font-weight:bold; }
   
   #sidebar {
       background-color: #DBDBDB;
       border-right: 2px solid #D6D6D6;
       padding: 0 20px;
       text-align: left;
       width: 249px;
       float:left;
   }
   
   #sidebar a:visited{}
   
   .social {text-align:center;}
   .social a {display:inline-block;}
   
   #sidebar nav {
       border-radius:2px;
   
       /* http://www.colorzilla.com/gradient-editor/#a0313c+0,9e2731+65,7a1821+100;Custom */
       background: #a0313c;
       background: -moz-radial-gradient(center, ellipse cover, #a0313c 0%, #9e2731 65%, #7a1821 100%);
       background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#a0313c), color-stop(65%,#9e2731), color-stop(100%,#7a1821));
       background: -webkit-radial-gradient(center, ellipse cover, #a0313c 0%,#9e2731 65%,#7a1821 100%);
       background: -o-radial-gradient(center, ellipse cover, #a0313c 0%,#9e2731 65%,#7a1821 100%);
       background: -ms-radial-gradient(center, ellipse cover, #a0313c 0%,#9e2731 65%,#7a1821 100%);
       background: radial-gradient(ellipse at center, #a0313c 0%,#9e2731 65%,#7a1821 100%);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0313c', endColorstr='#7a1821',GradientType=1 );
   }
   #sidebar nav ul { list-style: none; margin:0; padding:0; margin-top:3px; }
   #sidebar nav ul li { padding:3px 8px; border-top:solid thin white; background:url(/templates/client/images/right-arrow.png) no-repeat 235px; }
   #sidebar nav ul li:first-child { border:none; }
   #sidebar nav ul li a { color:white; text-decoration:none; font-size:0.9em; font-weight:lighter; }
   
   #sidebar .blog { background-color:white; border:solid thin #C4CBD5; border-radius:2px; margin:15px 0; padding:17px; }
   #sidebar .blog #doctor_advice { font-size:1.9em; font-style:oblique; color:#818181; width:207px; height:117px; border-bottom:solid thin gray; }
   #sidebar .blog #doctor_advice p { margin:0; }
   #sidebar .blog h3 { color:#B34B52; font-size:1.2em; text-transform: uppercase;margin:0.5em 0; }
   #sidebar .blog h4 { font-size:0.8em; margin:0.5em 0 0; }
   #sidebar .blog p { font-size:0.8em; margin:0; }
   #sidebar .blog a { font-size:0.8em; margin:0; color:#000;}
   #sidebar .blog a:visited { font-size:0.8em; margin:0; color:#000;}
   .excerptMain{font-size:.8em; }
   #sidebar #hcg { text-align:center; padding:0 20px; margin:1em 0; }
   #sidebar #hcg img { margin:0 auto; }
   #sidebar #hcg h3 { font-size:0.8em; margin:0.5em 0; padding-bottom:0.5em; text-align:left; border-bottom:solid thin #C6C6C6; color:#4E4E4E; }
   #sidebar #hcg p { font-size:0.7em; margin:0; text-align:left; }
   
   article { width:676px; float:right; padding:3px 16px 0; text-align:left; }
   article section { width:675px; background:white; }
   article section h1 { font-size:1.3em; text-transform:uppercase; margin:0.5em 10px; border-bottom:1px solid #919191; }
   article section h2 { font-size:1.1em; text-transform:uppercase; margin:0.5em 0; border-bottom:1px solid #919191; }
   article section h3 { font-size:0.9em; text-transform:uppercase; margin:0.5em 10px; border-bottom:1px solid #919191; }
   article section h4 { font-size:0.8em; text-transform:uppercase; margin:0.5em 10px; }
   article section p { font-size:0.8em; line-height:1.7em; margin:0.5em 10px; font-weight: lighter; }
   article section table { /* font-size:0.8em;  dimi00 */line-height:1.2em; margin:0.5em 10px; font-weight:lighter; width:655px; }
   article section table th { border-bottom: 1px solid #EEE; }
   article section hr { height:16px; background:#DBDBDB; border:none; border-bottom:3px solid #1C499C; }
   article section ul { font-size:0.8em; line-height:1.2em; margin:0.5em 10px; font-weight: lighter; list-style-position:outside; padding:0; }
   article section ul li{ margin-left:15px;}
   article section ul ul { font-size:inherit; }
   article section ol { font-size:0.8em; line-height:1.2em; margin:0.5em 10px; font-weight: lighter; }
   
   article section.red { border-top:4px solid #971927; }
   .red h1 { color:#971927; }
   .red h2 { color:#971927; }
   .red h3 { color:#971927; }
   
   article section.blue { border-top:3px solid #1C499C; }
   .blue h1 { color:#1C499C; }
   .blue h2 { color:#1C499C; }
   .blue h3 { color:#1C499C; }
   
   footer { text-align:left; margin:16px 16px; width:676px; float:right; background:white; }
   footer div div { width:338px; float:left;  padding-bottom:17px;}
   footer div div h3 { font-size:0.8em; text-transform:uppercase; margin:0.5em 10px; border-bottom:1px solid #919191; }
   footer div div p { font-size:0.7em; line-height:1.7em; margin:0.5em 10px; font-weight: lighter; }
   
   footer #sponsor span { color:#194A9C; font-size:1.4em; font-style:oblique;position:relative;left:20px; }
   footer #sponsor a { color:#982933; font-size:1.2em; text-align:left; position:relative;left:20px; display:block; }
   footer #compulink { background:#DBDBDB; font-size:0.7em; padding:20px; text-align:center; }
   footer #compulink img { vertical-align:middle; }
   
   footer #compulink a{text-decoration:none; color:#000000;}
   
   
   .physname{text-decoration:underline;}
   
   
   
   
   
   /* FORM LAYOUT */
   .form ul{ list-style:none; margin:0; padding:0; }
   .form li{ padding:5px; margin:0; clear:both;}
   .form label{ float:left; width:100px; position:relative; top:3px; text-align:right; padding-right:15px; }
   .form legend{ color:#000; font-weight:bold;}
   .signupFieldset{ height:240px; }
   .captcha{ float:left; }
   
   /* FORMS FIELDS */
   .form input{ -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border:1px solid #999; padding:5px; }
   .inputText{ width:200px; }
   .form img{ -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; position:relative; top:-2px; }
   .form select{ -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border:1px solid #999; padding:5px; width:300px;}
   .form textarea{ -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border:1px solid #999; padding:5px; width:400px; height:120px; }
   .form button{ -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border:1px solid #6a1919; padding:5px 20px; background:url(/templates/client/images/form_button.jpg) repeat-x 0 50% #6a1919; color:#FFF; font-weight:bold; cursor:pointer; }
   .form button:hover{ border:1px solid #33ff33; background:url(/templates/client/images/form_button_hover.jpg) repeat-x 0 50% #00cc00; }
   
   /* FORM VALIDATION */
   div.formErrors{ padding:10px; margin:0 0 10px 0; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; display: none; border:1px solid #dede00; background-color:#ffffaa; font-weight:normal;}
   div.formErrors h4{ color:#F00; font-weight:normal; font-size:14px; margin:0px; padding:0px;}
   div.formErrors ol{ padding:10px 0 0 40px; margin:0;}
   .formErrors .error{ float:none !important; width:100% !important; border:none !important; }
   .error{ border:2px solid #F00 !important; }
   
   /* FORM HIGHLIGHT */
   .highlight{ background-color:#fffbcd; }
   .highlight label{ background-color:#f6efa3; text-decoration:underline !important; }
   .highlight-selected{ background-color:#FF0; }
   
   
   
   
   
   
   
   /* BLOG */
   #blog{
       width:645px;
       margin:0px auto;
       }
   #blog a{
       color:#000;
       }
       
   
   .pageContainer {

   }
   .pageContainer a {
    color:black;
    margin-bottom:20px;
   }
   
   
   /* ==========================================================================
      Helper classes
      ========================================================================== */
   
   /*
    * Image replacement
    */
   
   .ir {
       background-color: transparent;
       border: 0;
       overflow: hidden;
       /* IE 6/7 fallback */
       *text-indent: -9999px;
   }
   
   .ir:before {
       content: "";
       display: block;
       width: 0;
       height: 100%;
   }
   
   /*
    * Hide from both screenreaders and browsers: h5bp.com/u
    */
   
   .hidden {
       display: none !important;
       visibility: hidden;
   }
   
   /*
    * Hide only visually, but have it available for screenreaders: h5bp.com/v
    */
   
   .visuallyhidden {
       border: 0;
       clip: rect(0 0 0 0);
       height: 1px;
       margin: -1px;
       overflow: hidden;
       padding: 0;
       position: absolute;
       width: 1px;
   }
   
   /*
    * Extends the .visuallyhidden class to allow the element to be focusable
    * when navigated to via the keyboard: h5bp.com/p
    */
   
   .visuallyhidden.focusable:active,
   .visuallyhidden.focusable:focus {
       clip: auto;
       height: auto;
       margin: 0;
       overflow: visible;
       position: static;
       width: auto;
   }
   
   /*
    * Hide visually and from screenreaders, but maintain layout
    */
   
   .invisible {
       visibility: hidden;
   }
   
   /*
    * Clearfix: contain floats
    *
    * For modern browsers
    * 1. The space content is one way to avoid an Opera bug when the
    *	`contenteditable` attribute is included anywhere else in the document.
    *	Otherwise it causes space to appear at the top and bottom of elements
    *	that receive the `clearfix` class.
    * 2. The use of `table` rather than `block` is only necessary if using
    *	`:before` to contain the top-margins of child elements.
    */
   
   .clearfix:before,
   .clearfix:after {
       content: " "; /* 1 */
       display: table; /* 2 */
   }
   
   .clearfix:after {
       clear: both;
   }
   
   /*
    * For IE 6/7 only
    * Include this rule to trigger hasLayout and contain floats.
    */
   
   .clearfix {
       *zoom: 1;
   }
   
   /* ==========================================================================
      EXAMPLE Media Queries for Responsive Design.
      Theses examples override the primary ('mobile first') styles.
      Modify as content requires.
      ========================================================================== */
   
   @media only screen and (min-width: 35em) {
       /* Style adjustments for viewports that meet the condition */
   }
   
   @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
          only screen and (min-resolution: 144dpi) {
       /* Style adjustments for high resolution devices */
   }
   
   /* ==========================================================================
      Print styles.
      Inlined to avoid required HTTP connection: h5bp.com/r
      ========================================================================== */
   
   @media print {
       * {
           background: transparent !important;
           color: #000 !important; /* Black prints faster: h5bp.com/s */
           box-shadow:none !important;
           text-shadow: none !important;
       }
   
       a,
       a:visited {
           text-decoration: underline;
       }
   
       a[href]:after {
           content: " (" attr(href) ")";
       }
   
       abbr[title]:after {
           content: " (" attr(title) ")";
       }
   
       /*
        * Don't show links for images, or javascript/internal links
        */
   
       .ir a:after,
       a[href^="javascript:"]:after,
       a[href^="#"]:after {
           content: "";
       }
   
       pre,
       blockquote {
           border: 1px solid #999;
           page-break-inside: avoid;
       }
   
       thead {
           display: table-header-group; /* h5bp.com/t */
       }
   
       tr,
       img {
           page-break-inside: avoid;
       }
   
       img {
           max-width: 100% !important;
       }
   
       @page {
           margin: 0.5cm;
       }
   
       p,
       h2,
       h3 {
           orphans: 3;
           widows: 3;
       }
   
       h2,
       h3 {
           page-break-after: avoid;
       }
   }
   
   .blog.latest{}
   .blog.latest img{ display:none; }
   .blog.latest .latestExcerpt{font-size: 0.8em;}
   .blog.latest .latestExcerpt:last-child{ margin-top:30px; }
   .blog.latest .latestExcerpt .excerptTitle{    font-weight: bold;
       font-size: 1.2em;}
   .blog.latest .datecatText{ color:#ccc; font-style: italic;}
   .blog.latest .blogReadMore{    display: block;
       font-weight: bold;
       font-size: 1em !important;}


       table .hideme td p {
        margin-left: 0px;
        margin-right: 0px;
        padding: 0px;
        font-size: 1em;
        line-height: 1.2em;
       }