﻿html {
	height: 100%;
}
body{
	background: #f27229 URL("../images/teen/orange-bg.jpg") repeat-x top left;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #505050;
	margin: 0px;
	padding: 0px 8px 0px 10px;
	height: 100%;
 }
.small {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1px;
	background-color:#f17630;
}
.height {
	height: 100%;
}
.left_menu_top {
	background:#ffffff URL("../images/teen/left-menu-top.jpg") no-repeat top left;
	padding: 5px 10px 0px 15px;
}
.left_menu_top_home {
	background:#ffffff URL("../images/teen/left-menu-top-home.jpg") no-repeat top left;
	padding: 5px 10px 0px 15px;
}
.left_menu_bg {
	background:#ffffff URL("../images/teen/left-menu-line.jpg") repeat-y top left;
}
.left_menu_bg_home {
	background:#ffffff URL("../images/teen/left-menu-line-home.jpg") repeat-y top left;
}
.left_menu {
	background: transparent URL("../images/teen/left-menu-middle.jpg") no-repeat top left;
	height: 159px;
	padding: 0px 10px 0px 0px;
}

.left_menu_home {
	background: transparent URL("../images/teen/left-menu-middle-home.jpg") no-repeat top left;
	height: 159px;
	padding: 0px 10px 0px 0px;
	white-space:normal;
	}

.left_menu_top, .left_menu, .left_menu_top_home, .left_menu_home  {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #983d4b;
	margin: 0px;
}
.left_menu a, .left_menu a:active, .left_menu a:visited,
.left_menu_top a, .left_menu_top a:active, .left_menu_top a:visited,
.left_menu_top_home a, .left_menu_top_home a:active, .left_menu_top_home a:visited,
.left_menu_home a, .left_menu_home a:active, .left_menu_home a:visited {
	color: #db543d;
	text-decoration: none;
}
.left_menu a:hover, .left_menu_top a:hover, .left_menu_top_home a:hover, .left_menu_home a:hover {
	color: #983d4b;
	text-decoration: none;
}
.left_separator {
	background: transparent URL("../images/teen/left-menu-separator.gif") no-repeat top left;
	padding-left: 15px;
	padding-right:20px;
}
.left_menu_selected  {
	background:transparent URL("../images/teen/submenu-bg.gif") no-repeat top left;
	padding-left: 15px;
	padding-right:20px;
}
.left_menu_selected a  {
	color: #505050 !important;
}

.left_submenu {
	background:transparent URL("../images/teen/submenu-bg.gif") no-repeat top left;
	padding-left: 25px;
}
.left_menu_bottom {
	background: transparent URL("../images/teen/left-menu-bottom.jpg") no-repeat top left;
	height: 190px;
}
.left_menu_bottom_home {
	background:#f27229 URL("../images/teen/left-menu-bottom-home.jpg") no-repeat top left;
	height: 321px;
}
.left_menu_bottom, .left_menu_bottom_home{ 
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	padding: 38px 10px 0px 17px;
}

.left_menu_bottom a, .left_menu_bottom a:active, .left_menu_bottom a:visited,
.left_menu_bottom_home a, .left_menu_bottom_home a:active, .left_menu_bottom_home a:visited {
	color: #983d4b;
	text-decoration: none;
}
.left_menu_bottom a:hover, .left_menu_bottom_home a:hover {
	color: #ffffff;
	text-decoration: none;
}
.left_menu_bottom_bg {
	background:transparent URL("../images/teen/left-menu-bottom-line.gif") repeat-y top left;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1px;
}
.home {
	background:#fdb08b URL("../images/teen/home-main.jpg") no-repeat top left;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	line-height: 20px;
	width: 600px;
}
.text_main
{
	background-color: #ffffff;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 13px;
	color: #505050;	
	padding: 0px 0px 0px 0px;
}
table, td 
{
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 13px;
	color: #505050;	
	padding: 0px 0px 0px 0px;
}

#articleBody
{
	margin-right: 5px;
	width: 398px;
}
.text_main a, .text_main a:visited {		
	color: #f06f20;
	text-decoration: none;
}
.text_main a:hover {
	color: #f06f20;
	text-decoration: underline;
}
h2 {
	background: #ffffff URL("../images/teen/star.gif") no-repeat top left;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 35px;
	line-height: 36px;
	font-weight: bold;
	color: #f06f20;
	padding: 0px 0px 20px 42px;
	margin: 0px;
}
.home h3 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	line-height: 22px;
	padding: 0px 0px 0px 35px;
	margin: 0px;
}
.home h3 a, .home h3 a:active, .home h3 a:visited {
	color: #ffffff;
	text-decoration: none;
}
.home h3 a:hover {
	color: #fdcfb6;	
}
h1 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	padding: 12px 15px 0px 25px;
	margin: 0px;
}
.take_the_quiz {
	background:#fff0dd URL("../images/teen/right-take-the-quiz.jpg") no-repeat top left;
	text-align: center;
	padding-top: 38px;
}
.tell_someone {
	background:#9edeed URL("../images/teen/right-tell-someone.jpg") no-repeat top left;
	
}
.right_bg {
	background: URL("../images/teen/right-bg-line.jpg") repeat-y top left;
	/*height: 100%;*/
}
.right_blue {
	background: transparent URL("../images/teen/right-bottom-stars.gif") no-repeat bottom left;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;	
	
}
.quiz_right_link_padding 
{
    padding: 0px 15px 10px 20px;
}
.right_blue a, .right_blue a:active, .right_blue a:visited {
	color: #000000;
	text-decoration: underline;
}
.right_blue a:hover {
	color: #000000;
	text-decoration: none;
}
.right_balloon 
{
    background: transparent URL("../images/teen/balloon.gif") no-repeat top left;
    margin-left:10px;
    width:144px;
    height:174px;
}
.right_balloon_text {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;	
	vertical-align: top;
    text-align:center;   
    padding-top: 35px; 

}
.right_balloon_text a, .right_balloon_text a:active, .right_balloon_text a:visited {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #ffffff;	
	font-size: 17px;
	font-weight: bold;
	text-decoration: none !important;
}
.bottom_dog {
	background:#feb288 URL("../images/teen/bottom-dog.gif") no-repeat top left;
	padding-top: 30px;
	padding-left: 15px;
}
.bottom_dog a 
{
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #ffffff;	
	font-size: 17px;
	font-weight: bold;
	text-decoration: none !important;
}
.take_the_quiz, .bottom_dog {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;	
	vertical-align: top;
}
.take_the_quiz a, .take_the_quiz a:active, .take_the_quiz a:visited,
.bottom_dog a, .bottom_dog a:active, .bottom_dog a:visited {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #ffffff;	
	font-size: 17px;
	font-weight: bold;
	text-decoration: none !important;
	
}
.take_the_quiz a:hover, .bottom_dog a:hover {
	color: #ffffff;
	text-decoration: none;
}

.text_main_selected_link, .text_main_selected_link a, text_main_selected_link a:visited, .text_main_selected_link a:hover {		
	color: #505050 !important;
	text-decoration: none;
}
.header_resize {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #b25353;
	padding-top: 10px;
	padding-right: 5px;
	text-decoration: none;
	background: transparent url("../images/teen/header-right.jpg") no-repeat top left;
}
.header_resize a,
.header_home_resize a {
	color: #b25353;
	text-decoration: none;
}
.header_home_resize {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #b25353;
	padding-top: 10px;
	padding-right: 5px;
	text-decoration: none;
	background: #f5a077 url("../images/teen/header-right-home.jpg") no-repeat top left;
}
.error {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000 !important;
	text-decoration:none;	
}
.footer {
	font-family: Arial, Verdana, Geneva, Helvetica, Ssans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;/*#f06f20;*/
	padding-left: 135px;
	background-color:#f17630;
}
.footer a, .footer a:active, .footer a:visited {
	color: #ffffff;
	text-decoration: none;	
}
.footer a:hover {
	color: #ffffff;
	text-decoration: underline;	
}

.produced
{
	font-family: Arial, Verdana, Geneva, Helvetica, Ssans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #505050;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 135px;
	background-color:#f17630;
}

/* eCards */
.eCardButton
{
    color:#0276B1;
    background:#FFF;
    border:solid 1px #0276B1;
    font-size:11px;
    font-weight: bold;
    width: 150px;
}

.eCardButton_blue
{
    color:#000000;
    background:#99ccff;
    border:solid 1px #0276B1;
    font-size:11px;
    font-weight:bold;
    width: 150px;
}

.eCardText, .eCardText tr, .eCardText td
{
	font-family: Arial, Verdana, Geneva, Helvetica, Ssans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #505050;
}

.eCardBottomText
{
	font-family: Arial, Verdana, Geneva, Helvetica, Ssans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #505050;
}

.eCardMainSiteURL
{
	font-family: Arial, Verdana, Geneva, Helvetica, Ssans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #505050;	
}

.imgEcardThumb
{
	margin-right: 2px;
	margin-bottom: 2px;
	cursor: pointer;
	border: 1px solid white;
}

.eCardLabel
{
	font-size: 12px;
	font-weight: bold;
}

.note
{
	font-size: 10px;
}

.btn 
{
    color:#0276B1;
    background:#FFF;
    border:solid 1px #0276B1;
    font-size:11px;
    font-weight: bold;
    width: 200px;
}

.fld_big
{
	background:#FFF; 
	border:solid 1px #085D84; 
	color:#085D84; 
	font-size:11px; 
	width:220px;
}
/* eCards END */


/* QUIZ */

.quiz_right_title
{
	/*background:#085bb9;*/
	color:#ffffff; 
	font-size:20px; 
	font-weight:bold;
	/*width: 130px;
	height: 20px;
	*/
}

.quiz_right_link, .quiz_right_link a, .quiz_right_link a:visited
{
	color:#33339a; 
	font-size:12px;
	font-weight:bold; 
}
.quiz_right_link a:hover
{
	color:#33339a; 
	font-size:12px; 
	font-weight:bold;
}

.quiz_button
{
    color:#505050;
    background:#FFF;
    border:solid 1px #505050;
    font-size:11px;
    font-weight: bold;
    width: 150px;
    
}
/* QUIZ - END */
 
 
/* HOME PAGE */
.home_play {
	padding: 53px 419px 0px 0px;
	text-align: center;
}
.home_cancer {
	padding: 0px 0px 0px 150px;
	margin-top: -117px;
	text-align: center;
	position: relative;
	z-index: 1;
}
.home_quiz {
	padding: 99px 0px 0px 338px;
}
.home_tell_someone {
	padding: 74px 0px 0px 6px;
}
/* HOME PAGE - END */


/* Splash Page */
.splash_bg {
	background:#fef2ec URL("../images/teen/splash-bg.jpg") no-repeat top left;
	height: 589px;
}
.splash_teens {
	background:transparent URL("../images/teen/splash-teens.jpg") no-repeat top right;
	color: #f06f20;
	height: 496;
}
.splash_mums {
	background:transparent URL("../images/teen/splash-mums.jpg") no-repeat top left;
	color: #56a4db;
	height: 496px;
}
.splash_teens, .splash_mums {
	text-align: center;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding-top: 450px;		
}
.splash_teens a, .splash_teens a:active, .splash_teens a:visited {
	color: #f06f20;
	text-decoration: none
}
.splash_teens a:hover {
	color: #f6a16d;
	text-decoration: none
}
.splash_mums a, .splash_mums a:active, .splash_mums a:visited {
	color: #56a4db;
	text-decoration: none
}
.splash_mums a:hover {
	color: #89caf2;
	text-decoration: none
}
.white_bg {
	background: #ffffff
}
 
.quiz_title {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #f06f20;
}
 
