html, body { margin:0; padding:0; }

body { background-color: #fff; color: #000; font-family: arial, hevletica, sans-serif; font-size: 11px; }

#rap { width: 800px; margin: auto; }



/* HEADER BLOCK */

#nav { height: 158px; font-family: verdana,arial,helevtica,sans-serif; }

h1.logo { text-indent: -999em; background: transparent url(img/admin/logo.gif) no-repeat; width:91px; height:90px; }

#topBar { background-color: #cccccc;}

#topBar a { padding: 3px 6px 3px 6px; color: #000; text-decoration: none; font-size: 11px; margin-left: 2px; outline:none; font-weight: normal; }

#topBar a:hover { text-decoration: underline; }

#topBar .darkblue { background-color: #00aaad; }

#topBar .green { background-color: #b3d235; }

#topBar .pink { background-color: #ee1765; }

#topBar .blue { background-color: #25a9e1; }

#topBar .purple { background-color: #88338d; }

#topBar .orange { background-color: #f15b25; }

#topBar .active { border: 1px solid #333; padding-top: 2px; font-weight: bold; color: #000; }





.subBar { padding: 4px; font-size: 11px; border: 1px solid #333; border-top:0; text-align: right; }

.subBar a { text-decoration: none; color: #fff; background: transparent url(img/admin/box.gif) no-repeat 0% 55%; padding-left: 10px; }

.subBar a.active { font-weight: bold; color: #000; }

.subBar a:hover { color: #000; }

.subBar ul { margin:0; padding: 0; }

.subBar li { display: inline; list-style: none; margin-right: 5px; }

#BarContent { display: none; }



.errorMessages { color: #F5003D; font-weight: bold; }



/* CONTENT BLOCK */

#container { margin-bottom: 20px; }

h2 { font-size: 18px; font-weight: normal; }

h3 { font-size: 16px; font-weight: normal; border-bottom: 1px solid #333; }



.categoryTitle { font-size: 1.5em; font-weight: bold; }



/* HELPERS & EFEFCTS */

.red { color: red; }

.clr, .clear { clear:both; }

.lastlogin { margin-top: 5px; }

.logger { background: #af131e url(img/admin/logger.gif) no-repeat 2% 50%; color: #fff; min-width: 140px; width: 140px; width: auto !important; height: 20px; padding:10px 5px 3px 25px; position: fixed; right: 0; bottom:0; z-index: 999; }

#xOverlay { background-color:#000; position: absolute; top:0; left:0; z-index: 10; text-align: center; }

#failedClose { margin-left: 10px; cursor: pointer; }

.results { text-align: right; }

.resultBox { border-bottom: 1px dotted #ccc; }

.subtoggler { font-size: 13px; cursor: pointer; }

.subelement { padding: 10px; width: 90%; margin: auto; font-size: 12px; }

.hidden { display:none; }

.visible { display:block; }

.inputs { clear: both; padding: 10px; margin-bottom: 5px; }

.labels { width: 130px; display: block; float: left; font-size: 11px; font-weight: bold; font-family: arial, verdana, helvetica, sans-serif; }

.lines { border:1px inset #999; background-color: transparent; margin-right: 10px; overflow: auto; }

.wide { width: 75%; }

.mid { width: 40%; }

.smalls { width: 20%; }

.smallest { width: 5%; }

.lines:focus { background-color: #fff; }

.buttons { text-align: right; clear:both; margin: 10px; }

.fails { border: 1px solid red; }

input.fails { background: transparent url(img/admin/cross.gif) no-repeat right; }

/*.success { background-color: #c6e54d; border: 1px solid #b3d335; color: #000; font-weight: bold; font-size: 11px; font-family: verdana,arial,helvetica; position: fixed; bottom: 10px; }*/

.success { background-color: #c6e54d; border: 1px solid #b3d335; color: #000; font-weight: bold; font-size: 11px; font-family: verdana,arial,helvetica; height: 20px; padding:10px 5px 3px 25px;  position: fixed; bottom:0; right:0; margin: auto; text-align: center; z-index: 999; }

p.fails { padding: 4px; }

.popCloseBtn { background: transparent url(img/admin/arrow_left.gif) no-repeat left; padding-left: 20px; font-size: 11px; cursor:pointer; }

.stats { text-align: right; font-style: oblique; }

/* Iconized */

.option_tools { font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; padding: 3px; border: 0px solid #eee; text-align: right; }

.option_tools a { color: #333; text-decoration: none; }

.option_tools a:hover { color: #ff6600; }

.option_tools .add { background: transparent url(img/admin/icons/add.png) no-repeat left; padding: 4px; padding-left: 20px; }

.option_tools .view { background: transparent url(img/admin/icons/application_form_magnify.png) no-repeat left; padding: 4px; padding-left: 20px; }

.option_tools .edit { background: transparent url(img/admin/icons/page_white_edit.png) no-repeat left; padding: 4px; padding-left: 20px; }

.option_tools .remove { background: transparent url(img/admin/icons/cross.png) no-repeat left; padding: 4px; padding-left: 20px; }

.option_tools .images { background: transparent url(img/admin/icons/images.png) no-repeat left; padding: 4px; padding-left: 20px; }

.option_tools .reload { background: transparent url(img/admin/icons/arrow_refresh_small.png) no-repeat left; padding: 4px; padding-left: 20px; }

.option_tools .sort { background: transparent url(img/admin/icons/shape_move_front.png) no-repeat left; padding: 4px; padding-left: 20px; }

.option_tools .comments { background: transparent url(img/admin/icons/comments.png) no-repeat left; padding: 4px; padding-left: 20px; }

.option_tools .offers { background: transparent url(img/admin/icons/rosette.png) no-repeat left; padding: 4px; padding-left: 20px; }

.option_tools .stats { background: transparent url(img/admin/icons/chart_curve.png) no-repeat left; padding: 4px; padding-left: 20px; }

.option_tools .events { background: transparent url(img/admin/icons/date.png) no-repeat left; padding: 4px; padding-left: 20px; }

.option_tools .map { background: transparent url(img/admin/icons/map.png) no-repeat left; padding: 4px; padding-left: 20px; }

.option_tools .videos { background: transparent url(img/admin/icons/film.png) no-repeat left; padding: 4px; padding-left: 20px; }

.option_tools .settings { background: transparent url(img/admin/icons/asterisk_yellow.png) no-repeat left; padding: 4px; padding-left: 20px; }

.option_tools .activeTab { font-weight: bold; }

.option_tools .inListEdit { margin-left: 15px; }

#redirect { font-size: 10px; font-style: italic; }



/*PAGING style*/

div.pagination {

	padding:3px;

	margin:3px;

	margin-top: 10px;

	text-align:center;

}

div.pagination a {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #595959;

	text-decoration: none; 

	color: #595959;

}

div.pagination a:hover, div.pagination a:active {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #84acd6;

	color: #333;

}

div.pagination span.current {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 2px solid #84acd6;

	font-weight: bold;

	background-color: #84acd6;

	color: #fff;

}

div.pagination span.disabled {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #f3f3f3;

	color: #ccc;

}



#fxm { font-size: 10px; color: #ccc; line-height: 10px; padding:5px; }

#loginWrapper {

	background: transparent url(img/admin/logo.gif) no-repeat top right;

	width: 330px;

	margin: 10px auto auto auto;

}

#login {

	width: 320px;

	padding: 45px 15px 15px 15px;

	min-height: 100px;

	height: 100px;

	height: auto !important;

	margin-left: auto;

	margin-right: auto;

	}

#login form { display: inline; }

#login h1, #login p { margin:0; padding:0; }

#login h1 {

	color: #5b7aa9;

	margin: 0;

	font-weight: normal;

	font-size: 18px;

}

#login a { color: #999; text-decoration: underline; }

#login a:hover { color: #333; }

p.loginTag { margin-bottom: 5px; }

#login .errorLogin { color: #ff0000; margin-bottom: 5px; }

.small {

	color: #333;

	font-size: 12px;

	padding: 3px;

	font-style: italic;

}

.logfield { width: 250px; }

.xBtn {

	float: right;

	cursor: pointer;

	}

.xBtn:focus { }

.logfield {

	width: 310px;

	height: 26px;

	font-size: 22px;

	color: #333;

	border: 1px solid #ccc;

	}

.logfield:focus { border: 1px solid #999; }

.pRetrieve {

	font-size: 12px;

	margin-top: 21px;

	}

.errorLogin { padding-top: 5px; font-size: 11px; }



/* Tooltips */

.customs .tip {

	color: #000;

	width: 230px;

	z-index: 13000;

	border: 1px solid #ccc;

} 

.customs .tip-top { }

.customs .tip-bottom { }

.customs .tip-title {

	font-weight: bold;

	font-size: 11px;

	margin: 0;

	color: #ff6600;

	padding: 8px 8px 4px;

	background: #eee;

	border-bottom: 1px solid #ccc;

} 

.customs .tip-text {

	font-size: 10px;

	padding: 4px 8px 8px;

	background: #eee;

}



/* FancyUpload */

.uploadControl

{

	padding:				10px 15px;

	width:					420px;

	font-family: verdana, arial, helvetica, sans-serif;

}

 

.uploadControl .progress

{

	background:				white url(img/admin/fancyupload/progress.gif) no-repeat;

	background-position:	+50% 0;

	margin-right:			0.5em;

}

 

.uploadControl .progress-text

{

	font-size:				11px;

	font-weight:			bold;

}

.uploadControl .current-text { font-weight: bold; font-size: 11px; text-align: right; }

.uploadControl .overall-title, .uploadControl .current-title { font-size: 11px; }

.uploadControl a { color: #333; text-decoration: none; font-weight: bold; }

.uploadControl a.browse { font-size: 10px;  padding: 4px; padding-left: 20px; background: transparent url(img/admin/icons/drive_add.png) no-repeat left; } 

.uploadControl a.clear { font-size: 10px; padding: 4px; padding-left: 20px; background: transparent url(img/admin/icons/arrow_rotate_anticlockwise.png) no-repeat left; } 

.uploadControl a.upload { font-size: 10px; padding: 4px; padding-left: 20px; background: transparent url(img/admin/icons/server_add.png) no-repeat left; } 



.uploadList

{

	list-style:				none;

	width:					80%;

	margin:					0 auto 0 auto;

	border-top: 1px dotted #ccc;

	font-family: verdana, arial, helvetica, sans-serif;

}

 

.uploadList li.file

{

	border-bottom:			1px solid #999;

	background:				url(img/admin/icons/picture.png) no-repeat 0% 50%;

}

.uploadList li.file.file-uploading

{

	background-image:		url(img/admin/fancyupload/uploading.gif);

	

}

.uploadList li.file.file-success

{

	background-image:		url(img/admin/icons/tick.png);

}

.uploadList li.file.file-failed

{

	background-image:		url(img/admin/icons/picture_error.png);

}

 

.uploadList li.file .file-name

{

	font-size:				11px;

	margin-left:			44px;

	display:				block;

	clear:					left;

	line-height:			40px;

	height:					40px;

	font-weight:			bold;

}

.uploadList li.file .file-size

{

	font-size:				10px;

	line-height:			18px;

	float:					right;

	margin-top:				2px;

	margin-right:			6px;

}

.uploadList li.file .file-info

{

	display:				block;

	margin-left:			44px;

	font-size:				10px;

	line-height:			20px;

	clear: both;

}

.uploadList li.file .file-remove

{

	clear:					right;

	float:					right;

	line-height:			18px;

	margin-right:			6px;

	font-size:				10px;

	color:					#ff6600;

}

#fplayer { font-style: italic; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; }

#sortOpts { margin-top: 10px; text-align: right; }

#sortOpts  a { color: #333; font-weight: bold; }

#sortOpts  a:hover { color: #ff6600; }

.isSortables { cursor: move; }

.sortables_thumb li { list-style: none; float: left; width: 100px;  margin: 4px; border: 1px solid #ccc; text-align: center; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; }

.thumbs { height: 70px; margin: auto; margin-top: 2px; width: 90px; text-align: center; overflow: hidden; }

.editCaption, .removeImage { cursor:pointer; }

.quickEdit { background-color:#fff; color:#000; width: 400px; height:auto; margin:auto; position:absolute; margin-bottom:20px; border: 2px solid #999; }

.editCaption:hover, .removeImage:hover { color: #ff6600; }

#dropzoneContainer { text-align: center; font-weight: bold; margin: auto; margin-top: 10px; margin-bottom: 10px; width: 130px; height: 130px; border: 1px dotted #000; }

#dropzone { 

	text-align: center; 

	margin: auto;

	margin-top: 10px;

	margin-bottom: 10px;

	width: 130px;

	padding-bottom: 70px;

	background-color: #fff;

	border: 1px dotted #000;

	float: left;

}



#map_canvas {

  margin-left: 10px;

}



.map_inputs {

  margin-left: 20px;

}



#gallery_images_management img { width: 50px; height: 50px; }



.gallery_container {

	display: inline-block;

	margin-right: 10px;

	margin-bottom: 10px;

}



.gallery_options textarea 

{

	width: 240px;

}



.gallery {

	width: 240px;

	height: 180px;

	background-color: #000;

	text-align: center;

	margin-right: 10px;

	margin-bottom: 4px;

	display: table-cell;

	vertical-align: middle;

}