/* CSS Document */

body {background-color:#000000;  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#b5b5b5; margin: 0px; padding: 0px; background-image:url(../images/mainbg.jpg); background-position:center 204px; background-repeat:no-repeat; background-attachment:fixed;}

/* STRUCTURE */
#bg {margin:0 auto; width:831px}
#header {width: 831px; height: 128px; background:#000000 url(../images/headOutsmartHome.jpg) center 0px no-repeat; clear:both; } 
#headerHome {width: 831px; height: 128px; background:#000000 url(../images/headOutsmartHome.jpg)  center 0px no-repeat; clear:both; } 
.headerMaster { width:130px ; float:left; margin-left:-50px; margin-top:70px;} 
.headerLogoPrint { display:none;} 
/* STRUCTURE // HOME PAGE */
.contentHome {width:831px; margin: 0;   min-height:454px ;  }

/* STRUCTURE // CONTENT PAGE */
.container {width:831px; margin:  0px 0 0 0  ; padding:0 ; background:url(../images/pagebg.jpg) top left no-repeat;  min-height:426px ; }
.contentHead {width:771px; margin: 0 30px 0 30px ; padding:25px 0 5px 0  ;  height:46px ; border-bottom:1px solid #333333; }
.content {width:801px; margin: 0 ; padding:10px 40px 30px 30px ; background: url(../images/pagebgBody.jpg) bottom left no-repeat; min-height:380px ; line-height:1.5;}
.contentFlash {width:770px; margin: 0 ; background:#000000 url(../images/pagebgBody.jpg) bottom left no-repeat; min-height:380px ; padding:10px 30px 0 30px; text-align:left; }

.contentPopup
{
    width:710px; padding:10px 10px 10px 10px; margin-left:15px; margin-bottom:25px; border-color: #8dc73f; border-width: 1px; border-style: solid; background-color: #000000;
}
.boxDiv
{
    margin-left:15px;
}

#lhs {
	/*border:1px solid red;*/
	float:left;
	width:508px;
	margin-right:20px;
}

#lhs p {
	margin:0 0 17px 0;
}


#rhs {
	float:left;
	width:246px;
}

#rhs div.top {
	background:url(../images/rhsTop1.jpg) no-repeat;
	width:246px;
	height:16px;
}

#rhs div.topContent {
	background: #1f1f1f url(../images/rhsTop2.jpg) no-repeat;
	width:218px;
	border-left:1px solid #3c5816;
	border-right:1px solid #3c5816;
	border-bottom:1px solid #3c5816;
	padding:0px 10px 10px 16px;
}

/*
#rhs div.topSml {
	background:#1f1f1f url(../images/rhsSmlTop.jpg) no-repeat top;
	width:220px;
	padding:13px 10px 10px 16px;
	border-bottom:1px solid #3c5816;
}


#rhs div.topMed {
	background:url(../images/rhsMedTop.jpg) no-repeat;
	width:220px;
	height:76px;
	padding:13px 10px 0 16px;
	border:0px solid red;
}
*/

#rhs div.midContent {
	border-left:1px solid #3c5816;
	border-right:1px solid #3c5816;
	width:210px;
	padding:15px 17px 0 17px;
}

#rhs div.midContent span {
	display:block;
	padding-bottom:10px;
}

#rhs div.base {
	background:url(../images/rhsSmlBase.gif) no-repeat;
	width:246px;
	height:7px;
	margin-bottom:10px;
}


/* GENERAL STYLES */
.clearing { clear:both;}
.clear { clear:left;}
.clear15 {
	padding-bottom:10px;
	clear:both;
}
.clear16 {
	padding-bottom:15px;
	clear:both;
}
.img {display:block; padding:0px 30px 0px 0px;}
a img { border: none; }
a:link, a:active, a:visited { color:#8dc63f ; text-decoration:none;}
a:hover { text-decoration:underline;}
strong { color:#f5f5f5;}
table td { padding:2px 0 ; vertical-align:top;}

ul { color:#f5f5f5 ; padding:0 ; margin:0 0 0 12px ;}
li { padding:0 ; margin:0 ;}

div.content div.heading a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

div.content div.heading a:hover {
	text-decoration:underline;
}

.subbtn {padding:20px 0px 0px 0px;}

h2 { font-size:19px ; font-weight:bold ; color:#ffffff; }
h3 {font-size:13px ; font-weight:bold ; color:#ffffff; margin:17px 0 17px 0; padding:0;}
h4 {font-size:13px ; font-weight:bold ; color:#8dc63f; margin: 0; padding:0; }
h5 {font-size:13px; color:#8dc63f; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #8dc63f; width:500px; margin:0px 0px 10px 0px;}

.tableQuestion td { height:30px ; vertical-align:middle;}

/* TEXT STYLES */
.email a{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8dc63f; text-decoration:none;}
.subheading {font-size: 30px; color: #8dc63f;}

.greenBold {
	color:#8dc63f;
	font-weight:bold;
}

.subHdWhite {
	color:#ffffff;
	font-weight:bold;
	margin:0;
}

.footnote {
	font-style:italic;
	font-size:12px;
	padding-top:20px;
}

#lhs p.print {
	margin:20px 0 0 0;
}

/* FOOTER */
#footer {padding: 0px;width:791px;margin:20px auto 3px auto; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999999; height:73px ; padding: 0 30px 0 14px; } #footer img{ padding:0 30px 0 0;} .footerLinks { margin:5px 0 5px 0;} 	.footerLinks a:link, .footerLinks a:active, .footerLinks a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#ffffff; text-decoration:none; padding:1px ;}
.footertext {
	text-align:center;margin-left:45px;margin-right:45px;margin-top:20px; color:#8dc63f;font-weight:bold;
}

/**********main menu*************/
.menu{width:831px; height:26px; font-family:Arial ; font-size:11px; font-weight:normal; margin-bottom:10px ;}
.active a { background-position:0 -54px !important;}
.active a:hover { background-position:0 -27px !important;}

.menuhome a{width:84px; height:26px;  background-image:url(../images/navHome.gif); background-position:0 0;}
.menuhome a:hover{background-position:0 -27px;color:#FFFFFF; }
	.menuhomeActive a{width:84px; height:26px;  background-image:url(../images/navHomeActive1.gif); background-position:0 0;}
	.menuhomeActive a:hover{background-position:0 -27px;color:#FFFFFF; }

.menuUnderstand a{width:280px; height:26px; background-image:url(../images/navUnderstand.gif);background-position:0 0;}
.menuUnderstand a:hover{background-position:0 -27px;color:#FFFFFF; text-decoration:none;}
	.menuUnderstandActive a{width:280px; height:26px; background-image:url(../images/navUnderstandActive.gif);background-position:0 0  ;}
	.menuUnderstandActive a:hover{background-position:0 -27px ;}

.menuQuit a{width:251px; height:26px; background-image:url(../images/navQuitting.gif);background-position:0 0;}
.menuQuit a:hover{background-position:0 -27px;color:#FFFFFF; text-decoration:none;}
	.menuQuitActive a{width:251px; height:26px; background-image:url(../images/navQuittingActive.gif);background-position:0 0;}
	.menuQuitActive a:hover{background-position:0 -27px;color:#FFFFFF; text-decoration:none;}

.menuWorking a{width:214px; height:26px;background-image:url(../images/navWorking.gif); background-position:0 0;display:block; }
.menuWorking a:hover{background-position:0 -27px;color:#FFFFFF; text-decoration:none;}
	.menuWorkingActive a{width:214px; height:26px;background-image:url(../images/navWorkingActive.gif); background-position:0 0;display:block; }
	.menuWorkingActive a:hover{background-position:0 -27px;color:#FFFFFF; text-decoration:none;}

.menuOutsmart a{width:221px; height:26px; background-image:url(../images/navOutsmart.gif);background-position:0 0;}
.menuOutsmart a:hover{background-position:0 -27px;color:#FFFFFF; text-decoration:none;}
	.menuOutsmartActive a{width:221px; height:26px; background-image:url(../images/navOutsmartActive.gif);background-position:0 0;}
	.menuOutsmartActive a:hover{background-position:0 -27px;color:#FFFFFF; text-decoration:none;}

.menuStarted a{width:214px; height:26px; background-image:url(../images/navStarted.gif);background-position:0 0;}
.menuStarted a:hover{background-position:0 -27px;color:#FFFFFF; text-decoration:none;}
	.menuStartedActive a{width:214px; height:26px; background-image:url(../images/navStartedActive.gif);background-position:0 0;}
	.menuStartedActive a:hover{background-position:0 -27px;color:#FFFFFF; text-decoration:none;}


/*************** rollover menu **********************/
#nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1.2; width:831px; height:26px; z-index:10 ;}
#nav a {display: block;}

#nav li { float: left; list-style:none;display:inline; margin:0; padding:0;  }
#nav li ul { position: absolute; height:25px; left: -999em; }
	#nav li.menuUnderstand ul { width:280px}
	#nav li.menuUnderstand ul a{ width:264px}
		#nav li.menuUnderstandActive ul { width:280px}
		#nav li.menuUnderstandActive ul a{ width:264px}
	#nav li.menuQuit ul { width:251px}
	#nav li.menuQuit ul a{ width:235px}
		#nav li.menuQuitActive ul { width:251px}
		#nav li.menuQuitActive ul a{ width:235px}
	#nav li.menuWorking ul { width:214px}
	#nav li.menuWorking ul a { width:198px}
		#nav li.menuWorkingActive ul { width:214px}
		#nav li.menuWorkingActive ul a { width:198px}
	#nav li.menuOutsmart ul { width:280px}
	#nav li.menuOutsmart ul a{ width:264px}
		#nav li.menuOutsmartActive ul { width:280px}
		#nav li.menuOutsmartActive ul a{ width:264px}	
	#nav li.menuStarted ul { width:214px}
	#nav li.menuStarted ul a{ width:198px}
		#nav li.menuStartedActive ul { width:214px}
		#nav li.menuStartedActive ul a{ width:198px}
		
#nav li ul a{background:#000000; padding:9px 0px 9px 16px;	height:auto; text-align:left; font-size:11px;  border-bottom:1px solid #151414; border-top:1px solid #312f2f; text-decoration:none; color:#ffffff;}
#nav li ul a:active{ color:#ffffff ;text-decoration:none; }
#nav li ul a:visited{ color:#ffffff ; text-decoration:none;}
#nav li ul a:hover{ color:#8dc63f; background:#1f1e1e;text-decoration:none;}

#nav .sfhover { }
#nav li ul ul {  margin: -30px 0 0 155px; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto;}
#nav ul li ul { left: -999em; }
#nav ul li.sfhover ul { left: auto; }
#nav li ul ul li a{background-color:#9e9e9e;}

/*** Quiz*/
.cQuiz {}
.cQuiz td { padding-top: 10px; }
.cQuiz .leftCol { width: 400px; vertical-align: top; padding-right: 30px; padding-left: 20px; }
.cQuiz div { margin-top: 10px; margin-top: -2px; }
#quizResults { border: 1px solid white; display: none; background-color: #666666; padding-left: 15px; padding-right: 15px; padding-bottom: 15px;}
#quizResults p { margin-bottom: 0px; }
#quizResults span { display: none; }

/***Expansion**/
.cExpander { font-weight:bold ; margin-bottom:3px ;  }
.cExpander .data { display: none; font-weight: normal; padding-left: 15px; margin: 10px 0  20px 0; font-weight:normal;}
.dataspace { height:15px ;}
.cExpander span { text-decoration: none; color: #8dc63f;  cursor:pointer; }
.cExpander span img { position: relative; top: -2px; padding: 0 3px 0 1px; }


/*** Forms*/
input.normalField { width:300px ; height:14px ;}
input.InputBox { width:300px !important; height:14px !important ;}
input.inputStarted { width: 60px; height:14px;}
.startedForm label {/*display: block;*/margin: 0 0 2px 0;}
.printform .field { color: #8dc63f; font-size:13px; }
.printform .field input { position: relative; top: 1px; }
.underlined_boxes { font-size: 9px; padding-left: 4px; width: 250px; }
.checkbox { margin:0 ; padding:0; vertical-align:bottom;}

.bigField { width: 500px ; height:50px ; background-color:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; border:#333333 solid 1px ; margin:0px 5px 0 5px ;}
.smlField { width: 30px ; height:16px ; background-color:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; border:#333333 solid 1px ;margin:0px 5px 0 5px ; font-weight:bold;}
.smlField2 { width: 30px ; height:16px ; background-color:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; border:#333333 solid 1px ;margin:0px 5px 0 5px ; font-weight:bold;}
.medField { width: 300px ; height:16px ; background-color:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; border:#333333 solid 1px ; margin:0px 5px 0 5px ;  font-weight:bold;}

.highlight { color: #b2bb1e !important; }


/**** styles added by McCann */
ul.arrowList { list-style-type: none; margin: 0; }
ul.arrowList li { background: url(../images/listArrow.gif) no-repeat 0 0; margin:0 0 5px 0; padding: 0 0 0 24px; font-size: 13px; color:#b5b5b5;}
.floatLeft { float: left!important; width: 400px; display:inline;}
.floatLeft p {width:400px!important;}
.startedBox {float: left!important; border: 1px solid #fff; width: 220px; padding: 5px 10px; width: 200px; display:inline; margin-left: 10px;}

/*
***************
** Print CSS
***************
*/
.notbold {font-weight:normal; font-size:12px;}
.printimg {display:none;}

@media print {#quizResults p input, .cQuiz .noprint { display: none; }	
}


/* SiFR */
.sIFR-flash {visibility: visible !important;margin: 0; z-index: 1;}
.sIFR-replaced { position: relative; visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-flash + div[adblocktab=true] {display: none !important;}

.sIFR-hasFlash h1 { font-size: 26px; margin:0 ; padding:0; }



/*Outsmart Cigarttes */


.wpHowAddicted {
	background:url(../images/wpHowAddicted.jpg) no-repeat;
	width:508px;
	height:65px;
	padding-top:12px;
}

.wpCanYouOutsmart {
	background:url(../images/wpCanYouOutsmart.jpg) no-repeat;
	width:508px;
	height:65px;
	padding-top:12px;
}

.wpHowYourBody {
	background:url(../images/wpHowYourBody.jpg) no-repeat;
	width:508px;
	height:79px;
	padding-top:12px;
}

.wpTitle {
	margin:0 20px 0px 167px;
	font-size:15px;
	color:#999999;
	font-weight:bold;
}

.wpLink {
	margin:0 5px 0 167px;
	font-weight:bold;
	display:block;
}

.arrow {
	background:url(../images/arrow.gif) no-repeat right;
	width:6px;
	height:11px;
	display:inline-block;
	padding-right:5px;
	padding-top:1px;
}



/*Quitting Tools*/



#lhs div.wpCalculator {
	border:0px solid red;
	background:url(../images/wpCalculator.jpg) no-repeat;
	width:246px;
	height:111px;
	float:left;
	padding-top:91px;
	margin-bottom:14px;
	clear:both;
}


#lhs div.wpChecklist {
	border:0px solid red;
	background:url(../images/wpCheckllist.jpg) no-repeat;
	width:246px;
	height:111px;
	float:right;
	padding-top:91px;
	margin-bottom:14px;
	
}

#lhs div.wpPersonal {
	border:0px solid red;
	background:url(../images/wpYourPersonal.jpg) no-repeat;
	width:246px;
	height:111px;
	float:left;
	padding-top:91px;
	margin-bottom:14px;
	clear:both;
}

#lhs div.wpTreatment {
	border:0px solid red;
	background:url(../images/wpTreatments.jpg) no-repeat;
	width:246px;
	height:111px;
	float:right;
	padding-top:91px;
}

#lhs span.toolsTitle {
	display:block;
	text-align:center;
	font-size:15px;
	color:#999999;
	font-weight:bold;
	padding:0 20px 10px 20px;
}

#lhs span.toolsLink {
	display:block;
	text-align:center;
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
}

#lhs span.block 
{
    display:block;
}

#lhs div.checkLeft {
    float:left; width:280px; border:0px solid red;margin-bottom:30px;
}

#lhs div.checkLeft span {
    display:block;
}

#lhs div.checkRight {
    float:left; width:210px; border:0px solid red;margin-bottom:30px;
}

#lhs div.checkRight span {
    display:block;
}

/*Checklist*/

#lhs div.contentList1 {
	border:1px soild red;
	margin-left:15px;
}

#lhs div.contentList1 span {
	display:block;
}

#lhs div.contentList2 {
	margin-left:15px;
}

#lhs div.contentList2 span {
	display:block;
}

#lhs div.contentList2 div.cbLH {
	float:left;
	width:30px;
}

#lhs div.contentList2 div.cbRH {
	float:left;
	width:400px;
}

/*javascript */
.factOpen {
	background:url(../images/arrowWOpen.jpg) no-repeat right;
	height:12px;
	height:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding-right:12px;
	cursor:pointer;
}

.factClosed {
	background:url(../images/arrowWClosed.jpg) no-repeat right;
	height:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding-right:11px;
	cursor:pointer;
}

.factHeading
{
    color:#FFFFFF;
	font-weight:bold;
}

.factCopy
{
	font-weight:normal;
}

p.bold
{
    color:#FFFFFF;
	font-weight:bold;
}

.factGOpen {
	background:url(../images/arrowGOpen.jpg) no-repeat right;
	height:12px;
	height:12px;
	color:#88c440;
	font-weight:bold;
	padding-right:12px;
	cursor:pointer;
}

.factGClosed {
	background:url(../images/arrowGClosed.jpg) no-repeat right;
	height:12px;
	color:#517125;
	font-weight:bold;
	padding-right:11px;
	cursor:pointer;
}

#mapHead
{
    width:829px;
    height:80px;
    background-image:url(../images/mapHead.jpg);
    position:relative;
}

#mapInput
{
    border:none;
    font-size:11px;
    position:absolute;
    left:210px;
    top:36px;
    width:362px;
}

#mapSubmit
{
    position:absolute;
    left:593px;
    top:33px;
}