* {margin:0;padding:0;}
body{margin:0;padding:0px;text-align:center;min-width:760px;font-size:1em;font-family:arial,verdana,helvetica;background:#dddddd;}

#wrapper{margin:0 auto;padding:0px;background:white url("../images/scorebooth_page_header-1200w.jpg") no-repeat;min-width:760px;padding-right:0px;max-width:1080px;text-align:left;
		min-height:360px;font-size:.78em;width:100% ! important;width:760px;position:relative;}

#wrapperHome{margin:0 auto;padding:0px;
		background:white url("../images/scorebooth_page_header-1200w.jpg") no-repeat;
		min-width:760px;padding-right:0px;max-width:1080px;text-align:left;
		min-height:360px;font-size:.78em;width:100% ! important;width:760px;}

/*NOTE:margin and padding are set to 0 to avoid resizing issues for the header, most noticeable in IE.*/

#header {margin:0;padding:0;height:115px;position:relative;}
/*Use margins to position.*/
/*NOTE:"clear:right" was necessary to fix issue when H1 was not in header.  (Due to surrounding
floated elements.)*/  
#logo{width:162px;height:93px;position:absolute;top:0;left:0;margin-left:8px;margin-top:3px;z-index:7;
		clear:right;}
#logo a{width:100%;height:100%;display:block;}

input, textarea{font-size:1em;font-family:arial,verdana,helvetica;}

/*NOTE:Very important that following individual styles are maintained.  As login is in an include, the fieldset has one id.  However,
on the home page, this include is already inside another div.  So, this "other" div, "inputs", is used for styling.*/
#inputs #fsLogin {border:none;float:left;margin-top:-10px;width:auto;}
#inputs #fsLogin legend{color:black;font-weight:bold;margin-left:0px ! important;margin-left:-7px;
		visibility:hidden;}
#inputs #fsLogin label{display:block;width:80px;text-align:left;padding-left:2px;font-weight:bold;font-size:.9em;}
#inputs #fsLogin ol{list-style-type:none;}
#inputs #fsLogin ol li{display:inline;float:left;margin-right:5px;}
#inputs #fsLogin #liSubmitHolder{margin:0;padding:0;}
#inputs #fsLogin #liSubmitHolder input{width:auto;margin-top:13px;padding-left:2px;padding-right:2px;}

#inputs{margin:0;padding:0;float:right;margin:2px 0px 0px 0px;
			width:275px;height:75px;overflow:auto;}

#inputs a{color:#ffffff;}
#inputs a:visited{color:#ffffff;}
#inputs input{width:90px;font-size:.9em;}
#inputs p{font-size:.9em;padding:3px 3px 0px 3px;clear:both;display:block;}

#ulHeaderNav{float:right;margin:10px 10px 0px 0px;height:67px;}
#ulHeaderNav li{display:inline;color:#ffffff;}
#ulHeaderNav li a:link{color:#ffffff;}
#ulHeaderNav li a:visited{color:#ffffff;}
#ulHeaderNav li a:hover{text-decoration:none;}

#navHolder {float:right;margin-top:5px;width:100%;}
ul#ulNav {list-style-type:none;float:right;}
ul#ulNav li{display:inline;}
ul#ulNav a{background:#ffffff url("../images/fade_back_5w.jpg") top repeat-x;
		padding:5px 6px 9px 6px;
		margin:0px 2px 0px 2px;color:#6D9ADB;text-decoration:none;font-weight:bold;
		border-left:1px solid white;border-right:1px solid white;border-top:1px solid white;float:left;}
ul#ulNav a:hover{color:gray;font-weight:bold;}

ul#ulNav li.highlighted a{color:gray;}

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

/*Fieldset - General Declarations*/
/*General fieldset declarations appear after #fsLogin just in case they were to override those.*/
#wrapper fieldset{border:1px solid gray;padding:0px 5px 10px 5px;}
#wrapper fieldset legend{color:#5287D6;font-weight:bold;margin-left:10px ! important;margin-left:5px;padding:1px;}
#wrapper fieldset label{float:left;text-align:right;padding-right:3px ! important;padding-right:0px;}
#wrapper fieldset ol{margin:0;padding:0;list-style-type:none;margin-top:15px;}
/*NOTE:Took out floating of list items after adding padding-top to ol.  Was causing issue in IE6.*/
#wrapper fieldset ol li{padding-bottom:5px;}
/*NOTE:Width 95% necessary for IE6.  Was putting margin at bottom of fieldset without this.  (Assuming because of padding-left.)*/
#wrapper fieldset ol #liRequired{padding-left:5px;width:95%;}
#wrapper fieldset ol #liSubmitHolder{text-align:center;}

.required{color:red;}

.txtShort{width:115px;}
.txtMed{width:145px;}
.txtLong{width:195px;}

#sideContent{}

#leftCol blockquote{margin:0px 10px 10px 10px;border:1px solid #dddddd;padding:15px 5px 5px 5px;background:#ffffff url("../images/fade_back_5w.jpg") top repeat-x;}
#leftCol blockquote .quote{margin-bottom:10px;font-size:16px;font-weight:bold;}
#leftCol blockquote .quoteName{font-size:12px;font-weight:bold;color:#26A78B;}

#moreInfo{float:left;width:100%;margin-bottom:20px;}
#wrapper #pMoreInfo{font-weight:bold;margin:15px 0px 5px 0px;padding:0px 5px 0px 10px;
		text-align:left;}
#pMoreInfo .noBold{font-weight:normal;}
p#pBtnSubscribe{margin-top:25px;text-align:center;}
#moreInfo img{border:none;}

/*NOTE:Firefox will not render the bottom border of the twoCols div if you don't do one of the
following: a)set the height of the div, (making it static), or b) setting overflow:auto .  
*/
/*NOTE: If you want to set a background to the "midSection" div, set the width to 100% 
and float it to the left.  Also, floating the midsection to the left clears
up a layout difference between FF and IE.*/
#midSection{margin:0px;padding:0;margin:10px 0px 10px 0px;padding-bottom:10px;float:left;width:100%;}



/*Styles for left column*/
#wrapperHome #leftCol{float:left;width:215px;border-right:1px solid gray;padding-bottom:10px;
			padding-top:100px;margin-top:0px;}
#wrapper #leftCol{float:left;width:205px;border-right:1px solid gray;padding-bottom:10px;
		margin-top:0px;padding-top:110px;}

#scoreboothEasy{font-weight:bold;font-size:20px;margin-left:15px;}

#scoreboothEasy p .sbColor{color:#26A78B;}

ol#olScoreboothEasy {margin:0;padding:0;padding-left:20px;padding-right:3px;margin-top:5px;}
ol#olScoreboothEasy li{font-weight:bold;font-size:17px;}

ol#olScoreboothEasy #liStep1{color:#26A78B;}
ol#olScoreboothEasy #liStep2{color:#26A78B;}
ol#olScoreboothEasy #liStep3{color:#26A78B;}

ol#olScoreboothEasy li span.spStep{font-size:.75em;color:gray;}
ol#olScoreboothEasy #liStep3 img{display:block;margin-top:10px;border:none;}

#news {margin:20px 10px 10px 10px;border:1px solid #dddddd;background:url("../images/fade_back_5w.jpg") repeat-x;
	padding:10px 5px 5px 5px;}
#ticker{height:135px;}
.hideTicker {position:absolute;visibility:hidden;}
.newsItem{font-size:.9em;padding:3px 6px 0px 6px;}
#tickerInst{border-top:1px solid #dddddd;padding:3px 5px 0px 5px;}

#scorebookPics {border-top:1px solid gray;margin:15px 0px 0px 10px;padding-top:10px;}
#scorebookPics img{border:none;}
#wrapper #ulScorebookPics{list-style-type:none;}
#wrapper #ulScorebookPics a{color:black;text-decoration:none;}
#wrapper #ulScorebookPics a:hover{}
#wrapper #ulScorebookPics a:visited{color:black;}
#wrapper #ulScorebookPics li{margin-bottom:10px;}
#scorebookPics span{display:block;font-weight:bold;}

/*NOTE: In order for the dynamic className change to work in JavaScript, the link must be pointed to very 
specifically, as it is below.
*/
#leftCol li.highlighted a{color:gray;}
#leftCol li.highlighted a:hover{color:gray;}

/*End styles for left column*/



/*Styles for right column*/

#wrapperHome #rightCol{margin:0;padding:0;margin:0px 0px 0px 217px;
			padding:0px 10px 10px 10px;height:1%;}
#rightCol{margin:0;padding:0;margin:0px 0px 0px 207px;
			padding:0px 10px 0px 10px;position:relative;height:1%;}
/*A height of 1% was needed to fix the "3 pixel bug" in IE6.  However, the contact page
didn't need this fix, and in fact, wouldn't "accept" it.  So, I created a class, "rightCol100", for this page and other such pages.*/
#wrapper .rightCol100{height:auto;}

h1{padding:0px;margin:0px;font-size:1.1em;margin-bottom:10px;}
#header h2{text-indent:-9999px;}
#rightCol h2{padding:0;margin:0;font-size:1.0em;margin-top:10px;float:none;display:block;}
#rightCol h3, #sub h3{padding:0px;font-size:1em;}
#rightCol h3.h3Faqs{margin-top:15px;}
#rightCol h3.subHeading{margin-top:10px;padding:0;text-align:center;font-weight:bold;float:none;
			padding:5px 0px 2px 0px;background:url("../images/fade_back_5w.jpg")
			top repeat-x;border-bottom:1px solid #ABC5EB;color:#5287D6;position:relative;z-index:5;}
h4{font-size:1em;}
#news h4{text-align:center;border-bottom:1px solid #dddddd;padding:0px 0px 2px 0px;}

#wrapper #rightCol #processing {width:100%;text-align:center;display:block;}
#wrapper #rightCol #processing p{text-align:center;}

#wrapper #rightCol #doneProcessing {display:none;}

/*"sub" definition added for subscription pages*/
#rightCol p, #sub p{padding:5px 0px 10px 0px;margin:0;line-height:1.5;
			text-align:justify;}
/*NOTE: Because of differences in IE and Firefox, first set the margin to 0, and
then position the ul using padding.  (For example, as below, "padding-left:45px".)
*/
#rightCol ul, #sub ul{margin:0;padding-left:45px;list-style-type:disc;}
#rightCol li, #sub li{margin:5px 0px 5px 0px;}
#rightCol #olTerms, #sub #olTerms{padding-left:25px;}
#rightCol #olTerms li, #sub #olTerms li{font-weight:bold;}
#rightCol #olTerms p, #sub #olTerms p{font-weight:normal;}

#rightCol ol{margin:0;padding-left:45px;}

li .spWhy{font-weight:bold;}
li .spVersion{font-weight:bold;}

#rightCol p#pAdvantages {margin:0;padding:0;margin:15px 0px 0px 0px;color:black;
				font-weight:bold;font-size:1em;}

ul#ulAdvantages {float:left;margin-top:10px;}

#statsScreen {float:left;margin:15px 5px 10px 10px;width:140px;display:inline;}
#statsScreen img{border:none;}

#intro{font-weight:bold;font-size:1.2em;}

#demoSubButtons{float:left;width:100%;margin-top:25px;text-align:center;}
#demoSubButtons a{text-decoration:none;}
#demoSubButtons img{border:none;}		
#imgDemoVersion{margin-left:15px;}
#imgSubNow{}	

#imgBuyScorebook{border:none;}
p.pBuyScorebook{float:right;}

#wrapper #extraContent{display:none;}
#wrapperHome #extraContent {margin:0 auto;clear:both;float:left;width:100%;margin-top:35px;text-align:center;}
#wrapperHome #extraContent img.aLinkSynergy{display:none;}
#wrapperHome #extraContent a{text-decoration:none;}
/*NOTE:Margin added because default was more in IE6 and couldn't be changed.*/
#wrapperHome #extraContent img{border:none;margin:0;padding:0;margin-right:3px ! important;margin-right:0px;}
/*For now, the image will be inside of the #box1 div.*/
/*#box1 {background:url("../images/info_box_1_135w.jpg") no-repeat;}*/
#box2 {background:url("../images/info_box_2_135w.jpg") no-repeat;}
#box3 {background:url("../images/info_box_3_135w.jpg") no-repeat;}

div.infoBox {text-align:center;margin-left:2px;margin-right:2px;width:135px;
		height:175px;float:left;}
div.infoBox img{border:none;}
#wrapper #sideContent .infoBox{margin-left:20px;display:inline;}

#tblFeatures{width:95%;max-width:800px;border-collapse:collapse;
		margin:15px 0px 10px 0px ! important;margin-left:-3px;}
#pSubscribe{clear:both;}

#tblFeatures th{text-align:center;font-weight:bold;float:none;
			padding:5px;background:url("../images/fade_back_5w.jpg")
			top repeat-x;border-bottom:1px solid #ABC5EB;color:#5287D6;}
#tblFeatures #thFeature {text-align:left;}
#tblFeatures td{border-bottom:1px solid gray;padding:5px 5px 5px 5px;}
#tblFeatures tr{margin:0;padding:0;}
#tblFeatures td.tdFeatureDesc{width:80%;}
td.tdVersion{width:10%;text-align:center;}

#scorebooksPic {float:right;clear:right;margin:5px 5px 10px 10px;width:200px;display:inline;}
#scorebooksPic img{border:1px solid gray;}
#scorebooksPic #imgBuyScorebook{border:none;}

#wrapper #ulScorebookFeatures{margin:10px 0px 15px 0px;}

#wrapper .subscribeInfo p{padding:5px 5px 5px 5px;}

.subscribeInfo{margin:15px 0px 10px 0px;}
#wrapper p.backToTop{text-align:center;}

#wrapper #pSubButton{text-align:center;}
#wrapper #pSubButton img{border:none;}

#pEmailInst{color:red;}

div.faqQ {margin-bottom:5px;}
div.faqA {margin-left:10px;}
div.faqA .faqAEm{font-style:italic;}

/*Specific fieldset (and related styles)*/
#fsDemoRequest{width:480px;float:left;}
#fsDemoRequest legend{}
#fsDemoRequest label{width:245px;}
#fsDemoRequest label.radioLabel{float:none;padding:0px;}
#fsDemoRequest ol{}
#fsDemoRequest ol li{}
#fsDemoRequest #liHear select{width:8em;}
#fsDemoRequest #liSubmitHolder {}
#fsDemoRequest #liRequired{}

#contactInfo{float:left;width:158px;}
#wrapper ul.ulContactInfo{margin:0;padding:0;list-style-type:none;padding-left:10px;
				padding-bottom:15px;}
ul.ulContactInfo li.liContactTitle{font-weight:bold;}

#contactUs{margin:0px 0px 0px 150px;}
#fsContact{width:362px;float:left;}
#fsContact legend{}
#fsContact ol{}
#fsContact ol li{}
#fsContact ol #liSubmitHolder {}
#fsContact ol li.liRadio{margin-left:20px;margin-right:5px;width:90%;display:inline;}
#fsContact ol #liRequired{}
#fsContact ol #liCurrentCust{text-align:center;}
#fsContact label{width:145px;}
#fsContact label.lblRadio{float:none;width:150px;}
#fsContact label.lblCheck{float:none;display:inline;}
#fsContact textarea{width:205px;height:75px;}

#fsLogin {width:350px;}
#fsLogin legend{}
#fsLogin ol{}
#fsLogin ol li{}
#fsLogin ol #liSubmitHolder{}
#fsLogin ol #liRequired{}
#fsLogin label{width:115px;}

#fsLoginRecall {width:350px;}
/*Legend margin set different from other fieldsets because this fs has padding on it.*/
#fsLoginRecall legend{}
#fsLoginRecall ol{}
/*NOTE:Took out floating of list items after adding padding-top to ol.  Was causing issue in IE6.*/
#fsLoginRecall ol li{}
#fsLoginRecall ol #liSubmitHolder{clear:both;}
#fsLoginRecall ol #liRequired{}
#fsLoginRecall label{width:115px;}

.userEmailRecall{font-weight:bold;}
input#id_FB_Login{padding:2px 5px 2px 5px ! important;padding:0px;}

/*The visibility of this script is determined by JavaScript.  The following styles are related to this.*/
#content{}
/*NOTE:Extra div needed as IE6 wouldn't reference the "noscript" tag.*/
#noscript {margin-bottom:15px;}
#noscript p{margin:0;padding:0;}
#noscript #ulScriptWarning{margin:0;padding:0;padding:0px 0px 10px 30px;color:red;}
ul#ulWarning{margin:0;padding:0;padding:0px 0px 10px 30px;color:red;}

/*End JavaScript check styles.*/


/*End styles for right column*/



/*Styles for footer and copyright areas*/

#footer{clear:both;background:white;color:gray;text-align:center;width:100%;
		border-top:1px solid gray;border-bottom:1px solid gray;}
.ulFooter{margin:0;padding:0;font-size:1em;padding:0px 0px 10px 0px;}
.ulFooter li{display:inline;}
.ulFooter a{color:gray;}
.ulFooter a:hover{text-decoration:none;}
.ulFooter a:visited{color:gray;}

#ulFooterNav{padding-top:10px;}
#ulFooterCopyright{font-size:.8em;}

.paddingDiv {height:150px;}

/*NOTE:Because the element with the "copyright" class is outside of the main "wrapper", it must
be styled as such.  (For example, the margin must be set as the wrapper is to center it.)  
*/
.copyright {margin:0 auto;padding:5px;font-size:.65em;color:#1B3359;text-align:left;
		min-width:760px;
		max-width:1080px;text-align:left;
		width:99% ! important;width:760px;}
.copyright a{color:#1B3359;font-weight:bold;}
.copyright a:hover{text-decoration:none;}
.copyright a:visited{color:#1B3359;}

/*End style for footer/copyright areas*/