body {
	background-color: #eee;
}

body, td, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
}

form {
	display: inline;
}


#layer1, #layer3, #layer4, #layer5, #layer6, .mainborder {
	width: 780px;
	margin: auto;
}

#wrapper_left {
	width: 800px;
	margin: auto;
	background: url(../images/layout/content_left.png) top left repeat-y #fff;
}

#wrapper_right {
	background: url(../images/layout/content_right.png) top right repeat-y;
}

#layer1 {
	font-size: 11px;
	text-align: right;
	vertical-align: middle;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-right: 10px;
}

#layer2 {
	width: 776px;
	margin: auto;
	height: 10px;
	padding: 12px;
	vertical-align: middle;
	background-color: #ddd;
	background: url(../images/layout/content_head.png) top left no-repeat #fff;
}

#layer2 table {
	height: 20px;
}

#layer2 table tr td {
	font-size: 11px;
	vertical-align: middle;
	color: #507517;
}

#layer2 table tr td a {
	color: #507517;
	font-weight: bold;
	text-decoration: none;
}

#layer2 table tr td a:hover {
	color: #507517;
	font-weight: bold;
	text-decoration: underline;
}

#layer2 table tr td input {
	font-size: 11px;
}

#layer2 table tr.formerror td {
	font-size: 11px;
	font-style: italic;
	background-color: #e5e5e5;
	color: #f30000;
}

#layer3 {
	height: 72px;
	border-top: 1px solid #888;
}

#layer3 ul {
	list-style-type: none;
	padding:0;
	margin:0;
}

#layer3 ul li {
	float: left;
	width: 154px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#layer3 ul li:hover {
	display: block;
	width: 154px;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}

#layer3 ul li a {
	display: block;
}

#layer4 {
	height: 22px;
}

#layer4 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#layer4 ul li {
	float: left;
	border-top: 1px solid #507517;
	border-bottom: 1px solid #507517;
}

#layer4 ul li a {
	display: block;
	color: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background: url(../images/layout/grad1.png) top left repeat-x #fff;
}

#layer4 ul li a:hover {
	background-color: #507517;
	color: #fff;
	background: url(../images/layout/grad3.png) top left repeat-x #fff;
}

#layer4 ul li a.active {
	background-color: #507517;
	color: #fff;
	background: url(../images/layout/grad2.png) top left repeat-x #fff;
}

#layer5 {
	height: 120px;
	background: url(../images/layout/x3markets.jpg) top left no-repeat;
	border-bottom: 1px solid #888;
}

#layer6 {
	width: 740px;
	padding: 20px;
	background-color: #fff;
}

#layer6 a, #layer5 a {
	color: #507517;
	text-decoration: underline;
}

#layer6 a:hover, #layer5 a:hover {
	color: #507517;
	text-decoration: none;
}

#layer7 {
	width: 800px;
	margin: auto;
	height: 20px;
	background: url(../images/layout/content_foot.png) bottom left no-repeat;
}

#layer8 {
	text-align: center;
	color: #aaa;
	font-size: 11px;
}

#layer8 a {
	color: #999;
	text-decoration: underline;
}

#layer8 a:hover {
	color: #507517;
	text-decoration: none;
}

div.heading {
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
	padding-bottom: 2px;
}

tr.title {
	color: #fff;
	background-color: #a1a1a1;
}

tr.title td {
	font-weight: bold;
	color: #fff;
	background: url(../images/layout/grad1.png) top left repeat-x #fff;
}

tr.lightbg {
	background-color: #eee;
}

tr.darkbg {
	background-color: #e1e1e1;
}

tr.formerror td, div.formerror {
	font-size: 11px;
	font-style: italic;
	background-color: #fff;
	color: #f30000;
}

tr.formsuccess td, div.formsuccess {
	font-size: 11px;
	font-style: italic;
	background-color: #fff;
	color: #009900;
}

td.comment {
	font-size: 11px;
	font-style: italic;
	color: #aaa;
}

div.mainborder {
	border-style: solid;
	border-width: 1px;
	border-color: #507517;
}

div.formborder {
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	padding: 1px;
}

.formelement {
	border: 1px solid #999;
}

.formelement:hover {
	border: 1px solid #333;
}

/*************************/
/*** QCODO definitions ***/
/*************************/
span.paginator { margin: 0; padding: 0; }
span.paginator span { list-style-type:none; display: inline; padding: 0; margin: 0; }
span.paginator span.page a { text-decoration: none; color: #000000; padding: 0 3px 0 3px; margin: 0 2px 0 2px;}
span.paginator span.page a:hover { background-color: #ccf; }
span.paginator span.arrow { font-weight: bold; color: #ccc; margin: 0; padding: 0 3px 0 3px; }
span.paginator span.arrow a { font-weight: bold; color: #000; text-decoration: none; }
span.paginator span.selected { font-weight: bold; background-color: #ccf; padding: 0 3px 0 3px; margin: 0 2px 0 2px; border: 1px; border-style: solid; }
span.paginator span.break { color: #666; margin: 0 5px 0 5px; }
span.paginator span.ellipsis { color: #666; }	

.paginator_inactive_step { font-weight: bold; color: #aaaaaa; }
.paginator_active_step { font-weight: bold; color: #000000; text-decoration: none; }
.paginator_page { text-decoration: none; color: #000000; padding: 0px 4px 0px 4px; }
.paginator_selected_page { font-weight: bold; background-color: #ddccff; padding: 0px 4px 0px 4px; border: 1px; border-style: solid; }	
	
.data_repeater_example
{
	background-color:#eeffdd;
	padding:10px;
	width:200px;
	border-width:1px;
	border-style:solid;
	border-color:black;
	float:left;
	margin:5px;
	text-align: left;
	cursor: hand;	
}	
.data_repeater_file {
	background-color:#eeffdd;
	padding:10px;
	width:300px;
	border-width:1px;
	border-style:solid;
	border-color:black;
	position: relative;
    left: 25%;
	float:center;
	margin:5px;
	text-align: left;
	cursor: hand;
}

div.left_box { float:left; padding-bottom:10px; width:300px; margin-top:20px; margin-left:30px;}
div.right_box { float:right; padding-bottom:10px; width:300px; margin-right:30px; }
#userdef { height:110px; overflow:auto; }
div.down_box { clear:both; padding:10px; height:250px; overflow:auto; }