html{
	height: 100%;
}

/* 
	* * * LOGIN PAGE ELEMENTS * * *
*/

/* the body on the admin login page */ 
body.index_body{
	padding: 30px 0 0 0;
	background-color: #eee;
}

/* main table on the admin login page */ 
table.index_table{
	width: 380px;
	background-color: #fff;
	border: 1px solid #000;
	margin: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* error message on the admin login page */ 
span.index_error{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #f00;
}

/* the button on the admin login page */ 
input.index_btn{
	background-color: #cecece;
	color: #000;
	border: 1px solid #000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: pointer;
	padding: 2px; 
}

/* the input fields on the admin login page */ 
input.index_text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #000;
	padding: 2px;
	margin: 2px;
}

/* the domain name text on the admin login page */ 
h1.index_h1{
	font-size: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* the checkbox on the admin login page */ 
input.index_check{
	padding: 0;
	margin: 0 6px 0 2px;
}

/* the label for the chexkbox on the admin login page */ 
label.index_label{
	cursor: pointer;
	font-size: 11px;
}

/* the link for {remember me} explanation on the admin login page */ 
a.link_index{
	font-size: 11px;	
}

a.link_index:hover{
	font-size: 11px;
	text-decoration: none;
}

/* the {remember me} explanation on the admin login page */ 
#admin_help{
	background-color: #ffffe1;
	border: 1px solid #000;
	padding: 10px; 
	position: absolute; 
	top: 30px; 
	display: none; 
	width: 600px; 
	z-index: 50; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* dear designers don't touch this plz ;) */ 
.drag{position: relative; cursor:default}

/* the close button on the {remember me} explanation - top right corner */ 
#close_btn{
	cursor: pointer; 
	width: 9px;
	padding: 1px 3px 1px 3px; 
	font-weight: bold;
	border-right: 1px solid #9d9d9d;
	border-bottom: 1px solid #9d9d9d;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

/* 
	* * * INNER PAGES ELEMENTS * * *
*/

/* body on admin panel pages */ 
body.admin_body{
	background-color: #eee; 
	margin: 0;
	height: 100%;
}

/* main content table on admin panel pages */ 
#content_table{
	background-color: #fff; 
	border-right: 1px solid #000; 
	border-left: 1px solid #000; 
	height: 100%; 
	width: 780px;
}

html>body #content_table{
	height: 100%; 
}

/* active tab of the menu bar on admin panel pages */ 
a.menu_active, a.menu_active:hover{
	padding: 4px 15px 4px 15px;
	background-color: #fff;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #f00;
	cursor: default;
	border-top: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
}

/* NON-active tab of the menu bar on admin panel pages */ 
a.menu_active_no{
	padding: 4px 15px 4px 15px;
	background-color: #a4a3a3;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #fff;
}

a.menu_active_no:hover{
	background-color: #fff;
	color: #f00;
	font-weight: normal;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
}

/* The {domain name + "Administrator's Panel"} on admin panel pages */ 
h2.small_header{
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 5px 0 0 0;
}


/* ADMIN PANEL LINKS */
a.inner{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #000080;
}

a.inner:hover{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom: 1px dashed #000080;
	color: #000090;
}

/* NON-active page in item results paging on admin panel pages */
a.non_active_page{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #c00;
}

a.non_active_page:hover{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
}

/* span texts on admin panel pages */
span.info{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

/* table titlebars in admin panel pages */
tr.title{
	color: #000;
	background-color: #c0c0c0;
	padding: 2px 2px 2px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

/* table headbars in admin panel pages */
tr.header{
	color: #000080;
	background-color: #fff;
	padding: 2px 2px 2px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
}

/* table rows in admin panel pages { odd | even } */
tr.entity_odd{
	color: #000;
	background-color: #eee;
	padding: 2px 2px 2px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
}

tr.entity_even{
	color: #000;
	background-color: #fff;
	padding: 2px 2px 2px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
}

/* buttons in the admin panel pages */
input.btn{
	background-color: #cecece;
	color: #000;
	border: 1px solid #999;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: pointer;
}

/* {input | textarea} fields in admin panel pages */
input.text, textarea.text{
	border:1px solid #000;
	font-family: Verdana,Arial,Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
	color: #f60100;
}

span.new_order{
	width: 100%; 
	text-align: center; 
	background-color: gray; 
	font-weight: bold; 
	color: #fff; 
	padding: 2px;
}

div.new{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;

}

table.new{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;

}

.border_top_bottom_grey	{
	border-top-width:1px; 
	border-right-width:0px; 
	border-bottom-width:0px; 
	border-left-width:0px; 
	border-style:solid; 
	border-color:#CCCCCC; 
}