@charset "utf-8";
/* CSS Document */
* { padding: 0; margin: 0; }

BODY {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
	color: #333;
	width: 100%;
	background: #FFF url('../../images/admin/bgTopAdmin.jpg') repeat-x;	
}

.headerTop {
	width: 100%;
	height: 56px;	
	overflow: hidden;
}

.headerTitle {
	width: 75%;
	float: left;
	color: #FFFFFF;
	font-size: 20px;	
	text-align: left;
	padding: 15px 0 0 25px;	
}

.signInAs {
	color: #FFF;
	float: left;
	width: 20%;
	font-size: 14px;
	text-align: right;
}

.signInAs DIV { padding-top: 20px; }
.sLeft50 { padding-left: 50px; }

#loginHolder {
	width: 325px;
	height: 220px;
	margin: 0 auto;
	margin-top: 90px;	
	text-align: left;
	color: #000;
}

.logHeadTitle {
	width: 325px;
	height: 40px;
	display: block; 
	overflow: hidden;
	background: url('../../images/admin/bgLogHeadAdmin.jpg') no-repeat;
}

.logHeadTitle DIV {
	color: #323232;
	font-size: 17px;
	font-weight: bold;
	padding: 10px 0 0 50px;
}

.loginContainer {
	width: 323px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.lockImg {
	float: left;
	width: 96px;
	height: 131px;
	padding-left: 10px;
}

.logDetailHolder {
	float: left;
	width: 180px;
	height: 20px;
	padding-left: 30px;
}

.loginLabel {	
	width: 100px;	
	text-align: left;
	padding-bottom: 5px;
}

.loginInput {
	width: 160px;
	text-align: left;
}

.styleInput { 
	width: 160px;
	padding: 3px 2px;
	border: 1px solid #CCCCCC;	
}

#signin_submit, #modProd, #modProd2 {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background: #ff9933 url('../../images/admin/bg-btn-red.png') repeat-x scroll 0 0;
	border:1px solid #ff9933;
	color: #323232;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}
#signin_submit::-moz-focus-inner, #modProd::-moz-focus-inner, , #modProd2::-moz-focus-inner{
	padding:0;
	border:0;
}
#signin_submit:hover, #signin_submit:focus, #modProd:hover, #modProd:focus, #modProd2:hover, #modProd2:focus {
	background-position:0 -5px;
	cursor: pointer;
}

.subBut1 {
	width: 80px !important;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background: #39d url('../../images/site_assets/bg-btn-blue.png') repeat-x scroll 0 0;
	border:1px solid #39D;
	color:#fff;
	text-shadow:0 -1px 0 #39d;
	padding: 5px 10px 7px !important;
	font-size:12px;
	margin: 0 5px 0 0;
	font-weight:bold;
}
.subBut1::-moz-focus-inner {
	padding:0;
	border:0;
}
.subBut1:hover, .subBut1:focus {
	background-position:0 -5px;
	cursor: pointer;
}

.delImg {
	width: 50px !important;	
	color:#fff;
	padding: 2px 5px 5px !important;
	font-size:12px;
	margin: 0 5px 0 0;
	font-weight:bold;
	background: #de0000;
	border: 1px solid #920000;
}

.pagination{
	float: left;
	padding-top: 10px;
	padding-bottom: 7px;
	padding-right: 8px;
	margin-bottom: 5px;
}

/*This sets the padding for our div.*/
.pagination ul {
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/*This removes the default margins and padding of the unordered list.*/
.pagination li {
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

/*This removes the styling for the list items and makes them line up one after another.*/
.pagination a, .pagination a:visited{
	color: #292929;
	padding: 4px 5px;
	background: #e3e3e3;
	border: 1px solid #cac9c9;
	text-decoration: none;	
}

/*This sets the styling for the links*/

.pagination a:hover, .pagination a:active{
	color: #292929;
	background: #cac9c9;
	border: 1px solid #ccc;		
}

/*This sets the styling for the links when you hover over them and click them*/
.pagination li.currentpage{
	padding: 4px 6px;
	border: 1px solid #ccc;
	background: #999;
	color: #292929;
}

/*This sets the styling of the current page in view, in this example page 3.*/
.pagination li.disablepage{
	color: #292929;
	padding: 4px 5px;
	background: #cac9c9;
	border: 1px solid #cac9c9;	
}

/*This sets the styling for pages that are not clickable such as the previous button when you are on page 1 and the next button when you are on the last page.*/
.pagination li.nextpage{
	font-weight: bold;
}

/*This makes the next button bold.  This is purely optional but Digg use it and it makes it look neat.*/
* html .pagination li.currentpage, * html .pagination li.disablepage{
	margin-right: 5px;
	padding-right: 0;
}

.disLoginMsg {
	font-size: 9pt; 
	color: #990000;
	text-align: center;
	font-style: italic;
	padding: 10px 0 5px 0;
}

#footerHolder {
	width: 100%;
	height: 78px;
	display: block;
	margin-top: 50px;
	background: url('../../images/admin/bgFooter.jpg') repeat-x;
}

#footerHolder DIV { padding: 30px 0; }

#footerHolder DIV A {
	color: #067dbb;
	text-decoration: underline;
}

#footerHolder DIV A:hover {
	color: #9b2626;
	text-decoration: none;
}

#disMsg {
	width: 20%;
	color: #990000;
	text-align: center;
	padding-left: 10px;
}

.floatLeft { float: left; font-size: 14px; }

.clearBoth { clear: both; overflow: hidden; }

.vspace2 {
	height: 2px;
	clear: both;
	display: block;
	overflow: hidden;
}

.vspace3 {
	height: 3px;
	clear: both;
	display: block;
	overflow: hidden;
}

.vspace5 {
	height: 5px;
	clear: both;
	display: block;
	overflow: hidden;	
}

.vspace10 {
	clear: both;
	height: 10px;
	display: block;
	overflow: hidden;
}

.vspace20 {
	clear: both;
	height: 20px;
	display: block;
	overflow: hidden;
}

.vspace50 {
	clear: both;
	height: 50px;
	display: block;
	overflow: hidden;
}

/* User Panel */
.list {
	border-collapse: collapse;
	width: 96%;
	margin: 0 auto;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;	
}
.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.list thead td {
	color: #003a88 !important;	
	padding: 6px 5px;
	text-align: left;
	font-size: 14px;
	background-color: #EFEFEF;
}
.list td.errMsg {
	border-left: 1px solid #a5bd71;
	border-bottom: 1px solid #a5bd71;
}
.list thead td.errMsg {
	color: #003a88 !important;	
	padding: 8px 5px;
	text-align: left;
	font-size: 14px;
	background-color: #e4f1c9;
}
.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}
.list tbody a {
	text-decoration: underline;
}
.list tbody td {
	vertical-align: middle;
	padding: 0px 5px;
	font-size: 12px;
}
.list .trOdd {
	background: #FFFFFF;
}
.list .trEven {
	background: #E4EEF7;
}
.list .left {
	text-align: left;
	padding: 7px;
}
.list .left SPAN.stat1 { color: #990000; }
.list .left SPAN.stat2 { color: #990000; }
.insertAds INPUT {
	width: 60px;
	padding: 3px 3px; 
	border: 1px solid #CCCCCC; 
}
.left INPUT {
	width: 290px;
	padding: 3px 3px; 
	border: 1px solid #CCCCCC; 
}
.left TEXTAREA.tArea1 {
	width: 290px;
	padding: 3px 3px; 
	border: 1px solid #CCCCCC; 
}

.left OPTION.bdate {
	width: 30px; 
	padding: 1px 3px; 
	border: 1px solid #CCCCCC; 
}
.list .right {
	text-align: right;
	padding: 7px;
}
.list .center {
	text-align: center;
	padding: 7px;
}
.list .left A {
	color: #ed6502;
	font-size: 12px;
	text-decoration: underline;
}
.list .left A:hover {
	color: #003366;
	text-decoration: none;
}
.list .left A.newProd {
	width: 80px !important;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background: #d98b0e url('../../images/site_assets/bg-btn-orange.png') repeat-x scroll 0 0;
	border: 1px solid #e8a43b;
	color: #fff;	
	font-size: 12px;
	margin: 0 5px 0 0;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 10px 6px !important;
}
.list .headLabel { width: 250px; }
.list .subColNoBr {
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #efefef;
}

.list .left LI {
	margin-left: 15px;
}

SELECT.postCategory {
	width: 27%;
	border: 1px solid #c0bfbf;
}

OPTION.downMainCat {
	color: #FFF;
	width: 100%;
	text-align: center;
	padding: 3px 2px 3px 0;
	background-color: #616060;
}

OPTION.downSubCat {
	color: #333;
	width: 100%;	
	padding: 3px 2px 3px 10px;
	background-color: #D3D3D3;
	border-bottom: 1px dotted #666;
}

OPTION.downSubSubCat {
	color: #333;
	width: 100%;
	padding: 3px 2px 3px 20px;
	background-color: #f8f0d5;
	border-bottom: 1px dotted #666;	
}