﻿body { margin: 0; padding: 0; width: auto; border: none; font-size: 76%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background: transparent url(../img/bg_shadow.jpg) repeat-y center top; text-align: center; }

img { border-width: 0; }
img.center { text-align: center; margin: auto auto; display: block; }
.topLeftImage {padding : 0px 0px 0px 6px;}

#container { margin: 0 auto; padding: 0; width: 766px; text-align: left; background-color: #fff; }
#altTop,#altTop p { display: none; }
#container:lang(en) { margin: -10px auto 0 auto; }
* html #container { margin: 0 auto !important; }

/* left column*/
#ltCol { margin: 0; padding: 230px 0 0 0; float: left; width: 186px; background-repeat: no-repeat; background-position: top left; }

#acneTip { margin: 20px 0; background: url(../img/acne-tips_btm.gif) no-repeat left bottom; width: 156px; float:left;}
#acneTip h2 { margin: 0; padding: 0; background: url(../img/acne-tips_hdr.gif) no-repeat left top; display: block; width: 156px; height: 33px;   }
#acneTip h2 span { display: none;}
#acneTip p { margin: 2px 10px 0 6px; padding: 0 0 10px 0; font-size: .85em; color: #557E84;}

/* takeEvaluation */
#takeEvaluation { margin: 0 0 30px 0; padding: 0; }
#takeEvaluation h2 { display: none; }
#rightFeature { margin: 0 0px 0px 0px; padding: 0; float: right; width: 143px; }
#rightFeature h2 { display: none; }

/* main column */
#primaryContent { margin: 0; padding: 0 0 15px 10px; float: left; width: 560px; }

#primaryContent h1 { margin: 10px 0 10px 0; padding: 0; font-size: 1.6em; color: #2482bc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#primaryContent h2 { margin: 0 0 10px 0; padding: 0; font-size: 1.1em; color: #ff6700; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#primaryContent h3 { margin: 0; padding: 0; font-size: .9em; color: #668eaf; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#primaryContent h4 { margin: 0; padding: 0; font-size: .9em; color: #565656; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#primaryContent p { margin-top: 0; padding-top: 0; font-size: .9em; line-height: 1.3em; }

#primaryContent ul li { list-style-image: url(/img/list_dot.gif); list-style-type: none; font-size: .9em; color: #565656; }
body#home #primaryContent h1 { margin-top: 0; }
body#home #primaryContent ul li { list-style-image: none; }

#header { margin: 0; padding: 0; width: 570px; height: 82px; background: transparent url(../img/header.gif) no-repeat top right; }
#header span,#header strong { display: none; }

/* other blockquotes */
blockquote#mission { margin: 0; padding: 0; }
blockquote#mission p { margin: 0; padding: 0 0 20px 0; color: #999; font-family: Georgia,"Courier New", Courier, monospace; font-style: italic; font-weight: bold; line-height: 1.5em; width: 560px; w\idth: 545px; } 

blockquote.pullQuote { margin: 0 10px 0 0; padding: 0; width: 120px; float: left; }
blockquote.pullQuote p { margin:0; padding: 0; font-family: "Times New Roman", Times, serif; font-style: italic; color: #0077a0; font-size: 18px !important; line-height: 25px !important; }
blockquote.pullQuote p.cite { margin:0; padding: 0; font-family: "Times New Roman", Times, serif; text-align: right; } 
blockquote.pullQuote p.cite cite { font-size: 12px; font-style: normal; color: #999; } 

/* footer */
#footer { margin: 10px 0; padding: 0; clear: both; width: 766px; background-color: #F8B945; font-size: 11px; color: #FBFFFD; border-top: 2px solid #FBE997; border-bottom: 1px solid #FBC984; }
#footer ul { margin: 0; padding: 10px 0; text-align: center; border-bottom: 1px solid #DA7C03; }
#footer ul li { margin: 0 5px; padding: 0; display: inline; white-space: nowrap; }
#footer ul li a { color: #FBFFFD; }
#copyright { margin: 10px auto; text-align: center; color: #666; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }

/* primaryContent */
#primaryContent div.div { margin: 10px 5px 10px 0; padding: 10px 0; background: transparent url(../img/dashed-line.gif) repeat-x top left; clear: right; }
/* \*/
#primaryContent div.div { clear: both; }
/* */
#primaryContent div.div div.content { width: 10px; padding: 0; width: 410px; float: left; color: #6d6d6d; }
#primaryContent div.div div.content img { margin: 0 10px; float: left; }
#primaryContent div.div div.content img.right { float: right; }
#primaryContent div.div div.content h2 { margin: 0; padding: 0; color: #2482bc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; }
#primaryContent div.div div.content h2 a { color: #2482bc; text-decoration: none}
#primaryContent div.div div.content p { margin-top: 0; padding-top: 5px; }
#primaryContent div.div ul.nav { margin: 5px; padding: 0; width: 100px; float: right; }
#primaryContent div.div ul.nav li { padding: 2px 0 2px 0; padd\ing-left: 15px; list-style-type: none; background: transparent url(../img/arrow.gif) no-repeat left 5px; font-size: 10px; } 
#primaryContent div.div ul.nav li a { color: #668eaf; }
#primaryContent div.div ul.nav li a:hover { color: #88afcf; }

#primaryContent div#aboutAcne { background-image: none; }
#primaryContent div#acneMyths { padding-bottom: 20px; }

#primaryContent tr.odd { background-color: #E2F8D4; font-size: 12px; }
#primaryContent tr.even { font-size: 12px; }

#pgCleanup { display: block; height: 20px; clear: both; }

/* poll */
#ltColPoll,#ctColPoll { margin: 0 10px 10px 0; padding: 0; border: solid 1px #ddd; font-size: .8em; width: 154px; }
#ltColPoll p.link { margin: 0 20px 20px 20px; text-align: right; }
#ltColPoll form { margin: 0; padding: 0; }
#poll { margin: 0; padding: 0; width: 154px; }
#poll h2 { margin: 0; padding: 0; width: 154px; text-align: center; background: #90CB79 url(../img/poll.gif) no-repeat center top; font-size: 15px;  display: block; height: 19px; }
#poll h2 span { display: none; }
#poll p { margin: 0; padding: 5px 10px; width: 154px; w\idth: 130px; } 
#poll ul { margin: 0; padding: 0 0 10px 0; }
#poll ul li { margin: 0; padding: 0 0 2px 0; list-style-type: none; height: 18px; color: #C915FC; text-align: left; list-style-image: none; }
#poll ul li input { margin: 0 5px; padding: 0; width: 20px; }
#pollsubmit { margin: 0 0 5px 97px; width: auto; height: auto; }
#poll ul li label { margin: 0; padding: 0; vertical-align: 3px; }
#poll a { margin: 0 10px; }
#pollSubmit { margin: 0 0 5px 45px; font-size: 10px; }
#pollContainer div.question h2 { padding-right: 3px; }
#ltColPollFooter { display: none; }
#ctColPoll { margin: 10px auto; text-align: center; }

/* twoGroups */
#twoGroups { clear: right; }
#twoGroups div.col1 { margin-right: 10px; width: 200px; float: left; border: 1px solid #ddd; }
#twoGroups div.col2 { width: 260px; float: left; border: 1px solid #ddd; }
#twoGroups h3 { margin: 10px auto; padding-bottom: 5px; text-align: center; border-bottom: 1px solid #ddd; }
#twoGroups p { padding-left: 10px; }
#twoGroups ul { margin: 0; padding: 0; }
#twoGroups li { margin: 0; padding: 10px 20px; display: block; list-style-image: none !important; list-style-type: none; }
#twoGroups div.col1 li { padding: 15px 20px; }
#twoGroups li.odd { background-color: #F6E2DF; }
#twoGroups li.even { background-color: #F9EBEB; }

/* siteMap */
#primaryContent #siteMap li { margin-bottom: 15px; list-style-image: none; }
#primaryContent #siteMap li ul { margin-top: 5px; }
#primaryContent #siteMap li ul li { list-style-image: url(/img/list_dot.gif); }


body#popup { width: 120px; background-color: #fff; }
body#popup #primaryContent { width: 530px; float: none; }
body#popup #footer { width: 570px; border-top-width: 1px }



/* ASP GRID VIEW */
.GridView { font-size: 12px; width:'98%'}
.GridHeader { font-size: 12px; color:#000000; font-weight:bold; }
.aspGridView-ItemStyle { background-color: #E2F8D4; height:15px; font-size: 12px; padding:5px 5px 5px 5px; }
.aspGridView-AlternateItemStyle {  font-size: 12px; height:15px;padding:5px 5px 5px 5px;}

