/* @override http://localhost/orders/29-calendar/web/css/backend.css */

/* @group special */

.hidden { display: none !important; }

.fl { display: block; float: left; }



/* @end */

/* @group basic */

p { padding-left: 6px; padding-right: 10px; margin-top: 5px; font-size: 12px; color: #545454; }

p.notice { padding: 15px; background-color: #e7febf; font-size: 13px; color: #363636; }

p.error { padding: 15px; background-color: #fcc2ad; font-size: 13px; color: #363636; }



/* @end */

/* @group layout */

.content { padding-left: 15px; padding-top: 10px; padding-right: 10px; }

body { background: #f5f5f5 url(../images/body.png) repeat-x; }

#container { width: 982px; margin: auto; }

#header { height: 162px; background: url(../images/logo.png) no-repeat 0 49px; color: #fff; text-align: right; font-size: 11px; padding-top: 5px; position: relative; }

#header a { color: #e8e8e8; text-decoration: none; }

#header a:hover { text-decoration: underline; background: none; }

#basic_nav { margin-top: 75px; }

#basic_nav ul { float: right; list-style-type: none; }

#basic_nav ul li { float: left; }

#basic_nav a { color: #82817f; font-size: 13px; margin-left: 30px; padding: 9px 5px 9px 14px; display: block; float: left; }

#basic_nav li:hover a { background-image: url(../images/nav_but.png); color: #fff; text-decoration: none; }

#basic_nav li span { display: block; float: left; width: 10px; height: 34px; }

#basic_nav li:hover span { background: url(../images/nav_but.png) right; }

a.logout { padding: 9px 30px 9px 15px; background: url(../images/logout.png) no-repeat; }

a.logout:hover { background: url(../images/logout.png) no-repeat !important; text-decoration: none !important; }

#content_top { height: 35px; background-image: url(../images/content_top.png); }

#content_middle { background-image: url(../images/content_background.png); margin-top: -15px; padding: 0 20px; }

#content_bottom { height: 32px; background-image: url(../images/content_bottom.png); }

#content {  }

.sidebar { margin-left: 29px; font-size: 11px; }

#footer { _height: 50px; min-height: 50px; color: #8c8c8c; font-size: 10px; text-align: right; padding-right: 25px; padding-top: 30px; background: url(../images/footer.png) no-repeat; }

#footer a { color: #8c8c8c; text-decoration: none; }

#footer a:hover { text-decoration: underline; color: #8c8c8c; background: none; }

#footer img.nf { position: relative; top: 5px; }



/* @end */

/* @group titles */

h1 { background: url(../images/h1.png) no-repeat; color: #fff; font-size: 13px; font-weight: normal; padding: 10px 5px 15px 15px; margin-top: 10px; font-style: normal; }

h1 a {
	color: #fff;
	text-decoration: none;
}

h2 { background: url(../images/h2.png) no-repeat left; color: #000; font-size: 13px; font-weight: normal; padding: 10px 5px 15px 15px; margin-top: 10px; font-style: normal; }

h3 { background: url(../images/h3.png) no-repeat left; color: #000; font-size: 13px; font-weight: normal; padding: 10px 5px 15px 15px; margin-top: 10px; font-style: normal; margin-left: 3px; }

.sidebar h4 { background: url(../images/h4.png) no-repeat left; color: #000; font-size: 13px; font-weight: normal; padding: 10px 5px 15px 15px; margin-top: 10px; font-style: normal; }


/* @end */

/* @group form (illusion) */

form.illusion { }

form.illusion ul { list-style-type: none; }

form.illusion ul li { margin-bottom: 10px; }

form.illusion.side ul li { border-bottom: 1px solid #bbb; padding-bottom: 10px; }

form.illusion label { font-weight: bold; }

form.illusion label { width: 105px; display: block; float: left; color: #212121; font-size: 13px; }

form.illusion.side label { width: 280px; font-size: 11px; float: none; }

.checkbox_list label { font-weight: normal !important; font-style: normal !important; display: inline !important; float: none !important; }

form.illusion > div > ul > li > label { width: 105px; display: block; float: left; color: #212121; font-size: 13px; }

form.illusion ul.error, form.illusion ul.error_list { color: #bd281e; list-style-type: disc; margin-top: 15px; font-size: 11px; margin-bottom: 10px; margin-left: 3px; background: #f6ded8; padding: 15px 15px 15px 40px; width: 532px; }

form.illusion ul.error li { margin-bottom: 2px; margin-top: 2px; }

/*form.illusion ul.error_list { display: none; }*/

form.illusion ul.error h3 { margin-left: -20px; margin-bottom: 10px; font-size: 11px; font-weight: bold; }

form.illusion div.actions { margin-left: 105px; }

form.illusion ul li input[type=text], form.illusion input[type=password],  form.illusion textarea { border: 1px solid #cacaca; padding: 3px; width: 450px; }

form.illusion textarea {
    width: 440px;
}

form.illusion.side input[type=text], form.illusion.side input[type=password], form.illusion.side textarea { width: 170px; }

form.illusion .small input { width: 136px !important; }

select#event_location_id { width: 230px; }



/* @end */

/* @group event list */

ul.list { list-style: none; margin-left: 5px; }

ul.list li { margin-bottom: 5px; background-color: #f8f8f8; padding: 10px; margin-right: 10px; }



/* @end */

/* @group event edit form */

#event_form .pictures .picture { position: relative; float: left; margin-right: 5px; border: 5px solid #ddd; }

#event_form .pictures .button { position: absolute; top: 17px; left: 16px; background: #921d14; text-decoration: none; font-weight: bold; color: #fff; font-size: 13px; padding: 0 3px 1px; display: none; }

#event_form textarea#event_description {
	height: 250px;
}



/* @end */

/* @group buttons */

a.small_button { background: url(../images/small_button.png) no-repeat right; display: block; text-decoration: none; padding-right: 10px; margin-left: 3px; }

a.small_button span { color: #fff; text-decoration: none; font-size: 10px; font-weight: bold; display: block; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; background: url(../images/small_button.png) no-repeat; }

a.small_button:hover { background: url(../images/small_button_hover.png) no-repeat right; }

a.small_button:hover span { background-image: url(../images/small_button_hover.png); }

a.small_button_red { background: url(../images/small_button_red.png) no-repeat right; display: block; text-decoration: none; padding-right: 10px; margin-left: 3px; }

a.small_button_red span { color: #fff; text-decoration: none; font-size: 10px; font-weight: bold; display: block; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; background: url(../images/small_button_red.png) no-repeat; }

input.button_large_pri { border: none; width: 116px; background: url(../images/button_large.png) no-repeat; height: 34px; font-size: 13px; color: #fff; cursor: pointer; }

input.button_large_sec { border: none; width: 116px; background: url(../images/button_large.png) no-repeat 0 -42px; height: 34px; font-size: 13px; color: #fff; cursor: pointer; }



/* @end */

/* @group dialog */

div.overlay { background: #000; width: 100%; height: 100%; position: fixed; _position: absolute; top: 0px; left: 0px; z-index: 101; opacity: 0.5; filter: alpha(opacity = 50); display: none; }

div.dialog { background: #fff; padding: 20px; position: fixed; _position: absolute; top: 200px; z-index: 102; display: none; }

div.dialog h2 { margin-top: 0; }



/* @end */

/* @group profile */

.user_profile dl { margin-left: 10px; }

.user_profile dl dt { font-size: 10px; width: 120px; }

.user_profile dl dd {  }

.user_profile {  }

.user_profile h5 { font-weight: bold; text-transform: uppercase; font-size: 13px; margin-bottom: 10px; }

.user_profile img { border: 3px solid #efefef; }



/* @end */

/* @group gmap */

#gmap_backend { width: 580px; height: 300px; }



/* @end */

/* @group search */

#search { width: 532px; position: absolute; right: 10px; top: 95px; font-size: 13px; color: #525252; background: url(../images/search.png) no-repeat; padding-left: 20px; }

#search form {  }

#search form div.select { padding-right: 30px; background: url(../images/search_arrow.png) no-repeat right; margin-right: 20px; position: relative; padding-top: 16px; padding-bottom: 20px; }

#search form div.select div.selected { width: 90px; text-align: left; }

#search form div.select div.options { display: none; position: absolute; text-align: left; top: 40px; left: -14px; _left: -8px; background: white; border: 1px solid #cecece; border-top: none; padding-bottom: 5px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; }

#search form div.select div.options div { margin-top: -6px; background: #fff; padding-right: 10px; padding-left: 15px; padding-top: 10px; }

#search form div.select div.options span { display: block; margin-bottom: 5px; cursor: pointer; }

#search form div.select:hover div.options { display: block; }

#search form div.select.hover div.options { display: block; }

#search form div.query { margin-top: 14px; }

#search form div.query input { font-size: 13px; color: #a2a2a2; border: 0 none; width: 170px; }

#search form div.query input:focus { outline: none; }

#search form div.query input.focus { color: #434343; }

#search form div.submit {  }

#search form div.submit input { border: none; width: 30px; height: 27px; margin-top: 10px; margin-left: 15px; background: transparent; }



/* @end */