/* TOOLKIT CSS CONTAINS:
	reset
	global tools
	text tools
*/

/* RESET */
*{margin:0;padding:0}
iframe,a img,fieldset,form,table{border:0}
h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}
dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}
button,select,textarea,input{font:100% sans-serif}
table{border-collapse:collapse}
caption,th,td{text-align:left}

table.mceLayout{border-collapse: separate;}

/* CLEAR FIX */
.clear-fix:after { 
	display: block;
	clear: both;
	content: " ";
	height: 0;
	overflow: hidden;
}
.clear-fix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear-fix {height: 1%;}
.clear-fix {display: block;}
/* End hide from IE-mac */
	
/* GLOBAL TOOLS */
.lir {display: block;height: 0 !important;overflow: hidden;}
.hide {display: none;}
.block {display: block;}		
.header-link {
	display: block; 
	font-weight: bold;
	padding-top: 4px; 
	width: auto; 
	float: left;
}
.header-small-link {
	display: block; 
	float: left; 
	width: auto; 
	margin-left: 5px; 
	padding-top: 2px; 
	font-weight: normal; 
	text-transform: none; 
	color: #888;
}
.relative {position: relative;}
.absolute {position: absolute;top: 0;}
.float-left {float: left;}
.float-right {float: right !important;}
.clear-left {clear:left;float: left;}
.clear-right {clear:right;float: right;}
.image-file {padding: 1px;border: 2px solid #e1e1e1;}
/*a:hover .image-file {border-color: #999 !important;}*/
.last-link {
	border-right: 0 !important;
	background: url() no-repeat 0 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.last-item {
	border-bottom: 0 !important;
	margin-bottom: 0 !important;
}

/* TEXT TOOLS */
.bold {font-weight: bold;}
.blue {color: #365E8F;}
.green {color: #038102;}
.bold-green {font-weight: bold;color: #038102;}
.red {color: #EB0000;}
.bold-red {font-weight: bold;color: #EB0000;}
.text-align-left {text-align: left !important;}
.text-align-center {text-align: center;}

/* FORMS CSS CONTAINS:
	full width form lay-out
	2 column form lay-out
	3 column form lay-out
	form content config
	mce editor config
*/
		
/* FORM CONTENT CONFIG */
.form-layout h1 {
	margin-bottom: 5px;
	padding-bottom: 1px;
	color: #2A6EBD;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #D3D3D3;
}

.form-layout h2 {
	margin-bottom: 5px;
	padding-bottom: 1px;
	color: #2A6EBD;
	font-size: 11px;
	font-weight: bold;
}

.form-layout p {
	padding-bottom: 10px;
	line-height: 150%;
	text-align: justify;
	color: #888;
}

.form-layout label {color: #5c5c5c;}
.module-column .form-layout .unbold {font-weight: normal;}
		
/* TYPES OF FORM CONTENT */
.form-item {
	position: relative;
	margin-bottom: 5px;
	padding-left: 145px;
	padding-right: 21px;
}
.form-item.new-line {
	padding-left: 15px;
	padding-top: 20px;
}
 
	.form-item label {
		display: inline;
		position: absolute;
		top: 0;
		left: 0px;
		font-weight: bold;
		padding-top: 3px;
		color: #5c5c5c;
	}

	html>body .form-item label {left: 15px;}	

	.ie6 #block-newTeam-1 .form-item label {left: -80px;}
	.ie6 .mainpage-new label, .ie6 .ugame-window label {left: -90px;}
	
	.comments label, .dashboard label, 
	.compose label, .team label {left: -130px;}
	
	.request-event-wrapper .new-line label {left: 0px !important;}
	html>body .request-event-wrapper .new-line label {left: 15px !important;}
	
	.dashboard .achievements.request-event-wrapper .form-item label {left: -130px;}
	html>body .dashboard.achievements .request-event-wrapper .form-item label {left: 15px;}
	
	.board label {left: 0px;}

	.form-item input {
		width: 100%;
		height: 17px;
		padding: 3px 3px 0;	
		background: url(/public/img/ugame-text-bg.gif) repeat-x scroll 0pt;
		border: 1px solid #9BB1C9;	
	}
	
	.ie6 .mainpage-new .form-item input {width: 90%;}
	.ie6 .group-invite input {width: 90%;}
		
	.form-item textarea {
		width: 100%;
		padding: 3px;
		line-height: 150%;
		background: url(/public/img/ugame-text-bg.gif) repeat-x scroll 0 0;
		border: 1px solid #9BB1C9;	
	}
	.ie6 .board .form-item textarea {width: 97%;}
	.ie7 .form-item textarea, .ie6 .form-item textarea {height: 5em;}

	.form-item select {
		height: 20px;
		background: url(/public/img/ugame-text-bg.gif) repeat-x scroll 0pt;
		border: 1px solid #9BB1C9;
	}
	
	.advanced-search-content .form-item select {width: 215px;}
	
		.form-item select option {
			padding-left: 4px;
			background-color: #fff;
		}

	.form-item.rows {padding: 20px 21px 0 15px;}
	.form-item.rows-no-label {padding: 0px 21px 0 15px;}
	.form-item.column {padding-right: 80px;}
	.form-item.single-field {padding: 15px 23px 0 15px;}
	.ie6 .form-item.single-field {width: 90%;}
	.form-item.tinyMCE {padding: 20px 15px 0 15px;}
	
.form-fields {position: relative;}

	.form-fields input.radio {
		width: auto;
		height: 18px;
		vertical-align: middle;
		background: none;
		border: 0;
	}
	
		.form-fields label {
			position: static;
			font-size: 12px;
			font-weight: normal;
			padding-top: 0;
			margin-right: 10px;
			vertical-align: middle;
		}
	
/* CONTACT CONFIG */
.form-fields input.checkbox {
	width: auto;
	height: 18px;
	vertical-align: middle;
	background: none;
	border: 0;
}

.form-fields.iconright {padding-right: 20px;}

	.form-fields.iconright a {
		right: 11px;
		top: 4px;
	}

	.form-item.column span {
		position: absolute;
		right: 30px;
		top: 5px;
		font-weight: bold;
	}

	.form-item.column .form-fields input.checkbox {
		position: absolute;
		top: 3px;
		right: 11px;
	}
	
/* ACHIEVEMENTS CONFIG 
.form-layout.achievements .form-item,
.form-layout.achievements .form-fields {
	position: relative;
	margin-bottom: 5px;
	padding-left: 225px;
	padding-right: 100px;
}

	.form-layout.achievements h2 {
		margin-left: 10px;
		border-bottom: 1px solid #e1e1e1;
	}

	.form-layout.achievements .form-item label {
		position: absolute;
		top: 0;
		left: 100px;
		font-weight: bold;
		padding-top: 3px;
		color: #5c5c5c;
	}
	
	.form-layout.achievements .form-item input {
		width: 100%;
		height: 15px;
		padding: 3px 3px 0;
	}
	
	.form-layout.achievements .form-item textarea {
		width: 100%;
		padding: 3px;
		line-height: 150%;
	}
	
	.form-layout.achievements .form-buttons.right {
		right: 100px;
	}
	
	*/
	


/* FORM ACTIONS */
.form-response {
	display: none;
	min-height: 24px;
	padding: 6px 0 6px 36px;
	margin: 0 0 10px;		
	background: #ffe47f;
	border: 1px solid #f8d00d;
	font-weight: bold;
	vertical-align: middle;
}
	.form-success {background: #ffe47f url(/public/img/form-ok.gif) no-repeat 6px 6px;color: #2a6ebd;}
	.form-error {background: #ffe47f url(/public/img/form-error.gif) no-repeat 6px 6px;color: #c10000;}

.form-saving {
	display: none;
	height: 20px;
	background: url(/public/img/indicator.gif) no-repeat;
	padding-left: 20px;
}
		
	
.achievements-form-box {
	width: 420px;
	margin-top: 10px;
}

.achievements-form-selector {margin-bottom: 20px;}

/* BUTTON CONFIG */	
.form-buttons {
	position: relative;
	padding: 3px 0;
	margin-bottom: 5px;
	height: 18px;
	height: auto !important;
	min-height: 18px;
}

.ie6 .board .form-buttons, .ie6 .comments .form-buttons {margin-bottom: 15px;}
.ie6 .mainpage-new .form-buttons {margin-bottom: 22px;}

	.form-buttons a.btn-right {
		position: absolute;
		right: 11px;
		top: 4px;
	}
	
	.ie6 .board .form-buttons a.btn-right {right: 28px;}
	.ie6 .teams .board .form-buttons a.btn-right {right: 35px;}
	.form-button {margin-left: 11px;}
.ugame-window {
	position: absolute;
	width: 200px;
	z-index: 99;
	top: 20px;
	left: 20px;
}

	.ugame-window .window-title {
		position: relative;
		height: 29px;
		background: url(/public/img/plugins/messagebox/mb-header-sprite.gif) repeat-x 0 -29px;
		margin: 0 1px;
	}
	

		.ugame-window .window-top-left,
		.ugame-window .window-top-right {
			width: 6px;
			height: 29px;
		}
		
		.ugame-window .window-top-left {left: -1px; background: url(/public/img/plugins/messagebox/mb-header-sprite.gif) repeat-x 0 0;}		
		.ugame-window .window-top-right {right: -1px; background: url(/public/img/plugins/messagebox/mb-header-sprite.gif) repeat-x 0 -58px;}
	
		.ugame-window .window-title .window-header-title {
			display: block;
			font-weight: bold;
			color: #fddd47;
			padding: 5px 8px;
		}


	.ugame-window .window-middle-left {
		background: #fff url(/public/img/plugins/messagebox/mb-left.gif) repeat-y left;
		padding-left: 6px;
	}

	.ugame-window .window-middle-right {
		background: url(/public/img/plugins/messagebox/mb-right.gif) repeat-y right;
		padding-right: 6px; 
	}

	
		.ugame-window .window-body {
			position: relative;
			width: 92%;
		}
		
		html>body .ugame-window .window-body {
			width: auto;
		}		
		
		/* this is for the disappearing caret bug in input fields above overflow: elements */
		body.mozilla .ugame-window .window-body {
			overflow: auto;
		}
		/* +1 px to make up for the overflow: auto in ff */
		body.mozilla .ugame-window .window-middle-right {
			padding-right: 7px; 
		}

		.ugame-window .window-buttons {
			height: 29px;
			background-color: #e9e9e9;
		}

		
			.ugame-window .window-button {
				float: right;
				clear: none;
				margin: 6px 6px 0 0;
			}
			
			.ugame-window .window-button.left {
				float: left;
				clear: none;
				margin: 6px 0 0 6px;			
			}
			
			.ugame-window .align-left {float: left; margin-left: 6px;}
			.ugame-window .align-right {float: right;}
	
	.ugame-window .window-bottom {
		margin: 0 1px;
		position: relative;
		height: 8px;
		background: #e9e9e9 url(/public/img/plugins/messagebox/mb-bottom-sprite.gif) repeat-x 0 -16px;
	}

		.ugame-window .window-bottom-left,
		.ugame-window .window-bottom-right {
			width: 8px; 
			height: 8px;
		}
		
		.ugame-window .window-bottom-left {
			left: -1px; 
			background: url(/public/img/plugins/messagebox/mb-bottom-sprite.gif) no-repeat 0 0;
		}
		
		.ugame-window .window-bottom-right {
			right: -1px; 
			background: url(/public/img/plugins/messagebox/mb-bottom-sprite.gif) no-repeat 0 -8px;
		}

.ugame-mb .window-body {
	min-height: 48px;
	height: auto !important;
	height: 48px;
	padding: 10px;
}

.ugame-mb .mb-icon {
	position: absolute;
	border: 2px solid #e1e1e1;
	top: 10px;
	left: 10px;
	background-repeat: no-repeat;
}

.ugame-mb .mb-message {
	margin-left: 60px;
	color: #5e5e5e;
}
/* brTip */
.tooltip-box {
	background-color: #FFF;
	padding: 1px;
	border: 1px solid #a4a4a4;
	display: none;
	position: absolute;
	width: 200px;
}

	.tooltip-title {
		background: #6E92B6;
		color: #FFF;
		display: block;
		margin: 0;
		padding: 3px;
		text-align: center;
	}
	
	.tooltip-content {
		margin: 0;
		padding: 3px 5px 5px;
		background: #ebebeb url(/public/img/tooltip-bg.gif) repeat-x 0 0;
		color: #444;
		line-height: 150%;
	}
	
	.tooltip-spike {
		position: absolute;
		bottom: -15px;
		left: 20px;
		width: 16px;
		height: 16px;
		background: url(/public/img/tooltip-spike-sprite.gif) no-repeat 0 0;
	}
	.tooltip-box.left .tooltip-spike {
		bottom: -15px;
		left: 180px;
		background-position: -16px 0;
	}
	.tooltip-box.bottom .tooltip-spike {
		top: -15px;
		left: 20px;
		background-position: 0 -16px;
	}
	.tooltip-box.bottom.left .tooltip-spike {
		top: -15px;
		left: 180px;
		background-position: -16px -16px;
	}