﻿@import url(/cnxapp/css/cnxapp_v1.css);

*
{
    margin: 0px;
    padding: 0px;
    font-family: Tahoma, Arial, Verdana;
    font-size: 12px;
}

body
{
    text-align: center;
    overflow: -moz-scrollbars-vertical;
}
img
{
    border: none;   
}
a
{
    color: #1658B4;
    text-decoration: none;
}

a:hover
{
    color: #63A4FF;
}


p, li
{
    line-height: 125%;   
}

p
{
    margin-bottom: 8px;
}

table
{
    border-collapse: collapse;
}



h2, h2 a
{
    font-size: 16px;
    font-weight: 100;
    color: #F77B00;
    margin-top: 0px;
    margin-bottom: 4px;
}



h2 a
{
    color: #3E76AE;
}


h2 a:hover
{
    color: #6AB5FF;
}


.changeBoldColor b
{
    color:#993300;
}

table.tbsplit50
{
    background-image: url(/graphics/fw/boxsplit.gif);    
    background-repeat: repeat-y;
    background-position: top center;    
}

td.tbsplit50left
{
    padding-right: 10px;
}

td.tbsplit50right
{
    padding-left: 15px;
}

.boxsplitright
{
    float: right;
    background-image: url(/graphics/fw/boxsplit.gif);    
    background-repeat: repeat-y;
    padding-left: 20px;
    overflow: hidden;
    margin-left: 2px;
}


ul
{
    padding: 0px;
    padding-bottom: 3px;
    list-style-type: none;
}

li
{
    margin: 5px;
    padding-left: 13px;
    background-image: url(/graphics/fw/bullet.gif);
    background-repeat: no-repeat;
    background-position: 3px 5px;
}

a.sitesubmitlink
{
    border-top: 1px solid #FFAB60;
    border-left: 1px solid #FFAB60;
    border-right: 1px solid #C75E00;
    border-bottom: 1px solid #C75E00;    
    background-color: #FFDE9D;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #D64C00;
}

a:hover.sitesubmitlink
{
    background-color: #FFF4D4;
}


.ppGameListCont
{
    padding: 0px;
    border: 2px solid #8FAEDB;
    background: #FFFFFF;
    overflow: auto;
    max-height: 200px;
}

.ppGameListCont table tr td
{
    cursor: pointer;
    padding: 7px;
    font-size: 11px;
    font-weight: 700;
}


.ppGameListCont table tr:hover td
{
    background: #FFDB84;
}

.ppGameListCont table tr.alt td
{
    background: #E9EDF4;
}

.ppGameListCont table tr:hover.alt td
{
    background: #FFDB84;
}

.ppGameAmountOptions
{
    overflow: hidden;
}

.ppGameAmountOptions p
{
    float:left;
    width: 90px;    
    padding: 2px;
}


.GameWaiting
{
    text-align: center;
    padding: 10px;
}


.GameWaiting p
{
    text-align: center;
    font-size: 16px;
    font-weight: 100;
    color: #078B00;
    padding: 2px;
}


.leftloginform p
{
    margin: 0px;
    padding: 0px;
}


#mainout
{
    width: 790px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;       
}

#headmain
{
    margin-top: 15px;
    height: 70px;    
    width: 790px;
    background-image: url(/graphics/fw/titlebacktop.jpg);
    background-position: 0px 66px;
    background-repeat: no-repeat;    
}
#headlinks 
{
    width:250px;
}
#headlinks a
{
    font-weight:600;
    font-size:10px;
}
#headlinksIn
{
    position:absolute;
    right:30px;
    padding-top:10px;   
}
#headleft
{
    width: 20%;
    float: left;
}

#headright
{
    width: 70%;
    float: right;
    height: 34px;
    margin-top: 36px;
    padding-right: 8px;
}


#headright a
{
    height: 34px;
    float: right;
    display: block;
    width: 108px;
    background-position: center center;
    background-repeat: no-repeat;    
    text-indent: -10000px;    
    margin-right: 1px;
}

#headright-checkers
{
    background-image: url(/graphics/fw/men/checkers_lo.jpg);
}

#headright-chess
{
    background-image: url(/graphics/fw/men/chess_lo.jpg);
}

#headright-help
{
    background-image: url(/graphics/fw/men/help_lo.jpg);
}

#headright-login
{
    background-image: url(/graphics/fw/men/login_lo.jpg);
}






#headright-checkers-hov
{
    background-image: url(/graphics/fw/men/checkers_hi.jpg);
}

#headright-chess-hov
{
    background-image: url(/graphics/fw/men/chess_hi.jpg);
}

#headright-help-hov
{
    background-image: url(/graphics/fw/men/help_hi.jpg);
}

#headright-login-hov
{
    background-image: url(/graphics/fw/men/login_hi.jpg);
}






#mainlogolink
{
    text-indent: -10000px;
    height: 60px;
    width: 131px;
    background-image: url(/graphics/logo_white.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    display: block;
}

#headtitle
{
    height: 23px;
    width: 790px;
    background-image: url(/graphics/fw/titleback.jpg);
}

h1
{
    color: #FFFFFF;
    font-weight: 700;
    font-size: 11px;
    margin-left: 8px;
    line-height: 17px;
}    



#wholecont
{
    width: 790px;
    float:left;    
}

#leftmenout
{
    float: left;
    width: 174px;
    background-image: url(/graphics/fw/left_back.jpg);
    margin-top: 1px;
}

#leftmenin
{
    background-image: url(/graphics/fw/left_top.jpg);   
    background-repeat: no-repeat;
    background-position: top center;
    padding: 10px;
    width: 154px;
    float: left;
    color: #FFFFFF;
}

#leftmenbottom
{
    background-image: url(/graphics/fw/left_bottom.jpg);   
    background-repeat: no-repeat;
    width: 174px;
    float: left;
    height: 4px;
}



#leftlogout
{
    float: left;
    width: 154px;
    background-image: url(/graphics/fw/leftlog_back.jpg);
    margin-top: 1px;
}

#leftlogin
{
    background-image: url(/graphics/fw/leftlog_top.jpg);   
    background-repeat: no-repeat;
    background-position: top center;
    padding: 7px;
    width: 140px;
    float: left;
    color: #FFFFFF;
}

#leftlogbottom
{
    background-image: url(/graphics/fw/leftlog_bottom.jpg);   
    background-repeat: no-repeat;
    width: 154px;
    float: left;
    height: 3px;
}

#leftlogin form p
{
    color: #1658B4;
    font-size: 10px;
}


#leftlogin form p input
{
    width: 136px;
    margin-bottom: 3px;
}


#leftlogin form p input.btn
{
    font-size: 10px;
    width: 70px;
    margin-bottom: 0px;
}


#leftlogin form p a
{
    font-size: 10px;
    margin-right: 8px;
    font-weight: 700;
}

#leftlogin form p.buttonarea
{
    text-align: right;
}

#leftmainmen
{
    float: left;
    width: 154px;    
}

#leftmainmen ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    padding: 5px;
}


#leftmainmen ul li
{
    margin: 0px;
    padding: 0px;
    line-height: 26px;
    margin-bottom: -2px;
    background-image: url(/graphics/fw/leftmensplit.gif);
    background-repeat: repeat-x;
    background-position: 0px 24px;
}


#leftmainmen ul li a
{
    color: #FFFFFF;
    padding-left: 10px;
    background-image: url(/graphics/fw/leftmenbullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
}

#leftmainmen ul li a:hover
{
    color: #FFFF00;    
}

#maincont
{
    float: right;
    width: 606px;
    margin-top: 10px;
    overflow: auto;
}

#footbox
{
    width: 790px;
    float: left;
    border-top: 2px solid #97B5E0;
    padding: 4px;
    margin-top: 5px;
    font-size: 10px;
    color: #888888;
}

#ajaxtest
{
    margin-top: 10px;
    font-weight: 700;
    color: #DD0000;
}







/*=======================================================================================
  CONTACT FORM
=========================================================================================*/


div.cxaContactOuterCont
{
    /*border: 1px solid #DDDDDD;
    background-color: #EFEFEF;    */
}

div.cxaContactInnerCont
{
    margin: 1px;
}

div.cxaContactInnerCont p.ff_field input, div.cxaContactInnerCont p.ff_field textarea
{
    width: 289px;
}

div.cxaContactInnerCont p.ff_field select
{
    width: 298px;
}



/*=======================================================================================
  FORM-MATTING
=========================================================================================*/


.ff_title
{
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;    
    color: #555555;
    margin-top: 3px;
    margin-bottom: 1px;
}

.ff_radio
{
    margin-right: 3px;
    position: relative;
    top: 1px;
}

.ff_field
{
    margin-top: 1px;
    margin-bottom: 1px;
    padding-bottom: 2px;
}

.ff_field input
{
    width: 98%;
    padding: 2px;
    padding-left: 3px;
    font-size: 11px;
}


.ff_field input.req
{
    background-image: url(/graphics/fw/ff_req.gif);
    background-position: top right;
    background-repeat: no-repeat;
}


.ff_field textarea.req
{
    background-image: url(/graphics/fw/ff_req.gif);
    background-position: top right;
    background-repeat: no-repeat;
}



.ff_field textarea
{
    width: 98%;
    padding: 2px;
    padding-left: 3px;
    font-size: 11px;
}


.ff_field select
{
    width: 98%;
    font-size: 11px;
}

.ff_submit
{
    text-align: center;
    margin-top: 8px;
}


.ff_submit input
{
    font-size: 11px;
    font-weight: 700;
}


.cnxfaqquestion
{
    font-size: 15px;
    color: #3A5697;
    border-bottom: 1px dashed #7F90B6;   
}

.cnxfaqanswer
{
    padding: 5px;
    
}








#testimonialscontsec
{
    overflow: hidden;
}


.cnxtestimonialcommentquote
{
    font-weight: 700;
    font-size: 22px;
    font-family: Times New Roman;
    color: #93A4CA;
}

.cnxtestimonialname
{
    padding-left: 40px;
    background-image: url(/graphics/fw/tst_namedash.gif);
    background-repeat: no-repeat;
    background-position: 20px;
    font-family: Times New Roman;
    font-weight: 700;
    color: #546792;
    font-size: 16px;
    font-style: italic;
}

.cnxtestimonialcommentquoteopen
{
    
}


.cnxtestimonialcommentquoteclose
{
    padding-left: 4px;
}

.cnxtestimonialcont
{
    padding-bottom: 20px;
}

.cnxtestimonialcomment, .cnxtestimonialcomment p
{
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
    color: #555555;
}

.cnxtestimonialcomment p
{
    text-indent: 30px;
}





/*=======================================================================================
  Game Window 1.0
=========================================================================================*/

#gametrace
{
    clear: both;
    float: left;
    font-size: 10px;
    font-family: Lucida Console;
    color: #666666;
    text-align: left;
    padding: 10px;
}

#gwGameHere
{
    width: 310px;
    height: 310px;
    overflow: visible;
    margin-left: 37px;
    margin-top: 23px;
    float: left;
}

div.gwFrame
{
    width: 606px;
    height:500px;
    background-image: url(/graphics/game/cb_main.jpg);
}

div.gwTop
{
    float: left;
    width: 606px;
    height: 83px;
}



div.gwGame
{
    float: left;
    width: 360px;
    height: 417px;
}



div.gwPlayers
{
    float: left;
    width: 246px;
    height: 111px;
    background-position: 98px 20px;
    background-repeat: no-repeat;
}


div.gwPlayersP1
{
    background-image: url(/graphics/game/gwTurn1.jpg);
}

div.gwPlayersP2
{
    background-image: url(/graphics/game/gwTurn2.jpg);
}


div.gwPlayer
{
    float: left;
    height: 111px;
    width: 110px;
    background-position: 22px 15px;
    background-repeat: no-repeat;    
}

.gwPlayerName
{
    width: 110px;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: #0054D0;    
    margin-top: 80px;
}

.gwPlayerSplit
{
    float: left;
    height: 10px;
    width: 14px;
}

div.gwPlayer1
{
    background-image: url(/graphics/game/gwP1.jpg);
}

div.gwPlayer2
{
    background-image: url(/graphics/game/gwP2.jpg);
}




div.gwTimes
{
    float: left;
    width: 246px;
    height: 32px;
}

div.gwTime
{
    float: left;
    width: 110px;
    height: 23px;
    padding-top: 7px;
    text-align: center;
    font-size: 15px;
    font-family: Lucida Console;
    color: #0054D0;    
}

div.gwInfos
{
    float: left;
    width: 246px;
    height: 190px;
}


div.gwInfo
{
    float: left;
    width: 110px;
    height: 182px;    
}

div.gwInfoIn
{
    float: left;
    width: 100px;
    height: 172px;    
    padding: 5px;
}


div.gwInfoInCont
{
    width: 100px;
    height: 172px;  
    overflow: auto;
}



div.gwButtons
{
    float: left;
    width: 246px;
    height: 84px;
}

div.gwInfoInMove
{
    width: 72px;
    padding: 5px;
    font-size: 10px;
}

div.gwButton
{
    float: left;
    width: 234px;
    height: 25px;    
    cursor: pointer;
    color: #2069D7;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    padding-top: 8px;
}


div.gwButtonSplit
{
    float: left;
    width: 234px;
    height: 4px;   
    overflow: hidden;
}


.gwGameInfo
{
    float: left;
    width: 360px;
    height: 67px;
}



.gwGameTitle
{
    float: left;
    width: 185px;
    height: 67px;
}

.gwGameTitleData
{
    margin-top: 31px;
    margin-left: 47px;
    font-size: 14px;
    font-weight: 700;
    color: #0054D0;
}

.gwGameTimes
{
    width: 175px;
    height: 67px;
    float: left;
}

.gwGameTime
{
    float: left;
    width: 70px;
    margin-top: 39px;
    padding-left: 10px;
    text-align: center;
}

.gwGameTimeTitle
{
    font-size: 9px;
    color: #0054D0;  
    text-align: center; 
    width: 60px; 
}

.gwGameTimeData
{
    font-size: 15px;
    font-family: Lucida Console;
    color: #0054D0;    
    text-align: center;
    width: 60px; 
}

/*=======================================================================================
  Help and Support
=========================================================================================*/

#help_and_support
{
    float:left;
    width:606px;
    height:280px;
    
}
#help_and_support b
{
    font-size:11px;
    color:#FF3300;
    
}
#help_and_support hr
{
    width:190px;
    color: #63A4FF;
    
}
#help_and_support a
{
    float:left;
    font-size:11px;
    background-image: url(/graphics/fw/support_arrow.gif);
    background-repeat:no-repeat;
    background-position:0px 6px;
    padding-left:15px;
    padding-top:7px;
    width:180px;

}

#support_top
{
    float:left;
    width:606px;
    height:140px;
    
}

#supp_top_left
{
    float:left;
    width:202px;
    
}
#supp_top_mid
{
    float:left;
    width:202px;
    
}
#supp_top_right
{
    float:left;
    width:202px;
    
}
#support_bottom
{
    float:left;
    width:606px;
    height:140px;
}
#supp_bot_left
{
    float:left;
    width:202px;
    
}
#supp_bot_mid
{
    float:left;
    width:202px;
    
}
#supp_bot_right
{
    float:left;
    width:202px;
    
}

.changeFAQ
{
    font-size:17px;
    font-weight:600;
    color:#000090;
}

#starcodesystem
{
    float:left;
    width:580px;  
}
#starcode_links
{
    margin-left:auto;
    margin-right:auto;
    width:120px; 
    padding:10px;
    padding-top:3px;
    border: 1px solid #FFAB60; 
}
#starcode_links b
{
    padding-left:5px; 
}
#starcode_links img
{
    padding-top:7px; 
}
#forgotpasswrd_whole
{
    float:left;
    width:580px;
    
}
.forgotpassword
{   
    float:left;
    width:400px; 
    padding-left:150px;
    padding-top:5px;
    padding-bottom:5px;

}
.forgotpassword2
{   
    float:left;
    width:450px; 
    padding-left:100px;
    padding-top:5px;
    padding-bottom:5px;

}


table.fixOldTables tr td
{    
    padding: 2px;
}

table.fixOldTables
{
    margin-left: 1px;
    margin-top: 4px;
}