@charset "utf-8";
/* CSS Document */

html{ overflow-y:scroll; height:100%; }
body{ font:500 12px Arial, Helvetica, sans-serif; color:#333; background:#F0F0F0; overflow:hidden; }
h1, h2, h3 { font-weight: bold; margin-bottom:5px; }
h1{ font-size: 28px; }
h2{ font-size: 24px; }
h3{ font-size: 16px; }
p, div.p { line-height: 1.6em; padding: 5px 0 10px; }
a{ text-decoration:none; color:#69ac09; }
img{ border:none; }

.wrap{ margin:auto; max-width:980px; width:100%; }

.text-left{ text-align:left !important; }
.text-right{ text-align:right !important; }
.text-center{ text-align:center !important; }

.clearfix:after{ content:''; display:block; clear: both; height: 0; visibility: hidden; }
.column-left{ width:47%; float:left; }
.column-right{ width:47%; float:right; }
.column-3{ width:31%; float: left; margin:0 1% !important; }
.clear{ clear:both; }

#wrapper{ display:table; width:100%; }
#footer{ border-top: 1px solid #ccc; margin: 40px 0 0 0; padding: 20px 0; font-size: 12px; }

/******************************** Login *************************************/

body#login{ background:#6BA8DC; color:#000; }
#login .wrap{ max-width:345px; }
#login h1{ padding:150px 0 10px; text-align:center; color:#EEE; }
#login h1 img{ width: 100%; }
/*#login form{ padding:25px 0 0; }*/
#login form p{ position:relative; padding:0 0 10px 100px; }
#login form p label{ position:absolute; top:5px; left:0; font:500 13px 'sweet_sansregular'; }
#login .notification{ margin:0 0 20px; position: relative; top: -10px; }
#login .information {
    background: #000 url(../images/information.png) no-repeat;
	border-color: #000;
	color: #FFF;
	display:none;
}

/******************************** Button *************************************/

.button {
	display: inline-block;
/*    background: #69ac09;
    border: 1px solid #69ac09;*/

	background:#215caa;
	border:1px solid #20429b;
    padding: 4px 7px 4px 7px;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
}
.button:hover{ text-decoration: underline; }


/******************************** Form *************************************/

form label{ display: block; padding: 0 0 10px; font-weight: bold; }
form input.text-input,
form select,
form textarea,
.content-box-header select, select.ordering{
	padding: 6px;
	font-size: 13px;
	background: #FFF;
    background: -webkit-linear-gradient(#f7f7f7 , #FFF); /* For Safari */
  	background: -o-linear-gradient(#f7f7f7, #FFF); /* For Opera */
  	background: -moz-linear-gradient(#f7f7f7, #FFF); /* For Firefox */
  	background: linear-gradient(#f7f7f7 , #FFF); /* Standard syntax */
	border: 1px solid #d5d5d5;
	color: #333;
}
form .short-input{ width: 15% !important; }
form .small-input{ width: 25% !important; }
form .medium-input{ width: 50% !important; }
form .large-input{ width: 97.5% !important; }
form .mceEditor, form .mceEditorHappening{ height:500px; }
form .mceEditorDesc{ height:150px; }
form textarea{ width: 97.5% !important; font:500 12px Arial,Helvetica,sans-serif; color:#242424; line-height:1.6em; }
form select{ padding: 4px; }
form input[type="checkbox"], form input[type="radio"]{ padding: 0; border: 0; }
form p small { color: #999; font-size: 9px; }
.warning{ padding-left:10px; color:#F00; }
.topic{ padding:9px 15px; background:#555; margin:15px 0; font: 500 14px Museo,cambria,serif; color:#FFF; }
.ui-datepicker-trigger{ position:relative; top:5px; left:5px; }

/******************************** Notifications *************************************/

.notification{
	position: relative;
	margin: 0 0 15px 0;
	border: 1px solid;
	background-position: 10px 11px !important;
	background-repeat: no-repeat !important;
	font-size: 13px;
	width: 99.8%;
}
.notification div{ display:block; padding: 10px 10px 10px 36px; line-height: 1.5em; }
.notification .close { position:absolute; right:5px; top:5px; }

.attention{ background: #fcf7b8 url('../images/attention.png'); border-color: #efe249; display:none; }
.information{ background: #bed8ff url('../images/information.png'); border-color: #91c0fa; display:none; }
.success{ background: #c7fcbf url('../images/success.png'); border-color: #94e887; display:none; }
.error{ background: #ffdfce url('../images/error.png'); border-color: #e79292; display:none; }

.input-notification {
	background-position: left 2px;
	background-repeat: no-repeat;
	padding: 2px 0 2px 22px;
	background-color: transparent;
	margin: 0 0 0 5px;
}

/******************************** Content *************************************/

#content { display:table-cell; padding:20px 30px 0; vertical-align:top; }


/****************************** Content Box *************************************/

.content-box{ margin: 0 0 20px 0; background: #FFF; border: 1px solid #ccc; }
.content-box-header{
	background: #EEE;
    background: -webkit-linear-gradient(#DDD , #EEE); /* For Safari */
  	background: -o-linear-gradient(#DDD, #EEE); /* For Opera */
  	background: -moz-linear-gradient(#DDD, #EEE); /* For Firefox */
  	background: linear-gradient(#DDD , #EEE); /* Standard syntax */
	margin-top: 1px;
	height: 40px;
}
.content-box-header h3{ float: left; padding: 10px 15px 10px; margin:0; font-weight: bold; font-size: 16px;}
.content-box-header div { float: right; padding: 8px 15px 0; }
ul.content-box-tabs{ float: right; padding: 9px 15px 0 0 !important; margin: 0 !important; }
ul.content-box-tabs li{ float: left; margin: 0; padding: 0 !important; background-image: none !important; }
ul.content-box-tabs li a{ display: block; padding: 8px 10px; color: #333; margin: 1px; border-bottom: 0; }
ul.content-box-tabs li a:hover{ color: #69ac09; }
ul.content-box-tabs li a.current{ background: #fff; border: 1px solid #ccc; border-bottom: 0; margin: 0; }
.content-box-content { padding: 20px; font-size: 13px; border-top: 1px solid #ccc; }


/******************************** Table ****************************************/

#content table, .dialog-content table{ width: 100%; }
#content table thead th, .dialog-content table thead th{ font-weight: bold; font-size:14px; border-bottom: 1px #ddd solid; }
#content tbody, .dialog-content tbody{ border-bottom: 1px #ddd solid; }
#content tbody tr, .dialog-content tbody tr{ background: #fff; }
#content tbody tr:nth-child(odd), .dialog-content tbody tr:nth-child(odd){ background: #F0F0F0; }
#content table td, #content table th, .dialog-content table td, .dialog-content table th{ padding: 10px; line-height: 1.3em; text-align:left; vertical-align:middle; }
#content table.text-center td, #content table.text-center th, .dialog-content table.text-center td, .dialog-content table.text-center th{ text-align:center; }

/*************** Pagination ***************/

#content .pagination{ text-align: right; padding: 20px 0 5px 0; font-size: 10px; }
.pagination a, .pagination .disabled{ margin: 0 3px; padding: 3px 6px; }
.pagination a.number { border: 1px solid #ddd; }
.pagination a.current{ background: #69ac09; border-color: #459300 !important; color: #fff !important; }
.pagination a.current:hover { text-decoration: underline; }


/******************************** Sidebar *************************************/

#sidebar{ display:table-cell; width:230px; padding-left:10px; min-height:100%; vertical-align:top; background:#6BA8DC;  font-size:11px; }
#logo{ display:block; width:100%; text-align:center; padding:10px 0 0; color:#FFF; font-size: 30px; }
#logo img{ max-width:200px; }
#sidebar #title{ display:none; padding: 10px 0 30px; text-align:center; color:#000; }
#sidebar #link, #sidebar #lang{ text-align:center; color:#000; margin-bottom: 10px; }
#sidebar #link a, #sidebar #lang a{ color:#000; padding:0 10px; }
#sidebar #link a:hover, #sidebar #lang a:hover{ color:#FFF; }

/******************************** Sidebar Accordion Menu *************************************/

#sidebar #nav{ width: 100%; padding: 0; margin: 25px 0 0; }
#sidebar #nav li{ list-style: none; padding-bottom: 10px; text-align: right; }
#sidebar #nav li a.nav-top-item{
    background: #2E3192;
    background: -webkit-linear-gradient(left, #322A9B , #2E3192); /* For Safari */
  	background: -o-linear-gradient(right, #322A9B, #2E3192); /* For Opera */
  	background: -moz-linear-gradient(right, #322A9B, #2E3192); /* For Firefox*/
  	background: linear-gradient(to right, #322A9B , #2E3192); /* Standard syntax */
	padding: 10px 15px;
	color: #fff;
	/*font-size: 14px;*/
	font:500 14px 'sweet_sansregular';
	cursor: pointer;
	display: block;
	text-decoration: none;
}
#sidebar #nav li a.bg-blue{
    background: #20429b;
    background: -webkit-linear-gradient(left, #20429b , #215caa); /* For Safari */
  	background: -o-linear-gradient(right, #20429b, #215caa); /* For Opera */
  	background: -moz-linear-gradient(right, #20429b, #215caa); /* For Firefox*/
  	background: linear-gradient(to right, #20429b , #215caa); /* Standard syntax */
}
#sidebar #nav li a.bg-red{
    background: #F30;
    background: -webkit-linear-gradient(left, #F30 , #F33); /* For Safari */
  	background: -o-linear-gradient(right, #F30, #F33); /* For Opera */
  	background: -moz-linear-gradient(right, #F30, #F33); /* For Firefox*/
  	background: linear-gradient(to right, #F30 , #F33); /* Standard syntax */
}
#sidebar #nav li a.bg-purple{
    background: #C09;
    background: -webkit-linear-gradient(left, #C09 , #C0C); /* For Safari */
  	background: -o-linear-gradient(right, #C09, #C0C); /* For Opera */
  	background: -moz-linear-gradient(right, #C09, #C0C); /* For Firefox*/
  	background: linear-gradient(to right, #C09 , #C0C); /* Standard syntax */
}
#sidebar #nav li a.bg-grey{
    background: #999;
    background: -webkit-linear-gradient(left, #999 , #AAA); /* For Safari */
  	background: -o-linear-gradient(right, #999, #AAA); /* For Opera */
  	background: -moz-linear-gradient(right, #999, #AAA); /* For Firefox*/
  	background: linear-gradient(to right, #999 , #AAA); /* Standard syntax */
}
#sidebar #nav li a.bg-yellow{
    background: #dbec04;
    background: -webkit-linear-gradient(left, #dbec04 , #dbec00); /* For Safari */
  	background: -o-linear-gradient(right, #dbec04, #dbec00); /* For Opera */
  	background: -moz-linear-gradient(right, #dbec04, #dbec00); /* For Firefox*/
  	background: linear-gradient(to right, #dbec04 , #dbec00); /* Standard syntax */
}
#sidebar #nav li a:hover{ color:#DDD; }
#sidebar #nav li a.current{ background:#F0F0F0; color: #333; font:500 14px 'sweet_sansbold'; }
#sidebar #nav li a.current:hover { color: #555; }
#sidebar #nav ul{ display:none; margin: 0; padding: 0; font-size: 12px; }
#sidebar #nav ul li{ margin: 0; padding: 0; }
#sidebar #nav ul li a{ display: block; padding: 8px 15px; color: #BBB; font-size: 13px; line-height: 1.2em; }
#sidebar #nav ul li a:hover,
#sidebar #nav ul li a.current,
#sidebar #nav ul li a.current:hover { color: #fff; }
#sidebar #nav ul li a.current { background: transparent url('../images/menu-current-arrow.gif') right center no-repeat !important; }

#frm_upload{ height:0; visibility:hidden; }
img.preview{ max-width:200px; }

.html-mark-loading{ overflow: hidden !important; width: auto; }
.body-mark-loading{ display:block; width:100%; height:100%;  z-index:6666; }
#loading{ display:none;  position:fixed; top:0; left:0; background-color:rgba(0, 0, 0, 0.7); width:100%; height:100%; }
#loading div{ width:100%; height:100%; position:relative; }
#loading div img{ position:absolute; top:50%; left:50%; margin:-18px 0 0 -18px; }

.mce-btn-small .mce-i-none{ margin-top:2px; }
.ui-dialog #content{ padding:20px 0; display:block; }
.ui-dialog #content img.thumb{ width:150px; }

.color-box{ display: inline-block; width:30px; height:30px; }
.color-box div{ display:inline-block; height: 30px; margin-right:-4px; }
.color-1 div{ width:100%; }
.color-2 div{ width:50%; }
.color-3 div{ width:33.33%; }

.search-tool-grid{ display: block; padding:15px 0; border-bottom:1px #CCC solid;  }
.search-tool-grid ul:after{ content:'.'; clear: both; display:block; height:0; visibility: hidden; }
.search-tool-grid ul li{ float: left; width:16.5%; margin: 0 0 2px;}
.search-tool-grid ul li input[type=checkbox]{ margin-right: 5px; position: relative; top:3px; }
.search-tool-color ul li{ font-size: 12px; }
.search-tool-parent-cat ul{ text-align: center; }
.search-tool-parent-cat ul li{ float:none; display:inline-block; width:auto; font-size: 11px; font-weight: 600; margin:0 7px; }

.p-t-0{ padding-top:0; }
.ui-autocomplete{ max-height:200px; overflow: auto; }
ul.search-list{ margin:15px 0 0; }
ul.search-list li{ display:inline-block; border-radius: 4px; background:#edeef0; padding:8px 20px; margin:0 10px 10px 0; vertical-align: middle; color:#a8a9a9; }
ul.search-list li a.close{ color:#9c9c9c; font-size: 11px; margin-left: 10px; opacity:1; }