/* 
========================================================================
Filename:		screen.css
Date Created:	2009-07-23
Description:	Global CSS stylesheet
Site:			Brain Trainer
========================================================================
*/
/* =General
-----------------------------------------------------------------------------*/
*
{margin:0;
 padding:0;
}

html,
form
{
    height: 100%;
}
body
{   font-size:62.5%;
    height: 100%;
    background-color:#010433;
    font-family: verdana, Arial, helvetica, Sans-Serif;
    background-image:url(../images/generic/gradient.gif);
    background-repeat:no-repeat;
    background-position: center 20px;
}
img
{
    border:0;
    display: block;
}
.Hidden {
    background-color: transparent;
    color: #ffffff;
    font-size: 1px;
	margin-bottom: -10px;
	position: absolute;
	margin-left: -9999px;
	margin-top: -9999px;
}


/* =Typography
-----------------------------------------------------------------------------*/

h1
{font-size:2em;
 padding-bottom:10px;
}
h2
{color:#fff;
 font-size:1.1em;
}
p
{font-size:1.4em;
  padding-bottom:15px;

}
.Wrapper p
{font-size:1.1em;
 padding-left:250px;
}
a
{color:#FFB762;
 text-decoration:none;
}
a:hover
{text-decoration:underline;
}
.clear
  {clear:both;
  margin:0;
  height:0px;
  overflow:hidden;
  font-size:0.1em;
  background-image:none!important;
 }
.HeaderText {
    color: #FFD56A;
    font-size: 1.1em;
    padding-left: 18px;
    margin-top: -50px;
}
.HeaderText2 {
    color: #FFD56A;
    font-size: 1.1em;
    padding-left: 18px;
}

/* =Splash Page
-----------------------------------------------------------------------------*/
#Splash {
    background: transparent url(../images/generic/logo-and-grad.jpg) no-repeat 50% 0; 
}
#Splash .MainWrapper {
    width: 614px;
    margin: 0 auto 100px auto;
}
#Splash h1 {
    display:block;
    min-height:416px;
}
#Splash .Row {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 6px;
    margin-top: -20px;
}
#Splash .Row .Column1, #Splash .Row .Column2 {
    float: left;
    clear: right;
    width: 304px;
}
#Splash .Row .Column2 {
    margin-left: 6px;
}
#Splash .Row h2 span, 
#Splash .Row h2 span, 
#Splash .Panel h2 span {
    position:absolute;
    left:-9999px;
}
#Splash .Row .Column1 h2, #Splash .Row .Column2 h2 {
    width: 304px;
    height: 86px;
    background: transparent url(../images/headings/science.gif) no-repeat 0 0;
}
#Splash .Row .Column2 h2 {
    background-image: url(../images/headings/words.gif);
}
#Splash .Row .PanelBody {
    padding: 20px 30px 0 30px;
    background: transparent url(../images/generic/box_bg_col1.gif) repeat-y 0 0;
}
#Splash .Row .Column2 .PanelBody {
    background: url(../images/generic/box_bg_col2.gif);
}
#Splash .Row p {
    color: #FFD56A;
    font-size: 1.1em;
}
#Splash .Row .PanelFooter {
    width: 304px;
    height: 20px;
    background: transparent url(../images/generic/box_bottom_col1.gif) repeat-y left bottom;
}
#Splash .Row .Column2 .PanelFooter {
    background-image: url(../images/generic/box_bottom_col2.gif);
}
#Splash .Panel {
    clear: both;
}
#Splash .Heading3 {
    background: transparent url(../images/headings/downloads.gif) no-repeat 0 0;
    height: 106px;
    width: 614px;
}
#Splash .Panel .TwoColumnWrapper {
    background: transparent url(../images/generic/downloads_bg.gif) repeat-y 0 0;
    clear: both;
    float: left;
    width: 100%;
    padding-top: -16px;
}
#Splash .Panel .TwoColumnWrapper .Column1, 
#Splash .Panel .TwoColumnWrapper .Column2 {
    float: left;
    clear: right;
    width: 250px;
    padding: 0 31px 0 25px;
    margin-top: -10px;
    min-height: 174px;
}
#Splash .Panel .TwoColumnWrapper h3 {
    color: #ffffff;
    font-size: 1.1em;
    margin-bottom: 10px;
}
#Splash .Panel .TwoColumnWrapper h4 {
    color: #ffffff;
    font-size: 1.1em;
    font-family: Arial, Helvetica, Verdana, Sans-Serif;
}
#Splash .Panel .TwoColumnWrapper p {
    color: #FFC655;
    font-size: 1.1em;
}
#Splash .Panel .TwoColumnWrapper p a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
#Splash .Panel .TwoColumnWrapper p.popup a {
    color: #0F7CB7;
    text-decoration: none;
}
#Splash .Panel .TwoColumnWrapper p a:hover {
    text-decoration: underline;
}
#Splash .Panel .PanelFooter {
    background: transparent url(../images/generic/downloads_bottom.gif) no-repeat 0 0;
    height: 27px;
    width: 614px;
    clear: both;
}


/* =Content
-----------------------------------------------------------------------------*/
#Flash
{
    height: 100%;
}
.NoFlash,
.Wrapper 
{
 color:#F8D87A;
 width:760px;
 padding-top:20px;
 margin:0 auto;
 text-align:center;
 position:relative;
}
.Wrapper 
{text-align:left;
 min-height:100%;
}
.NoFlash a 
{ color:#F8D87A;
font-weight:bold;
}
h1 span,
.Wrapper a.Play span,
body#PopUp .logo span
{position:absolute;
 left:-9999px;
}
.Wrapper h1,
.NoFlash h1 a
{background: transparent url(../images/generic/logo-and-grad.jpg) no-repeat -52px 0;
 display:block;
 width:735px;
 min-height:416px;
}
.NoFlash h1 
{text-align:center;
}
.NoFlash p
{text-align:center;
 padding:0px 86px;
 line-height:1.4em;
}
.NoFlash .button
{background-image:url(../images/buttons/download_btn_mid.gif);
 background-repeat:repeat-y;
 width:149px;
 float:left;
 background-position:1px top;
 margin-left:300px; margin-top:12px;}
.NoFlash .button p
{background-image:url(../images/buttons/download_btn_top.gif);
 background-repeat:no-repeat;
 background-position:left top;
 float:left;
 width:100%;
 padding-bottom:0px;
 text-align:left;
 padding-left:0px;
}
.NoFlash .button .bttm
{background-image:url(../images/buttons/download_btn_bttm.gif);
 background-repeat:no-repeat;
 background-position:left bottom;
 display:block;
 height:4px;
 float:left;
 width:100%;
 clear:both;
}
.NoFlash .button p a
{color:#000;
 padding-left:33px;
 background-image:url(../images/icons/download_btn_arrow.gif);
 background-repeat:no-repeat;
 background-position:10px 6px;
 padding-top:8px;
 float:left;
 display:block;
 min-height:20px;
 padding-right:10px;
 width:110px;
}
.NoFlash .button p a:hover
{text-decoration:underline;
}
.Wrapper em
{font-weight:bold;
 color:#fff;
 font-style:normal;
}
.Wrapper .Row
{padding-left:250px;
 width:400px;
float:left;
 clear:both;
}
.Wrapper .Row div
{float:left;
 width:167px;
 padding-bottom:5px;
}
.Wrapper .Row div a
{display:block;
 font-size:1.1em;
}
.Wrapper .Row div a.Download
{ color:#11B3EB;
font-weight:bold;
}
.MainWrapper a.Play
{min-height:33px;
 width:245px;
 display:block;
 text-align: center;
 margin-top: 10px;   
}
.Content
{position:absolute;
 top:380px;
 width:100%;
 margin-left:10px;
}


/* =Pop Up
-----------------------------------------------------------------------------*/
body#PopUp
{width:288px;
 background-image:url(../images/generic/popup_bg.gif);
 background-position:left top;  
 padding-left:31px;
 padding-right:31px;
}
body#PopUp p.logo
{background-image:url(../images/generic/logo_small.gif);
 background-repeat:no-repeat;
 width:204px;
 min-height:115px;  
 margin:10px auto;
}
body#PopUp p.logo a
{width:100%;
 height:100%;
 display:block;
}
body#PopUp
{color:#fff;
}
body#PopUp h1,
body#PopUp ol li,
body#PopUp ul li,
body#PopUp a,
body#PopUp h3
{font-size:1.1em;
}
body#PopUp h1
{padding-bottom:3px;
}
body#PopUp h2,
body#PopUp h3
{padding-bottom:15px;
}
body#PopUp h2.alt,
body#PopUp div.last a,
body#PopUp h3,
p.popup a
{color:#0F7CB7;
 font-weight:bold;
}
body#PopUp div
{background-image:url(../images/generic/border_hoz_white.gif);
 background-repeat:repeat-x;
 background-position:left bottom;
 padding-bottom:1px;
 padding-top:8px;
 clear:both;
}
body#PopUp ol li
{padding-bottom:15px;
}
body#PopUp div.last h2
{padding-bottom:3px;
}
body#PopUp div.last
{background-image:none;
 padding-bottom:20px;
}
body#PopUp ol
{margin-left:16px;
}
body#PopUp ul
{list-style-type:none;
 margin-left:2px;
 float:left;
 padding-right:27px;
 padding-top:8px;
}
body#PopUp .two_col
{float:left;
}
body#PopUp .two_col div.col
{float:left;
 clear:none;
 background-image:none;
 padding-right:15px;
}
body#PopUp .two_col p
{clear:both;
 font-size:1.1em;
}
body#PopUp div.last a
{float:left;
 padding-right:40px;
}
body#PopUp .two_col div.col h2,
body#PopUp .no_padd
{padding-bottom:0px;
}
body#PopUp .two_col div.col ul
{padding-top:0px;
}
p.popup
{padding-left:0px;
 font-size:1em;
}