
html			{ background-color:#f7f7f7 }

body			{ background: url('images/sidebar.gif') top left repeat-y; min-width: 1000px; min-height: 800px; text-align: left; margin: 0px; font-family: arial; font-size: 12px; color: #666666;}
body.no-side		{ background: none; color: #333333; min-height: 100%; margin-bottom: 100px; }

.clear:after 		{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.clean-margin		{ margin: 0px !important; }
.clean-padding		{ padding: 0px !important; }

.half			{ width: 48% !important; }
.fl			{ float: left; }
.fr			{ float: right; }
.fl-space		{ float: left; margin-right: 5px; }
.fr-space		{ float: right; margin-left: 5px; }
.fl-space2		{ float: left; margin-right: 10px; }
.fr-space2		{ float: right; margin-left: 10px; }

a		{ color: #0084FF; text-decoration: none;}
a:hover		{ color: #0084FF; text-decoration: underline;}

strong		{ color: #333333; }
small		{ font-size: 11px; line-height: 14px; display: block; }
.size140 {
    width: 140px;
    height: 140px;
}

/***************************/
/********** LOGIN **********/
/***************************/

.login-box				{ width: 600px; margin: 0px auto;  margin-top: 100px; padding: 10px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
.login-border {
    border: 1px solid rgba(0, 210, 255, 0.47);
    background-color: #fff;
    border-radius: 9px;
    overflow: hidden;
}
.login-style			{border: 3px solid #FFFFFF;border-radius: -1px;}
.login-header {
    height: 45px;
    padding: 10px 15px 0px 15px;
    text-align: center;
    line-height: 40px;
	border-bottom:1px solid #00D2FF;
}
.login-header .title {
    font-size: 28px;
    font-weight: bold;
    color: #000;
}
.login-header .logo		{ width: auto; margin: 0px; padding-top: 0px; }
.login-header .logo .title	{ width: 400px; }
.login-header .logo .text	{ width: 400px; color: #333333; }
.login-inside			{ }
.login-inside p			{ text-align: left; text-align:center; padding-bottom: 10px;margin-left:10px}
.login-data {
    width: 310px;
    padding: 25px 30px 0px 30px;
    background: url('images/bck_white_50.png');
    margin: 0px auto;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    /* margin-bottom: 20px; */
}
.login-data input {
    width: 298px;
    height: 30px;
    border: 1px solid #cacaca;
	padding:0 5px;
}	
.login-data label		{ display: block; width: 90px; float: left; line-height: 22px; text-align: right; margin-right: 10px; }
.login-data .row		{ padding-bottom: 10px; }
.login-data p
{
	margin:0 auto;
}
.login-data .submit {
    width: 100%;
    margin: auto;
    padding: 5px;
	height:30px;
    font-size: 14px;
      background-size: 100% 100%;
}
.login-footer			{ border-top: 1px solid #FFFFFF;  height: 22px; padding: 10px 15px 10px 15px;}
.login-footer .remember			{ color: #FFFFFF; line-height: 22px; display: block; float: left; font-weight: bold; }
.login-footer .remember label	{ margin-left: 3px; }
.login-footer a {
    color: #000;
    text-decoration: none;
    background: url('images/bck_white_20.png');
    font-size: 15px;
    font-weight: bold;
    display: block;
    padding: 0px 15px 0px 15px;
    line-height: 22px;
    font-family: Arial;
}
.login-footer a:hover			{ color: #000; text-decoration: none; background: url('images/bck_white_30.png');}

/*********************************/
/********** PAGE LAYOUT **********/
/*********************************/

.sidebar		{width: 218px; float: left;padding: 0px 10px 0px 10px;}
.main			{margin-left: 240px;}
.main-wrap		{ width: 100%; float: left; }
.page			{padding: 20px;}

.logo				{margin-top: 5px; margin-bottom: 35px;text-align: center;min-height: 40px;}
.logo a				{ text-decoration: none; }
.logo .picture		{ float: left; margin-right: 10px; }
.logo .uniadmin		{ margin-top: 15px; float: left; }
.logo .title		{ display: block; font-family: arial; font-size: 25px; color: #FFFFFF; font-weight: bold; margin-top: 7px; float: left; }

.logo .text {
    display: block;
    font-weight: bold;
    color: #fff;
    position: relative;
    top: 5px;
    /* float: left; */
    line-height: 1.5;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
}
/*** main menu ***/

.menu			{ padding-top: 35px; margin-bottom: 30px; }
.menu ul		{ font-size: 13px; }
.menu li		{padding-bottom: 1px;}
.menu li a		{

display: block;

line-height: 20px;

padding: 10px 12px 10px 12px;

/* background: url('images/menu_button.png') top left no-repeat; */

color: #FFFFFF;

text-decoration: none;



background: -moz-linear-gradient(top, rgba(87, 93, 96, 0.09) 0%,rgba(67, 64, 64, 0.7) 100%);

/* padding-right: 8px; */

/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0692F6), color-stop(100%,#9450F6)); */

background: -webkit-linear-gradient(to bottom, rgba(87, 93, 96, 0.09) 0%,rgba(67, 64, 64, 0.7) 100%);

background: -o-linear-gradient(to bottom, rgba(87, 93, 96, 0.09) 0%,rgba(67, 64, 64, 0.7) 100%);

background: -ms-linear-gradient(to bottom, rgba(87, 93, 96, 0.09) 0%,rgba(67, 64, 64, 0.7) 100%);

background: linear-gradient(to bottom, rgba(87, 93, 96, 0.09) 0%,rgba(67, 64, 64, 0.7) 100%);



font-size: 13px;
}
/*
.menu li a:hover	{ padding-left: 18px; padding-right: 6px; }
*/
.menu li.active a {
    background-color: #fff;
    color: #333333;
    background-size: 100% 100%;
}

.menu ul ul {
    font-size: 12px;
    width: 100%;
    background-color: rgba(136, 129, 129, 0.11);
    margin-top: 4px;
    padding: 6px 0px 8px 0px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}
.menu li li		{ padding: 4px 0px 4px 0px;}
.menu li li a		{ padding: 0px 12px 0px 22px !important; background: url('images/arrow_sm_grey.gif') 12px 6px no-repeat !important; font-weight: normal; color: #BBBBBB!important; }
.menu li li a:hover	{ color: #FFFFFF!important; }
.menu li li.active a	{ color: #FFFFFF!important; background: url('images/arrow_sm_white.gif') 12px 6px no-repeat !important; font-weight: bold; }


/*** header ***/

.header			{ background: url('images/line.gif') bottom left repeat-x;padding: 0 30px;background-color: #505050;}
.header .links 		{ float: right; line-height: 24px; color: #333333; padding: 6px 0px 6px 0px; }
.header .links li	{ float: left; margin-left: 10px; padding:0 10px;  }
.header .links .icon	{ display: block; width: 24px; height: 24px; float: left; margin-right: 5px; }
.header .links a	{ color: #333333; text-decoration: none; }
.header .links a:hover	{ color: #0084FF; text-decoration: none; }


/*** main page contents ***/

h1 {
    color: #333333;
    font-size: 24px;
    padding-top: 20px;
    font-weight: normal;
  
}
h1 .help		{ position: relative; top: -5px; }
h2			{ color: #333333; font-size: 18px; font-weight: normal; padding-top: 10px; margin-bottom: 10px; }
h3			{ color: #333333; font-size: 14px; font-weight: bold; padding-top: 10px; margin-bottom: 10px; }
h4			{ color: #333333; font-size: 12px; font-weight: bold; padding-top: 10px; margin-bottom: 5px; }
.page p			{ margin: 0px; padding-bottom: 20px; line-height: 16px; }
.page p.description	{ margin: 0px; padding-bottom: 5px; font-size: 11px; line-height: 14px; }

.main-icons		{ margin: 0px; padding: 10px 0px 30px 0px; margin-right: -20px; }
.main-icons ul		{ width: 100%; }
.main-icons li		{ float: left; width: 90px; text-align: center; margin-right: 20px; padding: 10px 0px 10px 0px; }
.main-icons a		{ color: #333333; text-decoration: none; display: block; }
.main-icons a:hover	{ color: #0084FF; text-decoration: none; }
.main-icons .icon	{ display: block; width: 64px; height: 64px; margin: 0px auto; }
.main-icons .text	{ display: block; padding: 5px 0px 5px 0px; }

.thumb			{ display: block; border: 1px solid #BBBBBB; padding: 3px; background: #FFFFFF; }
a .thumb		{ border: 1px solid #BBBBBB; }
a:hover .thumb		{ border: 1px solid #0084FF; }
.size48			{ width: 48px; height: 48px; }
.size255_92			{ width: 255px; height: 92px; }
.size64			{ width: 64px; height: 64px; }


/*** content boxes ***/

.content-box			{ border: 1px solid #DDDDDD; background: url('images/bck_black_5.png'); margin-bottom: 30px; position: relative; }
.content-box .box-header	{border: 1px solid #FFFFFF;border-bottom-width: 1px; padding: 9px 9px 9px 20px;}
.content-box .box-body		{border: 1px solid #FFFFFF; border-top-width: 0px; padding: 20px 20px 10px 20px;}
.box-header h2			{ line-height: 22px; margin-bottom: 0px; padding: 0px;font-weight: bold;}
.box-header .tabs		{ float: right; }
.box-header .tabs li		{ float: left; margin-left: 2px; font-size: 11px; line-height: 20px; font-weight: bold; }
.box-header .tabs li a {
    background: #505050;
    display: block;
    text-decoration: none;
    background-size: 100% 100%;
    padding: 2px 15px;
    font-size: 12px;
    color: #fff;
	border-radius:3px;
}
.box-header .tabs li a:hover	{ color: #fff; text-decoration: none; }
.box-header .tabs li.active a	{ color: #FFFFFF; background: url('images/but_active.gif') center left repeat-x; border: 1px solid #333333; }
.box-header .tabs li a.selected	{ color: #FFFFFF; background: url('images/but_active.gif') center left repeat-x; border: 1px solid #333333; }

.box-body p			{ margin: 0px; margin: 0px; padding-bottom: 20px; }

.side-bar				{ background: url('images/bck_white_50_sidebar.png') top right repeat-y; margin-bottom: 10px; }
.sidebar-column				{ width: 170px; float: right; padding: 10px 15px 10px 15px; }
.main-column				{ margin-right: 220px; }
.main-column-wrap			{ width: 100%; }
.sidebar-column .sidemenu		{ width: 100%; }
.sidebar-column ul.list			{ padding-bottom: 15px; line-height: 16px; margin-left: -5px; margin-right: -5px; }
.sidebar-column ul.list li		{ background: url('images/bck_white_50.png'); border-bottom: 1px solid #DDDDDD; }
.sidebar-column ul.list a		{ color: #0084FF; text-decoration: none; background: url('images/arrow_sm_blue.gif') 5px 10px no-repeat; display: block; padding: 5px 5px 5px 15px; }
.sidebar-column ul.list a:hover 	{ color: #0084FF; text-decoration: none; background: url('images/arrow_sm_blue.gif') 5px 10px no-repeat #FFFFFF;}
.sidebar-column ul.list li.active	{ background: #FFFFFF; }
.sidebar-column ul.list li.active a	{ color: #333333; text-decoration: none; background: url('images/arrow_sm_black.gif') 5px 10px no-repeat; font-weight: bold; }
.sidebar-column p			{ padding-bottom: 10px; }

/*** tables ***/

.page table			{ width: 100%; margin: 0px; margin-bottom: 20px; }
.page table.table_slide_show			{ width: 400px; margin: 0px; margin-bottom: 20px; }
.page tr:hover			{ background: url('images/bck_white_50.png') top left; }
.page table.mceLayout tr:hover	{ background: none; }
.page th			{ background: url('images/header.gif') top left repeat-x #FFFFFF; border-bottom: 1px solid #DDDDDD; text-align: left; line-height: 22px; padding: 4px 6px 4px 6px; color: #333333; white-space: nowrap; }
.page th.full			{ width: 100%; }
.page thead td			{ background: url('images/header.gif') top left repeat-x #FFFFFF; border-bottom: 1px solid #DDDDDD; text-align: left; line-height: 22px; padding: 4px 6px 4px 6px; white-space: nowrap; }
.page td			{ background: url('images/bck_white_50.png') top left; border-bottom: 1px solid #DDDDDD; line-height: 22px; padding: 4px 6px 4px 6px; }
.page table .icon16		{ margin-top: 3px; margin-bottom: 3px; }
.page td.title			{ background: url('images/bck_white_75.png') top left; font-weight: bold; white-space: nowrap; }
.page td.center			{ text-align: center; }
.page td.vcenter		{ vertical-align: middle; }
.page td p			{ padding-bottom: 3px; padding-top: 3px; }
.page tbody th			{ background: url('images/bck_white_75.png') top left; font-weight: bold; white-space: nowrap; color: #666666; }

/*** forms ***/

form				{ width: 100%; }
label				{ line-height: 22px; cursor: pointer; }
label:hover			{ color: #333333; }
input.checkbox			{ display: inline; position: relative; left: 1px; top: 1px;}
input.radio			{ display: inline; position: relative; left: -1px; top: 1px;}
input.text			{ display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 16px; padding: 2px 4px 2px 4px; }
input.text2			{ width:250px; display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333;padding: 2px 4px 2px 4px; }
input.submit {
    display: inline;
    border-width: 0px;
    font-size: 12px;
    font-family: arial;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    padding: 5px 10px 5px 10px;
    background-color: #343e34;
}
input.form-file                 { display: inline; height: auto; font-size: 12px !important; }
select				{ display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 22px; padding: 2px; }
textarea			{ display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; padding: 4px; }

.form-label			{ display: block; width: 100px; }
.form-label2			{ display: block; width: 150px; }
.form-field			{ padding-bottom: 5px; }
.required			{ color: #FF0000; font-weight: bold; }

/*** page navigation ***/

.tab-footer		{ width: auto; padding-bottom: 10px; margin-top: -10px; }
.pager			{ font-size: 11px; line-height: 22px; }
.pager a		{ display: block; float: left; }
.pager .nav		{ display: block; float: left; }
.pager .nav a		{ width: 22px; height: 22px; }
.pager .nav a span	{ display: block; font-size: 0%; visibility: hidden; text-indent: -9999px; }
.pager a.first		{ background: url('images/arrow_leftend_off.png') top left no-repeat; }
.pager a.first:hover	{ background: url('images/arrow_leftend_ovr.png') top left no-repeat; }
.pager a.previous	{ background: url('images/arrow_left_off.png') top left no-repeat; }
.pager a.previous:hover	{ background: url('images/arrow_left_ovr.png') top left no-repeat; }
.pager a.last		{ background: url('images/arrow_rightend_off.png') top left no-repeat; }
.pager a.last:hover	{ background: url('images/arrow_rightend_ovr.png') top left no-repeat; }
.pager a.next		{ background: url('images/arrow_right_off.png') top left no-repeat; }
.pager a.next:hover	{ background: url('images/arrow_right_ovr.png') top left no-repeat; }
.pager .pages 		{ display: block; float: left; margin: 0px 4px 0px 4px; }
.pager .pages a		{ width: 24px; background: url('images/bck_black_10.png'); text-align: center; color: #333333; text-decoration: none; }
.pager .pages a:hover	{ background: url('images/bck_white_50.png'); color: #0084FF; text-decoration: none; }
.pager .pages a.active	{ background: url('images/page_active.gif'); color: #FFFFFF; text-decoration: none; font-weight: bold; }


/*** notifications ***/

.notification {
	border: 1px solid #666666;
	border-radius: 3px;
	display: block; 
	margin: 15px;
	overflow: hidden;
	padding: 0px;
	position: relative; 
	/*width: 100%;*/  
	z-index: 1;
	zoom: 1;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}
.notification a.close		{ display: block; width: 11px; height: 11px; float: right; background: url('images/ico_close_off.png') top left no-repeat; margin-right: 3px; margin-top: 3px; }
.notification a.close:hover	{ background: url('images/ico_close_ovr.png') top left no-repeat; }
.notification a.close span	{ display: block; font-size: 0%; visibility: hidden; text-indent: -9999px; }
.notification .icon		{ display: block; width: 16px; height: 16px; float: left; margin-top: 7px; }
.notification p			{ color: #333333; line-height: 16px; margin-left: 35px; margin-right: 25px; margin-top: 8px; margin-bottom: 7px; padding: 0px !important;}

.note-error				{ background: #f5dcdd url('images/bck_error.png'); border-color: #EC9B9B; }
.note-error .icon		{ background: url('images/ico_error_16.png') top left no-repeat; margin-left: 10px; }
.note-success			{ background: #ddf4ce url('images/bck_success.png'); border-color: #72CB67; }
.note-success .icon		{ background: url('images/ico_success_16.png') top left no-repeat; margin-left: 10px; }
.note-info				{ background: #dce6f3 url('images/bck_info.png'); border-color: #50B0EC; }
.note-info .icon		{ background: url('images/ico_info_16.png') top left no-repeat; margin-left: 10px; }
.note-attention			{ background: #f1eebf url('images/bck_attention.png'); border-color: #D3C200; }
.note-attention .icon	{ background: url('images/ico_attention_16.png') top left no-repeat; margin-left: 10px; }


/*** footer ***/
.footer					{ font-size: 11px; background: url('images/line.gif') top left repeat-x;line-height: 1.4;padding:  20px; clear:both}
.footer .copy a			{ color: #333333; }
.footer .copy a:hover	{ color: #0084FF; }

/* *********************************************************************
 * DataTables Styles
 * *********************************************************************/
.dataTables_wrapper 						{ }
.dataTables_wrapper table					{ width: 100% !important; margin: 0px 0px 20px 0px; }
.dataTables_wrapper .dataTables_length 				{ float: left; margin: 0px 0px 15px 0px; }
.dataTables_wrapper .dataTables_filter 				{ float: right; margin: 0px 0px 15px 0px; }
.dataTables_wrapper .dataTables_filter input			{ display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 16px; padding: 2px 4px 2px 4px; }
.datatable 							{ clear: both; }
.datatable thead th 						{ cursor: pointer; }
.dataTables_wrapper .dataTables_paginate 			{ float: right;  font-size: 11px; line-height: 22px; margin-top: -10px; padding-bottom: 10px; }
.dataTables_wrapper .dataTables_paginate span			{ display: block; float: left; }
.dataTables_wrapper .dataTables_paginate .nav a			{ width: 22px; height: 22px; }
.dataTables_wrapper .dataTables_paginate .first			{ background: url('images/arrow_leftend_off.png') top left no-repeat !important; text-indent: -9999px; width: 22px !important; }
.dataTables_wrapper .dataTables_paginate .first:hover		{ background: url('images/arrow_leftend_ovr.png') top left no-repeat !important; text-indent: -9999px; width: 22px !important;}
.dataTables_wrapper .dataTables_paginate .previous		{ background: url('images/arrow_left_off.png') top left no-repeat !important; margin: 0px 4px 0px 0px; text-indent: -9999px; }
.dataTables_wrapper .dataTables_paginate .previous:hover	{ background: url('images/arrow_left_ovr.png') top left no-repeat !important; text-indent: -9999px; }
.dataTables_wrapper .dataTables_paginate .last			{ background: url('images/arrow_rightend_off.png') top left no-repeat !important; text-indent: -9999px; width: 22px !important; }
.dataTables_wrapper .dataTables_paginate .last:hover		{ background: url('images/arrow_rightend_ovr.png') top left no-repeat !important; text-indent: -9999px; width: 22px !important; }
.dataTables_wrapper .dataTables_paginate .next			{ background: url('images/arrow_right_off.png') top left no-repeat !important; margin: 0px 0px 0px 4px; text-indent: -9999px; width: 22px !important; }
.dataTables_wrapper .dataTables_paginate .next:hover		{ background: url('images/arrow_right_ovr.png') top left no-repeat!important ; text-indent: -9999px; width: 22px !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_active	{ cursor: pointer; width: 24px; background: url('images/bck_black_10.png'); text-align: center; color: #333333; text-decoration: none; width: 22px !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover	{ background: url('images/bck_white_50.png'); color: #0084FF; text-decoration: none; }
.dataTables_wrapper .dataTables_paginate .paginate_active	{ background: url('images/page_active.gif'); color: #FFFFFF; text-decoration: none; font-weight: bold; width: 22px !important; }

/* *********************************************************************
 * Modal window
 * *********************************************************************/
.page .modal-window 		{ display: none; }
.modal-window 			{ width: 600px;}
#fancybox-inner			{ width: 100% !important; }
#fancybox-img			{ width: auto !important; }
.modal-head				{ padding-bottom: 10px; }
a.close-modal			{ color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight: bold; display: block; background: #333333; padding: 2px 10px 2px 10px; float: right}
a.close-modal:hover		{ color: #DDDDDD; text-decoration: none; }
.modal-window p			{ padding-bottom: 20px; line-height: 16px; }

/* *********************************************************************
 * WYSIWYG
 * *********************************************************************/

.jwysiwyg 	{ min-height: 200px; }
.tinymce 	{ min-height: 350px; }

.wysiwyg 	{ width: auto !important; margin-bottom: 20px; }
.wysiwyg iframe { width: 100% !important; }
.mceEditor	{ display: block; margin-bottom: 20px; }
.mceContentBody,
table.mceLayout { width: 100% !important; }

/* *********************************************************************
 * Custom forms
 * *********************************************************************/
.form					{ margin: 0px; padding: 0px; }
.form input				{ font-family: 'Arial', sans-serif; font-size: 11px; outline: 0; }
.form-field 				{ }
.form-field .form-label 		{ }
.form-field .form-text 			{ }
.form-field .form-password 		{ }
.form-field .form-textarea 		{ }
.form-field .form-select 		{ }

.form-field .form-checkbox		{ }
.form-field .form-checkbox-item 	{ }
.form-field .form-checkbox-item .title 	{ }

.form-field .form-radio			{ }
.form-field .form-radio-item 		{ }
.form-field .form-radio-item .title 	{ }

/* *********************************************************************
 * Quick edit
 * *********************************************************************/
.edit-field textarea 	{ width: 95% !important; }
.edit-field input 	{ width: auto !important; display: block; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 16px; padding: 2px 4px 2px 4px; }
.long input 		{ width: 95% !important; }
.header ul li a span, .header ul li  strong {
    color: #fff;
}
.counter-access .sp-access {
    float: left;
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 22px;
}
.counter-access .sp-access img {
    width: 25px;
    height: 25px;
	float:left;
}
span.sp-access .text-access {
    float: left;
    margin-left: 5px;
}
span.number-access {
    font-size: 18px;
    font-weight: bold;
    color: #f00;
}
.textarea-right {
    float: left;
    width: 860px;
}
/* ====== paging ====== */
#pagination .active {
    color: #000;
    padding: 3px 9px;
    border: 1px solid #494949;
    font-size: 15px;
    margin-left: 4px;
}
#pagination a:hover {
    padding: 4px 10px;
    background: #494949;
    border: #494949;
    color: #fff;
    font-size: 15px;
}
#pagination a {
    padding: 4px 10px;
    font-size: 15px;
    margin-left: 4px;
    text-align: center;
    text-decoration: none;
    background: #494949;
    color: white;
}
#pagination {
    float: left;
    text-align: right;
    width: 99% !important;
    font-family: Tahoma;
    margin: 0 10px 5px 0;
}
/* ====== end_paging ====== */

ul.tabs-content {
    border: 1px solid #F7F5F5;
    border-bottom-width: 1px;
    padding: 9px 9px 0px 20px;
    border-bottom: 1px solid #CACACA;
}
ul.tabs-content li {
    display: inline-block;
    padding: 5px 20px;
    background-color: #cfd1cf;
    font-size: 15px;
    border: 1px solid #CACACA;
    border-bottom: 0;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
}

ul.tabs-content li.active {
    background: none;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: -1px;
}
.box-header h2
{
	padding:0 18px;
}
.page .box-header h2
{
	padding:0;
}
.fa-angle-down {
    float: right;
    font-size: 16px;
    color: #fff;
    line-height: 18px;
}
.header .links .icon:hover {
    margin-top: -2px;
}
.p-error
{
	    float: left;
   
    margin: 0;
    margin-left: 160px !important;
    padding: 3px 0 !important;
	color:red;
	clear:both;
	width:auto;
}
p.price-product, .price-promotion {
    text-align: left;
    padding-right: 20px;
    margin-top: 10px;
    color: red;
}
.sp-price
{
	color:000;
}
span.has-promotion {
    color: #666666;
    text-decoration: line-through;
}
.left-content-order {
    float: left;
    width: 50%;
}
.tit-8 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight:bold;
    font-family: Arial;
    color: #333;
    margin-bottom: 10px;
}
.order-row-12 {
    font-size: 14px;
    line-height: 1.8;
    display: block;
}
label.lb-payment-1 {
    font-size: 13px;
    color: #333;
    width: 25%;
    float: left;
}

span.content-8 {
    font-size: 13px;
    color: #333;
}
.right-content-order label.lb-payment-1 {
    font-size: 13px;
    color: #333;
    width: 15%;
    float: left;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background: url('fancybox_sprite.png') !important;
}
.al-center
{
	text-align:center !important;
	float:none !important;
}
table.tb td,  table.tb th
   {
	   border:1px solid rgba(202, 202, 202, 0.08) !important;
	 }
.help {
    color: #f00;
}
input.input-big {
    width: 430px;
}
.bg-select
{
	background:#C8F1CA;
}

ul.chooes li {
    line-height: 18px;
    background-color: #A7E6AE;
    float: left;
    display: block;
    margin-left: 10px;
    padding: 0 5px;
}


/*==============box search ================*/
.box-search {
    margin-bottom: 15px;
    text-align: right;
}

.search-product {
    font-size: 13px;
    margin-bottom: 10px;
}

/*==============end box search==============*/

.bg-not-send {
    background-color: #fff !important;
}