@import url(print.css) print;

body {
	margin: 0px;
	padding: 0px;
	font-family: "Arial", Arial, Arial,Helvetica, sans-serif;
	background-color: #1584BB;
	}

body div#wrapper { 
	padding: 0px; 
	height: 100%;
	background: url(/Portals/2/skins/thequitcoach/images/page_background_logo.gif) repeat-x top left;	
	background-color: #ffffff;
	}

body  h1 { display: none; }
body  h2 { margin: 25px 0px 10px 0px; padding: 0px; font-size: 110%; font-weight: bold; line-height: 140%; }
body  h3 { margin: 25px 0px 10px 0px; padding: 0px; font-size: 100%; font-weight: bold; line-height: 140%; }
body  h4 { margin: 25px 0px; padding: 25px 0px; font-size: 100%; font-weight: bold; line-height: 120%; border-top: 1px solid #DFDCD8; border-bottom: 1px solid #DFDCD8; }
body  p { margin: 0px 0px 10px 0px; padding: 0px; font-size: 90%; line-height: 110% }

/* CONTENT PANEL STYLES */
body div.content { margin: 0px 0px 0px 0px; padding: 30px 10% 50px 230px ; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #333333; height: 100%; background-color: #ffffff; min-height: 290px;}
/* ie 7 hack */
*:first-child+html body div.content { margin: 0px 0px 0px 0px; padding: 30px 5% 50px 30px ; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #333333; height: 100%; background-color: #ffffff; }
/* ie 6 hack */
* html body div.content { margin: 0px 0px 0px 0px; padding: 30px 5% 50px 30px ; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #333333; height: 100%; background-color: #ffffff; }


body div.content a { color: #003399; background-color: #ffffff; text-decoration: underline;}
body div.content a:hover { color: #FF0033; background-color: #ffffff; text-decoration: underline;}
body div.content a:visited { color: #990066; background-color: #ffffff; text-decoration: underline;}
body div.content a:visited:hover { color: #FF0033; background-color: #ffffff; text-decoration: underline;}

body div.content p {font-size: 80%;}
body div.content li {font-size: 80%;}
body div.content h3 { COLOR: #003399; PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	FONT-WEIGHT: bold;	FONT-SIZE: 80%;	PADDING-BOTTOM: 0px;	LINE-HEIGHT: 130%;	PADDING-TOP: 0px}

body div.content p a { color: #003399; background-color: #ffffff; text-decoration: underline; }
body div.content p a:hover { color: #FF0033; background-color: #ffffff; text-decoration: underline;}
body div.content p a:visited { color: #990066; background-color: #ffffff; text-decoration: underline;}
body div.content p a:visited:hover { color: #FF0033; background-color: #ffffff; text-decoration: underline;}


/* SURVEY STYLES */
body div.survey { margin: 0; padding: 0px 5% 10px 50px ; font-family: "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #333333; height: 100%; background-color: #ffffff; }

div.survey h1 { display: none; }

div.survey h2 { margin: 25px 0px 10px 0px; padding: 0px; font-size: 115%; font-weight: bold; line-height: 150%; }
div.survey h2 a { color: #003399; background-color: #ffffff; }
div.survey h2 a:hover { color: #FF0033; background-color: #ffffff; }
div.survey h2 a:visited { color: #990066; background-color: #ffffff; }
div.survey h2 a:visited:hover { color: #FF0033; background-color: #ffffff; }

div.survey h3 { margin: 25px 0px 0px 0px; padding: 0px; font-size: 100%; font-weight: bold; line-height: 150%; }
div.survey h3 a { color: #003399; background-color: #ffffff; }
div.survey h3 a:hover { color: #FF0033; background-color: #ffffff; }
div.survey h3 a:visited { color: #990066; background-color: #ffffff; }
div.survey h3 a:visited:hover { color: #FF0033; background-color: #ffffff; }

div.survey h4 { margin: 25px 0px; padding: 25px 0px; font-size: 110%; font-weight: bold; line-height: 140%; border-top: 1px solid #DFDCD8; border-bottom: 1px solid #DFDCD8; }
div.survey h4 a { color: #003399; background-color: #ffffff; }
div.survey h4 a:hover { color: #FF0033; background-color: #ffffff; }
div.survey h4 a:visited { color: #990066; background-color: #ffffff; }
div.survey h4 a:visited:hover { color: #FF0033; background-color: #ffffff; }

div.survey p { margin: 0px 0px 10px 0px; padding: 0px; font-size: 100%; }
div.survey p a { color: #003399; background-color: #ffffff; }
div.survey p a:hover { color: #FF0033; background-color: #ffffff; }
div.survey p a:visited { color: #990066; background-color: #ffffff; }
div.survey p a:visited:hover { color: #FF0033; background-color: #ffffff; }

div.survey table tbody tr td { margin: 0px 10px 0px 0px; font-weight: normal; }
div.survey table tbody tr td b {font-weight: normal;}
div.survey table tbody tr td
	
/*  HEADER SKIN STYLES */
#Header {position: absolute; top: 0px; left: 0px }
.HeaderPanel{position: relative; left: 0px;  height: 96px; width: 100%; 	background: url(/Portals/2/skins/thequitcoach/images/page_background_logo.gif) repeat-x top left;}

/*  FOOTER SKIN STYLES */
.Footer { clear: both; height: 100%; background-image: url(/Portals/2/skins/theQuitCoach/images/footer.gif); background-repeat: no-repeat; padding: 30px 0px 10px 0px; font-family: "Arial", Arial, Arial,Helvetica, sans-serif; color: #ffffff; background-color: #1584BB;} 
.FooterFrame {position: relative; background-color: transparent; font-size: 80%;} 

.FooterLeftFrame{ left: 0px; top: 25px; padding-top: 25px;  width: 165px;}
.FooterLeftFrame .normal{ text-align:center; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #FFFFFF;}	
.FooterText {margin-left: 10px;}
.FooterCenterFrame{ text-align: left; height: 100%; color: white; margin: auto; top: 0px; width: 40%; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #FFFFFF; margin-bottom: 25px; margin-top: -26px;}	
.FooterCenterFrame a {font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-weight: normal; color: #FFFFFF; text-decoration: underline;}	
.FooterCenterFrame a:hover {font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-weight: normal; color: #FF9933; text-decoration: underline;}	
.FooterCenterFrame a:visited {font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-weight: normal; color: #FFFFFF; text-decoration: underline;}	
.FooterCenterFrame a:visited:hover {font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-weight: normal; color: #FF9933; text-decoration: underline;}	

.FooterRightFrame{position: absolute; height: 100%; right:10px; top: 0px; text-align:left; padding-top: 25px;}

/* MENU STYLES */
body.default div.menu { margin: 0px; padding: 0; width: 160px; height: 350px; top: 10px; background-color: #ffffff;}
body.default div.menu ul li { display: block; width: 160px; margin: 1px 0px 0px 0px; padding: 0; color: #ffffff; background: #319ED3 url(images/menu-top.gif) no-repeat top right; }
body.default div.menu ul li a { display: block; width: 152px; padding: 3px 0px; margin: 0px 0px 0px 8px; background: url(images/menu-bottom.gif) no-repeat bottom right; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }

body div.menu div.item { display: block; margin: 1px 0px 0px -3px; padding: 0px; color: #ffffff; background-color: #00A3DC; }
body div.menu div.item a { display: block; margin: 0px 0px 0px 8px; padding: 0px 0px 0px 0px; background-color: #00A3DC; width: 150px; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 70%; font-weight: bold; text-decoration: none; color: #ffffff; }
body div.menu div.item a:hover { color: #F7A523; background-color: #00A3DC;  text-decoration: underline;}
body div.menu div.item a:visited:hover { color: #F7A523; background-color: #00A3DC; text-decoration: underline; }

body div.menu { float: left; margin: 20px 0px 0px 0px; width: 180px; height: 320px; background-color: #ffffff;} 
body div.menu ul { margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; }
body div.menu ul li { display: block; width: 195px; margin: 1px 0px 0px 0px; padding: 0; background: #319ED3 url(images/menu-top.gif) no-repeat top right;  }
body div.menu ul li p { display: block; width: 187px; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 8px; background: transparent url(images/menu-bottom.gif) no-repeat bottom right; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 70%; font-weight: bold; text-decoration: none; color: #0D2B88; }
body div.menu ul li a { display: block; width: 187px; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 8px; background: transparent url(images/menu-bottom.gif) no-repeat bottom right; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 70%; font-weight: bold; text-decoration: none; color: #ffffff; background-color: transparent;}
body div.menu ul li a:hover { color: #0D2B88; background-color: transparent;  text-decoration: underline;}
body div.menu ul li a:visited { color: WHITE; background-color: transparent; }
body div.menu ul li a:visited:hover { color: #0D2B88; background-color: transparent; text-decoration: underline; }
body div.menu ul li.selected { display: block; width: 160px; margin: 1px 0px 0px 0px; padding: 0; background: #FF9900 url(/includes/img/backgrounds/menu-selected-top.gif) no-repeat top right; color: #ffffff; }
body div.menu ul li.selected p { display: block; width: 152px; padding: 3px 0px; margin: 0px 0px 0px 8px; background: transparent url(/includes/img/backgrounds/menu-selected-bottom.gif) no-repeat bottom right; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 70%; font-weight: bold; text-decoration: none; color: #ffffff; }
body div.menu img {margin-top: 20px; }

.EntryPanel {float: left; margin: 0px; padding: 0; width: 250px; height: 450px; top: 10px; background-color: White;}

div.EntryControl table {border-style: none; padding: 0; margin: 0px 0px 0px 0px; width: 200px; background-color: White;  }
div.EntryControl table tr td { margin: 0px 0px 0px 0px; padding: 0px 5px 0px 10px; background: #319ED3; color: White; font-size: 12px; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-weight: bold; text-decoration: none;}
div.EntryControl table tr td a { margin: 0px 0px 0px 0px; padding: 0; background: #319ED3;  font-size: 12px}
div.EntryControl table tr td.TopCorner {background: #319ED3 url(images/menu-top-short.gif) no-repeat top right;  font-size: 12px; padding-top: 2px; }
div.EntryControl table tr td.BottomCorner {background: #319ED3 url(images/login-bottom.gif) no-repeat bottom right;  font-size: 12px; }
div.EntryControl table tr td.LogInButton{background: #319ED3; font-size: 12px; padding: 3px 0px 0px 0px; vertical-align: top;}
div.EntryControl table tr td.Password {background: #319ED3; text-align: left; vertical-align: middle; height: 40px; font-size: 10px; padding: 0px}
div.EntryControl table tr td.Password a { display: block; padding: 3px 10px 3px 0px; margin: 0px 0px 0px 0px; font-family: "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 140%; text-decoration: none; color: #ffffff; background-color: transparent;}
div.EntryControl table tr td.Password a:hover { display: block;  padding: 3px 10px 3px 0px; margin: 0px 0px 0px 0px; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 140%; text-decoration: underline; color: #0D2B88; background-color: transparent;}
div.EntryControl table tr td.Password a:visited { display: block; padding: 3px 10px 3px 0px; margin: 0px 0px 0px 0px; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 140%; text-decoration: none; color: #ffffff; background-color: transparent;}		
div.EntryControl table tr td.Password a:visited:hover { display: block; padding: 3px 10px 3px 0px; margin: 0px 0px 0px 0px; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 140%; text-decoration: underline; color: #0D2B88; background-color: transparent;}

div.EntryControl ul { margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; width: 200px; }
div.EntryControl ul li { display: block; margin: 1px -15px 0px 0px; padding: 0px 15px 0px 10px; color: #ffffff; background: #319ED3 url(images/menu-top.gif) no-repeat top right; }
div.EntryControl ul li a { display: block; width: 195px; padding: 3px 10px 3px 0px; margin: 0px 0px 0px 0px; background: transparent url(images/menu-bottom.gif) no-repeat bottom right; font-family: "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 140%; text-decoration: none; color: #ffffff; background-color: transparent;}
div.EntryControl ul li a:hover { display: block; width: 195px; padding: 3px 10px 3px 0px; margin: 0px 0px 0px 0px; background: transparent url(images/menu-bottom.gif) no-repeat bottom right; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 140%; text-decoration: underline; color: #0D2B88; background-color: transparent;}
div.EntryControl ul li a:visited { display: block; width: 195px; padding: 3px 10px 3px 0px; margin: 0px 0px 0px 0px; background: transparent url(images/menu-bottom.gif) no-repeat bottom right; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 140%; text-decoration: none; color: #ffffff; background-color: transparent;}		
div.EntryControl ul li a:visited:hover { display: block; width: 195px; padding: 3px 10px 3px 0px; margin: 0px 0px 0px 0px; background: transparent url(images/menu-bottom.gif) no-repeat bottom right; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 140%; text-decoration: underline; color: #0D2B88; background-color: transparent;}

/* ie 6 hack */
* html div.EntryControl ul li { display: block; margin: 1px -27px 0px 0px; padding: 0px 27px 0px 10px; color: #ffffff; background: #319ED3 url(images/menu-top-ie.gif) no-repeat top right; }




/* RANDOMS AND SITE WIDE STYLES */
hr { width: 200px; display: none;}		
table.table { border: none; background-color: #ffffff; font-size: 12px; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; }			
table.table td { border: none; background-color: #ffffff; font-size: 12px; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; }		
table.table td.tdwidth10 { border: none; background-color: #ffffff; font-size: 12px; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; width: 80px;}		

.survey table tr b {font-size: 100%; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-weight: 100; display: block; visibility: visible;}	
B {font-size: 80%; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-weight: 100; display: none; visibility: hidden;}	
div.survey table tr { font-size: 80%; background-color: #ffffff; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; }			
.warning { color: #CC0000; background-color: #ffffff; font-size: 12px; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; }			
.Normal {font-size: 100%;}
span.normal {font-size: 80%;}
label {font-size: 80%;}




/******************************** POP UP CALENDAR *******************************/
/* the div that holds the date picker calendar */
.dpDiv {}
/* the table (within the div) that holds the date picker calendar */
.dpTable {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;text-align: center;color: #505050;background-color: #ece9d8;border: 1px solid #AAAAAA;}
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {border: 1px solid #ece9d8;}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {background-color: #CCCCCC;border: 1px solid #AAAAAA;}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {background-color: #aca998;border: 1px solid #888888;cursor: pointer;color: red;}
/* the table cell that holds the name of the month and the year */
.dpTitleTD {}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {}
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {background-color: #CCCCCC;border: 1px solid #AAAAAA;color: white;}
/* additional style information for the text that indicates the month and year */
.dpTitleText {font-size: 12px;color: gray;font-weight: bold;}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {color: 4060ff;font-weight: bold;}
/* the forward/backward buttons at the top */
.dpButton {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size: 10px;color: gray;background: #d8e8ff;font-weight: bold;padding: 0px;}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size: 10px;color: gray;background: #d8e8ff;font-weight: bold;}
/******************************** END POP UP CALENDAR *******************************/