/* 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;}
.italic {font-style: italic;}
.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;}
.ac-trigger {
	position: absolute;
	overflow: hidden;	
	height: 19px;
	width: 17px;
	background: url(/public/img/autocomplete-trigger.gif) no-repeat;
}

.ac-trigger.hover, .ac-trigger.active {
	background: url(/public/img/autocomplete-trigger-on.gif) no-repeat;
}

.ac-results {
	padding: 0px;
	border: 1px solid #000;
	background-color: #fff;
	overflow: auto;
	z-index: 99999;
}

.ac-results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac-results li {
	margin: 0px;
	padding: 6px 5px;
	border-bottom: 1px dashed #D3D3D3;
	cursor: default;
	display: block;
	font-size: 12px;
	overflow: hidden;
}

.ac-loading {
	background : url(/public/img/indicator.gif) right center no-repeat;
}

.ac-over {
	background-color: Highlight;
	color: HighlightText;
}

ul.combobox-results {
    position: absolute;
   	overflow-x: hidden;
	overflow-y: auto;
    background-color: #fff;
	border: 1px solid #97ACC3;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.combobox-results li { 
	display: block; 
	padding: 3px;
	width: 800px;
	height: 15px;
	border-bottom: 1px dashed #D3D3D3;
	margin: 0;
	cursor: default;
	font-size: 11px;
}

ul.combobox-results li.active { 
  background-color: #3875d7; 
  color: #fff;
}

/* 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;}
/* TEXT CSS CONTAINS:
	header config
	paragraph config
	link config
	list config
*/

/* TEXT RESET */
.text {
	font-size: 110%;
	color: #222;
}

.block-item.text {padding: 5px 10px;}

.text h1,.text h2,.text h3,.text h4,.text h5,.text h6,
.text p,.text span {
	float: none;
	font-weight: normal;
	text-decoration: none;
	font-size: 100%;
	padding: 0;
	margin: 0;
}

.text ol,.text ul,
.text ol li,.text ul li {
	margin: 0;
	padding: 0;
	float: none;
	clear: none;
	width: auto;
	list-style-type: none;
}

/* HEADER CONFIG */
.text h1,.text h2,
.text h3,.text h4,
.text h5,.text h6 {
	width: 100%;
	font-weight: bold;
	margin-top: 10px;
}
.text h4,.text h5,.text h6 {font-weight: normal;}

.text h1 {font-size: 180%;}
.text h2 {font-size: 150%;}
.text h3 {font-size: 125%;}
.text h4 {font-size: 115%;}
.text h5 {font-size: 110%;}
.text h6 {font-size: 105%;}

/* PARAGRAPH CONFIG */
.text p {
	margin-top: 10px;
	line-height: 150%;
}

/* LINK CONFIG */
.text a {
	text-decoration: none;
	font-weight: bold;
	color: #365E8F; /*#1489BF;*/
}

.text a:hover {color: #83a5ce;}
.text a:visited {}

/* LIST CONFIG */
.text ul,.text ol {margin-left: 50px;padding: 5px 0;}
.text ul li {list-style-type: disc;}
.text ol li {list-style-type: decimal;}
.text ul li,.text ol li {
	margin-top: 5px;
}

/* BLOCQUOTE */
blockquote {
	padding: 0 10px 10px;
	margin: 5px;
	text-align: justify;
	line-height: 150%;
	background: url(/public/img/leftquote.gif) no-repeat top left;
}

	blockquote p {
		padding-right: 10px;
		background: url(/public/img/rightquote.gif) no-repeat bottom right;
	}

.text pre {}

.text table {margin-top: 10px;}
.text img {margin-right: 10px;}




.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;
}