/*
==============================
=== UNDO HTML REFORMAT =======
==============================
*/
body{ margin: 0; padding: 0; }
a{ text-decoration:	none; }
ul, ol{ list-style:	none; }
h1, h2, h3, h4, h5, h6, pre, code{ font-size: 1em; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, select, dl, dt, dd{ margin: 0; padding: 0; font-size: 1em; }
fieldset{ border: none; }
a img{ border: 0; }
address{ margin: 0 0 1em 0; font-style: normal; }

/*
==============================
=== HTML REFORMAT ============
==============================
*/
html{ overflow-y: scroll; }
h1, h2, h3, h4, h5, h6{ clear: both; margin: 0 0 0.5em 0; }
div:after, ul:after, dl:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden; }
div, ul, dl{ zoom: 1; }
p{ margin: 0 0 1em 0; }

/*
==============================
=== GLOBAL ===================
==============================
*/
p.ShowDebug{
	margin:				0px;
	padding:			2px 5px;
	color:				#FFF;
	font:				normal 0.9em "Courier New";
	text-align:			left;
	background:			#000;
	position:			relative;
	z-index:			1;
}

/* --- Tooltips --- */
div#tooltip{
	max-width:			300px;
	padding:			2px 5px;
	text-align:			left;
	color:				#000!important;
	border:				1px solid #000;
	background:			#FFF;
	position:			absolute;
}

.floatLeft{
	float:				left!important;
}
.floatRight{
	float:				right!important;
}

/*
==============================
=== MESSAGES =================
==============================
*/
.msg{
	margin:				0 auto 10px auto;
	padding:			5px 0;
}
#content .msg{
	width:				400px;
}
.msg h2,
.msg p{
	margin:				0;
	padding:			5px 10px;
	color:				#000;
}
.msg hr{
	height:				1px;
	color:				#000;
}
#success.msg{
	border:				1px solid green;
	background:			lightgreen;
}
#success.msg a{
	color:				green;
}
#error.msg{
	color:				#FF0000;
	border:				1px solid #FF0000;
	background:			#FFD6D6;
}
#error.msg a{
	color:				#FF0000;
}
#info.msg{
    border:             1px solid #000;
    background:         #FFFFD6;
}
#info.msg a{
	color:				#000;
}

/*================================= FLOATING CONTENT =======================================*/
#lightbox{text-align:center;background:url(/global/images/backgrounds/black_trans.png) repeat;position:absolute;top:0;left:0;z-index:999999;}
#lightbox .close{position:absolute;}
#lightbox .close a{display:block;}
#lightbox .inner{text-align:left;background:#FFF;position:absolute;overflow:auto;}
#lightbox .content{padding:20px;}
#lightbox .loading h2{margin-top:20px;}
#lightbox .loading p.note{margin-bottom:20px;}
#lightbox iframe{width:100%;height:100%;margin:0;padding:0;border:0;}

/*
==============================
=== FORMS ====================
==============================
*/
input.text, select, textarea{
	width:				172px;
	margin:				0;
	padding:			3px;
	color:				#1F1F21;
	font: 				normal 1.1em Arial, Helvetica, sans-serif;
	border:				1px solid;
	border-color:		#7C7C7C #C3C3C3 #C3C3C3;
	background:			url(/global/images/forms/text.gif) repeat-x top left #FFF;
}
textarea.text{
	height:				100px;
}
input.checkbox{
	margin-top:			7px;
}
input.radio{
	margin:				5px;
}
input.submit, a.submit{
	padding:			3px 5px;
	color:				#FFF;
	font-size:			1.1em;
	font-weight:		bold;
	text-decoration:	none;
	border:				1px solid #1F1F21;
	background:			url(/global/images/forms/submit.png) repeat-x top left #000;
}
a.submit img{
	position:			relative;
	top:				3px;
}

form.styled fieldset{
	width:				400px;
	margin:				0 auto 10px auto;
	padding:			0;
	border:				1px solid #1F1F21;
	background:			#FFF;
	position:			relative;
	display:			block;
}
form.styled fieldset h2{
	margin:				0;
	padding:			8px 10px;
	color:				#000;
	font-size:			1.2em;
	font-weight:		bold;
	border-bottom:		1px solid #1F1F21;
	background:			url(/global/images/forms/submit.png) repeat-x top left red;
}
form.styled fieldset dl,
form.styled fieldset table{
	padding:			5px 10px;
}
form.styled fieldset dt,
form.styled fieldset dd{
	width:				70%;
	margin-bottom:		5px;
	padding:			0;
	float:				left;
}
form.styled fieldset dt{
	width:				30%;
	clear:				left;
}
form.styled fieldset label{
	padding:			6px 0 0 0;
	display:			inline-block;
}
form.styled fieldset dt.note{
	width:				100%;
	color:				#FF0000;
	font-size:			0.9em;
	clear:				both;
}
form.styled fieldset .tooltip{
	width:				80px;
	padding:			5px 0 0 0;
	position:			relative;
	float:				right;
}
form.styled fieldset .tooltip img{
	cursor:				pointer;
}
form.styled fieldset .tooltip div{
	width:				150px;
	padding:			3px 5px 2px 5px;
	font-size:			0.9em;
	border:				1px solid #cc9933;
	background:			#FFFFCC;
	position:			absolute; 
	top:				0; 
	left:				40px;
}
form.styled fieldset .tooltip .loading img{
	float:				left;
}
form.styled fieldset .tooltip .loading em{
	margin-left:		5px;
}
form.styled fieldset .buttons{
	text-align:			center;
}
form.styled fieldset p{
	margin:				0;
}
form.styled fieldset .buttons p{
	margin:				3px 0;
}

form.styled fieldset.submit{
	border:				0;
	background:			transparent;
}

/* --- Wide Forms --- */
form.wide fieldset{
	width:				600px;
}
form.wide fieldset input.text,
form.wide fieldset select.text,
form.wide fieldset textarea.text{
	width:				300px;
}
form.wide fieldset input.checkbox{
	width:				auto;
}
form.wide fieldset select.text{
	width:				307px;
}
form.wide fieldset select.groups{
	width:				247px;
}
form.wide fieldset textarea.editor{
	width:				595px;
}
form.wide fieldset .tooltip{
	width:				90px;
}

/*
==============================
=== RESULTS ==================
==============================
*/
table.results{
	width:				100%;
	margin:				0 auto 10px auto;
	border:				1px solid #333;
	border-collapse:	collapse;	
	background:			#FFF;
}
table.results th, table.results td{
	padding:			5px;
	color:				#424242;
	text-align:			left;
}
table.results th,
table.results tfoot td{
	color:				#FFF;
	font-weight:		bold;
	border-bottom:		1px solid #333;
	background:			#333;
}
table.results th.chkCol, table.results td.chkCol{
	width:				16px;
}
table.results th.currency,
table.results td.currency{
	text-align:			right;
}
table.results tfoot td{
	border-bottom:		1px solid #FFF;
}
table.results tfoot tr.lastItem td{
	border-bottom:		0;
}
table.results td a{
	color:				#424242;
}
.zebra1 td{
	background:			#FFF;
}
.zebra2 td{
	background:			#E1E1E1;
}

/* --- Page Numbers --- */
ul.pageNav{
	padding:			5px 0px 10px 0px;
}
ul.pageNav li{
	margin-right:		5px;
	float:				left;
}
ul.pageNav li.navTitle{
	padding:			3px 0px;
}
ul.pageNav li.selected,
ul.pageNav li a{
	padding:			2px 5px;
	text-decoration:	none;
	border:				1px solid #0C3A6B;
	background:			#FFF;
	display:			block;
}
ul.pageNav li.selected{
	color:				#FFF;
	font-weight:		bold;
	background:			#0C3A6B;
}
ul.pageNav li a:hover{
	color:				#FFF;
	background:			#0C3A6B;
}

/*
==============================
=== USER MENUS ===============
==============================
*/
ul.userMenu{
	padding:			0 5px;
}
ul.userMenu li{
	margin:				2px;
	float:				left;
}
ul.userMenu li a{	
	width:				70px;
	height:				90px;
	padding: 			10px 10px;
	color:				#000;
	font-weight:		normal;
	text-align:			center;
	text-decoration:	none;
	border:				1px solid #D5D5D5;
	background:			#F0F0F0;
	display:			block;
}
ul.userMenu li a:hover{
	text-decoration:	none;
	border-color:		#000;
}
ul.userMenu li a img{
	margin-bottom:		10px;
}
ul.userMenu li a span{
	display:			block;
}

ul.userMenu li a span.title{
	margin-bottom:		0.5em;
}
ul.userMenu li a span.small{
	font-size:			0.9em;
	margin-bottom:		0.5em;
}

/*
==============================
=== GLOBAL ===================
==============================
*/
div.block{
	margin-bottom:		1em;
}

/*
==============================
=== SIDEBARS =================
==============================
*/


/*
==============================
=== CONTENT ==================
==============================
*/
/* --- Image Library --- */
#imageLibrary.list div{
	width:				33%;
	text-align:			center;
	float:				left;
}
#imageLibrary.list div.firstItem{
	clear:				both;
}
#imageLibrary.list div p.preview{
	margin:				10px;
	border:				1px solid #CCC;
	display:			inline-block;
	position:			relative;
}
#imageLibrary.list div span{
	background:			#CCC;
	position:			absolute;
	bottom:				0;
	right:				0;
}
#imageLibrary.list div span img{
	margin:				5px;
	display:			block;
}