/*  
Site Name: MesoDVD.com
Site URI: http://mesodvd.com/
Created: 06/02/2010
Version: 1.0
Author: Christopher Michael Pastore 
Author URI: http://www.chrispastore.com/
Author Contact: chris@chrispastore.com
*/
@import url("reset.css");
@media all {
body { background:url(/img/page-bg.jpg) repeat-x top left; margin:0 auto; }
body#policy { background:url(/img/page-bg2.jpg) repeat-x top left; margin:0 auto; }
body#pop { background-color:#fff; background-image:none; margin:60px; }
#wrapper { width:960px; margin:0 auto; }
#header { width:960px; }
#logo { margin:10px 0 7px 0; }
#nothing1 { float:right; margin:22px 0 0 0; #margin:-40px 0 0 0;
} /* # hack for IE 7 */
/* START DVD INFO */
#dvdInfo { float:left; margin:25px 0 0 0; width:500px; }
#dvdInfo h2 { font:24px/1.3em Georgia, Times, "Times New Roman", serif; color:#ff0; margin:0 0 15px 0; }
#dvdInfo p { font:18px/1.3em Helvetica, "Helvetica Neue", Arial, sans-serif; color:#fff; }
/* END DVD INFO */
/* START DVD NAV and CONTENT SWITCHER */
.tabNav { margin:50px 0 0 0; padding:5px 10px; background:#064163; text-align:center; -khtml-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.tabNav li { display:inline; }
.tabNav li a { font:18px/1.3em Helvetica, "Helvetica Neue", Arial, sans-serif; color:#fff; text-decoration:none; padding:0 25px; }
.tabNav li a:hover, .tabNav li a:focus { color:#0fc; text-decoration:none; }
.tabNav .current a { padding:0 25px 22px 25px; background:url(/img/active.gif) no-repeat bottom center; }
.tabContainer .tab { display: none; margin:10px 0 0 0; }
.tabContainer .tab h3 { font:26px/1.3em Georgia, Times, "Times New Roman", serif; color:#c00; margin:20px 0 10px 0; }
.tabContainer .tab p { margin:0 0 15px 0; font:18px/1.3em Georgia, Times, "Times New Roman", serif; color:#333 !important; }
.tabContainer .tab ul { margin:0 0 0 25px; }
.tabContainer .tab ul li { font:18px/1.3em Helvetica, "Helvetica Neue", Arial, sans-serif; color:#333; list-style-image:url(/img/checks.gif); }
.tabContainer .current { display: block; margin:10px 0 0 0; }
.tabContainer .current h3 { font:26px/1.3em Georgia, Times, "Times New Roman", serif; color:#c00; }
.tabContainer .current p { margin:0 0 15px 0; font:18px/1.3em Georgia, Times, "Times New Roman", serif; color:#333 !important; }
.tabContainer .current a { color:#c00 !important; text-decoration:none; }
.tabContainer .current a:hover, .tabContainer .current a:focus { text-decoration:underline; }
.more { margin:20px 0 0 0 !important;}
/* END DVD NAV and CONTENT SWITCHER */
/* START FORM */
#form { float:right; margin:3px 0 0 0; #margin:2px 0 0 0;
padding:389px 0 0 0; width:460px; background:url(/img/dvds.jpg) no-repeat top left; text-align:right; } /* # hack for IE 7 */
#form h3 { margin:0 0 10px 0; font:24px/1.3em Georgia, Times, "Times New Roman", serif; color:#c00; }
label { float:right; clear:both; #clear:none;
margin:0 0 10px 0; font:18px/1.3em Helvetica, "Helvetica Neue", Arial, sans-serif; color:#333; } /* # hack for IE 7 */
input.field { font:18px/1.3em Helvetica, "Helvetica Neue", Arial, sans-serif; color:#333; border:1px solid #b6cdff; }
input.field:focus { background:#cff; }
#formFields { float:left; width:390px; margin:0 0 0 20px; }
#bbb { float:right; margin:0 0 0 10px; _position:relative; _left:10px; _bottom:220px; } /* _ hack for IE 6 */
#submit { background:#064163; border:1px solid #064163; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font:18px Helvetica, "Helvetica Neue", Arial, sans-serif; color:#fff; cursor:pointer; }
#submit:hover, #submit:focus { background:#069; border:1px solid #069; }
#free { margin:0 0 5px 5px; font:12px Helvetica, "Helvetica Neue", Arial, sans-serif; color:#333; }
#privacy { margin:0 0 0 10px; }
/* END FORM */
/* START CONTENT */
#content { float:left; clear:both; width:960px; margin:0 0 0 0; #margin:30px 0 0 0;
}
h1 { margin:0 0 10px 0; font:26px/1.3em Georgia, Times, "Times New Roman", serif; color:#c00; }
h2 { margin:0 0 10px 0; font:23px/1.3em Georgia, Times, "Times New Roman", serif; color:#064163; }
p { margin:0 0 20px 0; font:18px/1.3em Helvetica, "Helvetica Neue", Arial, sans-serif; color:#333; }
ul { margin:0 0 20px 25px; }
ul li { font:18px/1.3em Helvetica, "Helvetica Neue", Arial, sans-serif; color:#333; list-style-image:url(/img/checks.gif); margin:0 0 7px 0; }
/* END CONTENT */
/* START MAIN NAV */ 
#mainNav { float:left; clear:both; width:960px; margin:20px 0 20px 0; padding:5px 10px; background:#064163; text-align:center; -khtml-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#mainNav li { display:inline; }
#mainNav li a { font:18px/1.3em Helvetica, "Helvetica Neue", Arial, sans-serif; color:#fff; text-decoration:none; padding:0 25px; }
#mainNav li a:hover, #mainNav li a:focus { color:#0fc; text-decoration:none; }
body#mesoPage a#mesoActive, body#causesPage a#causesActive, body#symptomsPage a#symptomsActive, body#diagnosisPage a#diagnosisActive, body#treatmentsPage a#treatmentsActive, body#preventionPage a#preventionActive { background:url(/img/active.gif) no-repeat bottom center; padding-bottom:22px; padding /*\**/: 23px\9; }
/* END MAIN NAV */ 
/* START FOOTER */
#footer { float:left; width:960px; margin:0 auto 30px auto; }
#footer ul { float:left; clear:both; width:960px; margin:20px 0 20px 0; _margin:20px 0 -40px 0; padding:5px 10px; background:#39c; text-align:center; -khtml-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } /* _ hack for IE 6 */
#footer ul li { display:inline; }
#footer li a { font:18px/1.3em Helvetica, "Helvetica Neue", Arial, sans-serif; color:#fff; text-decoration:none; padding:0 15px; }
#footer li a:hover, #footerNav li a:focus { color:#0fc; text-decoration:none; }
#nothing2 { _margin:50px 0 0 0; } /* _ hack for IE 6 */
/* START COLORBOX */
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; overflow:visible; }
#cboxLoadedContent { overflow:auto; }
#cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }
/*  ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay { background:url(/img/overlay.png) 0 0 repeat; }
#colorbox { }
#cboxTopLeft { width:21px; height:21px; background:url(/img/borderTopLeft.png) 0 0 no-repeat; }
#cboxTopCenter { height:21px; background:url(/img/borderTopCenter.png) 0 0 repeat-x; }
#cboxTopRight { width:21px; height:21px; background:url(/img/borderTopRight.png) 0 0 no-repeat; }
#cboxBottomLeft { width:21px; height:21px; background:url(/img/borderBottomLeft.png) 0 0 no-repeat; }
#cboxBottomCenter { height:21px; background:url(/img/borderBottomCenter.png) 0 0 repeat-x; }
#cboxBottomRight { width:21px; height:21px; background:url(/img/borderBottomRight.png) 0 0 no-repeat; }
#cboxMiddleLeft { width:21px; background:url(/img/borderMiddleLeft.png) 0 0 repeat-y; }
#cboxMiddleRight { width:21px; background:url(/img/borderMiddleRight.png) 0 0 repeat-y; }
#cboxContent { background:#fff; }
#cboxLoadedContent { margin-bottom:28px; }
#cboxTitle { position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494; }
#cboxCurrent { position:absolute; bottom:3px; left:58px; color:#949494; }
#cboxSlideshow { position:absolute; bottom:3px; right:30px; color:#0092ef; }
#cboxPrevious { position:absolute; bottom:0; left:0px; background:url(/img/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; }
#cboxPrevious.hover { background-position:-25px -25px; }
#cboxNext { position:absolute; bottom:0; left:27px; background:url(/img/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; }
#cboxNext.hover { background-position:0px -25px; }
#cboxLoadingOverlay { background:url(/img/loading_background.png) center center no-repeat; }
#cboxLoadingGraphic { background:url(/img/loading.gif) center center no-repeat; }
#cboxClose { position:absolute; bottom:0; right:0; background:url(/img/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; }
#cboxClose.hover { background-position:-50px -25px; }
/* END COLORBOX */
}