body { font: 11px "Lucida Grande", Tahoma, Arial, sans-serif; background: #fff; padding: 0; margin: 0; }
a { color: #7B9F53; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none }

#container { width: 850px; margin: 0 auto; }

#header { background: #2E2E2E; border-bottom: solid 5px #BCE27F; margin: 0 0 15px 0; }
#header .wrapper { margin: 0 auto; width: 840px; padding: 15px 0; color: #fff; }
#header .user { float: right; margin: 0 15px 0 0; line-height: 16px; }
#header .logout { font-weight: bold; font-weight: bold; }
#header .logout img { vertical-align: middle; padding: 0 0 0 3px; }
#header .logout:hover { color: #fff; text-decoration: none; }
#header h1 { margin: 0; font-size: 1em; }
#header h1 a { color: #fff; }

#main { overflow: auto; width: 835px; padding: 15px 0 0 10px; }
#content { width: 620px; float: left; margin: 0 0 20px 0; }
#sidebar { width: 200px; float: right; }

#footer { color: #999; font-size: 10px; border-top: solid 1px #eee; text-align: center; clear: both; padding: 5px 0; }

#login-form { width: 200px; margin: 20px auto; }
#login-form input.text { width: 150px; }

h2 { font: bold 18px Georgia, "Times New Roman", serif; margin: 0 0 1em 0; }
h2 a { color: #666; }
h2 a:hover { text-decoration: none; color: #000; }
h2 img { vertical-align: top; padding: 3px 0 0 0; }
h3 { font-size: 1em; background: #2E2E2E; color: #fff; padding: 2px 5px; font-weight: normal; }

img.thumb { padding: 1px; margin: 2px 0; border: solid 1px #BCE27F }
p.back-to-list { line-height: 16px; margin: 0 0 20px 0; }
a.go-to-page { float: right; display: inline; margin: 7px 5px 0 0; }

ul.tabs { width: 100%; overflow: auto; padding: 3px 0 0 0; margin: 0; list-style: none; background: #F0F7E2; }
ul.tabs li { float: left; display: inline; padding: 3px 8px 5px 8px; margin: 0 0 0 5px; line-height: 16px; }
ul.tabs li a { color: #000; }
ul.tabs li a:hover { text-decoration: none; }
ul.tabs li img { vertical-align: middle; padding: 0 2px 0 0; }
ul.tabs li.current,
ul.tabs li.ui-tabs-selected { background: #fff; ; font-weight: bold; }
ul.tabs li.current a,
ul.tabs li.ui-tabs-selected a { color: #7B9F53; }

div.tabs { margin: 10px 0 20px 0; }
div.tab-content { padding: 10px 10px; border-left: solid 5px #F0F7E2; }

form { }
form div.f { width: 100%; padding: 0 0 15px 0; }
form div.f label { display: block; padding: 0 0 3px 0; font-weight: bold; }
form div.f label.block { float: none; display: block; width: auto; }
form div.f label.inline { display: inline; padding: 0; font-weight: normal; }
form div.f label small { font-weight: normal; font-size: 1em; }
form div.f div.fckeditor { width: 100%; margin: 10px 0 0 0; }
form div.f input.text { width: 280px }
form div.f textarea.rich { height: 200px }
form div.f textarea.rich-small { height: 100px }
form div.f img.browse { margin: 0 0 0 6px; vertical-align: middle; cursor: pointer; }
form div.btn img.loader { vertical-align: middle; }
form div.checkboxes label.checkbox { display: block; font-weight: normal; }

form.columns { }
form.columns div.f {  }
form.columns div.f label { display: inline-block; width: 180px; padding: 0 10px 0 0; text-align: right; }
form.columns div.f label.inline { display: inline; width: auto; text-align: left; }
form.columns div.btn { padding: 0 0 0 190px; }

table.list { width: 100%; border-collapse: collapse; }
table.list th { padding: 3px 4px; line-height: 14px; text-align: left; background: #F1F9E4; color: #000; border-bottom: solid 3px #BCE27F; font-weight: bold; }
table.list th.actions { padding-top: 2px; padding-bottom: 2px; }
table.list th.actions img.loader  { float: right; }
table.list td { padding: 2px 4px; text-align: left; }
table.list td.bullet { width: 10px; vertical-align: middle; }
table.list td.bullet img { display: block; }
table.list td.date { width: 80px; }
table.list td.datetime { width: 130px; }
table.list td.number { text-align: center; }
table.list td.boolean { width: 25px; text-align: center; }
table.list td.boolean span.true,
table.list td.boolean span.false { display: block; width: 16px; height: 16px; margin: 0 auto; }
table.list td.boolean span.true { background: url(../img/boolean-true.png); }
table.list td.boolean span.false { background: url(../img/boolean-false.png); }
table.list td.ajax span.false,
table.list td.ajax span.true { cursor: pointer; }
table.list td.actions { text-align: right; padding-right: 5px; line-height: 19px; }
table.list td.actions img { vertical-align: middle; }
table.list td.actions2 { width: 40px; }
table.list td.actions3 { width: 60px; }
table.list td.actions4 { width: 80px; }
table.list td.actions5 { width: 100px; }
table.list td.actions6 { width: 120px; }
table.list tr.alt { background: #F0F7E2; }
table.list a { color: #2e2e2e; }
table.list td.icon { line-height: 19px; }
table.list td.icon img { vertical-align: middle; }
table.list img.thumb { vertical-align: bottom; padding: 1px; margin: 2px 0; border: solid 1px #BCE27F }

div.pagination { border-top: solid 3px #BCE27F; padding: 5px; text-align: center; }
div.pagination a { color: #2e2e2e; }
div.pagination a.prev { float: left; }
div.pagination a.next { float: right; }
div.pagination span.nums { display: block; margin: 0 120px; }
div.pagination span.nums * { margin: 0 3px; }

div.batch-actions { text-align: right; margin: 1em 0 }

div.expandable-options { }
div.expandable-options div.option-more { margin: 10px 0 0 23px; }

div.uploader { }
div.uploader div.queue { margin: 10px 0; }
div.uploader div.queue div.uploadifyQueueItem { height: 16px; line-height: 16px; padding: 3px 5px 3px 15px; background: url(../img/bullet.png) 2px 6px no-repeat; }
div.uploader div.queue div.uploadifyQueueItem .cancel { float: right; }
div.uploader div.queue div.uploadifyQueueItem .done { float: right; }
div.uploader div.queue div.uploadifyQueueItem .filename { }
div.uploader div.queue div.uploadifyQueueItem .percentage { display: none; }
div.uploader div.queue div.uploadifyQueueItem .uploadifyProgress { float: right; width: 200px; height: 3px; margin: 6px 10px 0 0; background: #fff; border: solid 1px #888; padding: 1px; }
div.uploader div.queue div.uploadifyQueueItem .uploadifyProgress .uploadifyProgressBar { width: 1px; height: 3px; background: #BCE27F; }
div.uploader div.queue div.uploadifyQueueItem:nth-child(even) { background-color: #F0F7E2; }
div.uploader div.buttons { }
div.uploader div.buttons div.select { display: inline-block; position: relative; }
div.uploader div.buttons div.select div { display: none; }
div.uploader div.buttons div.select object { position: absolute; top: 0; left: 0; }
	
div.help { }
div.help .icon { float: right; cursor: pointer; }
div.help .text { display: none; }

div.translations { }
div.translations > ul { display: none; }

div.nav { margin: 1em 0; height: 1.2em; line-height: 1.2em; }
div.nav div.back { float: left; }
div.nav div.prev-next { float: right; }

div.sb-box { margin: 0 0 20px 0; background: #F0F7E2; }
div.sb-box-title { font-size: 1em; background: #2E2E2E; color: #fff; padding: 2px 5px; font-weight: normal; border-bottom: solid 3px #BCE27F }
div.sb-box ul.menu { padding: 10px 5px; margin: 0; list-style: none; }
div.sb-box ul.menu li { display: inline; }
div.sb-box ul.menu li a { display: block; padding: 3px 5px; color: #000; }
div.sb-box ul.menu li a:hover,
div.sb-box ul.menu li a.current { text-decoration: none; background: #fff }
div.sb-box ul.menu li a.disabled { color: #888; }
div.sb-box ul.menu ul { padding: 0; margin: 0; list-style: none; }
div.sb-box ul.menu ul li a { padding-left: 20px; }
div.sb-box ul.menu ul ul li a { padding-left: 35px; }
div.sb-box ul.menu ul ul ul li a { padding-left: 50px; }
div.sb-box ul.menu ul ul ul ul li a { padding-left: 65px; }
div.sb-box ul.menu li.parent > a { }
div.sb-box ul.menu li.parent > a > span.title { display: block; margin-left: 15px; }
div.sb-box ul.menu li.parent > a > span.toggle { float: left; width: 20px; height: 20px; margin: -3px 0 -3px -5px; background: url(../img/bullet2.png) 5px 5px no-repeat; }
div.sb-box ul.menu li.folded > a > span.toggle { background-image: url(../img/bullet.png); }
div.sb-box ul.menu li.folded > ul { display: none }

/* jquery-ui */
.ui-tabs-hide { display: none; }
div.ui-tabs { border-bottom: solid 1px #F0F7E2; margin: 0 0 12px 0; }
div.ui-tabs ul.ui-tabs-nav { width: 100%; overflow: auto; padding: 3px 0 0 0; margin: 0; list-style: none; background: #F0F7E2; }
div.ui-tabs ul.ui-tabs-nav li { float: left; display: inline; padding: 3px 8px 5px 8px; margin: 0 0 0 5px; line-height: 16px; }
div.ui-tabs ul.ui-tabs-nav li a { color: #000; }
div.ui-tabs ul.ui-tabs-nav li a:hover { text-decoration: none; }
div.ui-tabs ul.ui-tabs-nav li img { vertical-align: middle; padding: 0 2px 0 0; }
div.ui-tabs ul.ui-tabs-nav li.current,
div.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected { background: #fff; ; font-weight: bold; }
div.ui-tabs ul.ui-tabs-nav li.current a,
div.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a { color: #7B9F53; }
div.ui-tabs div.ui-tabs-panel { padding: 10px 0 10px 7px; border-left: solid 5px #F0F7E2; }


.ui-datepicker { width: 17em; padding: .2em .2em 0; background: #fff;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }


/* ckeditor */
#content .cke_skin_kama .cke_contents { padding-bottom: 0; }
#content .cke_skin_kama .cke_contents iframe { vertical-align: bottom; }
#content .cke_skin_kama .cke_button_source .cke_label { display: none; }
#content .cke_skin_kama .cke_resizer { margin-top: 6px; }
#content .cke_skin_kama .cke_path { padding-top: 2px; }
#content .cke_skin_kama .cke_path a,
#content .cke_skin_kama .cke_path .cke_empty { font-size: 9px; }
body .cke_skin_kama .cke_dialog_close_button { top: 14px; width: 16px; height: 16px; background: url(../jquery-ui/images/ui-icons_666666_256x240.png) -32px -192px; }
body .cke_skin_kama .cke_dialog_close_button:hover { background: url(../jquery-ui/images/ui-icons_cd0a0a_256x240.png) -32px -192px; }
body .cke_skin_kama .cke_dialog_tabs { margin-left: 1px; }
body .cke_skin_kama a.cke_dialog_ui_button { border: 1px solid #327E04; background: #5A9D1A url(../jquery-ui/images/ui-bg_highlight-soft_25_5A9D1A_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; -moz-border-radius: 4px; padding: 2px 0; }
body .cke_skin_kama a.cke_dialog_ui_button span { color: #fff; }
body .cke_skin_kama a.cke_dialog_ui_button_ok span { background: url(../img/icons1.png) 2px 0 no-repeat; padding-right: 12px; }
body .cke_skin_kama a.cke_dialog_ui_button_cancel span { background: url(../img/icons1.png) 2px -16px no-repeat; padding-right: 12px; }
body .cke_skin_kama .cke_dialog_footer_buttons span.cke_dialog_ui_button { width: auto; }
body .cke_skin_kama .cke_dialog * { font: 11px "Lucida Grande", Tahoma, Arial, sans-serif; }
body .cke_skin_kama .cke_dialog_title { font: bold 14px Georgia, "Times New Roman", serif; }

body .cke_dialog.cke_browser_webkit,
body .cke_dialog.cke_browser_gecko { padding: 5px; background: rgba(255, 255, 255, 0.2); -moz-border-radius: 8px; -webkit-border-radius: 8px; }
