/* ................... BEGINING + BACKGROUNDS */
body {
 padding:0; margin:0; color:#000;
 /*font:.625em tahoma, sans-serif, verdana, arial; */
 font:10px tahoma, sans-serif, verdana, arial;
 background:#d8e5e9 url(/i/bg.png);
 /*-background:none;
 -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg.png', sizingMethod='scale');*/
}

#bg_top_dark_line {
 position:absolute; z-index:10;
 top:0; left:0; width:100%; min-width:96em; height:506px;
 background:transparent url(/i/bg_top_dark_line.png) repeat-x;
 -background:none;
 -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg_top_dark_line.png', sizingMethod='crop');
}

#bg_top {
 position:absolute; z-index:0;
 top:0; left:0; width:100%; min-width:96em; height:506px;
 background:transparent url(/i/bg_top.png) repeat-x;
}
*html #bg_top {width:expression(((document.documentElement.offsetWidth) < 960? "960px" :"100%"));}

#bg_sun {position:absolute; z-index:5; left:50%; margin-left:-504px;}
*html #bg_sun {width:expression(((document.documentElement.offsetWidth) < 1280 ? expression(((document.documentElement.offsetWidth) < 960 ? "100%" :"90%")) : "85%"));}
html>/**/body #bg_sun, x:-moz-any-link, x:default { width:85%; min-width:98.5em; }
html[xmlns*=""] body:last-child #bg_sun {width:85%; min-width:98.5em;}

#sun {
 background:transparent url(/i/bg_sun.png) no-repeat top left;
 -background:none;
 -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg_sun.png', sizingMethod='crop');
}

#mmHeader   {position:relative; z-index:20; width:96em; margin:0 auto;}
#mmBody     {position:relative; z-index:20; width:97em; margin:0 auto;}
#mmContent  {position:relative; z-index:20; width:96em; margin:0 auto;}
/* ................../. BEGINING + BACKGROUNDS */



/* ................... HEADER */
#mmTop {
 position:relative; z-index:15; color:#FFF;
 width:100%; height:27px; margin:0 auto; padding:0;
 background:transparent url(/i/bg_top_top.png) repeat-x;
 -background:none;
 -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg_top_top_.png', sizingMethod='scale');
}

#lang_bar {float:left; padding:6px 0 0 6px; 1background:#DDF;}
#lang_bar a {color:#FFF; text-decoration:none;}
#lang_bar a:hover {color:#FFC; text-decoration:underline;}

#top_menu {float:right; padding:6px 6px 0 0; 1background:#FDD;}
#top_menu ul {list-style:none; margin:0; padding:0;}
#top_menu ul li {margin:0 0 0 0; padding:0; display:inline;}
#top_menu ul li a {padding:0; color:#FFF; text-decoration:none;}
#top_menu ul li a:hover {color:#FFC; text-decoration:underline;}
#top_menu ul li span {margin:0; padding:0; color:#FFC; font-weight:bold;}

#country {position:relative; padding:4px 0 0 24em; white-space:nowrap;}

#top_login {
 float:right; background:#DDF; padding:6px .5em 7px 1em;
 background:transparent url(/i/bg_top_login.png) repeat-x;
 -background:none;
 -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg_top_login.png', sizingMethod='scale');
}
#top_login span {font-size:1.1em}
#top_login a {color:#FFF}

#logo {margin:.8em 0 .4em .8em; width:18em;}
#logo p {margin:0 0 0 .1em; font:bold 1.2em arial, tahoma, sans-serif, verdana; color:#fff;}
/* ................../. HEADER */



/* ................... MENU */
#mmMenu {width:100%;}
#main_menu_list table {font-size:1.1em; font-weight:bold; padding-top:7px;}
    *html #main_menu_list table {margin-top:7px; padding-top:0px;}
    *+html #main_menu_list table {margin-top:7px; padding-top:0px;}
#main_menu_list td {vertical-align:middle; height:34px;}
#main_menu_list div.main_menu_item {position:relative; z-index:450;}
#main_menu_list div.main_menu_name {padding-left:3em;}
#main_menu_list td a {color:#FFF; text-decoration:none;}
#main_menu_list td a:hover {color:#FFF; text-decoration:underline;}

#t1 {cursor:pointer; background:url(/i/m/t1.png) no-repeat 0 0;}
#t2 {cursor:pointer; background:url(/i/m/t2.png) no-repeat 5% 0;}
#t3 {cursor:pointer; background:url(/i/m/t3.png) no-repeat 5% 0;}
#t4 {cursor:pointer; background:url(/i/m/t4.png) no-repeat 5% 0;}
#t5 {cursor:pointer; background:url(/i/m/t5.png) no-repeat 3% 0;}
#t6 {cursor:pointer; background:url(/i/m/t6.png) no-repeat 0 0;}
#t7 {cursor:pointer; background:url(/i/m/t7.png) no-repeat 0 0;}
#t8 {cursor:pointer; background:url(/i/m/t8.png) no-repeat 0 0;}
/* ................../. MENU */


/* ................... SUBMENU */
#mmMenu ul {z-index:500; list-style:none; margin:0; top:.7em; left:0; position:absolute; padding:0; width:15.4em;}
*html #mmMenu ul {margin:0 0 0 -3em;}

#t1 ul {margin-left:-1em;}

#sub_l {
 float:left; width:5px; height:5px; background:url(/i/cw_bl.png) no-repeat bottom left;
 -background:none;
 -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/cw_bl.png', sizingMethod='crop'); /* ie6 */
}

#sub_r {
 float:right; width:5px; height:5px; background:url(/i/cw_br.png) no-repeat bottom left;
 -background:none;
 -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/cw_br.png', sizingMethod='crop'); /* ie6 */
}

#sub_m {position:absolute; background:#FFF; width:14.6em; height:5px; margin:0 .4em; overflow:hidden;}
*+html #sub_m {margin:0;}
*html #sub_m {margin:0;}

#mmMenu ul li {font-size:1em; margin:0;}
#mmMenu ul li a {display:block; color:#00A6F4; background:#FFF; border-top:1px solid #DDD; padding:.7em 0 .7em 1em;}
#mmMenu ul li a:hover {color:#FFF;}

#t1 ul li a:hover {background:#06acd2;}
#t2 ul li a:hover {background:#9931cb;}
#t3 ul li a:hover {background:#76c80c;}
#t4 ul li a:hover {background:#ff990b;}
#t5 ul li a:hover {background:#f20c83;}
#t6 ul li a:hover {background:#06d1e4;}
/* ................../. SUBMENU */



/* ................... RIGHT */
/* AUTHIFICATION BLOCK */
#mmAuth {position:relative; z-index:0; width:100%; height:auto; margin-bottom:.7em;}
#mmAuth div.body {width:auto; height:auto; padding:.1em .5em .4em 1.2em; background:#2EBBF1 url(/i/a/bg.jpg) 0 0 no-repeat;}
#mmAuth div.line {overflow:hidden; margin-left:5px; margin-right:5px; width:auto; height:5px;}
#mmAuth div.top {background:#2EBBF1 url(/i/a/t.jpg) 0 0 no-repeat;}
#mmAuth div.bot {background:#2EBBF1 url(/i/a/b.jpg) 0 0 no-repeat;}
#mmAuth div.corner {position:absolute; overflow:hidden; width:5px; height:5px;}
#mmAuth div.tl {left:0; top:0;     background:url(/i/a/c_tl.png) 0 0 no-repeat; -background:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/a/c_tl.png', sizingMethod='crop');}
#mmAuth div.tr {right:0; top:0;    background:url(/i/a/c_tr.png) 0 0 no-repeat; -background:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/a/c_tr.png', sizingMethod='crop');}
#mmAuth div.bl {left:0; bottom:0;  background:url(/i/a/c_bl.png) 0 0 no-repeat; -background:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/a/c_bl.png', sizingMethod='crop');}
#mmAuth div.br {right:0; bottom:0; background:url(/i/a/c_br.png) 0 0 no-repeat; -background:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/a/c_br.png', sizingMethod='crop');}
#mmAuth form {margin:0 0 0 0;}
#mmAuth h3 {font:bolder 1.4em arial; margin:.8em 0 .2em 0; color:#FFF;}
#mmAuth p {font:1.2em arial; margin:0 0 .6em 0; color:#FFF;}
#mmAuth .field_name {font:bolder 1.2em arial; color:#FFF;}
#mmAuth input.text {font-size:1.4em; width:90%;}
#mmAuth span {font-size:1.4em;}
/*#mmAuth input.image {margin:.9em 0 .6em 0}*/
#mmAuth .login_btn {cursor:pointer; margin:.9em 0 .6em 0; width:96px; height:30px; }
#mmAuth div.links {float:right; margin:1em 2em 0 0;}
#mmAuth div.links a {color:#FFF; text-decoration:underline;}

#mmAuth div.green_b {
 float:none; cursor:pointer; margin:.5em 5.4em 0 0 ; 
 background:transparent url(/i/bg_button/main.png) repeat-x top;
 -background:none;
 -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg_button/main.png', sizingMethod='crop'); 
}
/* ................../. RIGHT */



/* ................... LEFT 
td.left_col {padding:0 .3em 0 0;}
td.right_col {padding:0 0 0 .3em;}*/
.mmBetween {padding:0 .7em 0 0}
/* ................../. LEFT */



/* ................... MAIN */

/* ORBED - WHITE BLOCK WITH CORNER */
.orbed {position:relative; width:100%; margin-bottom:.7em;}
.orbed div.body {background-color:#FFFFFF; width:auto; height:auto; padding:1em;}
.orbed div.line {overflow:hidden; margin-left:5px; margin-right:5px; width:auto; height:5px; background:#FFF;}
.orbed div.corner {position:absolute; overflow:hidden; width:5px; height:5px;}
.tl {left:0; top:0;  background:url(/i/cw_tl.png) 0 0 no-repeat; -background:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/cw_tl.png', sizingMethod='crop');}
.tr {right:0; top:0; background:url(/i/cw_tr.png) 0 0 no-repeat; -background:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/cw_tr.png', sizingMethod='crop');}
.bl {left:0;         background:url(/i/cw_bl.png) 0 0 no-repeat; -background:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/cw_bl.png', sizingMethod='crop');}
html>body .bl { bottom:0;}
.br {right:0; background:url(/i/cw_br.png) 0 0 no-repeat; -background:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/cw_br.png', sizingMethod='crop');}
*html .br {margin-top:-5px;} html>body .br {bottom:0;}

.orbed_top {margin-top:.7em;}

/* ORBED +PAGE */
/*.page {margin-bottom:.0em; margin-top:.7em;}*/
.page h2 {font:bold 1.6em arial, tahoma, sans-serif, verdana; color:#0291d4; margin:0 0 .5em 0;}
.page h3 {font:bold 1.4em arial, tahoma, sans-serif, verdana; color:#0291d4; margin:3em 0 .5em 0;}
.page h4 {font:bold 1.2em arial, tahoma, sans-serif, verdana; color:#0291d4; margin:2em 0 .5em 0;}
.page h4.first {margin:1em 0 .5em 0;}
.page div.body {font-size:1.2em; color:#0291d4; padding:2em 2em .5em 2em;}
.page div.body a {color:#0291d4;}
.page .tSmall {font-size:.9em;}
.page .tVerySmall {font-size:.8em;}

.page p {margin-top:5px; margin-bottom:10px;}
.page h3.in {margin-top:35px; margin-bottom:0;}
.page h4 {margin-top:22px; margin-bottom:0;}


/* ORBED +CATEGORIES */
.categories div.body {padding:1em 1em .5em 2em;}
.categories table {width:100%; margin:1em 0 0 0; }
.categories ul {list-style-image:url('/i/i/arrow_ltr.gif'); padding:0; margin:0 0 0 .5em;}
.categories li {font-weight:bold; margin:0 0 1em 1em;}
.categories li a {text-decoration:none;}
.categories li a:hover {text-decoration:underline;}

/* ORBED +ADDITIONAL_TEXT */
.additional_text div.body {padding:.1em 2em .2em 1.5em;}

/* ORBED ITEMS */
.items_list div.body {padding:1.7em 2em .2em 1.5em;}
#paging {text-align:center; margin-bottom:.3em; font-weight:bold; padding:.2em 1em .5em 1em; font-size:12px; background:#fff2d6;}

/* OTHER */
.shortcode {font-weight:bolder;}
.keyword {font-weight:bolder;}
.phone {font-weight:bold;}
.example {font-weight:bolder; border:1px solid #333333; padding:2px 5px 2px 5px}
span.attention {color:#386701;}
.user_err, .error {color:#cc3300; background-color:#fff; font-weight:bold; padding:2px 5px 2px 5px;}
div.error {margin:2pt 0 5pt 0;}
.tSelected {font-weight:bold;}

.rtl {direction:ltr;}
.ltr {direction:ltr;}

h5.sub_promotion {font:bold 1.2em arial, tahoma, verdana; margin:0;}


/* GREEN FORMS */
.forms {position:relative; width:50em; min-height:114px; background:transparent url(/i/bg_form/main.png) repeat-x top;}
*html .forms {height:expression(((document.documentElement.offsetWidth) < 104 ? "104px" :"100%"));}
.forms div.inner {padding:3em 2.5em 3em 2.5em; color:#FFF;}
span.preForm {font:bold 1.2em arial, tahoma, vardana; color:#FFF;}
div.formContent, span.formContent {font-size:.8em;}
div.formContent span.phone {font-size:.8em;}

div.forms_agree {padding:1.6em 0 1.5em 1.5em; font-size:.8em;}
*html div.forms_agree {padding-bottom:2.5em;}

.b   {background:url(/i/bg_form/b.png) repeat-x bottom;} 
.t_l {background:url(/i/bg_form/tl.png) no-repeat top left;} 
.t_r {background:url(/i/bg_form/tr.png) no-repeat top right;} 
.b_l {background:url(/i/bg_form/bl.png) no-repeat bottom left;} 
.b_r {background:url(/i/bg_form/br.png) no-repeat bottom right;} 

.green_b {float:right; background:transparent url(/i/bg_button/main.png) repeat-x top; cursor:pointer; margin:.5em 5.4em 0 0;}
    *html .green_b {margin-right:2.7em;}
.in_item {float:none; margin:.5em 0 0 1.5em; width:18em;}    
.bb   {background:url(/i/bg_button/b.png) repeat-x bottom;}
.bt_l {background:url(/i/bg_button/tl.png) no-repeat top left;}
.bt_r {background:url(/i/bg_button/tr.png) no-repeat top right;}
.bb_l {background:url(/i/bg_button/bl.png) no-repeat bottom left;}
.bb_r {background:url(/i/bg_button/br.png) no-repeat bottom right;}    

.green_b div.inner td.img {padding: 2px 18px 5px 12px;}
.green_b div.inner td.text {color:#FFF; font:bold 1.2em arial, tahoma, sans-serif, verdana; padding: 4px 30px 4px 0;}

#num_example {margin-left:28.3em}
    html:root #num_example {margin-left:29.0em}
    html:first-child #num_example {margin-left:27em;}
#num_example_clubs {margin-left:30.9em}
    html:root #num_example_clubs {margin-left:31.6em}
    html:first-child #num_example_clubs {margin-left:29em;}
    
#sms_password {margin-left:32.4em}
    html:root #sms_password {margin-left:31.4em}
    html:first-child #sms_password {margin-left:30em;}
#forgot_num_example {margin-left:7.6em}
    html:root #forgot_num_example {margin-left:7.6em}
/* green forms */
/* ................../. MAIN */



/* ................... CONTENT */
.content img.header_icon {float:left; margin:-5px 0 0 -5px;}
.content h4 {font:bold 1.4em arial, tahoma, sans-serif, verdana; color:#0291d4; margin:0 0 1.3em 0;}
.content div.content_all {position:absolute; right:0; top:0; margin:1.4em 1em 0 0; font-size:1.1em;}
.content a.content_all {color:#0291d4;}
.content div.content_img {text-align:center;}
.content div.content_img img {border:1px solid gray; margin:.5em;}

.content .odd_even1 {background:#DEF1F9;}
.content .odd_even2 {background:#FFF;}
.content td {vertical-align:top; padding:.3em .1em .3em .1em; }
.content img.row {margin:.5em .4em .1em .7em;}
.content td.sound_item_meta {font-size:1.2em; color:#0291d4;}
.content td.sound_item_meta a {font-weight:bold; color:#0291d4;}
.content td.sound_item_dwnl {padding-top:.4em; font-size:1.1em; color:#0291d4;}
.content td.sound_item_dwnl a {color:#0291d4;}
.content img.dwnl {margin:.1em .1em .1em .1em;}
.content img.lstn {margin:.2em .1em .1em .1em;}

.content div.game_item {margin-bottom:2em}
.content div.game_item_meta img {float:left; margin:0 .7em 0 0}
.content div.game_item_meta a {font-size:1.2em; font-weight:bold; color:#0291d4;}
.content div.description {font-size:1.1em; color:#0291d4;}
.content table.game_item_buttons {clear:both; margin-top:.5em; border-bottom:1px solid #c9ecfd;}
.content td.category {font-size:1.2em; color:#0291d4;}
.content td.category a {font-size:1.2em; color:#0291d4; text-decoration:none;}

.content td.info {width:5em; padding:.5em; white-space:nowrap; font-size:1.1em; vertical-align:middle;}
.content td.info a {color:#386701;}
.content td.info img {float:right;}
.content td.dwnl {width:6em; padding:.5em; white-space:nowrap; font-size:1.1em; color:#0291d4; vertical-align:middle;}
.content td.dwnl a {color:#0291d4;}
.content td.dwnl img {float:right;}
/* ................../. CONTENT */



/* ................... ITEM */
.item .name, .artist, .description, .code, .type {margin-left:20px;}
.item .name {font-size:1.4em} 
.item .artist {font-size:1.2em} 
.item .artist {font-weight:bold;}
.item .name, .code span {font-weight:bold;}
.item .nosound {text-align:center; font-size:0.9em;}
.item .code span, .type span {font-weight:bold;}
.item .description {margin-top:.4em;}
/* ................../. ITEM */



/* ................... FOOTER */
#menu_bottom {padding:1px; text-align:center;}
#menu_bottom td {text-align:center;}
#menu_bottom a {padding:0; color:#0291D4; text-decoration:none;}
#menu_bottom a:hover {text-decoration:underline;}
#menu_bottom .pipe {color:#b3def2; font-size:.8em; vertical-align:middle;}

#comments {margin-top:1.2em; padding:0 2em 0 2em; text-align:center; color:#7aa7bd;}
#comments a {color:#7aa7bd;}

#footer {margin-top:1.2em; padding:0 2em 1em 2em; text-align:center; font-size:1.1em; font-weight:bold; color:#527a8d;}
#footer a {color:#527a8d; text-decoration:none;}
/* ................../. FOOTER */



/* ................... TEST MODE */
div.test_mode {border:1pt dashed #999; font-size:9px; background:#ccc; padding:2pt 2pt 2pt 2pt; margin:2pt 2pt 2pt 2pt; color:#999999;}
div.test_mode select {font-size:9px;}
div.test_mode_small {border:1pt dashed #999; background:#ccc; padding:1pt 1pt 1pt 1pt; margin:1pt 1pt 1pt 1pt; color:#999999;}
/* ................../. TEST MODE */