body {
	font-size: 11px;
}
/* remember to define focus styles! */
:focus {
outline:0
}

ol,ul {
list-style:none
}

.float-left {
float:left!important
}

.float-right {
float:right!important
}

.width50 {
width:48%
}

.hidden {
display:none!important
}

.clearfix {
clear:both
}

/* Main content */
#page-wrapper {
	font-size: 11px;
}

#page-wrapper #main-wrapper {
	font-size: 11px;
}

#page-wrapper #main-wrapper #main-content {
	width: 730px;
	float:left;
	font-size: 11px;
	padding:20px 10px 10px 10px
}

/* Pages title box */
#page-wrapper #main-wrapper #main-content .page-title {
	background:#f2eeeb;
	padding:10px 10px 20px 10px;
	margin:0 0 20px 0;
	font-size:11px;
}

#main-content h1 {
	padding-bottom:20px;
	font-weight:normal;
	font-size:11px
}

#page-wrapper #main-wrapper #main-content .page-title h1 {
	padding:0;
	font-weight:700;
	font-size:11px
}

#page-wrapper #main-wrapper #main-content .page-title .other {
	font-size:11px;
	margin:8px 0 0;
	padding:8px 0 0;
	width:100%
}

#page-wrapper #main-wrapper #main-content .page-title .other .float-left {
	padding:6px 0 0
}

/* Dashboard buttons */
#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li {
	float:left;
	margin:7px;
	width:100px;
	height:100px
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a {
display:block;
width:100px;
padding:70px 0 0;
height:30px;
background-repeat:no-repeat;
background-position:50% 5px;
text-align:center
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a:hover {
text-decoration:none;
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a.reservations {
background-image:url(../../images/icons/Find-restaurant.png)
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a.agenda {
background-image:url(../../images/icons/Plan-reservation.png)
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a.invoice {
background-image:url(../../images/icons/Invoice.png)
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a.contact {
background-image:url(../../images/icons/Contact.png)
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a.profile {
background-image:url(../../images/icons/User-profil.png)
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a.Chart_5 {
background-image:url(../../images/icons/Chart_5.png)
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a.Clipboard_3 {
background-image:url(../../images/icons/Clipboard_3.png)
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a.Chart_4 {
background-image:url(../../images/icons/Chart_4.png)
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a.Mail_open {
background-image:url(../../images/icons/Mail_open.png)
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a.Glass {
background-image:url(../../images/icons/Glass.png)
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a.Globe {
background-image:url(../../images/icons/Globe.png)
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a.Mail_compose {
background-image:url(../../images/icons/Mail_compose.png)
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a.Star {
background-image:url(../../images/icons/Star.png)
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a.Monitor {
background-image:url(../../images/icons/Monitor.png)
}

/* Different title styles */
#page-wrapper #main-wrapper .title {
padding:0 15px 10px;
margin:0 0 30px
}

#page-wrapper #main-wrapper .title-spacing {
margin-top:25px
}

#page-wrapper #main-wrapper .title h2 {
font-weight:700;
font-size:1.4em;
padding:0 0 5px
}

#page-wrapper #main-wrapper .title h3 {
font-weight:700;
font-size:1.2em;
padding:0 0 5px
}

/* Main content grid */
.column {
width:33%;
float:left
}

/* Two columns */
.two-column .column,.two-column .column-fixed {
width:50%;
margin:0;
float:left
}

/* Three columns, one big */
.three-column-small .column {
width:25%
}

.three-column-small .column-big {
width:49%
}

.portlet {
margin:0 1em 1em 0
}

.portlet-content {
margin:0;
padding:7px
}

.portlet-header .ui-icon {
float:right;
margin-top:-2px
}

.ui-sortable-placeholder {
background:#ffc;
padding:14px;
visibility:visible!important;
height:50px!important
}

.ui-sortable-placeholder * {
visibility:hidden
}

/* Tooltip */
#tooltip {
position:absolute;
z-index:30000;
padding:1px;
background:#363636;
color:#FFF!important;
}

#tooltip div {
margin:0;
background:gray;
padding:2px;
}

#tooltip h3 {
color:#fff;
font-weight:700;
padding:2px;
margin:0;
width:70px;
font-size:10px;
background:#5f5f5f
}

/* Component containers */
.ui-widget-content {
border:1px solid #ddd;
background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color:#c1272d
}

.ui-widget-content a {
color:#444
}

.ui-widget-header {
border:1px solid #ddd;
background:#ddd url(images/ui-bg_highlight-soft_50_dddddd_1x100.png) 50% 50% repeat-x;
color:#444;
text-transform:uppercase
}

.ui-widget-header a {
color:#444
}



/* Pages title box */
#page-wrapper #main-wrapper #main-content .page-title .other {
color:#515151;
border-top:#999 dotted 1px
}

/* Dashboard buttons */
#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li {
border:#fff solid 0
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a {
background-color:#f3f3f3;
border:#dcdfe3 solid 1px;
border-color:#dcdfe3 #d0d4d8 #d0d4d8 #dcdfe3;
color:#666
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a:hover {
background-color:#F8F8F8;
border-color:#dcdfe3 #d0d4d8 #d0d4d8 #dcdfe3;
color:#666
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a:active {
border-color:#9d9d9d
}

/* Note */
i.note {
font-weight:700;
padding:15px 0 15px 25px;
color:#8f8f8f;
display:block
}

.red {
color:red
}