/* 
========================================================================
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%;
    margin: 0;
    padding: 0;
    /*background-color: #fff;*/
    background-color:#010433;
    font-family:Arial, helvetica, verdana, Sans-Serif;
    background-image:url(../images/generic/gradient.gif);
    background-repeat:no-repeat;
    background-position: center 20px;
}
img
{border:0;
}
/* =Typography
-----------------------------------------------------------------------------*/

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

}
.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;
 }

/* =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-image:url(../images/generic/logo-and-grad.gif);
 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;
}
.Wrapper a.Play
{min-height:34px;
 width:145px;
 background-image:url(../images/buttons/play_btn.gif);
 background-repeat:no-repeat;
 display:block;
 margin-left:310px;
 position:absolute;
 top:380px;
 border:0;
 outline:none;
}
.Wrapper a.Play:hover
{ background-image:url(../images/buttons/play_btn_hover.gif);
 background-repeat:no-repeat;

}
 .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:#11B3EB;
 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;
}