* { margin: 0; padding: 0; outline: 0; }
strong {  }
a { color: #14445E; }
a:hover { text-decoration: underline; }
p { margin: 10px; line-height: 1.3em; }
body {
	font-size: 100%;
	font-size: 0.75em;
/*	background: #000 url('../images/body_fill.png') 0 -150px repeat-x;*/
/*	background: #06171d top center url('../images/body_logo.png') repeat-y;*/
	background: #06171d url('../images/background_2.jpg');
	color: #000;
	font-family: 'Bitstream Vera Sans', Verdana, sans-serif;
/*	font-family:"Lucida Grande",Lucida,Verdana,sans-serif;*/
}

pre .lineno { padding-right: 5px; border-right: 4px solid #eee; text-align: right; color: #14445E; text-align: right; }

acronym { cursor: help; }
img { vertical-align: middle; text-align: left; -ms-interpolation-mode:bicubic; }
small { font-size: 0.9em; line-height: 0.9em; padding-bottom: 3px; }
h1, h2, h3, h4, h5, h6 { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  }
h1, h2, h3, h4, h5, h6, pre, p, ul, ol, dl, blockquote { margin: 15px 0; }
blockquote cite { display: block; font-weight: bold; margin: -5px -5px 5px -5px; padding: 5px; background: #abc2df; }
blockquote { padding: 5px; border: 1px solid #abc2df; background: #e5eef9; }
blockquote blockquote { margin: 5px; }

hr { color: #ddd; height: 5px; margin: 15px 0; border: 5px solid #ddd; border-width: 5px 0 0 0; }
ul { margin-left: 22px; }
li ol, li ul { margin-top: 0; margin-bottom: 0; }
ol { padding-left: 25px; }
/*select { border: 1px solid #666; background: #111; color: #fff; }*/
pre {
	white-space: pre-wrap;	   /* CSS-3				  */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999	*/
	white-space: -pre-wrap;	  /* Opera 4-6			  */
	white-space: -o-pre-wrap;	/* Opera 7				*/
	word-wrap: break-word;	   /* Internet Explorer 5.5+ */
	padding: 10px;
}
pre, code { font: 1em normal Fixed, monospace !important; }
h1 { font-size: 1.5em; }
h2, .huge { font-size: 1.4em; }
h3, .big { font-size: 1.3em; }
h4 { font-size: 1.2em; font-weight: bold; }
h5 { font-size: 1.2em; font-weight: bold; }
.small { font-size: 0.9em; }
.tiny { font-size: 0.8em; }

#wrapper {
	margin: 0 auto;
	/*background: #061519 url('../images/body_fill.png') 0 17px repeat-x;*/
	position: relative;
	width: 970px;
/*	border: 1px solid #000;
	border-width: 0 1px 1px 1px;
*/}
#wrapper.bare {
	width: auto;
	background: #fff;
	border: 0;
	padding: 10px;
}
/* header */
#header {
	border: 1px solid rgba(255, 255, 255, .2);
	border-bottom: 0;
	width: 938px;
	position: relative;
	color: #fff;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	border-bottom: 0;
	background-color: rgba(75, 245, 252, .1);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 15px;
	height: 106px;
}
#header #h1 {
	text-indent: -100000em;
	background: url('../images/logo.png') top left no-repeat;
	display: block;
	position: absolute;
	top: 20px;
	margin: 0;
	left: 10px;
	width: 290px;
	height: 50px;
	line-height:1em;
	font-weight: normal;
	font-size:2.8em;
	letter-spacing: -0.07em;
	font-family: Arial;
}
#header #h1 span {
	color: #fff;
	font-style: italic;
	text-transform:lowercase;
	font-family: "Comic Sans MS", Arial, sans-serif;
}
#header #h1 small {
	font-family: Tahoma;
	font-size: 0.8em;
	display: none;
	margin-left: 5px;
	color: #333;
	letter-spacing: 0;
}
#header #h1 a { color: #daf1f9; text-decoration: none; display: block; font-weight: normal; }
#header #h2 {
	color: #daf1f9;
	font-size: 1em;
	text-transform: none;
	letter-spacing: -0.05em;
	font-weight: normal;
	line-height:1em;
	position: absolute;
	margin: 0;
	text-transform: uppercase;
	left: 13px;
	top: 72px;
}
#header #h2 span {
	text-decoration: line-through;
	color: #ccc;
}
#search { padding: 5px; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; position: absolute; bottom: 0; right: 5px; background: rgba(9, 27, 34, .5); border-bottom: 0; }
#search .button { line-height: 1em; background: #2B505C; color: #fff; height: 20px;}
#search .button:hover { background-color: #daf1f9; color: #333; }
#search select { line-height: 1em; background: #2B505C; color: #fff; border: 0; }
#search .text { width: 250px; padding: 3px; line-height: 1em; background-color: #1d3c49; color: #fff; border: 0; }
#search .inactive { color: #D4F3FE; }
#login {
	position: absolute;
	right: 10px;
	bottom: 5px;
	font-size: 0.8em;
}
#login p { margin: 0; padding: 0; }
.nav {
	padding: 0 5px;
	margin: 0;

	position: relative;
}
.nav ul {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}
.nav li { display: inline; }
.nav li a {
	color: #666;
	font-weight: normal;
	display: block;
	margin-right: 10px;
	float: left;
	text-decoration: none;
	padding: 0 10px;
}
.nav li.selected a, .nav li.active a { font-weight: bold; }
.nav li a:hover { text-decoration: none; }
.nav .right a { float: right; }

#account { margin: 10px 0 0 0; color: #ccc; padding: 0 15px; height: 25px; line-height: 25px; position: relative; font-size: 0.9em; }
#account a { color: #fff; text-decoration: underline; }

.controls { float: right; }
.controls a { margin-top: 5px; border-left: 1px solid #ccc; padding-left: 5px; }
.controls a:first-child { margin: 0; border: 0; }

#account .controls { position: absolute; right: 5px; top: 0; }
#account .controls .new-messages a { color: orange !important; }
#account .controls a { color: #def5fe; text-decoration: none; }
#account .controls a:hover { color: #fff; text-decoration: underline; }
#account .controls li:first-child a { margin: 0; border: 0; }
#account .controls .notifications > a span { background: #333; -moz-border-radius: 4px; border-radius: 4px; margin: 4px 0; height: 17px; line-height: 17px; padding: 0 5px; }
#account .controls .notifications > a { padding: 0; text-decoration: none; }
#account .controls .has-notifications > a span { background: orange; }
#account .controls .notifications li a { width: 250px; color: #aaa; }
#account .controls .notifications li a { line-height: 1.4em; padding: 3px 5px; }
#account .controls .notifications li a:hover { text-decoration: none; }
#account .controls .notifications ul { right: 0; }
#account strong { color: #fff; font-weight: normal; }

#account li ul {
	display: none;
	position: absolute;
	top: 25px;
	background: #192b33 url('../images/background_2.jpg');
	border: 1px solid rgba(255, 255, 255, .2);
	border-top: 0;
	z-index: 99;
	margin: 0;
	padding: 5px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
#account li:hover ul {
	display: block;
}
#account li li {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
}
#account li li a,
#account li.active li a {
	width: 120px;
	border: 0;
	background: transparent;
	margin: 0;
	padding: 0 10px;
	font-weight: normal;
	height: auto;
	text-decoration: none;
	color: #ccc;
	line-height: 25px;
	border-radius: 0;
	-moz-border-radius: 0;
	display: block;
	float: none;
}
#account li li a:hover,
#account li.active li a:hover {
	background: inherit;
	background: rgba(255, 255, 255, .1);
	color: #fff;
}
#account li.active li.active a,
#account li li.active a {
	background: inherit;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	text-decoration: underline;
}

#prenav { position: absolute; top: 26px; line-height: 26px; height: 28px; right: 0; z-index: 97; }
#prenav a { color: #ccc; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; height: 30px; line-height: 30px; }
#prenav a:hover { color: #eee; }
#prenav .active a { background: #17353F; color: #fff; border: 1px solid #0b191e; border-top: 0; }

#nav { position: absolute; bottom: 0; left:0; height: 32px; line-height: 30px; bottom: -1px; }
#nav li a {
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	line-height: 31px;
	color: #fff;
	background: rgba(9, 27, 34, .5);
}
#nav li a:hover {
	color: #B9E8F9;
	background: rgba(9, 27, 34, 1);
}
#nav li a:focus,
#nav li a:active {
	color: #fff;

}
#nav li.r { float: right; margin-right: 10px; margin-left: 0; }
#nav li.active a {
	height: 30px;
	opacity: 1;
	line-height: 30px;
	color: #000;
	border: 1px solid #fff;
	background: #e8e8e8 url('../images/tab-bg.png') top left repeat-x;
	border-bottom-color: #e8e8e8;
}

#subnav {
	position: relative;
	padding: 4px 4px 0 4px;
	background-color: #e8e8e8;
}
#subnav li a,
#contentnav li a {
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 26px;
	line-height: 26px;
	color: #666;
	margin: 0 5px 4px 0;
	padding: 0 10px;
	border: 1px solid #e8e8e8;
}
#subnav li a:hover,
#contentnav li a:hover {
	color: #000;
	background: #e8e8e8 url('../images/subnav-bg.png') top left repeat-x;
}
#subnav li.active a {
	padding-bottom: 4px;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	margin-bottom: 0;
	background: #f9f9f9;
	border-bottom-color: #f9f9f9;
	color: #14445E;
}
#subnav .right > a, #contentnav .right > a { color: #14445E; font-weight: bold; }
#subnav li {
	position: relative;
	float: left;
}
#subnav li.right { float: right; }
#subnav li.highlight a { color: red !important; }
#subnav li ul {
	display: none;
	position: absolute;
	top: 25px;
	background: #192b33;
	z-index: 99;
	margin: 0;
	padding: 5px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
#subnav li.has-children > a {
	background: #e9e9e9 url('../images/subnav-link.png') right -3px no-repeat;
	padding-right: 20px;
}
#subnav li.has-children:hover > a {
	background: #192b33 url('../images/subnav-link.png') right -72px no-repeat;
	border-color: rgba(20, 68, 93, .5);
	margin-bottom: 4px;
	color: #fff;
	padding-bottom: 0;
	height: 26px;
	line-height: 26px;
}
#subnav li.active-with-children > a {
	background: #f9f9f9 url('../images/subnav-link.png') right -37px no-repeat;
}

#subnav li:hover ul {
	display: block;
}
#subnav li li {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
}
#subnav li li a,
#subnav li.active li a {
	width: 120px;
	border: 0;
	background: transparent;
	margin: 0;
	padding: 0 10px;
	font-weight: normal;
	height: auto;
	text-decoration: none;
	color: #ccc;
	line-height: 25px;
	border-radius: 0;
	-moz-border-radius: 0;
	display: block;
	float: none;
}
#subnav li li a:hover,
#subnav li.active li a:hover {
	background: inherit;
	background: rgba(255, 255, 255, .1);
	color: #fff;
}
#subnav li.active li.active a,
#subnav li li.active a {
	background: inherit;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	text-decoration: underline;
}
#contentnav {
	padding: 4px 10px 0 10px;
	margin-bottom: 10px;
	background: #f9f9f9;
	border-bottom: 1px solid #ddd;
}
#contentnav li a { background: none; border: 0; }
#contentnav li.active a {
	color: #fff;
	background: #23353d url('../images/button.png') top left repeat-x;
}

#nav li.wc3-maps a { padding-left: 28px; background-position: 7px 7px; background-image: url('../images/wc3.png'); background-repeat: no-repeat; }
#nav li.sc2-maps a { padding-left: 28px; background-position: 7px 7px; background-image: url('../images/sc2.png'); background-repeat: no-repeat; }
#nav li.sc-maps a { padding-left: 28px; background-position: 7px 8px; background-image: url('../images/sc.png'); background-repeat: no-repeat; }
#nav li.cs-maps a { padding-left: 28px; background-position: 7px 8px; background-image: url('../images/cs.png'); background-repeat: no-repeat; }
#nav li.d3-maps a { padding-left: 28px; background-position: 7px 8px; background-image: url('../images/d3.png'); background-repeat: no-repeat; }


#padunit {
	position: absolute;
	background: #06171d;
	top: 31px;
	right: 6px;
	overflow: hidden;
	border: 4px solid #06171d;
	border-color: rgba(9, 27, 34, .5);
	moz-border-radius: 4px;
	border-radius: 4px;
	width: 728px;
}
.adunit-support {
	display: none;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
	margin-bottom: 5px;
}
#padunit .adunit-inner {
	overflow: hidden;
	height: 90px;
	min-height: 90px;
	background: #06171d url('../images/support-nibbits.png') center center no-repeat;
}

#breadcrumbs { font-size: 0.9em; height: 16px; line-height: 16px; margin: 0 15px 10px 15px; }
#breadcrumbs li { list-style: none; display: inline; float: left; font-weight: bold; }
#breadcrumbs a { font-weight: normal; background: url('../images/breadcrumb.png') right center no-repeat; padding: 0 12px 0 0; margin: 0 8px 0 0; }

#content {
	border: 1px solid rgba(255, 255, 255, .2);
	border-width: 0 1px 1px 1px;
	clear: both;
	background: #fff;
	padding-bottom: 10px;
}
#content, #main, #sidebar { position: relative; }
#main { margin-left: 225px; float: left; width: 715px; }
#sidebar { width: 210px; margin-left: -940px; margin-right: 10px; float: left; }
.side-box { border: 1px solid #ddd; background: #eee; padding: 5px; -moz-border-radius: 4px; border-radius: 4px; margin: 5px 0 5px 15px; padding: 5px 5px 0 5px; list-style: none; }
.side-box .body, .side-box li a { text-decoration: none; display: block; margin: 0 0 5px 0; padding: 5px; color: #000; -moz-border-radius: 4px; border-radius: 4px; }
.side-box li a:hover { background-color: rgba(35, 58, 63, .15); }
.side-box ul { list-style: none; }
.side-box li a { position: relative; }
.side-box li a .count { color: #aaa; position: absolute; right: 5px; font-size: 0.9em; }
.side-box li.active > a { background: #23353d url('../images/button.png?1') 0 0 repeat-x;border: 1px solid #23353d;color: #def5fe; }
.side-title { margin: 10px 0 10px 20px; }
#profimg { position:absolute;top:0;right:-10px;padding:2px;border: 1px solid #ddd; }

td, th { padding: 5px; vertical-align: top; }
table { border-spacing: 1px; border-spacing: 1px; background: #fff; }
th { text-align: left; font-weight: normal; }
table { width: 100%; }
.thread-list .main { color: #666; }
.thread-list .thread-type { color: #666; }
.thread-list .row-unread .main { color: #14445E; }
.subforums { color: #666; font-size: 0.9em; }
.subforums .unread-forum { color: #14445E; font-weight: bold; }
.subforums .read-forum { color: #14445E; }

.row-unread .main, .row-unread .last-post .post { font-weight: bold; }
.row1 td { background: #f1f1f1; }
.row2 td { background: #f9f9f9; }
.hiddenrow a { text-decoration: line-through; }
.changedrow td { background: #69ff69;}
.newrow td { background: #69ff69;}
th a, th span { color: #000; background: #ddd; display: block; margin: -5px; padding: 5px; border: 1px solid #d9d9d9; text-decoration: none; border-bottom: 1px solid #bbb; border-right: 1px solid #bbb; vertical-align: bottom; }
th.sorted a, th a:hover { background: #ccc; color: #000; }
.rowover td { border-color: #aaa; cursor: pointer; }
.rowover small a { color: #444; }
td.img { vertical-align: middle; text-align: center; width: 36px; }
td.img img { border: 1px solid #111; width: 36px; height: 36px; display: block; }
td.checkbox { padding: 5px 3px; width: 15px; }
td.img-row { vertical-align: middle; text-align: center; width: 16px; }
td.img-row img { border: 0; }
td.img-row a { text-decoration: none; }
.recommendations td.img img { width: 16px; height: 16px; }
.recommendations td.img { width: 16px; }
#footer { font-size: 0.8em; text-align: center; color: #fff; }
#footer a { color: #B9E8F9; font-weight: bold; text-decoration: none; }
dl { position: relative; line-height: 1.5em; }
dd { padding-left: 130px; }
dl.flat dd { padding: 0; }
dl.flat dt { position: static; color: #000;}
dt { position: absolute; left: 0; color: #14445E; }
.screenshot { padding: 2px; border: 1px solid #aee9ff; background: #def5fe; text-align: center; position: relative; }
.screenshot img { max-width: 100%; max-height: 100%; position: relative; border: 0; text-decoration: none; }
.icon { padding-left: 20px; background-repeat: no-repeat; background-position: left center; }
.icon-download { background-image: url('../images/download.png'); }
.icon-view { background-image: url('../images/view.png'); }
.text { background:white none no-repeat scroll 3px 3px; border:1px inset #E1E1E1; color: #000; padding: 2px 5px; }
button.links-button { font-weight: normal; line-height: 1.25em; }
/*button, .button { padding: 1px 5px; background: #666; color: #fff; border: 1px solid #aaa; border-right-color: #333; border-bottom-color: #333; cursor: pointer; } */
td .info { display: block; padding-top: 10px; line-height: 1.2em; }
.button:hover { background-color: #444; }
.vm { vertical-align: middle; }
.vb { vertical-align: bottom !important; }
td a { text-decoration: none; }
small a { color: #666; }

.tip {
	border-color: #fff;
	border: 1px solid rgba(255, 255, 255, .2);
	background-color: #000000;
	background-color: rgba(0, 0, 0, .9);
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 10px;
	position: relative;
	max-width: 400px;
	color: #fff;
}
.tip { z-index: 999; }
.tip * { color: inherit; }
.tip-title { margin: -5px -10px 5px -10px; padding: 5px 10px; font-weight: bold; color: #def5fe; background-color: rgba(75, 245, 252, .1); -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; border-bottom: 1px solid rgba(255, 255, 255, .2); }
.tip dl { margin: 0; }
.tip dd { padding-left: 70px; }
.tip dt { width: 70px; }
.tip img { width: 128px; height: 128px; }
.map-tip { font-size: 0.9em; position: relative; width: 400px; }
.map-tip dt { float: left; position: static; color: #def5fe; }
.map-tip dd { }
.map-tip p { margin-top: 8px; padding-bottom: 0; margin-bottom: 0; }
.map-tip img { float: left; margin-right: 5px; }
.tagcloud { text-align: center; line-height: 30px; }
.tagcloud a { padding: 2px 10px; font-size: 2em; color: #111; text-decoration: none; }
.tagcloud a:hover { background: #ddd; }
.tagcloud .tag0 { font-size: 1em; color: #999; }
.tagcloud .tag1 { font-size: 1.1em; color: #888;}
.tagcloud .tag2 { color: #777; font-size: 1.2em; }
.tagcloud .tag3 { color: #666; font-size: 1.3em; }
.tagcloud .tag4 { font-size: 1.4em; color: #555; }
.tagcloud .tag5 { font-size: 1.5em; color: #444; }
.tagcloud .tag6 { font-size: 1.6em; color: #333; }
.tagcloud .tag7 { font-size: 1.6em; color: #222; }
.tagcloud .tag8 { font-size: 1.6em; }
.tagcloud .tag9 { font-size: 1.6em; }
.filetype-w3x { padding-left: 20px; background: left center url('../images/tft.gif') no-repeat; }
.filetype-w3m { padding-left: 20px; background: left center url('../images/roc.gif') no-repeat; }
/* pagination */
.paging { height: 21px; font-size: 0.9em; margin: 10px 0; }
.paging div { padding: 3px; float: left; }
.paging ul { list-style-type: none; float: right; margin: 0; padding: 0; }
.paging li { float: left; display: inline; }
.paging li.active span {  }
.paging li span, .paging li a { background: #ddd; padding: 2px 5px; margin: 0 1px; color: #aaa; display: block; }
.paging li a { text-decoration: none; color: #000; }
.paging li a:hover { background-color: #06171d; color: #fff; }
.inactive { color: #333; }

/* box styles */
.box { margin: 0 0 10px 0; padding: 0px 15px; }
.box-alt2 { background-color: #06171d; color: #fff; }
.box .box { padding: 10px 0; border: 0; }
.widget .nav, .box .nav { height: 22px; border-bottom: 1px solid #ddd; margin-bottom: 5px; }
.box .box-nav { margin: 10px -15px 10px -15px; padding: 0 15px; }
/*.box .box-nav li { float: right; }*/
.box h3 { border-bottom: 1px solid #ddd; color: #14445E; }
.widget .nav a, .box .nav a { -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; line-height: 23px; color: #aaa; }
.widget h2, .widget h3 { color: #14445E; }
.widget .nav a:hover, .box .nav a:hover { background: #eee; color: #888; }
.widget .nav .active a, .box .nav .active a, .box .nav .selected a { background: #ddd; color: #000; }
.widget h3 a, .widget h2 a { text-decoration: none; }
.box .title { background: #06171d url('../images/header-bg.png') top left repeat-x; margin: 10px -15px; padding: 5px 15px; min-height: 24px; line-height: 24px; position: relative; }
.box .title h1, .box .title h2 { margin: 0; color: #def5fe; }
.box .title a { color: inherit; }
.box .title .links { list-style-type: none; margin: 0; padding: 0; float: right; }
.box .title .links li { display: inline; }
.box .title .links li a { line-height: 18px; margin: 4px 0; background: #4d6068; color: #fff; text-decoration: none; padding: 0 4px;  font-size: 0.8em; margin-left: 3px; display: block; float: left; -moz-border-radius: 4px; border-radius: 4px; }
.box .title .links li a:hover { background-color: #fff; color: #000; }
.box .buttons { float: right; line-height: 25px; margin: 0; position: relative; z-index: 5; }
.box-alt .buttons { line-height: 22px; margin-top: 8px; }
/*.box .buttons a { color: inherit; }*/
.box .title span { color: #fff; padding-right: 5px; }
.box .title form { line-height: 25px; }
.box .title form input, .box .title form select { vertical-align: top; margin-top: 3px; }
.box .title form label { font-size: 0.9em; color: #ddd; margin: 0 5px; width: auto; display: inline-block; }
.box-alt .title { background: none; border-bottom: 4px solid #4d6068; }
.box-alt .title h1 { font-size: 2em; color: #144453; text-transform: none; margin: 0; text-shadow: 1px 1px 1px #ddd; }
.box-alt .title h2,
.box-alt .title h3 { color: #144453; }
.box-alt .title h1 span { color: #333; }
.box-alt .title h1 em { font-weight: normal; color: #333; font-size: 0.5em; }
.box-alt .title .links { margin-top: 2px; }
.box-alt .title .links li a, .links-button {
	margin-top: 0;
	background: #23353d url('../images/button.png?1') 0 0 repeat-x;
	border: 1px solid #23353d;
	color: #def5fe;
	padding: 2px 10px;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 1.5em;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.box-alt .title .links li a:hover, .links-button:hover { background-position: 0 -34px; background-color: #39515b; color: #fff; text-decoration: none; }

/*.buttons a { float: left; display: block; color: #000; background: #ddd; border: 1px solid #d9d9d9; text-decoration: none; border-bottom: 1px solid #bbb; border-right: 1px solid #bbb; padding: 0 15px; text-decoration: none; }
.buttons a:hover { background-color: #d9d9d9; }
.box .buttons a { height: 22px; line-height: 22px; }
.box-alt .buttons a { height: 25px; line-height: 25px; }
*/
.half { width: 460px; }
.one-third { width: 310px; }
.two-thirds { width: 610px; }
.two-thirds .half { width: 295px; }
.one-fourth { width: 230px; }
.three-fourths { width: 690px; }
.three-fourths .half { width: 340px; }
#main .half { width: 50%; }
/* filters box */
#filters { }
#filters_inner { background: #eee; padding: 5px; border: 1px solid #ddd; margin-bottom: 5px; }
.filter-button { display: inline; margin-left: 5px; }
#filters h3 { margin: 5px 0; }
#filters p { clear: left; margin: 5px 0; line-height: 25px; }
#filters p label { display: block; float: left; color: #14445E; font-weight: bold; }
#filters p .text { margin: 0 2px; border-color: #aaa; background-color: #fff; }
#filters p option { padding: 0 2px; }
#filters p select { width: 100px; }
.rank_up { background: url('../images/up_arrow.png') left center no-repeat; padding: 0 2px 0 12px; }
.rank_down { background: url('../images/down_arrow.png') left center no-repeat; padding: 0 2px 0 12px; }
.rank_up, .rank_down { color: #333; margin-left: 5px; }
.rank_down { color: #c89090 !important; }
.rank_up { color: #7ec874 !important; }
.rank { font-size: 0.8em; padding-left: 10px; }

#notices { margin: 10px 10px 5px 10px; }
#notices ul { margin: 0; padding: 0; list-style-type: none; }
#notices li { margin-bottom: 5px; }
.success, .error, .notice {
	border: 1px solid #fb2;
	color: #BC5B1A;
	background: #F9F3CC;
	padding: 5px;
	padding-left: 34px;
	background-position: 10px center;
	background-repeat: no-repeat;
	position: relative;
}
.notice {
	background-image: url('../images/error.png');
}
.notice-nibbits {
	background-image: url('../images/nibbits.png');
}
.notice-close {
	position: absolute;
	right: 5px;
	color: inherit;
	text-decoration: none;
}
.notice-success, .success {
	border-color: #397D33;
	color: #397D33;
	background: #D1FBCA url('../images/success.png') 10px center no-repeat;
}
.error, .notice-error, .notice-warning {
	background: #FBD5D2 url('../images/exclamation.png') 10px center no-repeat;
	border-color: #E25F53;
	color: #E25F53;
}

/* forms */
legend { font-size: 1.4em; padding: 10px 10px 10px 0; margin-bottom: 10px; }
fieldset { border: 0; border-top: 5px solid #ddd; margin-bottom: 10px; }
fieldset p { margin-top: 0; }
div.formRow { padding: 6px 0px 6px 100px; margin: 1px 0; position: relative; background-color: #eee; }
.box div.formRow, form div.fButtonInputRow { background: none; }
form.wide-labels div.formRow { padding-left: 180px; }
form.wide-labels div.formRow label { width: 170px; }
div.formRow label { width: 100px; display: block; position: absolute; padding-left: 0px; left: 0; color: #14445E; }
div.fRequired label { font-weight: bold; color: #14445E; padding-left: 12px; background: url('../images/required.gif') 2px left no-repeat; }
div.formRow small { padding: 5px 0 0 0; display: block; line-height: 1.2em; }
div.fCheckboxInputRow label { position: relative; left: auto; width: auto !important; }
div.fCheckboxInputRow input { display: inline; }
div.noMarginRow { padding-left: 10px !important; }
div.formRow ul.errorlist { padding: 5px 0 0 0; margin: 0; list-style-type: none; font-size: 0.8em; font-weight: bold; }
div.fPasswordInputRow input, div.fTextInputRow input, div.fPasswordInputRow input, div.formRow div.fTextInputRow input, div.fPasswordInputRow input { width: 250px; }
textarea { min-width: 360px; }
input, select { vertical-align: middle; }
div.fTextInputRow input, div.fPasswordInputRow input {
	padding: 1px 3px;
}
option { padding: 0 5px; }
div.fPasswordInputRow input, div.fTextInputRow input, select, textarea { border: 1px solid #999; color: #666; background: #f9f9f9; }
input:focus, select:focus, textarea:focus { border-color: #777; color: #333; background: #fff; }
textarea {
	padding: 5px;
}
div.fButtonInputRow input, div.fButtonInputRow button, button, .button {
	cursor: pointer;
	margin-top: 0;
	background: #23353d url('../images/button.png?1') 0 0 repeat-x;
	border: 1px solid #23353d;
	color: #def5fe;
	padding: 2px 10px;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 1.5em;
	-moz-border-radius: 4px;
	border-radius: 4px;
/*	cursor: pointer;
	font-weight: bold;
	padding: 3px 8px;
	color: #333;
	font-size: 0.9em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;*/
}
div.fButtonInputRow input:hover, div.fButtonInputRow button:hover, .button:hover {
	background-position: 0 -34px;
	background-color: #39515b;
	color: #fff;
	text-decoration: none;
/*	background-color: #eee;
	color: #144453;*/
}
div.formRow .disabled { background: #eee; }
div.fInputErrorRow, div.formRow ul.errorlist { color: red; }
div.fErrors input, div.fErrors select, div.fErrors textarea { border-color: red; border-style: solid; }
div.formRow .remove-link { margin-left: 8px; text-decoration: none; }
div.formRow .sym-link { margin-left: 8px; padding-left: 20px; text-decoration: none; background: url('../images/link.png') left center no-repeat; }
div.formRow .category-row { padding-bottom: 5px; }
.comments { list-style-type: none; margin: 0; }
.comments .comment-info { font-size: 0.9em; width: 150px; padding: 5px; background: #eee; border-right: 1px solid #ddd; }
.comments .usertitle { color: #666; }
.comments .usertitle-staff { color: darkred; font-weight: bold; }
.comments .usertitle-moderator { color: green; font-weight: bold; }

.comments .realm { margin: 3px 0; background: #f9f9f9; padding: 3px; }
.comments .realm strong { }
.comments .realm dl { margin: 0 !important; }
.comments .realm dd { padding-left: 40px; white-space: nowrap; overflow: hidden; }
.comments .realm dt { width: 40px; }
.comments .author { font-weight: bold; font-size: 1.2em; letter-spacing: -0.05em; }
.comments .controls { float: right; }
.comments .controls a { margin-left: 5px; border-left: 1px solid #ccc; padding-left: 5px; }
.comments .controls a:first-child { margin: 0; border: 0; }
.comments .footer { font-size: 0.9em; color: #999; padding: 5px; bottom: 0; position: absolute; left: 161px; right: 0; }
.comments .header { position: relative; border-bottom: 1px solid #ddd; font-size: 0.9em; color: #999; background: #f9f9f9; padding: 5px; font-weight: bold; margin: 0 0 5px -7px; }
.comments .comment { float: right; width: 768px; padding-bottom: 25px; }
.comments .comment img { max-width: 760px; }
.comments .comment ol { padding-left: 25px; }
.comments .signature { margin-top: 5px; padding-top: 5px; border-top: 1px solid #ddd; color: #aaa; font-size: 0.9em; }
.comments .signature a { color: inherit; }
.comments .comment li { border: 0; }
.comments .comment ul { list-style-type: square; }
.comments .avatar { margin: 3px 0; }
.author a { color: inherit; }
.author { color: #14445E; }
.comments .hiddencomment { opacity: 0.5; }
.comments li { border: 1px solid #ddd; margin-bottom: 5px; position: relative; }
.comments .author { color: #14445E; }
.comments .authorcomment { border-color: #aaa; }
.comments .authorcomment .contributor-note { color: darkred; font-weight: bold; }
.comments .header .contributor-note { position: absolute; top: 0; right: 0; padding: 5px; color: #666; }

.comments .comment p,
.comments .comment ul,
.comments .comment ol,
.comments .comment table,
.comments .comment blockquote,
.comments .comment div.code,
.comments .comment pre {
	margin-top: 5px;
	margin-bottom: 10px;
}
.comments .comment blockquote { margin-bottom: 0; }

.adunit { border: 1px solid #14445E; border-width: 0 15px; margin: 0 auto 10px auto; background: #eee; z-index: 98; }
.ad300x250 { width: 300px; height: 250px; text-align: center; }
.ad200x200 { width: 200px; height: 200px; }
.ad728x90 { width: 728px; height: 90px; margin: 0 auto; }

.description img { max-width: 600px; }
.featured-box h3 { margin: 0 0 5px 0; padding: 0; font-size: 1.4em; font-weight: normal; }
.featured-box .screenshot { float: right; width: 128px; height: 128px; line-height: 128px; margin: 5px 0 0 5px; font-size: 0.85em; }
.featured-box .description { margin-right: 140px; padding: 4px; }
.featured-box .description dl { margin-top: 0; margin: 10px 5px 0 0; border: 5px solid #ddd; border-width: 5px 5px 0 0; padding: 10px 5px 0 0; overflow: hidden; }
.featured-box .description dt { left: 10px; width: 80px; }
.featured-box .description dd { padding-left: 90px; }
.featured-box .description p { margin-top: 0; }
.side { width: 256px; float: right; clear: right; margin: 5px 15px 8px -800px; background: #fff; }
.side dd { padding-left: 100px; }
.side p, .side h3, .side h2, .side ul { margin-top: 0; margin-bottom: 10px; }
.side .screenshot { width: 258px; text-align: center; margin-bottom: 10px; }
.side .screenshot img { max-height: 256px; max-width: 256px; }
.side .screenshot a span { display: block; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; margin: 0 auto; text-align: center; color: #fff; text-indent: -100000em; font-weight: bold; background: url('../images/view.png') center center no-repeat; }
.side .screenshot p { width: 256px; margin: 0; padding: 50px 0; font-weight: bold; }
.side .discuss-link {  margin-bottom: 10px; line-height:25px; background: #111; color: yellow; font-weight: bold; text-align: center; padding: 0px 4px; text-decoration: none; font-size: 1em; display: block; -moz-border-radius: 4px; border-radius: 4px; }
.side .discuss-link:hover { color: #fff; }
.normal-download-link {
	display: block;
	font-size: 1.7em;
	border-color: #09232c;
	text-align:center;
	border-radius: 4px 4px 0 0;
	border-bottom: 0;
	-moz-border-radius: 4px 4px 0 0;
	background-position: 0 -34px;
}
.nibbler-link {
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	margin-bottom: 10px;
	display: block;
	background: #0f313c;
	text-align: center;
	border: 1px solid #09232c;
	color: #def5fe;
	padding: 3px 10px;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 1.8em;
}
.nibbler-icon {
	background: url('../images/favicon.png') center center no-repeat;
	width: 16px;
	height: 16px;
	text-decoration: none;
	border: 0;
}
.nibbler-link .nibbler-icon {
	margin-right: 4px;
}
.side .nibbler-link:hover { color: #fff; text-decoration: none; }


.rating-bar,
.rating-bar a:hover,
.rating-bar a:active,
.rating-bar a:focus,
.rating-bar .current-rating {
	background: transparent url('../images/stars_lg.png') left -1000px repeat-x;
}
.rating-bar {
	position:relative;
	width:100px;
	height:20px;
	overflow:hidden;
	list-style:none;
	margin:0 !important;
	padding:0;
	background-position: 0 0;
}
.rating-bar li {
	display: inline;
	border: 0;
}
.rating-bar a,
.rating-bar .current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-100000em;
	height:20px;
	line-height:20px;
	outline:none;
	overflow:hidden;
	border: none;
}
.rating-bar a:hover {
	background-position: 0 -40px;
}
.rating-bar a.one-star {
	width:20%;
	z-index:6;
}
.rating-bar a.two-stars {
	width:40%;
	z-index:5;
}
.rating-bar a.three-stars {
	width:60%;
	z-index:4;
}
.rating-bar a.four-stars {
	width:80%;
	z-index:3;
}
.rating-bar a.five-stars {
	width:100%;
	z-index:2;
}
.rating-bar .current-rating {
	z-index:1;
	background-position: 0 -20px;
}
.rating-bar-small,
.rating-bar-small a:hover,
.rating-bar-small a:active,
.rating-bar-small a:focus,
.rating-bar-small .current-rating {
	background-image: url('../images/stars_sm.gif');
}
.rating-bar-small {
	height: 10px;
	width: 50px;
}
.rating-bar-small a,
.rating-bar-small .current-rating {
	height: 10px;
	line-height: 10px;
}
.rating-bar-small a:hover { background-position: 0 -20px; }
.rating-bar-small .current-rating { background-position: 0 -10px; }

.rating-opinion,
.rating-opinion a:hover,
.rating-opinion a:active,
.rating-opinion a:focus,
.rating-opinion .current-rating {
	background-image: none;
}
.rating-opinion {
	border: 1px solid #fb2;
	height: 12px;
	line-height: 12px;
}
.rating-opinion .current-rating {
	background-color: #fb2;
	height: 10px;
	line-height: 10px;
	top: 1px;
	left: 1px;
}
.rating-opinion-good {
	border-color: #397D33;
}
.rating-opinion-good .current-rating {
	background-color: #397D33;
}
.rating-opinion-bad {
	border-color: #E25F53;
}
.rating-opinion-bad .current-rating {
	background-color: #E25F53;
}


.inline {
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

.rating span {
	background: transparent center center no-repeat;
	float: left;
	display: block;
	height: 20px;
	width: 5px;
}
.rating .loading { width: 25px; background-image: url('../images/loading.gif'); }
.rating .loading-done { width: 25px; background-image: url('../images/success.png'); }
.rating .loading-error { width: 25px; background-image: url('../images/error.png'); }
/*.rating-bar-rated .current-rating {
	background-position: 0 -75px;
}*/
.rating dt, .rating dd { min-height: 20px; line-height: 20px; }
.rating dt { white-space: nowrap; }
.rating dd { padding-left: 130px }
.rating .rating-bar { float: left; }

.tr { text-align: right; }
.tc { text-align: center; }
.tl { text-align: left; }
.b { font-weight: bold; }
.vm { vertical-align: middle; }
.fl { float: left; }
.fr { float: right; }
.sm { font-size: 0.8em; }
.cb { clear: both; }
.cr { clear: right; }
.cl { clear: left; }
.ad300x250 { padding: 1px; background: #def5fe; position: relative; margin-top: 10px; border: 1px solid #aee9ff; }
.adtitle { height: 20px; line-height: 20px; text-align: center; font-weight: bold; color: #06171d; border-bottom: 1px solid #aee9ff; }
.badgeranks { list-style: none; margin-left: 0; }
.badgeranks li { height: 20px; line-height: 20px; background: url('../images/award_star_gold_1.png') left center no-repeat; padding-left: 20px; font-weight: bold; }
.badgeranks li small { margin-left: 10px; color: #666; font-weight: normal; }
.hilite { text-transform: uppercase; font-size: 0.8em; font-weight: bold; margin: 0 5px; color: #000; }
.highlight { color: red; }

#recent_ratings { position: relative; z-index: 10; margin-bottom: 10px; }
#recent_ratings a img { border: 0; }
#recent_ratings a { text-decoration: none; }

ul.autocompleter-choices
{
	position: absolute;
	/* no idea why the top margin isn't calculating right */
	margin: 0;
	font-size: 0.85em;
	padding: 0;
	list-style: none;
	border: 1px solid #777;
	background-color: white;
	border-right-color: #777;
	border-bottom-color: #777;
	text-align: left;
	z-index: 50;
}

ul.autocompleter-choices li
{
	position: relative;
	padding: 0.1em 1.5em 0.1em 1em;
	cursor: pointer;
	font-weight: normal;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color: #444;
	color: #fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	font-weight: bold;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color: #9FCFFF;
}

ul.autocompleter-choices .realm-info {
	font-size: 0.9em;
	color: #999;
}
ul.autocompleter-choices li.autocompleter-selected .realm-info {
	color: #ccc;
}
div.indicator-status
{
	padding: 8px;
	vertical-align:top;
	margin: 0 5px;
	display:inline;
	background: transparent center center no-repeat;
}
div.indicator-status-loading { background-image: url('../images/loading.gif'); }
div.indicator-status-success { background-image: url('../images/accept.png'); }
div.indicator-status-failure { background-image: url('../images/success.png'); }

.catlist {
	line-height: 20px;
}
.catlist span {
	color: #aaa;
	margin-left: 10px;
	font-size: 0.9em;
}
.catlist li { 
	float: left;
	width: 33%;
}

.xpnote { padding-left: 23px; background: url('../images/award_star_bronze_1.png') left center no-repeat; color: #ff741e; }

.level { font-size: 0.8em !important; background: #ff741e; color: #fff !important; padding: 0 2px !important; -moz-border-radius: 2px; border-radius: 2px; }

.level-1 { background: teal; }
.level-2 { background: #4800ff; }
.level-3 { background: royalblue; }
.level-4 { background: darkblue; }
.level-5 { background: red; }
.level-6 { background: orange; }
.level-7 { background: brown; }
.level-8 { background: darkred; }
.level-9 { background: olive; }
.level-10 { background: #7b9f7f; }
.level-11 { background: green; }
.level-12 { background: indianred; }
.level-13 { background: sienna; }
.level-14 { background: #9a3e67; }
.level-15 { background: yellowgreen; }
.level-16 { background: orangered; }
.level-17 { background: darkmagenta; }
.level-18 { background: forestgreen; }

.level-rewards dt, .level-rewards dd {
	margin-bottom: 5px;
}
.level-rewards dt {
	width: 70px;
}
.level-rewards dd {
	padding-left: 70px;
}
.level-rewards ul {
	margin: 0;
	list-style: none;
}
.level-rewards .no-rewards {
	color: #999;
	font-size: 0.9em;
}

#map-heading.has-project .subtitle {
	color: #06171d;
	background: #4d6068;
	margin: 5px -5px -5px -5px;
	padding: 3px 5px 1px 5px;
	font-weight: normal;
	font-size: 1em;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	color: #fff;
}
#map-heading.has-project .subtitle a {
	color: inherit;
}

.side h3 { padding-top: 8px; }

.banners {
	list-style: none;
}
.banners li {
	display: inline-block;
	width: 100px;
	text-align: center;
	padding: 5px;
}
.banners li small {
	color: #999;
}
.banner-title {
	overflow: hidden;
	white-space: nowrap;
}

.banner img { border: 0; }
.banner { text-decoration: none; text-align: center; display: inline-block; width: 88px; }

#footer .banners { margin: 0; }
#footer .banners li { padding: 0 5px; }

.half { width: 455px; }
.widget { margin: 5px; }
.cascade-widget { float: left; }
.widget h2, .widget h3 { text-align: left; margin: 0; padding: 0 0 3px 5px; border-bottom: 1px solid #ddd; }
.widget .title { border: 0; padding: 0; margin: 0 0 5px 0; }
.widget .title a { color: inherit; }
.widget .title .rss {
	border: 0;
	text-decoration: none;
	float: right;
	margin-top: 1px;
}
.widget .title .rss img { border: 0; }
.widget h4 { margin: 5px 0; }
.widget p { margin-top: 0; padding: 0 5px; line-height: 1.5em; }
#featured-site {
	text-align: center;
}
#featured-site ul { margin: 0; }
#featured-site p { padding: 0 5px; }

.event-list { list-style: none; margin-left: 0; font-size: 0.9em; }
.event-list .event-sc { background-image: url('../images/sc.png'); }
.event-list .event-sc2 { background-image: url('../images/sc2.png'); }
.event-list .event-wc3 { background-image: url('../images/wc3.png'); }
.event-list .event-d3 { background-image: url('../images/d3.png'); }
.event-list .event { padding-right: 100px; position: relative; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 5px; background-position: 7px 0px; padding-left: 28px; background-repeat: no-repeat; color: #999; }
.event-list .event a { color: #333; }
.event-list .event:last-child { border-bottom: 0; }
.event-list .event-timestamp { color: #ccc; font-size: 0.8em; position: absolute; right: 0; top: 2px; }

.wc3color1 { color: red; }
.wc3color2 { color: blue; }
.wc3color3 { color: teal; }
.wc3color4 { color: purple; }
.wc3color5 { color: yellow; }
.wc3color6 { color: orange; }
.wc3color7 { color: green; }
.wc3color8 { color: pink; }
.wc3color9 { color: gray; }
.wc3color10 { color: lightblue; }
.wc3color11 { color: darkgreen; }
.wc3color12 { color: brown; }

.staff-list { list-style: none; }
.staff-list li { padding-left: 69px; min-height: 64px; }

.col-rating { padding: 8px 5px; }

.stamp-official { color: #00C0FF; background: #000 url('../images/blizzard.gif') 3px center no-repeat; padding: 3px 3px 3px 37px; -moz-border-radius: 3px; border-radius: 3px; font-weight: normal; }
.stamp-official a { color: inherit; }
.icon-official { background: #000 url('../images/blizzard.gif') left center no-repeat; text-indent: -100000em; width: 16px; height: 16px; display: inline-block; border-radius: 2px; -moz-border-radius: 2px; }
.article-list {
	list-style-type: none;
	margin: 10px 0;
	padding: 0;
}
.article-list .article {
	margin-bottom: 5px;
}
.article-list .article-title { 
	border-bottom: 1px solid #ccc;
	padding: 5px;
	height: 22px;
	line-height: 25px;
	position: relative;
	background: #ddd;
	moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.article-list .article-slim-date {
	margin: 0 10px;
	font-size: 0.9em;
	color: #999;
}
.article-list .article-slim .article-title {
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-bottom: 0;
}
.article-list h3 {
	margin: 0;
	text-transform: none;
	font-size: 1.3em;
	color: #144453;
	float: left;
	border-bottom: 0;
	padding: 0;
}
.article-list h3 a { text-decoration: none; color: inherit; }
.article-content { padding: 5px 10px 0 10px; border: 1px solid #ddd; border-top-width: 0; }
.article-content p, .article-content blockquote { margin: 0 0 10px 0; }
.article-content ul, .article-content ol { margin-top: 0; margin-bottom: 10px; }
.article-list .article-info {
	font-size: 0.9em;
	padding: 5px;
	border: 1px solid #ddd;
	border-width: 0 1px;
	clear: both;
	color: #666;
}
.article-list .article-rating {
	float: right;
}

.editor-preview {
	width:443px;
	border: 1px solid #aaa;
	padding: 5px;
	overflow: auto;
	word-wrap: break-word;
}
.toolbar {
	background-color:#eee;
	border:1px solid #999;
	border-bottom: 0;
	height:18px;
	list-style-position:inside;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	width:250px;
}
.toolbar li {
	display: inline;
	list-style:none outside none;
	margin:0;
	padding:0;
}
.toolbar li a {
	background-image:url("../images/toolbar.gif");
	border-color:#ddd;
	border-style:solid;
	border-width:1px;
	display:block;
	float:left;
	height:16px;
	width:24px;
}
.toolbar li a:hover {
	border:1px solid #bbb;
}
.toolbar li span {
	display:none;
}
.toolbar .link-button {
	background-position:0 0;
}
.toolbar .line-button {
	background-position:0 -17px;
}
.toolbar .ul-button {
	background-position:0 -34px;
}
.toolbar .ol-button {
	background-position:0 -51px;
}
.toolbar .quote-button {
	background-position:0 -68px;
}
.toolbar .size-button {
	background-position:0 -85px;
}
.toolbar .bold-button {
	background-position:0 -102px;
}
.toolbar .italic-button {
	background-position:0 -119px;
}
.toolbar .indent-button {
	background-position:0 -136px;
}
.toolbar .help-button {
	float: right;
	background-position:0 -153px;
}
.toolbar .image-button {
	background-position:0 -170px;
}
.toolbar .youtube-button {
	background-position:0 -187px;
}
.toolbar .code-button {
	background-position:0 -204px;
}

.media-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.media-list .media {
	display: inline-block;
	width: 128px;
	padding: 5px;
	margin: 5px;
	border: 1px solid #eee;
	background: #eee;
	text-align: center;
}
.media-list .media a { text-decoration: none; font-size: 0.9em; color: inherit; }
.media-list .media a img { width: 128px; height: 128px; border: 0; text-decoration: none; display: block; margin: 5px 0; }
.media-list .media:hover {
	border-color: #ddd;
	background: #eee;
}
.media-list .rating-bar-small { margin: 5px auto 0 auto !important; }
.media-list .active-media { opacity: .7; }
.media-list .active-media a { color: #999; }
.media-list .stream-online, .media-list .stream-online:hover { background: green; color: #fff; }
/*.media-list .stream-offline, .media-list .stream-offline:hover { background: red; color: #fff; }*/

.replay-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.replay-list .replay {
	float: left;
	width: 50%;
	display: block;
	padding: 5px 0;
	font-size: 0.85em;
	line-height: 1.5em;
	border-bottom: 1px solid #eee;
	height: 72px;
}
.single-replay-list .replay {
	width: auto;
	float: none;
}
.replay-list .replay-image {
	text-decoration: none;
	font-size: 0.9em;
	display: block;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	color: inherit;
	float: left;
	margin-right: 5px;
}
.replay-list .replay-image img { width: 64px; height: 64px; border: 0; text-decoration: none; display: block; }
.replay-list .replay-download { display: inline-block; float: left; width: 12px; height: 12px; margin: 3px 3px 0 0; }
.replay-list .replay-download img { border: 0; text-decoration: none; }
.replay-list .replay-caption {
	display: block;
	margin-top: 5px;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
}
.replay-list .replay-player-caption {
	line-height: 12px;
	margin: 3px 0;
	color: #999;
}
.replay-list .replay-player-caption span {
	text-indent: -100000em;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	width: 24px;
	height: 12px;
	padding: 1px;
	background-color: #eee;
	border-top: 1px solid #ddd !important;
	border-right: 1px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;
	border-left: 2px solid #000;
}
.replay-list .replay-player-caption .race-1,
.replay-player-list .race-1 { background-image: url('../images/terran-icon.gif'); }
.replay-list .replay-player-caption .race-2,
.replay-player-list .race-2 { background-image: url('../images/protoss-icon.gif'); }
.replay-list .replay-player-caption .race-3,
.replay-player-list .race-3 { background-image: url('../images/zerg-icon.gif'); }
.replay-list .rating-bar-small { margin-top: 3px !important; }

.replay-player-list {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
.replay-player-list li {
	height: 20px;
	line-height: 20px;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left center;
}

.search-button {
	display: inline-block;
	text-indent: -100000em;
	background: url('../images/view.png') center center no-repeat;
	width: 16px;
	height: 16px;
	cursor: pointer;
	margin: 0 5px;
}


#main { margin-left: 225px; float: left; width: 715px; }
#sidebar { width: 210px; margin-left: -940px; margin-right: 10px; float: left; }
#main.right-sidebar { margin-left: 0; margin-right: 225px; }
#sidebar.right-sidebar { float: right; }
#main.wide-sidebar { width: 655px; margin-right: 285px; }
/*#main.right-sidebar.wide-sidebar { width: 525px; margin-right: 275px; }*/
#sidebar.wide-sidebar { width: 260px; }

.game-sc2 #header {
	background-image: url('../images/sc2header-alt.png');
}
.game-wc3 #header {
	background-image: url('../images/wc3header.png');
}
.game-sc #header {
	background-image: url('../images/scheader-alt.png');
}

.widget-preview { margin: 5px 0; }

.tool-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.tool-list .tool {
	float: left;
	width: 50%;
	display: block;
	padding: 5px 0;
	font-size: 0.85em;
	line-height: 1.5em;
	border-bottom: 1px solid #eee;
	height: 72px;
	overflow: hidden;
}
.tool-list .tool-single {
	width: auto;
	float: none;
}
.tool-list .tool-image {
	text-decoration: none;
	font-size: 0.9em;
	display: block;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	color: inherit;
	float: left;
	margin-right: 5px;
	width: 64px;
	height: 64px;
}
.tool-list .tool-image img { width: 64px; height: 64px; border: 0; text-decoration: none; display: block; }
.tool-list .tool-download { display: inline-block; float: left; width: 12px; height: 12px; margin: 3px 3px 0 0; }
.tool-list .tool-download img { border: 0; text-decoration: none; }
.tool-list .tool-caption {
	margin-top: 5px;
	line-height: 16px;
	font-weight: bold;
	margin-bottom: 3px;
	font-size: 1.1em;
	text-decoration: none;
}
.tool-list .tool-caption a { text-decoration: none; }
.tool-list .tool-desc { margin: 5px 0; height: 30px; overflow: hidden; }
.hideme { text-indent: -100000em; display: inline-block; width: 1px; overflow: hidden; }

.gold {
	background: url('../images/gold-coin.png') left center no-repeat;
	padding-left: 16px;
}

.shop-list li {
	background: #eee;
	border: 1px solid #ddd;
	padding: 5px;
	position: relative;
	float: left;
	width: 350px;
	margin: 10px;
	list-style-type: none;
}
.shop-list .shop-item-price { margin: 5px 0; display: block; font-size: 0.9em; color: #999; }
.shop-list .shop-item-price .level { font-size: 0.9em !important; }
.shop-list .shop-item-description { margin: 5px 0; font-size: 0.9em; }
.shop-list .shop-item-buylink { position: absolute; right: 5px; top: 5px; }
.shop-list .shop-item-status { font-size: 0.9em; color: #999; }
.link-map li ul { margin-top: 0; }

.stream-thumb {
	background-position: center center;
	display: block;
	position: relative;
	width: 370px;
	height: 278px;
	text-decoration: none;
	border: 0;
}
.stream-label {
	background: #000;
	background: rgba(0, 0, 0, .7);
	position: absolute;
	padding: 10px;
	top: 5px;
	color: #fff;
	left: 5px;
	display: inline-block;
	font-weight: bold;
}
.stream-status {
	background: #000;
	font-weight: bold;
	background: rgba(0, 0, 0, .7);
	position: absolute;
	padding: 10px;
 	top: 5px;
	color: #fff;
	right: 5px;
	display: inline-block;
}
.stream-status-live {
	color: lime;
}

.favctrl {
	text-indent: -1000000em;
	display: block;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('../images/star.png') 0 -16px no-repeat;
}
.favctrl-active {
	background-position: 0 0;
}
.map-rank { line-height: 19px; margin-top: 3px;}

.category-list {
	list-style: none;
}
.category-list .category {
	padding-left: 40px;
	line-height: 18px;
	margin-bottom: 10px;
	background: url('../images/folder.png') top left no-repeat;

}
.category-list .category-wrap {
	min-height: 36px;
}
.category-list .category-caption {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}
.category-list .category-suchas {
	color: #666;
	font-size: 0.9em;
}
.category-list .category-num {
	color: #666;
	font-size: 0.9em;
	margin-left: 5px;
}
.category-list .subcategory {
}

.tool-list-small {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.tool-list-small .tool {
	clear: left;
	display: block;
	padding: 5px 0;
	position: relative;
	margin-bottom: 10px;
	font-size: 0.85em;
	line-height: 1.5em;
	border-bottom: 1px solid #eee;
	height: 36px;
}
.tool-list-small .tool-image {
	text-decoration: none;
	font-size: 0.9em;
	display: block;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	color: inherit;
	float: left;
	margin-right: 5px;
	width: 36px;
	height: 36px;
}
.tool-list-small .tool-image img { width: 36px; height: 36px; border: 0; text-decoration: none; display: block; }
.tool-list-small .tool-download { display: inline-block; float: left; width: 12px; height: 12px; margin: 3px 3px 0 0; }
.tool-list-small .tool-download img { border: 0; text-decoration: none; }
.tool-list-small .tool-caption {
	margin-bottom: 3px;
	display: block;
	font-size: 1.1em;
	text-decoration: none;
}
.tool-list-small .tool-date { color: #666; margin-left: 10px; }
.tool-list-small .tool-desc { margin: 5px 0; white-space: nowrap; overflow: hidden; }

.sort-bar .active { font-weight: bold; }
.sort-bar { border: 1px solid #ddd; background: #eee; padding: 5px; }

.more-link {
	display: block;
	margin: 5px 5px 10px 5px;
	text-decoration: none;
	padding: 3px 3px 3px 5px;
	font-size: 0.9em;
	border: 1px solid #ccc;
	color: #666;
	border-left: 20px solid #ccc;
	font-weight: normal;
}
.more-link:hover {
	text-decoration: none;
	border-color: #14445E;
	color: #14445E;
}
.more-link strong {
	font-weight: normal;
}


.screenshot-list {
	list-style: none;
	margin: 0 0 5px 0;
	text-align: center;
}
.screenshot-list li {
	display: inline-block;
	width: 64px;
	height: 64px;
}* .nbmap *, .nbmap, .nbmap * { margin:0; padding:0; border:0; text-decoration:0; font:12px Tahoma, sans-serif; color:#333; white-space:nowrap; text-align:left; position:static; }
.nbmap { display: inline-block; border:1px solid #1F4553; overflow: hidden; max-width: 230px; background:#fff; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; }
.nbmaptitle { background:#1F4553; padding:5px; }
.nbmap h2, .nbmap h2 a { font-size:16px; color:#def5fe; }
.nbmap h3 { font-size:11px; color:#ccc; border: 0; }
.nbmap dl { padding:5px; }
.nbmap dt, .nbmap dd { height:15px; line-height:15px; }
.nbmap dt { width:80px; float:left; color:#666; }
.nbmap dd { padding-left:85px; }
.nbmap a { text-decoration:none; }
.nbmapdl:link, .nbmapdl:hover, .nbmapdl:active, .nbmapdl:visited { color:#14445E; font-weight:bold; padding:5px; display:block; background:#eee; }
.nbmaprating, .nbmaprating .nbmapc { background: url('../images/stars_sm.gif') left -1000px repeat-x; }
.nbmaprating {
    position:relative;
    height: 10px;
    float: left;
    width: 50px;
    overflow:hidden;
    list-style:none;
    margin:3px 0 0 0;
    padding:0;
    background-position: 0 0;
}
.nbmaprating li {
    display: inline;
}
.nbmaprating .nbmapc {
    position:absolute;
    top:0;
    left:0;
    text-indent:-1000em;
    height: 10px;
    line-height: 10px;
    outline:none;
    overflow:hidden;
    border: none;
}
.nbmaprating .nbmapc {
    z-index:1;
    background-position: 0 -10px;
}

#socializethis{
  background:#CCC;
  border:solid 1px #666;
  border-width: 1px 0 0 1px;
  height:15px;
  width:260px;
  position:fixed;
  bottom:0;
  right:0;
  padding:2px 5px;
  overflow:hidden; 
  /* CSS3 */
  -webkit-border-top-left-radius: 12px;
  -moz-border-radius-topleft: 12px;
  border-top-left-radius: 12px;
  -moz-box-shadow: -3px -3px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: -3px -3px 3px rgba(0,0,0,0.5);
  box-shadow: -3px -3px 3px rgba(0,0,0,0.5);
  }
 
#socializethis a{
	float:left; 
  width:32px;
  margin:3px 2px 2px 2px; 
  padding:0; 
}
 
#socializethis span{ 
  float:left; 
  margin:2px 3px; 
  text-shadow: 1px 1px 1px #FFF;
  color:#444;
  font-size:12px;
}