/* GENERIC STYLES */

body#main {
 margin: 0 auto;
 font-family: Arial, Helvetica, sans-serif;
 font:12px Arial, Verdana, sans-serif;
 line-height: 140%;
 color: #000;
}
body#main {
 background: #ef7700 url(graphics/mainBG_stripe.gif) top center repeat-x;
}
h1 {
 font-size: 32px;
 color: #e32c00;
 margin-bottom: 18px;
}
h1.gendocsPageTitle {
 padding: 0;
 margin: -50px 0 20px 0;
 border-bottom: 1px dotted #ccc;
}
h2 {
 font-size: 135%;
 color: #6e6e6e;
 margin-bottom: 20px;
}
h3.page {
 font-size: 120%;
 font-weight: bold;
 color: #fff;
 background: #6e6e6e;
 margin-bottom: 10px;
 padding: 4px 0 4px 10px;
}
a:link, a:visited {
 color: #e25500;
 text-decoration: none;
}
a:hover {
 color: #b4d1c7;
 text-decoration: none;
}
p {
 margin-bottom: 12px;
}
input, textarea, select {
 border: #666 1px solid;
 background: #eee;
}
ul, ol {
 margin: 12px 0 0 0;
 padding-left: 20px;
 width: 100%;
}
li {
 list-style: square;
 line-height: 130%;
 padding-bottom: 10px;
}

/* SHARED */

img {
 behavior: url("graphics/scripts/iepngfix.htc");
}
.clear {
 clear: both;
}
.clearleft {
 clear: left;
}
.padtop30 {
 padding-top: 30px;
}

/* COLUMN LAYOUT */

.columns {
}
.columns .second{
}
.columns .last{
}
.columns:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
* html .columns {height: 1%;}
.columns .column {
 float:left;
 overflow:hidden;
}
.columns .last{ float:right; }

.col .first { 
 width: 200px;
}
.col .first img {
 padding-left: 40px;
}
.col .last { 
 width: 640px;
}
.col2B .first { 
 width: 450px;
 margin: 50px 0 0 50px !important;
 margin: 50px 0 0 20px;
}
.col2B .last { 
 width: 450px;
 margin: 60px 0 0 0;
}
.col2C .first { 
 width: 450px;
}
.col2C .last { 
 width: 450px;
 text-align: right;
}
.col2C p {
 margin: 10px 14px 0 14px;
}
.col2C img {
 float: left;
 margin: 0 14px 0 14px;
}
.col2D .first { 
 width: 448px;
 margin: 0;
 line-height: 160%;
}
.col2D .last { 
 width: 350px;
 margin: 0;
}

/* REV COLUMNS */

#interior {
 width: 780px;
 display: block;
}
#interior .colL {
 float: left;
 width: 400px !important;
 width: 380px;
 margin-right: 50px;
}
#interior .colR {
 float: left;
 width: 330px;
} 

/* HEADER */

#nav {
 width: 970px;
 height: 173px;
}
#nav ul {
 float: left;
 margin-top: 38px
}
#nav li {
 display: inline;
 float: left;
 list-style: none;
 text-align: center;
 vertical-align: top;
}
#nav .item1, #nav .item2, #nav .item3, #nav .item5, #nav .item6, #nav .item7 {
 margin-top: 24px;
}
#nav .item1 a {
 width: 120px;
 height: 58px;
 background: url(graphics/nav_home_off.png) top left no-repeat;
 behavior: url("graphics/scripts/iepngfix.htc");
 text-indent: -9999em;
}
#nav .item2 a {
 width: 120px;
 height: 58px;
 background: url(graphics/nav_about_off.png) top left no-repeat;
 behavior: url("graphics/scripts/iepngfix.htc");
 text-indent: -9999em;
}
#nav .item3 a {
 width: 120px;
 height: 58px;
 background: url(graphics/nav_benefits_off.png) top left no-repeat;
 behavior: url("graphics/scripts/iepngfix.htc");
 text-indent: -9999em;
}
#nav .item4 a {
 background: transparent url(graphics/playeraid_logo2.png) top left no-repeat;
 behavior: url("graphics/scripts/iepngfix.htc");
 height: 136px;
 width: 250px;
 text-indent: -9999em;
}
#nav .item5 a {
 width: 120px;
 height: 58px;
 background: url(graphics/nav_compare_off.png) top left no-repeat;
 behavior: url("graphics/scripts/iepngfix.htc");
 text-indent: -9999em;
}
#nav .item6 a {
 width: 120px;
 height: 58px;
 background: url(graphics/nav_locations_off.png) top left no-repeat;
 behavior: url("graphics/scripts/iepngfix.htc");
 text-indent: -9999em;
}
#nav .item7 a {
 width: 120px;
 height: 58px;
 background: url(graphics/nav_contact_off.png) top left no-repeat;
 behavior: url("graphics/scripts/iepngfix.htc");
 text-indent: -9999em;
}
#nav li a {
 float: left;
 display: block;
 color: #fff;
 font-weight: bold;
 font-size: 11px;
 text-transform: uppercase;
 text-align: center;
}
#nav li a:hover {
}
#nav li a.current {
}

/* CONTENT */

#bodyMain {
 margin-top: -20px;
 padding: 0 50px 110px 50px;
}
#mainwrapper {
 margin: 0 auto;
 background: url(graphics/grungeBG.jpg) top center no-repeat;
 width: 100%;
 height: 720px;
}
#contentwrapper {
 width: 970px;
 margin: 0 auto;
}
#logoimage {
 background: url(graphics/playeraid_logo.png) top center no-repeat;
 behavior: url("graphics/scripts/iepngfix.htc");
 height: 173px;
 width: 250px;
}
#image_case {
 background: url(graphics/main_caseofplayeraid.png) top center no-repeat;
 behavior: url("graphics/scripts/iepngfix.htc");
 height: 454px;
}
#moreaboutpop img {
 position: absolute;
 margin: 320px 0 0 475px;
}
#moreinfocontent {
 background: url(graphics/main_moreaboutplayeraid_mo.jpg) top center no-repeat;
 height: 246px;
 width: 462px;
}
#moreinfocontent p {
 margin: 30px 130px 0 20px;
 padding-top: 20px;
}
#pageheader {
 margin: 0 auto;
 background: url(graphics/page_header.png) top center no-repeat;
 behavior: url("graphics/scripts/iepngfix.htc");
 width: 900px;
 height: 78px;
}
#pagecontent {
 margin: 0 auto;
 background: #fff url(graphics/page_bottom_lines.gif) bottom center no-repeat;
 width: 900px;
 min-height: 620px;
}
div.pullquote {
 color: #474747;
 font-size: 150%;
 font-weight: bold;
 line-height: 110%;
 margin-bottom: 20px;
}
.imageoverlay {
 text-align: right;
 margin: -77px 0 0 0;
 z-index: 500;
}
.aboutBG {
 width: 100%;
 height: 461px;
 background: url(graphics/about_womandrinking.jpg) top right no-repeat;
 margin-top: 0;
}

/* FOOTER */

#footer {
 width: 900px;
 height: 72px;
 background: #363636;
 border: 1px solid #f8bb92;
 padding: 1px;
 margin: 0 auto;
 font-size: 85%;
 color: #ccc;
}

/* SIFR REPLACEMENT */

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}
.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}
.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}
.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}
.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}
h4.sIFR-replaced {margin-bottom:-15px;}


/* THICKBOX */

#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#000;
  filter:alpha(opacity=50);
  -moz-opacity: 0.50;
  opacity: 0.50;
  height:100%;
  width:100%;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  z-index: 102;
  color:#000000;
  display:none;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/* CHART CSS */

#chart {
 width: 720px;
}
#q-graph {position: relative; width: 720px; height: 300px;
  margin: 1.1em 0 3.5em; padding: 0;
  background: #DDD url(fade-light.png) repeat-x;
  border: 2px solid gray; list-style: none;
  font: 9px Helvetica, Geneva, sans-serif;}
#q-graph ul {margin: 0; padding: 0; list-style: none;}
#q-graph li {position: absolute; bottom: 0; width: 90px; z-index: 2;
  margin: 0; padding: 0;
  text-align: center; list-style: none;}
#q-graph li.qtr {height: 298px; padding-top: 6px; border-right: 1px dotted #333; color: #000; font-weight: bold;}
#q-graph li.bar {width: 60px; border: 1px solid; border-bottom: none; color: #000;}
#q-graph li.bar p {margin: 5px 0 0; padding: 0;}
#q-graph li.sent1 {left: 13px; background: #f06f18 url(graphics/fade-dark.png) repeat-x;
  border-color: #EDC #BA9 #000 #EDC;}
#q-graph li.sent2 {left: 13px; background: #b30061 url(graphics/fade-dark.png) repeat-x;
  border-color: #EDC #BA9 #000 #EDC;}
#q-graph li.sent3 {left: 13px; background: #db0000 url(graphics/fade-dark.png) repeat-x;
  border-color: #EDC #BA9 #000 #EDC;}
#q-graph li.sent4 {left: 13px; background: #000 url(graphics/fade-dark.png) repeat-x;
  border-color: #EDC #BA9 #000 #EDC; color: #fff;}
#q-graph li.sent5 {left: 13px; background: #ad9447 url(graphics/fade-dark.png) repeat-x;
  border-color: #EDC #BA9 #000 #EDC;}
#q-graph li.sent6 {left: 13px; background: #00a504 url(graphics/fade-dark.png) repeat-x;
  border-color: #EDC #BA9 #000 #EDC;}
#q-graph li.sent7 {left: 13px; background: #3acfe5 url(graphics/fade-dark.png) repeat-x;
  border-color: #EDC #BA9 #000 #EDC;}
#q-graph li.sent8 {left: 13px; background: #00cfbe url(graphics/fade-dark.png) repeat-x;
  border-color: #EDC #BA9 #000 #EDC;}
#q-graph #q1 {left: 0;}
#q-graph #q2 {left: 90px;}
#q-graph #q3 {left: 180px;}
#q-graph #q4 {left: 270px;}
#q-graph #q5 {left: 360px;}
#q-graph #q6 {left: 450px;}
#q-graph #q7 {left: 540px;}
#q-graph #q8 {left: 630px; border-right: none;}

#q-graph #ticks {width: 720px; height: 298px; z-index: 1;}
#q-graph #ticks .tick {position: relative; border-bottom: 1px solid #000; width: 720px;}
#q-graph #ticks .tick p {position: absolute; left: 100%; top: -0.7em; margin: 0 0 0 0.8em;}

/* ACCORDION */

.benefits dl {
 margin-top: 12px;
}
.benefits dt {
 text-decoration: none;
 cursor: pointer;
 background: #fb713b;
 line-height: 110%;
 padding: 3px 12px 3px;
 font-weight: bold;
 margin-top: 1px;
}
.benefits span {
 font-size: 85%;
 color: #000;
 font-weight: normal;
}
.benefits dt.active {
 background: #f43002;
}
.benefits dt:hover {
 background: #fa956e;
}
.benefits dd {
 padding: 4px 4px 10px;
 font-size: 90%;
 line-height: 110%;
}
#freedom_calendar { position: absolute; left: 100px; top: 100px; width: 175px; z-index: 100; visibility: hidden; clip:rect(0px 175px 145px 0px); height:145px; }

