/*@charset "utf-8";

@font-face {
	font-family: 'Standard 07_51'; src: url('stan0751.ttf');
}
@font-face {
	font-family: 'Standard 07_56'; src: url('stan0756.ttf');
}
@font-face {
	font-family: 'BitLight10'; src: url('BitLight10.ttf');
}*/

html, body#top { height: 100%;
	/* overflow: hidden; Remove scroll bars on browser window */
}
body#top, body, .ui-widget-content { font: normal normal normal 11px/15px Verdana, Arial, Helvetica, Geneva, sans-serif; color: #666; }
body#top { background-color: #94aec9; overflow: hidden; }

/* std */

p { margin: 0; padding: 0; } /* for tinyMCE */

a, a:hover, a:active, a:visited { color: #666; }

h3 { font-weight: bold; color: #528CE0; padding: 0 0 5px 18px; margin: 10px 0; border-bottom: 1px solid #D5D9DC;
	background: url("../images/layout/toggler-collapse-expand.gif") no-repeat scroll 0 0 transparent;
}

hr { border: 0; width: 100%; color: #D5D9DC; background-color: #D5D9DC; height: 1px; margin: 10px 0; }

input {
	border: 1px solid #D5D9DC; padding: 3px 2px 4px;
	font: 11px Verdana, Arial, Helvetica, Geneva, Geneva, Sans-serif; color: #222222;
}

form fieldset ol#prop_list li label.error, form fieldset ol.lang_list li label.error {
	display: inline; width: auto; position: absolute; right: 0; top: 0; z-index: 10;
} form fieldset ol.lang_list li label.error { right: 15px; }

.error { color: #f00; }

#container .list span { padding-left: 5px; }
#container .list span:hover { background-color: #e6e6e6; }

/* form login */

#frm_login { width: 400px; margin: 0 auto; text-align: left; }
#frm_login ol li { clear: both; display: block; padding-bottom: 5px; width: 100%; }
#frm_login ol li label { display: inline-block; width: 150px; vertical-align: top; padding: 3px 10px 0 0; font-size: 11px; text-align: right; }
#frm_login ol li label.right { width: auto; text-align: left; vertical-align: middle; padding: 0; }
#frm_login ol li input { width: 150px; } #frm_login ol li input.check { width: 15px; padding: 0 !important; vertical-align: middle; }

a#loginbtn, a#loginbtn:hover, a#loginbtn:active, a#loginbtn:visited,
#frm_login ol li input#loginbtn { display: inline-block; background-color: #376dad; color: #fff; width: 100px; padding: 5px 0; margin: 20px 0 0 164px; text-align: center; cursor: pointer; border: none; }

/* header */

#header { width: 100%; height: 76px; overflow: hidden;
	background: #94aec9 url(../images/layout/bg-header.jpg) repeat-x left top;
}
div#logo { float: left; width: 215px; height: 100%;  } div#logo_border { float: left; width: 5px; height: 100%;  }

ul#header_modules { height: 76px; background: url(../images/layout/bg-header-ptrn.jpg) no-repeat right top; }
ul#header_modules li { float: right; /*border-left: solid 1px #9a9a9a;*/ background: url(../images/layout/modulenav-tss.jpg) no-repeat left top; }
ul#header_modules li a, ul#header_modules li a:hover, ul#header_modules li a:visited, ul#header_modules li a:active {
	display: inline-block; height: 26px; width: 75px; padding: 50px 0 0 0;
	font-size: 10px; font-family: Arial, Sans-serif; font-weight: normal; color: #565656; text-decoration: none; text-transform: uppercase; text-align: center; /*letter-spacing: -1px;*/
	line-height: 1;
}
	ul#header_modules a#dashboard, ul#header_modules a#dashboard:hover, ul#header_modules a#dashboard:active, ul#header_modules a#dashboard:visited {
		background: url(../images/layout/modules/dashboard.png) no-repeat center top;
	} ul#header_modules a#dashboard:hover { background: url(../images/layout/modules/dashboard_a.png) no-repeat center top; }

	ul#header_modules a#languages, ul#header_modules a#languages:hover, ul#header_modules a#languages:active, ul#header_modules a#languages:visited {
		background: url(../images/layout/modules/languages.png) no-repeat center top;
	} ul#header_modules a#languages:hover { background: url(../images/layout/modules/languages_a.png) no-repeat center top; }

	ul#header_modules a#translations, ul#header_modules a#translations:hover, ul#header_modules a#translations:active, ul#header_modules a#translations:visited {
		background: url(../images/layout/modules/translations.png) no-repeat center top;
	} ul#header_modules a#translations:hover { background: url(../images/layout/modules/translations_a.png) no-repeat center top; }

	ul#header_modules a#search, ul#header_modules a#search:hover, ul#header_modules a#search:active, ul#header_modules a#search:visited {
		background: url(../images/layout/modules/search.png) no-repeat center top;
	} ul#header_modules a#search:hover { background: url(../images/layout/modules/search_a.png) no-repeat center top; }

	ul#header_modules a#preview, ul#header_modules a#preview:hover, ul#header_modules a#preview:active, ul#header_modules a#preview:visited {
		background: url(../images/layout/modules/preview.png) no-repeat center top;
	} ul#header_modules a#preview:hover { background: url(../images/layout/modules/preview_a.png) no-repeat center top; }

	ul#header_modules a#google, ul#header_modules a#google:hover, ul#header_modules a#google:active, ul#header_modules a#google:visited {
		background: url(../images/layout/modules/google.png) no-repeat center top;
	} ul#header_modules a#google:hover { background: url(../images/layout/modules/google_a.png) no-repeat center top; }

	ul#header_modules a#users, ul#header_modules a#users:hover, ul#header_modules a#users:active, ul#header_modules a#users:visited {
		background: url(../images/layout/modules/users.png) no-repeat center top;
	} ul#header_modules a#users:hover { background: url(../images/layout/modules/users_a.png) no-repeat center top; }

	ul#header_modules a#logs, ul#header_modules a#logs:hover, ul#header_modules a#logs:active, ul#header_modules a#logs:visited {
		background: url(../images/layout/modules/logs.png) no-repeat center top;
	} ul#header_modules a#logs:hover { background: url(../images/layout/modules/logs_a.png) no-repeat center top; }

	ul#header_modules a#mailfx, ul#header_modules a#mailfx:hover, ul#header_modules a#mailfx:active, ul#header_modules a#mailfx:visited {
		background: url(../images/layout/modules/mailfx.png) no-repeat center top;
	} ul#header_modules a#mailfx:hover { background: url(../images/layout/modules/mailfx_a.png) no-repeat center top; }

	ul#header_modules a#catalog, ul#header_modules a#catalog:hover, ul#header_modules a#catalog:active, ul#header_modules a#catalog:visited {
		background: url(../images/layout/modules/catalog.png) no-repeat center top;
	} ul#header_modules a#catalog:hover { background: url(../images/layout/modules/catalog_a.png) no-repeat center top; }

	ul#header_modules a#import, ul#header_modules a#import:hover, ul#header_modules a#import:active, ul#header_modules a#import:visited {
		background: url(../images/layout/modules/import.png) no-repeat center top;
	} ul#header_modules a#import:hover { background: url(../images/layout/modules/import_a.png) no-repeat center top; }


	
	ul#header_modules a#productExternal, ul#header_modules a#productExternal:hover, ul#header_modules a#productExternal:active, ul#header_modules a#productExternal:visited {
		background: url(../images/layout/modules/productExternal.png) no-repeat center top;
	} ul#header_modules a#productExternal:hover { background: url(../images/layout/modules/productExternal.png) no-repeat center top; }

/*ul#headernav { /*padding-top: 5px;* height: 76px; background: url(../images/layout/bg-header-ptrn.jpg) no-repeat right top; }
ul#headernav li { float: right; display: inline-block; }
ul#headernav li a, ul#headernav li a:hover { font-size: 10px; color: #D4DCE4; text-decoration: none;
	padding: 5px 5px;
} ul#headernav li a:hover { color: #fff; }*/

/*ul#modulenav li { float: left; display: inline-block; }
ul#modulenav li a, ul#modulenav li a:hover { font-size: 12px; color: #D4DCE4; text-decoration: none;
	padding: 5px 5px;
} ul#modulenav li a:hover { color: #fff; }*/

#tree_container, #container { padding: 10px; overflow: auto; position:relative; } #container { min-width: 768px; /*background: green;*/ }
#tree_control { padding-top: 10px; }

#data { /*float: left; width: 550px;*/ overflow: auto; }
#props { float: right; width: 201px; padding: 5px 8px; margin: 23px 0 0 10px;
	background-color: #F5F5F5;
}

/* toggle */

h3.toggler { font-weight: bold; color: #888; cursor: pointer; padding: 0 0 5px 18px; margin-bottom: 10px;
	background: url("../images/layout/toggler-collapse-expand.gif") no-repeat scroll 0 0 transparent;
	border-bottom: 1px solid #D5D9DC;
} h3.toggler.expand { color: #c20012; background: url("../images/layout/toggler-collapse-expand.gif") no-repeat scroll 0 -16px transparent; margin-bottom: 0; }

/* dock */

div.dock { display: block; height: 30px; padding: 5px 5px 0 10px; background-color: #c4c4c4; }

div.dock_actions { float: right; width: 45%; text-align: right; }
div.dock_actions a, div.dock_actions a:hover, div.dock_actions a:visited, div.dock_actions a:active {
	font-size: 9px; line-height: 24px; color: #1a1a1a; text-transform: lowercase; cursor: pointer;
	background: url('../images/layout/bg-btn.jpg') repeat-x left center; border: solid 1px #9b9b9b; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	height: 24px; display: inline-block; padding: 0 5px;
} div.dock_actions a:hover { background: url('../images/layout/bg-btn_a.jpg') repeat-x left center; }

#dock_title { width: 45%; line-height: 25px; }
/*
div.dock { /*border-bottom: solid 1px #7d7d7d;* font-weight: normal; color: #2c2c2c; /*line-height: 35px;* }
div.dock_actions {  }
	div.dock_actions a, div.dock_actions a:hover, div.dock_actions a:visited, div.dock_actions a:active { 
		  
		 font-weight: normal; text-decoration: none;
	}
span.divider { display: inline-block; padding: 0 1px; background: url(../images/layout/toolbox-divider.gif) repeat-y center center; }

li.between { text-align: left; }
li.between hr { border: 0; width: 100%; color: #D5D9DC; background-color: #D5D9DC; height: 1px; margin: 10px 0; }
*/

#error { margin-bottom: 10px; padding: 10px; background-color: red; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	color: #fff; font-weight: bold;
}

div.tab-spacer { padding: 20px 10px 10px 10px; min-height: 100px; }

/* translations */

#translations ol { overflow: hidden; background-color: #F5F5F5; padding: 10px 0 5px 18px; margin-bottom: 20px; }
#translations ol li { float: left; margin-right: 5px; }
#translations ol li textarea { width: 99%; padding: 0; border: solid 1px #D5D9DC;
	font: normal normal normal 11px/15px Verdana, Arial, Helvetica, Geneva, sans-serif; color: #222;
}

/* languages */

#languages ul li { border: solid 2px #D5D9DC; background-color: #fff; padding: 5px 10px; margin-bottom: 10px; }
/*#languages ul li div { padding: 1px 0; }
#languages ul li div label { display: inline-block; vertical-align: top; padding-top: 1px; width: 100px; }
*/
/* dashboard items */

#dashboard ol.normal, #dashboard ol.feed, #dashboard ol.floater { background-color: #F5F5F5; padding: 10px 0 5px 18px; margin-bottom: 20px; }
#dashboard ol.floater { overflow: hidden; }

#dashboard ol.normal li { padding-bottom: 5px; }

#dashboard ol.feed li { padding-bottom: 10px; border-bottom: solid 1px #D5D9DC; margin-bottom: 10px; }
#dashboard ol.feed li h4 { font-weight: bold; }


#dashboard ol.floater li { float: left; padding: 0 10px 0 0; /*padding-bottom: 10px; border-bottom: solid 1px #D5D9DC; margin-bottom: 10px;*/ }

/* form */

form em { font-size: 10px; font-weight: bold; /*font-style: normal;*/ color: #f00; padding-left: 5px; }

form fieldset ol.lang_list, form fieldset ol#prop_list { /*padding: 0 0 30px 18px;*/ background-color: #F5F5F5; padding: 10px 0 5px 18px; margin-bottom: 20px; }
form fieldset ol#prop_list { padding: 0; }

form fieldset ol.lang_list li, form fieldset ol#prop_list li { display: block; width: 100%; padding-bottom: 5px; clear: both; }
form fieldset ol#prop_list li { width: 201px; padding-bottom: 2px; /*display: block; clear: both;*/ }

form fieldset ol.lang_list li label, form fieldset ol#prop_list li label {
	display: inline-block; width: 135px; padding: 3px 5px 0 0; vertical-align: top; font-size: 11px; /*line-height: 20px;*/ /*width: 25%;*/
}

form fieldset ol#prop_list li label { width: 60px !important; padding: 1px 5px 0 0 !important; text-align: right; /*float: left;*/

	/*width: 15% !important; text-align: left;*/
}
#form-properties fieldset ol#prop_list li label { width: 110px; }

form fieldset ol#prop_list li label.right,
form fieldset ol.lang_list li label.right { width: auto; text-align: left; padding: 0; vertical-align: middle; }

span.help { border-bottom: 1px dotted #94AEC9; padding: 0 0 2px 0; /*background: url('../images/layout/help.png') no-repeat right top;*/ /*padding: 3px 10px 0 0 !important;*/ }

form fieldset ol.lang_list li input, form fieldset ol.lang_list li textarea, form fieldset ol.lang_list li select, form fieldset ol.lang_list li checkbox,
form fieldset ol#prop_list li input, form fieldset ol#prop_list li textarea, form fieldset ol#prop_list li select {
	/*width: 71%;*/ padding: 3px 2px 4px 2px; border: solid 1px #D5D9DC;
	font: normal normal normal 11px/15px Verdana, Arial, Helvetica, Geneva, sans-serif; color: #222;
}
form fieldset ol#prop_list li input, form fieldset ol#prop_list li select, form fieldset ol#prop_list li textarea { /*float: right; padding: 3px 2px 4px 2px;*/ width: 130px; padding: 1px 2px 2px 2px;

	/*width: 80%;*/
}
#form-properties fieldset ol#prop_list li input[type="text"]  { width: 230px; }
#form-properties fieldset ol#prop_list li select { width: 236px; }


form fieldset ol.lang_list li input { width: 350px; }
form fieldset ol.lang_list li textarea { width: 99%; padding: 0; }
form fieldset ol.lang_list li checkbox { width: 20px; padding: 0; }
form fieldset ol#prop_list li input.checkbox, form fieldset ol.lang_list li input.checkbox { border: none; width: 15px; vertical-align: top; }
form fieldset ol.lang_list li select { padding: 3px 0 4px 0; }
form fieldset ol#prop_list li select { width: 136px; padding: 0 0 1px 0;

	/*width: auto;*/
}

/* jQuery ui */

#tabs .ui-corner-all, #tabs-img-props .ui-corner-all, #tabs-props .ui-corner-all { -moz-border-radius: 0; }
#tabs .ui-widget-header, #tabs-img-props .ui-widget-header, #tabs-props .ui-widget-header { background: none; border: none; border-bottom: 1px solid #AAAAAA; color: #222222; font-weight: bold; }

#tabs-img-props input.checkbox { width: auto; padding: 0; }

/*.ui-widget-content { background: none; border: none; }
#ui-datepicker-div.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; }
*/
.ui-tabs .ui-tabs-nav { padding: 0 5px; }
.ui-tabs .ui-tabs-nav li a { padding: 3px 5px; font-size: 10px; }
.ui-tabs .ui-tabs-panel { padding: 0; border: solid 1px #AAAAAA; border-top: none; }

/* vertical splitter */

/*  Splitter container. Set this to the desired width and height of the combined left and right panes. In this example, the
	height is fixed and the width is the full width of the body, less the margin on the splitter itself.
*/
#content { /* No padding allowed */
	background: #fff; overflow: hidden;
}

/*  Left-side element of the splitter. Use pixel units for the min-width and max-width; the splitter plugin parses them to
	determine the splitter movement limits. Set the width to the desired initial width of the element; the plugin changes
	the width of this element dynamically.
*/
#LeftPane { /* No margin or border allowed */
	background: #f2f2f2;
	/*padding: 10px;*/
	overflow: auto;
	width: 215px;	/* optional, initial splitbar position */
	/*min-width: 50px;	optional */

	/* no splitter */
	float: left; border-right: solid 5px #d5d9dc;
}

/*  Right-side element of the splitter. */
#RightPane { /* No margin or border allowed */
	/*padding: 10px;
	min-width: 100px;*/
	overflow: auto;

	/* no splitter */
	margin-left: 215px;
}

/*  Splitter bar style; the .active class is added when the mouse is over the splitter or the splitter is focused
	via the keyboard taborder or an accessKey.
*/
#content .vsplitbar, #content .vsplitbar.active, #content .vsplitbar:hover {
	width: 6px;
	background: #d5d9dc url(../images/layout/handle-icon.gif) no-repeat center;
	border-left: solid 1px #C5C7C9; border-right: solid 1px #C5C7C9;
}

/* tooltip */

#tooltip {
	position: absolute;
	z-index: 3000;
	/*border: 1px solid #111;*/
	background-color: #555; color: #fff;
	padding: 5px;

	-moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px;
}

/* cssdropdown */

#cssdropdown, #cssdropdown ul { /*list-style: none; text-align: right*/ float:right; width: 100px; }
#cssdropdown, #cssdropdown * { /*padding: 0; margin: 0;*/ }

	/* Head links */
	#cssdropdown li.headlink { cursor: default; /*width: 220px; float: left; margin-left: -1px; border: 1px black solid; background-color: #e9e9e9;*/ text-align: right; position: relative; }
	#cssdropdown li.headlink a { display: block; /*padding: 15px;*/ }

	/* Child lists and links */
	#cssdropdown li.headlink ul { display: none; border-top: solid 1px #666; text-align: right; position: absolute; z-index: 10; }
	#cssdropdown li.headlink:hover ul { display: block; }
	#cssdropdown li.headlink ul li a { /*padding: 5px; height: 17px;*/ cursor: pointer; }
	#cssdropdown li.headlink ul li a:hover { /*background-color: #333;*/ }

	/* Pretty styling *
	#cssdropdown a { color: white; } #cssdropdown ul li a:hover { text-decoration: none; }
	#cssdropdown li.headlink { background-color: white; background-image: url(bg.gif); }
	#cssdropdown li.headlink ul { background-image: url(bg.gif); background-position: bottom; padding-bottom: 10px; }

*/

/* logs */

table#logs { width: 100%; }
table#logs td.right { text-align: right; padding-right: 10px; }
table#logs thead td { padding-bottom: 10px; font-weight: bold; }

/* database dump */
table.db	{ margin-top: 10px; }
table.db th	{ padding: 2px 5px; background-color: #D5D9DC; font-weight: bold; }
table.db td	{ padding: 0 5px; }

/* extra_checks */

fieldset.extra_checks	{ overflow: hidden; clear:both; padding-bottom:50px; }
fieldset.extra_checks label	{ float: left; width: 300px; margin: 2px 5px; }








/** ACCOUNTS * MODULE **********************************************************
_______________________________________________________________________________*/

#accounts { padding: 3px 0 0 0; }
#accounts h3.toggler { margin-bottom: 0; }
#accounts .floater { padding: 5px 5px 10px 18px; line-height: normal; background-color: #F5F5F5; overflow: hidden; }
#accounts .floater .list-item-toolbar { padding: 0; text-align: right; }

#accounts table { width: 100%; }
#accounts table td { padding: 5px 5px 5px 0; }
#accounts table td.tools { padding-right: 0; text-align: right; }
#accounts table td.tools img { display: inline; cursor: pointer; }
#accounts table thead td { font-weight: bold; padding-top: 0; }
#accounts table tbody tr td { border-top: 1px solid #eee; }

#accounts section.list-table { width: 100%; }
#accounts section.list-table span { padding: 5px 5px 5px 0; }
#accounts section.list-table span.tools { padding-right: 0; }
#accounts section.list-table span.tools img { display: inline; position: absolute; top: 5px; right: 0; cursor: pointer; }
#accounts section.list-table .list-table-header { display: table; width: inherit; font-weight: bold; }
#accounts section.list-table .list-table-header span { display: table-cell; }
#accounts section.list-table .list-table-row { display: table; width: inherit; border-top: 1px solid #eee; position: relative; }
#accounts section.list-table .list-table-row span { display: table-cell; }

#accounts .table-accounts span { width: 24%; }
#accounts .table-accounts span.tools { width: 4%; }


#module_list { margin-top: 10px; padding: 0 5px 5px 5px; border: solid 1px #D5D9DC; }
#module_list legend { font-weight: bold; }
#module_list li { padding: 6px 0 0 0; }
#module_list li span { float: right; margin-left: 15px; }
#module_list li span label { padding-left: 2px; }
#module_list li span.title { float: none; margin-left: 0; vertical-align: middle; }