/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
@font-face {  
  font-family: "calibri";  
  src: url(fonts/CALIBRI_0.eot); /* IE */  
  src: local("calibri"), url(fonts/CALIBRI_0.TTF) format("truetype"); /* non-IE */  
}
html,body{
/*background:#ededed url(/images/new-admin-2010.png) no-repeat;*/
background:#ededed url(/images/background.jpg) repeat-y;
height:100%;
color:#000;}

a:hover{
color:#009ce7;
text-decoration:none;}

.no_decor{border-bottom:0px !important;}

.error{
border:2px solid #c10000 !important;}

.errorMsg{
color:#c10000 !important;
font-weight:bold;
text-align:left;}

.logo2015 {
	background: #FFFFFF url(/images/logo2015web.png);
    height: 100px;
    width: 410px;
    float: left;
    position: absolute;
    top: 40px;
    left: 190px;
}

.franchise_hide{color:#d9d9d9 !important;}

#content_area{width:953px;}

#login_outlay{
width:215px;
margin:170px auto;}

fieldset{position:relative;}

.complete{
height:22px;
width:103px;
border:0}

#remember{
display:block;
margin:10px 12px 0 0;
width:100%;}

#keyword{
position:absolute;
left:280px;
top:41px;
height:18px;
padding:1px 0;
font-weight:bold;}

#keyword{left:380px;width:198px;}

.form .title, .form .title_blue{font-weight:bold;}
.form .title_blue{color:#0083ce;}
.hr{border:0;border-top:1px solid #d8d8d8;}

.form .input{
width:245px;
/*background:transparent url(/images/layout-sprites.png) repeat-x 0px -113px;*/
padding:2px 8px;
display:block;
font-size: 15px;}

#overlay_el .input{height:10px;}

.form .form_row{position:relative;}

.times_big_box{display:block;border:1px solid #acacac;font-style:italic;}
.times_big_box .row{display:block;background:transparent url(/images/layout-sprites.png) repeat-x 0 -134px;height:36px;position:relative;}
.times_big_box .time_set2{display:none;background:transparent url(/images/layout-sprites.png) repeat-x 0 -134px;height:36px;position:relative;}
.times_big_box .day{display:block;float:left;margin-left:5px;margin-top:10px;width:28px;}
.times_big_box .dash{display:block;float:left;margin-left:56px;margin-top:9px;}
.times_big_box .time1{display:block;float:left;margin-left:4px;position:relative;margin-top:6px;}
.times_big_box .time2{display:block;float:left;margin-left:3px;position:relative;margin-top:6px;}
.times_big_box .closed{display:block;position:absolute;margin-left:164px;top:10px;}
.times_big_box label{float:right;}
.times_big_box .apply_all{display:block;float:left;background:transparent url(/images/button-sprites.png) no-repeat -575px -95px;height:12px;width:13px;margin-left:116px;margin-top:10px;cursor:pointer;}
#leftcol{
float:left;
width:148px;}

#rightcol{
margin-left:148px;
padding-left:15px;}

.login_btn, ul#nav li, .arrow_select, .visit, .helpme, .complete, .offline_mode, .online_mode{
background:transparent url(/images/button-sprites.png) no-repeat;}

.pdf{
background:transparent url(/images/doc-icons.png) no-repeat;border:0;}

.login_btn{background-position:-449px -136px;}
.complete{background-position:-449px -196px;}

.action_filter{
height:30px;
background:#f4f4f4;
padding-left:8px;}

ul#nav li{
width:148px;
height:25px;
cursor:pointer;
position:relative;
z-index:1;}

ul.sub_nav{padding-top:25px;}

ul.sub_nav li{
    /* width: 110px !important; */
    padding: 3px 0 9px 18px;
    height: 13px !important;
    background: transparent url(/images/background.jpg) repeat-y 0 0 !important;
    color: #fff;
    font-size: 11px;}

ul.sub_nav li:hover{
color:#009ce7;}

#nav_logo{
background-position:-447px 0 !important;
height:69px !important;}

#nav_dashboard{background-position:-298px -26px !important;}
#nav_dashboard.nav_selected,#nav_dashboard:hover{cursor:cursor;background-position:-298px 0 !important;}
#nav_website{background-position:0 -26px !important;}
#nav_website.nav_selected,#nav_website:hover{background-position:0 0 !important;}
#nav_menu{background-position:-149px -182px !important;}
#nav_menu.nav_selected,#nav_menu:hover{background-position:-149px -156px !important;}
#nav_users{background-position:-149px -78px !important;}
#nav_users.nav_selected,#nav_users:hover{background-position:-149px -52px !important;}
#nav_seo{background-position:-298px -78px !important;}
#nav_seo.nav_selected,#nav_seo:hover{background-position:-298px -52px !important;}
#nav_documents{background-position:0 -130px !important;}
#nav_documents.nav_selected,#nav_documents:hover{background-position:0 -104px !important;}
#nav_filemanager{background-position:0 -182px !important;}
#nav_filemanager.nav_selected,#nav_filemanager:hover{background-position:0 -156px !important;}
#nav_themes{background-position:-149px -130px !important;}
#nav_themes.nav_selected,#nav_themes:hover{background-position:-149px -104px !important;}
#nav_settings{background-position:0 -78px !important;}
#nav_settings.nav_selected,#nav_settings:hover{background-position:0 -52px !important;}
#nav_reports{background-position:-149px -26px !important;}
#nav_reports.nav_selected,#nav_reports:hover{background-position:-149px 0 !important;}
#nav_orders{background-position:0 -234px !important;}
#nav_orders.nav_selected,#nav_orders:hover{background-position:0 -208px !important;}
#nav_payment{background-position:-298px -130px !important;}
#nav_payment.nav_selected,#nav_payment:hover{background-position:-298px -104px !important;}
#nav_dns{background-position:-149px -234px !important;}
#nav_dns.nav_selected,#nav_dns:hover{background-position:-149px -208px !important;}
#nav_system{background-position:-298px -234px !important;}
#nav_system.nav_selected,#nav_system:hover{background-position:-298px -208px !important;}

.pdf{background-position:-318px -448px !important;height:41px;width:34px;}

.online_mode, .offline_mode{display:block;height:22px;width:103px;margin-left:20px;margin-top:20px;}
.offline_mode{background-position:-299px -182px !important;}
.online_mode{background-position:-299px -156px !important;}

.arrow_select{
position:absolute;
z-index:2;
background-position:-560px -94px !important;
width:9px;
height:14px;
top:5px;
right:0;}

.helpme{
background-position:-448px -70px;
width:71px;
height:20px;
position:absolute;
right:9px;
top:11px;}

#rightcol_header{
padding-left:9px;
padding-top:11px;
position:relative;}

#rightcol_header .visit{
height:18px;
width:69px;
background-position:-449px -116px;
position:absolute;
margin-left:10px;
top:14px;}

#rightcol_content{
position:relative;
margin-top:8px;
padding:8px;
background-color:#fff;}

.tl_corner, .tr_corner, .bl_corner, .br_corner{
/*background:transparent url(/images/layout-sprites.png) no-repeat;
*/height:8px;
width:8px;
position:absolute;}

.t_center, .b_center{
height:8px;
width:774px;
background:#fff;
position:absolute;}

.tl_corner{
background-position:-33px -21px;
top:0;
left:0;}

.t_center{
top:0;
left:8px;}

.tr_corner{
background-position:-41px -21px;
top:0;
right:0;}

.bl_corner{
background-position:-33px -29px;
left:0;
bottom:0;}

.br_corner{
background-position:-41px -29px;
right:0;
bottom:0;}

.pane{padding-top:6px;position:relative;}
.page_title{padding-left:8px;}
.action_title{padding:5px 0 5px 8px;}

#main_area{margin-top:10px;width:783px;}

.create{
position:absolute;
top:41px;
right:15px;
background:transparent url(/images/button-sprites.png) no-repeat -448px -92px;
height:22px;
width:103px;}

.create_franchise{
position:absolute;
top:59px;
right:145px;
height:22px;}

.filter{
top:61px;
right:116px;
position:absolute;
background:transparent url(/images/button-sprites.png) no-repeat -521px -70px;
height:19px;
width:72px;}

.sep{
font-size:20px;
color:#ccc;}

.widget{position:relative;width:250px;border:1px solid #e0e0e0;float:left;margin-right:9px;margin-bottom:10px;}

.widget_tl, .widget_tr, .widget_bl, .widget_br{
/*background:transparent url(/images/layout-sprites.png) no-repeat;
*/height:9px;
width:9px;
position:absolute;
z-index:1;}

.widget_tl{background-position:-2px -94px;top:-1px;left:-1px;}
.widget_tr{background-position:-11px -94px;top:-1px;right:-1px;}
.widget_bl{background-position:-2px -103px;bottom:-1px;left:-1px;}
.widget_br{background-position:-11px -103px;bottom:-1px;right:-1px;}

.widget_title {
    position: absolute;
    height: 17px;
    /* background: transparent url(/images/layout-sprites.png) repeat-x 0 -69px; */
    z-index: 2;
    width: 231px;
    margin: 2px;
    padding: 3px 8px;
    font-weight: 600;
    cursor: move;
    border-bottom: 1px solid #EEE;
}

.widget_title_tl, .widget_title_tr{
/*background:transparent url(/images/layout-sprites.png) no-repeat;
*/height:23px;
width:8px;
position:absolute;}

.widget_title_tl{background-position:-16px -21px;top:0;left:0;}
.widget_title_tr{background-position:-25px -21px;top:0;right:-1px;}
.widget_content{
position:relative;
margin:30px 3px 10px;}
.widget_key{display:block;float:left;font-size:12px;font-weight: 600;text-transform:capitalize;}
.widget_value{display:block;text-align:right;font-size:12px;height: 21px;}

.good, .moderate, .bad {
    background: transparent url(/images/button-sprites.png) no-repeat;
    height: 17px;
    width: 18px;
    display: block;
    position: relative;
    left: 218px;
}

.bad{background-position:-447px -177px;}
.moderate{background-position:-467px -177px;}
.good{background-position:-487px -177px;}

#scribble{
border:1px solid #e0e0e0;
padding:10px;
width:752px;
background:transparent url(/images/scribble-bg.png) repeat-x;}

.form{position:relative;margin-bottom:10px;}

.form .col{
display:block;
width:245px;
margin-bottom:10px;}

.form .textarea{
height:56px;
width:751px;}

.table{position:relative;width:772px;border:1px solid #e0e0e0;margin-right:9px;margin-bottom:10px;}

.table_tl, .table_tr, .table_bl, .table_br{
/*background:transparent url(/images/layout-sprites.png) no-repeat;*/
height:9px;
width:9px;
position:absolute;
z-index:1;}

.table_tl{background-position:-2px -94px;top:-1px;left:-1px;}
.table_tr{background-position:-11px -94px;top:-1px;right:-1px;}
.table_bl{background-position:-2px -103px;bottom:-1px;left:-1px;}
.table_br{background-position:-11px -103px;bottom:-1px;right:-1px;}

.table_title, .table_footer{
height:22px;
background-color:#eee;
z-index:2;
width:756px;
padding:3px 8px;
font-weight:bold;
font-size:14px;}

.table_footer{bottom:0;
    margin-top: 4px;}

.table_title_tl, .table_title_tr, .table_footer_bl, .table_footer_br{
/*background:transparent url(/images/layout-sprites.png) no-repeat;
*/height:23px;
width:8px;
position:absolute;}

.table_title_tl{background-position:-16px -21px;top:0;left:0;}
.table_title_tr{background-position:-25px -21px;top:0;right:-1px;}
.table_footer_bl{background-position:0px -21px;top:0;left:0;}
.table_footer_br{background-position:-8px -21px;top:0;right:-1px;}

.id,.name,.cat,.price,.actions,.type,.grp_label,.grp_attr,.fname,.lname,.perm,.or_no,.or_time,.or_name,.or_value,.or_method{position:absolute;text-align:left;}
.id{width:25px;text-align:center;cursor:move;}
.name,.grp_label,.grp_price,.fname,.lname,.perm,.or_time{width:240px;padding-left:12px;left:35px;}
.grp_price{position:absolute;left:200px;}
.fname{width:155px;}
.lname{left:190px;}
.perm{left:440px;}
.cat{width:235px;padding-left:10px;left:285px;}
.type{padding-left:10px;left:305px;width:240px;}
.grp_attr{padding-left:10px;left:345px;width:240px;}
.price{width:105px;padding-left:10px;left:530px;}
.or_no{width:50px;}
.or_time{width:130px;left:55px}
.or_name{width:280px;left:210px;}
.or_value{width:100px;left:500px;}
.or_method{width:100px;left:575px;}
.actions{width:100px;padding-left:10px;left:659px;}

#save_order{display:none;float:left;}
.total_inst{font-weight:normal;float:right;}

.attr,.size,.topping,.base,.salad,.sauce{position:relative;margin-bottom:12px;}
.base{margin-bottom:18px;}
.attr_label,.attr_btn,.size_label,.size_btn,.topping_price,.topping_btn,.base_btn,.base_price,.salad_price,.salad_btn,.sauce_price,.sauce_btn{position:absolute;top:-2px;}
.attr_label,.size_label{left:80px;}
.topping_price,.base_price,.salad_price,.sauce_price{top:0;width:505px;left:160px;}
.attr_btn,.size_btn,.base_btn{left:340px;}
.topping_btn,.base_btn,.salad_btn,.sauce_btn{left:670px;}

.ps_label{float:left;margin-left:36px;}

.tip{border:1px solid #ccc;background-color:#eee;padding:3px;}
.lightbox{background:#fff;padding:10px;width:770px;}

.header_row{font-size:14px;font-weight:bold;}
.item_row{border:1px solid #eee;margin-top:10px;padding:6px 0 0 5px;}
.item_row .row_name, .item_row .row_price, .item_row .row_total{padding-top:1px;}
.header_row .row_description, .item_row .row_name{display:block;float:left;width:40%;}
.header_row .row_price, .item_row .row_price{display:block;float:left;text-align:center;width:15%;}
.header_row .row_qty, .item_row .row_qty{display:block;float:left;text-align:center;width:10%;}
.header_row .row_total, .item_row .row_total{display:block;margin-left:80%;text-align:center;width:20%;}
.special_requests{margin-top:20px;}
.total_value{font-size:14px;font-weight:bold;margin-top:40px;}

#view_order #action{position:absolute;top:10px;right:10px;}
#view_order #timestamp {
  margin-bottom: 5px;
  float: right;
  width: 20%;
  padding: 6px;
}
#view_order .date, #view_order .customer_name{}
#view_order .time, #view_order .customer_phone, #view_order #payment_details{}
#view_order .address{margin-bottom:20px;}
#view_order #payment_details{}
div#order_no {
  padding: 6px;
  border-bottom: 1px solid #EEE;
  margin-bottom: 8px;
}
div#ordertopsection {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
div#customer_details {
  padding: 6px;
  width: 60%;
}
#view_order #payment_details {
  padding: 6px;
}
#orderitemslist {
	padding:6px;
}


.distance{
	float:left;
	width:120px;
	font-size:12px;
	}
.charge{
	float:left;
	width:120px;
	font-size:12px;
	}
.override{
	float:left;
	width:120px;
	font-size:12px;
	}

#pagination{position:absolute;right:15px;}
#pagination_items{position:absolute;}

.slider{height:16px;width:200px;}
.slider .knob {background: #000;width: 100px;height: 16px;}

.fb_sort li:hover{cursor:move;}
.sub_nav li{
font-size:9px;
text-transform:capitalize;}

#rightcol_header .title{font-size:20px;}
#rightcol_header .welcome{font-size:14px;}

.title, .page_title{font-size:18px; font-weight:600;}

.form .title{font-size:16px;}/* Created by Arian Stolwijk <http://www.aryweb.nl> */

.MooDialog {
	background: #eef5f8;
	color: black;
	padding: 10px;
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px; 
	border-radius: 7px; 
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
}

.MooDialogTitle {
	padding-top: 30px;
}

.MooDialog .title {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 3px 20px;
	background: #b7c4dc;
	border-bottom: 1px solid #a1aec5;
	font-weight: bold; 
	text-shadow: 1px 1px 0 #fff;
	color: black;
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px; 
}

.MooDialog .close {
	background: url(/images/moodialog/dialog-close.png) no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	top: -5px;
	left: -5px;
	position: absolute;
}

.MooDialog .buttons {
	text-align: right;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	position:absolute;
	top:14px;
	right:12px;
}

.MooDialog .MooDialogAlert, .MooDialog .MooDialogConfirm, .MooDialog .MooDialogPromt, .MooDialog .MooDialogError {
	background: url(/images/moodialog/dialog-warning.png) no-repeat;
	padding-left: 40px;
	min-height: 40px;
}

.MooDialog .MooDialogConfirm, .MooDialog .MooDialogPromt {
	background: url(/images/moodialog/dialog-question.png) no-repeat;
}

.MooDialog .MooDialogError {
	background: url(/images/moodialog/dialog-error.png) no-repeat;
}

div.formLeft {
    width: 170px;
    padding-top: 4px;
    float: left;
    text-align: right;
    padding-right: 5px;
}

div.formLeft label.orange_title {
    float: right;
}

div.formLeft label.orange_title {
    float: right;
}
div.formRight {
    float: left;
    width: 370px;
    min-height: 25px;
}
.left {
    float: left;
}
.cur {
    _cursor: hand;
    cursor: pointer;
}

.orange_title {
    color: #f60;
    font-weight: bold;
    font-size: 14px;
    display: inline;
    float: left;
    padding-bottom: 4px;
}

div.selectaTrigger {
    font-weight: bold;
    height: 20px;
    background: url(/images/myselect.gif) no-repeat top right;
    border-left: 1px solid #000;
    padding-right: 30px;
    padding-left: 5px;
    padding-top: 5px;
    overflow: hidden;
}

select.selecta {
    height: 25px;
}

div.selectaWrapper {
    border: 1px solid #000;
    border-top: 0;
    position: absolute;
    z-index: 10000;
    background: white;
    overflow: hidden;
    overflow-y: auto;
}
div.selectaOption {
    padding: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-bottom: 1px solid #eee;
    clear: both;
}
div.selectaOptionSelected {
    background: #ffffcf;
}
div.selectaOptionOver {
    background: yellow;
}

div.selecta2 {
    background: url(/images/select-right.png) no-repeat right center;
    position:absolute;
    top:58px;
    left:11px;
    font-weight: bold;
    height: 18px;
    padding-top: 5px;
    padding-left: 4px;
    padding-right: 20px;
    overflow: hidden;
    color: #000;
}

div.selecta2Wrapper {
    border: 1px solid #b6b7bf;
    border-top: 0px;
    padding: 2px;
    background: #f2f2f2;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    top:80px;
}

div.selecta2Option {
    padding: 2px;
    padding-left: 4px;

    clear: both;
    background: #fff;
    color: #555;
    font-weight: bold;
}

div.selecta2OptionSelected {
    background: #005180;
    color: #fff;

}
div.selecta2OptionOver {
    background: #009ce7;
    color: #fff;
}

.form .selecta2{left:0px;height:17px;width:245px;top:17px;font-weight:normal;}
.form .select-left{margin-top:0 !important;}
.form .selecta2Wrapper{top:39px;}

.form .times_big_box .selecta2{width:56px;top:0;left:2px;font-size:12px;}
.form .times_big_box .time_set2 .selecta2{width:32px;}
.form .times_big_box .selecta2Wrapper{top:22px;}

.categories .selecta2Wrapper{width:80% !important;}
.filter_by .select-left{margin-left:154px;}
.filter_by .selecta2{left:168px;}
.filter_by .selecta2Wrapper{left:165px;}
#categories.selecta2{width:129px;}
.table_footer_content .selecta2{left:10px;top:0;}
.table_footer_content .selecta2Wrapper{top:22px;}

.form .add_options .selecta2{top:0;}
.form .add_options .selecta2Wrapper{top:22px;}

.form #theme .selecta2Wrapper{top:22px;}
.form #stockphoto .selecta2Wrapper{top:22px;}


.shadowy {
    -moz-box-shadow: 1px 1px 2px #000;
    -webkit-box-shadow: 1px 1px 2px #000;
    box-shadow: 1px 1px 2px #000;
}

#debug {
    background: red;
    color: yellow;
    padding: 5px;
    margin: 5px;
}
/* CSS file for CwComplete (a small mootools-autocompleter) */

/* Outer div (positioned absolute below the input field */
.cwCompleteOuter {
	position: absolute;
	z-index: 1000;
}

/* UL inside the outer div */
ul.cwCompleteChoices {
	list-style: none;
	list-style-position: inside;
	margin: 0;
	padding: 1px; /* ie6 trash workaround */
/*	z-index: 999;
	
	width: 250px;
	background: #2d2e2f;
	opacity: 0.85;*/
	border: 1px solid #b6b7bf;
    border-top: 0px;
    padding: 2px;
    background: #f2f2f2;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    width:208px;
/*	-webkit-box-shadow: 2px 2px 7px #333; -moz-box-shadow: 2px 2px 7px #333;*/
	
	 -moz-box-shadow: 1px 1px 2px #000;
    -webkit-box-shadow: 1px 1px 2px #000;
    box-shadow: 1px 1px 2px #000;
}

/* LIs (choices) inside the UL */
ul.cwCompleteChoices li {
	display: block;
	cursor: pointer;
	padding:2px;
	text-align: left;
	color: #555;
	font-size: 14px;
	font-weight:bold;
}

/* Style for hovered (selected) LIs */
ul.cwCompleteChoices li:hover,.cwCompleteChoicesHover {
	text-decoration: none;
	background-color: #009ce7;
	color:#fff !important;
}

/* Style for outer div while loading values */
.cwCompleteLoading {
	background: transparent url('/images/ajax-loader-pipe.gif') no-repeat;
	width: 112px;
	height: 12px;
	padding-bottom: 12px; /* ie6 trash workaround */
}

.datepicker_dashboard {
	position: absolute;
	font-size: 10px;
	font-family: "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #fff;
	line-height: normal;
	width: 172px;
	height: 135px;
	padding: 14px;
	background: url(/images/moodatepicker/frame.png) no-repeat;
}

/* header
********************************************************/
.datepicker_dashboard .header {
	position: relative;
	height: 15px;
	margin-bottom: 5px;
	padding-top: 1px;
}

.datepicker_dashboard .header .title {
	text-align: center;
	margin: 2px 18px 0 18px;
	font-size:10px !important;
}

.datepicker_dashboard .header .titleText {
	color: #fe8800;
}

.datepicker_dashboard .header .previous,
.datepicker_dashboard .header .next,
.datepicker_dashboard .header .closeButton {
	position: absolute;
	cursor: pointer;
	text-indent: -40px;
	overflow: hidden;
	width: 12px;
	height: 12px;
	top: 2px;
	background-image: url(/images/moodatepicker/buttons.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.datepicker_dashboard .header .previous {
	left: 4px;
}
.datepicker_dashboard .header .previous:hover {
	background-position: left bottom;
}
.datepicker_dashboard .header .next {
	right: 4px;
	background-position: -13px top;
}
.datepicker_dashboard .header .next:hover {
	background-position: -13px bottom;
}
.datepicker_dashboard .header .closeButton {
	display: none;
	right: 0px;
	top: 0px;
	background-position: right top;
}
.datepicker_dashboard .header .closeButton:hover {
	background-position: right bottom;
}

/* body
********************************************************/
.datepicker_dashboard .body {
	position: relative;
	top: 0px;
	left: 2px;
	width: 168px;
	height: 112px;
	overflow: hidden;
}

/* time
********************************************************/
.datepicker_dashboard .time {
	position: relative;
	width: 100%;
	height: 100%;
}

.datepicker_dashboard .time .hour,
.datepicker_dashboard .time .separator,
.datepicker_dashboard .time .minutes {
	background: #333;
	border: 0px;
	width: 50px;
	font-size: 32px;
	color: #fff;
	position: absolute;
	top: 10px;
	text-align: center;
	padding: 2px;
}

.datepicker_dashboard .time .hour {
	left: 15px;
}
.datepicker_dashboard .time .separator {
	background: transparent;
	width: 10px;
	left: 76px;
}

.datepicker_dashboard .time .minutes {
	left: 95px;
}
.datepicker_dashboard .time .ok {
	position: absolute;
	top: 65px;
	height: 32px;
	width: 136px;
	left: 15px;
	font-size: 20px;
}

/* days-grid
********************************************************/
.datepicker_dashboard .days .day {
	float: left;
	text-align: center;
	overflow: hidden;
	width: 23px;
	padding-top: 1px;
	height: 14px;
	margin: 0 1px 1px 0;
}
.datepicker_dashboard .days .titles {
	height: 15px;
	margin-bottom: 2px;
	text-transform: uppercase;
	color: #aaa;
	font-size:10px !important;
}
.datepicker_dashboard .days .titles .title {
	font-size:10px !important;
}
.datepicker_dashboard .days .day0 {
	margin-right: 0;
}

.datepicker_dashboard .days .week5 .day {
	margin-bottom: 0;
}

/* days-colors
********************************************************/
.datepicker_dashboard .days .week .day {
	cursor: pointer;
}
.datepicker_dashboard .days .week .day:hover {
	color: #fe8800;
}

.datepicker_dashboard .days .otherMonth {
	color: #444444;
}

.datepicker_dashboard .days .selected {
	color: #fe8800;
}

/* months-grid
********************************************************/
.datepicker_dashboard .months .month {
	float: left;
	cursor: pointer;
	text-align: center;
	padding-top: 6px;
	width: 55px;
	overflow: hidden;
	height: 21px;
	margin: 0 1px 1px 0;
}

.datepicker_dashboard .months .month3,
.datepicker_dashboard .months .month6,
.datepicker_dashboard .months .month9,
.datepicker_dashboard .months .month12 {
	margin-right: 0;
}

.datepicker_dashboard .months .month10,
.datepicker_dashboard .months .month11,
.datepicker_dashboard .months .month12 {
	margin-bottom: 0;
}

/* months-colors
********************************************************/
.datepicker_dashboard .months .month:hover {
	color: #ccff00;
}

.datepicker_dashboard .months .selected {
	color: #ccff00;
}

/* years-grid
********************************************************/
.datepicker_dashboard .years .year {
	float: left;
	cursor: pointer;
	text-align: center;
	padding-top: 6px;
	width: 32px;
	overflow: hidden;
	height: 21px;
	margin: 0 1px 1px 0;
}

.datepicker_dashboard .years .year4,
.datepicker_dashboard .years .year9,
.datepicker_dashboard .years .year14,
.datepicker_dashboard .years .year19 {
	margin-right: 0;
}

.datepicker_dashboard .years .year15,
.datepicker_dashboard .years .year16,
.datepicker_dashboard .years .year17,
.datepicker_dashboard .years .year18,
.datepicker_dashboard .years .year19 {
	margin-bottom: 0;
}

/* years-colors
********************************************************/
.datepicker_dashboard .years .year:hover {
	color: #ccff00;
}

.datepicker_dashboard .years .selected {
	color: #ccff00
}

/* global
********************************************************/
.datepicker_dashboard .unavailable {
	color: #533 !important;
	cursor: default !important;
	text-decoration: line-through;
}
/***
 *  - mooRainbow: defaultCSS
 * author: w00fz <w00fzIT@gmail.com>
 */

#mooRainbow { font-size: 11px; color: #000; }

.moor-box {
	width: 390px; 
	height: 310px; 
	border: 1px solid #636163; 
	background-color: #f9f9f9;
}
.moor-overlayBox {
	width: 256px; /* Width and Height of the overlay must be setted here: default 256x256 */
	height: 256px; 
	margin-top: 9px; 
	margin-left: 9px;
	border: 1px solid #000;
}
.moor-slider {
	border: 1px solid #000;
	margin-top: 9px; 
	margin-left: 280px;
	width: 19px; /* if you want a bigger or smaller slider... */
	height: 256px;
}
.moor-colorBox {
	border: 1px solid #000; 
	width: 59px; 
	height: 68px; 
	margin-top: 20px; 
	margin-left: 315px;
}
.moor-currentColor { /* Bottom Box Color, the backup one */
	margin-top: 55px; 
	margin-left: 316px; 
	width: 59px; 
	height: 34px;
}
.moor-okButton {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	margin-top: 278px;
	margin-left: 8px;
	background: #e6e6e6;
	height: 23px;
	border: 1px solid #d6d6d6;
	border-left-color: #f5f5f5;
	border-top-color: #f5f5f5;
}
#mooRainbow label {
	font-family: mono;
}
/* Following are just <label> */
.moor-rLabel {
	margin-top: 100px;
	margin-left: 315px;
}
.moor-gLabel {
	margin-top: 125px;
	margin-left: 315px;
}
.moor-bLabel {
	margin-top: 150px;
	margin-left: 315px;
}
.moor-HueLabel {
	margin-top: 190px;
	margin-left: 315px;
}
span.moor-ballino { /* Style hue ° (degree) !! */
	margin-top: 190px;
	margin-left: 370px;
}
.moor-SatuLabel {
	margin-top: 215px;
	margin-left: 315px;
}
.moor-BrighLabel {
	margin-top: 240px;
	margin-left: 315px;
}
.moor-hexLabel {
	margin-top: 275px;
	margin-left: 280px;
}

/* <input> */
.moor-rInput, .moor-gInput, .moor-bInput, .moor-HueInput, .moor-SatuInput, .moor-BrighInput { 
	width: 30px !important;
}
.moor-hexInput {
	width: 55px !important;
}
.moor-cursor {
	background-image: url(/images/moorainbow/moor_cursor.gif); 
	width: 12px;
	height: 12px;
}
.moor-arrows {
	background-image: url(/images/moorainbow/moor_arrows.gif);
	top: 9px; 
	left: 270px;
	width: 41px;
	height: 9px;
}
.moor-chooseColor { /* Top Box Color, the choosen one */
	margin-top: 21px; 
	margin-left: 316px; 
	width: 59px; 
	height: 34px;
}