/*-------------------------------------------------
	Custom WGW styles
-------------------------------------------------*/

#header-image { background:url(/themes/webgamesworld/images/logo.gif);margin:30px auto 10px auto;width:351px;height:75px;cursor:pointer; }
#header-banner { width:486px;text-align:center;font-size:1px; }

/* Game of the week */  

#gotw img { float:left;margin:8px 4px 4px 4px; }
#gotw a.title:link, #gotw a.title:visited { font-size:12px;font-weight:bold;color:#002451;text-decoration:underline; }
#gotw a.title:hover { font-size:12px;font-weight:bold;color:#00B6F3;text-decoration:underline; }
#gotw .description { padding:2px 0px 0px 0px; }
#gotw a:link img, #gotw a:visited img { border:1px solid #000000; }
#gotw a:hover img { border:1px solid #FEBF0A; }

/* The gamelist */

.gamelistheader { width:177px;height:29px;background:url(/themes/webgamesworld/images/gamelist_top.gif);font-size:1px; }
.gamelistheader img { margin:2px 0px 0px 10px; }
.gamelist { width:157px;margin-bottom:10px;background:url(/themes/webgamesworld/images/gamelist_bg.gif) no-repeat left bottom;padding:0px 26px 15px 5px; }
.gamelist a { text-decoration:none; }
.gamelist a:hover { text-decoration:underline; }
.gamelist .more { padding:10px 0px 3px 0px;font-weight:bold; }
.gamelist .more a { font-weight:bold;text-decoration:underline; }

.gamelist table { width:163px; }
.gamelist .top, .gamelist .bottom { height:6px;font-size:1px; }
.gamelist .middle { padding:0px 6px; }

/* All gamelist colors */

.gamelist .red { background:#DFFEFF url(/themes/webgamesworld/images/gamelist/red.gif); }
.gamelist .red .top { background:transparent url(/themes/webgamesworld/images/gamelist/red_top.gif); }
.gamelist .red .bottom { background:transparent url(/themes/webgamesworld/images/gamelist/red_bottom.gif); }

.gamelist .blue { background:#DFFEFF url(/themes/webgamesworld/images/gamelist/blue.gif); }
.gamelist .blue .top { background:transparent url(/themes/webgamesworld/images/gamelist/blue_top.gif); }
.gamelist .blue .bottom { background:transparent url(/themes/webgamesworld/images/gamelist/blue_bottom.gif); }

.gamelist .purple { background:#DFFEFF url(/themes/webgamesworld/images/gamelist/purple.gif); }
.gamelist .purple .top { background:transparent url(/themes/webgamesworld/images/gamelist/purple_top.gif); }
.gamelist .purple .bottom { background:transparent url(/themes/webgamesworld/images/gamelist/purple_bottom.gif); }

.gamelist .green { background:#DFFEFF url(/themes/webgamesworld/images/gamelist/green.gif); }
.gamelist .green .top { background:transparent url(/themes/webgamesworld/images/gamelist/green_top.gif); }
.gamelist .green .bottom { background:transparent url(/themes/webgamesworld/images/gamelist/green_bottom.gif); }

.gamelist .yellow { background:#DFFEFF url(/themes/webgamesworld/images/gamelist/yellow.gif); }
.gamelist .yellow .top { background:transparent url(/themes/webgamesworld/images/gamelist/yellow_top.gif); }
.gamelist .yellow .bottom { background:transparent url(/themes/webgamesworld/images/gamelist/yellow_bottom.gif); }

/* Games category page */

.games-category-header { padding:6px 10px 5px 12px;font-size:150%;font-weight:bold; }
.games-category .columns td { padding:2px;text-align:center; }
.games-category .columns img { margin-right:3px;vertical-align:middle; }
.games-category .columns .icon { margin-top:3px; }
.games-category .l { background:url(/themes/webgamesworld/images/cat_l.gif); }
.games-category .lt { background:url(/themes/webgamesworld/images/cat_lt.gif);height:4px;width:4px; }
.games-category .t { background:url(/themes/webgamesworld/images/cat_t.gif); }
.games-category .rt { background:url(/themes/webgamesworld/images/cat_rt.gif) no-repeat;height:4px;width:4px; }
.games-category .r { background:url(/themes/webgamesworld/images/cat_r.gif); }
.games-category .lb { background:url(/themes/webgamesworld/images/cat_lb.gif) no-repeat;height:4px;width:4px; }
.games-category .b { background:url(/themes/webgamesworld/images/cat_b.gif); }
.games-category .rb { background:url(/themes/webgamesworld/images/cat_rb.gif) no-repeat;height:4px;width:4px; }
.games-category .m { background:#FFFEB7;padding:4px; }

/* Game display */

.gametitle { font-size:x-large;font-weight:bold;color:#3F4143;text-align:center;padding:0px;margin:0px; }
.game-block { margin:0px auto; }
.game-block .top { height:11px;font-size:1px;background:url(/themes/webgamesworld/images/box_t.gif);  }
.game-block .bottom { height:9px;font-size:1px;background:url(/themes/webgamesworld/images/box_b.gif);  }
.game-block .left { width:5px;font-size:1px; background:url(/themes/webgamesworld/images/box_l.gif);}
.game-block .right { width:8px;font-size:1px;background:url(/themes/webgamesworld/images/box_r.gif);  }

.game-block .left-top { background:url(/themes/webgamesworld/images/box_lt.gif); }
.game-block .right-top { background:url(/themes/webgamesworld/images/box_rt.gif); }
.game-block .left-bottom { background:url(/themes/webgamesworld/images/box_lb.gif); }
.game-block .right-bottom { background:url(/themes/webgamesworld/images/box_rb.gif); }
.game-block .middle { background:#DFFEFF; }

#game-description { margin:0px auto;width:500px; }

/*-------------------------------------------------
	HTML Styles
-------------------------------------------------*/

body, td { font:12px sans-serif;color:#222;margin:0px;padding:0px;vertical-align:top; }
body { text-align:center;background:#4F89FF url(/themes/webgamesworld/images/bg.gif) repeat-x left top; }
a { color:#000;text-decoration:none; }
a:hover { text-decoration:underline; }
h1 { font:bold 150% verdana,arial,sans-serif;letter-spacing:-1px;margin:0px 0px 3px 0px; }
h2 { font:bold 130% verdana,arial,sans-serif;letter-spacing:-1px;margin:10px 0px 3px 0px; }
h3 { font:bold 115% verdana,arial,sans-serif;letter-spacing:-1px;margin:0px; }

/*-------------------------------------------------
	Common styles
-------------------------------------------------*/

/* Main elements */

#container { text-align:left;margin:0px auto;width:738px;padding:0px; }
#header { width:100%;text-align:center; }
#body { }
#footer { text-align:center;font-size:10px;margin:20px 0px; width:100%; }
#footer div.submodule { display:inline; }
#popup { text-align:left; }

/* Error block and input errors */

#error .title { color:#000;font-size:150%;font-weight:bold; }
#error .text { padding:5px 8px;border:1px solid #6F7173;margin:2px 0px 15px 0px;background:#FFDFDF; }
.error-input input, 
.error-input textarea, 
.error-input select { border:1px solid #B00; }
.error-input-txt { color:#B00; }

/* Misc. styles */

#smileybox { border:1px solid #00BFFF;background:#FFF url(/themes/wgw/images/hoverbox.gif);
	text-align:center;padding:0px; }
#smileybox .close { text-align:right; }

/* Form styles */

.frm.table { margin:0px;border:1px solid #909090;background:#DFFEFF;padding:10px; }
.frm.table h1 { font:bold 150%;margin:0px 0px 3px 0px; }
.frm.table .text { padding:10px 25px 20px 25px; }
.frm.table td.left { }
.frm.table td.right { border-bottom:1px solid #bce3e4;border-top:1px solid #bce3e4;background:#f3ffff;padding:5px 10px; }
.frm.list { margin-bottom:8px;border:1px solid #909090;background:#DFFEFF;padding:10px; }
.frm.list h1 { font:bold 150%; }
.frm.list .text { padding:2px 0px 10px 0px; }
.frm.list .row-title { padding:3px 0px 1px 13px;font-weight:bold; }
.frm.list .row-text { padding:0px 0px 6px 8px; }
.frm.fieldset .text { padding:2px 0px; }
.frm.fieldset .row-title { padding:2px 0px 0px 3px;font-style:italic;font-size:85%; }
.frm.fieldset .row-text { padding-bottom:3px; }


/*-------------------------------------------------
	Module styles
-------------------------------------------------*/

/* Message block */

#module .message { border:1px solid #909090;background-color:#DFFEFF; }

/* Tablelist styles */

#module .lst table { width:100%;border:1px solid #909090; }
#module .lst tr.header td { padding:2px 4px;font-weight:bold;font-size:small;color:#FFF;border:1px solid #909090; }
#module .lst tr.header td a { color:#000;text-decoration:underline; }
#module .lst .subheader td { padding:1px 2px;color:#FFF;font-size:x-small;background:#A7A7A7;border:1px solid #909090; }
#module .lst .subheader a { color:#FFF;text-decoration:underline; }
#module .lst .subheader a:hover { color:#CCC; }
#module .lst .even .odd, 
#module .lst .even .even,
#module .lst .odd .odd, 
#module .lst .odd .even { padding:3px 3px;border-bottom:1px solid #909090;background:#DFFEFF; }

/* View layout */

#module .view { border:1px solid #919191;background:#DFFEFF;padding:10px; }
#module .view .title { font:bold 150% sans-serif;letter-spacing:-1px;margin:0px 0px 3px 0px; }
#module .view .title a { color:#006; }
#module .view .title a:hover { color:#006;text-decoration:underline; }
#module .view .content { margin:0px 4px;padding:10px;color:#000; }
#module .view .content a { color:#006; }
#module .view .content a:hover { color:#006;text-decoration:underline; }
#module .view .author { padding:2px 4px;font-size:x-small;color:#555; }
#module .view .author .header { font-size:x-small; }
#module .view .author a { color:#027EBE;font-weight:bold; }
#module .view .author a:hover { text-decoration:underline; }

/* Overview style */

#module .oview tr.header td { padding:6px 10px;color:#897E00;font-size:13px;font-weight:bold; }

/*-------------------------------------------------
	Submodules
-------------------------------------------------*/

/* Messagebox */

.submodule.messagebox .error ul { border-left:1px solid #C00;color:#C00; }