/* CSS developed by Darren McCready for Intel PLS. All rights reserved. */


/* ---------------------------- GENERIC STYLES ----------------------------------*/


*
{
    margin:0;
    padding:0;
    border:none;
}

h1 span
{
    display:none;   
}

p
{
    margin-bottom:15px;
    color:#ffffff;
}

.clear
{
    clear:both;
}

.no_rightmargin
{
    margin-right:0 !important;
}

/* ---------------------------- LAYOUT STYLES -----------------------------------*/


body
{
    font-family:Arial, Helvetica, sans-serif, serif; font-size:0.75em; line-height:1.2em; text-align:center;
    margin:0 auto;
    width:100%; height:100%;
    background:#313872;
}

#lang_container
{
    display:block; width:748px; height:464px;
    text-align:center;
    position:absolute; top:50%; margin-top:-232px; left:50%; margin-left:-374px;
    background:url(../images/lang_select_bg.jpg) top left no-repeat;
}

#logos
{
    display:block; clear:left;
    height:68px; width:455px;
    margin:55px auto 15px auto;
}

/* ---------------------------- TEXT STYLES ------------------------------------*/


#logo_1goal
{
    display:inline-block; float:left;
    width:218px; height:68px;
    background:url(../images/1goal_logo.gif) top left no-repeat;
}

#logo_skoool_football
{
    display:inline-block; float:right;
    width:237px; height:68px;
    background:url(../images/skoool_football_logo.gif) top left no-repeat;
}

/* ---------------------------- LIST STYLES ------------------------------------*/


#lang_container ul
{
    display:block; clear:both;
    list-style:none;
    width:550px;
}

html>body #lang_container ul
{
    margin:0 auto;  
}

#lang_container ul li
{
    float:left; display:block;
    width:260px;
    margin-right:25px; margin-bottom:15px;
}

#lang_container ul li a
{
    display:block;
    width:260px;
    line-height:61px; font-size:1.5em; text-align:left; text-decoration:none; font-weight:bold;
    padding-left:60px;
}

#lang_container ul .blue_active_center
{
    float:left; display:block;
    width:260px;
    padding-left:150px; margin-bottom:15px;
}

#lang_container ul .blue_inactive_center a
{
    display:block;
    width:260px;
    line-height:61px; font-size:1.5em; text-align:left; text-decoration:none; font-weight:bold;
    padding-left:60px;
}

/* ---------------------------- LINK STYLES ------------------------------------*/


.green_active a
{
    background:url(../images/green_active.gif) top left no-repeat;
    color:#A0C76D;
}

.green_inactive a
{
    background:url(../images/green_inactive.gif) top left no-repeat;
    color:#4A6325;
}

.red_active a
{
    background:url(../images/red_active.gif) top left no-repeat;
    color:#BC8DA8;
}

.red_inactive a
{
    background:url(../images/red_inactive.gif) top left no-repeat;
    color:#73445F;
}

.blue_active a
{
    background:url(../images/blue_active.gif) top left no-repeat;
    color:#91C0DD;
}

.blue_active_greek a
{
    background:url(../images/blue_active.gif) top left no-repeat;
    color:#91C0DD;
	margin-left:150px!important;
}

.blue_inactive a
{
    background:url(../images/blue_inactive.gif) top left no-repeat;
    color:#296487;
	
}

.blue_inactive_center a
{
    background:url(../images/blue_inactive.gif) top left no-repeat;
    color:#296487;
}

.green_inactive a, .red_inactive a, .blue_inactive a, .blue_inactive_center a
{
    cursor:default;
}

.green_active a:hover, .red_active a:hover, .blue_active a:hover, .blue_active_greek a:hover
{
    color:#ffffff;
}
