.SubmitTop { background: url('../../images/hintsandtips/bg_sb_hints_and_tips_top.jpg') top left no-repeat; }
.SubmitIntro { margin: 135px 0 5px 0; }
.SubmitPage { margin-top: 0; }

.SubmitPage .requiredFields {
    color: #01a8a7;
    padding-bottom: 4px;
}

H3 { color: #076cae; font-size: 120%; text-transform: uppercase; }
A { color: #076cae; text-decoration: underline; }
A:HOVER { text-decoration: none; }

.stuffOnLeft { width: 400px; float: left; }

/* Pablo and Oliver box on right */
/* header bg image inline from cms */
.PandO_HandT_Top {
    background-position: 0 0;
    background-repeat: no-repeat;
	width: 215px; 
	padding: 125px 0 0 0; }
	
.PandO_HandT_Top H3 {	
	margin: 0 6px 0 6px;
	padding: 0 0 4px 0;
	background: url('../../images/educatehome/h3_border.gif') bottom left repeat-x;	
	color: #D0E8F0;
	font-size: 170%;
	font-family: Arial;
	text-align: center;
	line-height: 100%; }
	
.PandO_HandT_Top .PandO_HandT_content {	
	margin: 0 6px 0 6px;
	padding: 8px 10px 5px 10px;
	line-height: 125%;
	color: #ffffff; }	
	
.PandO_HandT_Bottom {
	margin: 20px 0 0 0;
	width: 215px;
	padding: 0 0 10px 0; 
	background: url('../../images/hintsandtips/bg_hints_tips_bx_bottom.jpg') bottom left no-repeat;  }
	
.PandO_HandT_Top .link { 
	padding: 0 0 0 15px;
	background: url('../../images/right_arrow.gif') 8px 9px no-repeat;
    padding-top: 4px;
    padding-left: 20px;
    margin: 0 5px 5px 7px; 
    height: 1%;   /* Stops peak-a-boo bug in IE */ }	
	
.PandO_HandT_Top .link A { 
	color: #ffffff;
	font-weight: bold;
	text-decoration: none; }
/* ============================== */

	
/* Boxes with blue green fades */
.fadedbox { background: url('../../images/hintsandtips/fadedbox_mid.gif') top left repeat-y; margin: 15px 0 0 0; width: 400px; }
.fadedbox .fadedBoxTop { background: url('../../images/hintsandtips/fadedbox_top.jpg') top left no-repeat; padding-top: 13px; }	
.fadedbox .fadedBoxBottom { background: url('../../images/hintsandtips/fadedbox_btm.jpg') bottom left no-repeat; padding: 5px 15px 10px 15px; }	
.fadedBoxBottom H3 { background: url('../../images/hintsandtips/h3_border.gif') bottom left repeat-x; margin: 0 -11px 9px -11px; padding: 0 0 7px 15px; }	
.chkBox { float: left; width: 30px; }
.lblBox { float: left; width: 320px; }

.fadedboxWide { width: 824px; background: url('../../images/hintsandtips/fadedbox_wide_mid.jpg') top left repeat-y; margin: 0 0 15px 10px; }
.fadedboxWide .fadedBoxTop { background: url('../../images/hintsandtips/fadedbox_wide_top.jpg') top left no-repeat !important; padding-top: 13px; }	
.fadedboxWide .fadedBoxBottom { background: url('../../images/hintsandtips/fadedbox_wide_btm.jpg') bottom left no-repeat; padding: 5px 15px 15px 15px; }	
.fadedboxWide .lblBox { float: left; width: 750px; }



/* hints and tips or video */
.TiporHintType { float: left; }
.TiporHintType UL { margin: 0; padding: 0; list-style: none; }
.TiporHintType UL LI { float: left; margin-right: 12px; }
.TiporHintType UL LI A {
	background: url('../../images/hintsandtips/option_off.gif') left center no-repeat; 
	padding-left: 18px;
	text-decoration: none;
	color: #333; }
.TiporHintType UL LI A.optionON { background: url('../../images/hintsandtips/option_on.gif') left center no-repeat; }
/* ============================== */

.rdoBttn { float: left; margin: 0 12px 0 0; }
.rdoBttn INPUT { float: left; width: 17px; }
.rdoBttn LABEL { float: left; margin-left: 3px; }
.sbtBttn { float: left; width: 70px; margin-left: 10px; margin-top: 3px; }
.sbtBttn INPUT { text-transform: uppercase; font-size: 90%; font-weight: bold; color: #000000; padding: 3px }

/* form elements */
/* flashy button style */
.bttnLeft { background: url('../../images/hintsandtips/bttn_submit_a_tip_left.jpg') top left no-repeat; padding-left: 4px; height: 35px; width: 130px; cursor: pointer; margin-bottom: 5px; }
.fadedbox .bttnLeft { width: 170px; }
.bttnRight { background: url('../../images/hintsandtips/bttn_submit_a_tip_right.jpg') top right no-repeat; text-align: center; height: 35px; }
.bttnRight SPAN {  display: block; width: 100%; padding: 10px 0 0 0;}
.bttnRight A {	
    font-size: 130%; 
    color: #fff; 
    text-transform: uppercase; 
    font-weight: bold; 
    text-decoration: none; }
/* ---- */

.fadedbox .HintOrTip { width: 355px; border: 1px solid #ccc; height: 50px; margin: 5px 0 0 0; padding: 4px; font-family: Tahoma, Arial, Verdana; font-size: 105%; color: #000000; margin: 0 0 2px 0; }
.fadedbox .HintOrTipTall { height: 153px; }
.fadedbox .resizeBoxTip { min-height: 210px; }
.fadedbox .resizeBoxVideo { min-height: 308px; }
.fadedbox LABEL { display: block;  margin-bottom: 3px; }
.fadedbox .inputField { width: 355px; border: 1px solid #ccc; padding: 4px 4px 5px 4px; font-family: Tahoma, Arial, Verdana; font-size: 105%; color: #000000; margin: 0 0 0 0; }
.fadedbox .selectField { width: 355px; font-size: 105%; border: 1px solid #ccc; color: #000000; margin: 0 0 0 0; font-family: Tahoma, Arial, Verdana; padding: 4px 4px 5px 4px; }
.fadedbox .tickWrap { background: url('../../images/hintsandtips/tickEmpty.jpg') top right no-repeat; }
.fadedbox .tickValid { background: url('../../images/hintsandtips/tickFull.jpg') top right no-repeat; }
.toBeValidated { padding: 0 0 4px 0; }
.TandC { float: left; }
.topTandC { padding-bottom: 2px; }
.errMsg { color: Red; display: none; }
.errorMessages {
    height: 1.6em;
}


/* Submit button area */
.bttnArea {
    margin: 0 39px 0 10px;
}
.bttnArea .bacBttn {
    float: left;
	margin-top: 12px;
	background: url('../../images/right_arrow.gif') left 6px no-repeat; 
	padding-left: 10px; 
	height: 1%;
}
.bttnArea .bacBttn a {
	color: #076cae;
	font-weight: bold;
	text-decoration: none;
}
.bttnArea .bacBttn a:hover {
	text-decoration: underline;
}
.bttnArea .subBttn {
    float: right;
}

/* new submit area */
.bnArea A { color: #FFFFFF !important; text-decoration: none !important; text-transform: uppercase !important; font-size: 100% !important; font-weight: bold !important; }
.bnArea { background: url('../../images/hintsandtips/btn_go_to_youtube.jpg') top left no-repeat; width: 153px; height: 34px; margin-bottom: 5px; }
.bnArea SPAN { display: block; padding: 7px 0 0 32px; }

.bnSubmit A { color: #FFFFFF !important; text-decoration: none !important; text-transform: uppercase !important; font-size: 100% !important; font-weight: bold !important; }
.bnSubmit { background: url('../../images/hintsandtips/btn_submit_tip.jpg') top left no-repeat; width: 104px; height: 34px; margin-bottom: 5px; }
.bnSubmit SPAN { display: block; padding: 7px 0 0 32px; }

/* Captcha */
#CaptchaImage {
    margin: 0 5px 0 5px;
    text-align: right;
}
#CaptchaRequire {
    margin: 0 5px 0 5px;
    text-align: right;
}

/* Error messages */
.errorMsg SPAN { display: block;  padding: 0 0 0 0;  }

/* ---- Thank you page --- */
.ThankYouPage {
    padding: 130px 0 10px 10px;
    min-height: 250px;
}
.ThankYouPage H2 { color: #01a8a7; font-size: 300%; padding-bottom: 5px; }
.ThankYouPage UL { margin: 10px 0 0 0; padding: 0; list-style: none; }
.ThankYouPage UL LI { height: 1%; padding: 0 0 0 15px; background: url('../../images/right_arrow.gif') 0 6px no-repeat; }
.ThankYouPage UL LI A { text-decoration: none!important; font-weight: bold; }
.ThankYouPage UL LI A:HOVER { text-decoration: underline!important; }

.stuffOnRight {
    width: 215px;
    float: right;
    padding: 25px 42px 0 0;
}
.stuffOnRight .panel_bttm {
	background: url('../../images/hintsandtips/panel4_bottom.jpg') 0 0 no-repeat;	
	height:8px;
	font-size:1px;
	padding: 0;
	margin: 0 0 10px 0;
}
.stuffOnRight .panel_main {
	background: url('../../images/hintsandtips/panel4_bg.gif') 0 0 repeat-y;
	padding: 0;
	margin: 0;
}
/* header bg image inline from cms */
.stuffOnRight .panel_top {
    background-position: 0 0;
    background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	min-height: 100px;
}
.stuffOnRight .panel_top .imageAlt {
    width: 1px;
    height: 1px;
    float:left;
}
.stuffOnRight H3 {
	padding: 126px 0 5px 8px;
	margin: 0 6px 0 6px;
	background: transparent url('../../images/hintsandtips/panel4_dots.gif') -1px 100% repeat-x;	
	color: #D0E8F0;
	font-size: 170%;
	font-family: Arial;
	line-height: 100%;
	font-weight: bold;
	text-align: center;
}	
.stuffOnRight .panel_text {
	padding: 10px 14px 5px 14px;
	line-height: 130%;
	color: #ffffff;
}
.stuffOnRight .link {
    padding: 0 0 5px 25px;
    background: transparent url('../../images/right_arrow2.gif') 13px 5px no-repeat;
}
.stuffOnRight .link a {
    color: #fff!important;
    text-decoration: none;
    padding: 0 0 15px 0;
    font-weight: bold;
}

.stuffOnRight .link a:hover {
    text-decoration: underline;
}