html{height:100%}
body{
		font-family:arial,helvetica,sans-serif;
		margin:44px 30px;
		font-size:11px
		}
a{
		outline:0
		}
html,
div,
blockquote,
ul,
li{
		margin:0;
		padding:0
		}
div.clear{
		clear:left
		}
div#header li{
		display:inline
		}
div#header{
		height:34px;
		width:100%;
		background:transparent url(../images/admin-header-bg-lower.png) bottom left repeat-x;
		position:fixed;
		top:0;
		left:0;
		z-index:10
		}
div#header div.inside{
		background:#ddd;
		height:27px
		}
/*
body.photos div#header div.inside{background:#fff url(../images/admin-header-bg-upper.png) bottom left repeat-x}
body.homepage div#header div.inside{background:#fff url(../images/admin-header-bg-upper.png) bottom left repeat-x}
body.testimonials div#header div.inside{background:#fff url(../images/admin-header-bg-upper.png) bottom left repeat-x}
body.biography div#header div.inside{background:#fff url(../images/admin-header-bg-upper.png) bottom left repeat-x}
body.contact div#header div.inside{background:#fff url(../images/admin-header-bg-upper.png) bottom left repeat-x}
*/

div#nav{
		position:absolute;
		top:0px;
		left:4%;
		width:585px
		}
div#nav ul{
		position:absolute;
		top:0;
		left:0;
		z-index:5000
		}

div#nav a{
		display:block;
		float:left;
		padding:0 15px;
		color:#000;
		font-weight:bold;
		text-decoration:none;
		height:27px;
		line-height:31px;
		text-align:center
		}
/*
div#nav a.photos:hover{background:#fff url(../images/admin-header-bg-upper.png) bottom left repeat-x}
div#nav a.homepage:hover{background:#fff url(../images/admin-header-bg-upper.png) bottom left repeat-x}
div#nav a.testimonials:hover{background:#fff url(../images/admin-header-bg-upper.png) bottom left repeat-x}
div#nav a.biography:hover{background:#fff url(../images/admin-header-bg-upper.png) bottom left repeat-x}
div#nav a.contact:hover{background:#fff url(../images/admin-header-bg-upper.png) bottom left repeat-x}
*/

div#nav a.on{
		background:#999; /* url(../images/admin-header-bg-upper.png) bottom left repeat-x */
		text-decoration:underline
		}
div#nav a:hover{
		text-decoration:underline
		}
div#acl{
		position:absolute;
		line-height:31px;
		right:4%;
		z-index:2000
		}
div#acl a{
		width:100px;
		color:#000
		}
div#acl a:hover{
		background-color:#000;
		color:#fff;
		text-decoration:none
		}
/*
body.photos div#acl a:hover{color:#fff}
body.homepage div#acl a:hover{color:#fff}
body.testimonials div#acl a:hover{color:#fff}
body.biography div#acl a:hover{color:#fff}
body.contact div#acl a:hover{color:#fff}
*/
/************************************************************************/
div#unassignedPhotos{
		position:absolute;
		top:40px;
		left:4%;
		width:27%;
		height:95%;
		border:1px solid #000;
		overflow:hidden
		}
div#unassignedPhotos img{
		width:100%
		}
div#unassignedPhotos img:hover{
		cursor:move
		}
div#unassignedPhotos a{
		float:left;
		display:block;
		width:20%
		}
div#unassignedPhotos h2,
div#categoriesContainer h2{
		background-color:#000;
		color:#fff;
		margin:0;
		padding:2px 4px 0;
		font-weight:normal;
		height:1.2em;
		line-height:1.2em
		}
div#unassignedPhotos h2{
		padding-top:1px;
		padding-bottom:0
		}
div#unassignedPhotos a#add_photos{
		position:absolute;
		top:1px;
		right:1px;
		padding:2px;
		line-height:1.24em;
		background-color:#000;
		width:auto;
		float:none;
		color:#fff
		}
div#unassignedPhotos a#add_photos:hover{
		background-color:#fff;
		color:#000;
		text-decoration:none
		}
/************************************************************************/
div#categoriesContainer{
		position:absolute;
		right:4%;
		left:33.5%;
		top:40px;
		}
div#categoriesContainer h3{
		margin-top:0
		}
div#categoriesContainer a#add_category,
div#categoriesContainer a#reorder_categories,
div#categoriesContainer a#reorder_projects{
		color:#000;
		padding:.2em
		}
div#categoriesContainer a#add_category:hover,
div#categoriesContainer a#reorder_categories:hover,
div#categoriesContainer a#reorder_projects:hover{
		color:#fff;
		text-decoration:none;
		background-color:#000
		}

/************************************************************************/
div.type{
		margin-bottom:20px;
		clear:left;
		background-color:#000;
		border-bottom:2px solid #000
		}

div.type h3{
		border-bottom:1px solid #000;
		padding-bottom:2px;
		margin-bottom:2px;
		background-color:#FFF
		}
div.type h3 span {
		background-color:#000;
		padding:2px 3px;
		color:#FFF
		}
div.type h3 a{
		color:#FA7700;
		text-decoration:none
/*
		display:none
*/
		}
div.type h3 a:hover{
		text-decoration:underline
		}
div.type h3:hover a{
		display:inline
		}
/************************************************************************/
div.project{
		position:relative;
		background-color:#000;
		clear:left;
		margin:1px 1% 3px;
		padding:3px 1%
		}
div.project h4{
		margin:0;
		background-color:#000;
		padding-bottom:1px
		}
div.project h4 span{
		margin:0;
		background-color:#FFF;
		color:#000;
		padding:2px 3px
		}
div.project h4 a{
/*
		display:none;
*/
		float:none;
		color:#FA7700;
		background-color:#000;
		width:auto;
		height:auto;
		border:none;
		text-decoration:none
		}
div.project h4:hover a{
		margin:0;
		display:inline
		}
div.project h4 a:hover{
		text-decoration:underline
		}
div.project a.project_link{
		background-color:#FFF;
		border-top:1px dashed #000;
		padding:2px;
		display:block;
		color:#0077FA;
		text-decoration:none
		}
div.project a.project_link:hover{
		text-decoration:underline
		}
/************************************************************************/
div div.controls{
		position:absolute;
		top:3px;
		right:1%
		}
div div.cat_controls{
		position:absolute;
		top:3px;
		right:0
		}
div.project div.controls span.label{
		display:inline
		}
div.project:hover div.controls span.label{
		display:inline
		}
div.project div.controls span.glyph{
		display:none
		}
div.project div.controls a,
div.type div.cat_controls a{
		text-decoration:none;
		font-weight:bold;
		color:#000;
		padding:2px 3px;
		background-color:#FFF;
		height:1em
		}
div.project div.controls a{
		margin-left:3px
		}
div.type div.cat_controls a{
		color:#FFF;
		background-color:#000
		}
div.project div.controls a:hover,
div.type div.cat_controls a:hover{
		text-decoration:underline
		}

/************************************************************************/

div.project div.photos_container{
		background-color:#FFF;
		padding:4px;
		min-height:50px
		}

div.project a.photo {
		display:block;
		float:left;
		width:52px;
		overflow:hidden
		}
div.project a.photo:hover {
		cursor: move
		}
span.delete_link{
		float:right;
		margin-top:-1.7em
		}
div.project form.inplaceeditor-form a.editor_cancel {
		color: #000;
		background-color: #fff;
		float: none;
		display: inline;
		padding: 0 8px;
		border: 0px;
		overflow: visible;
		cursor: move;
		font-size:10px
		}
div.project a.photo img{
		width:100%;
		display:block
		}

img.handle{
		display:none
		}

div.dragMode{
		background-color:#FFF;
		margin-top:4px
		}
div.dragMode a,
div.dragMode a.photo{
		display:none
		}
div.dragMode img.handle{
		position:absolute;
		top:.4em;
		margin-left:6px;
		width:25px;
		margin:0;
		display:inline
		}
div.dragMode h4{
		margin-left:30px;
		background-color:#FFF
		}
div.dragMode div.photos_container{
		min-height:0
		}
/************************************************************************/
div.dropmarker {
		height: 12px;
		width: 12px;
		background:#000 url(images/dropmarker_horizontal.png) left top;
		margin-top: -3px;
		margin-left: -7px;
		z-index: 1000;
		overflow: hidden
		}
div.dropmarker_photos {
		height: 60px;
		width: 5px;
		background: url(images/dropmarker_photos.png) 50% 50% no-repeat;
		margin-top: -3px;
		margin-left: 0;
		z-index: 1000;
		overflow: hidden;
		}
div#update_form {
		margin-top:20%
		}
/************************************************************************/
div#modal{
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background:transparent url('../images/modal_background.png') top left repeat;
		padding-top:80px;
		text-align:center;
		display:none
		}
div#modal iframe{
		display:inline;
		background:transparent url('../images/modal_panel_background.png') top left no-repeat;
		border:none;
		margin-top:30px;
		padding:0;
		width:330px;
		height:250px
		}
div.modal_panel{
		margin-left:-20px;
		margin-top:-36px;
		text-align:center;
		height:220px;
		width:300px;
		overflow:auto;
		color:#fff
		}
/************************************************************************/
form.textile_input{
		width:44%;
		position:fixed;
		left:4%;
		top:30px;
		bottom:26px;
		overflow:auto;
		z-index:100;
		display:block
		}
form.textile_input input{
		display:inline;
		margin-bottom:.5em
		}
form.textile_input textarea{
		border:1px solid #737373;
		width:44%;
		position:fixed;
		left:4%;
		top:69px
		}
form.textile_input input.save_okopage{
		position:fixed;
		bottom:0
		}
form.textile_input div#photo-upload{
		position:fixed;
		bottom:0
		}
div#photo-upload input{
		display:inline;
		margin-bottom:.5em
		}

div#oko_page_content_preview{
		width:46%;
		position:absolute;
		top:30px;
		right:4%;
		color:#222;
		overflow:auto
		}
div#oko_page_content_preview img{
		max-width:100%
		}
div#admin_messages{
		position:absolute;
		z-index:1000;
		left:560px;
		right:4px;
		top:30px;
		overflow:auto;
		text-align:right;
		height:31px
		}
input#page_title{
		font-family:monospace;
		text-align:center;
		line-height:2em
		}
div#format_tips{
		position:fixed;
		bottom:4px;
		left:4%;
		width:44%;
		z-index:100
		}
div#format_tips h2{
		margin-bottom:0;
		height:1.2em;
		padding:4px 4px 1px 4px;
		color:#fff;
		background-color:#999
		}
div#format_tips h2 span{
		float:left;
		display:block;
		}
div#format_tips a#guide_toggle{
		margin:3px;
		display:block;
		font-size:70%;
		float:right;
		color:#fff
		}
div#format_tips a#guide_toggle:hover{
		color:#999;
		background-color:#fff;
		text-decoration:none
		}
div#format_tips table{
		background-color:#fff;
		color:#111;
		display:none;
		width:100%;
		border:4px solid #999;
		border-top-width:0;
		border-bottom-width:3px
		}
div#format_tips table td{
		border-bottom:1px solid #999;
		vertical-align:top
		}
div#format_tips table td.arrow{
		width:15%
		}
/**************************************************************************/
div#photoTrashBin {
		position:fixed;
		bottom:0;
		left:4%;
		height:60px;
		background:#000 url('../images/radioactive_32.gif') 50% 23px no-repeat;
		color:#fff;
		line-height:25px;
		width:27%;
		font-weight:bold;
		text-align:center;
		border:1px solid #000;
		text-transform:uppercase
		}

div#photo-upload{
		position:fixed;
		z-index:9000;
		width:44%;
		left:4%;
		bottom:0
		}

form.inplaceeditor-form{
		font-size:80%
		}
form.inplaceeditor-form input.editor_field{
		width:100px
		}
div.status_messages,
div.error_messages{
		position:fixed;
		z-index:10000;
		font-size:400%;
		width:80%;
		background-color:#FAB444;
		top:30%;
		padding:2%;
		left:10%;
		font-style:italic;
		display:none
		}
div.status_messages p,
div.error_messages p{
		margin:0
		}