/**
 * Input Style
 */

input.title, select.title {
	font-size:1em;
}

select.title {
	padding:5px;
}

textarea {
	font-size:1em;
}

input.title {
	width:370px;
}

textarea.little {
	width:370px;
	height:7em;
}

textarea.vertical {
	width: 250px;
	height: 20em;
}

textarea.content {
	width:750px;
	height:500px;
}

.submit {
	padding:0.5em 2em;
	font-size:1em;
}

#loginFormPanel input.title {
	width:250px;
}

/**
 * Padding & Margin
 */

.append-1_2 {
	padding-right:30px;
}

.body {
	margin-top:2.5em;
	margin-bottom:2em;
	float:left;
	width:100%;
}

/**
 * Custom override
 */
 
.resetul {
	list-style: none;
	margin:0;	
}

body {
	font-size:1em;
	line-height: 1.4em;
}

h2 {
	margin-bottom:0.4em;
	font-size:1.8em;
	line-height: 1.2em;
}

h2 a {
	line-height: 1.5em;
}

h1, h2 {
	color: #40366f;
}

h3 {
	font-size:1.5em;
}

/**
 * Widgets
 */
 
#overlay {
	position: absolute; 
	top: 0; left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000;
}

#lightbox {	
	position: absolute;	
	left: 0; 
	width: 100%; 
	z-index: 100; 
	text-align: center; 
}

#outerImageContainer { 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 200px;
	margin: 0 auto;
	padding: 10px; 
	padding-top:15px;
	line-height: 1.2em;
	font-size:0.9em;
	border:2px solid black;
}

#outerImageContainer div {
	margin-bottom:1em;
}

#captcha-close {
	position:absolute;
	left:-10px;
	top:-10px;
	cursor: pointer;
}

#captcha-img {
	margin-right:15px;
}
	
#captcha-refresh {
	margin-bottom:8px;
	cursor: pointer;
}
 
.tooltip-widget {
	float:left;
	margin-right: 0.5em;
}

.tooltip {
	background:#4d4d4d;
	font-size:0.96em;
}
 
	.tooltip a {
		color:white;
		display:block;
		padding:0.2em 0.5em;
		font-weight:bold;
	}
	
	.tooltip:hover {
		background:#000;
	}
	
		.tooltip a:hover {
			color:white;
		}
 
.dialogoverlay {
	left:0;
	position:fixed;
	top:0;
	z-index:101;
}
 
.ajaxbanner {
	background:#FEFFDE;
	padding:0.2em 1em;
	font-size:0.8em;
}

	.ajaxbanner-success {
		background:green;
		color:white;
	}
	
	.ajaxbanner-fail {
		background:#ff7373;
		color:white;
	}
	
		.ajaxbanner-fail a {
			color:white;
		}
		
		.ajaxbanner-fail a:hover {
			color:black;
		}

.toptriangle {
    font-size:0; 
    line-height:0; 
    width:0;
    border-right: 15px solid white;
    border-bottom: 15px solid #E5ECF9;
    border-left: 15px solid white;
}

.rating-widget {
	width:6em;
	float:left;
	margin:0.5em;
}

	.rating-box {
		float:left;
		width:5em;
		text-align:center;
	}

	.rating-box strong, .rating-light strong {
		font-size:0.8em;
		font-weight:normal;
		margin-bottom:0.2em;
		color:gray;
		display: block;
		text-align: center;
	}

	.rating-widget .rating, .rating-light .rating {
	    padding:0.5em 0 0.1em 0;
	    background:#eee;
	    width:100%;
	}

    .rating-widget .value, .rating-light .value {
        font-size:2em;   
        font-weight:bold;
        color:gray;
        line-height: 1em;
    }
    
    .rating-widget .position, .rating-light .position {
        background:#9a4444;
        color:white;
        font-weight:bold;
        font-size:1.5em;
        line-height: 0.8em;
        margin:0.3em;
        padding:0.3em 0.1em 0.1em 0.1em;
    }
    
    .rating-widget .position span, .rating-light .position span {
        font-weight:normal;
        font-size:0.6em;
    }
    
	.rating-widget .votes {
	    background: white;
	    padding-top:0.6em;
	    padding-bottom:0.2em;
	    margin-bottom:-0.9em;
	    line-height:0.9em;
	    color:gray;
	}
	
	.rating-widget .ratingup, .rating-widget .ratingdown, .rating-light .ratingup,
	.rating-light .ratingdown {
		cursor: pointer;
	}
    
	.rating-widget .wrapper {
	    padding-top:4.1em;
	    float:left;
	}
	
	    .rating-widget .wrapper .triangle {
	        font-size:0; 
	        line-height:0; 
	        width:0;
	        border-top: 10px solid white;
	        border-left: 10px solid #eee;
	        border-bottom: 10px solid white;
	    }
	    
.rating-light {
	float:right;
	margin-top:-1em;
	text-align:center;
}

.centered .rating-light  {
	margin-top:0.5em;
}

	.rating-light .position {
		float:left;
		margin:0;
		height:42px;
		padding:0.5em 0.2em 0.3em 0.2em;
	}
	
	.rating-light .rating-container {
		float:left;
		width:6.5em;
		font-size:0.7em;
	}
		
		.rating-light .rating {
			width:5.4em;
			margin:0 auto;
			height:55px;
		}
		
	.rating-light strong {
		font-size:1em;
		font-weight:normal;
		color:gray;
		display: block;
		text-align: center;
	}

.topmenu {}

	.topmenu li {
		display: block;
		float: left;
		margin-right:1px;
	}
	
	.topmenu li a, .topmenu li strong {
		display: block;
		background: #eee;
		padding:0.6em;
		padding-bottom:0.1em;
		text-decoration: none;
		font-weight: normal;
		text-align: center;
	}
	
	.topmenu li strong {
		background:#E7FAD5;
		padding:0.6em;
		padding-bottom:0.1em;
		text-align:center;
	}
	
	.topmenu a:hover {
		background:#dfdfdf;
		color:#1e1287;
	}
	
	.topmenu li.append-right {
		margin-right:1.5em;
	}
	
	.topmenu .submenu-parent {
		cursor: pointer;
	}
	
.submenu {
	position: absolute;
	width:24em;
	padding:2em;
	padding-top:1em;
	margin:-1em 0 0 -2em;
	z-index: 2;
}

	.submenu td {
		vertical-align: top;
		padding:0.2em;
	}
	
	.submenu .prepend-top {
		margin-top:14px;
	}

	.submenu .wrapper {
		margin-bottom:-0.1em;
		margin-left:1em;
	}
	
	.submenu .highlight {
		background: none;
	}
	
	.submenu .toptriangle {
		border-bottom: 15px solid #eee;
	}
	
	.submenu .highlight .toptriangle {
		border-bottom: 15px solid #E7FAD5;
	}

	.submenu ul {
		list-style: none;
		margin:0;
		font-size:0.9em;
	}

		.submenu li {
			float: none;
			margin-right:0;
			border-bottom:1px solid white;
		}
		
		.submenu li a, .submenu li strong {
			padding:0.2em 0.5em;
			text-align: left;
		}
		
		.submenu li a.highlight, .submenu li strong.highlight {
			background:#E7FAD5;
		}
		
		.menu-box .submenu li strong.highlight {
			height:auto;
			cursor: auto;
			width:auto; 
			white-space: nowrap;
		}
		
/**
 * Other
 */
 
.cats {
	margin-bottom:1em;
	float:left;
}

	.cats li {
		display: block;
		float:left;
		margin-right:1px;
		margin-top:1px;
		border-bottom:1px solid #4d4d4d;
		border-right:1px solid #4d4d4d;
		white-space: nowrap;
	}
	
		.cats li a, .cats li strong {
			display: block;
			background: #eee;
			text-decoration: none;
			padding:0.1em 0.5em;
		}
		
		.cats li a:hover {
			background:#dfdfdf;
			color:#1e1287;
		}
		
		.cats li strong {
			font-weight: normal;
			background:#E7FAD5;
		}

.catlinks-box ul {
	margin-top:1em;
	float:left;
}

	.catlinks-box ul li {
		display: block;
		float: left;
		margin-right:1px;
		margin-top:1px;
		background: #eee;
		padding:.1em .5em;
		font-size:0.8em;
		white-space: nowrap;
	}
	
	.catlinks-box ul li a {
		text-decoration:none;
	}
	
.badges {
	margin-top:1em;
	width:100%;
	font-size: 0.8em;
}

	.badges li {
		display: block;
		float: left;
		margin-right:1px;	
		margin-top:1px;	
		border-bottom:1px solid #3E6D8E;	
		border-right:1px solid #7F9FB6;
		white-space: nowrap;
		color:#3E6D8E;
	}
	
	.badges li a, .badges li span, .badges li strong {
		display: block;
		background: #E0EAF1;
		padding:0.05em 0.4em;
		text-decoration: none;
		font-weight: normal;
		text-align: center;
	}
	
		.badges li a:hover {
			background:#dfdfdf;
			color:#1e1287;			
		}
	
.gamelist {
	margin-bottom:2em;
	float:left;
}

	.listimg-first {
		margin-top:0.3em;
		float:left;
	}
	
	.listimg-second {
		margin-top:1px;
		float:left;
	}
	
	.introimg-first {
		float:left;
		margin-right:1px;
		padding-bottom:0.2em;
	}
	
	.introimg-second {
		float:left;
		padding-bottom:0.2em;
	}
	
.game {
	border-bottom:1px solid #eee;
	padding:0.7em 0.5em 0.6em 0.5em;
	padding-bottom:1em;
	line-height: 1.4;
	background: #fbfbfb;
}

	.game a {
		text-decoration: none;
	}

	.game h3 {
		margin-top:0.1em;
		margin-bottom:-0.2em;
	}
	
		.game h3 a {
			color:#9A4444;
		}
		
		.game h3 a:hover {
			color:#eb2400;
		}
	
	.game p {
		margin-top:0.5em;
	}
	
.first-game {
	border-top:1px solid #eee;
	padding-top:0.5em;
	margin-top:0.5em;
}
	
    .first-game .wrapper .triangle {
        border-top: 10px solid #f9f5f6;
        border-bottom: 10px solid #f9f5f6;
    }
	
.game-selected {
	background:#FEFFDE;
}
	
    .game-selected .wrapper .triangle {
        border-top: 10px solid #FEFFDE;
        border-bottom: 10px solid #FEFFDE;
    }
		
.footer-box {
	background: #eee;
	padding:0.5em;
	font-size:0.8em;
}

.centered-box {
	position:relative;
	overflow:hidden;
	width: 100%;	
}

.centered {
	left:50%;
	position: relative;
	float: left;
}

	.centered ul, .centered .rating-light {
		position:relative;
		float:left;
		left:-50%;
	}
	
.login-info {
	padding:0.2em 1em;
	background: #FEFFDE;
	font-size:0.9em;
}

	.login-info img {
		margin:0 0.5em;
		vertical-align: middle;
	}
	
.introlist {
	
}
	
	.introlist h3 {
		margin-bottom:.2em;
		color:#9A4444;
	}
	
		.introlist h3 a {
			color:#9A4444;
		}
		
		.introlist h3 a:hover {
			color:#eb2400;
		}
	
	.introlist ul {
		margin-top:0;
	}
	
	.introlist a {
		text-decoration: none;
	}
	
	.introlist img {
		float:left;
		margin-top:0.6em;
		margin-right:0.5em;
	}
	
	.introlist p {
		margin-top:0.2em;
	}