body
{
    margin: 0px;
    background: #e2e2e2 url('Images/bkgd.gif') repeat-y center;
    height: 100%;
}



/* type styles */

body, td, div, p
{
    font-family: Verdana, Helvetica, Arial;
    font-size: 11px;
    line-height: 14px;
    color: #333333;    
}

a:link, a:visited
{
    font-size: 11px;
    line-height: 14px;
    color: #333333;
    text-decoration: none; 
}

a:hover, a:active
{
    font-size: 11px;
    line-height: 14px;
    color: #999999;
    text-decoration: underline; 
}

.blue_link_font
{
    font-family: Verdana, Helvetica, Arial;
    font-size: 11px;
    color:Blue;    
}

.main_nav_link
{
    font-family:Verdana, Helvetica, Arial;
    font-size: 13px;
    font-weight: bold;
    line-height: 10px;
    color: #ffffff;
}

a.main_nav_link:link, a.main_nav_link:visited
{
    font-family:Verdana, Helvetica, Arial;
    font-size: 13px;
    font-weight: bold;
    line-height: 10px;
    color: #ffffff;
    text-decoration:none;
}
a.main_nav_link:active
{
    color: #ff0000;
}

a.main_nav_link:hover, a.main_nav_link:active
{
    font-family:Verdana, Helvetica, Arial;
    font-size: 13px;
    font-weight: bold;
    line-height: 10px;
    color: #a5cfff;
}

a.white:link, a.white:visited
{
    font-size: 13px;
    font-weight: bold;
    line-height: 10px;
    color: #ffffff;
}

a.white:hover, a.white:active
{
    font-size: 13px;
    font-weight: bold;
    line-height: 10px;
    color: #999999;
}

.footer_link
{
    font-size: 10px;
    line-height: 12px;
    color: #ffffff;
}

a.footer_link:link, a.footer_link:visited
{
    font-size: 10px;
    line-height: 12px;
    color: #ffffff;
    text-decoration: underline;
}

a.footer_link:hover, a.footer_link:active
{
    font-size: 10px;
    line-height: 12px;
    color: #cccccc;
    text-decoration: underline;
}

.header
{
    font-size: 17px;
    font-weight: bold;
    font-family: Helvetica, Arial
}

/* following used on GCP page... */
.notification_positive_bold
{
    font-size: 13px;
    font-weight: bold;
    font-family: Helvetica, Arial;
    color:#009900;
}
.notification_negative_bold
{
    font-size: 13px;
    font-weight: bold;
    font-family: Helvetica, Arial;
    color:#ff0000;
}
.notification_neutral_bold
{
    font-size: 13px;
    font-weight: bold;
    font-family: Helvetica, Arial;
    color:#0051b6;
}
.notification_positive
{
    font-size: 13px;
    font-family: Helvetica, Arial;
    color:#009900;
}
.notification_negative
{
    font-size: 13px;
    font-family: Helvetica, Arial;
    color:#ff0000;
}
.notification_negative_bold
{
    font-size: 13px;
    font-family: Helvetica, Arial;
	font-weight: bold;
    color:#ff0000;
}
.notification_neutral
{
    font-size: 13px;
    font-family: Helvetica, Arial;
    color:#0051b6;
}
.notification_disabled
{
    font-size: 13px;
    font-family: Helvetica, Arial;
    color:#888888;
}
.active_panel
{
	background-color:#ffffff;
}
.passive_panel
{
	background-color:#eeeeee;
}
.menu_game_enabled
{
    font-size: 12px;
    font-family: Helvetica, Arial;
    color:#0051b6;
}
.menu_game_disabled
{
    font-size: 12px;
    font-family: Helvetica, Arial;
    color:#bbbbbb;
}
.menu_game_hasfocus
{
    font-size: 12px;
    font-family: Helvetica, Arial;
    color:#0051b6;
    background-color:Yellow;
}
.menu_game_disabled_hasfocus
{
    font-size: 12px;
    font-family: Helvetica, Arial;
    color:#bbbbbb;
    background-color:Yellow;
}
.standard_link
{
    font-size: 12px;
    line-height: 12px;
    color: #0051b6;
    text-decoration: none;
}

.guy_font
{
    font-family: Verdana, Helvetica, Arial;
    font-size: 11px;
    color:Blue;    
}
.girl_font
{
    font-family: Verdana, Helvetica, Arial;
    font-size: 11px;
    color:Fuchsia;    
}



.header_section
{
    font-size: 13px;
    font-weight: bold;
    font-family: Helvetica, Arial;
    color:#0051b6;
}

.header_section_large
{
    font-size: 16px;
    font-weight: bold;
    font-family: Helvetica, Arial;
    color:#0051b6;
}


.header_label
{
    font-size:12px;
    font-weight: bold;
    font-family: Arial;
}

.standard_label
{
    font-size:12px;
    font-family: Arial;
}

.header_label_italic
{
    font-size:12px;
    font-weight: bold;
    font-style:italic;
    font-family: Arial;
}
.header_label_big_italic
{
    font-size:14px;
    font-weight: bold;
    font-style:italic;
    font-family: Arial;
}


.standard_label_italic
{
    font-size:12px;
    font-style:italic;
    font-family: Arial;
}


.header_label_big
{
    font-size:14px;
    font-weight: bold;
    font-family: Arial;
}

.header_label_middle
{
    font-size:13px;
    font-weight: bold;
    font-family: Arial;
}

.bold_label
{
    font-size:10px;
    font-weight: bold;
    font-family: Arial;
}

.whitelargeheader
{
    font-size: 24px;
    font-weight: bold;
    font-family: Helvetica, Arial;
    color: #ffffff;
}

.whiteheader
{
    font-size: 18px;
    line-height: 22px;
    font-family: Helvetica, Arial;
    color: #ffffff;
}

.whitetext
{
    font-size: 12px;
    font-family: Helvetica, Arial;
    color: #ffffff;
}

li.whiteindent
{
    font-size: 12px;
    font-family: Helvetica, Arial;
    color: #ffffff;
    padding: 0px 0px 0px 20px;
    margin: 0px;
    list-style-type: none;
}


/* divs */

#main
{
    margin: auto;
    width: 960px;
    background-color: #ffffff;
    height: 100%;
}

#logo
{
    float: left;
    margin: 2px 20px 0px 5px;
    
}

/* note: this is based on the most popular banner size used online */
#top_ad_space
{
    float: left;
    width: 468px;
    height: 100px;
    padding: 10px 20px;
}

#logged_in_out
{
    float: left;
    width: 176px;
    height: 80px;
    margin-top: 10px;
    padding: 10px;
    text-align: right;
    border: solid 1px #5596c6;
    background-color: #e9efff;
}

#nav
{
    float: left;
    /*height: 25px;*/
    width: 960px;
    background-color: #ffffff; /*#5596c6;*/
    border-bottom: solid 2px #0051b6; /*#0051b6;*/
    /*border-top: 2px solid #5596c6;*/
}

#nav_cont
{
    background-color: #ffffff;
    margin-left: 2px;
}

.main_nav_item
{
    float: left;
   /* border: solid 1px #000000; */
    margin-right: 1px;
    padding: 8px 16px;
    background-color: #ffffff; /*75b6e6*/
    background-image:url("Images/SymmetricTab.png");
}

.main_nav_item_my_games
{
    float: left;
    margin-right: 1px;
    background-color: #ffffff; /*75b6e6*/
/*    background-image:url("Images/MyGamesClear.png");*/
    width:115px;
    height:29px;
    text-align:center;
/*    padding-top:5px;*/
}

.main_nav_item_my_profile
{
    float: left;
    margin-right: 1px;
/*    padding-top:5px;*/
    background-color: #ffffff;
/*    background-image:url("Images/MyProfileClear.png");*/
    width:115px;
    height:29px;
    text-align:center;
}

.main_nav_item_address_book
{
    float: left;
    margin-right: 1px;
/*    padding-top:5px;*/
    background-color: #ffffff;
/*    background-image:url("Images/AddressBookClear.png");*/
    width:115px;
    height:29px;
    text-align:center;
}

.main_nav_item_find_player
{
    float: left;
    margin-right: 1px;
/*    padding-top:5px;*/
    background-color: #ffffff;
/*    background-image:url("Images/FindPlayerClear.png");*/
    width:115px;
    height:29px;
    text-align:center;
}

.main_nav_item_find_game
{
    float: left;
    margin-right: 1px;
/*    padding-top:5px;*/
    background-color: #ffffff;
/*    background-image:url("Images/FindGameClear.png");*/
    width:115px;
    height:29px;
    text-align:center;
}

.main_nav_item_create_game
{
    float: left;
    margin-right: 1px;
/*    padding-top:5px;*/
    background-color: #ffffff;
/*    background-image:url("Images/CreateGameClear.png");*/
    width:115px;
    height:29px;
    text-align:center;
}

#content
{
    float: left;
    width: 920px;
    padding: 20px;
    height: 100%;
}

#footer
{
    float: left;
    width: 940px;
    padding: 5px 10px;
    background-color: #5596c6;
/*    border-top: solid 2px #888888; */
    margin-top: 30px;
    border-bottom: solid 3px #0051b6;
}

.info_box
{
    padding: 10px;
	background-color: #e9efff; 
    border: solid 1px #0051b6;
}
.info_box_nocolor
{
    padding: 5px;
    border: solid 1px #0051b6;
}
.info_box_nopadding
{
	padding: 0px;
    border: solid 1px #0051b6;
}
.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.info_box_white
{
    padding: 5px;
    background-color: #ffffff; 
    border: solid 1px #0051b6;
}
.info_box_grey
{
    padding: 5px;
    background-color: #eeeeee; 
    border: solid 1px #aaaaaa;
}

.info_newsbox
{
    padding: 5px;
    background-color: #e9efff;
    border: solid 1px #0051b6;
}


/* structure */

form, table.trim
{
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

table.trim
{
    border-spacing: 0px;
    empty-cells: show;
}

img
{
    border: none;
    display: block;
}

.modalPopup img {
border:solid 5px #fff;
}
.modalPopup-text {
display:block;
background-color:#fff;
text-align:center;
border:solid 2px #000;
padding:10px;
}
.modalPopup-text input {
width:75px;
}    
.feedback
{
	color: #00cc00;
	font-weight: 700;
}