/* -----------------------------------------------------------------------

	Everengine Admin - general.css
	* Copyright (c) 2010 Everegine Kft.
	
	Tartalom:
	
		- Reset
		- Globális elemek
		- Ikonok
		- Táblázatok
		- Dropdown box
		- Tooltip
		- Paginator
		- Flash üzenetek
		- Confirm Alert
		- Todo
		- Galéria képek listája
		- User guide
		- FAQ
		- Premium
		- Progress bar
		- Form Builder
		- Favicon editor
   
----------------------------------------------------------------------- */

/*------------------------------------ Reset ------------------------------------*/

* { outline: none; }

body {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
}

a { color: #333; text-decoration: none; cursor: pointer; }
a:hover { color: #486f96; text-decoration: none; cursor: pointer; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 15px 0; font-weight: normal; }
h1 { font-size: 18px; color: #486f96; }
h2 { font-size: 16px; }
h3 { font-size: 15px; color: #486f96; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; font-weight: bold; }

p { margin: 0 0 15px 0; }

#content_inner > :last-child { margin-bottom: 0; }
img { margin: 0; border: 0; }

/*------------------------------------ Globális elemek ------------------------------------*/

.red	{ color: #cc0000; }
.yellow	{ color: #ffa500; }
.green	{ color: #6da000; }

.block { display: block; }
.clearfix { clear: both; }
.float_left { float: left; }
.float_right { float: right; }
.overflow_hidden { overflow:hidden; }

.margin_left { margin-left: 5px !important; }
.margin_right { margin-right: 5px !important; }
	
/*------------------------------------ Ikonok ------------------------------------*/

.edit_icon, .delete_icon, .bann_icon, .registration_icon, .add_user_icon, .excel_icon, 
.users_delete_icon, .user_restore_icon, .unregistered, .registration-uncomplete, .registrated 
.newsletter-inactive, .newsletter-active {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -1000em;
}

.premium_icon {
	display: block;
	width: 12px !important;
	height: 16px;
	text-indent: -1000em;
	background-repeat: no-repeat;
}

.registration_icon { background: url(../images/small_icons/registration.png); }
.add_user_icon {background: url(../images/small_icons/adduser.png); }
.edit_icon { background: url(../images/small_icons/edit.png); }
.delete_icon { background: url(../images/small_icons/delete.png); }
.bann_icon { background: url(../images/small_icons/bann.png); }
.premium_icon_active { background: url(../images/small_icons/premium-active.png) }
.premium_icon_inactive { background: url(../images/small_icons/premium-inactive.png) }
.excel_icon { background: url(../images/small_icons/excel.png); }
.user_delete_icon { background: url(../images/small_icons/user_delete.png); }
.user_restore_icon { background: url(../images/small_icons/user_restore.png); }
.unregistered { background: url(../images/small_icons/unregistered.png); }
.registration-uncomplete { background: url(../images/small_icons/registration-uncomplete.png); }
.registrated { background: url(../images/small_icons/registrated.png); }
.newsletter-inactive { background: url(../images/small_icons/newsletter-inactive.png); }
.newsletter-active { background: url(../images/small_icons/newsletter-active.png); }


.table tbody tr .actions a { float: left; }
.table tbody tr .actions a:first-child { margin: 0 5px 0 0; }

/*------------------------------------ Táblázatok ------------------------------------*/

.table, .form_table {
	position: relative;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
	border: 1px solid #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 12px;
	color: #666;
	background: #fff;
}

.ui-tabs .form_table {
	border: 0;
}

/*-- Fejléc cellák --*/
.table thead th, .form_table thead th {
    height: 19px;
    padding: 10px 15px;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    background: url(../images/box_header.jpg) top left repeat-x;
    text-shadow: 1px 1px 0 #f0f0f0;
    font-size: 13px;
    color: #444;
}

.form_table thead th { border-left: 0; border-bottom: 1px solid #aaa; text-align: left; }
.table thead th:first-child, .form_table thead th:first-child { border-left: 0; -moz-border-radius-topleft: 5px; -webkit-border-radius-topleft: 5px; border-top-left-radius: 5px; }
.table thead th:last-child, .form_table thead th:last-child { -moz-border-radius-topright: 5px; -webkit-border-radius-topright: 5px; border-top-right-radius: 5px; }
	
/*-- Tartalom cellák --*/
.table tbody td, .form_table tbody td { padding: 10px 15px; background: #fff; }
.table tbody td { border-left: 1px solid #999; border-bottom: 1px solid #999; color: #444; }
.form_table tbody td { vertical-align: top; text-align: left; text-shadow: 1px 1px #fff; }

/*-- Általános táblázatok tartalom cellái --*/
.pagetext_table tbody td { padding: 5px 15px !important; }
.table tbody tr td:first-child { border-left: 0; } /*-- A tartalmi sorok elsõ cellája nem kap border-left-et --*/
.table tbody tr:last-child td, .last_tr td { border-bottom: 0 !important; } /*-- Az utolsó tartalmi sor cellái nem kap border-bottomot-ot --*/
.table tbody tr:last-child td:first-child, .last_tr td:first-child { -moz-border-radius-bottomleft: 5px; -webkit-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; }
.table tbody tr:last-child td:last-child, .last_tr td:last-child { -moz-border-radius-bottomright: 5px; -webkit-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; }
.table tbody tr:nth-child(2n) td { background: #f3f3f3; } /*-- Minden második cella sötétebb --*/
.table tbody tr:hover td { background: #EBF0FF; } /*-- A sorok hoverje --*/
.table tbody tr td.red { background: #feeded !important; } /*-- Piros cellák --*/
.table tbody tr:hover td.red { background: #fddada !important; } /*-- Piros cellák --*/
.table tbody tr td.yellow { background: #fefdf2 !important; } /*-- Sárga cellák --*/
.table tbody tr:hover td.yellow { background: #f8f2ce !important; } /*-- Sárga cellák --*/

/*-- Általános táblázatok tartalom cellái --*/
.form_table tbody tr td:first-child { width: 150px; text-align: right; }
.ui-tabs .form_table tbody tr td:first-child { width: 134px; }
.form_table tbody tr:first-child td:first-child { border-left: 0; -moz-border-radius-topleft: 5px; -webkit-border-radius-topleft: 5px; border-top-left-radius: 5px; }
.form_table tbody tr:first-child td:last-child { border-left: 0; -moz-border-radius-topright: 5px; -webkit-border-radius-topright: 5px; border-top-right-radius: 5px; }
.form_table tbody tr:last-child td:first-child { border-left: 0; -moz-border-radius-bottomleft: 5px; -webkit-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; }
.form_table tbody tr:last-child td:last-child { border-left: 0; -moz-border-radius-bottomright: 5px; -webkit-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; }

/*-- Tartalmi cellák tartlamai --*/
.table tbody td input, .table tbody td select, .table tbody td textarea { margin: 0; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.form_table tbody td input, .form_table tbody td select, .form_table tbody td textarea, .form_table .selector, .form_table .upload { float: left; margin: 0 5px 0 0 !important; }

/*-- Felhasználók táblázatának beállításai --*/

.user-control-table-hover {
	background-color: #EBF0FF !important;
}
	
	

/*------------------------------------ Dropdown box ------------------------------------*/



.dropdown-box {
	display: block;
	padding: 10px;
	background: rgba( 80, 80, 80, 0.8 );	
	position: absolute;
	z-index: 10;	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top: 5px;
	box-shadow: 1px 2px 5px rgba( 50, 50, 50, 0.5 );
	-webkit-box-shadow: 1px 2px 5px rgba( 50, 50, 50, 0.5 );
	-moz-box-shadow: 1px 2px 5px rgba( 50, 50, 50, 0.5 );
	line-height: 20px !important;
}

.dropdown-box a {
	color: #fff;
	
}

.dropdown-box a:hover {
	color: #dedede;
}


/* Premium
---------------------------------------------*/

.dropdown-box.premium {	
	top: 80px;
	left: 350px;
}

/* Bann
---------------------------------------------*/

.dropdown-box.banns {
	top: 80px;
	left: 142px;
}



/*------------------------------------ Tooltip ------------------------------------*/

.tooltip {
	float: left;
	display: block;
	margin: 5px 0 0 0;
	width: 16px;
	height: 16px;
	background: url(../images/small_icons/tooltip.png);
	text-indent: -1000em;
	cursor: help;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	max-width: 300px;
	padding: 7px 15px;
	
	text-shadow: 0 1px 0 #000 !important;
	font-size: 11px;
	font-weight: normal !important;
}

#tooltip h3 {
	position: relative;
	z-index: 3000;
	margin: 0 !important;
	font-size: 13px !important;
	color: #fff !important;
}

#tooltip .arrow {
	z-index: 2975;
	position: absolute;
	top: -4px;
	left: 15px;
	width: 8px;
	height: 5px;
	background: url(../images/tooltip_arrow.png);
}

#tooltip .hlight {
	z-index: 2950;
	position: absolute;
	top: 0; bottom: 50%;
	left: 0; right: 0;
	height: 50%;
	
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: rgba(255,255,255,0.1);
}

#tooltip .bg {
	z-index: 2900;
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
	height: 100%;
	
	border: 1px solid #000;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	
	background: #000;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0,0,0,0.8)), color-stop(1, rgba(0,0,0,0.6)));
	background: -moz-linear-gradient(center bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 100%);

}

#tooltip h3, #tooltip div { margin: 0; }

/*------------------------------------ Paginator ------------------------------------*/

.paginator_container {
	height: 28px;
	margin: 0 0 15px 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #666;
}

.paginator_container:last-child {
	margin: 0;
}
	
	.paginator_container .left {
		width: 180px;
		overflow: hidden;
		float: left;
		line-height: 28px;
	}

	.paginator_container .right {
		height: 28px;
		overflow: hidden;
		float: right;
	}

	.paginator_container .active_page {
		width: 26px;
		height: 26px;
		float: left;
		margin: 0 0 0 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #253a4f;
		background: url(../images/form_elements/buttons.png) 0 -56px repeat-x;
		line-height: 26px;
		text-shadow: 1px 1px 0 #0d2033;
		color: #fff;
		font-weight: bold;
		text-align: center;
	}
	
	.paginator_container .page, .pagerText {
		float: left;
		height: 28px;
		margin: 0 0 0 5px;
	}
	
	.paginator_container .page { width: 28px; }

		.paginator_container .page a, .paginator_container .pagerText a {
			display: block;
			height: 26px;
			border: 1px solid #999;
			-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
			-moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff;
			background: #aaa; /* old browsers */
			background: -moz-linear-gradient(top, #eeeeee 0%, #bbbbbb 100%); /* firefox */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#bbbbbb)); /* webkit */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#bbbbbb',GradientType=0 ); /* ie */
			
			line-height: 26px;
			text-align: center;
			font-weight: bold;
			color: #444;
		}
		
		.paginator_container .page a:hover, .paginator_container .pagerText a:hover {
			-moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff;
			background: #bbb; /* old browsers */
			background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%); /* firefox */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); /* webkit */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* ie */
		}
		
		.paginator_container .page a { width: 26px; }
		.paginator_container .pagerText a { padding: 0 10px; }
		
	
	.pagerText {
		line-height: 28px;
		font-weight: bold;
		text-align: center;
	}
		
/*------------------------------------ Flash üzenetek ------------------------------------*/

.flash {
	position: fixed;
	top: 0;
	margin-top: -200px;
	padding: 0 4px 4px 4px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	background: rgba(0,0,0,0.6);
	z-index: 1210;
}

	.flash .content {
		padding: 10px 30px 10px 20px;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		color: #fff;
	}
	
	.flash_success .content { background: url(../images/flash/success_bg.jpg) top left repeat; }
	.flash_error .content { background: url(../images/flash/error_bg.jpg) top left repeat; }
	
		.flash .content div {
			display: table;
			margin: 0 auto;
		}
		
			.flash .content p {
				display: table-cell;
				height: 50px;
				margin: 0 auto;
				padding: 0 0 0 60px;
				vertical-align: middle;
				text-align: center;
				font-size: 14px;
			}
		
			.flash_success .content p { background: url(../images/flash/success_icon.jpg) top left no-repeat; text-shadow: 1px 1px 0 #2b4301; }
			.flash_error .content p { background: url(../images/flash/error_icon.jpg) top left no-repeat; text-shadow: 1px 1px 0 #550000; }
			
/*------------------------------------ Confirm Alert ------------------------------------*/

.confirm_alert {
	min-height: 32px;
	padding: 0 0 0 40px;
	font-size: 13px;
	background: url(../images/alert_icon.png) top left no-repeat;
}
			
/*------------------------------------ Todo ------------------------------------*/

#todo-container {
	padding-left: 15px;
}

#todo_list {
	padding: 0 10px 10px 10px;
	overflow-x: hidden;
	overflow-y: auto;
}

	#pleaseAdd {
		margin: 10px 0 0 0;
		padding: 0 0 0 35px;
		background: url(../images/todo/please_add_icon.png) top left no-repeat;
		text-shadow: 1px 1px 0 #e3e3e3;
	}

		#pleaseAdd h2 {
			display: block;
			margin: 0 0 5px 0 !important;
			font-size: 15px !important;
		}

		#pleaseAdd p { color: #666; }

	#todo_list ul {
		position: relative;
		margin: 0;
		padding: 0;
		list-style: none;
	}

		#todo_list ul li {
			padding: 10px 0 0 0;
			color: #555;
			background: url(../images/todo/background.png) top left repeat;
			cursor: move;
		}

		#todo_list ul li.checkedBox { color: #888; }

			#todo_list ul li.checkedBox p { text-decoration: line-through; }

			.todo_content {
				position: relative;
				min-height: 16px;
			}

				.todo .checkbox {
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					padding: 0;
					cursor: default !important;
				}

					.todo .checkbox input { margin: 0; }

				.todo .text {
					display: block;
					margin: 0 0 10px 0;
					padding: 0 40px 0 20px;
				}

				.todo .actions {
					display: block;
					position: absolute;
					top: 0;
					right: 0;
					width: 34px;
					opacity: 0;
					filter:alpha(opacity=0);
				}
				
				    .todo .actions a {
				    	float: left;
				    	display: block;
				    	width: 15px;
				    	height: 16px;
				    	overflow: hidden;
				    	text-indent: -9999px;
				    }
				
				    .todo .actions a.edit {
				    	margin: 0 3px 0 0;
				    	background: url(../images/todo/icons.png) top left;
				    }
				
				    .todo .actions a.edit:hover { background: url(../images/todo/icons.png) bottom left; }
				    .todo .actions a.delete { background: url(../images/todo/icons.png) top right; }
				    .todo .actions a.delete:hover { background: url(../images/todo/icons.png) bottom right; }

			.todo .clearfix {
				height: 2px;
				background: url(../images/todo/border.png) bottom left repeat-x;
			}

#todo_add { height: 41px; }

	#todo_add a {
		display: block;
		height: 41px;
		padding: 0 0 0 35px;
		line-height: 41px;
		font-weight: bold;
		background: url(../images/todo/add_button.jpg);
	}

	#todo_add a:hover {
		color: #333;
		background: url(../images/todo/add_button.jpg) bottom left;
	}

/*------------------------------------ Galéria képek listája ------------------------------------*/

.gallery_titles {
	margin: 0;
	padding: 0;
	list-style: none;
}

	.gallery_titles li {
		float: left;
		width: 75px;
		height: 75px;
		margin: 0 10px 10px 0;
	}
	
		.gallery_titles li a {
			display: block;
			width: 75px;
			height: 75px;
		}
		
		.red_border		{ border: 5px solid #cc0000; }
		.yellow_border	{ border: 5px solid #ffa500; }
		.green_border	{ border: 5px solid #6da000; }
		
			.gallery_titles li a img {
				display: block;
			}
			
/*------------------------------------ Dashboard ------------------------------------*/

.dashboard_nav {
	position: absolute;
	float: left;
	width: 200px;
	height: 100%;
	margin: -15px 30px 0 -15px;
	padding: 15px 15px 0 5px;
	border-right: 1px solid #ccc;
	background: #fafafa;
	z-index: 1000;
}

	.dashboard_nav ul {
		width: 200px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		.dashboard_nav ul li {
			display: block;
			width: 190px;
			height: 26px;
			padding: 0 0 0 10px;
		}
		
			.dashboard_nav ul li img {
				display: block;
				float: left;
			}
			
			.dashboard_nav ul li a {
				display: block;
				padding: 5px 0 5px 5px;
				line-height: 16px;
				background-position: left center;
				background-repeat: no-repeat;
				float: left;
			}
			
			.dashboard_nav ul li a:hover { text-decoration: underline; }
			
			.dashboard_nav ul li.active {
				border: 1px solid #ccc;
				background: #eee;
			}
			
				.dashboard_nav ul li.active a { padding: 4px 0 4px 20px; }
			
.dashboard_content {
	max-width: 100%;
	margin: 0 0 0 220px;
}

.dashboard_content h3 {
	margin: 0 0 5px 0;
}

.dashboard_content p {
	margin: 0 0 15px 0;
}

.dashboard-item-container {
	margin: 20px 0;
	border: 1px solid #999;
	border-radius: 8px;
}

	.dashboard-item-container .header {
		height: 40px;
		background: url(../images/box_header.jpg) top left repeat-x;
		border: 0;
		border-radius: 8px 8px 0 0;
		line-height: 40px;
		padding: 0 10px;
	}
	
	.dashboard-item-container .content {
		min-height: 200px;
		padding: 20px;
	}
	
	.dashboard-item-container .content .main-image {
		border: 10px solid #fff;
		margin: 0 20px 0 0;
		position: relative;
		z-index: 10;
	}
	
	.dashboard-item-container .content .drop-shadow {
			width: 200px;
			height: 100%;
			margin:	0 20px 0 0;
			position:	relative;
			box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
			-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
			-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
			-o-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
		}
		.dashboard-item-container .content .drop-shadow:before,
		.dashboard-item-container .content .drop-shadow:after {
			width: 50%;
			max-width: 95x;
			height: 90%;
			position: absolute;
			top: 5px;
			left: 15px;
			z-index: 0;
			content: "";
			-webkit-box-shadow: -15px 0 10px rgba(0, 0, 0, 0.7);
			-moz-box-shadow: -15px 0 10px rgba(0, 0, 0, 0.7);
			box-shadow: -15px 0 10px rgba(0, 0, 0, 0.7);
			-webkit-transform: rotate(-3deg);
			-moz-transform: rotate(-3deg);
			-o-transform: rotate(-3deg);
			transform: rotate(-3deg);
		}
		.dashboard-item-container .content .drop-shadow:after{
			right: 15px;
			left: auto;
			-webkit-box-shadow: 15px 0 10px rgba(0, 0, 0, 0.7);
			-moz-box-shadow: 15px 0 10px rgba(0, 0, 0, 0.7);
			box-shadow: 15px 0 10px rgba(0, 0, 0, 0.7);
			-webkit-transform: rotate(3deg);
			-moz-transform: rotate(3deg);
			-o-transform: rotate(3deg);
			transform: rotate(3deg);
		}

		.dashboard-item-container .content .dashboard-content {
			min-height: 200px;
		}

/*------------------------------------ User guide ------------------------------------*/
	
.userguide_box {
	clear: both;
	position: relative;
	margin: 0 -15px;
	padding: 20px 30px;
	border-bottom: 1px solid #bbb;
}

	.userguide_box h1 {
		position: absolute;
		top: 20px;
		left: 30px;
	}
	
		.userguide_box div p { font-size: 13px; color: #666; }
	
	.userguide_content {
		float: left;
		padding: 35px 330px 0 0;
	}
	
	.userguide_img {
		float: right;
		margin: 0 0 0 -330px;
	}
	
/*------------------------------------ FAQ ------------------------------------*/

#faq_nav {
	position: absolute;
	float: left;
	width: 170px;
	height: 100%;
	margin: -15px 30px 0 -15px;
	padding: 15px 15px 0 5px;
	border-right: 1px solid #ccc;
	background: #fafafa;
	z-index: 1000;
}

	#faq_nav ul {
		width: 170px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		#faq_nav ul li {
			display: block;
			width: 160px;
			height: 26px;
			padding: 0 0 0 10px;
		}
		
			#faq_nav ul li a {
				display: block;
				padding: 5px 0 5px 20px;
				line-height: 16px;
				background-position: left center;
				background-repeat: no-repeat;
			}
			
			#faq_nav ul li a:hover { text-decoration: underline; }
			
			#faq_nav ul li.active {
				border: 1px solid #ccc;
				background: #eee;
			}
			
				#faq_nav ul li.active a { padding: 4px 0 4px 20px; }
			
			#faq_nav ul li.menu_faq a		{ background-image: url(../images/faq_icons/sitemap.png); }
			#faq_nav ul li.content_faq a	{ background-image: url(../images/faq_icons/content.png); }
			#faq_nav ul li.seo_faq a		{ background-image: url(../images/faq_icons/seo.png); }
			#faq_nav ul li.portal_faq a		{ background-image: url(../images/faq_icons/portal.png); }
			#faq_nav ul li.file_faq a		{ background-image: url(../images/faq_icons/filemanager.png); }
			#faq_nav ul li.host_faq a		{ background-image: url(../images/faq_icons/siteworx.png); }
			#faq_nav ul li.ftp_faq a		{ background-image: url(../images/faq_icons/ftp.png); }
			#faq_nav ul li.email_faq a		{ background-image: url(../images/faq_icons/email.png); }
			#faq_nav ul li.texts_faq a		{ background-image: url(../images/faq_icons/pagetexts.png); }
			#faq_nav ul li.lang_faq a		{ background-image: url(../images/faq_icons/languages.png); }
			#faq_nav ul li.users_faq a		{ background-image: url(../images/faq_icons/users.png); }
			
#faq_content {
	max-width: 600px;
	margin: 0 0 0 190px;
}

#faq_content h3 {
	margin: 0 0 5px 0;
}

#faq_content p {
	margin: 0 0 15px 0;
}

/*------------------------------------ Premium ------------------------------------*/

#premium_nav {
	float: left;
	width: 170px;
	height: 100%;
	margin: -15px 30px 0 -15px;
	padding: 15px 15px 0 5px;
	z-index: 1000;
}

	#premium_nav ul {
		width: 170px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		#premium_nav ul li {
			display: block;
			width: 160px;
			padding: 0 0 0 10px;
		}
		
			#premium_nav ul li a {
				display: block;
				padding: 5px 0 5px 20px;
				line-height: 16px;
				background-position: left center;
				background-repeat: no-repeat;
			}
			
			#premium_nav ul li a:hover { text-decoration: underline; }
			
			#premium_nav ul li.active {
				border: 1px solid #ccc;
				background: #fff;
			}
			
				#premium_nav ul li.active a { padding: 4px 0 4px 20px; }
			
			#premium_nav ul li.pictures_premium a	{ background-image: url(../images/premium_icons/pictures.png); }
			#premium_nav ul li.video_premium a		{ background-image: url(../images/premium_icons/videos.png); }
			#premium_nav ul li.graphics_premium a	{ background-image: url(../images/premium_icons/graphics.png); }
			#premium_nav ul li.animations_premium a	{ background-image: url(../images/premium_icons/animations.png); }
			#premium_nav ul li.logos_premium a		{ background-image: url(../images/premium_icons/logos.png); }
			#premium_nav ul li.texts_premium a		{ background-image: url(../images/premium_icons/texts.png); }
			#premium_nav ul li.documents_premium a	{ background-image: url(../images/premium_icons/documents.png); }
			#premium_nav ul li.webember_premium a	{ background-image: url(../images/premium_icons/webember.png); }
			#premium_nav ul li.lang_premium a		{ background-image: url(../images/premium_icons/lang.png); }
			#premium_nav ul li.web_premium a		{ background-image: url(../images/premium_icons/web.png); }


			
#premium_content {
	max-width: 600px;
	margin: 0 0 0 220px;
}

#premium_content h3 {
	margin: 0 0 5px 0;
}

#premium_content p {
	margin: 0 0 15px 0;
}

/*------------------------------------ Progress bar ------------------------------------*/

.progressbar {
	width: 292px;
	height: 12px;
	padding: 3px 4px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	-moz-box-shadow: inset 0 2px 4px #999;
	-webkit-box-shadow: inset 0 2px 4px #999;
	box-shadow: inset 0 2px 4px #999;
	background: #ddd;
	overflow: hidden;
}

	.progressbar .bar {
		max-width: 100%;
		min-width: 6px;
		height: 10px;
		margin: 0 -1px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}
	
	.progressbar .green_bar {
		border: 1px solid #456127;
		-moz-box-shadow: inset 0 1px 0 #93cc56;
		-webkit-box-shadow: inset 0 1px 0 #93cc56;
		box-shadow: inset 0 1px 0 #93cc56;
		background: #7AAA47;
		background: -moz-linear-gradient(top, #7AAA47 0%, #597D32 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7AAA47), color-stop(100%,#597D32));
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7AAA47', endColorstr='#597D32',GradientType=0 );
	}
	
	.progressbar .yellow_bar {
		border: 1px solid #a06f14;
		-moz-box-shadow: inset 0 1px 0 #fdf1a0;
		-webkit-box-shadow: inset 0 1px 0 #fdf1a0;
		box-shadow: inset 0 1px 0 #fdf1a0;
		background: #ffa500;
		background: -moz-linear-gradient(top, #ffd200 0%, #ffa500 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd200), color-stop(100%,#ffa500));
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd200', endColorstr='#ffa500',GradientType=0 );
	}
	
	.progressbar .red_bar {
		border: 1px solid #690b0b;
		-moz-box-shadow: inset 0 1px 0 #f04444;
		-webkit-box-shadow: inset 0 1px 0 #f04444;
		box-shadow: inset 0 1px 0 #f04444;
		background: #d31c1c;
		background: -moz-linear-gradient(top, #d31c1c 0%, #a51212 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d31c1c), color-stop(100%,#a51212));
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d31c1c', endColorstr='#a51212',GradientType=0 );
	}
	
		.progressbar .bar .hlight {
			height: 5px;
			-moz-border-radius: 5px 5px 0 0;
			-webkit-border-radius: 5px 5px 0 0;
			border-radius: 5px 5px 0 0;
			background: #fff;
			opacity: 0.07;
			filter:alpha(opacity=7);
		}
		
/*------------------------------------ Form Builder ------------------------------------*/
		
#thelist {
	margin: 15px -15px;
	padding: 0;
	list-style: none !important;
}

.formBuilderItem {
	border-top: 1px solid #ccc;
	background: url(../images/form_builder_bg.png) repeat;
}

#thelist li:last-child .formBuilderItem {
	border-bottom: 1px solid #ccc;
}
		
.formBuilderTop {
	position: relative;
	padding: 10px 0 20px 45px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* W3C */
}

.formBuilderTop #container {
	margin: 0 0 5px 0;
}

.formBuilderTop input, .formBuilderTop textarea {
	margin: 0 !important;
}

.formBuilderTop .formBuilderMove {
	position: absolute;
	top: 50%;
	left: 15px;
	width: 16px;
	height: 59px;
	margin: -30px 0 0 0;
	background: url(../images/mover.gif);
	cursor: move;
}

.formBuilderTop .formBuilderMove:hover {
	cursor: move;
}

.formBuilderTop .icons {
	position: absolute;
	top: 50%;
	right: 45px;
	margin: -8px 0 0 0;
}

.formBuilderTop .icons span {
	margin: 0 0 0 5px;
	cursor: pointer;
}

.formBuilderBottom {
	padding: 20px 0 20px 45px;
	background: url(../images/form_builder_top.png) top left repeat-x;
}

.formBuilderBottom input {
	float: left;
	width: 293px;
	margin: 0 40px 0 0;
	border: none;
	border-bottom: 1px solid #555 !important;
	background: url(../images/form_builder_input.png) top left repeat-x;
	color: #666;
}

.formBuilderBottom input:focus {
	border: none;
	border-bottom: 1px solid #555 !important;
	padding: 5px 10px !important;
	color: #999;
}

.formBuilderBottom textarea {
	float: left;
	width: 293px;
	height: 90px;
	min-height: 90px !important;
	margin: 0;
	border: none !important;
	border-bottom: 1px solid #555;
	background: #333 url(../images/form_builder_input.png) top left repeat-x;
	color: #666;
}

.formBuilderBottom textarea:focus {
	border: none !important;
	border-bottom: 1px solid #555;
	padding: 10px;
	color: #999;
}

legend {
  padding: 0 5px 5px 5px;
}

fieldset {
  border: 1px solid #999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fafafa;
}
  
/*------------------------------------ Favicon editor ------------------------------------*/

#favicon {
	min-height: 100px;
}

#favicon .leftside {
	width: 49%;
	border-right: 1px solid #ccc;
}

#favicon .rightside {
	width: 48%;
	height: 100px;
	padding: 0 0 0 2%;
}

#favicon .rightside a.submit {
	padding: 0 10px !important;
	line-height: 30px !important;
}

#favicon .rightside a.submit:hover {
	color: #fff;
}

#browsers {
	width: 100%;
}

.browser_box {
	margin: 10px 10px 0 0;
	display: block;
	float: left;
}

.browser_box .title {
	display: block;
}

.browser_box .title h3 {
	margin: 0 !important;
}

.browser_box .content {
	height: 150px;
	margin: 10px 0 10px 0;
	padding: 10px;
	border: 1px solid #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	float: left;
}

/*------------------------------------ Modules ------------------------------------*/

.module-container {
  display: block;
  width: 200px;  
  min-height: 300px;
  float: left;
  text-align: center;
}

.module-container img {
  padding: 10px;
  border: 2px dotted #bbb;  
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.module-container img:hover {
  border: 2px dotted #aaa;
  background: #f5f5f5;
}

.module-container h3 {
  margin-top: 10px;
}


/*------------------------------------ Gallery Upload queue ------------------------------------*/

#upload-information-box {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 5px;
}

#gallery_upload_queue {
  width: 100%;
  min-height: 300px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 0;
}

#gallery_upload_queue .image-container {
  width: 100%;
  background: #fff;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-radius: 5px;
  list-style: none;
  padding: 20px 0 0 0;
}

#gallery_upload_queue .image-container:hover {
  cursor: move;
  background: #f1f1f1;
  border: 1px solid #888;
}

#gallery_upload_queue .image-container .thumbnail {
  width: 200px;
  float:left;
  text-align: center;
}

#gallery_upload_queue .image-container .thumbnail img {
  text-align: center;
  border: 5px solid #fefefe;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba( 0, 0, 0, 0.4 );
}

#gallery_upload_queue .image-container .image-data {
  float:left;
}

#gallery_upload_queue .image-container .image-data label {
  float: left;
  margin-right: 20px;
  line-height: 30px;
  width: 130px;
}

#gallery_upload_queue .image-container .image-data input[type="text"] {
  margin-bottom: 5px !important;
  float: left;
}
#gallery_upload_queue .image-container .image-data textarea {
  min-height: 50px !important;
}

#gallery_upload_queue .image-container .delete-button {
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-right: 10px;
  background-image: url('../images/small_icons/delete-icon.png');
  float: right;
}

#gallery_upload_queue .image-container .delete-button:hover {
  cursor: pointer
}


/*------------------------------------ Gallery Upload queue icon view ------------------------------------*/

#gallery_upload_queue .image-container.icon-view {
  width: 140px;
  height: 85px;
  margin-right: 20px;
  padding: 10px;
  float: left; 
  position: relative;
}

#gallery_upload_queue .image-container.icon-view .image-data {
  display: none;
}

#gallery_upload_queue .image-container.icon-view .thumbnail {
  width: 110px !important;
  float: none;
}

#gallery_upload_queue .image-container.icon-view .delete-button {
  position : absolute;
  top: 5px;
  right: 5px;
  margin: 0 !important;
}

#gallery_list_view p {
  cursor: pointer;
}

#upload-information-box {
  text-align: center;
  height: 50px;
}

#upload-information-box .ajax-loader-image {
  display: block;
  margin: 5px auto 0;
}

#upload-information-box p {
  display: block;
}


/* MENUS */

#nav-container {
  width: 300px;
  float: left;
}

#page-container {
  width: 500px;
  min-height: 600px;
  background: #aaa;
  float: left;
}

#sitemap li .ui-droppable.slided {
  border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
}
#sitemap li .ui-droppable.slided:ho {
  border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
}