/*********************************/
/* 
Date: 7/19/2008
Creator: George Stout
Description: Style used for the global website
*/
/*********************************/

.CMS-Analytics {
    left: -2000px;
    position: absolute;
}

body
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 150px 0px;
    font-size: 10pt;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    color: #333333;
    background-position: left top;
    background-image: url(../images/base-bg-repeat.jpg);
    background-repeat: repeat;
    background-color: #293944;
}

/****** Start Global link styles ******/
#pageBody a:link 
{
    color:#4a70a8;
    text-decoration:none;
}

#pageBody a:visited 
{
    color:#4a70a8;
    text-decoration:none;
}

#pageBody a:hover 
{
    color:#cc0000;
    text-decoration:underline;
}

#pageBody a:active
{
    color:#4a70a8;
    text-decoration:none;
}
/* End Global link styles */


#ContentPageContainer
{
    margin: 0 auto;
    border:0px solid #ffffff;
    width:960px;
}

#GreenBlock,
#GreenBlockShort
{
    width: 930px;
    height: 350px;
    background-position: 30px bottom;
    background-image: url(../images/header-GreenGrad.gif);
    background-repeat: repeat-x;
    position: relative;
    left:15px;
}

#GreenBlockShort
{
    background-position: 30px bottom;
    height: 130px;
}
.alertMessage
{
    z-index:1000;
    width:590px;
    height:177px;
    padding:10px;
    border:5px solid #c7b15a;
    background-color:#f1efc9;
    position:absolute;
    top:125px;
    left:295px;    
}

.alertMessage img
{
   position:relative;
   top:5px;       
}

.alertMessage h3
{
   color:#cc0000;
   margin:0px 5px 5px 5px;      
}

.alertMessage p
{
   margin:10px;      
}
    
.TopHeader
{
    background-position: center top;
    background-image: url(../images/roughTopHeader2.gif);
    background-repeat: no-repeat;
    width:960px;
    height:114px;
    position:absolute;
    left:-15px;    
}

.imgLogo
{
    position:absolute;
    top:10px;
    left:40px;    
}

.upwardName span,
.slogan span
{
    display:none;    
}

.slogan
{
    margin:0px;
    background-position: top left;
    background-image: url(../images/slogan-main.gif);
    background-repeat: no-repeat;
    width:262px;
    height:59px;
    position:absolute;
    left:220px;
    top:27px;
}

.hideMe
{
    position:absolute;
    display:none;  
}

.flashImage
{
    position:absolute;
    top:125px;
    left:295px;
}
.loginButtonBox
{
    margin:0px;
    padding:0px;    
}

.loginButtonBox em
{
    width: 144px;
    position: absolute;
    top: 40px;
    left: 750px;
    text-align: center;
    padding: 10px;
    background-color:#ffffff;
    z-index: 10;
    display: none;
    font-size: .8em;
    font-style: normal;
    color:#356889;
    border: 1px solid #a3daec;
}

#GreenBlock .cpLoginBtn:link,
#GreenBlock .cpLoginBtn:active,
#GreenBlock .cpLoginBtn:visited,
#GreenBlockShort .cpLoginBtn:link,
#GreenBlockShort .cpLoginBtn:active,
#GreenBlockShort .cpLoginBtn:visited
{
    width:160px;
    position:absolute;
    left:750px;
    top:15px;
    background-color:#edce3b;
    border:1px solid #ffffff;
    padding:2px;
    text-align:center;
    color:#4a400c;
    font-size:.8em;
    font-weight:bold;
    opacity:.60;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
}
#GreenBlock .cpLoginBtn:hover,
#GreenBlockShort .cpLoginBtn:hover
{
    color:#4a400c;
    background-color:#edce3b;
    text-decoration:none;
    font-size:.8em;
    opacity:.9;
    filter:alpha(opacity=99);
    -moz-opacity: .9;
}

/****** Start Main Menu styles ******/
/*
#menuBase,
#menuBaseShort
{
    background-position: center bottom;
    background-image: url(../images/menuBG.gif);
    background-repeat: no-repeat;
    width: 930px;
    height: 338px;
}

#menuBaseShort
{
    height: 160px;
}

.mainMenu,
.mainMenuShort
{
    margin: 0px;
    padding: 0px 0px 0px 145px;
    list-style-type: none;
    width:930px;
    position:absolute;
    top:315px;
}
.mainMenuShort
{
    top:136px; 
}


.mainMenu li,
.mainMenuShort li
{
    float:left;
    padding-right:60px;
    font-weight:bold;    
}
#menuBase .menuLinkText a:link,
#menuBase .menuLinkText a:active,
#menuBase .menuLinkText a:visited,
#menuBaseShort .menuLinkText a:link,
#menuBaseShort .menuLinkText a:active,
#menuBaseShort .menuLinkText a:visited
{
    color:#d2d7bb;
}
#menuBase .menuLinkText a:hover,
#menuBaseShort .menuLinkText a:hover
{
    color:#ffffff;
}
*/

/****** End Main Menu styles ******/

/****** Start Countries Menu styles ******/
    .countriesList
    {
        position:absolute; 
        margin:0px;
        padding:0px;   
    }

    .countriesList li span
    {
        display:none;    
    }
    
    .ctBrasil a
    {
        background-position: left top;
        background-image: url(../images/country-Brasil.gif);
        background-repeat: no-repeat;
        width:151px;
        height:26px;
        position:absolute;
        top:120px;
        left:-11px;
    }
    .ctCanada a
    {
        background-position: left top;
        background-image: url(../images/country-Canada.gif);
        background-repeat: no-repeat;
        width:151px;
        height:26px;
        position:absolute;
        top:150px;
        left:-11px;
    }
    .ctSouthAfrica a
    {
        background-position: left top;
        background-image: url(../images/country-SouthAfrica.gif);
        background-repeat: no-repeat;
        width:151px;
        height:26px;
        position:absolute;
        top:180px;
        left:-11px;
    }
    .ctUkraine a
    {
        background-position: left top;
        background-image: url(../images/country-Ukraine.gif);
        background-repeat: no-repeat;
        width:151px;
        height:26px;
        position:absolute;
        top:210px;
        left:-11px;
    }
    
    
.countriesTopList
{
    list-style-type: none;
    margin: 0px 0px 0px 14px;
    padding: 0px;
    height: 20px;
    background-color: #545454;
    width: 941px;
    background-position: left bottom;
    background-image: url(../images/countriesBarBG.gif);
    background-repeat: repeat-x;
    border-bottom:1px solid #7f6868;
}

.countriesTopList li
{
    float:left;  
    text-align:center;  
}

.countriesTopList li a
{
    margin:0px;
    padding:0px 0px;
    border-left:1px solid #7f6868;
    display:block;
    width:234px;
    height: 20px;
    clear:left;
}
.countriesTopList .ctTopUkraine
{
    border-right:1px solid #7f6868;
}

#countriesTop a:link,
#countriesTop a:active,
#countriesTop a:visited
{
    color:#cccccc;
    font-weight:bold;
    font-size:.8em;
    line-height:1.6em;    
}

#countriesTop a:hover
{
    text-decoration:none;
    color:#ffffff;
}

#countriesTop li:hover
{
    background-position: left bottom;
    background-image: url(../images/countriesBarHover.gif);
    background-repeat: repeat-x;
}

.countriesTopList li span
{
    width: 16px;
    height: 10px;
    padding-left:20px;
    background-position: left 1px;
    background-image: url(../images/miniFlags.gif);
    background-repeat: no-repeat;
}

.countriesTopList li span.miniFlagCanada
{background-position: left -13px;}

.countriesTopList li span.miniFlagIreland
{background-position: left -26px;}

.countriesTopList li span.miniFlagSouthAfrica
{background-position: left -40px;}

.countriesTopList li span.miniFlagUkraine
{background-position: left -54px;}

/****** End Countries Menu styles ******/

/****** Start Header Question styles ******/

.upwardWhatIs,
.upwardUsed,
.upwardWhere,
.getInGame
{
   margin:0px; 
}


.upwardWhatIs span,
.upwardUsed span,
.upwardWhere span,
.getInGame span
{
   display:none; 
}

.upwardWhatIs a
{
    background-position: left top;
    background-image: url(../images/whatIsUpward.gif);
    background-repeat: no-repeat;
    width: 206px;
    height: 40px;
    position: absolute;
    top: 130px;
    left: 42px;
}

.upwardUsed a
{
    background-position: left top;
    background-image: url(../images/doUpward.gif);
    background-repeat: no-repeat;
    width:206px;
    height:40px;
    position:absolute;
    top:175px;
    left:42px;
}

.upwardWhere a
{
    background-position: left top;
    background-image: url(../images/whereIsUpward.gif);
    background-repeat: no-repeat;
    width:206px;
    height:40px;
    position:absolute;
    top:220px;
    left:42px;
}

.getInGame a
{
    background-position: left top;
    background-image: url(../images/getInGameHP.gif);
    background-repeat: no-repeat;
    width:262px;
    height:65px;
    position:absolute;
    top:270px;
    left:14px;
}

/****** End Header Question styles ******/

/****** Start Content Area styles ******/
/* See contentArea.css for element styles */
#contentArea
{
    display: block;
    width: 840px;
    background-color: #ffffff;
    padding: 0px 30px 60px 30px;
    position: relative;
    top: 38px;
    left: 30px;
    background-position: left top;
    background-image: url(../images/contentLeftBG.gif);
    background-repeat: repeat-y;
    line-height:1.5em;
}
#contentAreaShort
{
    display: block;
    width: 840px;
    background-color: #ffffff;
    padding: 30px 30px 60px 30px;
    margin-left:30px;
    background-position: left top;
    background-image: url(../images/contentLeftBG.gif);
    background-repeat: repeat-y;
    line-height:1.5em;
}

/****** End Content Area styles ******/

/****** Start Footer styles ******/

#footer
{
    background-position: left top;
    background-image: url(../images/footerBG.gif);
    background-repeat: no-repeat;
    width:963px;
    height:88px;
    position:relative;
    top:0px;
    left:12px;
    color:#848b91;
    font-size:.8em;
    padding:35px 0px 0px 30px;
}

#footer1
{
    color:#848b91;
    font-size:.8em;
    text-align:center;
    margin-top:15px;
}

#footer p, #footer1 p
{
    margin:0px;
    padding:0px;    
}

/****** End Footer styles ******/

.menuHPBox
{
    position: relative;
    top:-5px;
    left:15px;
}

.menuBox
{
    position: relative;
    top:-5px;
    left:15px;
}

.colorBar
{
    display: block;
    background-position: center top;
    background-image: url(../images/colorBar.jpg);
    background-repeat: no-repeat;
    width:900px;
    height:5px;
    margin-left:15px;
}