* {margin:0;padding:0;}
body {margin:0;padding:0;font-family:arial,verdana,helvetica;font-size:1em;}
#wrapper{font-size:.8em;width:90% ! important;width:760px;margin:10px 0px 0px 10px;
		min-width:760px;max-width:1200px;}
#wrapper div.subscribeInfo{clear:both;float:left;width:100%;margin:15px 0px 10px 0px;min-height:300px;}
#wrapper p{margin:0px 0px 10px 0px;}
#header{margin:0;padding:0;margin:0px 0px 10px 0px; height:40px}
#header img#sbLogo{float:left;clear:left;margin:5px 0px 10px 10px;}
#header #customer{float:right;}
#header #customerLabel{font-weight:bold;padding-right:2px;}

a:link{color:#5287D6;text-decoration:underline;}
a:hover{text-decoration:none;}
a:visited{color:gray;}

.displayNone{display:none;}

/*NOTE:"float:none;" and "width:100%;" necessary to fix gap in IE6.*/
#nav {float:none;width:100%;}
#ulNav {float:left;width:100%;list-style-type:none;border-bottom:10px solid #5287D6;}
#ulNav li{float:left;background:#5287D6 url("../images/nav_li_bg.jpg") repeat-x;
		padding:5px 8px 5px 8px;color:white;margin-bottom:-5px;position:relative;					z-index:3;border-left:1px solid white;border-right:1px solid white;margin-right:15px;
		display:inline;}
#ulNav li a:link{color:white;text-decoration:none;}
#wrapper #ulNav li a:hover{color:white;text-decoration:underline;}
#ulNav li a:visited{color:white;text-decoration:none;}

/*NOTE:The highlighted li needs to have a margin of -10 to compensate for the 10px padding on the bottom,
as opposed to the already defined -5px.  The padding on the bottom gives the effect of the tab being
connected to the SubNav.*/
ul#ulNav li.highlighted {background:white url("../images/nav_li_active_bg_40h.jpg") repeat-x;
				color:#500999;border-right:1px solid #DDDDDD;border-left:1px solid #DDDDDD;
				margin-bottom:-10px;padding-bottom:10px;}
#nav ul#ulNav li.highlighted a{color:#5287D6;}
#nav ul#ulNav li.highlighted a:hover{color:#5287D6;text-decoration:none;}
#nav ul#ulNav li.highlighted a:visited{color:#5287D6;}

#nav ul#ulSubNav {float:left;width:100%;list-style-type:none;background:#DDDDDD;padding:5px 0px 5px 0px;
			background:white url("../images/sub_nav_bg_40h.jpg") repeat-x bottom left;}
#nav ul#ulSubNav li{float:left;margin-right:10px;padding:0px 2px 0px 2px;display:inline;font-size:.9em;
			color:#5287D6;}
#wrapper #nav ul#ulSubNav li a{color:#5287D6;margin-right:10px;}
#nav ul#ulSubNav a:hover{text-decoration:none;}
#nav ul#ulSubNav a:visited{color:#5287D6;}
#nav ul#ulSubNav li.highlightedSub a{color:#5287D6;font-weight:bold;text-decoration:none;}

ul#ulNav #id_href_item_1{margin-left:15px;}
ul#ulSubNav #id_href_sub_item_1{margin-left:30px;}

h1{clear:both;margin:0;padding:10px 5px 0px 0px;font-size:1.3em;margin-bottom:15px;}

/*NOTE:The "float:left" brings the ol spacing differences in IE and Firefox into one.*/
ol{margin:0;padding:0;}

#footer{width:100%;border-top:1px solid #5287D6;text-align:center;font-size:.75em;clear:both;}
#ulFooter{padding:10px 0px 5px 0px;list-style-type:none;}
#ulFooter li{display:inline;}

.subscribeInfo p#pRequired{margin:0;padding:0;padding:10px 0px 5px 15px;font-style:normal;clear:both;font-size:.85em;}
.required {vertical-align:top;padding:0px 1px 0px 1px;color:red;}

/*Extra holder div needed to get consistent cross-browser rendering of padding.*/
#wrapper .subscribeInfo fieldset div.fsHolder{padding:5px 0px 15px 0px;}

/*NOTE:The total width of fieldset is the width plus the padding.*/
/*NOTE:"overflow:hidden" was necessary for a quirk in IE7(only).  It extended the 
top border wider than the rest of the fieldset.  For an explanation, see:
http://www.sitepoint.com/forums/showthread.php?t=526881
*/
#wrapper .subscribeInfo fieldset{border:1px solid gray;width:525px;margin:0px 0px 0px 15px;overflow:hidden;}
.subscribeInfo legend{color:black;font-weight:bold;margin-left:15px ! important;margin-left:10px;}
.subscribeInfo fieldset ol.olEventInfo{float:none;}
ol.olSubscribeInfo {list-style-type:none;}
ol.olSubscribeInfo li{list-style-type:none;line-height:1em;margin:0;padding:0;
			margin:7px 0px 7px 0px;}
.subscribeInfo fieldset p{padding:0px 5px 0px 20px;font-size:.9em;}

.liDetails {font-size:.8em;}
.liDetailsBlock{font-size:.8em;}

#wrapper p.emailInst{margin-left:95px !important;margin-left:98px;font-size:.85em;}

#liScorebook{margin-top:25px;}

/*NOTE:I set a height to the labels because IE seemed to be cutting some of the
longer characters off.*/
label{float:left;clear:left;width:105px;text-align:right;
			margin:2px 3px 0px 5px;font-size:.9em;height:1.2em;}
/*Left-padding of lblTextArea class compensates for difference in widths between labels, and corresponds
	with left margin of .txtABlock textareas.*/
#otherInfo label.lblTextArea{float:none;display:block;width:auto;text-align:left;padding-left:18px;
				margin-top:20px;}
#otherInfo label{width:150px;}
#otherInfo label.lblRadio{width:50px;float:none;}
.radio{float:none;}
label.lblRadio{width:50px;float:none;}
label.lblCheck{width:50px;float:none;}
.lblBlock {float:none;width:100%;text-align:left;display:block;margin:0;padding:0;
			padding-left:20px;}

.olSub {padding-left:75px;}
#paymentInfo .olSub{float:left;clear:left;padding-left:50px;font-weight:bold;}
#wrapper #paymentInfo .olSub p{font-size:.8em;font-weight:normal;
			padding-left:25px ! important;padding-left:32px;padding-top:3px;}

#paymentInfo ul{font-weight:normal;font-size:.8em;padding-left:25px ! important;
		padding-left:32px;}
#paymentInfo ul #name{margin-bottom:15px;}

#wrapper p.instructions{color:#FF0000;font-size:.85em;padding-top:5px;clear:both;width:auto;float:none;}

.clear {clear:both;}
#olTotal .clear{float:none ! important;width:98%;float:left;padding:10px 5px 0px 5px ! important;
			padding:0px 5px 5px 5px;}

#chkTermsOfUse{padding:10px 5px 5px 5px ! important;padding:0px 5px 0px 5px;}

#paymentInfo #olTotal{text-align:center;margin-bottom:20px;
			border-bottom:1px solid gray;padding-bottom:10px;float:left;width:100%;}
.liHolder{float:left;clear:left;width:100%;font-size:.9em;}
.left {float:left;display:block;width:48%;text-align:right;font-weight:bold;padding-right:1%;}
.right {float:left;display:block;width:15%;text-align:right;padding-left:1%;}

#totalFeesLabel{padding-top:6px;}
#totalFeesInfo{border-top:1px solid gray;padding-top:5px;}

#paymentInfo #olTotal label{float:none;width:auto;}
#paymentInfo #olTotal input{font-weight:normal;}

/*NOTE:Setting height of textarea helps with similar rendering across browsers.  The
height of 63 px is based on a Safari and Firefox for Mac scroll bar issue.*/
textarea{margin:0;padding:0;overflow-y:scroll;overflow-x:hidden;height:63px;
		font-family:arial,verdana,helvetica;font-size:1em;}
textarea.txtABlock{margin-left:20px;width:88%;}
input{margin:0;padding:0;font-family:arial,verdana,helvetica;font-size:1em;}
.txtLong{width:185px;}
.txtMed{width:130px;}
.txtShort{width:75px;}
.txtTime{width:20px;}
/*Width of .slctTime set in pixels to get consistent cross-browser rendering.*/
select.slctTime{font-size:.8em;width:46px;}

#id_FRB_SUBSCRIPTION_HEAR_ABOUT_US_CD1 {margin-left:18px;}
#accountInfo select{margin:5px 0px 5px 112px ! important;margin:5px 0px 5px 115px;}

div.submitHolder {margin:0;padding:0;padding:0px 0px 15px 0px;text-align:center;width:525px;}
.subscribeInfo fieldset.fsSubmit input{margin:0px 15px 0px 15px;}
#wrapper .subscribeInfo fieldset.fsSubmit{clear:both;border:none;margin:0;padding:0;width:100%;border:none;}
.fsSubmit legend{visibility:hidden;}

/*Styles for processing page*/
#processing{margin:10px 0px 10px 0px;text-align:center;}
#imgProcessing {}

/*Account Info Renewal Page*/
#accountInfoRenew label{width:150px;}

/*Confirmation box*/
#id_DIV_DialogBox_ConfirmCancelHolder{width:90% ! important;width:760px;
			position:absolute;top:210px;visibility:hidden;}
#id_DIV_DialogBox_ConfirmCancel{width:350px;
		border:2px solid #808080;background:#d8cfc8;text-align:center;margin:0 auto;}
#id_DIV_DialogBox_ConfirmCancel p.title{font-weight:bold;}
#id_DIV_DialogBox_ConfirmCancel button{border:1px outset #ffffff;margin:0px 10px 20px 10px;}

/*Error Messages*/
#wrapper p.errorMsg{font-weight:bold;color:red;padding-top:10px;padding-bottom:10px;}

#aspGenErrorMsg{padding-bottom:10px;padding-left:10px;color:red;}