/* onArcade 2 CSS: Dark */

/* @override 
	https://dev.mochiads.com/static/pub/css/screen.css
	http://localhost:8080/static/pub/css/screen.css
	https://dev.mochiads.com/static/pub/css/screen.css?v=788ba67913949061b56a9835e2945c0b
	https://dev.mochiads.com/static/pub/css/screen.css?v=f027ecade9b70a9a31d4e6e3e930556e
*/

@import "pages.css";

/* @group Typography */

body { font-size: 12px; line-height: 1.5em; font-family:  Verdana, Helvetica, sans-serif; color: #4f4f56; }

h1, h2, h3, h4, h5, h6 { margin: 0; color: #844a19; color: #844a19; font-family: verdana, sans-serif; letter-spacing: -1px; }
h1 { font-size: 1.6em; margin-bottom: .5em; color: #5a3718; }
h1 em { color: #844a19; font-style: normal; }
h2 { font-size: 1.33em; margin-bottom: .3em; }
h2 em { color: #965c21; font-style: normal; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.0em; }

a { color: #b4180b; font-weight: bold; }
a:hover { color: #0b76b4; }

p a {  font-weight: bold; }
p { line-height: 1.5em; margin: 0em 0em 1em; color: #414244;  }
p strong {  }
p.note { color: #888; font-size: .9em; }

em {  }
strong { color: #844a19; }

ul, ol { line-height: 1.5em; margin: 0; padding: 0; list-style: none; }
ul li { margin: 0; padding: 0; }

ul.bullet, 
ol.bullet { margin: 0 0 20px; }
ul.bullet li { background: url("images/g_eggbullet.gif") no-repeat left 3px; padding-left: 18px; color: #844a19; }
ol.bullet { color: #844a19; list-style-type: decimal; list-style-position: inside; }

dl {  }
dt { font-weight: bold; margin-bottom: .2em; color: #414244; }
dd { margin-left: 2em; margin-bottom: 2em; }

.contextual { font-size: .9em; color: #888; }
.footnote, .note { font-size: .9em; }
.continue { float: right; }

abbr { color: #c03; cursor: help; border-bottom: 1px dashed #c03; }

hr { border: none; border-bottom: 1px solid #aaa; background: none; height: 1px; }
a img { border: none; }


#header h1 a,
.img
{ 
	letter-spacing: -1000em;  text-indent : -999em; overflow : hidden; display: block;
	background-repeat: repeat; background-color: transparent; /* IE FLICKER FIX - no background position! */
}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .img { letter-spacing : normal; text-indent : -9999em; overflow : hidden;}
/* End of hack */

/* @end */

/* @group Layout */

/*
#tmp_over { position: absolute; width: 100%; background: url("images/tmp_dash2.png") no-repeat; background-position: center -9px; opacity: .6; height: 900px; z-index: 100; } /* overlay images for testing */

/* stick footer at bottom */
html { height: 100%; margin: 0; padding: 0; }
body { height: 100%; margin: 0; padding: 0; }
#page { position: relative; min-height: 100% !important; height: auto !important; }
#footer { margin-top: -45px; position: relative; }
/* end sticky footer */

body { background: url(images/g_bg_header.jpg) repeat-x; margin: 0 auto; }
#page { width: 950px; margin: 0 auto; padding: 0px; position: relative; }
#header { position: relative; height: 82px; padding: 0; margin: 0; }
#header h1 { position: absolute; left: -4px; top: inherit; bottom: 0px; height: 71px; width: 221px; background: url(images/logo.png) no-repeat left bottom; margin: 0; }
#header h1 a { display: block; height: 71px; width: 276px; left: -4px;  position: relative; text-indent: -9999em; overflow: hidden; }

#header ul#nav { position: absolute; top: inherit; bottom: 0; right: 0; margin: 0; padding: 0; font-size: .9em; }
#header ul#nav li { display: inline; background: url(images/g_nav_large.gif) no-repeat right -72px; height: 29px; width: 100px; float: left; padding: 0 0px 0 3px; }
#header ul#nav li a { color: #fff; text-decoration: none; font-weight: bold; line-height: 29px; text-align: center; height: 29px; width: 100px; display: block; font-size: 105%; text-transform: uppercase; margin: 0 auto; text-shadow: 2px 2px 1px #3b3b3d; }
#header ul#nav li a:hover { background: url(images/g_nav_large.gif) no-repeat right -36px; text-shadow: 2px 2px 1px #0bb0bc; }
#header ul#nav li a.active { background: url(images/g_nav_large.gif) no-repeat right -0px; height: 29px; z-index: 2; position: relative; text-shadow: 2px 2px 1px #db7d17; }

#content { margin: 30px 0px 0px 0px; padding: 0 0 91px; }
#content #title_section { float: left; margin: 0 0 42px; }
#content #title_section h1 { color: #5a3718; font-size: 1.4em; font-weight: bold; margin: 0 !important;   }
#main { width: 658px; float: left; position: relative; }
#side { width: 199px; float: right; position: relative; }
#side h3 { line-height: 1.5em; margin-bottom: .5em; } 
#side ul { font-size: .9em; margin: 0 0 1.5em 1em; }

#footer { margin-bottom: 0; width: 100%; height: 45px; background: url(images/g_footer.gif) repeat-x left bottom; color: #7cb0b5; letter-spacing: -1px; font-weight: bold; font-size: .9em; }
#footer .wrapper { position: relative; width: 946px; margin: 0 auto; padding:  17px 10px 0 10px; }
#footer #company { float: left; width: 50%; background: url(images/g_mochimediaicon.gif) no-repeat left .3em; padding: 0 0 4px 18px; }
#footer #foot_nav { float: right; }
#footer #foot_nav ul { margin: 0; padding: 0; text-align: right;}
#footer #foot_nav ul li { margin: 0 0 0 5px; padding: 0; float: left; }
#footer #foot_nav a { display: block; padding: 0px 5px 2px; background: #85CDD6; color: #ffffff; text-decoration: none; }
#footer #foot_nav a:hover { background: #fd8b1a; color: #fff; }
#footer a { color: #a78364; }
#footer a:hover { color: #f4a031; }

/* @end */

/* @group UI Elements */

/* @group Modal Window */

#modal .b { background:url(/static/web/images/b.png); }
#modal .tl { background:url(/static/web/images/tl.png); }
#modal .tr { background:url(/static/web/images/tr.png); }
#modal .bl { background:url(/static/web/images/bl.png); }
#modal .br { background:url(/static/web/images/br.png); }
#modal { position: absolute; width: 100%; top: 150px; left: 0; z-index: 100; text-align: left; }
#modal .popup { position: relative; }
#modal table { margin: auto; border-collapse: collapse; }
#modal .body { padding: 10px; background: #fff; width: 370px; }
#modal .loading { text-align: center; }
#modal .image { text-align: center; }
#modal img { border: 0; }

#modal .tl, #modal .tr, #modal .bl, #modal .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }

#modal .popup table .content { position: relative; }
#modal .popup h2 { border-bottom: 2px solid #ddd; margin: 0 -10px 10px -10px; padding-left: 10px; padding-bottom: 5px; }
#modal .footer { border-top: 1px solid #DDDDDD; margin: 20px 0 0 0; padding: 10px 0 0; height: 30px;  }
#modal .popup .buttons { float: right; background: none; padding: 0; margin: 0 !important;}
#modal .popup .buttons .b_cancel { float: left; margin: 0 10px 0 0; text-indent: 9999em; }


/* @end */

/* @group Misc */

.callout { background-color: #FFFEE3; padding: 1em; border-top: 1px solid #E9E6B9; border-bottom: 1px solid #E9E6B9; }
a.button { background-color: #4B4545; padding: 3px; display: block; color: #FFFEE3; font-weight: bold; text-align: center; text-decoration: none;  }

.clear { clear: both; height: 1px; overflow: hidden; font-size: 1px; }
.hide { display: none; }
.show { display: block; }
.helpText { cursor: help; border-bottom: 1px dashed; border-color:#e7d7bf; }
.swfobject { display: none; }

a.tooltip { font-weight: normal !important; text-decoration: underline; color: #3b9cdd; margin-left: 10px; font-size: .9em; letter-spacing: 0;}
a.help { color: #3b9bde; letter-spacing: 0; }
.tooltip_panel { background: #fff; border: 2px solid #9b9595; padding: 10px; font-size: .9em; z-index: 1000; width: 200px; position: absolute; }
.tooltip_panel { width: 210px; background-color: #f9fcff; font-size: .9em; border: 2px solid #63b0e6;  }
.tooltip_panel h3 { font-size: 1.1em; color: #3083b6;  }

a.docs { background: url("images/icon_doc.gif") no-repeat left .3em; padding: 1px 0 1px 16px;  }
.help { font-size: .9em; color: #aaa; }

/* roundy heading sections like in the account area */
.section { margin: 0 0 20px; padding: 0 0px 0 20px; position: relative; }
.section .title { background: url("images/bg_sectionright.gif") no-repeat right center; height: 23px; margin: 0 0 20px -20px; position: relative; }
.section .title h2 { background: url("images/bg_sectionleft.gif") no-repeat left center; font-size: 1.0em; margin: 0; padding-left: 20px; float: left; line-height: 23px; font-weight: bold; }
.section .title .b-help { float: left; margin-left: 10px; height: 23px; background: url("images/b_sectionhelp.gif") no-repeat center center; }
.section table { width: 100%; margin-right: 0px; font-size: .9em; }
.section table thead th { text-align: left; color: #5a3718; padding-bottom: 5px; }
.section table tbody th { text-align: left; color: #5a3718; }
.section table tbody td, .section table tbody th { background: url("images/g_divider_hor.gif") repeat-x top left; padding: 10px 0 10px; vertical-align: top; }


#sub-nav { margin: 4px 0 0px; height: 30px; background: url("images/g_divider_fade.gif") left top no-repeat; padding-top: 11px;}
#sub-nav ul { position: relative; }
#sub-nav li.first { padding-left: 0; background: none; }
#sub-nav li { float: left; padding: 0 15px 0 15px; background: url("images/g_divider_vert.gif") center left no-repeat; }
#sub-nav li.active { position: relative; top: -1px; right: -2px; bottom: -2px; margin-left: -4px; height: 31px; padding: 0; text-align: center; line-height: 22px;  }
#sub-nav li.active a:hover { color: #5a3718; cursor: default; }
#sub-nav li a { font-weight: bold; font-size: .9em; text-decoration: none; color: #5a3718; }
#sub-nav li a:hover { color: #e97215; }

#sub-nav .active { background: url("images/bg_menu_gd.gif") -81px top; width: 111px; }

/* @end */

/* @group Modal Window */




/* @end */



/* @group Form Steps */

#steps { margin: 4px 0 0px; height: 30px; background: url("images/g_divider_fade.gif") left top no-repeat; padding-top: 11px;}
#steps ul { position: relative; }
#steps li.first { margin-left: 0 !important; padding-left: 0px !important; background: none; }
#steps li { float: left; padding: 0; padding-left: 20px; margin-left: 10px; font-weight: bold; color: #9c9b9b; background: url("images/icon_smallarrow.gif") no-repeat 0 .5em; }
#steps li.active { color: #5a3718;}
#steps li.complete, #steps li.complete a { color: #a87b52; }
#steps li.active a:hover { color: #5a3718; cursor: default; }
#steps li a { font-weight: bold; font-size: .9em; text-decoration: none; color: #5a3718; }
#steps li a:hover { color: #e97215; }

.steps {  }
.steps li { display: inline; margin-right: 20px; }
.steps li a { text-decoration: none; color: #aaa; }
.steps li.active a { color: #000000; }
.steps li.complete a { color: #a87b52; }
/* END TODO */

/* @end */

/* @group Tabs */

ul.tabs { margin: 0; padding: 0 0 0 1em; background: url("images/g_tab_border.gif") no-repeat bottom left; min-height: 1.9em; }
ul.tabs li { float: left !important; clear: none !important; margin: 0 5px 0 0 !important; padding: 0 0 0 0px!important; background: url("images/g_tab_off.gif") no-repeat right top !important;}
ul.tabs li a { display: block; padding: 2px 8px 0 8px; background: url("images/g_tab2_off.gif") no-repeat left top !important; font-size: .9em; text-decoration: none; color: #9c9b9b; font-weight: normal; }
ul.tabs li a:hover { color: #4b4b4d; }
ul.tabs li.active { background-image: url("images/g_tab_on.gif")  !important; }
ul.tabs li.active a { background-image: url("images/g_tab2_on.gif") !important; color: #844a19; }
ul.tabs li.active a:hover { color: #844a19; }

/* @end */

/* @group Earnings*/

#earnings { padding-top: 18px; margin-bottom: 20px; background: url("images/g_mochimoney.gif") no-repeat left 6px;}
#earnings h3 { color: #9c9b9b !important; margin: 0 0 2px; line-height: 1.1em; font-size: 1em;}
#earnings ul { padding: 0; margin: 0; }
#earnings ul li { float: left; }
#earnings .stats { background: url("images/g_divider_hor.gif") repeat-x; padding-top: 8px;}

#earnings #current { float: left; width: 314px; margin-right: 30px; }
#earnings #current h2 { padding-left: 65px; }

#earnings #status div.paynumbers strong, 
#earnings #current li strong { line-height: 22px; font-size: 2.2em; color: #5a3718;  letter-spacing: -2px; }
#earnings #current li strong { color: #844a19; font-size: 1.8em; }
#earnings #status div.paynumbers strong sup, #earnings #current li strong sup { font-size: .5em; letter-spacing: -1px; margin-left: .3em; }
#earnings #current #today { background: url("images/g_divider_diag3.gif") no-repeat; margin-right: 15px; background-position: right 2px; padding: 0 8px 10px 0px; min-width: 100px; }
#earnings #current #today #sparkline_pay { float: left; padding-top: 19px; margin-right: 10px; }
#earnings #current #today .numbers { float: none; margin-left: 0px; }
#earnings #current #today h3 { }
#earnings #current #today strong { }

#earnings #current .processing strong { color: #2f8d9d; }

#earnings #status { float: left; width: 314px; }
#earnings #status a.settings { position: absolute; right: 20px; font-size: .8em; }
#earnings #status p { font-size: .8em; margin: 0 0 5px;}
#earnings #status p a { font-size: 1em; position: static; }

#earnings #status .processing, #dashboard #earnings #status .processing strong { color: #2f8d9d; }

#earnings #status div.paynumbers { float: left; width: 130px; line-height: 30px; margin-bottom: 10px; }
#earnings #status div.paygraph { float: left; width: 184px; }

.graph { background: url(images/g_graph_blue.gif) repeat-x; height: 16px; border-right: 1px solid #5fa6ab; position: relative; padding: 0; }
.graph span { height: 16px; display: block; background: url(images/g_graph_orange.gif) repeat-x; overflow: hidden; border-left: 1px solid #be6e18; border-right: 1px solid #be6e18; position: absolute; top: 0; left: 0; }
.graph strong { margin-left: 50px; font-size: .7em; line-height: 16px; color: #c7f5ff; }
.graph span strong { color: #fffbe9; overflow: hidden; }

/* @end */

/* @group Feedback Panel */

#feedback_panel { width: 500px; position: absolute; z-index: 100; background: #fff; border: 2px solid #eee; padding: 15px; font-size: .9em; }
#feedback_panel .b-close { position: absolute; right: 10px; top: 10px; }
#feedback_panel .buttons { margin-left: 0; }
#feedback_panel textarea { width: 90%; height: 75px; }

/* @end */

/* @group Help Panel */

/* only used in help center area */ 
#help_search { float: right; width: 240px; position: relative; right: -1px;}
#help_search label { color: #844a19; font-size: .9em; margin: 0; line-height: 1em; }
#help_search a { background: url("images/b_help.gif") no-repeat left center; padding-left: 20px; font-size: .9em; display: block; height: 20px;}
#help_search .textbox { border-color: #dbccb6; width: 182px; height: 16px; padding: 2px 5px; margin: 6px 5px 5px 0; float: left; }
#help_search .b-go { margin-top: 0px; top: 8px; right: 0; position: relative; }

#page_help { float: right; position: relative; }
#page_help a { background: url("images/b_help_down.gif") no-repeat right center; padding: 0 20px 0 5px; text-decoration: none; color: #844a19; font-weight: normal; font-size: .9em; height: 20px; display: block; border: 1px solid transparent; outline: none; }
#page_help a.active { background-image: url("images/b_help_up.gif"); }
#page_help a:hover { color: #3b9bde; border: 1px solid #dbccb6; }

#help_panel { width: 550px; position: absolute; z-index: 100; background: #fff; border: 2px solid #eee; padding: 0; font-size: .9em; }
#help_panel #help_header { position: relative; padding: 8px 15px 8px; height: 18px; background: #efefef; }
#help_panel #help_header h2 { margin: 0; line-height: 1em; }
#help_panel #s_help { position: absolute; top: 2px; right: 15px; border-color: #bbb; }
#help_panel #s_help.default { color: #999;  }

#help_panel #help_slider { position: relative; width: 1200px; margin-top: 1.5em; }
#help_panel #help_index, #help_panel #help_content { margin-top: 0em; padding: 0 15px 0; }	
#help_panel #help_index { float: left; width: 520px; }
#help_panel #help_content { float: left; width: 520px; }
	
#help_panel h3 { margin-bottom: .5em; background: url("images/g_divider_hor.gif") repeat-x bottom left; padding-bottom: .5em; font-size: 1.2em; }
#help_panel h5 { font-size: 1em; margin: 1em 0 .5em; color: #4f4f56 !important; }
#help_panel #description { margin-bottom: 20px; line-height: 1.4em; }	
#help_panel #help_index ul li { margin-bottom: .8em; line-height: 1.3em; }
#help_panel #help_index ul { margin-bottom: 2em; }

#help_panel #topics { float:left; width: 175px; padding-right: 30px; }
#help_panel #topics li { background: url("images/g_divider_hor.gif") repeat-x left bottom; padding: 5px 0 9px; margin: 0 !important; }
#help_panel #topics li a { text-decoration: none; color: #626262; }
#help_panel #topics li.active a { color: #844a19; background: url("images/b_rightarrow.gif") no-repeat right 3px; padding-right: 10px; }
#help_panel #topics li.active {  }
#help_panel #faq { float:left; width: 310px; }

#help_panel #help_content { margin-top: 0px; }
#help_panel #help_title { padding-right: 40px; margin-bottom: 5px; }
#help_panel #help_text { margin-bottom: 2em; font-size: 1.05em; line-height: 1.4em; }
#help_panel #help_back { font-size: .9em; }

#help_panel #help_footer { background: #efefef; line-height: 2em; margin-top: 2em; padding: 0 15px;}
#help_panel #help_footer a { font-weight: bold; text-decoration: none; color: #626262;  }
#help_panel #help_footer a:hover { color: #000000; }
#help_panel #help_footer #help_all { float: left; }
#help_panel #help_footer .b-close { float: right; text-indent: 0; width: auto; height: auto; padding: 0 0 0 18px; background-position: left .6em; background-repeat: no-repeat; line-height: 2em; background-image: url("images/b_close2.gif");}

/* @end */



/* @group Pagination */

.pagination { margin-left: 20px; margin-top: 20px; }
.pagination ul { list-style-type: none; }
.pagination ul li { display: block; float: left; line-height: 24px; }
.pagination ul li.inactive { border: none; }
.pagination ul li.inactive, 
.pagination ul li.active { padding: 0 5px; }

.pagination ul li.inactive a { font-weight: normal; text-decoration: none; font-size: 11px; color: #414244; }
.pagination ul li.inactive a:hover, 
.pagination ul li.active a:hover { color: #55C6DA; }
.pagination ul li.active a { font-weight: normal; text-decoration: none; border: 1px solid #aaa; border-top-color: #ccc; border-left-color: #ccc; background: #fbecd6; padding: 1px 4px; font-weight: bold; }

.pagination ul li.previous, 
.pagination ul li.next { width: 50px; height: 25px; font-size: 11px; border: none; }
.pagination ul li.previous a, 
.pagination ul li.next a { display: block; height: 25px; text-decoration: none; font-weight: normal; line-height: 23px; }
.pagination ul li.previous { margin-right: 10px; text-indent: 17px; background: url(images/b_paginator_prev.gif) 0 1px no-repeat; }
.pagination ul li.next { margin: 0 10px 0 10px; text-indent: 5px; ;background: url(images/b_paginator_next.gif) 0 1px no-repeat;  }

/* @end */


/* @group Game List */

.game_thumb { width: 110px; height: 135px; float: left; position: relative; margin: 0px 0 10px 0; position: relative; }
.game_thumb .thumb_link,
.game_thumb .thumb { display: block; border: 3px solid #aaa; padding: 3px; margin: 0px auto; }
.game_thumb .thumb_link,
.game_thumb .thumb_link img { width: 75px; height: 75px; }

.game_thumb .thumb_link { position: relative; }
.game_thumb .thumb_link .lb_enabled { display: block; width: 14px; height: 13px; background: url("images/icon_trophy.png") no-repeat; position: absolute; right: -7px; top: -6px; }

.flyout_panel { border: 2px solid #965c21; position: absolute; top: -10px; left: 90px; background: #fff; padding: 3px
; font-weight: normal; font-size: .8em; color: #555; text-decoration: none; width: 150px; z-index: 200; }
/* .game_thumb .thumb_link:hover .popup { display: block !important; } */

.game_thumb .meta { text-align: center; }
.game_thumb .meta h3 { margin: 5px 0 2px 0px; font-size: 12px; line-height: 14px; overflow: hidden; }
.game_thumb .meta h3 a { color: #965c21; text-decoration: none; line-height: 14px; }
.game_thumb .meta h3 a:hover { text-decoration: underline; }
.game_thumb .meta h4 { margin: 1px 0 0px 0; font-size: 10px; line-height: 12px; font-weight: normal; color: #5d5d60; overflow: visible; }
.game_thumb .meta h4 a { color: #5d5d60; font-weight: normal; text-decoration: none; }
.game_thumb .meta h4 a strong { color: #921207; font-size: 10px; font-weight: normal; }
.game_thumb .meta h4 a:hover { text-decoration: underline; }
.game_thumb .meta p { font-size: 10px; margin: 5px 0 0 85px; line-height: 1.1em; letter-spacing: 0px; }



/* @end */

/* @end */


/* @group Tables */

#content table { width: 100%; border-collapse: collapse; font-size: 1em; }
#content table th { text-align: left; padding-left: 10px; vertical-align: center; }
#content table thead th { border-bottom: 2px solid #87683d; border-top: 1px solid #ede4cd; padding: 3px 5px .4em 10px; color: #844a19; font-size: .9em; line-height: 1.4em; vertical-align: bottom; border-right: 1px solid white; background: url("images/g_tableback.gif") repeat-x; }
#content table thead th .sort { background: url("images/g_sortarrow.gif") no-repeat; display: block; width: 10px; height: 10px; float: right; margin: .4em 3px 0 0; }
#content table thead th .up { background-position: 0 -8px !important; }

#content table thead th h2, 
#content table thead th h3 { font-size: 1.3em; font-weight: bold; margin-bottom: 0; color: #844a19;}

#content table tbody td, 
#content table tbody th { background: url("images/g_divider_hor.gif") repeat-x bottom left; padding: 4px 10px 5px 10px; text-align: left; }
#content table tbody th { color: #844a19; font-weight: bold; }
#content table tbody td {  }

#content table tfoot th { border-top: 2px solid #794e29; font-size: .9em; }
#content table tfoot td { padding: .4em 10px; text-align: left; border-top: 2px solid #794e29; font-weight: bold; }
#content table tfoot th, #reporting table tfoot td { background-color: #fff; color: #794e29; }

/* @end */

/* @group Forms */

form { margin: 0; padding: 0; }
/* fieldset { border: none; margin: 0; padding: 0; position: relative; margin: 0 0 0px 0; border-bottom: none; } */

.required { color: #DF2020; }
input.imagebutton { vertical-align: top; }

/* standard left labeled form */
ul.form { margin: 0; padding: 0; }
ul.form li { margin: 0 0 5px !important; padding: 0 0 .8em !important; background: url("images/g_divider_hor.gif") repeat-x bottom left; clear: left; }
ul.form li p.note { font-size: .9em; margin-left: 130px; color: #666; margin-bottom: 5px; margin-left: 130px; }
ul.form li span { display: inline; font-size: .9em; margin-left: 10px; color: #666; }
ul.form li.buttons { margin-left: 130px !important; background: none !important; }
ul.form li h3 { margin: 0 0 .5em; }
ul.form label { display: block; float: left; text-align: left; padding: 0 10px 0 0; width: 120px; font-weight: bold; font-size: 90%; color: #71451e; margin: 5px 0 0 0; }
ul.form label em { color: #DF2020 !important; font-weight: normal; font-size: .9em; margin-right: 5px; }
ul.form label span { font-weight: normal; }

ul.form li .column { float: left; margin-right: 40px; }

ul.form li ul li { background: none; margin: 0 !important; padding: 0 !important; }
ul.form li ul li label { font-size: 1em; }
ul.form li ul.list li { clear: none; margin-bottom: 1px !important; padding: 0 !important; }
ul.form li ul.list li input{ margin: 0 2px 0 0; padding: 0; }
ul.form li ul.list li label { font-size: 1em; color: #4f4f56; margin: 0; width: auto; font-weight: normal; }
ul.form li ul.list li.active label { font-weight: bold !important; }
ul.form li ul.list label span { margin-left: 0px; }

/* short forms - labels above inputs */
ul.short label { float: none; font-size: 1.1em; width: auto; }
ul.short .textbox, ul.short textarea { width: 300px; }
ul.short p.note { margin-left: 0 !important; }
ul.short li.buttons { margin-left: 0 !important; }

.buttons { margin-top: 10px !important;  background: url("images/g_divider_hor.gif") repeat-x top left; padding-top: 10px; }
.buttons input { float: left; margin-right: 10px; }
.buttons .b-save { float: left; margin-right: 8px; }
.buttons .b-delete2 { margin-right: 8px; }
.buttons .cancel { font-weight: normal; font-size: 1em; margin-left: 0px; }

.cancel, a.cancel { line-height: 25px; }
.cancel a, a.cancel { color: #e63f1e; font-weight: bold; padding: 2px 3px; }
.cancel a:hover, a.cancel:hover { background-color: #e63f1e; color: #fff; text-decoration: none; }

/* form controls */
label.checkbox { vertical-align: absmiddle; }
span.codetext, 
p.codetext,
textarea.codetext { background-color: #e7fafc }
input.textbox, 
textarea, 
span.codetext, 
p.codetext { border: 2px solid #dbccb6; font-size: .95em; padding: .4em .4em; margin-top: .3em; font-weight: bold; color: #5c5d5f; }
input.textbox:focus, textarea:focus, 
input.textbox:active, textarea:active { background: #e7fafc url(images/g_input_peekaboo.gif) no-repeat right bottom; border: 2px solid #91eaf2; color: #323439; }
textarea { font-size: 1.1em; font-family: sans-serif; height: 6em; font-weight: normal; }

/* form input errors */
input.error, .error input, textarea.error, .error textarea {  border: 1px solid #DF2020 !important; background-color: #ffdddd; }
label.error, label.error strong, label.error a { color: #DF2020 !important; }

/* Response panels from form submits */
.error-panel,
.success-panel,
.warning-panel
{
	border-bottom: 2px solid; border-top: 2px solid;
	margin: 1em 0; padding: 1em 20px 1em 55px; font-size: .9em; font-weight: bold;
	min-height: 23px; 
	padding-left: 55px;	
	background-position: 8px 8px;
	background-repeat: no-repeat;
}

#side .warning-panel
	{
		padding-left: 20px;
		margin: 0 0 25px 0;
	}

.error-panel h2,
.success-panel h2,
.warning-panel h2 { font-size: 1.5em; font-weight: bold; margin-bottom: .2em; margin-left: 0 !important; }

.error-panel ul,
.success-panel ul,
.warning-panel ul { margin: 0; padding: 0; }

.error-panel p,
.success-panel p,
.warning-panel p { margin: 0; padding: 0; margin-left: 0 !important; padding-left: 0 !important; }

.error-panel ul li,
.success-panel ul li,
.message-panel ul li { background-image: none; padding: 0; margin-bottom: .2em; }

.error-panel {
	background-image: url(images/g_warning_symbol2.gif); 
	background-color: #fdedeb;	
	color: #eb5441;
	border-color: #f4aea6;	
}
.error-panel h2 { color: #DF2020; }
.error-panel .message { display: block; color: #4B4545; }

.success-panel {
	background-image: url(images/g_success_symbol2.gif); 
	background-color: #f6fbea;	
	color: #657565;	
	border-color: #bcce99;
}
.success-panel h2 { color: #779022; }
.success-panel .title { display: block; font-size: 1.2em; font-weight: bold; color: #49812a; margin-bottom: .2em; }

.warning-panel { background-color: #fffacd; border-color: #dcd382;  }
.warning-panel p { color: #8e8532; }


/* @group Buttons */

.button { display: block; background-color: transparent; background-repeat: none;  text-indent: -9999em; overflow: hidden; border: none; outline: none; cursor: pointer; margin-bottom: 15px; }

.button-group { height: 26px; line-height: 18px; margin: 15px 0;  }
.button-group .button {  float: left; margin-right: 10px; }

.bb-small { height: 16px; }
.bb-large { height: 26px; }
.bb-inactive { cursor: default; }
 
.bb-apply { background-image: url(images/b_apply.gif); width: 71px; }
.bb-save { background-image: url(images/b_save.gif); width: 59px; }
.bb-or-cancel { float: left; width: 100px !important; line-height: 23px; }
.bb-export { background-image: url("images/b_exportcsv.gif"); width: 111px; }
.bb-calendar { background-image: url("images/b_calendar.gif"); width: 21px; height: 21px; float: left; }

.b-edit { display: block; width: 51px; height: 15px; background: url("images/b_edit_small.gif"); text-indent: -9999em; overflow: hidden; border: none; outline: none; }
.b-editprofile { display: block; width: 120px; height: 16px; background: url("images/b_editprofile.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-delete { display: block; width: 58px; height: 15px; background: transparent url("images/b_delete_small.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-ban { display: block; width: 47px; height: 15px; background: transparent url("images/b_ban.gif"); text-indent: -9999em; overflow: hidden; border: none; }
input.b-delete { display: block; border: none !important; padding: 0px 0 0 0; margin: 0; cursor: pointer; }

.b_json { display: block; width: 36px; height: 16px; background: url(images/b_json.gif); text-indent: -9999em; overflow: visible; outline: none;  }
.b_xml { display: block; width: 36px; height: 16px; background: url(images/b_xml.gif); text-indent: -9999em; overflow: visible; outline: none; }

.b_viewall { display: block; width: 62px; height: 14px; background: url("images/b_viewall.gif"); text-indent: -9999em; overflow: hidden; border: none; outline: none; }

.b-delete2 { display: block; width: 72px; height: 26px; background: transparent url("images/b_delete.gif"); text-indent: -9999em; overflow: hidden; border: none; }
input.b-delete2 { display: block; border: none !important; padding: 0px 0 0 0; margin: 0; cursor: pointer; }

.b-deactivate { display: block; width: 84px; height: 16px; background: transparent url("images/b_deactivate.gif") no-repeat; text-indent: -9999em; overflow: hidden; border: none; }
input.b-deactivate { display: block; border: none !important; padding: 0px 0 0 0; margin: 0; cursor: pointer; }

.b_export { display: block; width: 111px; height: 16px; background: transparent url("images/b_exportcsv.gif") no-repeat; text-indent: -9999em; overflow: hidden; border: none; }
input.b_export { display: block; border: none !important; padding: 0px 0 0 0; margin: 0; cursor: pointer; }

.b_apply { display: block; width: 75px; height: 26px; background: transparent url("images/b_apply.gif") no-repeat; text-indent: -9999em; overflow: hidden; border: none; }
input.b_apply { display: block; border: none !important; padding: 0px 0 0 0; margin: 0; cursor: pointer; }

a.b-back { background: url("images/b_backarrow.gif") no-repeat left center; padding: 1px 0 1px 20px; }
.b-check { display: block; width: 97px; height: 16px; background: transparent url("images/b_check.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-done { display: block; width: 69px; height: 26px; background: transparent url("images/b_done.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-fillout { display: block; width: 159px; height: 26px; background: transparent url("images/b_fillout.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-addgroup { display: block; width: 78px; height: 16px; background: url("images/b_addgroup.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-uploadnew { display: block; width: 130px; height: 16px; background: url("images/b_uploadnew.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-advanced { display: block; width: 136px; height: 16px; background: url("images/b_advanced.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-report { display: block; width: 90px; height: 16px; background: url("images/b_viewreport.gif"); text-indent: -9999em; overflow: hidden; border: none; cursor: pointer; }
.b-uploadnewad { display: block; width: 103px; height: 16px; background: url("images/b_uploadnewad.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-uploadcustom { display: block; width: 118px; height: 16px; background: url("images/b_uploadcustom.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-addcustom { display: block; width: 130px; height: 16px; background: url("images/b_addsettings.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-uploadgame { display: block; width: 118px; height: 16px; background: url("images/b_uploadgame.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-zoom { display: block; width: 22px; height: 22px; background: url("images/b_zooml.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-zoomclose { display: block; width: 22px; height: 22px; background: url("images/b_zoomclosel.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-save { display: block; width: 59px; height: 26px; background: transparent url("images/b_save.gif") no-repeat center top; border: none; }
.b-addlb { display: block; width: 114px; height: 16px; background: transparent url("images/b_addlb.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-createlb { display: block; width: 173px; height: 26px; background: transparent url("images/b_create_lb.gif"); text-indent: -9999em; overflow: hidden; border: none; }
input.b-save { display: block; border: none !important; padding: 50px 0 0 0; margin: 0; cursor: pointer; }
.b-send { display: block; width: 59px; height: 26px; background: transparent url("images/b_send.gif") no-repeat center top; border: none; }
input.b-send { display: block; border: none !important; padding: 50px 0 0 0; margin: 0; cursor: pointer; }
.b-go { display: block; width: 39px; height: 20px; background: transparent url("images/b_go.gif") no-repeat center top; border: none; }
input.b-go { display: block; border: none !important; padding: 20px 0 0 0; margin: 0; cursor: pointer; }
.b-ssave { display: block; width: 43px; height: 16px; background: url("images/b_ssave.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-clear { display: block; width: 95px; height: 16px; background: url("images/b_clearboard.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-undo { display: block; width: 82px; height: 16px; background: url("images/b_undoban.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-close { display: block; width: 13px; height: 13px; background: url("images/b_close.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-home { display: block; width: 25px; height: 13px; background: url("images/b_backhome.gif"); text-indent: -9999em; overflow: hidden; border: none; }
.b-help { display: block; width: 15px; height: 15px; background: url("images/b_help.gif") no-repeat center center; text-indent: -9999em; overflow: hidden; border: none; }
.b-first { display: block; width: 52px; height: 15px; background: url("images/b_paging.gif") no-repeat 0 top; text-indent: -9999em; overflow: hidden; border: none; }
.b-prev { display: block; width: 45px; height: 15px; background: url("images/b_paging.gif") no-repeat -52px top; text-indent: -9999em; overflow: hidden; border: none; }
.b-next { display: block; width: 45px; height: 15px; background: url("images/b_paging.gif") no-repeat -97px top; text-indent: -9999em; overflow: hidden; border: none; }
.b-last { display: block; width: 52px; height: 15px; background: url("images/b_paging.gif") no-repeat -143px top; text-indent: -9999em; overflow: hidden; border: none; }
input.b-creategame { display: block; width: 115px; height: 26px; background: url("images/b_creategame.gif"); text-indent: -9999em; overflow: hidden; border: none !important; }
input.b-createlb { display: block; width: 171px; height: 26px; background: url("images/b_createleaderboard.gif"); text-indent: -9999em; overflow: hidden; border: none !important; }
.b-right { display: block; width: 14px; height: 14px; background: url("images/b_rightarrow.gif") no-repeat center center; text-indent: -9999em; overflow: hidden; }
.b-left { display: block; width: 14px; height: 14px; background: url("images/b_leftarrow.gif") no-repeat center center; text-indent: -9999em; overflow: hidden; }
.b-resubmit { display: block; width: 169px; height: 27px; background: transparent url("images/b_resubmit.gif") no-repeat center top; border: none; }
input.b-resubmit { display: block; border: none !important; padding: 50px 0 0 0; margin: 0; cursor: pointer; }

.b_verify { display: block; width: 162px; height: 26px; background: url(images/b_verifydomain.gif) 0 0 no-repeat; text-indent: -9999em; overflow: hidden; }
input.b_verify { display: block; border: none !important; padding: 50px 0 0 0; margin: 0; cursor: pointer; }
.b_cancel { display: block; width: 84px; height: 26px; background: url(images/b_cancel.gif) 0 0 no-repeat; text-indent: -9999em; overflow: hidden; }
input.b_cancel { display: block; border: none !important; padding: 50px 0 0 0; margin: 0; cursor: pointer; }

/* @end */

/* @end */

/* @group MochiPass */

#mochipass #util_nav li em { font-style: normal;  }
#mochipass #util_nav li em a { color: #ffb72a; text-decoration: underline; }

#mochipass { height: 24px; background: url("images/pass/g_background.gif") repeat-x; position: relative; z-index: 500; font-size: .8em;}
#mochipass .wrapper { width: 950px; padding: 0 0px; margin: 0 auto; position: relative;}
#mochipass ul { padding: 0; margin: 0; }
#mochipass ul li { position: relative; padding-right: 12px !important; }
#mochipass ul li span { display: block; position: absolute; right: 3px; top: 0; height: 24px; width: 5px; background: url("images/pass/g_divider.gif") no-repeat center center; }

#mochipass #mp_sites { height: 24px; float: left; background: url("images/g_mochiegg.gif") no-repeat left center; width: auto !important; padding-left: 18px; }
#mochipass #mp_sites li { width: auto; float: left;  margin: 0 !important; }

#mochipass a { display: inline; text-indent: 0; height: auto; width: auto; font-weight: bold; color: #fff; line-height: 24px; padding: 1px 5px; text-decoration: none; border: 1px solid transparent; }
#mochipass a:hover { color: #ffb72a; background-color: #555; border: 1px solid #777; }

#mochipass #util_nav { position: absolute; right: 0; top: 0; color: #fff; height: 24px; }
#mochipass #util_nav li { float: left; height: 24px; margin: 0; padding: 0 12px 0 0 !important; }
#mochipass #util_nav li strong { color: #fff; }
#mochipass #util_nav li span { right: 3px !important; }

#mochipass #util_nav li#mp_name { font-weight: bold; padding: 0 16px 0 0 !important; }
#mochipass #util_nav li#mp_name a { padding: 0; }
#mochipass #util_nav li#mp_name span { right: 3px !important; }
#mochipass #util_nav li#mp_messages  { padding: 0 12px 0 0px !important; }
#mochipass #util_nav li#mp_messages a { background-image: url("images/icon_mail.gif"); background-repeat: no-repeat; background-position: 5px 3px; padding: 1px 3px 1px 21px; }
#mochipass #util_nav li#mp_messages.unread a { background-image: url("images/icon_mail_full.gif"); }
#mochipass #util_nav li#mp_help a#help_panel_link { background-image: url("images/pass/g_downarrow.gif"); background-repeat: no-repeat; background-position: center center; border: 1px solid #999; padding: 0 6px; margin-right: 2px; }
#mochipass #util_nav li#mp_help a#help_link {  }
#mochipass #util_nav li#mp_help a.opened { background-image: url("images/pass/g_uparrow.gif");}
#mochipass #util_nav li#mp_feedback { padding-right: 0 !important; }
#mochipass #util_nav li#mp_feedback a { background-image: url("images/pass/g_downarrow.gif"); background-repeat: no-repeat; background-position: 97% center; padding-right: 12px; margin-right: 2px; }
#mochipass #util_nav li#mp_feedback a.opened { background-image: url("images/pass/g_uparrow.gif");}

#mochipass #util_nav li#mp_last { padding-right: 0 !important; }
#mochipass #util_nav li#mp_last span { display: none !important; }
#mochipass #util_nav li#mp_features span { left:  2px; }
#mochipass #util_nav li#mp_features { padding-left: 9px !important; padding-right: 0 !important; }
#mochipass #util_nav li#mp_features a { color: #fff4b4;  }


#benefits li { padding: 0; padding-left: 20px; margin-left: 10px; font-weight: bold; background: url("images/icon_smallarrow.gif") no-repeat 0 .5em; }

/* @end */




form {
	margin: 0px;
	padding: 0px;
}
input, textarea {
	border: 1px solid #000000;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	margin: 2px;
	padding: 2px;
}
fieldset {
	margin-top: 7px;
	-moz-border-radius: 8px;
}



#main_body {
	width: 790px;
	padding: 0px;
	border-left: 4px solid #B0AFAA;
	border-right: 4px solid #B0AFAA;
	border-bottom: 4px solid #B0AFAA;
	/*background-color: #999999;*/
}


#site_logo {
	position: relative;
	left: 20px;
	top: 30px;
	border: 0px;
}
#main_menu {
	margin: 0px;
	position: relative;
	right: 10px;
	top: 5px;
}
#main_menu li {
	list-style-type: none;
	display: block;
	float: right;
	margin-right: 5px;
}
#main_menu a:link, #main_menu a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#main_menu a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#categories_bar {
	height: 24px;
	border: 0px solid #000000;
}
#categories_menu {
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 0px;
	top: 4px;
	font-size: 13px;
}
#categories_menu li {
	list-style-type: none;
	display: block;
	float: left;
	margin-right: 5px;
}
#categories_menu a:link, #categories_menu a:visited {
	text-decoration: none;
}
#categories_menu a:hover {
	text-decoration: underline;
}
#main_content {
	/*background-color: #999999;*/
	border-left: 0px dashed #e7d7bf;
	border-right: 0px dashed #e7d7bf;
	border-bottom: 1px dashed #e7d7bf;
	padding: 5px;
}
#main_content_left {
	background: #f9f5ea;
	border-right: 0px dashed #e7d7bf;
	float: left;
	width: 21.5%;
}
#main_content_right {
	float: right;
	width: 78%;
}
.content_box {
	/*background-color: #333333;*/
	border: 0px solid #000000;
	margin-top: 1px;
	margin-bottom: 5px;
	text-align: left;
	padding: 3px;
}
.content_box_header {
	background: #f5e1b0;
    	/*border: 0px solid #000000;
    	*/
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	padding: 2px;
	padding-left: 4px;
}
.content_box_header a:link, .content_box_header a:visited {
	text-decoration: none;
}
.content_box_header a:hover {
	text-decoration: underline;
}
.content_text_left {
	float: left;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
}
.content_text_right {
	float: right;
	margin-top: 2px;
	margin-bottom: 2px;
}
.news_line {
	border-top: 1px solid #000000;
	margin-top: 5px;
}
.redirection_box {
	border: 1px solid #000000;
	/*background: #333333;*/
	margin-top: 50px;
	padding: 5px;
	width: 400px;
	text-align: center;
}
.ad_box {
	border: 1px solid #000000;
	/*background: #333333;*/
	text-align: center;
    padding: 3px;
    margin-bottom: 5px;
}
#champion_box {
	background: url(images/cup.gif);
	background-repeat: no-repeat;
	background-position: 25% 50%;
	border: 1px solid #000000;
	margin-top: 1px;
	margin-bottom: 5px;
	text-align: left;
	padding: 3px;
	text-align: center;
	
}
.file_link:link {
	color: #CC6600;
	font-weight: bold;
	text-decoration: none;
}
.file_link:visited {
	color: #CC6600;
	font-weight: bold;
	text-decoration: none;
}
.file_link:hover {
	color: #FF6347;
	font-weight: bold;
	text-decoration: underline;
}
.comment_box {
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #000000;
}
.popup_box {
	border: 1px solid #000000;
	margin: 5px;
	padding: 3px;
}
.frame_text {
    width: 49%;
	padding: 4px;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
}
.frame_text a:link, .frame_text a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
.frame_text a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.browse_file_box {
	margin: 2px;
}
.played {
	font-family: Arial;
	font-size: 9px;
}
.error_box {
	border: 1px solid #FF3300;
	margin-bottom: 5px;
	color: #FF3300;
	text-align: left;
    padding: 3px;
}
.register_right {
	margin-bottom: 1px;
	font-weight: bold;
	float: right;
	width: 70%;
}
.register_left {
	margin-bottom: 1px;
	font-weight: bold;
	float: left;
	width: 30%;
}
.quote {
	border: 1px dotted;
	margin: 2px;
	margin-bottom: 6px;
	padding: 3px;
	text-align: left;
}
.compose_pm_right {
	float: right;
	width: 80%;
}
.compose_pm_left {
	float: left;
	width: 17%;
	font-weight: bold;
}
/* Sponsor link looks like this */
#sponsor {
	border: 1px dotted #FF3300;
	background: #FFCC33;
	margin-bottom: 5px;
	text-align: center;
	padding: 4px;
	font-weight: bold;
}
.pagination {
	margin: 1px;
	text-align: center;
}
.pagination a {
	padding: 1px;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	text-decoration: none;
}
.pagination a:hover {
	border: 1px solid #99CC66;
	color: #FFFFFF;
}
.pagination b {
	padding: 1px;
	border: 1px solid #CCCCCC;
}
/* onArcade 2 CSS */