
html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code, button,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var, 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-weight: 				inherit;
					font-style: 				inherit;
					font-size: 					100%;
					font-family: 				inherit;
					vertical-align: 			baseline;
}
:focus {			outline: 					0;
}
body {				line-height: 				1;
					color: 						#000000;
					background: 				#FFFFFF;
}
ol, ul {			list-style: 				none;
}
table {				border-collapse: 			separate;
					border-spacing: 			0;
}
caption, th, td {	text-align: left; font-weight: 				normal;
}
blockquote:before, blockquote:after, q:before, q:after {content:"";
}
blockquote, q {		quotes: "" "";
}
fieldset, img {		border: 0;
}
ins {				text-decoration:none;
}
del {				text-decoration: 			line-through;
}
body {				font: 14px Verdana, Arial, Helvetica, sans-serif;
					background: #f1f1f1; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
					padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
					color: #CCC;
}
#divlogin{			width:400px;height:140px;background-color:#CCC;margin: 10% auto auto auto;}
.formline {			margin-top:10px; color:#333;}
.formtitle {		background-color:#666;color:#FFF;line-height:30px;}
 #container {		width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
					margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
					border: 1px solid #333;
}
#mainContent { 		background: url(../../images/pattern.gif); padding: 0 20px; min-height:550px;
}
#header{			background: url(../../images/header_bg.gif); padding: 0 20px; height:50px;
}
#welcome{			text-align:right; color: #fff; height:25px;
}
#menu{				text-align:center; color: #aaa; height:25px;
}
.jqmWindow {		display:none; position:fixed; border:none; 
}
.jqmOverlay {		background-color:#000000;
}
* iframe.jqm {		position:absolute; top:0; left:0; z-index:-1;
					width:expression(this.parentNode.offsetWidth+'px');
					height:expression(this.parentNode.offsetHeight+'px');
}

* html .jqmWindow {	position:absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
#spinner {
	width: 						60px;
	height: 					60px;
    top: 						50%;
    left: 						50%;
    margin:						0px;
	padding:                    10px;
	text-align:					center;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#323232;
    background-color: 			#e8e8e8;
	margin-top:					-40px;
	margin-left: 				-40px;
	z-index:					6000;
}

#spinner img {			margin-top:10px;
}
div.jGrowl {			padding: 10px;z-index:9999;
}
/** Special IE6 Style Positioning **/
div.ie6 {				position:absolute;
}
div.ie6.top-right {		right:auto; bottom: auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
div.ie6.top-left {		left:expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
div.ie6.bottom-right { left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
div.ie6.bottom-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top:expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); width: 100%;
}
/** Normal Style Positions **/
body > div.jGrowl { 	position:fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#cfcfcf;
	color: 					#1a1a1a;
	opacity: 				1;
	filter: 				alpha(opacity = 100);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	border:					1px solid #5e6b79;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				12px;
}

div.jGrowl div.jGrowl-notification div.close {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 				15px;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			center;
}


div.tablesorterFilter {
	position:					relative;
	width:						590px;
	height:						30px;
	margin-left:				auto;
	margin-right:				auto;
	padding:                	4px 32px 3px 32px;
	background: 				url(../../images/admin-topbar-bg.gif) no-repeat left top;
}

div.tablesorterFilter label {
	position:					relative;
	float:						left;
	margin:						0px;
	padding:                    8px 0px 0px 10px;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#8ba8c4;
}

div.tablesorterFilter div.field {
	position:					relative;
	float:						left;
	width:						136px;
	height: 					30px;
	margin:						0px;
	padding:	 				0px;
	background:					url(../../images/admin-tablesorter-assets.gif) no-repeat left top;
}

div.tablesorterFilter input {
	width:						116px;
	height: 					18px;
	margin:						8px 10px 4px 10px;
	padding:	 				0px;
	border: 					none;
	background:					none;
	line-height:				16px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#1b1b1b;
}

div.tablesorterFilter div.combofield {
	position:					relative;
	display:					block;
	float:						left;
	height: 					30px;
	margin:						0px;
	padding:	 				0px;
}

div.tablesorterFilter .smallselect {
	display: 					inline;
	width: 						40px;
	height: 					18px;
	margin:						0px;
	padding:					8px 30px 4px 10px;
	border: 					none;
	line-height:				16px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;	
	background:					transparent url(../../images/admin-tablesorter-assets.gif) no-repeat 0px -30px;
}

div.tablesorterFilter .smallselect.hover {
	background-position:		-80px -30px;
}

div.tablesorterFilter .smallselect.active {
	background-position:		-160px -30px;
}

div.tablesorterFilter .bigselect {
	display: 					inline;
	width: 						86px;
	height: 					18px;
	margin:						0px;
	padding:					8px 30px 4px 10px;
	border: 					none;
	line-height:				16px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;	
	background:					transparent url(../../images/admin-tablesorter-assets.gif) no-repeat 0px -120px;
}

div.tablesorterFilter .bigselect.hover {
	background-position:		-126px -120px;
}

div.tablesorterFilter .bigselect.active {
	background-position:		-252px -120px;
}

div.tablesorterFilter input.resetButton {
	float:						left;
	width: 						68px;
    height: 					30px;
	margin:						0px 0px 0px 5px;
	padding:	 				0px;
    border: 					none;
	background:					url(../../images/admin-tablesorter-assets.gif) no-repeat;
	background-position:		0px -60px;
	text-indent:				-5555px;	
	cursor: 					pointer;
}

div.tablesorterFilter input.resetButton:hover, 
div.tablesorterFilter input.resetButton:active {
	background-position:		-68px -60px;
}

/* [3.3. Table] */
table.tablesorter {
	width: 						100%;
	margin:						10px 0px 10px 0px;
	font:						14px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	text-align: 				center;
}

table.tablesorter thead tr th, 
table.tablesorter tfoot tr th {
	padding: 	                5px;
	border-top: 				1px solid #131313;
	border-right: 				1px solid #131313;
	border-bottom: 				1px solid #131313;
	letter-spacing: 			1px;
	text-align: 				center;
	font: 						18px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: 						#8ba8c4;
}

table.tablesorter thead tr th.spec, 
table.tablesorter tfoot tr th.spec {
	border-left: 				1px solid #131313;
}

table.tablesorter thead tr th.nobg, 
table.tablesorter tfoot tr th.nobg {
	width:						52px;
	border-top:					none;
	border-right:				none;
	border-bottom: 				1px solid #131313;
	border-left:				none;
	text-align:					center;
}

table.tablesorter thead tr .header {
	background: 				#1b1b1b url(../../images/tablesorter-bg.gif) no-repeat center right;
	cursor: 					pointer;
}

table.tablesorter thead tr .headerSortUp {
	background: 				#131313 url(../../images/tablesorter-asc.gif) no-repeat center right;
}

table.tablesorter thead tr .headerSortDown {
	background: 				#131313 url(../../images/tablesorter-desc.gif) no-repeat center right;
}

table.tablesorter tbody td {
	padding: 	                5px;
	border-right: 				1px solid #131313;
	border-bottom: 				1px solid #131313;
	color: 						#ffffff;
	vertical-align:				middle;
	background: 				#232323;
	text-align:					center;
}

table.tablesorter tbody td.spec {
	border-left: 				1px solid #131313;
	border-top: 				0;
}

table.tablesorter tbody tr.odd td {
	background-color:			#272727;
}

table.tablesorter tbody td.opts {
	padding: 	                2px;
}

table.tablesorter tbody td a.optview {
	display:					block;
	width:						16px;
	height:						16px;
	margin-left:				auto;
	margin-right:				auto;
	padding:                    0px;
	text-indent:				-5555px;
	background:					url(../../images/icon-view.gif) no-repeat left top;
}

table.tablesorter tbody td a.optview:hover, 
table.tablesorter tbody td a.optview:active {
	background:					url(../../images/icon-view-hover.gif) no-repeat left top;
}

table.tablesorter tbody td a.optproc {
	display:					block;
	float:						left;
	width:						16px;
	height:						16px;
	margin:						0px 0px 0px 10px;
	padding:                    0px;
	text-indent:				-5555px;
	background:					url(../../misc/icons/icon-accept.gif) no-repeat left top;
}

table.tablesorter tbody td a.optproc:hover, 
table.tablesorter tbody td a.optproc:active {
	background:					url(../../misc/icons/icon-accept-hover.gif) no-repeat left top;
}

table.tablesorter tbody td a.optdel {
	display:					block;
	float:						left;
	width:						16px;
	height:						16px;
	margin:						0px 0px 0px 10px;
	padding:                    0px;
	text-indent:				-5555px;
	background:					url(../../misc/icons/icon-delete.gif) no-repeat left top;
}

table.tablesorter tbody td a.optdel:hover, 
table.tablesorter tbody td a.optdel:active {
	background:					url(../../misc/icons/icon-delete-hover.gif) no-repeat left top;
}

/* [3.4. Paging] */
div.tablesorterPager {
	position:					relative;
	width:						470px;
	height:						30px;
	margin-left:				auto;
	margin-right:				auto;
	padding:                	4px 92px 3px 92px;
	background: 				url(../../images/admin-bottombar-bg.gif) no-repeat left top;
	text-align: 				center;
}

div.tablesorterPager form {
	position:					relative;
	width:						470px;
	height:						auto;
	margin:						0px;
	padding:                    0px 0px 0px 12px;
}	

div.tablesorterPager label {
	position:					relative;
	float:						left;
	margin:						0px;
	padding:                    8px 10px 0px 10px;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#8ba8c4;
}

div.tablesorterPager a {
	display:					block;
	float:						left;
	width:						26px;
	height:						26px;
	margin:						1px 0px 0px 0px;
	padding:                    0px;
	text-indent:				-5555px;
	background:					url(../../images/admin-tablesorter-assets.gif) no-repeat 0px 0px;
}

div.tablesorterPager a.first {
	background-position:		0px -94px;
}

div.tablesorterPager a.prev {
	background-position:		-26px -94px;
}

div.tablesorterPager a.next {
	background-position:		-52px -94px;
}

div.tablesorterPager a.last {
	background-position:		-78px -94px;
}

div.tablesorterPager div.field {
	position:					relative;
	float:						left;
	width:						136px;
	height: 					30px;
	margin:						0px;
	padding:	 				0px;
	background:					url(../../images/admin-tablesorter-assets.gif) no-repeat left top;
}

div.tablesorterPager input {
	width:						116px;
	height: 					18px;
	margin:						8px 10px 4px 10px;
	padding:	 				0px;
	border: 					none;
	background:					none;
	line-height:				16px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#1b1b1b;
}

div.tablesorterPager div.combofield {
	position:					relative;
	display:					block;
	float:						left;
	height: 					30px;
	margin:						0px;
	padding:	 				0px;
}

div.tablesorterPager .pagesize {
	display: 					inline;
	width: 						40px;
	height: 					18px;
	margin:						0px;
	padding:					8px 30px 4px 10px;
	border: 					none;
	line-height:				16px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;	
	background:					transparent url(../../images/admin-tablesorter-assets.gif) no-repeat 0px -30px;
}

div.tablesorterPager .pagesize.hover {
	background-position:		-80px -30px;
}

div.tablesorterPager .pagesize.active {
	background-position:		-160px -30px;
}

 .selectOptions {
	max-height: 				200px;
	padding:                    5px 1px 5px 1px;
	overflow: 					auto;
	text-align:					left;
	border: 					solid 3px #4d4d4d;
	background: 				#ffffff;
}

 .selectOptions li {
	display: 					block;
	padding:                    3px 5px 3px 5px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#1b1b1b;
}

 .selectOptions li.hover {
	background: 				#e0e0e0;
}

 .selectOptions li.sel {
	background: 				#e0e0e0;
}


.hrBevel {
	position:					relative;
	clear:						both;
	width:						654px;
	height:						8px;
	margin-left:				auto;
	margin-right:				auto;
	padding:                	0px;
	background:					url(../../images/hr-bevel.gif) no-repeat center top;
}




#layerdetails {
	width: 						900px;
	height: 					520px;
    top: 						50%;
    left: 						50%;
    margin:						0px;
	padding:                    5px;
	text-align:					left;
    background-color: 			#ffffff;
    color: 						#323232;
	margin-top:					-265px;
	margin-left: 				-455px;
	z-index:					5000;
}

/* [4.1. Title] */
#layerdetails .titlebox {
	position:					relative;
	width:						900px;
	height:						35px;
	margin:						0px 0px 5px 0px;
	padding:                    0px;
}

#layerdetails .titlebox span {
	display:					block;
	float:						left;
	width:						420px;
	height:						15px;
	margin:						0px;
	padding:                    11px 5px 9px 20px;
	text-align:					left;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#676767;
}

#layerdetails .titlebox a {
	display:					block;
	float:						right;
	width:						35px;
	height:						35px;
	margin:						0px 10px 0px 0px;
	padding:                    0px;
	background:					#ffffff url(../../images/popup-close.gif) no-repeat left top;
	text-indent:                -5555px;
}

/* [4.2. Content] */
#layerdetails .contentbox {
	clear:						both;
	width:						870px;
	height:						450px;
	margin:						0px;
	padding:                    15px;
	overflow:					hidden;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#323232;
	background: 				#e8e8e8 url(../../images/popup-submission-bg.gif) no-repeat left top;
}

/* [4.2.1. Details] */
#layerdetails .contentbox #details {
	position:					relative;
	width:						870px;
	height:						450px;
	margin:						0px;
	padding:                    0px;
	overflow:					auto;
}


#layerdetails .contentbox #details .halfdiv {
	width:435px;
	height:450px;
	float:left;
	border:0;
	margin:0;
	padding:0;
}
#layerdetails .contentbox #details .halfpic {
	width:435px;
	height:435px;
	overflow: hidden;
}
#layerdetails .contentbox #details .halftitle {
	width:435px;
	height:15px;
	line-height:15px;
}
#layerdetails .contentbox #details .halfdesc {
	width:415px;
	height:250px;
	overflow:auto;
	border: 1px solid #000;
	background-color: #fff;
	padding: 5px;
}
#layerdetails .contentbox #details .halflink {
	width:415px;
	height:150px;
	overflow:hidden;
	margin-top:10px;
	text-align:center;
	padding: 5px;
	
}

#layerdetails .contentbox #details .halflink a {
	display:					block;
	float:						left;
	width:						140px;
	height:						24px;
	
	padding:                	6px 0px 0px 0px;
	text-decoration:			none;
	text-align:					center;
	font:						bold 11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;
	background:					url(../../images/popup-submission-assets.gif) no-repeat 0px -220px;
	cursor:						pointer;
}

#layerdetails .contentbox #details .halflink a:hover,
#layerdetails .contentbox #details .halflink a:active {
	color:						#ffffff;
}

#layerdetails .contentbox #details form {
	width:						850px;
}	

#layerdetails .contentbox #details p {
	padding-bottom:             10px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				bold;
	color:						#323232;
}

#layerdetails .contentbox #details p span {
	padding-left:               5px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#323232;
}

#layerdetails .contentbox #details .formhr {
	position:					relative;
	clear:						both;
	width:						850px;
	height:						15px;
	margin:						0px 0px 15px 0px;
	padding:                    0px;
	border-bottom:				1px solid #b7b7b7;
}

#layerdetails .contentbox #details .formline {
	position:					relative;
	clear:						both;
	width:						850px;
	height:						auto;
	margin:						0px;
	padding:                    0px 0px 5px 0px;
}

#layerdetails .contentbox #details span.udetail {
	padding:                    0px 5px 0px 15px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				bold;
	color:						#626262;
}

/* [4.2.1.1. Labels] */
#layerdetails .contentbox #details label {
	position:					relative;
	float:						left;
	width:						80px;
	height:						22px;
	margin:						0px 0px 3px 0px;
	padding:                    8px 10px 0px 10px;
	text-align:					right;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#323232;
}

#layerdetails .contentbox #details label.w220 {
	width:						220px;
}

/* [4.2.1.2. Files] */
#layerdetails .contentbox #details div.files {
	position:					relative;
	float:						left;
	width: 						auto;
	height: 					30px;
	margin:						0px;
	padding:	 				0px;
}



/* [4.2.1.3. Small Field] */
#layerdetails .contentbox #details div.smallfield {
	position:					relative;
	float:						left;
	width: 						110px;
	height: 					30px;
	margin:						0px;
	padding:	 				0px;
	background:					url(../../images/popup-submission-assets.gif) no-repeat;
	background-position:		0px 0px;
}

#layerdetails .contentbox #details input.small {
	width: 						90px;
	height: 					16px;
	margin:						8px 10px 6px 10px;
	padding:	 				0px;
	border: 					none;
	background:					none;
	line-height:				16px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;
}

/* [4.2.1.4. Normal Field] */
#layerdetails .contentbox #details div.field {
	position:					relative;
	float:						left;
	width: 						180px;
	height: 					30px;
	margin:						0px 0px 3px 0px;
	padding:	 				0px;
	background:					url(../../images/popup-submission-assets.gif) no-repeat;
	background-position:		0px -30px;
}

#layerdetails .contentbox #details input {
	width: 						160px;
	height: 					16px;
	margin:						8px 10px 6px 10px;
	padding:	 				0px;
	border: 					none;
	background:					none;
	line-height:				16px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;
}

/* [4.2.1.5. Big Field] */
#layerdetails .contentbox #details div.bigfield {
	position:					relative;
	float:						left;
	width: 						320px;
	height: 					30px;
	margin:						0px;
	padding:	 				0px;
	background:					url(../../images/popup-submission-assets.gif) no-repeat;
	background-position:		0px -60px;
}

#layerdetails .contentbox #details input.big {
	width: 						300px;
	height: 					16px;
	margin:						8px 10px 6px 10px;
	padding:	 				0px;
	border: 					none;
	background:					none;
	line-height:				16px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;
}

/* [4.2.1.6. Select] */
#layerdetails .contentbox #details div.combo {
	position:					relative;
	display:					block;
	float:						left;
	height: 					30px;
	margin:						0px;
	padding:	 				0px;
}

#layerdetails .contentbox #details input.select {
	display: 					inline;
	width: 						140px;
	height: 					18px;
	margin:	 					0px;
	padding:					8px 30px 4px 10px;
	border: 					none;
	background:					none;
	line-height:				16px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;
	background:					url(../../images/popup-submission-assets.gif) no-repeat 0px -90px;
}

#layerdetails .contentbox #details input.select.hover {
	background-position:		-180px -90px;
}

#layerdetails .contentbox #details input.select.active {
	background-position:		-360px -90px;
}

#layerdetails .contentbox #details .selectOptions {
	max-height: 				200px;
	padding:                    5px 1px 5px 1px;
	overflow: 					auto;
	text-align:					left;
	border: 					solid 1px #4d4d4d;
	background: 				#ffffff;
}

#layerdetails .contentbox #details .selectOptions li {
	display: 					block;
	padding:                    3px 5px 3px 5px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#1b1b1b;
}

#layerdetails .contentbox #details .selectOptions li.hover {
	background: 				#e0e0e0;
}

#layerdetails .contentbox #details .selectOptions li.sel {
	background: 				#e0e0e0;
}

/* [4.2.1.8. Dropdown] */
#layerdetails .contentbox #details .ddMenu {
	position:					absolute;
	max-height: 				200px;
	padding:                    5px 0px 5px 0px;
	overflow: 					auto;
	text-align:					left;
	border: 					solid 1px #4d4d4d;
	background: 				#ffffff;
}

#layerdetails .contentbox #details .oneColMenu { 	width: 168px; }
#layerdetails .contentbox #details .twoColMenu { 	width: 313px; }
#layerdetails .contentbox #details .threeColMenu { width: 458px; }
#layerdetails .contentbox #details .fourColMenu { 	width: 598px; }

#layerdetails .contentbox #details .ddMenu div.ddMain {
	position:					relative;
	float:						left;
	width:						142px;
	margin:						0px;
	padding:                    0px 1px 0px 1px;
	border-right:				1px solid #e0e0e0;
}

#layerdetails .contentbox #details .ddMenu div.ddSub {
	position:					relative;
	float:						left;
	margin:						0px;
	padding:                    0px;
}

#layerdetails .contentbox #details .ddMenu div.ddSubCol {
	position:					relative;
	float:						left;
	width:						142px;
	margin:						0px;
	padding:                    0px 1px 0px 1px;
	border-right:				1px solid #e0e0e0;
}

#layerdetails .contentbox #details .ddMenu ul {
	position:					relative;
	width:						142px;
	height:						auto;
	margin:						0px;
	padding:                    0px;
}

#layerdetails .contentbox #details .ddMenu ul li {
	position:					relative;
	display:					block;
	width:						142px;
	height:						20px;
	margin:						0px;
	padding:                    0px;
	background: 				#ffffff;
	vertical-align: 			bottom;
	color:						#000000;
}

#layerdetails .contentbox #details .ddMenu ul li a {
	position:					relative;
	display:					block;
	width:						142px;
	height:						20px;
	line-height:				20px;
	text-indent:	        	5px;
	text-decoration:			none;
	color:						#000000;
	background:					#ffffff url(../../images/menu-arrow.gif) 132px 6px no-repeat;
}

#layerdetails .contentbox #details .ddMenu ul li a:hover {
	background:					#e0e0e0 url(../../images/menu-arrow.gif) 132px 6px no-repeat;
}

#layerdetails .contentbox #details .ddMenu ul li a.optSel {
	background:					#e0e0e0 url(../../images/menu-arrow.gif) 132px 6px no-repeat;
}

#layerdetails .contentbox #details .ddMenu label {
	display: 					block;
	float:						none;
	clear:						none;
	width:						140px;
	height:						18px;
	margin:                     0px;
	padding:                    2px 0px 0px 0px;
	text-align:					left;
}

#layerdetails .contentbox #details .ddMenu label.checked {
	background: 				#e0e0e0;
}

#layerdetails .contentbox #details .ddMenu label.hover {
	background: 				#e0e0e0;
}

#layerdetails .contentbox #details .ddMenu label span {
	position:					relative;
	display:					block;
	float:						left;
	width:						120px;
	height:						20px;
	margin:                     0px;
	padding:                    0px;
	overflow:					hidden;
	text-indent:                7px;
	white-space:				nowrap;
	line-height:				20px;
	font:						11px/16px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;
}

#layerdetails .contentbox #details .catcheck {
	float:						left;
	width:						auto;
	margin:						1px 0px;
	padding:                    0px;
	border:						none;
	background:					none;
}

/* [4.2.1.8. Checkbox] */
#layerdetails .contentbox #details label.checkbox {
	position:					relative;
	float:						left;
	clear:						none;
	width:						auto;
	height:						auto;
	margin:						9px 10px 0px 0px;
	padding:                    0px;
	text-align:					left;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#707070;
}

#layerdetails .contentbox #details label.checkbox a {
	text-decoration:			underline;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#707070;
}

#layerdetails .contentbox #details label.checkbox a:hover, 
#layerdetails .contentbox #details label.checkbox a:active {
	text-decoration:			underline;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;
}

#layerdetails .contentbox #details input.checkbox {
	float:						left;
	width:						auto;
	margin:						8px 10px 0px 78px;
	padding:                    0px;
	border:						none;
	background:					none;
}

/* [4.2.1.9. Buttons] */
#layerdetails .contentbox #details .formsubmit {
	position:					relative;
	clear:						both;
	width:						170px;
	height:						30px;
	margin:						0px;
	padding:                    0px 350px 0px 350px;
	text-align:					center;
}

#layerdetails .contentbox #details a.acceptButton {
	display:					block;
	float:						left;
	width: 						80px;
    height: 					23px;
	margin:						0px 0px 0px 10px;
	padding:                	7px 0px 0px 0px;
	text-decoration:			none;
	text-align:					center;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				bold;
	color:						#000000;
	background:					url(../../images/popup-submission-assets.gif) no-repeat 0px -190px;
}

#layerdetails .contentbox #details a.acceptButton:hover, 
#layerdetails .contentbox #details a.acceptButton:active {
	color:						#ffffff;
}

#layerdetails .contentbox #details a.refuseButton {
	display:					block;
	float:						left;
	width: 						80px;
    height: 					23px;
	margin:						0px;
	padding:                	7px 0px 0px 0px;
	text-decoration:			none;
	text-align:					center;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				bold;
	color:						#000000;
	background:					url(../../images/popup-submission-assets.gif) no-repeat 0px -250px;
}

#layerdetails .contentbox #details a.refuseButton:hover, 
#layerdetails .contentbox #details a.refuseButton:active {
	color:						#ffffff;
}

/* [4.2.1.10. Textarea] */
#layerdetails .contentbox #details div.area {
	position:					relative;
	float:						left;
	width: 						320px;
	height: 					70px;
	margin:						0px 0px 5px 0px;
	padding:	 				0px;
	background:					url(../../images/popup-submission-assets.gif) no-repeat;
	background-position:		0px -120px;
}

#layerdetails .contentbox #details textarea {
	width: 						300px;
	height: 					52px;
	margin:						9px 10px 9px 10px;
	padding:	 				0px;
	border: 					none;
	background:					none;
	line-height:				13px;
	font: 						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;
}

.infopopup {
	width: 						490px;
	height: 					470px;
    top: 						50%;
    left: 						50%;
    margin:						0px;
	padding:                    5px;
    background-color: 			#ffffff;
    color: 						#323232;
	margin-top:					-225px;
	margin-left: 				-250px;
	z-index:					5500;
}

.infopopup .titlebox {
	position:					relative;
	width:						490px;
	height:						35px;
	margin:						0px 0px 5px 0px;
	padding:                    0px;
}

.infopopup .titlebox span {
	display:					block;
	float:						left;
	width:						420px;
	height:						15px;
	margin:						0px;
	padding:                    11px 5px 9px 20px;
	text-align:					left;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				bold;
	color:						#010101;
}

.infopopup .titlebox a {
	display:					block;
	float:						right;
	width:						35px;
	height:						35px;
	margin:						0px 10px 0px 0px;
	padding:                    0px;
	background:					#ffffff url(../../images/popup-close.gif) no-repeat left top;
	text-indent:                -5555px;
}

.infopopup .contentboxx {
	clear:						both;
	width:						460px;
	height:						400px;
	margin:						0px;
	padding:                    15px;
	font:						11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:				normal;
	color:						#323232;
	background: 				#e8e8e8 url(../../images/popup-login-bg.gif) no-repeat left top;
}

.infopopup .contentboxx #terms_box {
	position:					relative;
	width:						450px;
	height:						350px;
	margin:						0px;
	padding:                    0px 5px 0px 5px;
	overflow:					auto;
}

.infopopup .contentboxx #terms_box p {
	font:						11px/18px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:						#000000;
}

.infopopup .contentboxx #accept_box {
	position:					relative;
	width:						460px;
	height:						50px;
	margin:						10px 0px 0px 0px;
	padding:                    0px;
	text-align:					center;
	border-top:					1px solid #b7b7b7;
}

.infopopup .contentboxx #accept_box a.terms_accept {
	display:					block;
	width: 						80px;
    height: 					30px;
	margin:						10px 190px 0px 190px;
	padding:                	0px;
    border: 					none;
	background:					url(../../images/popup-terms-assets.gif) no-repeat;
	background-position:		0px 0px;
	text-indent:                -5555px;
	cursor: 					pointer;
}

.infopopup .contentboxx #accept_box a.terms_accept:hover, 
.infopopup .contentboxx #accept_box a.terms_accept:active {
	background-position:		-80px 0px;
}

.infopopup .contentboxx #accept_box a.terms_close {
	display:					block;
	width: 						80px;
    height: 					30px;
	margin:						10px 190px 0px 190px;
	padding:                	0px;
    border: 					none;
	background:					url(../../images/popup-terms-assets.gif) no-repeat;
	background-position:		0px -30px;
	text-indent:                -5555px;
	cursor: 					pointer;
}

.infopopup .contentboxx #accept_box a.terms_close:hover, 
.infopopup .contentboxx #accept_box a.terms_close:active {
	background-position:		-80px -30px;
}

.index {width: 800px; margin: 0 auto;border: 1px solid #333; background-color:#CCC;
}

.logo { padding:5px; background-color:#F1F1F1;
}