* { margin: 0; padding: 0;}
ul { list-style: none;}
a { text-decoration: none;}
img, table { border: 0;}
.clear { 
  clear: both; 
  text-indent: -1000em; 
  width: 0;
}
table {
  margin: 1em 0 3em 0;
  width: 100%;
}
td { padding-right: 1%;}


/* layout */
#skip { display: none;}
#wrapper {
  margin: 0 auto;
  width: 100%;
  background: #fff url(/images/newstickbg_y_repeat.jpg) top left repeat-y;
}
#floatWrap { 
  float: left;
  width: 79%;
  padding-bottom: 5em;
}
#center {
  float: right;
  width: 72.9%;
}
#leftNav { 
  float: left;
  width: 27%;
}
#rightCol {
  float: right;
  width: 20.9%;
  margin-bottom: 2em;
}
#containerRight { text-align: center;}
#rightCol applet { text-align: left;}


/* top */
.topPic {
  height: 25px;
  background: #fff url(/images/newstickbg_x1.jpg) top left no-repeat;
}
#topTitle {
  width: 100%; 
  height: 97px;
  position: relative; 
  background: #435 url(/images/newstickbg_x2.jpg) top left no-repeat;
}
.topLeftTitle {
  top: 30px;
  font-size: 1.8em;
}
#contentSales, #worldSoccer, #topNav, #choice, #myAccount, #myContent,
#htmlCode { 
  position: absolute;
}
#contentSales, #myAccount, #myContent, #htmlCode {
  width: 150px; 
  height: 17px;
  left: 55px;
}
#choice {
  width: 100px; 
  height: 17px;
  left: 75px;
}
#worldSoccer {
  width: 420px; 
  height: 30px;
  top: 20px;
  left: 250px;
  text-indent: -9999em;
  background: url(/images/topTitle.gif) top left no-repeat;
}
#topNav {
  top: 70px;
  left: 230px;
}
#topNav li {
  display: inline;
  white-space: nowrap;
}
#topNav span { padding: 0 3px;}
/* end top */

/* left and right column */
#leftNav #containerLeftNav, #leftNav form { 
  width: 78%;
  padding-left: 50px;
}
#leftNav form label { 
  display: block;
  margin: 2px 0;
}
#leftNav form input { 
  width: 80px;
  border: 1px yellow solid;
}
#leftNav form input.go {
  width: 18px;
  height: 18px;
  margin-left: 2px;
  vertical-align: top;
  border-width: 0;
}
#leftNav dt { margin-bottom: 2px;}
#leftNav dd { margin-left: 7px;}
#leftNav hr {
  width: 120px;
  margin: 7px 7px 7px 0;
  height: 1px;
  background-color: yellow;
}

/* index home */
#home .bold { margin: 20px 0;}
.buttonDiv { margin: 25px 0 10px 0;}
.buttonDiv input {
  float: right;
  margin: 3px 5px 0 5px;
  width: 4.5em;
  height: 2em;
  cursor: pointer;
}
.example { margin-left: 0.5em;}
div p.forExample { margin: 0 0 1em 0.5em;}
.example input { float: left;}
.example p { margin-left: 20px;}

.footer { padding-top: 2em;}

/* end index home */

#home, #siteMap, #terms, #contact, #advertise, #about, #ie6, #examples,
#faq, #prices, #content, #myDetails, #login, #confirmation,
#loginConfirmed, #legalTerms, #noTicker, #optionList, #whatsNew, 
#tickerFormat, #ticketLogin, #tickerContent, #parameters {
  margin: 3% 1% 0 3%;
  padding-left: 40px; 
}

#siteMap p, #terms p, #advertise p, #about p, #ie6 p, #examples p,
#tickerFormat p, #faq p, #prices p, #content p, #whatsNew p {
  margin-bottom: 1.5em;
}
#prices { margin-bottom: 150px;}

#contact dt { width: 35%;}
#contact dd { margin: -1.4em 0 0.7em 35%;}
#contact .wldsoccer { 
  padding-left: 1.2em;
  background: #fff url(/images/at.gif) center left no-repeat;
}
#contact ul { margin: 1em 0;}
#tickerFormat dt { 
  float: left;
  width: 50px;
}
#tickerFormat dd { 
  margin-bottom: 1em;
  margin-left: 5em;
}
#tickerFormat pre { margin: 1em 0;}
#faq ul { margin: 1em 0;}
#faq li { 
  list-style-type: square;
  margin: 1em 2.5em;
}
#faq dl dd { margin-bottom: 1em;}
#content { padding-top: 3em;}

/* myDetails, login */
#myDetails, #login, #legalTerms { 
  border-right: 1px #aa0000 solid;
}
#myDetails h5, #myDetails p.message { 
  margin: 1em 0;
}
#myDetails form p, #login form p { 
  clear: both;
  float: right;
  width: 99%;
  margin-bottom: 2px;
  _margin-bottom: 1px;
  display: inline;
}
#myDetails p.instruction { 
  width: 45%; 
  margin: 0 4% 0 50%;
  clear: both;
}
#myDetails p.yourAccount { 
  width: 99%;
  margin: 2em 0 0.7em 0;
  text-align: left;
}
#myDetails .division {
  float: right;
  width: 100%;
}
#myDetails .divi1 { margin: 10px 0 0 0;}
#myDetails .divi2 { margin: 20px 0;}
#myDetails form label, #login label, #ticketLogin label {
  float: left;
  width: 50%;
}
#ticketLogin label { width: 20%;}
#myDetails p b { margin: 0 5px;}
#myDetails form p b, #myDetails form p span { 
  margin: 0 5px 0 0;
}
#myDetails input, #myDetails select { width: 45%;}
#myDetails input#state { width: 2em;}
#myDetails input#zipCode { width: 6em;}
#myDetails .buttons {
  width: 95%;
  margin: 3% 1%;
  text-align: right;
}
#myDetails .buttons input, #confirmation .buttons input { 
  margin-left: 5px;
}
#confirmation .buttons, #ticketLogin .buttons { 
  margin: 10px;
}
#myDetails .buttons input, #confirmation .buttons input, #login .button {
  width: 4.5em;
  height: 1.8em;
  cursor: pointer;
  line-height: 1em; /* works in IE */
}
#myDetails .buttons .longButton { width: 7em;}
#login { padding-bottom: 130px;}
#login p.instruction { margin: 30px 0 1em 0;}
#login form.register { 
  clear: both;
  padding-top: 10px;
  width: 99%;
}
#login form.register label { float: none;}
#login form.register .button { margin: 5px 0 0 2px;}
#loginConfirmed { padding-bottom: 333px;}
#confirmation dt {
  float: left;
  clear: left;
  width: 30%;
  height: 18px;
  margin-bottom: 7px;
}
#confirmation dd { 
  margin: 0 0 7px 30%;
  height: 18px;
}
#confirmation .high { min-height: 32px;}
#confirmation .highTraffic { margin: 15px 0;}
#confirmation .highTraffic div { 
  float: left;
  padding-top: 50px;
}
#confirmation .highTraffic p { margin-left: 30px;}
#legalTerms .buttonDiv { text-align: right;}
#legalTerms .buttonDiv input { 
  float: none;
  margin-left: 10px;
}
#optionList form { margin-top: 2em;}
#optionList .channels { 
  margin-bottom: 1em; 
  clear: both;
}
#optionList .channels div { float: left;}
#optionList .channels p { margin: 0 0 0 1.5em;}
#optionList .options { margin: 2em 0;}
#optionList .options label { 
  float: left;
  width: 45%;
}
#optionList .options b label { width: 58%;}
#optionList .options input { width: 50%;}
#optionList .options input#click { width: 35%;}
#optionList .options div { clear: both;}

/* ticker_content.html, parameters.html */
#parameters form { margin-top: 4em;}
#parameters p { margin: 1em 0;}
#parameters ul { margin: 2em;} /* reveals list style */
#parameters li { 
  list-style: circle;
  margin: 0.5em 0;
}
#parameters .buttons { white-space: nowrap;}
#tickerContent ul.tickerManagement, 
#tickerContent .tickerManagement li,
#tickerContent label, .channelOptions span {
  float: left;
}
#tickerContent ul.tickerManagement { 
  width: 95%;
  margin-bottom: 1em;
}
#tickerContent .tickerManagement li { width: 45%;}
#tickerContent ul { 
  clear: both;
  margin-left: 2em;
}
#tickerContent li { 
  margin: 0.2em 0;
  padding: 0 0.5em 0 1em;
  background: #fff url(/images/dot_square.gif) center left no-repeat; 
}
#tickerContent p { 
  clear: both;
  margin: 0.5em 0;
}
#tickerContent hr { 
  width: 95%;
  height: 1px; 
  clear: both;
  margin: 1em 0;
  color: yellow; 
  border: 1px yellow solid;
  background-color: yellow;
}
#tickerContent .mainEdit label, 
#tickerContent .quickStart label { 
  width: 25%;
  margin-top: 5px;
}
#tickerContent label.noFloat { float: none;}
.customChannels label, .longLabel label { 
  width: 60%;
  margin-right: 1em;
}
#tickerContent input, #tickerContent select, #tickerContent label.noFloat,
.mainEdit span { 
  margin-left: 1em;
}
#tickerContent select, input#getCode, .customChannels input, 
.longLabel input { 
  width: 10em;
}
.longLabel input { margin-top: 1.2em;}
p.direction { margin: 1em 0;}
#tickerContent .channelOptions label { 
  width: 85%;
  margin: 0.5em 0 0.2em 0;
}
#tickerContent textarea { width: 90%;}
#tickerContent .channelOptions p { margin: 0;}
.channelOptions span { 
  width: 10%;
  clear: left;
  margin: 0.5em 0 0.2em 0;
}
.saveChoice { 
  clear: both;
  margin: 3em 0 1em 4em;
}
#noTicker p { margin: 1em 0;}

/* font, color and headers */
body {
	color: #000044;
  background-color: #fff;
  font: 62.5% Arial, Helvetica, sans-serif;
}
#topNav {
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1em;
}
#topTitle, #topNav a, #leftNav, #leftNav a, #leftNav hr { 
  color: yellow;
}
#topNav span { color: white;}
#leftNav { font: bold 1.1em/1em Helvetica, Arial, sans-serif;}
#leftNav dl { font-weight: normal;}
#rightCol { font-size: 1.3em ;}

#center { font-size: 1.3em;}
#center h1 { font-size: 1.8em;}
#center h2 { font-size: 1.6em;}
#center h3 { font-size: 1.4em;}
#center h4 { font-size: 1.2em;}
#center h5 { font-size: 1em;}
#center h1, #center h2, #center h3, #center h4, #center h5 { 
  font-weight: bold;
  margin: 1em 0;
}
#home h1 {
  font-size: 1.4em;
  text-align: center;
}
#siteMap h3 { margin: 1em 0 2.5em 0;}
#loginConfirmed h4 {
  font-style: italic;
  margin: 3em 0 0 2em;
}
#home .example p a { color: #404040;}
#home .bold {
  font-size: 1.3em;
  font-weight: bold;
}
.buttonDiv { font-size: 1em;}
.buttonDiv input { font-family: Arial, Helvetica, sans-serif;}
.buttonDiv p { font-weight: bold;}
#home h1, #myDetails h4.leftAdminDetails, .buttonDiv p, #login h4, 
#optionList h4, #login p.instruction, #loginConfirmed h4, #general, .message,
#optionList .options b { 
  color: #aa0000;
}
.message { font-weight: bold;}
.example { font-size: 1em;}
.footer { font-size: 1em;}

#siteMap h1, #contact dt, span.email, #examples h1, #examples p, 
#tickerFormat h1, #tickerFormat h5 span, #tickerFormat pre, #tickerFormat dt, 
#tickerFormat dl span, #tickerFormat p span, #faq h5, #myDetails h4, 
#myDetails b, #myDetails p.yourAccount, #confirmation h4.welcome, 
#confirmation dt, #confirmation p b, #confirmation h5 span, 
#legalTerms .buttonDiv, #optionList .options div, #optionList .options b, 
#parameters h1, #parameters p b, #parameters .whichButton, 
#tickerContent .mainEdit p.direction, #tickerContent .quickStart h4, 
#tickerContent .longLabel span, #tickerContent .saveChoice label, 
#tickerContent .customChannels h5,
#tickerContent .customChannels p i.direction, 
#tickerContent .customChannels p label.direction {
  color: #660000;
}

#contact h4, #parameters h4 { margin: 3em 0 1em 0;}
#confirmation p b, h4 span  { font-weight: normal;}
#tickerFormat dt { font-weight: bold;}

#tickerFormat h1, #tickerFormat dt, #tickerFormat dl span, 
#tickerFormat pre { 
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

#myDetails .buttons input { font: 1em Arial, Helvetica, sans-serif;}
#myDetails p.instruction, p.note { 
  font-size: 0.8em;
}
#faq dl dt, #login h4, #confirmation p.or, #gernal { 
  font-style: italic;
}
#confirmation p.or, #confirmation p em { 
  color: #bb0000;
}
p.note { 
  color: #000;
  margin-top: 20px;
}
#faq a { color: #000044;}
#optionList .options b {
  font-weight: bold;
}
#parameters p b { font-weight: normal;}

#examples a:link, #examples a:visited, #examples a:hover, 
#examples a:active { color: #000044;}
#myDetails p a:link, #myDetails p a:visited, #myDetails p a:hover,
#myDetails p a:active { color: #000044;}
.highTraffic a:link, .highTraffic a:visited, .highTraffic a:hover, 
.highTraffic a:active { color: #000044;}
#optionList a:link, #optionList a:visited, #optionList a:hover,
#optionList a:active { color: #000044;}
#parameters p a:link, #parameters p a:visited, #parameters p a:hover,
#parameters p a:active { color: #660000;}
#parameters ul a:link, #parameters ul a:visited, #parameters ul a:hover,
#parameters ul a:active { color: #660000;}
#tickerFormat p a:link, #tickerFormat p a:visited, #tickerFormat p a:hover,
#tickerFormat p a:active  { color: #660000;}
#tickerContent p a:link, #tickerContent p a:visited, #tickerContent p a:hover,
#tickerContent p a:active { color: #660000;}
#tickerContent ul a:link, #tickerContent ul a:visited, 
#tickerContent ul a:hover, #tickerContent ul a:active { color: #000044;}
/* end font, color and headers */