﻿/* GENERAL */


body 
{
  background: #ffffff url(/img/body_bg.jpg) center top;
  padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, Sans-Serif;
  font-size:9pt;
}

img
{
  border:0px;
}

form
{
  margin:0px;
  padding:0px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size:9pt;
}

h1
{
  font-size:22pt;
  font-weight:bold;
  margin-top:0px;
  color:#1c7db7;
  font-family: Arial, Helvetica, Sans-Serif;
}

h2
{
  font-size:14pt;
  font-weight:bold;
  color:#1c7db7;
  font-family: Arial, Helvetica, Sans-Serif;
}

h3
{
  font-size:11pt;
  font-weight:bold;
  color:#252525;
  font-family: Arial, Helvetica, Sans-Serif;
}

p
{
  font-size:9pt;
  margin-bottom:0px;
  color:#252525;
}

.textSmall
{
  font-size:8pt;
  margin-bottom:0px;
}

a
{
  color:#1c7db7;
}

a:hover
{
  color:#70afd5;
}

/* END GENERAL */



#BaseContainer
{
  width:100%; 
	text-align:center; 
}

#MainContentContainer
{
  width:960px; 
  margin: auto;
  text-align:left;
}

#NavContainer
{
  width:940px; 
  text-align:left;
  height:50px;
  margin: auto;
  background: url(/img/nav_bg.gif) center top;
  padding-top:15px;
  padding-left:20px;
  color:#ffffff;
}

.TopMenuItem, .TopMenuItem a
{
  float:left;
  height:28px;
  color:#ffffff;
  font-size:10pt;
  font-weight:bold;
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  padding: 5px 15px 0px 15px;
  margin-right:25px;
  cursor:pointer;
}

.TopMenuItemSelected, .TopMenuItemSelected a
{
  float:left;
  height:28px;
  color:#ffffff;
  font-size:10pt;
  font-weight:bold;
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  padding: 5px 15px 0px 15px;
  margin-right:25px;
  cursor:pointer;
  background: url(/img/menu_highlight.png) repeat-x center 0px;
}

.TopMenuItem:hover, .TopMenuItem a:hover, .TopMenuItemSelected:hover, .TopMenuItemSelected a:hover
{
  background: url(/img/menu_highlight.png) repeat-x center 0px;
  color:#ffffff;
}

#ContentContainer
{
  width:960px; 
  text-align:left;
  margin: auto;
  background: url(/img/content_bg.gif) repeat-y center top;
}

#bannerContainer
{
  width:960px; 
  text-align:left;
  height:170px;
  margin: auto;
}

#logoContainer
{
  height:170px;
  float:left;
  width:445;
}

#bannerRight
{
  height:170px;
  float:right;
  width:515;
}

#partnersLogo
{
  height:98px;
  text-align:right;
  width:515px;  
}

#tagline
{
  float:right;
  text-align:left;
  width:515px;
  padding-top:25px;
}

#FooterContainer
{
  width:960px; 
  height:216px;
  text-align:right;
  margin: auto;
  background: url(/img/footer_bg.gif) repeat-x center top;
  color:#ffffff;
  font-size:8pt;
}



#ContentPlaceholderContainer
{
  padding-left:25px;
  padding-right:25px;
}

#TweetBoard
{
   background: url(/img/tweet_board.gif) repeat-x center top;
   width:230px;
   height:326px;
   float:right;
   margin-left:20px;
   margin-right:5px;
   padding-top:45px;
   padding-left:20px;
   padding-right:20px;
   margin-top:0px;
   margin-bottom:10px;
}

#footerContentContainer
{
  float:right; height:29px; margin-top:70px; padding-right:39px;
}

#socialIconsContainer
{
  float:right; height:29px; width:176px;
}

#socialIconsContainer div
{
  float:left;
}

#footerLinkContainer
{
  float:right; height:19px; width:250px; margin-right:12px; padding-top:10px;
}

#footerLinkContainer a
{
  font-size:8pt;
  color:#ffffff;
  text-decoration:none;
    padding:0 2px 0 2px;
}

#footerLinkContainer a:hover
{
  font-size:8pt;
  /*color:#c4e9ff;*/
  color:#ffffff;
  padding:0 2px 0 2px;
  text-decoration:underline;
}

/* FORM */

/*Styles an input box to look like a label.*/
input.label 
{
  border: none;
  background-color: #FFFFFF;
}

.FormWrapper
{
  width:910px;
}

.FormStep
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size:10pt;
	color:#999999;
	font-weight:bold;
	float:right;
}

.FormSectionTitle
{
	padding:2px 2px 2px 6px;
	font-weight: bold;
	font-size:11pt;
	font-family: Arial, Helvetica, Sans-Serif;
	color:#ffffff;
	border:solid 0px #dddddd;
	background: url(/img/formSectionTitleBg.gif) repeat-x center top;
	width:900px;
	display:block;
	margin-bottom:10px;
}

.FormSectionTitlePrint
{
  font-size:8pt;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	padding-right:5px;
}

.FormSubSectionTitle
{
	font-weight: bold;
	font-size:10pt;
	font-family: Arial, Helvetica, Sans-Serif;
  padding-top: 12px;
  color:#0079c1;
}

.FormFields td
{
	color:#252525;
	font-size:9pt;
	font-family: Arial, Helvetica, Sans-Serif;
}

.FormSectionRequiredMessage
{
  color:#464646;
	font-size:9pt;
	font-family: Arial, Helvetica, Sans-Serif;
	padding: 5px;
	border-bottom: solid 1px #e4e4e4;
	margin-bottom:5px;
}

.FormPrompt
{
	width: 29%;
	border-right: solid 1px #f7f7f7;
	border-bottom: solid 1px #e4e4e4;
	padding: 5px;
	text-align: right;
}

.FormControlHint
{
	font-size:8pt;
	color:#898989;
}


.FormButtonRow input,
input.FormButton,
div.FormButton, td.FormButton
{
	border: none;
	background-image: url(/img/FormButtonBg.gif);
	background-repeat: repeat-x;
	padding: 3px 8px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #ffffff;
	font-family: Arial, Tahoma, Verdana, Sans-Serif;
	cursor:pointer;
	height:29px;
	border: 1px solid #e5e5e5;
}

.FormButtonRow input:hover,
input.FormButton:hover,
div.FormButton:hover, td.FormButton:hover
{
  background-image: url(/img/FormButtonBg_hover.gif);
}

.ValidationSummary
{
  color:#ff6600;
	font-size:8pt;
	font-family:Verdana;
}

.FormValidationOnlySummary
{
	margin-bottom: 10px;
	border: solid 1px #E38217;
	padding: 4px 4px 4px 30px;
	color: #FF6600;
	background-image: url(/img/InvalidFormIcon.gif);
	background-repeat: no-repeat;
	background-position: 9px 6px;
	font-size:10pt;
	font-family:Arial;
}


.FrequencyPromptHint
{
	font-size:9pt;
	font-weight: normal;
}

#ctl00_MainContentHolder_uxEnquiryPackMessage
{
  border: solid 1px #FF6600; padding: 3px 15px; margin-bottom: 12px 
}

#ctl00_MainContentHolder_uxEnquiryPackMessage p
{
  color:#54504d;
}

#WhiteBandIntro p
{
  color:#54504d;
}

/* END NEW STYLE */

/* USED */

.floatClear
{
	clear: both;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
}

.FormSection
{
	margin: 0px auto;
	font-size: 10pt;
}
.FormSection tr
{
	vertical-align: top;
}

.FormSubtitle
{
  margin-top:5px;
	padding:1px 2px 1px 6px;
	background-color: #eee7d7;
	font-weight: bold;
	font-family: Arial, Helvetica, Sans-Serif;
	color:#645444;
	border:solid 1px #dddddd;
	border-top:0px;
}

.FormMessage
{
	padding: 5px;
	border-bottom: solid 1px #e4e4e4;	
  color:#54504d;
	font-size:8pt;
	font-family:arial;
}

.FormMessage p
{
  color:#54504d;
	font-size:9pt;
	font-family: Arial, Helvetica, Sans-Serif;
}

.FormSummaryWrapper
{
	padding: 5px;
	border-top: solid 1px #9A9A9A;	
}

.RequiredIndicator
{
	color: #FF6600;
	font-weight: bold;
}

.FormControl
{
	width: 71%;
	border-bottom: solid 1px #e4e4e4;
	padding: 5px;
}

.FormControlWhiteBandsPostage
{
	width: 71%;
	border-bottom: solid 1px #e4e4e4;
	padding: 5px;
	vertical-align:middle;
}

td.FormDonationOptions label
{
    padding-left: 2px;
}

.FormWideControl
{
	width: 65%;
	border-right: solid 1px #F5F5F5;
	border-bottom: solid 1px #e4e4e4;
	padding: 5px;
}
.FormSubControl
{
	padding-left: 16px;
	padding-top: 8px;
}
.FormDateDropdown
{
	width: 45px;
}

.LastRow td, div.LastRow
{
	border-bottom: none !important;
}

.AsNextFieldRow td, div.AsNextFieldRow
{
	border-top: solid 1px #e4e4e4;
}

.FormFields
{
	width: 100%;
}

.FormRadioButtonList td
{
	text-align: left;
	border-top: none;
}

.FormRadioButtonList input
{
	float: left;
}

.FormRadioButtonList label
{
	margin-left:25px;	
	display:block;	
}

a.ButtonStyleLink
{
  height:14px;
	border: 1px solid #e5e5e5;
	background-image: url(../CMSTemplates/YouthDecideASPX/img/FormButtonBg.gif);
	background-repeat: repeat-x;
	padding: 5px 0px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #EEB269;
	font-family: Arial, Tahoma, Verdana, Sans-Serif;
	text-decoration: none;
	display: block;
	width: 95px;
	text-align: center;
}

a.ButtonStyleLink:Hover
{
  background-image: url(../CMSTemplates/YouthDecideASPX/img/FormButtonBg_hover.gif);
  color: #FFFFFF;
}

input.FormButton
{
    width: 1px;
    overflow: visible;
}

input.FormButton[class]
{
    width: auto;
}

input.LinkButton
{
	padding: 0px;
	margin: 0px;
	font-family: Arial, Tahoma, Verdana, Sans-Serif;
    border: none;
    background-color: Transparent;
    color: #FF6600;
    text-decoration: underline;
}

.FormValidationSummary
{
	border: solid 1px #ff6600;
	padding: 4px 4px 4px 30px;
	color: #FF6600;
	background-image: url(/img/InvalidFormIcon.gif);
	background-repeat: no-repeat;
	background-position: 9px 6px;
	font-size:8pt;
	margin-top:5px;
}

.FormInvalid
{
	background-image: url(/img/InvalidFormIcon.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: #FF6600;	
	padding-left: 18px;
	margin-top: 3px;
	font-family: Arial, Tahoma, Verdana, Sans-Serif;
	font-size:8pt;
}
.FormSummaryKey
{
	width: 200px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:9pt;
	border-bottom:#e4e4e4 solid 1px;
	border-right:#f7f7f7 solid 1px;
	padding:5px 15px 5px 3px;
	text-align:right;
}
.FormSummaryData
{
	width: 700px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:9pt;
	border-bottom:#e4e4e4 solid 1px;
	padding:3px;
}

#FormDisclaimer p
{
  color:#54504d;
  font-size:8pt;
	font-family: Arial, Helvetica, Sans-Serif;
	margin-bottom:0px;
	padding-left:3px;
	padding-right:3px;
}

/* END USED */
