html, 
body { 	font-family: Arial, Verdana, Helvetica, Tahoma;
				font-size: 12px;
				background-color: #fff; 
				line-height: 20px;
				margin: 0;  
				 
	}

body a, body a:link { text-decoration: none; color: #000;}
body input, body textarea{ border: 1px solid #ccc; padding: 4px; font-family: Arial, Verdana, Helvetica, Tahoma}	
/* Layout */
.wrapper {  background-color: #fff;  width: 900px; margin: 10px auto; padding: 10px;margin-bottom: 50px;}
.mainbar {  background-color: #fff; background:url('/interface/img/bg_mainbar.png') repeat-x #000;  height: 80px;
margin: 0; }

.menuMain { clear: left; background: #000; color: #fff; overflow:auto; z-index:99;
-webkit-box-shadow: 0px 3px 6px -2px #ccc;
box-shadow: 0px 3px 6px -2px #ccc; 
 }   
.menuSub { clear: left; color: #333; overflow:auto; margin-top: 1px; -webkit-box-shadow: 0px 3px 6px -2px #ccc;
box-shadow: 0px 3px 6px -2px #ccc; z-index:95; border-bottom: 1px solid #333;}
.currentMenuItem { border-bottom: #fff000 2px solid}




.footer { position: fixed; width: 100%; text-align: center;  background-color: #ccc;height: 50px; bottom: 0px; text-align: center; background:url('/interface/img/bg_footer.png') repeat-x;}
.login_box {  
    margin-top:30px;border: 1px solid #E0E0E0;padding:10px;width:310px; background-color: #F8F8F8;border-radius: 8px;-moz-border-radius: 8px;} 
.shop_switch { margin-top:30px;border: 1px solid #E0E0E0;padding:10px;width:310px; background-color: #F8F8F8;border-radius: 8px;-moz-border-radius: 8px;}
.shopLogo { float: left; }
.action_bar_bottom { text-align: right; border: 1px solid #ccc; border-top: none; background: #eee; color: #333; padding:5px 10px}
.action_bar_top { text-align: left; margin-bottom:20px; }

/* Misc */
.message { border: 1px solid #ccc; padding: 5px; margin: 10px 0; background: #fafad2; color: #333; }

/* Buttons */
a.button_logout   { 
	position: absolute; right:50px; top:30px; color: #fff;  text-decoration: underline; }

.button, a.button { border: 1px solid #ccc; background-color: #fff; padding:5px; color: #333; padding-left: 30px; }


.button:hover { background-color: #333; color: #fff; }
.smallButton { border: 1px solid #ccc; padding: 5px;}
.smallButton:hover { background: #333; }

.add { background:url('/interface/icons/add.png'); background-repeat: no-repeat; background-position: 3px 4px}
.manage { background:url('/interface/icons/pencil.png'); background-repeat: no-repeat; background-position: 3px 4px}
.cancel { background:url('/interface/icons/cancel.png'); background-repeat: no-repeat; background-position: 3px 4px}



.submitButton {  border: 1px solid #ccc; background-color: #fff; padding:5px; color: #333; padding-left: 30px; 
	background:url('/interface/icons/disk.png') #fff; background-repeat: no-repeat; background-position: 3px 4px;
	margin: 0; 
} 
.submitButton:hover { color: #fff; background:url('/interface/icons/disk.png') #333; background-repeat: no-repeat; background-position: 3px 4px;cursor: pointer;}

/* Headings & text*/
.page_title { position: absolute; top: 30px; left: 20px;  color: #fff; font-size: 1.4em}
.login { position: absolute; top: 25px; right: 220px;  color: #8b0000; font-size: 0.9em; background-color: #fff; border-radius: 5px; padding: 5px;}
.footer_text { position: absolute; top: 15px; color: #333; font-size: 0.9em}
h1 { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin: 0 ; color: #af0735; font-weight: normal; font-size: 1.5em;}
h2 { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin: 0 ; color: #af0735; font-weight: normal; font-size: 1.1em; margin-bottom: 20px;}
p { margin-top: 30px; line-height: 20px; } 

/* Menu */
ul.menu { list-style: none;padding: 0; }
ul.menu li { border: 1px solid #eee;  float: left; display: block; height: 175px; width: 150px;margin-right: 25px; margin-bottom: 20px;}
ul.menu li .menu_title { background-color: #333; color: #fff; padding: 5px;}
ul.menu a  { color: #fff; text-decoration: none; }
ul.menu li .menu_content { padding: 10px; }

ul.menu_options  { list-style: none;padding: 0;  }
ul.menu_options li { float: none; color: #fff; border: 0; padding: 0; height: auto; width: auto; padding: 0; margin-bottom: 5px;  }

.counter { float: right; color: #ccc; font-size: 1em;margin-right:5px}

/* Subbar */ 
/* Subbar */ 
ul.subbar {  list-style: none; padding: 0; margin: 0 0 0 35px;}
ul.subbar li { display: block; float: left; padding: 5px 0 5px 0;margin-right: 30px;}
ul.subbar li a { color: #fff; }
ul.subbar li.sub a{ color: #333; } 
ul.subbar li:hover { text-decoration: underline; }
ul.subbar li.currentMenuItem > a { color: #fff000}

/* Backgrounds */
.orange { background: #ff6000; }
.grey { background: #5c5c5c; }
.purple { background-color: #5c5c8a; }
.green { background-color: #58852c; }

/* Table */ 
table.data { width: 100%; }
table.data th { text-align: left; border-bottom: 1px solid #000; padding: 5px;  color: #fff; background: #333; }

table.data td { text-align: left; border-bottom: 1px solid #e8e8e8; padding: 5px;}
table.data .link { text-align: right;}
table.data tr.odd { background-color: #f8f8f8; }
table.data td.actions { text-align: right;} 

table.timetable { border: 1px solid #ccc; margin-bottom: 10px; }
table.timetable th { text-align: left; border-bottom: 1px solid #000; padding: 5px;  color: #fff; background: #333; }
table.timetable td.actions { text-align: right;}
table.timetable td { padding:5px }


table.list { width: 100%; border-collapse: collapse;}
table.list th { text-align: left; border: 1px solid #ccc; padding: 5px;  color: #fff; background: #333; }
table.list th a { color: #fff; } 
table.list tr  { border: 1px solid #ccc; }
table.list td { text-align: left;  padding: 5px;}
table.list  .link { text-align: right;}
table.list tr.odd { background-color: #f8f8f8; }
table.list td.actions { text-align: right;} 

table.list th a.sortActive { font-weight: bold; text-decoration: underline; } 

h1.form_header { background-color: #CC0000; border: 1px solid #ccc; color: #fff; padding: 10px; font-size: 1.2em }
h2.form_group_header{ font-weight: bold; color: #333; font-size: 1.1em; padding:5px;background: #e8e8e8; }
.form_content { position: relative;padding: 20px; border: 1px solid #ccc; border-top: none;padding-bottom: 50px;}

 #kcfinder_div {
    display: none;
    position: relative;
    width: 670px;
    height: 400px;
    background: #e0dfde;
    border: 2px solid #3687e2;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 1px;
    top: -300px;
    
}

#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortable li { margin: 5px 0; padding: 6px 5px 5px 5px;  height: 28px;
cursor: move; 
background: #fff
}

.pagination { padding: 20px 0; text-align: center;} 
.pagination a { border: 1px solid #ccc; padding: 3px;} 
.pagination a:hover { background: #333; color: #fff; } 
.pagination .currentpage { border: 1px solid #ccc; padding: 3px; background: #333; margin: 0 5px; color: #fff;} 

/* Form */
label.error { float: right; color: red; padding-left: .5em; vertical-align: top; }
input.error { background-color: #ffc1c1;border: #7b3128 1px solid;  color: #fff;}
textarea.error { background-color: #ffc1c1;border: #7b3128 1px solid;  color: #fff;}

.warning { background: #417fa2; color: #fff; border: 1px solid #214a61; padding: 5px; line-height: 30px;}
.yellow { background: #fff000; color:#000; border: 1px solid orange; border-bottom: 3px solid orange; }