/* --( general )------------------------------------------------------------ */
body, div, ul li,
table tr td {
	font-family:			Arial;
	font-size:			11px;
	color:				#666;
}

body {
	background:			#fff url(../images/admin/background.gif) repeat-x top left;
	text-align:			center;
}

a {
	font-weight:			normal;
	color:				#369;
	text-decoration:		none;
}

a:hover {
	color:				#036;
}

.title {
	font-family:			Verdana;
	font-size:			10px;
	color:				#369;
}

.txt {
	font-family:			Arial;
	font-size:			11px;
	color:				#666;
}

.cap {
	font-family:			Arial;
	font-size:			11px;
	font-style:			italic;
	color:				#f66;
}

.sys {
	font-family:			'Courier New';
	font-size:			11px;
	color:				#369;
}

.sys ul {
	margin:				0 0 10px 50px;
}

.innerBevel {
	border-top:			1px solid #fff;
	border-right:			1px solid #c1c1c1;
	border-bottom:			1px solid #c1c1c1;
	border-left:			1px solid #fff;
}

.selectedInnerBevel {
	background-color:		#ddd;

	border-top:			1px solid #fff;
	border-right:			1px solid #c1c1c1;
	border-bottom:			1px solid #c1c1c1;
	border-left:			1px solid #fff;
}

a.button:link,
a.button:visited,
a.button:hover {
	display:			block;
	margin:				2px 0 0 0;
	padding:			5px;

	width:				200px;

	background:			#7C99B2;

	border-top:			1px solid #fff;
	border-right:			1px solid #808080;
	border-bottom:			1px solid #808080;
	border-left:			1px solid #fff;

	font-family:			Helvetica, Arial;
	font-size:			13px;
	font-weight:			bold;
	letter-spacing:			-1px;
	color:				#fff;

	text-align:			center;
	text-transform:			lowercase;
}

a.button:hover {
	margin:				2px 0 0 0;
	padding:			4px 6px 6px 4px;

	border-top:			1px solid #808080;
	border-right:			1px solid #fff;
	border-bottom:			1px solid #fff;
	border-left:			1px solid #808080;
}

input.n {
	background:			none;

	font-family:			'Courier New';
	font-size:			11px;
	color:				#339;

	border-top:			1px none #00f;
	border-right:			1px none #00f;
	border-bottom:			1px solid #dfe4ec;
	border-left:			1px none #00f;

	text-align:			right;
	cursor:				text;
}

input.a,
select.a {
	background:			none;

	font-family:			'Courier New';
	font-size:			11px;
	color:				#339;
}

input.f,
select.f {
	background:			none;

	font-family:			'Courier New';
	font-size:			11px;
	color:				#339;
}

span.dotted {
	display:			block;
	width:				100%;
	height:				1px;
	margin:				4px 0;
	padding:			0;

	background:			url(../images/admin/zen_dot.gif) repeat-x top left;
}

#container {
	margin:				0 auto;

	width:				640px;

	background:			none;
	text-align:			left;
}

#container_footer {
	width:				640px;
	height:				35px;
	background:			#e8e6e0;

	margin:				10px 0;
}

#container_footer span {
	position:			absolute;
	display:			block;
	width:				640px;

	margin:				13px 0 0 0;

	text-align:			center;
	text-transform:			uppercase;
}

#menu {
	position:			absolute;
	top:				13px;
	left:				auto;

	margin:				0 0 0 8px;

	width:				640px;
	text-align:			center;
}

#menu ul {
	margin:				0;
	padding:			0;

	background:			none;
}

#menu ul li.tabby {
	background:			url(../images/admin/menu_0.gif) no-repeat top left;
}

#menu ul li,
#menu ul li a {
	display:			block;
	float:				left;

	margin:				0;
	padding:			0;
}

#menu ul li a span.img {
	display:			block;
	margin:				5px 5px 0 0;
}

#menu ul li.tabby a {
	width:				100px;
	height:				30px;

	text-align:			center;
	font-family:			Arial;
	font-size:			11px;
	font-weight:			bold;
	color:				#000;
}

#menu ul li.tabby a:hover {
	background:			url(../images/admin/menu_05.gif) no-repeat top left;
}

#menu ul li.tabby a.over {
	background:			url(../images/admin/menu_1.gif) no-repeat top left;
	color:				#369;
}

#menu ul li.tabby a span {
	display:			block;
	margin:				10px 0 0 0;
}

#subMenu {
	position:			absolute;
	top:				43px;
	width:				640px;
}

#subMenu ul {
	margin:				0;
	padding:			0;

	background:			none;
}

#subMenu ul li {
	display:			inline;

	margin:				0;
	padding:			0;
}

#subMenu ul li a {
	display:			block;
	float:				left;

	margin:				0;
	padding:			0;

	background:			#none;

	font-family:			Arial;
	font-size:			9px;
	font-weight:			normal;
}

#subMenu ul li a.over {
	background:			#fff url(../images/admin/subMenu_1.gif) repeat-x top left;
}

#subMenu ul li a span {
	display:			block;
	margin:				2px 5px;
}

#logout {
	position:			absolute;
	top:				58px;
	left:				auto;

	width:				640px;

	font-family:			Arial;
	font-size:			10px;

	text-align:			right;
	text-transform:			lowercase;
}

div.main {
	margin:				70px 0 0 0;
}

div.main table thead tr td {
	padding:			4px;

	text-align:			center;
	font-family:		Tahoma, Verdana, Arial;
	font-size:			10px;
	color:				#369;
}

div.main table.list {
	width:				100%;
}

div.main table.list tr.ln1	{background:#eaeff5;}
div.main table.list tr.ln2	{background:#e6e6e6;}

div.main table.list tbody tr.unread {
	background:			#ccf;
}

div.main table.list tbody tr.read {
	background:			#fcfcfc;
}

div.main table.list tbody tr td {
	border-top:				1px none #c1c1c1;
	border-right:			1px none #c1c1c1;
	border-bottom:			1px solid #eee;
	border-left:			1px none #c1c1c1;
}

div.main table.list ul {margin: 5px 0; padding: 0;}
div.main table.list li {display: inline; margin: 0 0 0 5px;}
	li.ASQ_dynamic_paging_previous,
	li.ASQ_dynamic_paging_number,
	li.ASQ_dynamic_paging_next {border-left: 1px dotted #888; padding-left: 9px;}

div.main table.list li {
	font-weight:				bold;
	color:						#c00;
}
div.main table.list li a {
	font-weight:				normal;
	color:						#666;
}
	div.main table.list li a:hover {color: #00c; text-decoration: underline;}

/* --( homepage )----------------------------------------------------------- */
#spotlight,
#versionHistory {

}

#loginLyr {
	position:			absolute;
	top:				70px;
	left:				auto;

	width:				160px;
	height:				100px;
	background:			#fff url(../images/admin/login_box.gif) no-repeat top left;

	margin:				0 0 0 480px;
}

#loginLyr h1 {
	display:			block;
	width:				154px;
	height:				19px;

	margin:				0;
	padding:			0;

	background:			url(../images/admin/login_h1.gif) no-repeat center center;
}

#loginLyr h1 span {
	display:			none;
}

#loginLyr table tr td.txt {
	font-family:			Arial;
	font-size:			10px;
	text-align:			right;
	text-transform:			lowercase;
}

#loginLyr table tr td span.message {
	display:			block;
	margin:				20px 0 0 0;

	font-family:			Arial;
	font-size:			11px;
	font-weight:			bold;
	color:				#c00;

	text-align:			center;
	text-transform:			uppercase;
}

#loginLyr span.lojcomm,
#loginLyr span.scanAlert {
	position:			absolute;

	width:				160px;
	text-align:			center;
}
	#loginLyr span.lojcomm {top:212px;}
	#loginLyr span.scanAlert {top:108px;}

#versionHistory {
	width:				463px;
	margin:				0 0 0 5px;

	font-family:			Arial;
	font-size:			12px;
	color:				#000;
}

#versionHistory h1 {
	background:			#e8e6e0;
	height:				35px;
	margin:				10px 0 5px 0;
	padding:			0;
}

#versionHistory h1 span {
	position:			absolute;
	display:			block;
	margin:				10px;

	font-family:			Verdana, Arial;
	font-size:			12px;
	font-weight:			bold;
	color:				#000;
}

#versionHistory ul {
	margin:				10px 0 0 50px;
}



/* --( system )------------------------------------------------------------- */
div.main table.form {
	width:				100%;
	border-collapse:		collapse;
}

div.main table.form tr {
	background:			#dfe7ee;
}

div.main table.form tr td {
	font-family:			Arial;
	font-size:			10px;
	color:				#000;
	text-transform:			lowercase;
}

div.main table.form tr td label {
	display:			block;
	width:				120px;
	text-align:			right;
}

div.main table.form tr td input.full,
div.main table.form tr td input.half,
div.main table.form tr td select.full,
div.main table.form tr td select.half,
div.main table.form tr td textarea  {
	background:			#dfe7ee;
	border-top:			1px solid #c6ced5;
	border-right:			1px solid #f8ffff;
	border-bottom:			1px solid #f8ffff;
	border-left:			1px solid #c6ced5;

	font-family:			Arial;
	font-size:			11px;
	color:				#369;

	margin:				2px 0;
}

div.main table.form tr td input.full,
div.main table.form tr td textarea {
	width:				510px;
}

div.main table.form tr td input.half {
	width:				188px;
}

div#sys_emails textarea#sm_body {
	width:				100%;
	height:				480px;
}



/* --( register )----------------------------------------------------------- */
div#cst_form th {
	background:			none;

	font-size:			11px;
	font-weight:			normal;
	text-align:			right;
}

div#cst_form th.label_full {width:	16%;}
div#cst_form td.fiedl_full {width:	84%;}

div#cst_form th.label_half {width:	16%;}
div#cst_form td.fiedl_half {width:	34%;}

div#cst_form h2 {
	margin:				0;
	padding:			0;

	font-size:			13px;
	color:				#c00;
}

div#cst_form table {
	width:				100%;
}

div#cst_form input.a,
div#cst_form select.a {
	border-top:			1px solid #999;
	border-right:			1px solid #ccc;
	border-bottom:			1px solid #ccc;
	border-left:			1px solid #999;
}

div#cst_form div.hr {height:11px;background:#999 url(../images/hr_dotted.gif) repeat-x;}
	div#cst_form div.hr hr {display:none;}

div#transp_register {
	background:			#d4d0c8;
	border-top:			1px solid #fff;
	border-right:			1px solid #808080;
	border-bottom:			1px solid #808080;
	border-left:			1px solid #fff;

	width:				200px;
}

div#transp_register table {
	border-collapse:		separate;
	border-spacing:			3px;
}

div#transp_register table thead th {
	padding:			4px;

	background:			#0a246a;
	font-weight:			bold;
	color:				#fff;
	text-align:			center;
}

div#transp_register table tfoot td {
	text-align:			right;
}



/* --( Ask Seller a Question )---------------------------------------------- */
div#asqPage table td {padding: 5px; border: none; vertical-align: top;}
div#asqPage td.lft {width: 25%; background-color: #f8f8f8;}
div#asqPage td.rgt {width: 75%;}
div#asqPage span.product_image {display: block; margin-bottom: 5px;}
div#asqPage span.product_image img {border:1px solid #888;}
div#asqPage span.product_name {display: block;}
div#asqPage span.user_name {display: block; margin-top:10px; font-weight: bold;}
div#asqPage span.user_location {display: block;}
div#asqPage span.ASQ_dtQuestion {display: block; margin-top:10px; width: 100%; text-align: right;}
div#asqPage span.ASQ_boolQuestion {display: block;}
div#asqPage span.ASQ_boolQuestion img {vertical-align: middle;}
div#asqPage span.ASQ_publish {display: block;}
div#asqPage span.ASQ_publish input {margin-left: 5px; vertical-align: middle;}

div#asqAdmForm h1 {height: 20px; background: url(../images/admin/h1_bgBar.gif) no-repeat top left; margin: 10px 0; padding: 0;}
div#asqAdmForm h1 span {display: block; width: 150px; padding:1px 0; font-family: "Arial Narrow"; font-size:13px; font-weight: normal; text-transform: lowercase; color: #000; text-align: right;}
div#asqAdmForm_fields {margin-top: 10px;}
div#asqAdmForm label {font-weight: bold;}
div#asqAdmForm textarea {width: 100%; height: 100px;}
div#asqAdmForm_submit {text-align: right;}

.codemirror {
    border:1px solid #EEE;
}

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

ul.paginator {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

ul.paginator li {
    display: inline;
    padding: 0 4px;
}

ul.paginator li.paginator-view-all,
ul.paginator li.paginator-previous {
    border-right: 1px dotted #333;
}

ul.paginator li.paginator-next {
    border-left: 1px dotted #333;
}