/* CSS Document */

body {

    margin-left: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

    /*font :1em tahoma, geneva, arial, sans-serif;

    font-family: Arial, Helvetica, sans-serif;

    font-family: Arial,verdana;     */

    /*font-family: Verdana, Arial, Helvetica, sans-serif;

    color:#000000;   

    */

    font-family: Arial, Helvetica, sans-serif;

    font-size:11px;

    color:#444;

    text-align: left; 

    background:#fff; margin:0px; padding:0px;  

}

.page-bg{

    /*background: url(./images/background-gradient.jpg) repeat-x;*/

    background-color: #547c95; 

}

.mainpagebg{

    width: 1004px;   

}

.page-header{

    height: 95px;

    /*background: url(./images/header-bg.gif) no-repeat #fff;*/

	background-color: #fff;

    background-position:top right;

}

.logo{

    /*width:500px;

    height:95px;*/

    width:298px;

    height:95px;

    padding-left:15px;

}

a{

    text-decoration: none;

    color: #242424;

}



a:hover{

    color: #003366;

    text-decoration:underline;

}



.link{

    color: #000000;

}

link:hover{

    color: #ff0000;

    font-weight:bold;

}



.small-thumb-category{

    text-align:center;

    color: #3479d8

}

.small-thumb-category a{

    text-align:center;

    line-height:140%;

    font-weight: bold;

    color: #3479d8

}



.small-thumb{

    text-align:center;

    color: #000000;

    padding-bottom:8px;

}



.small-thumb img{

    width:75px;

    height:57px;

    border: 1px solid #CCCCCC;

    padding: 5px;

}

.small-thumb img:hover{

    width:85px;

    height:67px;

    padding:0px;

    border: 1px solid #ff6600;

}

.small-thumb a{

    color: #000000;

}

.small-thumb a:hover{

    /*font-weight: bold;*/

}

/*

.small-thumb1{

text-align:center;

color: #000000;

padding-bottom:8px;

padding-top: 5px;

width: 95px;



}



.small-thumb1 img{

width:85px;

height:67px;

border: 2px solid #ffffff;

background-color: #fff;

}

.small-thumb1 img:hover{

border: 2px solid #ff6600;

}

.small-thumb1 a{

color: #000000;

display: inline-block;

font-weight:bold;

}

.small-thumb1 a:hover{

color: #ff0000;

}

*/

.small-thumb1{

    text-align: center;

    color: #000000;

    width: 90px;

    height: 100px;

    

}



.small-thumb1 img{

    width:90px;

    height:68px;

    border: 2px solid #000000;

    margin-bottom: 2px;

}



.small-thumb1:hover{

    /*border: 2px solid #ff6600;*/

}



.small-thumb2{

    text-align: center;

    color: #000000;

    width: 75px;

    height: 100px;

}



.small-thumb2 img{

    width: 75px;

    height: 57px;

    border-bottom: 2px solid #ffffff;

    margin-bottom: 2px;

}



.small-thumb2:hover{

    border: 1px solid #ff6600;

}



.adv-thumb{

    text-align: center;

    color: #000000;

    width: 85px;

    padding:4px;

}



.adv-thumb img{

    width:85px;

    height:80px;

    border: 2px solid #ccc;

}

.redBoxThumbBG, .greenBoxThumbBG, .blueBoxThumbBG{

    background-color: #fff;

}



.medium-thumb{

    /*width:150px;

    height:114px;*/

    width:170px;

    height:150px;

    border: 1px solid #242424;

}

.medium-thumb:hover{

    border: 1px solid #ff6600;

}



.text-align-center{

    text-align:center;

}

/*

.colRightFG{

text-align: right;

text-transform: capitalize;

width:100px;

padding-bottom:5px;

}

.colLeftFG{

text-align: left;

text-transform: capitalize;

width:100px;

padding-bottom:5px;

}

*/



.headerMenu{

    background: url(./images/headerMenuBg.gif) repeat-x;

    width: 100%;

    height:38px;

}



.menuSeperator{

    background: url(./images/menuSep.gif);

    height:38px;

    width: 3px;

    float:left;

}



.headerMenuDiv{

    float: left;

    padding-top: 11px;

    padding-bottom: 11px;

    padding-left:5px;

}

.headerMenuDivSel{

    float: left;

    padding-top: 11px;

    padding-bottom: 11px;

    padding-left:5px;

    background: url(./images/selectedHMenuBG.gif) repeat-x;

}



.headerMenuText{

    padding-top: 11px;

    padding-bottom: 9px;

    margin-left : 5px;

    margin-right : 5px;

}

.headerMenu a{

    color: #003d7b;

    font-family: Arial,verdana; 

    font-size: 14px;

    font-weight: bold;

    text-decoration: none;

    outline: 0 none;

}



.headerMenuDiv:hover{

    background: url(./images/selectedHMenuBG.gif) repeat-x;

}

.hottestGameMenuDiv{

    background: url(./images/hottestGameMenuBg.gif) repeat-x;

    float: left;

    padding-top: 5px;

    height: 27px;

}

.hottestGameMenuDiv a{

    color: #fff;

    font-size: 16px;

    font-weight: bold;

    text-decoration: none;

}

.hottestGameMenuDivSel{

    background: url(./images/hottestGameMenuBg_h.gif) repeat;

    float: left;

    padding-top: 4px;

    height: 27px;

    border: 1px solid #5794ed;

    border-bottom: none;

}

.hottestGameMenuDivSel a{

    color: #3479d8;

    font-size: 16px;

    font-weight: bold;

    text-decoration: none;

}



.hottestGameMenuText{

    padding-top: 5px;

    padding-bottom: 4px;

    margin-left : 10px;

    margin-right : 10px;

    font-family: Arial,verdana; 

}



.hottestGameMenuDivSep{

    float: left;

    width: 10px;

    height: 27px;

    padding-top: 4px;

    border-bottom: 1px solid #5794ed;

}

.hottestGameMenuDivSepRight{

    float: left;

    width: 307px;

    height: 27px;

    padding-top: 4px;

    border-bottom: 1px solid #5794ed;

}





/*

.contentContainer{

float: left;

width: 600px;

}

*/

.mainPageContent{

    margin-left: 6px;

    margin-right: 6px;

}

/*.pageContent{

width: 664px;

float: left;

margin-right: 10px;

}

.rightPanel{

width: 306px;

float: right;

}

.loginMainContainer{

background-color:#cde7f6;

padding-top:5px;

padding-bottom:5px;

}

.loginContainer{

background-color:#FFFFFF;

margin-left:5px;

margin-right:5px;

padding-top:5px;

padding-bottom:5px;

}



*/

.textGray{

    color: #6e6e6e;

}

.tg-verticleLeftLine{

    background: url(./images/tg-lineleftv.gif) repeat-y;

}

.tg-verticleRightLine{

    background: url(./images/tg-linerightv.gif) repeat-y;

}

.tg-horizontalTopLine{

    background: url(./images/tg-linetoph.gif) repeat-x;

}

.tg-horizontalBottomLine{

    background: url(./images/tg-linebottomh.gif) repeat-x;

}

/*.blueBoxContainer{

border: 1px solid #3fa1ff;

background-color:#b2d8fc;

border-top:none;

text-align: left;

}

.blueBoxHeader{

background: url(./images/blueHeaderBg.gif) repeat-x;

height: 25px;

margin-top: auto;

margin-bottom: auto;

text-align: left;

}

*/



.blueBoxPlainHeader{

    background-color: #48a2f6;

    height: 25px;

    margin-top: auto;

    margin-bottom: auto;

    text-align: left;

}



.blueBoxContainer{

    /*background-color: #9bc8f1;*/

    background-color:#f4faff;

    border: 1px solid #48a2f6;

}

.blueBoxHeader{

    background-color: #48a2f6;

    padding-left: 10px;

    padding-top: 5px;

}

.redBoxContainer{

    border: 1px solid #c8581d;

    border-top:none;

    background-color: #f5cf9c;

    text-align: left;

}



.redBoxHeader{

    background: url(./images/redHeaderBG.gif) repeat-x;

    height: 25px;

    margin-top: auto;

    margin-bottom: auto;

    text-align: left;

}



.redBoxPlainHeader{

    background-color: #d9741c;

    height: 25px;

    margin-top: auto;

    margin-bottom: auto;

    text-align: left;

}

/*

.whiteBoxContainer{

background-color: #ffffff;

text-align: left;

padding-left:5px;

}*/





.topDownloadGamesTextCol{

    padding-left:5px;

    font-weight: bold;

}

.allGameListContainer{

    background-color: #e5f5ff;

    padding-right:5px;

    padding-bottom:5px;

    padding-left:5px;

    display:block;

    float:left;

    width:99%

}

.fullGameListHeader{

    height:20px;

    background-color: #0099ff;

    color :#ffffff;

    width:100%;

}

.fullGameListHeaderBlue{

    height:20px;

    background-color: #0099ff;

    color :#ffffff;

    width:100%;

}

.fullGameListBody{

    background-color: #ffffff;

    padding: 0px 4px 4px 4px;

    width:99%;

}

.collectionListOddRow{

    background-color: #ccebff;

}

.collectionListEvenRow{

    background-color: #e5f5ff;

}

.fullGameListContainer{

    background-color: #e5f5ff;

    padding-top: 4px;

    font-size: 10px;

    text-transform: capitalize;

    width:100%;

}

.fullGameListContainer a{

    font-size: 10px;

    text-transform: capitalize;

    color: #003366;

    text-decoration : underline;

}



.fullGameListCol{

    width:16.66%;

    float:left;

    overflow:hidden;

    display:inline;

    text-align:left

}

.collectionList{

    background-color: #ffffff;

    padding: 4px 4px 4px 4px;

    vertical-align:middle;

    text-align: left;

}

.collectionListColumn {

    color: #003366;

    font-family: Arial;

    font-style: normal;

    font-weight: bold;

    font-size :14px;

    padding: 3px 0px 3px 0px;

    padding-left:5px;

}

.collectionListColumn a{

    color: #003366;

}

.collectionListColumn a:hover{

    color: #ff0000;

}

.collapse{

    width:100%;

    display:block;

    text-align:center;

    clear:both;

    padding-top:5px;

    padding-bottom:5px;

    outline:0 none;

}

img{

    border:0px;

}







.mpbtn{

    width:107px;

}

.hrbtn{

    width:122px;

}

.menu1table{

    border-bottom:#5794ed;

}

.quickGameMainContainer{

    background-color:#cde7f6;

    padding-top:5px;

    padding-bottom:5px;

}

.quickGameContainer{

    background-color:#FFFFFF;

    margin-left:10px;

    margin-right:10px;

    margin-top:5px;

    margin-bottom:5px;

    position:relative;

}

.quickGameContainerSubMenu{

    background-color:#ffd800;

    display:block;

    /*padding-left:10px;

    padding-right:20px;*/

}

.quickGameContainerSubMenu a{

    color:#3e3e3e;

    text-decoration:none;

}

.quickGameContainerSubMenuTable{

    border-bottom:1px solid #ff9600;

}

.quickGameData{

    margin-left:10px;

    margin-right:10px;

    margin-top:10px;

}



.subMenuColumn{

    padding-top:5px;

    padding-bottom:5px;

    border-right:1px solid #ff9600;

    border-left:1px solid #ff9600;

    /*width:9.6%;*/

    text-align:center;

    min-width:5%;

}



.subMenuColumn a{

    color:#000;

    font-family: verdana;

}

.subMenuColumnsel{

    padding-top:5px;

    padding-bottom:5px;

    border-right:1px solid #ff9600;

    border-left:1px solid #ff9600;

    /*width:9.6%;*/

    text-align:center;

    background-color:#e4a701;

    min-width: 5%;

    color: #000;

}

.subMenuColumnsel a{

    color:#fff;

    font-family: verdana;

}



.greenBoxContainer{

    border: 1px solid #77a922;

    background-color: #c5e091;

    text-align: left;

    

}



.greenBoxContainerWithBorderOnly{

    border: 1px solid #77a922;

    background-color: #fff;

    text-align: left;

}

.greenBoxHeader{

    background: url(./images/greenHeaderBg.gif) repeat-x;

    height: 30px;

    margin-top: auto;

    margin-bottom: auto;

    text-align: left;

}



.greenBoxPlainHeader{

    background-color: #77a922;

    height: 25px;

    margin-top: auto;

    margin-bottom: auto;

    text-align: left;

}

.bestGameSectionHeaderText{

    color: #fff;

    font-family: Arial;

    font-style: normal;

    font-variant: small-caps;

    font-weight: bold;

    line-height: 100%;

    word-spacing: normal;

    letter-spacing: normal;

    text-decoration: none;

    text-transform: none;

    text-align: left;

    text-indent: 0ex;

    font-size :14px;

    padding-left: 10px;

    padding-top: 7px;

    margin-bottom: auto;

}



.prePlayGameMainContainer{

    background-color: #35aeff;

    padding-top:5px;

    padding-bottom:5px;

    

}



.prePlayGameContainer{

    background-color:#FFFFFF;

    margin-left:5px;

    margin-right:5px;

    padding-top:10px;

    padding-bottom:10px;

    padding-left:10px;

    padding-right:10px;

}



.prePlayGameThumbImage{

    width:300px;/*/300px;*/

    height:190px;/*/228px;*/

    border: 1px solid #CCCCCC;

    padding: 5px;

}



.pageNanvigationSection{

    /*background-color: #d39701;

    padding-left:15px;*/

    font-weight:bold;

    padding-top:0px;

    padding-bottom:5px;

    text-align:left;

}

.font-blue{

    color: #0080d5;

}

.font-blue-title{

    color: #0080d5;

    font-family: Arial;

    font-style: normal;

    font-weight: bold;

}

.prePlayGameMainContainer{

    background-color: #35aeff;

    padding-top:5px;

    padding-bottom:5px;

    

}



.prePlayGameContainer{

    background-color:#FFFFFF;

    margin-left:5px;

    margin-right:5px;

    padding-top:10px;

    padding-bottom:10px;

    padding-left:10px;

    padding-right:10px;

}





/*.adContainer{

background-color: #fff9d0;

border:1px solid #ffe487;

}*/

.adBody{

    padding: 0px 15px 0px 15px;

    float:left;

    text-align:center;

    width:728px;

}

.adLoginPanel{

    padding: 10px 0px 5px 0px;

    height:100px;

    background-color:#547c95;

    float:left;

    width:100%

}

.loginContainer{

    top:-15px;

    width: 217px;

    margin-right:2px;

    height:110px;

    background: url(./images/loginbg.gif) no-repeat;

    position:relative;

    float:right;

}

.login{

    padding: 5px 10px 5px 10px;    

}

.loginInput{

    border: 1px solid #abc9f6;

    width: 120px;

}

.signupLink{

    padding-top:5px;

    background: url(./images/signup.gif) no-repeat;

    margin-left:5px;

    padding-left:25px;

    height:25px;

}

.welcomeMsg{

    font-size:15px;

    font-weight:bold;

    text-align:center;

    width:100%;

}

.userMenu{

    float:left;

    padding-left:10px;

    padding-top:10px;

}

.userImage{

    height:65px;

    width:85px;

    padding:2px;

    /* border:1px solid #fff;*/

}

/*.logoutLink{

padding-top:5px;

background: url(./images/logout.gif) no-repeat;

background-position: right;

margin-left:5px;

padding-right:24px;

height:38px;

float:right;

}*/

.floatLeft{

    float:left;

}

.floatRight{

    float:right;

}

.hSeperator{

    width:10px;

    float:left;

    background-color:#fff;

    height:100%;

}



.redDottedLine{

    background: url(./images/red-dotted-line.gif) repeat-x;

    margin-left:5px;

    margin-right:5px;

}

.redLableDiv{

    font-weight: bold;

    margin-bottom:10px;

    margin-right:5px;

}

.redLableDiv a{

    color: #ce5119;

}

.greenDottedLine{

    background: url(./images/green-dotted-line.gif) repeat-x;

    margin-left:5px;

    margin-right:5px;

}

.greenLableDiv{

    font-weight: bold;

    margin-bottom:10px;

    margin-right:5px;

}

.greenLableDiv a{

    color: #5e8619;

}

.footer{

    background-color: #3f3f3f;

    color: #fff;

    font-weight:bold;

}

.footer a{

    color: #05b1ed; 

}



.footer a:hover{

    color: #98d4e9; 

}



.footerSmallText{

    font-weight:normal;

    color: #fff;

}



.blueSquareBoxTopBorder{

    background: url(./images/line_h_top.gif) repeat-x;

}

.blueSquareBoxBottomBorder{

    background: url(./images/line_h_bottom.gif) repeat-x;

}

.blueSquareBoxLeftBorder{

    background: url(./images/line_v_left.gif) repeat-y;

}

.blueSquareBoxRightBorder{

    background: url(./images/line_v_right.gif) repeat-y;

}

.blueSquareBoxContent{

    padding : 10px 10px 10px 10px;

}

.light-gray-font{

    color:#777;

}



.title1 {

    font:normal 20px Tahoma; 

    color:#000000

}

.title2{font:bold 11px Tahoma; color:#3e3e3e}

.titleBlack20px {

    font-weight: bold;

    font-size: 24px; 

    color: #000000

}

.textBlack12px{font:normal 12px Tahoma; color:#000000}

.titleTextBlack12px{font:bold 11px Tahoma; color:#000000; padding-right:5px;}

.textBox150Px{

    width: 250px;

}



h1,h2,h3,h4,h5,h6,ol, ul, li{margin:0;padding:0;}

/*h1, h2, h3, h4, h5, h6 {font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;font-weight:bold; color: #444;letter-spacing:-1px; }

h1 {font-size:28px;}

h1 a {color:#018ee8;}

h1 a:hover {color:#018ee8;}

h2 {font-size:24px;}

h3 {font-size:20px;margin:0 0 5px 0;} 

h4 {font-size:18px;} 

h5 {font-size:14px;}

h6 {font-size:12px;}





h1{

color: #fff;

font-family: Arial;

font-style: normal;

font-variant: small-caps;

font-weight: bold;

line-height: 100%;

word-spacing: normal;

letter-spacing: normal;

text-decoration: none;

text-transform: none;

text-align: left;

text-indent: 0ex;

font-size :14px;

padding-left: 10px;

padding-top: 7px;

margin-bottom: auto;

margin:0px;

}

*/

h2{

    color: #0080d5;

    font-family: Arial;

    font-style: normal;

    font-weight: bold;

    text-align: left;

    text-indent: 0ex;

    font-size :14px;

    margin: 0px;

}

h3{

    color: #0080d5;

    font-family: Arial;

    font-style: normal;

    font-weight: bold;

    text-align: left;

    text-indent: 0ex;

    font-size :18px;

    margin: 0px;

}

/*h3{

color: #000000;

font-family: Arial;

font-style: normal;

font-weight: normal;

line-height: 100%;

word-spacing: normal;

letter-spacing: normal;

text-decoration: none;

text-transform: none;

text-align: left;

text-indent: 0ex;

font-size :14px;

margin: 0px;

margin-bottom: 8px;

}*/

h4{

    font-size:11px;

    font-weight:bold;

    color:#3d3d3d;

    color: #323131;

}

h5 {

    font-size:15px;

    font-weight: bold;

    line-height: 30px;

    text-align:left;

}

h5 a {color:#018ee8;}

h5 a:hover {color:#018ee8;}



.text11px{

    font:bold 11px Tahoma; 

    color:#3e3e3e

}

.whightText12px{

    color: #000;

    font-size: 12px;

    font-weight: bold;

    text-decoration: none;

}

.borderTable1{

    border:1px solid #35aeff;

}

.colWidth50Per{

    width:50%;

}

.icon{

    width:22px;

    height:22px;

}

.moreNavBG {

    background-image:url(./images/down_arrow.gif);

    background-repeat:no-repeat;

    background-position:right;

    padding-right:15px;

    margin-right:5px;

}

.closeNavBG {

    background-image:url(./images/up_arrow.gif);

    background-repeat:no-repeat;

    background-position:right;

    padding-right:15px;

    margin-right:5px;

}

.submenu{

    width:17%;

    background-image:url(./images/arrow.gif);

    background-repeat:no-repeat;

}

.submenu a{

    font-family:arial;

    font-weight:normal;

    color: #003d7b;

    text-decoration: underline;

    padding-left:16px;

}

.submenu a:hover{

    text-decoration: none;

}



#moreNav {

    position:relative;

    display:none;

    padding:10px 0 5px 15px;

    border:10px solid #fff;

    border-bottom:none;

    background-color:#9bc8f1;

    !background-color:none;

}

/*.login{

position:relative;

padding:10px 10px 0px 0px;

border:10px solid #fff;

background-color:#9bc8f1;

}*/

.clear {

    clear:both;

}

.punchLineBox{

    text-align:left;

    background-color:#f4faff;

    border:1px solid #0b7492;

    padding:10px 10px 10px 10px;

}

.noLinkBackground a{

    background-color:transparent; 

}



.errorMsg{

    color:#ff0000;

    font-weight:bold;   

}



.infoMsg{

    color:#0000ff;

    font-weight:bold;

}

#errorMessage{

    width:100%;

    background-color:#D8D8D8;

    padding:5px;   

    text-align:center;

}



.defaultLink{

    color:#0000ff;

    text-decoration: underline;

}

.brownLink{

    color:#823434;

    text-decoration: underline;

}

.btn-main

{

    float:left;

    margin-right:6px;

    margin-top:10px;

}

.btn-main1

{

    float:left;

    margin-right:6px;

}

.btn-left

{

    width:6px;

    height:26px;

    float:left;

    background-image:url(./images/btn-left.jpg);

    background-repeat:no-repeat;

}



.btn-right

{

    width:6px;

    height:26px;

    float:left;

    background-image:url(./images/btn-right.jpg);

    background-repeat:no-repeat;

}

.btn-middle

{

    height:26px;

    float:left;

    font-family:Verdana, Arial, Helvetica, sans-serif;

    color:#FFFFFF;

    font-weight:bold;

    background-image:url(./images/btn-middle.jpg);

    background-repeat:repeat-x;

    padding-top:6px;

    padding-left:10px;

    padding-right:10px;

    text-align: center;

    outline: none;

}

.btn-middle:hover{

    text-decoration:none;

    color:#FFFFFF;

}



.btn-orange

{

    /*background:url(./images/btnBG.gif);*/

    background:url(./images/btn-middle.jpg);

    background-repeat:repeat;

    color:#000000;

    

}

.btn-orange:hover

{

    background:url(./images/btnBG.gif);

    background-repeat:repeat;

    color:#FFF;

}

.btn-orange-text{

    padding-left: 8px;

    padding-right: 8px;

}

.playGameBlockMain{

    float: left;

    /*padding-top: 20px;

    padding-bottom: 15px;

    padding-left: 10px;

    padding-right: 10px;

    height: 540px;*/

    padding: 10px;

    background-color: #333333;

    height: 510px;

}

.playGameBlock{

    text-align:center;

    margin-top: auto;

    margin-bottom: auto;

    top:50%;

    position:absolute; 

    height:400px; 

    margin-top:-200px;

    padding-right: auto;

    padding-left: auto;

    width: 670px;

}

.playGameBlockTop{

    float: left;

    width:100%;

}

.playGameBlockLeft{

    float: left;

    width: 670px;

    background-color: #000;

    height: 510px;

    position :relative; 

}

.playGameBlockRight{

    float: left;

    width: 302px;

    height: 510px;

    background-color: #dddddd;

    text-align:left;

}

.playGameBlockRightTop{

    float: left;

    width: 100%;

    background-color: #333333;

}

.playGameBlockRightBottom{

    float: left;

    padding: 8px;

}

.tabContainer{

    width: 288px;

    overflow: auto;

    height: 470px;

}

.activeTab{

    float: left;

    min-width: 50px;

    background-color: #dddddd;

    padding: 5px;

    border-right: 1px solid #333333;

}

.activeTab a{

    color: #000000;

}

.inActiveTab{

    float: left;

    min-width: 50px;

    background-color: #666666;

    padding: 5px;

    border-right: 1px solid #333333;

}

.inActiveTab a{

    color: #FFF;

}

.inActiveTab a, .activeTab a{

    padding: 5px 10px 5px 10px;

    font-weight: bold;

    outline: 0 none;

}

.grayText{

    color:#666699;

}

.redText{

    color:#ff0000;

}



.panel_body { margin: 0 0px 5px 0; padding: 8px; background-color: #f5f5f5;}

.collapsible_panel { margin: 2px 0;padding:1px 0 1px;min-height:18px; }

.panel_handle { padding-left: 4px; font-weight: bold; font-size: 12px; text-decoration: none; color: #333; outline: none; }



.importEmail{

    background: url(./images/mailbox.gif) no-repeat;

    background-position: 0% 50%;

    padding-left: 18px;

}                         

.mailInput{

    width: 185px;

    height: 12px;

    font-size:11px;

}

.mailMessage{

    width: 185px;

    font-size:11px;

    font-family :arial;

}

.contactus{

    background:url(./images/contact-us.jpg) no-repeat;

    height:62px;

    padding-left: 95px;

    padding-top: 2px;

}

.faq{

    background:url(./images/faq.gif) no-repeat;

    height:96px;

    padding-left: 98px;

    padding-top: 2px;

}



.clear{clear:both; height:0px; overflow:hidden; }

.spacer{height: 5px;overflow:hidden; }

.w-spacer{

    background: url(./images/spacer.gif) repeat;

    height: 5px;

}

/*

.boxheader{

float:left;

}

.boxheader-left{   

background:url(./images/hl.gif) no-repeat;

width:45px;

height:39px;

}

.boxheader-center{  

background-image:url(./images/hm.gif);

background-repeat:repeat-x;

height:39px;

}

.boxheader-right{  

background:url(./images/hr.gif) no-repeat;

height:39px;

width:5px;

}

*/

.panel, .panel1,.panel2, .panel3 { _display:inline; float:left; margin-bottom: 6px; font-size:12px; width:100%;}



.panel-top, .panel1-top, .panel2-top, .panel3-top{height:6px; overflow: hidden;}

.panel-top-right,.panel1-top-right, .panel2-top-right, .panel3-top-right{ float:right; height:6px; width:6px; overflow: hidden;}

.panel-top-left, .panel1-top-left, .panel2-top-left, .panel3-top-left{ float:left; height:6px; width:6px; overflow: hidden;}



.panel-content, .panel1-content, .panel2-content, .panel3-content{text-align:left; background-color:#fff; margin: 0 6px 0 6px; padding:6px;}

.panel-inner, .panel1-inner, .panel2-inner,.panel3-inner{}



.panel-bottom, .panel1-bottom, .panel2-bottom, .panel3-bottom{height:6px; overflow: hidden; clear:both;}

.panel-bottom-right, .panel1-bottom-right, .panel2-bottom-right, .panel3-bottom-right{float:right; height:6px; width:6px; overflow: hidden;}

.panel-bottom-left, .panel1-bottom-left, .panel2-bottom-left, .panel3-bottom-left{float:left; height:6px; width:6px;}

/*****/

.panel{ background-color:#26a8fb;

}

.panel1{ background-color:#cce6fc;}

.panel2{background-color:#4fbf74;}

.panel3{ background-color:#fb8526;}





.panel-top-right{ background-image: url(./images/tr.gif);}

.panel-top-left{ background-image: url(./images/tl.gif);}



.panel1-top-right{ background-image: url(./images/tr1.gif);}

.panel1-top-left{ background-image: url(./images/tl1.gif);}



.panel-bottom-right{ background-image: url(./images/br.gif);}

.panel-bottom-left{background-image: url(./images/bl.gif); }



.panel1-bottom-right{ background-image: url(./images/br1.gif);}

.panel1-bottom-left{background-image: url(./images/bl1.gif); }



.panel2-top-right{ background-image: url(./images/tr2.gif);}

.panel2-top-left{ background-image: url(./images/tl2.gif);}



.panel2-bottom-right{ background-image: url(./images/br2.gif);}

.panel2-bottom-left{background-image: url(./images/bl2.gif); }





.panel3-top-right{ background-image: url(./images/tr3.gif);}

.panel3-top-left{ background-image: url(./images/tl3.gif);}



.panel3-bottom-right{ background-image: url(./images/br3.gif);}

.panel3-bottom-left{background-image: url(./images/bl3.gif); }





.panel h1, .panel1 h1, .panel2 h1, .panel3 h1{

    /*color:#375466;*/

    color:#fff;

    font-size:17px;

    font-weight: bold;

    line-height: 30px;

    height: 30px;

    margin-top: -8px;

    text-indent: 44px;

    position:relative;

    text-align:left;

}



.panel h1 a, .panel1 h1 a, .panel2 h1 a, .panel3 h1 a{color:#666666;}

.panel h1 a:hover, .panel1 h1 a:hover, .panel2 h1 a:hover, .panel3 h1 a:hover{color:#006699;}



.panel h1 img, .panel1 h1 img, .panel2 h1 img, .panel3 h1 img{

    position:absolute;

    z-index:2;

    top:-2px;

    left:6px;

    float:left;

}



.panel img.icon, .panel1 img.icon, .panel2 img.icon, .panel3 img.icon{

    float:left;

    margin:-8px 4px 0 0;

    position:relative;

}

.left{

    _display:inline;

    float:left;

    width:217px;

    margin-right:4px;

    text-align: left; 

    vertical-align: top;

}

.center{

    _display:inline;

    float:left;

    width:440px;

    margin-right:4px;

}

.rightPanel{    

    _display:inline;

    float:left;

    width:322px;

}

.leftcenter{    

    _display:inline;

    float:left;

    width:665px;

    margin-right:4px;     

}



.waitingImage{

    background:url(./images/waiting.gif) no-repeat;

    width:128px;

    height:58px;

    background-position:center center;

}

.transparent {

    filter: alpha(opacity=75); 

    -moz-opacity: .75; 

    background-color:#cccccc; 

    position:absolute; 

    width:100%; 

    height:100%; 

}

.inputbox{

    width:200px;

    height:18px;

}

.inputLabel{

    font-weight:bold;    

}

.dottedBorder{

    border-bottom:1px dotted #ccc;

    width:90%;

}

ol, ul, li {list-style-position:outside;list-style:none;}



ul.gender li { padding: 0 !important; margin: 10px !important;}

ul.gender li label { display:block; width: 78px !important; height: 78px !important; cursor: pointer; background: no-repeat top left; position: relative; }

ul.gender li input { position: absolute; bottom: 5px; right: 5px; margin: 0; padding: 0; width: auto !important; }

ul.gender .male { background-image: url(./images/male.png); }

ul.gender .female {background-image: url(./images/female.png);}

ul { float: left; }

li { float: left; }



.gridcol1{

    width:150px;

}

.gridcol2{}
