*,body {margin:0; padding:0; }
body {font-family:sans-serif; color:#555555;font-family:Verdana,'Lucida Grande',Verdana,Helvetica,sans-serif;line-height:1.6em;font-size:0.8em;}

ul {list-style:none;}
input,textarea,select {padding:2px;}
.button {padding:2px 16px; margin-right:2px;}
input.text {width:332px;}
select.lookup {width:332px;}
input.datepicker {width:150px;}
input.number {width:50px;}
.lookup {width:337px;}
.errors {color:red;}
h2 {margin-bottom:10px;}
ul.list {list-style:square; margin-left:20px;}


a {color:black; text-decoration:none; outline:none;}
a:hover {color:green;}

.clear {clear:both;}

.left {float:left;}
.right {float:right;}

#header {text-align:right; position:relative;  color:white; height: 50px; width:100%; padding:0 ; margin: 0; background:url(misc/backoffice-header.gif) no-repeat left top #30569d; }
#wrapper {width:1200px; border:#30569d solid 2px;}
#version{position: absolute; top:12px; right:12px;}
#nav {width: 200px; float:left; height:720px; padding-top:20px; position:relative;}
#nav #controls {position:relative; left: 45px;}
#nav #controls .button {width:100px; margin-bottom:4px; float:left; clear:both;}
#nav ul {padding-left: 20px;margin-bottom:10px;}
#nav .category {font-weight: bold;}


#container {width: 998px; float:left; border-left:#30569d solid 2px;  position:relative;}
.padding {padding:20px; overflow:auto;height:700px;}

.edit {height: 20px; width: 20px; background: url(misc/edit.jpg); float:left;}
.delete {height: 20px; width: 20px; background: url(misc/delete.png); float:left;}
.orderup {height: 20px; width: 15px; background: url(misc/up.png); float:left;}
.orderdown {height: 20px; width: 15px; background: url(misc/down.png); float:left;}
.draggable {height: 20px; width: 15px; background: url(misc/draggable.png) 0 0; float:left;}
.draggable:hover {background: url(misc/draggable.png) 0 -20px;} 

.data_list {position:relative;}
.data_list div {float: left; clear:both; margin-bottom: 5px; border:1px solid black; padding:4px 0 4px 4px; background:white;}
.data_list div  * {float:left; margin-right:12px;}
.data_list div .draggable {height: 20px; width: 15px; background: url(misc/draggable.png) 1px 4px; }
.data_list div .draggable:hover {background: url(misc/draggable.png) 1px -16px;}
.data_list div .title {width:350px; color:black;}
.data_list div .details {width: 60px; height:20px;}
.data_list div .more {display:block; width:1px; height:20px; overflow:show;}
.data_list div .more  div {width:250px; height:50px; display:none; color:black; }
.data_list div .published {width: 25px; }
.data_list div .edit {height: 20px; width: 20px; background: url(misc/edit.jpg); }
.data_list div .delete {height: 20px; width: 20px; background: url(misc/delete.png);  }

.datatable {border-collapse: collapse; margin-bottom:20px;}
.datatable td {padding: 5px 50px 5px 5px;}
.datatable thead {font-weight:bold; text-transform:capitalize;}
.datatable tbody td {border-bottom: black solid 1px;border-top: black solid 1px;}
.datatable .tiny {width:50px;}

.extra { float:left;  border: 1px solid black; padding:2px 5px; position:absolute; background:white; display:none;}

.content {width: 948px;}
.content label {display:block;}
.content .error {margin-bottom:20px; color:red;}



#editor {position: absolute; left:-202px; top:0; width:1200px; height:740px; background:white;}
#editor_save, #editor_cancel {margin:10px 10px 0 0; float:right;}
.htmleditor {}

.editform dt {float:left; clear:left; width:100px; margin-bottom:10px;}
.editform dd {float:left;margin-bottom:10px;}

.newthing dd {margin:10px; width: 150px;float:left;}
.newthing dt {float:left;margin-bottom:10px;clear:left;}
.newthing ul {width:400px;}
.newthing input {margin-bottom:10px;}

.file {float: left; padding:0px; margin:2px; height: 200px;}
.file .icon {width:152px; height:152px;  background-position: center; background-repeat: no-repeat; border: solid 1px white;}
.file .icon:hover {border: dashed 1px black;}
.file .text {font-size:0.8em; text-align:center; margin-top:4px; width:150px; line-height:12px;}
.selectedfile .icon, .selectedfile .icon:hover {border: 1px solid red; background-color:red;}

.zend_form {/*width: 500px;*/}
.zend_form dd {/*width:396px;*/ float:left; padding: 2px;}
.zend_form dt {width:96px; clear:left; float:left; padding: 2px;}

.login_form input {width: 200px;}
.login_form select {width: 206px;}
.login_form .button {width: 100px;}
.login_form dt {font-size:0.8em;}

.delete_form dd {margin:4px;}

#loading {width:150px; height:40px; position: absolute; top:250px; left:550px; background:red; color:white; border:black solid 1px; text-align:center; line-height:40px;}

.config dt {width:180px;}

/* Menus */
.menubox { float: left; width:478px; padding:10px; height:650px; overflow:auto;}
.menubox ul {margin-left:20px;}
#menubox1 {border-right: 2px solid #30569D; margin-right:-2px;}
#menubox2 {border-left: 2px solid #30569D;}
#menupanel {float:left; clear:both; width: 998px; border-top: 2px solid #30569D; height:120px; position:relative;}

.menuitem {display:block; padding: 2px 25px; border: 1px solid black; font-size: 1.2em; float:left; clear:left; margin:2px;}
ul .menuitem {display:block; padding: 2px 25px; border: 1px solid black; font-size: 1.0em; float:left; clear:left; margin:2px;}
ul ul .menuitem {display:block; padding: 2px 25px; border: 1px solid black; font-size: 0.8em; float:left; clear:left; margin:2px;}

.menubox .selected {color:red;}

.red {color:red;}

#menupanel .abutton {position: absolute; width: 50px; height: 50px; border: 1px solid black; line-height:50px; text-align:center;}
#menupanel .atext {position: absolute; width:200px;}
#menupanel .alabel {position: absolute;}

#buttonup {top:5px; left:5px;}
#buttondown {top:60px; left:5px;}
#buttonmove {top:5px; left:60px;}
#buttondelete {top:60px; left:60px;}
#lbname {top: 10px; left: 200px;}
#textname {top: 10px; left: 260px;}
#lblink {top: 40px; left: 200px;}
#textlink {top: 40px; left: 260px;}
#buttonsave {top:5px; left: 115px;}
#buttonnew {top:60px; left:115px}

/* Files */


#filepanel {height: 40px; border-bottom: 2px solid #30569D; position:relative;}
#filepanel .abutton {position: absolute; width: 120px; height: 25px; border: 1px solid black; line-height:25px; text-align:center;}
#files {padding:10px; height: 678px; overflow:auto;}
#buttoneditfile {top:5px; left:5px;}
#buttondeletefile{top:5px; left:130px;}
#buttoneditgallery {top:5px; left:870px;}

#buttonupload {top:5px; left:255px;}


#filedetails {position:absolute; left:-202px; top:0px; width:192px; height:712px; background:white; padding:4px;}
#filedetails .text, #filedetails textarea, #filedetails select {margin-bottom:6px;}
#filedetails .text {width:179px;}
#filedetails .button {width:80px;}
#filedetails #gallerycontainer {height:100px; width:190px; clear:both;}
#filedetails .gallerylabel {float:left; height: 16px; font-size: 0.7em; border: 1px solid black; margin: 5px;}
#filedetails .gallerylabel .label {  display:block; padding:1px; float:left; margin-right:15px; line-height:1.4em;}
#filedetails .gallerylabel .remove {  display:block; margin:2px; float:right ;background: red; height: 12px; width:12px;}
#filedetails #add-gallery {display:block; float:left; font-size:0.8em; cursor:pointer; height:20px;}
#filedetails #gallery-list {min-width: 180px; position:absolute; border:1px solid black; display:none; background:white; z-index:10;}
#filedetails #gallery-list ul {width:180px;}
#filedetails #gallery-list li a {display:block; background:white; padding:0px 10px; line-height:16px;}
#filedetails #gallery-list li a:hover {color:black;background:#ADD8E6;}

#selectgallery {width:180px; padding:2px; position:absolute; top:8px; left: 680px}
#labelgallery {width:70px; top:10px; left:10px; position: absolute;}

#labelname {width:70px; top:40px; left:10px; position: absolute;}
#labeldesc {width:70px; top:70px; left:10px; position: absolute;}

fieldset.collapsable {margin: 10px 0 10px 0; padding:10px; width:600px;}
fieldset.collapsable.collapsed {border-left: 2px solid transparent; border-right:0; border-bottom:0; height:1px;}
fieldset.collapsable legend a {display:block; padding: 0 3px 0 13px; background:transparent url(misc/menu-expanded.png) no-repeat scroll 3px 5px; line-height:1.0em;}
fieldset.collapsable.collapsed legend a {background:transparent url(misc/menu-collapsed.png) no-repeat scroll 2px 3px;}
fieldset.collapsable.collapsed div.fieldset-wrapper {display:none;}


fieldset label {font-weight:normal; display:block; float:left; clear:both; margin-bottom:4px; padding-right:20px; width:100px;}
fieldset input {float:left; margin-bottom:4px;}

div.grippie { 	background:#EEEEEE url(misc/grippie.png) no-repeat scroll center 2px; border-color:#DDDDDD; border-style:solid; border-width:0pt 1px 1px; cursor:s-resize; height:9px;	overflow:hidden; width:624px;}
.resizable-textarea textarea { 	display:block; 	margin-bottom:0pt; 	width:620px; 	height: 200px; 	min-height: 160px; 	overflow: auto; font-size:1.0em;  font-family:Courier New,monospace}

.radio {margin:8px;}
.htmleditor_button {margin:10px 0 0 28px;}

#add_tag {display:block; float:left; font-size:0.8em; cursor:pointer; height:20px;}
.add_image {display:block; float:left; font-size:0.8em; cursor:pointer;}

#tags_box {height:60px; width:630px; clear:left;}
#tags_box .tag {float:left; height: 16px; font-size: 0.7em; border: 1px solid black; margin: 5px;}
#tags_box .tag .label {  display:block; padding:1px 1px 1px 3px; float:left; margin-right:15px; line-height:1.4em; color:black;}
#tags_box .tag .remove {  display:block; margin:2px; float:right ;background: red; height: 12px; width:12px;}

#tag_list {min-width: 180px; position:relative; border:1px solid black; display:none; background:white; z-index:10;}
#tag_list ul {width:180px; float:left;}
#tag_list li a {display:block; background:white; padding:0px 10px; line-height:16px;}
#tag_list li a:hover {color:black;background:#ADD8E6;}


.image_field {width:630px; height:152px; margin-bottom:22px; margin-top:4px; clear:left;}
.image_field .image {width:150px; height:150px; background:#DEDEDE; border: 1px solid black; line-height:150px; float:left; overflow:hidden;}
.image_field .image div {width:150px; height:150px; display:table-cell; text-align:center; vertical-align:middle;}
.image_field .image img {max-width: 150px; max-height: 150px;}

.image_field .ui {width:400px; height:150px; float:left; padding-left:20px;}
.image_field span {clear:both;width:80px; float:left; margin-bottom:4px;}
.image_field input { float:left; margin-bottom:4px;}

.images_field {width:630px; min-height:152px; margin-bottom:22px; margin-top:4px; clear:left; float:left;}
.images_field .image {width:150px; height:150px; background:#DEDEDE; border: 1px solid black; line-height:150px; float:left; overflow:hidden; margin-right:4px;margin-bottom:4px;}
.images_field .image div {width:150px; height:150px; display:table-cell; text-align:center; vertical-align:middle;}
.images_field .image img {max-width: 150px; max-height: 150px;}
.images_field .ui-selected {border: 1px solid red;}

.extra_stuff {float:right; width:300px; height:160px; margin-top:20px;}

.images-ui {position:relative; border:1px solid #555555; float:right; height:180px; margin-right:30px; margin-top:20px; padding:30px 20px 20px 20px; width:210px;}
.images-ui .close {position:absolute; top:0px; right:6px; color:red; font-size:14px;}
.images-ui label {float:left; clear:left; width:80px; margin-bottom:4px;}
.images-ui input {float:left; margin-bottom:4px; width:40px;}
.images-ui select {float:left; margin-bottom:4px; width:120px;}
.images-ui .checkbox {position:relative; top:3px; width: auto;}
.images-ui .button {width: 120px;}

#file_upload {left:670px; top:0px; position:absolute; width:300px; height:150px; border:1px solid black;}

#content-title {float:left;margin-right:15px;}
#content-add {float:left; position:relative; top:2px; margin-right:10px;}
#content-display-tags {float:left; position:relative; top:2px; margin-right:10px; display:block; color:black; cursor:pointer;}
#content-display-age {float:left; position:relative; top:2px; margin-right:10px; display:block; color:black; cursor:pointer;}

.content-tag-list {width: 220px; position:absolute; border:1px solid black; display:none; background:white; z-index:10; font-size:0.8em;}
.content-tag-list li a {display:block; background:white; padding:0px 10px; line-height:16px;}
.content-tag-list li a:hover {color:black;background:#ADD8E6;}