/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('../img/Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }


.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#album-content-form table { margin-top: 5px; }

#admin-content-form .texyform table tr td { white-space: normal; }
#admin-content-form .texyform table tr td.foto { width: 25%; }

a.delete-x { font-weight: bold; font-size: 120%; color: #DF4040; text-decoration: none; }

#content-slideshow #imageworkspace{ position: relative; top: 10px; clear: left; float: left; border:3px dashed silver; margin-bottom: 20px; overflow: hidden; }
#content-slideshow #imageworkspace,
#content-slideshow #imageworkspace div,
#content-slideshow #imageworkspace div.jcrop-holder img { width: 690px; height: 521px; /*width: 900px; height: 680px;*/ }
.jcrop-holder,
.jcrop-holder img { margin: 0; padding: 0; position: absolute; left: 0; }
.navig-item,
.navig-item-selected { position: relative; left: 0; top: 0; z-index: 900; display: inline-block; padding-top: 9px; margin-left: 9px; }
.navig-item img,
.navig-item-selected img { position: relative; display: inline; }
#checkbox_picture_space { float: left; width: 150px; margin: 25px 0px 0px 15px; }
img#imagecroparea { float: left; }
div.cleaner-king { clear: both; width: 100%; height: 20px; }
div#button-use-crop { clear: left; float: left; padding-top: 7px; text-align: center; }
div#kompas { float: left; width: 60px; height: 60px; border: 1px solid #D5DDE6; margin: 0 10px 0 0px; }
div#button-toggle-wm { float: left; padding-top: 7px; text-align: center; margin-bottom: -5px; }
div#button-use-wm { float: left; padding-top: 7px; text-align: center; }
div#kompas label { float: left; width: 20px; height: 20px; text-align: center; }
div#kompas label input { display: block; margin: 3px auto 0 auto; }
div#tool-label1,
div#tool-label2 { float: left; width: 200px; padding: 10px; margin-left: 30px; }
div#tool-label1 { margin-left: 0; }
div#tool-label1 div.submit_save { background: url('../img/text-field-bg.png'); border: 1px solid #fff; color: #fff; font-weight: bold; padding: 1px 15px; margin: 0 0 5px 0; font-size: 90%; cursor: pointer; }

#container-1 ul#tool-label.ui-tabs-nav { position: relative; top: -32px; }
#container-1 div#tool-label1.ui-tabs-panel,
#container-1 div#tool-label2.ui-tabs-panel { clear: left; border: 0px none; margin-top: -32px; background: transparent; }

/*
.button-like { background: #eeeeee; border: 2px solid #eeeeee; margin: 0 0 0 5px; cursor: pointer; font-size:12px; font-weight: bold; display: inline; text-align: center; padding: 0px 8px; }
.button-like:hover {background: #ffffff;}
*/
.navigselected{border:1px solid silver;}
.navigunselected{border:1px solid white;}
#album-content-form .button-like { background: #31695E; border: 2px solid #02656B; color: #fff; margin: 0 0 0 5px; cursor: pointer; font-size:12px; font-weight: bold; display: inline; text-align: center; padding: 0px 8px; }
.pagination{cursor: pointer; margin-left: 5px;}
.pagination:hover{color: gray;}
.actual{color: silver;}

/* added from default.css from admin-navigator/styles/ */

#content-slideshow { position: relative; }
#content-slideshow h4 { display: block; padding: 10px 0 5px 0; font-size: 140%; }
#frontend-admin .texyform table {width: 100%; font-size:0.75em; white-space: nowrap; font-weight: normal; }
#frontend-admin .texyform acronym {width: 100px; font-size: 11px; font-weight: normal;}
div.textareaParent{clear: both; width: 100%; overflow: hidden;}
#frontend-admin .texyform textarea{width: 90%; height: 400px; }
#frontend-admin .texyform textarea.small-textarea{width: 419px; height: 200px;}
#frontend-admin .texyform textarea#id_text{margin: 0; display: block; position: relative; left: 0; font-size: 130%; line-height: 140%; font-family: monospace; }
#frontend-admin .texyform textarea#body1, #frontend-admin .texyform textarea#body2 { font-size: 130%; line-height: 140%; font-family: monospace; }
#frontend-admin .texyform table td{padding: 5px 0; margin: 0px; font-size: 120%; }
#frontend-admin .texyform table th{width: 12%; font-size: .9em; height: 20px; padding: 5px 0px; margin: 0px 10px 0px 0px; background: #4A616B; border: 1px solid #B5BABD; color: #fff;}
#frontend-admin .texyform select{width: 419px; margin: 0px 5px;}
#frontend-admin .texyform input {margin: 0px 5px; font-size: 120%; }
#frontend-admin .texyform input.textfield{width: 413px; background: url('../img/text-field-bg.png'); border: 1px solid #4A616B; color: #fff; padding: 3px 5px; }
#frontend-admin .texyform input.submit_save,
#frontend-admin .texyform input.submit_delete { background: url('../img/text-field-bg.png'); border: 1px solid #fff; color: #fff; font-weight: bold; padding: 1px 15px; font-size: 90%; cursor: pointer; }
#frontend-admin .texyform input.submit_delete { border: 1px solid #f00; }
#frontend-admin #checkbox_picture_space { float: right; width: 160px; margin: 30px 0 0 0; *margin: 90px 0 0 0; }