* {margin:0;padding:0;}
.clear{clear:both;}
.disabled{color:#DDD;}

/*//////////////	BASIC STYLE	//////////////////*/
a{	
	color:#EB5E00;
	cursor:pointer;
	text-decoration:none;
	}
	
h1,h2,h3,h4,h5,h6{color:#EB5E00;font-family:Arial;}

.pageTitle{
		border-bottom:4px solid #DFDFDF;
		padding-bottom:0px;
		margin:20px 0 15px 0;
		}
.boxInput{
	border:1px solid #AAAAAA;
	color:#2F2F2F;
	height:20px;
	width:30%;
	}
	.boxInput.big{
		width:60%;
		}
	.boxInput.small{
		width:15%;
		}
.boxTextarea{
	border:1px solid #AAAAAA;
	color:#2F2F2F;
	height:80px;
	width:70%;
	}
a.button{
	display:block;
	background:url(../img/backend/btn_bg.gif) repeat-x bottom;
	height:19px;
	color:#FFF;
	border:1px solid #F1AF73;
	font-weight:bold;
	padding:0 5px;
	}
a.button:hover{
	background:url(../img/backend/btn_over_bg.gif) repeat-x bottom;
	}
.submitButton{
	background:url(../img/backend/btn_bg.gif) repeat-x bottom;
	height:21px;
	color:#FFF;
	border:1px solid #F1AF73;
	font-weight:bold;
	padding:0 5px 4px 5px;
	outline:none;
	}
.submitButton:hover{
	background:url(../img/backend/btn_over_bg.gif) repeat-x bottom;
	}

	
/*/////////////		MAIN STYLE	//////////////////////////////*/	
	
body {
	background-color: #FFFFFF;
	color: #000;
	font-family:Arial;
	font-size:80%;
	margin: 0;
	text-align:center;
}
#container{
	width:96%;
	margin:0 auto;
	text-align:left;
	}
#headerBg{
		background:#425E66;
		background:#FFF;
	}
#header{
		height:84px;
		background:#425E66;
		/*width:960px;
		margin:0 auto;*/
		text-align:left;
	}
#header a{
	color:#FFF;
	font-weight:normal;
	text-decoration:none;
	cursor:pointer;
}
#header a:hover{
	color:#4D697F;
	color:#FF0;
	}
#header .logo{
	height:53px;
	width:50%;
	float:left;
	border-bottom:1px solid #5F767F;
	}
#header .logout{
	height:53px;
	width:50%;
	*width:49.9%;
	float:left;
	text-align:right;
	border-bottom:1px solid #5F767F;
	}
#header #nav{
height:28px;
background:#666E73 url(../img/backend/nav1_bg.gif) repeat-x 0 100%;
/*border-bottom:1px solid #5F767F;*/
list-style:none;
color:#FFF;
margin:2px 0 0 0;
}
ul#menu{
	margin-left:1%;
	}
#header ul#menu li{
display:block;
padding:5px 10px;
position:relative;
cursor:pointer;
float:left;
height:18px;
background:url(../img/backend/nav1_sep.gif) right no-repeat;
}
#header ul#menu li.active{
background:url(../img/backend/nav1_active.gif) repeat-x 0 0;
}
#header ul#menu li a{
font-weight:normal;
}
#header ul#menu li a:hover{
color:#D6E2E5;
}
#header ul#menu li.active a{
font-weight:bold;
}
#header ul#submenu{
	display:none;
	position:absolute;
	top:28px;
	left:-1px;
	}
#header ul#menu li:hover ul#submenu{
	display:block;
	}
#header ul#submenu li{
	display:block;
	background:url(../img/backend/nav2_li_bg.png) repeat-y;
	width:187px;
	height:17px;
	padding:13px 1px 0 1px;
	}
#header #menu ul#submenu li a{
	border-bottom:1px dotted #777;
	color:#000;
	padding-left:5px;
	display:block;
	font-weight:normal;
	}
#header ul#submenu li:last-child a,#header ul#submenu li.last-child a{
	border:none;
}
#header ul#submenu li:last-child, #header ul#submenu li.last-child{
	background:url(../img/backend/nav2_last_li_bg.png) no-repeat bottom;
	padding-bottom:3px;
	}
#header ul#submenu li:hover, #header ul#submenu li.hover{
	background:url(../img/backend/nav2_li_over_bg.png) repeat-y;
	}
#header ul#submenu li:last-child:hover, #header ul#submenu li.last-child.hover2{
	background:url(../img/backend/nav2_last_li_over_bg.png) bottom;
	}


#main{
	min-height:400px;
	_height:400px;
	clear:both;
}
#left{
	width:200px;
	min-height:400px;
	_height:400px;
	float:left;
	/* border-right:1px solid #8DA9BF; */
	background:url(../img/backend/side_col_bg.gif) repeat-y right;
	margin-top:20px;
	}
#left h3{
	font-size:16px;
	color:#000;
	border-bottom:1px solid #ccc;
	padding-bottom:7px;
	}
ul#navleft li{
	display:block;
	background:url(../img/backend/nav2_li_bgt.png) repeat-y #E3ECEE;
	width:195px;
	height:23px;
	padding:7px 1px 0 1px;
	}
ul#navleft li.active{
	background:#FFFFFF;
	width:198px;
	}
ul#navleft li.active a{
	font-weight:bold;
	}
ul#navleft li a{
	border-bottom:1px dotted #777;
	color:#000;
	padding:0 0 6px 5px;
	display:block;
	font-weight:normal;
	}
ul#navleft li.active a{
	border-bottom:1px solid #ccc;
	}
ul#navleft li:hover{
	background:url(../img/backend/nav2_li_over_bgt.png) repeat-y #D0DFE2;
	}
ul#navleft li.active:hover{
	background:#FFF;
	}

	
#rightBg{
	margin-left:220px;
	}
#right{
	width:100%;
	min-height:400px;
	_height:400px;
	float:left;
	}
#right .headerbox{
	display:none;
	}
#right .headerbox{	
	border:1px solid #ccc;
	margin:10px 0 0 0;
	background:#FAFAFA;
	}
.headerbox h3{
	background:#6F8992;
	height:20px;
	color:#FFF;
	font-size:12px;
	padding:5px 0 0 10px;
	}
#right .box{
	padding:5px;
	}
	
/* Tables */
table {
	background-color: #fff;
	border-top: 1px solid #DADFE0;
	border-left: 1px solid #DADFE0;	
	clear: both;
	color: #333;
	margin:0 auto 10px auto;
	width: 100%;
}

tr.even td{
	background:#F6F6F6;
	}
.grid tr:hover td{
	background:#FCF5DD;
	/*cursor:pointer;*/
	}
	
th {
	background:url(../img/backend/sort_row_bg.gif) repeat-x #f2f2f2;
	border-right: 1px solid #DADFE0;
	border-bottom: 1px solid #DADFE0;
	text-align: center;
	font-size:11px;
}

th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
	color:#000;
}
th a:hover {
	color:#EB5E00;
	text-decoration: none;
}
table tr td {
	background: #fff;
	border-right: 1px solid #DADFE0;
	border-bottom: 1px solid #DADFE0;
	padding: 4px;
	text-align: center;
	vertical-align: top;
	cursor:pointer;
}
table tr.altrow td {
	background: #f4f4f4;
}
.search {
	background:url(../img/backend/filter_row_bg.gif) repeat-x;
	padding:5px;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	display: inline;
	margin: 0px 6px;
}
#footer{
	height:30px;
	}

.box form label{
	width:140px;
	text-align:right;
	float:left;
	display:block;
	padding-right:5px;
}
	
/*	LOGIN	*/
#login{
	width:500px;
	margin:200px auto 0 auto;
	border:1px solid #ccc;
	padding:10px 10px 20px 10px;
	text-align:center;
	background:#FFF;
}
#login form{
	width:450px;
	margin:0 auto;
	text-align:left;
}
#login h2{
	color:#000;
	margin:0 0 15px 0;
	font-size:16px;
	text-align:left;
	}
.loginLeft{
	width:50%;
	float:left;
	margin-bottom:20px;
	}
.loginRight{
	width:50%;
	float:left;
	margin-bottom:20px;
	}
#login .boxInput{
	width:95%;
	}
#login label{
	font-weight:bold;
	}
.loginfoot{
	background:url(../img/backend/login_box_bottom.jpg) repeat-x bottom #FFF;
	height:25px;
	width:520px;
	margin:0 auto;
	text-align:left;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	}
.loginfoot p{
		font-size:11px;
		padding:4px 0 0 10px;
		}
.error{
	border:1px solid #F1AF73;
	margin:5px 10px;
	background:#FFF4E9;
	color:#D85909;
	font-weight:bold;
	padding:10px;
	clear:both;
	}
.message{
	border:1px solid #95A486;
	margin:5px 10px;
	background:#EFF5EA;
	color:#3D6611;
	font-weight:bold;
	padding:10px;
	clear:both;
	}
.message_admins{
	border:1px solid #95A486;
	margin:5px 10px;
	background:#EFF5EA;
	color:#3D6611;
	font-weight:bold;
	padding:10px;
	clear:both;
	}
.input.required{
	position:relative;
	}
.error-message{
	padding:0px 0px 0px 150px;
	color:#ff0000;	
	font-family:Arial;	
	text-align:left;
	background:#FAFAFA;
}
/*	forms	*/
.checkbox-sections label{
	margin:0 10px 0 2px;
	width:120px;
	}
/*	PAGINATOR	*/
.paginator{
	border:none;
	width:auto;
	margin:10px 0 0 0;
	font-size:11px;
	font-weight:bold;
	
	}
.paginator td{
	border:none;	
	}
.tablesearch, .tablesearch td{
	background:none;
	text-align:left;
	}
/*	SHADOW	*/
/*  xpartan code */
#shadow {
display:none;
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
	
}

* html #shadow { 
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 100 +'px');
}
#overShadow{
    position:fixed;
    top:2%;
	left:10%;
    z-index:120;
    font-family:Tahoma;
	background:#FFF;
	width:80%;
	height:80%;	
}
* html #overShadow{
    position:absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 32) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
.contentShadow{
	overflow-y:auto;
	padding:2px;
	height:95%;
	}
.linkclose{
	text-align:right;
	background:#000;
	}
.linkclose a{
	color:#FFF;
	text-decoration:none;
	}
.linkclose a:hover{
	color:#CCC;
	}

#toolbar{
	height:30px;
	background:#FFF4E9;
	border-top:2px solid #F1AF73;
	border-bottom:2px solid #F1AF73;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: .85;
	top:0;
	left:0;
	z-index:900;
	width:98%;
	position:fixed;
	display:none;
	padding:5px 2% 0 0;
	}

.ajaxWork{
	position:fixed;
	left:43%;
	top:200px;
	display:none;
	z-index:1000;
	background:#FFF4E9;
	color:#D85909;
	border:2px solid #F1AF73;
	padding:20px 30px;
	text-align:center;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: .90;
	width:120px;
	}
* html .ajaxWork{
    position:absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 32) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#mask{
	position:fixed;
	display:none;
	z-index:1001;	
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:#000;
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: .0;
	}
* html #mask { 
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 100 +'px');
}
select.selectPosition,select.selectPage,select.selectSector{
	font-size:11px;
	}

	
	
/*		POSITION TREE		*/
#exampletree{
	overflow:auto;
	height:430px;
	}
#exampletree ul{
	/*display:none;*/
	}
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	width:98%;
}

.treeview ul {
	background-color: white;
	margin-top: 0px;
}

.treeview .hitarea {
	background: url(../img/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(../img/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../img/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../img/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../img/treeview-red.gif); } 

.treeview-black li { background-image: url(../img/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../img/treeview-black.gif); }  

.treeview-gray li { background-image: url(../img/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../img/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../img/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../img/treeview-famfamfam.gif); } 

.treeview .placeholder {
	background: url(../img/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../img/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../img/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../img/file.gif) 0 0 no-repeat; }

a.controltree.plus{background: url(../img/plus.gif) 2px 2px no-repeat;}

a.controltree.minus{background: url(../img/minus.gif) 2px 2px no-repeat;}

/*/////////////////	TinyMCE		//////////////////////////////*/
#right .mceEditorContainer{
	display:block;
	width:75%;
	float:left;
	height:300px;
	}
table.mceEditor{
	width:94%;
	height:96%;
	margin-right:6%;
	}
	
#supcategory, #category{
	vertical-align:middle;
	margin-top:5px;
	}
#supcategory option, #category option, #CategorySupcategoryId option{
	padding-right:10px;
	}
#search{
	vertical-align:middle;
	margin-top:5px;
	}
span.mceEditor{
	width:70%;
	float:left;
	}
div.input.textarea{
	overflow:hidden;
	}