

body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, tt, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:								0;
	padding:							0;
	border:								0;
	outline:							0;
	font-size:							100%;
	vertical-align:						baseline;
	background:							transparent;
}

body {
	line-height: 						1;
}

ol, ul {
	list-style: 						none;
}

blockquote, q {
	quotes: 							none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: 							'';
}

/* remember to define focus styles! */
:focus {
	outline: 							0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: 					none;
}
del {
	text-decoration: 					line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: 					collapse;
	border-spacing: 					0;
}

body {
	background:							url(../../images/bg.gif) repeat;
}

h1 {
	font:								36px Arial, Helvetica, sans-serif;
	color:								#f15d2f;
	text-transform:						uppercase;
	float:								left;
	margin:								0 0 0 10px;
}

h1 span {
	text-transform:						none;
	color:								#08aff9;
	font-style:							italic;
}

h2 {
	font:								28px Arial, Helvetica, sans-serif;
	color:								#f15d2f;
}

h2 span {
	font-style:							italic;
}

h3 {
	font:								18px Arial, Helvetica, sans-serif;
	color:								#08aff9;
	margin-bottom:						16px;
}

p, a, td, th, li, label, legend, input, select, textarea {
	font:								12px Arial, Helvetica, sans-serif;
	color:								#666;
}

p {
	line-height:						20px;
	margin-bottom:						16px;
}

a:hover {
	text-decoration:					none;
}

a.top {
	display:							none;
}

small {
	font-size:							10px;
}

.fleft {
	float:								left;
}

.fright {
	float:								right;
}

/* correct way to clear floats without using extra markup.  zoom setting is in ie conditional comment.*/
.clearfix:after {
	content: 							".";
	display: 							block;
	height: 							0;
	clear: 								both;
	visibility: 						hidden;
}

.bold {
	font-weight:						bold;
}

.blue {
	color:								#08aff9;
}

.italic {
	font-style:							italic;
}

#contain {
	width:								980px;
	margin:								0 auto;
	background:							url(../../images/bg2.gif) repeat;
}

/*** MANAGER-HEADER.TPL ******************************************************************************************/

#header {
	width:								100%;
	height:								74px;
	padding:							32px 0 0 0;
	background:							#fff url(../../images/bg-header-fade.gif) top repeat-x;
	margin-bottom:						10px;
	position:							relative;
}

#menu {
	background:							url(../../images/bg-header-links.gif) repeat-x;
	width:								976px;
	height:								33px;
	border-left:						2px solid #f15d2f;
	border-right:						2px solid #f15d2f;
}

#menu ul li,
#menu ul li.start,
#menu ul li.end {
	float:								left;
	padding:							0 8px 0 8px;
	border-left:						1px solid #f15d2f;
	border-right:						1px solid #fd7408;
	line-height:						33px;
}

#menu ul li.start {
	border-left:						none;
}

#menu ul li.end {
	border-right:						none;
}

#menu ul li a,
#menu ul li a:hover {
	font-weight:						bold;
	background:							url(../../images/icons/arrow-cream-right.png) center left no-repeat;
	padding-left:						14px;
	color:								#fff;
	text-decoration:					none;
}

#menu ul li a:hover,
#menu ul li a.current {
	background:							url(../../images/icons/arrow-orange-right.png) center left no-repeat;
	/*color:								#c84006;*/
	text-decoration:					underline;
}

/*** MAIN CONTENT *******************************************************************************************/

#content {
	position:							relative;
	background:							#fff url(../../images/bg-spotlight.gif) top repeat-x;
	margin-bottom:						5px;
	padding:							15px;
	width:								950px;
}

#header-line {
	width:								940px;
	height:								1px;
	background:							#dcdcdc;
	margin:								5px 0 15px 0;
}

#crumbs {
	margin:								10px 0 0 0;
}

#crumbs p,
#crumbs a {
	font-size:							11px;
	margin:								0;
}

/*** MANAGER-FOOTER.TPL *********************************************************************************************/

#footer {
	width:								936px;
	height:								53px;
	background:							#fff;
	margin:								4px 0 20px 0;
	padding:							12px 22px 0 22px;
}

#footer .logo-sml {
	float:								left;
	margin-right:						30px;	
}

#footer p.copyright {
	float:								left;
	font-size:							11px;
	line-height:						14px;
	margin-bottom:						0;
}

#footer ul.links {
	float:								right;
}

#footer ul.links li {
	float:								left;
	padding:							0 12px 0 12px;
	border-right:						1px solid #999;
	line-height:						8px;
}

#footer ul.links li.end {
	float:								left;
	padding:							0 0 0 12px;
	border-right:						none;
	line-height:						8px;
}

#footer ul.links li a {
	line-height:						10px;
	font-size:							11px;
	text-decoration:					none;
}

#footer ul.links li a:hover {
	font-size:							11px;
	text-decoration:					underline;
	color:								#c84006;
}

#footer p.acid {
	font-size:							11px;
	float:								right;
	margin:								0;
	line-height:						14px;
}

#footer p.acid a,
#footer p.acid a:hover {
	font-size:							11px;
	text-decoration:					none;
}

#footer p.acid a:hover {
	text-decoration:					underline;
}

#footer-text {
	width:								960px;
	padding:							0 10px 20px 10px;
}

#footer-text p {
	font-size:							11px;
	line-height:						18px;
}

/******* ERROR STACK *********************************************************************************************************/

.messageStack {
	width:								900px;
	margin:								5px 0 5px 0;
	padding:							3px;
	font:								11px Arial, Helvetica, sans-serif;
}

.messageStack a {
	font-weight:						bold;
	font-size:							11px;
}

.messageStackError {
    background:							#faebe7;
    color:								#df280a;
    border:								1px solid #df280a;
}

.messageStackError a {
	color:								#df280a;
}
	
.messageStackWarning {
	background:							#fff3c3;
	color:								#d7971a;
    border:								1px solid #d7971a;
}

.messageStackWarning a {
	color:								#d7971a;
}

.messageStackSuccess {
    background:							#d5f0d5;
	color: 								#339933;
	border:								1px solid #339933;
}

.messageStackSuccess a {
	color: 								#339933;
}

.messageStackError span,
.messageStackWarning span,
.messageStackSuccess span {
	padding:							0 0 0 25px;
	line-height:						20px;
}

.messageStackError span {
	background: 						url(../../images/icons/error.gif) left center no-repeat;
}

.messageStackWarning span {
	background: 						url(../../images/icons/warning.gif) left center no-repeat;
}

.messageStackSuccess span {
	background: 						url(../../images/icons/success.gif) left center no-repeat;
}

#content {
	padding-top:						30px;
}

input[type="text"],
input[type="password"],
select {
	font-size:							11px;
	padding:							2px;
}

input[type="image"] {
	margin:								10px 10px 0 0;
}

select {
	width:								235px;
}

label {
	font-weight:						bold;
	line-height:						20px;
	margin-bottom:						5px;
	display:							block;
}

label[for="accept"] {
	font-size:							11px;
	font-weight:						normal;
}

legend {
	background:							url(../../images/icons/arrow-blue-right.gif) left 3px no-repeat;
	padding:							0 0 8px 16px;
	color:								#08aff9;
	font-weight:						bold;
}

legend + div,
#details legend + div,
label[for="accept"] + div {
	width:								240px;
	height:								0px;
	border-bottom:						1px solid #dcdcdc;
	margin:								0 0 5px 0;
}

#details legend + div,
label[for="accept"] + div {
	width:								300px;
}

fieldset {
	float:								left;
	width:								250px;
	margin:								0 30px 0 20px;
}

fieldset#details {
	margin:								0 0 0 20px;
	width:								300px;
}

textarea {
	overflow:							auto;
}

/* FormCheck tipbox */

/* tipbox :
	table : 
		tl		: top left
		t		: top
		tr		: top right
		l 		: left
		r		: right
		bl		: bottom left
		b		: bottom (with mark)
		br		: bottom right
		c		: center
	components : 
		a.close	: close button
		err		: errors div
		p		: error line
*/

.fc-tbx .tl{
	background: url('../../images/icons/tl.png') no-repeat;
}
.fc-tbx .t{
	background: url('../../images/icons/t.png') repeat-x;
	height: 16px;
}
.fc-tbx .tr{
	background: url('../../images/icons/tr.png') no-repeat;
}
.fc-tbx .l{
	background: url('../../images/icons/l.png') repeat-y;
	width : 16px;
}
.fc-tbx .r{
	background: url('../../images/icons/r.png') repeat-y;
	width: 16px;
}
.fc-tbx .bl{
	background: url('../../images/icons/bl.png') no-repeat;
}
.fc-tbx .b{
	background: url('../../images/icons/b.png') no-repeat;
	height: 25px;
}
.fc-tbx .br{
	background: url('../../images/icons/br.png') no-repeat;
}
.fc-tbx .c{
	background: url('../../images/icons/c.png') repeat;
}
.fc-tbx a.close {
	float: right;
	background: url('../../images/icons/close.png') no-repeat;
	position: relative;
	margin-left: 5px;
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
}
.fc-tbx .err {
	float: left;
}
.fc-tbx p {
	width : auto;
	display: block;
	font-size: 10px;
	font-family: tahoma, verdana, "sans-serif";
	margin : 0;
	padding : 0;
	border : 0;
	color : #FFF;
}

.ajax_loader {
	background : url('../../images/icons/ajax-loader.gif') no-repeat center;
	width : 200px;
	height : 150px;
}


/* FormCheck validation div */

.fc-error {
	border : 1px solid #888;
	margin-top : 5px;
	background-color : #EAEAEA;
}
.fc-error p {
	margin : 5px;
	color : #A00;
}
