/* =============================================================================

   HTML5 display definitions

   ========================================================================== */



article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
 [hidden] {
display: none;
}
/* =============================================================================

   Base

   ========================================================================== */



/*

 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units

 * 2. Force vertical scrollbar in non-IE

 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g

 */

.msgfix1 {
	margin-bottom: 10px;
	width: 220px;
	display: none;
	float: left;
	clear: none!important;
	margin: 0px !important;
	padding: 4px 10px 4px 25px !important;
	background-position: 3px 3px !important;
	width: auto;
}
.msgfix2 {
	margin-bottom: 10px;
	width: 220px;
	display: none;
	float: left;
	clear: none!important;
	margin: 0px !important;
	padding: 4px 10px 4px 25px !important;
	background-position: 3px 3px !important;
	width: 222px;
}
.sorting_asc {
	background: url(../images/arrow-asc.png) no-repeat scroll 110px transparent;
}
.sorting_desc {
	background: url(../images/arrow-desc.png) no-repeat scroll 110px transparent;
}
.sorting {
	background: url(../images/arrow-both.png) no-repeat scroll 110px transparent;
}
.sorting-fix {
	background-position: right center!important
}
.sorting-fix a {
	padding-right: 18px;
}
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
.ui-widget {
	margin: 0;
	font-size: 12px;
	line-height: 1.231;
}
p {
	font-size: 12px;
}
button, input, select, textarea, .ui-widget {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-family: 'Ubuntu', sans-serif;
	color: #222;
}





::-moz-selection {
background:#286FB7;
color: #fff;
text-shadow: none;
}
::selection {
	background: #286FB7;
	color: #fff;
	text-shadow: none;
}
/* =============================================================================

   Links

   ========================================================================== */



a {
	color: #005280;
	cursor: pointer;
	text-decoration: none;
}
a:visited {
	color: #005280;
}
a:hover {
	color: #1082C1;
}
a:focus {
	outline: none;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	outline: none;
}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */

a:hover, a:active {
	outline: 0;
}
a:active {
	outline: 0;
	color: #555!important;
}
/* =============================================================================

   Typography

   ========================================================================== */



abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
/* Redeclare monospace font family: h5bp.com/j */

pre, code, kbd, samp {
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
/* Improve readability of pre-formatted text in all browsers */

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
q {
	quotes: none;
}
q:before, q:after {
	content: "";
	content: none;
}
small {
	font-size: 85%;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* =============================================================================

   Lists

   ========================================================================== */



ul, ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
}
dd {
	margin: 0 0 0 40px;
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
/* =============================================================================

   Embedded content

   ========================================================================== */



/*

 * 1. Improve image quality when scaled in IE7: h5bp.com/d

 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 

 */



img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
/*

 * Correct overflow not hidden in IE9 

 */



svg:not(:root) {
	overflow: hidden;
}
/* =============================================================================

   Figures

   ========================================================================== */



figure {
	margin: 0;
}
/* =============================================================================

   Forms

   ========================================================================== */



form {
	margin: 0;
}
fieldset {
	border: 2px solid #EDEDED;
	margin: 10px!important;
	padding: 0px!important;
}
/* Indicate that 'label' will shift focus to the associated form element */

label {
	cursor: pointer;
}
/* 

 * 1. Correct color not inheriting in IE6/7/8/9 

 * 2. Correct alignment displayed oddly in IE6/7 

 */



legend {
	border: 0;
*margin-left: -7px;
	padding: 0;
}
/*

 * 1. Correct font-size not inheriting in all browsers

 * 2. Remove margins in FF3/4 S5 Chrome

 * 3. Define consistent vertical alignment display in all browsers

 */



button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
*vertical-align: middle;
}
/*

 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)

 * 2. Correct inner spacing displayed oddly in IE6/7

 */



button, input {
	line-height: normal;
*overflow: visible;
}
/*

 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7

 */



table button, table input {
*overflow: auto;
}
/*

 * 1. Display hand cursor for clickable form elements

 * 2. Allow styling of clickable form elements in iOS

 */



button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}
/*

 * Consistent box sizing and appearance

 */



input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
 input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}



/* 

 * Remove inner padding and border in FF3/4: h5bp.com/l 

 */



button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
/* 

 * 1. Remove default vertical scrollbar in IE6/7/8/9 

 * 2. Allow only vertical resizing

 */



textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}



/* Colors for form validity */

input:valid, textarea:valid {
}
 input:invalid, textarea:invalid {
background-color: #f0dddd;
}
/* =============================================================================

   Tables

   ========================================================================== */



table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	vertical-align: top;
}
/* =============================================================================

   GENERAL LAYOUT STYLES

   ========================================================================== */



#container {
	min-width: 960px;
	max-width: 1250px;
	margin: 0 auto;
}
header a#logo {
	display: block;
	height: 95px;
	width: 205px;
	float: left;
	margin-left: 10px;
	background: transparent url(../img/logo.png) -3px top no-repeat;
	margin-top: 10px;
}
header #main-navigation {
	margin-top: 20px;
	float: left;
}
header #main-navigation ul {
	margin: 0;
	padding-left: 5px;
	display: inline-block;
	vertical-align: bottom;
}
header #main-navigation ul li {
	float: left;
	list-style: none;
	padding-right: 10px;
	padding-bottom: 1px;
}
header #main-navigation ul li a {
	display: block;
}
header #main-navigation ul li a.active, header #main-navigation ul li a:hover {
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f4f4f4 0%, #ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f4f4f4 0%, #ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%); /* IE10+ */
	background: linear-gradient(top, #f4f4f4 0%, #ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ededed', GradientType=0 ); /* IE6-9 */
}
header #main-navigation ul li a span {
	display: inline-block;
	vertical-align: bottom;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 7px 20px;
	padding-top: 41px;
	-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
	-moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
	box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
	background-color: none;
	text-shadow: 0px 1px 0px #fff;
	color: #777;
	-webkit-transition: background 0.5s ease-in-out;
	-moz-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	transition: background 0.5s ease-in-out;
	cursor: pointer;
	text-decoration: none;
}
header #main-navigation ul li span:hover, header #main-navigation ul li a.active span {
	border: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.08);
	color: #b90000;
}
header #main-navigation ul li span {
	background-repeat: no-repeat;
	background-position: center 7px;
}
/* Main navigation buttons */

header #main-navigation ul li span.dashboard {
	background: transparent url('../img/icons/dashboard.png') center top no-repeat;
}
header #main-navigation ul li span.dashboard:hover {
	background: transparent url('../img/icons/dashboard_hover.png') center top no-repeat;
}
header #main-navigation ul li a.active span.dashboard {
	background: transparent url('../img/icons/dashboard_active.png') center top no-repeat;
}
header #main-navigation ul li span.users {
	background: transparent url('../img/icons/users.png') center top no-repeat;
}
header #main-navigation ul li span.users:hover {
	background: transparent url('../img/icons/users_hover.png') center top no-repeat;
}
header #main-navigation ul li a.active span.users {
	background-image: url('../img/icons/users_active.png');
}
header #main-navigation ul li span.charts {
	background: transparent url('../img/icons/charts.png') center top no-repeat;
}
header #main-navigation ul li span.charts:hover {
	background: transparent url('../img/icons/charts_hover.png') center top no-repeat;
}
header #main-navigation ul li a.active span.charts {
	background: transparent url('../img/icons/charts_active.png') center top no-repeat;
}
header #main-navigation ul li span.calendar {
	background: transparent url('../img/icons/32calendar.png') center top no-repeat;
}
header #main-navigation ul li span.calendar:hover {
	background: transparent url('../img/icons/32calendar_hover.png') center top no-repeat;
}
header #main-navigation ul li a.active span.calendar {
	background: transparent url('../img/icons/32calendar_active.png') center top no-repeat;
}
header #main-navigation ul li span.data {
	background: transparent url('../img/icons/32data.png') center top no-repeat;
}
header #main-navigation ul li span.data:hover {
	background: transparent url('../img/icons/32data_hover.png') center top no-repeat;
}
header #main-navigation ul li a.active span.data {
	background: transparent url('../img/icons/32data_active.png') center top no-repeat;
}
.top-menu-bg {
	/*-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.08);
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
	background-color: #F9F9F9;
	*/
	float: right;
	margin-right: 10px;
	padding: 0 20px 10px 20px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #D3D3D3;
}
header #profile {
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.08);
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
	float: right;
	margin-right: 10px;
	background-color: #F9F9F9;
	padding: 0 20px 10px 20px;
	border: 1px solid #ddd;
	border-top: 0;
	border-bottom: 1px solid #D3D3D3;
}
header #profile #user-data {
	height: 20px;
	padding: 10px 15px 0px 0px;
	float: left; /*background:transparent url('../images/user.png') left 8px no-repeat;*/
	font-size: 12px;/*border-left:1px solid #ddd;
	flo

    border-right:1px solid #ddd;*/
}
header #profile #user-notifications {
	margin-top: -1px;
	float: right;
}
header #profile #user-notifications ul {
	padding: 0;
	margin: 0;
}
header #profile #user-notifications ul li {
	list-style: none;
	float: left;
}
header #profile #user-notifications ul li a {
	display: block;
	width: 16px;
	height: 16px;
	padding: 4px;
	border: 1px solid #ccc; /*border-left:0;*/
	border-bottom: 1px solid #bbb;
	background-color: #F5F5F5;
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	position: relative;
}
header #profile {
	background: #fff;
}
/*header #profile{background:none repeat scroll 0 0 transparent;}*/



header #profile #user-notifications ul li a:hover {
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.3);
}
header #profile #user-notifications ul li:first-child a {
	border-left: 1px solid #ccc;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-radius: 2px 0px 0px 2px;
	border-radius: 2px 0px 0px 2px;
}
header #profile #user-notifications ul li:last-child a {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 2px 2px 0px;
	border-radius: 0px 2px 2px 0px;
}
header #profile #user-notifications ul li a span {
	display: block;
	padding: 0px 4px 1px 4px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	position: absolute;
	top: -7px;
	right: -4px;
	background-color: #b90000;
	z-index: 990;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-shadow: 0 1px 0 #000;
}
header #profile #user-notifications ul li a {
	background-repeat: no-repeat;
	background-position: center center;
}
header #profile #user-notifications a#logout {
	background-repeat: no-repeat;
	background-position: 5px center;
	padding: 4px;
	padding-left: 22px;
	padding-right: 10px;
	text-align: center;
	color: #777;
	width: 48px;
	text-decoration: none;
	font-weight: bold;
	height: 16px;
}
header #profile #user-notifications a:hover#logout {
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);
	color: #444;
}
#sub-navigation {
	background-color: #f9f9f9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 20px;
	border: 1px solid #ddd;
	border-bottom: 1px solid #D3D3D3;
	margin-left: 10px;
	margin-right: 10px;
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	height: 23px;
}
#sub-navigation #navigation-search {
	float: left;
}
#sub-navigation #navigation-search form input[type="text"] {
	background: #F5F5F5 url('../images/search.png') 60px center no-repeat;
	padding: 5px;
	height: 15px;
	padding-left: 12px;
	padding-right: 20px;
	width: 50px;
	color: #777;
	background-color: #F5F5F5;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	color: #444;
	filter: dropshadow(color=#fff, offx=0, offy=1);
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	border: 1px solid #ddd;
	border-bottom: 1px solid #d3d3d3;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #777;
}
#sub-navigation #navigation-search form input[type="text"]:focus {
	background: #F5F5F5 url('../images/search_hover.png') 160px center no-repeat;
	border: 1px solid #2E7BB8;
	-webkit-box-shadow: 0 0 3px rgba(46, 123, 184, 1);
	-moz-box-shadow: 0 0 3px rgba(46, 123, 184, 1);
	box-shadow: 0 0 3px rgba(46, 123, 184, 1);
	width: 150px;
	background-color: #fff;
	color: #999999;
}
#main-container {
	padding: 20px 10px;
	padding-left: 220px;
	position: relative;
}
#content-container {
	width: 100%;
	float: left;
	position: relative;
}
#content {
	padding: 20px;
	padding-bottom: 0;
	background-color: #f9f9f9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	color: #444;
	filter: dropshadow(color=#fff, offx=0, offy=1);
	border: 1px solid #ddd;
	border-bottom: 1px solid #d3d3d3;
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	min-height: 300px;
}
#left-menu {
	float: left;
	position: relative;
	width: 222px;
	right: 219px;
	margin-right: -100%;
	z-index: 980;
}
#left-menu ul {
	padding-left: 10px;
	margin: 0;
}
#left-menu ul li {
	list-style: none;
}
#left-menu ul li a {
	display: block;
	padding: 9px;
	padding-left: 50px;
	list-style: none;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
	background-color: none;
	border: 1px solid transparent;
	margin-bottom: 0px;
	color: #777;
	text-decoration: none;
	display: block;
	line-height: 1.22em;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-position: 20px 8px;
	background-repeat: no-repeat;
}
#left-menu ul li a:hover {
	border: 1px solid transparent;
	color: #333;
	padding-left: 65px;
}
#left-menu ul li.active a {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-bottom: 1px solid #D3D3D3;
	border-right: 0;
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, -2px 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, -2px 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 0 #FFFFFF inset, -2px 1px 2px rgba(0, 0, 0, 0.05);
	color: #b90000;
}
#left-menu ul li.active a:hover {
	text-decoration: none;
	color: #b90000;
}
footer {
	text-align: center;
	padding: 15px 10px 30px 220px;
	color: #b90000;
}
/* elements */

.box-element .box-content ul.notifications {
	margin: -5px;
	padding: 0;
}
.box-element .box-content ul.notifications li {
	width: 20%;
	float: left;
	text-align: center;
	list-style: none;
}
.box-element .box-content ul.notifications li div {
	padding: 15px;
	border: 1px solid #E7E7E7;
	border-bottom: 1px solid #D7D7D7;
	margin: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f4f4f4 0%, #ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f4f4f4 0%, #ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%); /* IE10+ */
	background: linear-gradient(top, #f4f4f4 0%, #ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ededed', GradientType=0 ); /* IE6-9 */
	font-size: 20px;
	color: #b90000;
}
.box-element .box-content ul.notifications li div:hover {
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top, #fafafa 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fafafa 0%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fafafa 0%, #f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fafafa 0%, #f2f2f2 100%); /* IE10+ */
	background: linear-gradient(top, #fafafa 0%, #f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f2f2f2', GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.25);
}
.box-element .box-content ul.notifications li div span {
	display: block;
	clear: both;
	font-size: 13px;
	padding: 2px;
	color: #777;
}
.box-element .box-content ul.notifications li div span.green {
	color: #498835;
	font-size: 14px;
}
.box-element .box-content ul.notifications li div span.red {
	color: #b90000;
	font-size: 14px;
}
.box-element .box-content ul.notifications li div span.grey {
	font-size: 14px;
}
.box-element .box-content ul.actions {
	margin: 0;
	padding: 0;
}
.box-element .box-content ul.actions li {
	width: 12.5%;
	float: left;
	text-align: center;
	list-style: none;
}
.box-element .box-content ul.actions li div {
	border: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	margin-left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f4f4f4 0%, #ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f4f4f4 0%, #ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%); /* IE10+ */
	background: linear-gradient(top, #f4f4f4 0%, #ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ededed', GradientType=0 ); /* IE6-9 */
}
.box-element .box-content ul.actions li:first-child div {
	margin-left: 0;
}
.box-element .box-content ul.actions li div:hover {
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top, #fafafa 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fafafa 0%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fafafa 0%, #f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fafafa 0%, #f2f2f2 100%); /* IE10+ */
	background: linear-gradient(top, #fafafa 0%, #f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f2f2f2', GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.25);
	color: #444;
}
.box-element .box-content ul.actions li a {
	display: block;
	padding: 40px 5px 0px 5px;
	color: #b90000;
	text-decoration: none;
	background-position: center 3px;
	background-repeat: no-repeat;
}
.box-element .box-content ul.actions li div:hover a {
	color: #b90000;
}
.box-element .box-content ul.actions li span {
	color: #999;
	font-size: 10px;
	display: block;
	padding-bottom: 10px;
}
/* tooltips */

.tooltip {
	display: none;
	background-color: #444;
	border: 2px solid #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 11px;
	padding: 5px 10px;
	color: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	z-index: 999;
	text-shadow: 0 1px 0 #000!important;
}
.modal-container {
	display: none;
}
/* sections */

fieldset section {
	display: block;
	padding: 10px 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #eee;
	background-color: #fafafa;
}
fieldset section.orders2:hover {
	display: block!important;
	padding: 10px 10px!important;
	border-top: 1px solid #fff!important;
	border-bottom: 1px solid #eee!important;
	background-color: #C6C2C2!important;
}
fieldset section div.section-left-s {
	float: left;
	width: 140px;
}
fieldset section div.section-left {
	float: left;
	width: 180px;
}
fieldset section div.section-right {
	margin-left: 200px;
}
fieldset > section > label.error {
	color: #b90000;
}
fieldset section:hover {
	background-color: #f5f5f5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e5e5e5;
}
fieldset > section > label {
	width: 150px;
	float: left;
	padding: 3px;
}
fieldset > section pre {
	margin: 0;
	padding: 0;
	word-wrap: normal;
}
fieldset section > div.section-input {
	float: left;
}
fieldset section > div.section-content {
	margin-left: 170px;
}
fieldset section.fullw label {
	display: block;
	padding-bottom: 10px;
}
fieldset section.fullw label, fieldset section.fullw div {
	float: none;
	clear: both;
}
fieldset section > div span {
	color: #999;
	padding-left: 5px;
	font-size: 11px;
}
fieldset section > div input[type="text"], fieldset section > div textarea {
	width: 342px;
}
fieldset section:hover > div input[type="text"], fieldset section:hover > div textarea {
	border: 1px solid #eee;
	background-color: #fff;
}
#weditor {
	width: 100%;
}
/* NOTIFICATIONS WIDGET */

.alert-msg {
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	-moz-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 0 3px #ccc;
	color: #555;
	font-size: 13px;
	_margin-bottom: 20px;
	background-color: #eee;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)!important;
}
.alert-msg a {
	width: 16px;
	height: 16px;
	float: right;
	font-family: Arial, sans-serif;
	line-height: 18px;
	color: #404040;
	font-size: 20px;
	opacity: 0.25;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)!important;
	font-weight: bold;
}
.alert-msg a:hover {
	opacity: 0.4;
}
.alert-msg p {
	color: #555;
	text-shadow: none;
	font-size: 12px;
}
.error-msg {
	border: 1px solid #e06a6a;
	color: #a50000;
	background-color: #edd6d6;
	-webkit-box-shadow: 0 0 2px #e06a6a;
	-moz-box-shadow: 0 0 2px #e06a6a;
	box-shadow: 0 0 2px #e06a6a;
}
.notice-msg {
	border: 1px solid #ffb56d;
	color: #ff8d1e;
	background-color: #ffefe0;
	-webkit-box-shadow: 0 0 2px #ffb56d;
	-moz-box-shadow: 0 0 2px #ffb56d;
	box-shadow: 0 0 2px #ffb56d;
}
.info-msg {
	border: 1px solid #2E7BB8;
	color: #216ba6;
	background-color: #c3ddf2;
	-webkit-box-shadow: 0 0 2px #2E7BB8;
	-moz-box-shadow: 0 0 2px #2E7BB8;
	box-shadow: 0 0 2px #2E7BB8;
}
.success-msg {
	border: 1px solid #498835;
	color: #346724;
	background-color: #b5d8aa;
	-webkit-box-shadow: 0 0 2px #498835;
	-moz-box-shadow: 0 0 2px #498835;
	box-shadow: 0 0 2px #498835;
}
/*  BREADCRUMBS WIDGET */

div.bredcrumbs, div.bredcrumbs-light {
	padding-bottom: 20px;
}
div.bredcrumbs ul {
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(0, 0, 0, 0.4);
	border: 1px solid #444;
	border-bottom: 1px solid #222;
	margin: 0;
	padding: 0;
	overflow: auto;
	background-color: #F5F5F5;
	background: #444 url('../img/bg_box.png') repeat-x;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.bredcrumbs ul:hover {
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(0, 0, 0, 0.6);
}
div.bredcrumbs ul li {
	padding: 7px;
	padding-left: 20px;
	padding-right: 8px;
	float: left;
	list-style: none;
	background: transparent url("../img/breadcrumb.png") left center no-repeat;
}
div.bredcrumbs ul li:first-child {
	padding-left: 42px;
	background: transparent url("../images/home_white.png") 18px center no-repeat;
}
div.bredcrumbs ul li a {
	color: #eee;
	text-shadow: 0 1px 0 #000;
	text-decoration: none;
	font-size: 12px;
}
div.bredcrumbs ul li a:hover {
	text-decoration: underline;
	color: #fff;
}
/* light version */

div.bredcrumbs-light ul {
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	border: 1px solid #ddd;
	border-bottom: 1px solid #d3d3d3;
	margin: 0;
	padding: 0;
	overflow: auto;
	background-color: #F5F5F5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.bredcrumbs-light ul:hover {
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 3px rgba(0, 0, 0, 0.2);
	background-color: #F9F9F9;
}
div.bredcrumbs-light ul li {
	padding: 6px;
	padding-left: 20px;
	padding-right: 8px;
	float: left;
	list-style: none;
	background: transparent url("../img/breadcrumb.png") left center no-repeat;
}
div.bredcrumbs-light ul li:first-child {
	padding-left: 42px;
	background: transparent url("../images/home.png") 18px center no-repeat;
}
div.bredcrumbs-light ul li a {
	color: #444;
	text-decoration: none;
	font-size: 12px;
}
div.bredcrumbs-light ul li a:hover {
	text-decoration: underline;
}
/* ORDERS WIDGET */

section.orders {
	font-size: 13px;
}
section.orders h4 {
	color: #383838;
	font-size: 13px;
	margin: 0;
	padding-bottom: 0px;
	margin-bottom: 0px!important;
}
section.orders .data-container {
	padding-left: 60px;
}
section.orders .data {
	padding: 0 0 10px 0;
}
.orders1 {
	background-color: #f1f1f1;
}
.orders2 {
	background-color: #C6C2C2;
}
section.orders3 {
	font-size: 13px;
	cursor: pointer;
}
section.orders .data:last-child {
	padding: 0!important;
}
section.orders span {
	float: right;
	font-size: 13px;
}
section.orders span.h {
	display: none;
}
section.orders span.h a {
	color: #444;
	text-decoration: none;
	background-position: 5px center;
	background-repeat: no-repeat;
	padding: 3px 8px 3px 25px;
	border: 1px solid #ccc;
	border-top: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #f9f9f9;
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
}
section.orders span:hover.h a {
	color: #222;
	background-color: #fbfbfb;
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.15);
}
section:hover.orders span.h {
	display: block;
}
section.orders span a {
	color: #2E7BB8;
	text-decoration: none;
}
section.orders span.edit {
	color: #2E7BB8;
}
section.orders span.state {
	color: #498835;
}
section.orders span.contact {
	color: #B90000;
}
section.orders .orders-icon {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 4px solid #e5e5e5;
	width: 38px;
	height: 38px;
	background: #F4F4F4 url("../img/icons/32/shopping.png") 3px 3px no-repeat;
}
/* ERROR PAGES */

#error-page-container {
	width: 700px;
	height: 300px;
	margin: 0 auto;
	padding-top: 100px;
	text-align: center;
}
#error-page-container h1 {
	font-size: 145px;
	margin-bottom: 30px;
}
#error-page-container h3 {
	font-size: 45px;
	margin-bottom: 30px;
	color: #999;
}
#error-page-container hr {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #fff;
	height: 0px;
}
#error-page-container span {
	color: #777;
}
#error-page-container a {
	padding-top: 50px;
	display: block;
	color: #b90000;
	font-size: 15px;
	text-decoration: none;
}
/* BUTTONS */

.icon16, .button, .icon16-button {
	margin: 5px;
	padding: 7px 15px;
	color: #777;
	background-color: #F5F5F5;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	color: #444;
	filter: dropshadow(color=#fff, offx=0, offy=1);
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	border: 1px solid #E7E7E7;
	border-bottom: 1px solid #D7D7D7;
	color: #777;
}
.icon16:hover, .button:hover, .icon16-button:hover {
	color: #555;
	background-color: #F9F9F9;
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);
}
.icon16 {
	background-position: 8px 7px;
	background-repeat: no-repeat;
}
.icon16-button {
	background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 29px;
}
/* span width */

.span1 {
	width: 40px;
}
.span2 {
	width: 100px;
}
.span3 {
	width: 160px;
}
.span4 {
	width: 220px;
}
.span6 {
	width: 340px;
}
.span8 {
	width: 460px;
}
.span11 {
	width: 640px;
}
.span16 {
	width: 940px;
}
.one-third {
	width: 300px;
}
.offset-one-third {
	margin-left: 300px!important;
}
.two-thirds {
	width: 620px;
}
.offset-two-thirds {
	margin-left: 620px!important;
}
/* =============================================================================

   GENERIC ICON STYLES

   ========================================================================== */



/* 32x32 icons */

.users-32 {
	background-image: url('../img/icons/32/users.png');
}
.users-32:hover {
	background-image: url('../img/icons/32/users_hover.png');
}
.active .users-32 {
	background-image: url('../img/icons/32/users_active.png');
}
.dashboard-32 {
	background-image: url('../img/icons/32/dashboard.png');
}
.dashboard-32:hover {
	background-image: url('../img/icons/32/dashboard_hover.png');
}
.active .dashboard-32 {
	background-image: url('../img/icons/32/dashboard_active.png');
}
.data-32 {
	background-image: url('../img/icons/32/data.png');
}
.data-32:hover {
	background-image: url('../img/icons/32/data_hover.png');
}
.active .data-32 {
	background-image: url('../img/icons/32/data_active.png');
}
.calendar-32 {
	background-image: url('../img/icons/32/calendar.png');
}
.calendar-32:hover {
	background-image: url('../img/icons/32/calendar_hover.png');
}
.active .calendar-32 {
	background-image: url('../img/icons/32/calendar_active.png');
}
.charts-32 {
	background-image: url('../img/icons/32/charts.png');
}
.charts-32:hover {
	background-image: url('../img/icons/32/charts_hover.png');
}
.active .charts-32 {
	background-image: url('../img/icons/32/charts_active.png');
}
.edit-32 {
	background-image: url('../img/icons/32/edit.png');
}
.edit-32:hover {
	background-image: url('../img/icons/32/edit_hover.png');
}
.active .edit-32 {
	background-image: url('../img/icons/32/edit_active.png');
}
.finance-32 {
	background-image: url('../img/icons/32/finance.png');
}
.finance-32:hover {
	background-image: url('../img/icons/32/finance_hover.png');
}
.active .finance-32 {
	background-image: url('../img/icons/32/finance_active.png');
}
.settings-32 {
	background-image: url('../img/icons/32/settings.png');
}
.settings-32:hover {
	background-image: url('../img/icons/32/settings_hover.png');
}
.active .settings-32 {
	background-image: url('../img/icons/32/settings_active.png');
}
.forms-32 {
	background-image: url('../img/icons/32/forms.png');
}
.forms-32:hover {
	background-image: url('../img/icons/32/forms_hover.png');
}
.active .forms-32 {
	background-image: url('../img/icons/32/forms_active.png');
}
.file-32 {
	background-image: url('../img/icons/32/file.png');
}
.file-32:hover {
	background-image: url('../img/icons/32/file_hover.png');
}
.active .file-32 {
	background-image: url('../img/icons/32/file_active.png');
}
.files-32 {
	background-image: url('../img/icons/32/files.png');
}
.files-32:hover {
	background-image: url('../img/icons/32/files_hover.png');
}
.active .files-32 {
	background-image: url('../img/icons/32/files_active.png');
}
.alert-32 {
	background-image: url('../img/icons/32/alert.png');
}
.alert-32:hover {
	background-image: url('../img/icons/32/alert_hover.png');
}
.active .alert-32 {
	background-image: url('../img/icons/32/alert_active.png');
}
.email-32 {
	background-image: url('../img/icons/32/email.png');
}
.email-32:hover {
	background-image: url('../img/icons/32/email_hover.png');
}
.active .email-32 {
	background-image: url('../img/icons/32/email_active.png');
}
/* 16x16px icons */



.box-head > span.overview-16 {
	background-image: url('../images/overview_white.png');
}
.overview-16 {
	background-image: url('../images/overview.png');
}
.overview-16:hover {
	background-image: url('../images/overview_hover.png');
}
.active .overview-16, .overview-16.selected {
	background-image: url('../images/overview_active.png');
}
.box-head > span.elements-16 {
	background-image: url('../images/elements_white.png');
}
.elements-16 {
	background-image: url('../images/elements.png');
}
.elements-16:hover {
	background-image: url('../images/elements_hover.png');
}
.active .elements-16, .elements-16.selected {
	background-image: url('../images/elements_active.png');
}
.box-head > span.forms-16 {
	background-image: url('../images/forms_white.png');
}
.forms-16 {
	background-image: url('../images/forms.png');
}
.forms-16:hover {
	background-image: url('../images/forms_hover.png');
}
.active .forms-16, .forms-16.selected {
	background-image: url('../images/forms_active.png');
}
.box-head > span.widgets-16 {
	background-image: url('../images/widgets_white.png');
}
.widgets-16 {
	background-image: url('../images/widgets.png');
}
.widgets-16:hover {
	background-image: url('../images/widgets_hover.png');
}
.active .widgets-16, .widgets-16.selected {
	background-image: url('../images/widgets_active.png');
}
.box-head > span.notifications-16 {
	background-image: url('../images/notifications_white.png');
}
.notifications-16 {
	background-image: url('../images/bell.png');
}
.notifications-16:hover {
	background-image: url('../images/bell_hover.png');
}
.active .notifications-16, .notifications-16.selected {
	background-image: url('../images/bell_active.png');
}
.box-head > span.messages-16 {
	background-image: url('../images/messages_white.png');
}
.messages-16 {
	background-image: url('../images/messages.png');
}
.messages-16:hover {
	background-image: url('../images/messages_hover.png');
}
.active .messages-16, .messages-16.selected {
	background-image: url('../images/messages_active.png');
}
.box-head > span.settings-16 {
	background-image: url('../images/settings_white.png');
}
.settings-16 {
	background-image: url('../images/settings.png');
}
.settings-16:hover {
	background-image: url('../images/settings_hover.png');
}
.active .settings-16, .settings-16.selected {
	background-image: url('../images/settings_active.png');
}
.box-head > span.piecharts-16 {
	background-image: url('../images/piecharts_white.png');
}
.piecharts-16 {
	background-image: url('../images/piecharts.png');
}
.piecharts-16:hover {
	background-image: url('../images/piecharts_hover.png');
}
.active .piecharts-16, .piecharts-16.selected {
	background-image: url('../images/piecharts_active.png');
}
.box-head > span.typography-16 {
	background-image: url('../images/typography_white.png');
}
.typography-16 {
	background-image: url('../images/typography.png');
}
.typography-16:hover {
	background-image: url('../images/typography_hover.png');
}
.active .typography-16, .typography-16.selected {
	background-image: url('../images/typography_active.png');
}
.box-head > span.data-16 {
	background-image: url('../images/data_white.png');
}
.data-16 {
	background-image: url('../images/data.png');
}
.data-16:hover {
	background-image: url('../images/data_hover.png');
}
.active .data-16, .data-16.selected {
	background-image: url('../images/data_active.png');
}
.box-head > span.realtime-16 {
	background-image: url('../images/realtime_white.png');
}
.realtime-16 {
	background-image: url('../images/realtime.png');
}
.realtime-16:hover {
	background-image: url('../images/realtime_hover.png');
}
.active .realtime-16, .realtime-16.selected {
	background-image: url('../images/realtime_active.png');
}
.box-head > span.charts-16 {
	background-image: url('../images/charts_white.png');
}
.charts-16 {
	background-image: url('../images/charts.png');
}
.charts-16:hover {
	background-image: url('../images/charts_hover.png');
}
.active .charts-16, .charts-16.selected {
	background-image: url('../images/charts_active.png');
}
.box-head > span.file-16 {
	background-image: url('../images/file_white.png');
}
.file-16 {
	background-image: url('../images/file.png');
}
.file-16:hover {
	background-image: url('../images/file_hover.png');
}
.active .file-16, .file-16.selected {
	background-image: url('../images/file_active.png');
}
.box-head > span.calendar-16 {
	background-image: url('../images/calendar_white.png');
}
.calendar-16 {
	background-image: url('../images/calendar.png');
}
.calendar-16:hover {
	background-image: url('../images/calendar_hover.png');
}
.active .calendar-16, .calendar-16.selected {
	background-image: url('../images/calendar_active.png');
}
.box-head > span.typo-16 {
	background-image: url('../images/typo_white.png');
}
.typo-16 {
	background-image: url('../images/typo.png');
}
.typo-16:hover {
	background-image: url('../images/typo_hover.png');
}
.active .typo-16, .typo-16.selected {
	background-image: url('../images/typo_active.png');
}
.box-head > span.media-16 {
	background-image: url('../images/media_white.png');
}
.media-16 {
	background-image: url('../images/media.png');
}
.media-16:hover {
	background-image: url('../images/media_hover.png');
}
.active .media-16, .media-16.selected {
	background-image: url('../images/media_active.png');
}
.box-head > span.notifications-16 {
	background-image: url('../images/notifications_white.png');
}
.notifications-16 {
	background-image: url('../images/notifications.png');
}
.notifications-16:hover {
	background-image: url('../images/notifications_hover.png');
}
.active .notifications-16, .notifications-16.selected {
	background-image: url('../images/notifications_active.png');
}
.box-head > span.info-16 {
	background-image: url('../images/info_white.png');
}
.info-16 {
	background-image: url('../images/info.png');
}
.info-16:hover {
	background-image: url('../images/info_hover.png');
}
.active .info-16, .info-16.selected {
	background-image: url('../images/info_active.png');
}
.box-head > span.comment-16 {
	background-image: url('../images/comment_white.png');
}
.comment-16 {
	background-image: url('../images/comment.png');
}
.comment-16:hover {
	background-image: url('../images/comment_hover.png');
}
.active .comment-16, .comment-16.selected {
	background-image: url('../images/comment_active.png');
}
.box-head > span.email-16 {
	background-image: url('../images/email_white.png');
}
.email-16 {
	background-image: url('../images/email.png');
}
.email-16:hover {
	background-image: url('../images/email_hover.png');
}
.active .email-16, .email-16.selected {
	background-image: url('../images/email_active.png');
}
.box-head > span.edit-16 {
	background-image: url('../images/edit_white.png');
}
.edit-16 {
	background-image: url('../images/edit.png');
}
.edit-16:hover {
	background-image: url('../images/edit_hover.png');
}
.active .edit-16, .edit-16.selected {
	background-image: url('../images/edit_active.png');
}
.box-head > span.error-16 {
	background-image: url('../images/error_white.png');
}
.error-16 {
	background-image: url('../images/error.png');
}
.error-16:hover {
	background-image: url('../images/error_hover.png');
}
.active .error-16, .error-16.selected {
	background-image: url('../images/error_active.png');
}
.box-head > span.profile-16 {
	background-image: url('../images/profile_white.png');
}
.profile-16 {
	background-image: url('../images/profile.png');
}
.profile-16:hover {
	background-image: url('../images/profile_hover.png');
}
.active .profile-16, .profile-16.selected {
	background-image: url('../images/profile_active.png');
}
.box-head > span.logout-16 {
	background-image: url('../images/logout_white.png');
}
.logout-16 {
	background-image: url('../images/logout.png');
}
.logout-16:hover {
	background-image: url('../images/logout_hover.png');
}
.active .logout-16, .logout-16.selected {
	background-image: url('../images/logout_active.png');
}
.box-head > span.shopping-16 {
	background-image: url('../images/shopping_white.png');
}
.shooping-16 {
	background-image: url('../images/shopping.png');
}
.shopping-16:hover {
	background-image: url('../images/shopping_hover.png');
}
.active .shopping-16, .shopping-16.selected {
	background-image: url('../images/shopping_active.png');
}
.box-head > span.book-16 {
	background-image: url('../images/book_white.png');
}
.book-16 {
	background-image: url('../images/book.png');
}
.book-16:hover {
	background-image: url('../images/book_hover.png');
}
.active .book-16, .book-16.selected {
	background-image: url('../images/book_active.png');
}
/* =============================================================================

   LABELS

   ========================================================================== */

span.label {
	background-color: #999999;
	border-radius: 3px 3px 3px 3px;
	color: #FFFFFF!important;
	padding: 1px 5px 2px;
	text-shadow: none;
}
span.label-success {
	background-color: #498835;
}
span.label-warning {
	background-color: #F89406;
}
span.label-important {
	background-color: #B90000;
}
span.label-info {
	background-color: #2E7BB8;
}
/* =============================================================================

   LOGIN FORM STYLES

   ========================================================================== */

#login-container {
	min-width: 240px;
	max-width: 400px;
	margin: 200px auto 0 auto;
}
#login-container #login {
}
#login-container #login .login-title {
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	border-bottom: 1px solid #E7E7E7;
	background-color: #f3f3f3;
	padding: 15px 20px;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}
#login-container #login h1 {
	background: url(../images/user_active.png) 0 2px no-repeat;
	font-weight: normal;
	margin: 0;
	padding-left: 30px;
	font-size: 16px;
	color: #333333;
}
#login-container #login fieldset section {
	padding: 15px 20px;
	overflow: auto;
}
#login-container #login input[type="text"], #login-container #login input[type="password"] {
	width: 100%;
	box-sizing: border-box; /* css3 rec */
	-moz-box-sizing: border-box; /* ff2 */
	-ms-box-sizing: border-box; /* ie8 */
	-webkit-box-sizing: border-box; /* safari3 */
	-khtml-box-sizing: border-box;
}
#login-container > #login input[type="text"].error, #login-container > #login input[type="password"].error, #login-container > #login input[type="text"].error:focus, #login-container > #login input[type="password"].error:focus {
	border: 1px solid #b90000;
	-webkit-box-shadow: 0 0 3px rgba(185, 0, 0, 1);
	-moz-box-shadow: 0 0 3px rgba(185, 0, 0, 1);
	box-shadow: 0 0 3px rgba(185, 0, 0, 1);
}
#login-container > #login a {
	float: right;
	display: block;
	margin: 20px;
	color: #b90000;
}
#login-container span {
	padding-top: 20px;
	display: block;
	text-align: center;
	color: #999;
	font-size: 12px;
	color: #b90000;
}
/* =============================================================================

   COMMON INFINITY STYLES

   ========================================================================== */

.i-box {
	border: 1px solid #E7E7E7;
	border-bottom: 1px solid #D7D7D7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #F9F9F9;
	-webkit-box-shadow: 0 1px 1px #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 1px #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}
.i-button {
	margin: 6px;
	padding: 7px 15px;
	color: #fff!important;
	background-color:#032539;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	filter: dropshadow(color=#fff, offx=0, offy=1);
	-webkit-box-shadow: 0 1px 0 #f1f1f1 inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 #f1f1f1 inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 #f1f1f1 inset, 0 1px 3px rgba(0, 0, 0, 0.1);
	border: 1px solid #00131e;
	border-bottom: 1px solid #00131e;
	font-size: 11pt;
	display: inline-block;
}
.i-button:hover {
	color: #fff;
	background-color: #F26522;
	-webkit-box-shadow: 0 1px 0 #f1f1f1 inset, 0px 0px 1px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0 1px 0 #f1f1f1 inset, 0px 0px 1px rgba(50, 50, 50, 0.2);
	box-shadow: 0 1px 0 #f1f1f1 inset, 0 1px 3px rgba(0, 0, 0, 0.2);
	border: 1px solid #dc4e0b;
	border-bottom: 1px solid #dc4e0b;
}
.i-text {
	border: 1px solid #999;
	background-color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 7px;
	padding-left: 10px;
	width: 340px;
	color: #777;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.04) inset;
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.04) inset;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.04) inset;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.i-text:focus {
	border: 1px solid #2E7BB8!important;
	-webkit-box-shadow: 0 0 3px rgba(46, 123, 184, 1)!important;
	-moz-box-shadow: 0 0 3px rgba(46, 123, 184, 1)!important;
	box-shadow: 0 0 3px rgba(46, 123, 184, 1)!important;
}
.i-label {
	width: 80px;
	float: left;
	padding-top: 7px;
	padding-left: 20px;
}
.i-divider {
	margin: 20px 0;
	height: 0;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #E5E5E5;
	clear: both;
}
.i-transform.i-span label {
	float: left;
	display: block;
	margin-right: 8px;
	margin-top: 7px;
}
.i-transform select {
	width: 330px;
}
.i-validate label.error {
	color: #b90000;
	padding-left: 10px;
}
table.i-table {
}
table.i-table thead td, table.i-table tfoot td, table.i-table thead tr:hover td, table.i-table tfoot tr:hover td {
	background-color: #F4F4F4!important;
}
table.i-table thead td {
	border-bottom: 1px solid #E3E3E3;
	font-weight: bold;
}
table.i-table tfoot td {
	border-top: 1px solid #E3E3E3;
}
table.i-table.fullwidth {
	width: 100%;
}
table.i-table.border {
	border: 1px solid #eee;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
table.i-table td {
	padding: 7px;
	padding-left: 20px;
}
table.i-table tr:hover td {
	background-color: #ebf5f8!important;
}
table.i-table tr.light td {
	background-color: #fff;
}
table.i-table tr.dark td {
	background-color: #F9F9F9;
}
.box-holder-one-half {
	width: 50%;
	float: left;
}
.box-holder-one-half .box-element, .box-holder-one-half .box-buttons {
	margin-left: 20px;
	margin-top: 0;
}
.box-holder-one-half .first {
	margin-left: 0!important;
}
.box-holder-one-half .last {
	margin-right: 0!important;
}
.box-element {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px;
}
.box-element:hover {
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
}
.box-element .box-head {
	/*background:#444 url('../img/bg_box.png') repeat-x;*/
	background:#FBFAF8 url(../images/title-bg.png) repeat-x 0 0;
	
	
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset;
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset;
	padding:12px 8px 14px 20px;
	border:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	color:#333;
	/*text-shadow: 0px 1px 0px #000;*/
	position:relative;
	overflow:auto;
}
.box-element .box-head h3, .box-element .box-head-light h3 {
	display: block;
	font-weight: normal;
	float: left;
	font-size: 14px;
	margin: 0;
}
.box-element .box-head span, .box-element .box-head-light span {
	display: block;
	float: left;
	width: 25px;
	height: 17px;
	line-height: 17px;
	background-position: left center;
	background-repeat: no-repeat;
}
.box-element .box-head a {
	display: none;
	width: 21px;
	height: 21px;
	background: transparent url('../img/colapse_dark.png') no-repeat;
	position: absolute;
	top: 7px;
	right: 7px;
}
.box-element .box-head a.open {
	background: transparent url('../img/colapse_dark.png') no-repeat;
}
.box-element .box-head a.closed {
	background: transparent url('../img/expand_dark.png') no-repeat;
}
.box-element .box-content {
	border: 1px solid #E0E0E0;
	border-top: 0;
	border-bottom: 1px solid #d3d3d3;
	padding: 20px;
	background-color: #fafafa;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
}
.box-content p, .box-content b {
	font-size: 13px;
}
.box-element:hover .box-head {
	color:#000;
	border-top:1px solid #ddd;
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset;
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset;
	background:#FBFAF8 url(../images/title-bg-roll.png) repeat-x 0 0;
}
.box-element:hover .box-head a, .box-element:hover .box-head-light a {
	display: block;
}
.box-element .grey-bg {
	background-color: #f9f9f9;
}
/* light version */

.box-element .box-head-light, .ui-accordion a.ui-accordion-header {
	margin: 0;
	background-color: #F4F4F4;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	border: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	padding: 8px;
	padding-left: 20px;
	color: #777;
	font-size: 13px;
	position: relative;
	overflow: auto;
}
.box-element .box-head-icon {
	background-position: 19px center;
	background-repeat: no-repeat;
	padding-left: 42px;
}
.box-element .box-head-light a {
	display: none;
	width: 19px;
	height: 22px;
	background: transparent url('../img/colapse_light2.png') no-repeat;
	position: absolute;
	top: 7px;
	right: 7px;
}
.box-element .box-head-light a.open {
	background: transparent url('../img/colapse_light2.png') no-repeat;
}
.box-element .box-head-light a.closed {
	background: transparent url('../img/expand_light2.png') no-repeat;
}
.box-element:hover .box-head-light, .ui-accordion:hover a.ui-accordion-header {
	color:#444;
	background-color:#F7F7F7;
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset;
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset;
	box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset;
}
.box-element .box-content p {
	margin: 0;
	margin-bottom: 20px;
}
.box-element .box-content p:last-child {
	margin: 0;
}
.box-element .box-content .alert-msg p {
	margin: 0;
	margin-top: 10px;
}
.box-element .box-content h3, .box-element .box-content h4 {
	margin: 0;
	margin-bottom: 20px;
}
.box-element .box-content .box-bottom {
	background-color: #F3F3F3;
	border-top: 1px solid #E7E7E7;
	padding: 10px 20px;
}
/* =============================================================================

   BOX BUTTONS / TABS

   ========================================================================== */

.box-buttons {
	margin-bottom: 20px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.box-buttons:hover {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.box-buttons ul.tab-list {
	margin: 0;
	overflow: auto;
	background-color: #F5F5F5;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
	border: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	padding: 7px 20px;
}
.box-buttons:hover ul.tab-list {
	background-color: #F9F9F9;
}
.box-buttons ul.tab-list li {
	list-style: none;
	float: left;
	padding-right: 10px;
}
.box-buttons ul.tab-list li a {
	display: block;
	height: 16px;
	padding: 4px 10px;
	position: relative;
	color: #999;
	text-decoration: none;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: 8px center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.box-buttons ul.tab-list li a:hover {
	color: #444;
}
.box-buttons ul.tab-list a.selected {
	margin-bottom: 0;
	background-color: #efefef;
	-webkit-box-shadow: 0 1px 0 #ddd inset, 0 1px 0px rgba(255, 255, 255, 0.8);
	-moz-box-shadow: 0 1px 0 #ddd inset, 0 1px 0px rgba(255, 255, 255, 0.8);
	box-shadow: 0 1px 0 #ddd inset, 0 1px 0px rgba(255, 255, 255, 0.8);
	color: #b90000;
}
.box-buttons div.tab-content {
	border: 1px solid #E0E0E0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #d3d3d3;
	background-color: #fafafa;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
	padding: 20px;
}
.box-buttons div a {
	color: #000;
	font-weight: bold;
}
/* =============================================================================

   GALLERY

   ========================================================================== */

.gallery {
	padding: 5px;
}
.thumbnail {
	margin: 5px;
	padding: 3px;
	border: 3px solid #fff;
	float: left;
	width: 104px;
	height: 104px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	position: relative;
}
.thumbnail img {
	width: 104px;
	height: 104px;
}
.thumbnail:hover {
	border: 3px solid #404649;
}
.thumbnail a.actions {
	display: none;
	position: absolute;
	top: 25px;
	left: 31px;
	width: 50px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	border: 2px solid #222;
	background-color: #404649;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	text-shadow: 0 1px 0 #000;
}
.thumbnail:hover a.actions {
	display: block;
}
.thumbnail a.actions.view {
	background: #404649 url('../images/search_white.png') center center no-repeat;
}
.thumbnail a.actions.delete {
	background: #404649 url('../images/delete_white.png') center center no-repeat;
	top: 57px;
}
/* =============================================================================

   PAGINATOR

   ========================================================================== */

.paginate {
	float: right;
}
.paginate a {
	display: block;
	float: left;
	border: 1px solid #E7E7E7;
	border-bottom: 1px solid #D7D7D7;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
*cursor: hand;
	color: #444444;
	background-color: #F5F5F5;
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.075);
}
.paginate a:hover {
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.15);
	background-color: #F9F9F9;
}
.paginate a.active {
	background-color: #B90000;
	color: #fff;
	text-shadow: 0px 1px 0px #000;
	border: 0;
	padding: 3px 6px 3px 6px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 1px 3px rgba(0, 0, 0, 0.3);
}
/* common */

.no-padding {
	padding: 0!important;
}
.top-padding {
	padding: 20px 0 0 0!important;
}
.no-side-padding {
	padding: 20px 0!important;
}
.no-margin {
	margin: 0!important;
}
.slider-input {
	background: none!important;
	border: 0!important;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
	color: #b90000!important;
}
#eq span {
	height: 120px;
	float: left;
	margin: 15px;
	padding: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.block {
	display: block;
}
.inline-block {
	display: inline-block;
}
.inline-table {
	display: inline-table;
}
/* =============================================================================

   JS LIB STYLES OVERIDES

   ========================================================================== */

   

/* chzn overides */

.chzn-container-single .chzn-single {
	background: url("jqimg/select_left.png") no-repeat scroll left top transparent;
	border: 0;
	height: 31px;
	line-height: 32px;
}
.chzn-container-single .chzn-single span {
	margin-right: 31px;
}
.chzn-container-single .chzn-single div b {
	background: none;
}
.chzn-container-single .chzn-single div {
	background: url("jqimg/select_right.png") no-repeat scroll center center transparent;
	width: 31px;
	height: 31px;
	border: 0;
}
.chzn-container-active .chzn-single-with-drop {
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.chzn-container .chzn-drop {
	border: 0;
}
select.i-select {
	width: 360px;
}
.chzn-container-multi .chzn-choices {
	border: 1px solid #eee;
	background-color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 7px;
	padding-left: 10px;
	width: 340px;
	color: #777;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.04) inset;
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.04) inset;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.04) inset;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.chzn-container-multi .chzn-choices {
	background-image: none;
	padding: 2px 10px 2px 7px;
	;
}
.chzn-container-multi .chzn-choices .search-field .default {
	color: #777777;
	font-size: 11px;
}
.chzn-container-multi .chzn-choices .search-choice {
	border: 1px solid #ddd;
}
/* jq transform overides */

.jqTransformSelectWrapper div span {
	font-size: 11px;
	padding-left: 13px;
}
/* jQuery UI overides */

.ui-accordion a.ui-accordion-header {
	background: none;
}
.box-element a.ui-accordion-header {
	display: block;
}
.ui-accordion .ui-accordion-content {
	margin: 0;
	padding: 20px;
	border: 1px solid #E0E0E0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	top: 0;
}
.ui-accordion .ui-accordion-content p {
	margin: 0;
	margin-bottom: 10px;
}
.ui-accordion .ui-accordion-content p:last-child {
	margin: 0;
}
.ui-accordion .ui-accordion-header .ui-icon {
	left: 3px;
}
.ui-slider .ui-slider-handle {
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -3px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -3px;
}
.ui-slider {
	margin: 10px 0;
}
.ui-slider.ui-widget-content {
	border: 1px solid #c8c8c8;
}
.ui-slider-horizontal, .ui-slider-horizontal .ui-slider-range {
	height: 6px;
}
.ui-slider-vertical, .ui-slider-vertical .ui-slider-range {
	width: 6px;
}
.ui-slider-horizontal .ui-slider-range, .ui-slider-vertical .ui-slider-range {
	background-color: #C73333;
}
.ui-widget-content {
	border: 0;
}
.ui-widget-header {
	background: none;
	background-color: #FAFAFA;
}
.ui-datepicker .ui-widget-header {
	border: 1px solid #ddd;
}
.ui-widget .ui-state-default {
	background: none;
	background-color: #F4F4F4;
}
.ui-widget .ui-state-hover {
	background: none;
	background-color: #F4F4F4;
}
.ui-widget .ui-state-highlight {
	border: 1px solid #b90000;
	background-color: #E8CBCB;
}
.ui-widget-content {
	border: 1px solid #eee;
	background: #fafafa;
}
.ui-autocomplete {
	z-index: 20000!important;
	border: 1px solid #ddd!important;
}
#ui-active-menuitem {
	border: 1px solid #ddd!important;
	background-color: #f9f9f9;
}
.legend {
	background: transparent;
}
.elfinder-cwd {
	font-size: 0.9em;
}
/* themer styles */

#styler {
	position: absolute;
	top: 250px;
	left: 0;
}
#styler .container-light, #styler .container-responsive {
	display: none;
}
#styler .dark {
	width: 24px;
	height: 120px;
	background-color: #ff0000;
	cursor: pointer;
	background: url("../img/theme-dark.png") no-repeat;
	border-top: 2px solid #222;
	border-right: 2px solid #222;
	border-bottom: 2px solid #222;
	background-color: #404649;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	margin-bottom: 10px;
}
#styler .light {
	width: 24px;
	height: 120px;
	background-color: #ffff00;
	cursor: pointer;
	background: url("../img/theme-light.png") no-repeat;
	border-top: 2px solid #222;
	border-right: 2px solid #222;
	border-bottom: 2px solid #222;
	background-color: #404649;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	margin-bottom: 10px;
}
#styler .liquid {
	width: 24px;
	height: 120px;
	background-color: #ff0000;
	cursor: pointer;
	background: url("../img/theme-liquid.png") no-repeat;
	border-top: 2px solid #222;
	border-right: 2px solid #222;
	border-bottom: 2px solid #222;
	background-color: #404649;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	margin-bottom: 10px;
}
#styler .responsive {
	width: 24px;
	height: 120px;
	background-color: #ffff00;
	cursor: pointer;
	background: url("../img/theme-responsive.png") no-repeat;
	border-top: 2px solid #222;
	border-right: 2px solid #222;
	border-bottom: 2px solid #222;
	background-color: #404649;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	margin-bottom: 10px;
}
#styler .bg-changer, #styler .versions {
	width: 24px;
	border-top: 2px solid #222;
	border-right: 2px solid #222;
	border-bottom: 2px solid #222;
	background-color: #404649;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	margin-bottom: 10px;
}
#styler .bg-changer a {
	width: 15px;
	height: 15px;
	margin: 3px auto;
	display: block;
	background-color: #fff;
	border: 1px solid #000;
	cursor: pointer;
}
#styler .versions a {
	width: 15px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	margin: 3px auto;
	display: block;
	background-color: #fff;
	border: 1px solid #000;
	cursor: pointer;
	color: #000;
	font-size: 10px;
}
#styler .bg-changer a.bg {
	background: url("../img/bg.png") no-repeat;
}
#styler .bg-changer a.bg_2 {
	background: url("../img/bg_2.png") no-repeat;
}
#styler .bg-changer a.bg_3 {
	background: url("../img/bg_3.png") no-repeat;
}
#styler .bg-changer a.bg_4 {
	background: url("../img/bg_3.png") no-repeat;
}
#styler .bg-changer a.bg_5 {
	background: url("../img/bg_3.png") no-repeat;
}
#styler .bg-changer a.bg_dark {
	background: url("../img/bg_dark.png") no-repeat;
}
#styler .bg-changer a.bg_dark_2 {
	background: url("../img/bg_dark_2.png") no-repeat;
}
#styler .bg-changer a.bg_dark_3 {
	background: url("../img/bg_dark_3.png") no-repeat;
}
#styler .bg-changer a.bg_dark_4 {
	background: url("../img/bg_dark_3.png") no-repeat;
}
/* For image replacement */

.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}
.ir br {
	display: none;
}
/* Hide from both screenreaders and browsers */

.hidden {
	display: none !important;
	visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */

.invisible {
	visibility: hidden;
}
/* Contain floats */ 

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
/***************************************************************************************************************/
/********************************************************************************** t1  ******/

.row {
	float: left;
	display: block;
	width: 100%;
	clear: both;
}
.raw-contener {
	float: left;
	display: block;
	width: 98%;
	clear: both;
	padding: 1%;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.ver-top {
	vertical-align: top!important;
}
.ver-middle {
	vertical-align: middle!important;
}
.ver-bottom {
	vertical-align: bottom!important;
}
.ver-baseline {
	vertical-align: baseline!important;
}
.test1 div div:last-child {
	float: right;
}
.padding3 td {
	padding: 3px!important;
}
.padding-left1 {
	padding-left: 1px!important;
}
.padding-left2 {
	padding-left: 2px!important;
}
.padding-left3 {
	padding-left: 3px!important;
}
.padding-left4 {
	padding-left: 4px!important;
}
.padding-left5 {
	padding-left: 5px!important;
}
.padding-left6 {
	padding-left: 6px!important;
}
.padding-left7 {
	padding-left: 7px!important;
}
.padding-left8 {
	padding-left: 8px!important;
}
.padding-left9 {
	padding-left: 9px!important;
}
.padding-left10 {
	padding-left: 10px!important;
}
.padding-left11 {
	padding-left: 11px!important;
}
.padding-left12 {
	padding-left: 12px!important;
}
.padding-left13 {
	padding-left: 13px!important;
}
.padding-left14 {
	padding-left: 14px!important;
}
.padding-left15 {
	padding-left: 15px!important;
}
.padding-left16 {
	padding-left: 16px!important;
}
.padding-left17 {
	padding-left: 17px!important;
}
.padding-left18 {
	padding-left: 18px!important;
}
.padding-left19 {
	padding-left: 19px!important;
}
.padding-left20 {
	padding-left: 20px!important;
}
.padding-left21 {
	padding-left: 21px!important;
}
.padding-left22 {
	padding-left: 22px!important;
}
.padding-left23 {
	padding-left: 23px!important;
}
.padding-left24 {
	padding-left: 24px!important;
}
.padding-left25 {
	padding-left: 25px!important;
}
.padding-left26 {
	padding-left: 26px!important;
}
.padding-left27 {
	padding-left: 27px!important;
}
.padding-left28 {
	padding-left: 28px!important;
}
.padding-left29 {
	padding-left: 29px!important;
}
.padding-left30 {
	padding-left: 30px!important;
}
.padding-left31 {
	padding-left: 31px!important;
}
.padding-left32 {
	padding-left: 32px!important;
}
.padding-left33 {
	padding-left: 33px!important;
}
.padding-left34 {
	padding-left: 34px!important;
}
.padding-left35 {
	padding-left: 35px!important;
}
.padding-left36 {
	padding-left: 36px!important;
}
.padding-left37 {
	padding-left: 37px;
}
.padding-left38 {
	padding-left: 38px;
}
.padding-left39 {
	padding-left: 39px;
}
.padding-left40 {
	padding-left: 40px;
}
.padding-left41 {
	padding-left: 41px;
}
.padding-left42 {
	padding-left: 42px;
}
.padding-left43 {
	padding-left: 43px;
}
.padding-left44 {
	padding-left: 44px;
}
.padding-left45 {
	padding-left: 45px;
}
.padding-left46 {
	padding-left: 46px;
}
.padding-left47 {
	padding-left: 47px;
}
.padding-left48 {
	padding-left: 48px;
}
.padding-left49 {
	padding-left: 49px;
}
.padding-left50 {
	padding-left: 50px;
}
.padding-left51 {
	padding-left: 51px;
}
.padding-top5 {
	padding-top: 5px;
}
.line-height23 {
	line-height: 23px;
}
.line-height30 {
	line-height: 30px;
}
.h3 {
	background: url(../images/headingbg1.png) repeat-x scroll 0 0 transparent;
	border-top: 0px solid #A5A9AC;
	color: #000;
	font-size: 11pt;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	text-align: left;
}
.td-padding-3px td, .td-padding-3px th {
	padding: 3px!important;
}
.td-padding-3px th {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.select-customer {
	width: 200px!important;
	color: #666666 !important;
	font-size: 10pt!important;
}
.thbg1 { /*background-color:#e3e3e3; */
	padding-top: 5px!important;
	padding-bottom: 5px!important; /*background:url(../images/headingbg1.png) repeat-x scroll 0 bottom ;	*/
	background-color: #DBDBDB;
	border-top: 1px solid #aaaeb2;
	border-bottom: 0px solid #ccc;
	font-weight: normal;
}
.thbg1 strong {
	font-weight: normal;
}
.tbl1 {
	border-collapse: separate!important;
}
.tbl1 td, .tbl1 th {
	padding: 7px!important;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tbl1 th {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
}
.tbl1-col1 {
	width: 7%;
}
.tbl1-col2 {
	width: 20%;
}
.tbl1-col3 {
	width: 11%;
}
.tbl1-col4 {
	width: 9%;
}
.tbl1-col5 {
	width: 13%;
}
.tbl1-col6 {
	width: 9%;
}
.tbl1-col7 {
	width: 9%;
	border-right-width: 0;
}
.tbl1 td:last-child {
	border-right: 0px solid #cccccc!important;
}
.tbl2 {
	border: 1px solid #cccccc;
	width: 98%;
	margin-top: 9px;
	margin-left: 10px;
}
.tbl2 td {
	padding: 3px!important;
	border-right: 0px solid #555;
}
.tbl3 {
}
.tbl3 td {
	padding-bottom: 3px!important;
}
.tbl3 {
}
a .edit-btn1 {
	color: #000;
	float: right;
	padding: 6px 2px 0 0;
	font-weight: normal!important;
}
a:hover .edit-btn1 {
	color: #78bbe6;
}
.dashboard-box {
	float: left;
	display: block;
	width: 36.7%;
	margin: 0 0 0 2%;
}
/*.content-area{margin:-3px 10px 0 0; width:77%; float:right;}*/
.content-right {
	width: 18.3%;
}
.coupan-bottompart {
	float: left;
	width: 98%;
	padding: 1%;
}
.sales-summary-report {
	width: 98%; /*float:left;*/
	display: block;
	overflow-x: scroll;
	margin-left: 1%;
}
.sales-summary-report .width14 {
	width: 135px!important;
}
.sales-summary-report .width13 {
	width: 115px!important;
	padding-right: 20px!important;
	background-position: right center!important;
}
.sales-summary-report section.orders {
	width: 1215px!important;
}
.daily-product-sales-report {
	width: 98%; /*float:left;*/
	display: block;
	overflow-x: scroll;
	margin-left: 1%;
}
.daily-product-sales-report .width14 {
	width: 163px!important;
}
.daily-product-sales-report .width13 {
	width: 143px!important;
	padding-right: 20px!important;
	background-position: right center!important;
}
.daily-product-sales-report section.orders {
	width: 2445px!important;
}
.box-content {
}
/*.delete-form { border:0px solid red; float:left; display:block; width:98%; padding:1%; }
.delete-form section { padding:0!important; }*/

.delete-form2 {
	border: 1px solid red;
}
.delete-form2 fieldset {
}
.delete-form2 section {
}

/*.deleteform2 { width:98%; padding:1%;}
.deleteform2 fieldset { margin:0!important; }
.deleteform2 section { padding:0!important; }*/

/*.delete-form section .full-width div { padding:10px 0; }*/

/* ==|== print styles =======================================================

   Print styles.

   ========================================================================== */

 

@media print {
* {
	background: transparent !important;
	color: black !important;
	text-shadow: none !important;
	filter: none !important;
.tbl -ms-filter: none !important;
} /* Black prints faster: h5bp.com/s */
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}  /* Don't show links for images, or javascript/internal links */
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
} /* h5bp.com/t */
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}
/********Appointment*********/



.ui-datepicker-trigger-new {
	margin-left: 5px !important;
	position: relative;
	margin-top: 7px;
}
.ui-datepicker-trigger {
	margin-left: 5px !important;
	position: relative;
	margin-top: -6px;
}
.code {
	padding: 3px;
	width: 284px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 15px;
	border: 1px solid #21326D;
}
.input[type=text], .input[type=password] {
	border: 1px solid #9e9e9e;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 0 0px 0 4px;
	color: #9e9e9e;
	margin: 3px 0 3px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	outline: none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
.input[type=text]:hover, .input[type=password]:hover {
	border: 1px solid #9e9e9e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 0 0px 0 4px;
	color: #666;
	outline: none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	box-shadow: 0 0 4px #9e9e9e;
	-webkit-box-shadow: 0 0 4px #9e9e9e;
	-moz-box-shadow: 0 0 4px #9e9e9e;
}
.input[type=text]:focus, .input[type=password]:focus {
	border: 1px solid #15a2dd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 0 0px 0 4px;
	color: #037eb2;
	box-shadow: 0 0 4px #037eb2;
	-webkit-box-shadow: 0 0 4px #037eb2;
	-moz-box-shadow: 0 0 4px #037eb2;
}
.border {
	border: 1px solid #15a2dd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 0 0px 0 4px;
	color: #F00;
	box-shadow: 0 0 4px #F00;
	-webkit-box-shadow: 0 0 4px #F00;
	-moz-box-shadow: 0 0 4px #F00;
}
.margin-auto {
	margin: 0 auto;
}
.width98 {
	width: 98%;
}
textarea {
	border: 1px solid #9e9e9e;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 5px;
	color: #9e9e9e;
	margin: 3px 0 3px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	outline: none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
textarea:hover {
	border: 1px solid #9e9e9e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 5px;
	color: #666;
	outline: none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	box-shadow: 0 0 4px #9e9e9e;
	-webkit-box-shadow: 0 0 4px #9e9e9e;
	-moz-box-shadow: 0 0 4px #9e9e9e;
}
textarea:focus {
	border: 1px solid #15a2dd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 5px;
	color: #037eb2;
	box-shadow: 0 0 4px #037eb2;
	-webkit-box-shadow: 0 0 4px #037eb2;
	-moz-box-shadow: 0 0 4px #037eb2;
}
.select {
	border: 1px solid #9e9e9e;
	width: 292px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 5px;
	color: #9e9e9e;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	outline: none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
.select:hover {
	border: 1px solid #9e9e9e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 5px;
	color: #666;
	outline: none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	box-shadow: 0 0 4px #9e9e9e;
	-webkit-box-shadow: 0 0 4px #9e9e9e;
	-moz-box-shadow: 0 0 4px #9e9e9e;
}
.select:focus {
	border: 1px solid #15a2dd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 5px;
	color: #037eb2;
	box-shadow: 0 0 4px #037eb2;
	-webkit-box-shadow: 0 0 4px #037eb2;
	-moz-box-shadow: 0 0 4px #037eb2;
}
.textarea {
	border: 1px solid #9e9e9e;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 5px;
	height: 100px;
	color: #9e9e9e;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	outline: none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
.textarea:hover {
	border: 1px solid #9e9e9e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 5px;
	color: #666;
	outline: none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	box-shadow: 0 0 4px #9e9e9e;
	-webkit-box-shadow: 0 0 4px #9e9e9e;
	-moz-box-shadow: 0 0 4px #9e9e9e;
}
.textarea:focus {
	border: 1px solid #15a2dd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 5px;
	color: #037eb2;
	box-shadow: 0 0 4px #037eb2;
	-webkit-box-shadow: 0 0 4px #037eb2;
	-moz-box-shadow: 0 0 4px #037eb2;
}
div.fileinputs {
	position: relative;
}
input.file {
	opacity: 0;
	position: relative;
	text-align: right;
	z-index: 2;
filter:alpha(opacity: 0);
	opacity: 0;
	-moz-opacity: 0;
	cursor: pointer;
}
div.fakefile {
	left: -2px;
	position: absolute;
	top: 0;
	z-index: 1;
}
span.file_wrap {
	color: #666565;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding-left: 5px;
	position: relative;
	width: 170px;
}
.newerrorbox {
	font-weight: normal;
	text-align: left;
	margin: 0px 0px 15px 0px;
	min-height: 16px;
	background-color: #facfcf;
	background-image: url(../images/cross-circle.png);
	color: #820101;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	border: 1px solid #DC1C1C;
	border-radius: 5px 5px 5px 5px;
	clear: both;
	padding: 10px 10px 10px 35px;
	width: 94%;
}
.alert.error {
	background-color: #FACFCF;
	background-image: url(../images/cross-circle.png);
	border-color: #DC1C1C;
	color: #820101;
	font-weight: normal;
	text-align: left;/*margin:-29px 2px 2px 294px!important;*/
}
div.error {
	color: #740000;
	font-weight: 700;
}
.alert {
	background-position: 10px 10px;
	background-repeat: no-repeat;
	border: 1px solid;
	border-radius: 5px 5px 5px 5px;
	clear: both;
	margin-bottom: 9px;
	margin-top: 2px!important;
	padding: 10px 10px 10px 35px;
}
.alert.success {
	background-color: #D1E8D2;
	background-image: url(../images/tick-circle.png);
	border-color: #339933;
	color: #00632E;
	font-weight: normal;
	text-align: left;
}
/*********alert success****************/

/*********alert warning****************/

.alert.warning {
	background-color: #FDEFBD;
	background-image: url(../images/meg/exclamation.png);
	border-color: #D4B64B;
	color: #675100;
	font-weight: normal;
	text-align: left;
}
/*********alert warning****************/

/*********alert info****************/
.alert.info {
	background-color: #D8E7FA;
	background-image: url(../images/meg/information.png);
	border-color: #9DBFEA;
	color: #00357B;
	font-weight: normal;
	text-align: left;
}
/*********alert info****************/

/*********alert note****************/
.alert.note {
	background-color: #F4F4F4;
	background-image: url(../images/meg/notebook.png);
	border-color: #BDBDBD;
	color: #4D4D4D;
	font-weight: normal;
	text-align: left;
}
/*********alert note****************/




/********Appointment*********/

#footer {
	/*background: url("../images/footer-left.jpg") repeat scroll 0 0 transparent;*/
	border-top:1px solid #ccc;
	height: 45px;
	line-height: 45px;
}
#footer div.fbg {
	/*background: url("../images/footer-right.jpg") repeat-x scroll left top transparent;*/
	float: right;
	height: 45px;
}
#footer div div {
	/*background: url("../images/footer-img.jpg") no-repeat scroll left top transparent;*/
	color: #666;
	font-size: 88%;
	height: 45px;
	line-height: 45px;
	padding-left: 45px;
	white-space: nowrap;
	width: 265px;
}
.footer-tex {
	color: #fff;
}
.footer-tex A {
	color:#032539;
	text-decoration: none;
}
.footer-tex A:hover {
	color: #f26522!important;
	text-decoration: underline!important;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
	height: 0px;
}
.full-width {
	width: 100%;
}
.half-width {
	width: 50%;
}
.white-space {
	white-space: nowrap;
}
.display-table {
	display: table;
}
.mar {
	padding-bottom: 5px;
}
.width1-1 {
	width: 1%;
}
.width1-2 {
	width: 2%;
}
.width1-3 {
	width: 3%;
}
.width1-4 {
	width: 4%;
}
.width1-5 {
	width: 5%;
}
.width1-6 {
	width: 6%;
}
.width1-7 {
	width: 7%;
}
.width1-8 {
	width: 8%;
}
.width1-9 {
	width: 9%;
}
.width1 {
	width: 10%;
}
.width2 {
	width: 20%;
}
.width3 {
	width: 30%;
}
.width4 {
	width: 40%;
}
.width5 {
	width: 50%;
}
.width6 {
	width: 60%;
}
.width7 {
	width: 70%;
}
.width8 {
	width: 80%;
}
.width9 {
	width: 90%;
}
.width11 {
	width: 11%;
}
.width12 {
	width: 12%;
}
.width13 {
	width: 13%;
}
.width14 {
	width: 14%;
}
.width15 {
	width: 15%;
}
.width16 {
	width: 16%;
}
.width17 {
	width: 17%;
}
.width18 {
	width: 18%;
}
.width19 {
	width: 19%;
}
.width20 {
	width: 20%;
}
.width21 {
	width: 21%;
}
.width22 {
	width: 22%;
}
.width23 {
	width: 23%;
}
.width24 {
	width: 24%;
}
.width25 {
	width: 25%;
}
.width26 {
	width: 26%;
}
.width27 {
	width: 27%;
}
.width28 {
	width: 28%;
}
.width29 {
	width: 29%;
}
.width30 {
	width: 30%;
}
.width31 {
	width: 31%;
}
.width32 {
	width: 32%;
}
.width33 {
	width: 33%;
}
.width34 {
	width: 34%;
}
.width35 {
	width: 35%;
}
.width36 {
	width: 36%;
}
.width37 {
	width: 37%;
}
.width38 {
	width: 38%;
}
.width39 {
	width: 39%;
}
.width40 {
	width: 40%;
}
.width41 {
	width: 41%;
}
.width42 {
	width: 42%;
}
.width43 {
	width: 43%;
}
.width44 {
	width: 44%;
}
.width45 {
	width: 45%;
}
.width46 {
	width: 46%;
}
.width47 {
	width: 47%;
}
.width48 {
	width: 48%;
}
.width49 {
	width: 49%;
}
.width50 {
	width: 50%;
}
.width98 {
	width: 98%;
	margin: 0 auto;
}
.padding1-1 {
	padding-top: 1px;
}
.padding1-2 {
	padding-top: 2px;
}
.padding1-3 {
	padding-top: 3px;
}
.padding1-4 {
	padding-top: 4px;
}
.padding1-5 {
	padding-top: 5px;
}
.padding1-6 {
	padding-top: 6px;
}
.padding1-7 {
	padding-top: 7px;
}
.padding1-8 {
	padding-top: 8px;
}
.padding1-9 {
	padding-top: 9px;
}
.padding1 {
	padding: 10px;
}
.padding2 {
	padding: 20px;
}
.padding3 {
	padding: 30px;
}
.padding4 {
	padding: 40px;
}
.padding5 {
	padding: 50px;
}
.padding6 {
	padding: 60px;
}
.padding7 {
	padding: 70px;
}
.padding8 {
	padding: 80px;
}
.padding9 {
	padding: 90px;
}
.padding10 {
	padding: 100px;
}
.pb10px {
	padding-bottom: 10px;
}
.margin-right10 {
	margin-right: 10px!important;
}
.margin-right29 {
	margin-right: 29px!important;
}
.grayBox {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 1000;
}
.text-heading {
	color: #2189C2;
	font-family: arial;
	font-size: 11pt;
	font-weight: bold;
	padding-bottom: 3px;
}
.bullet ul {
	padding-left: 20px;
	list-style: none;
}
.bullet li {
	background: url("../images/bullet02.png") no-repeat scroll 0 3px transparent;
	line-height: 120%;
	margin-left: -17px;
	margin-top: 10px;
	padding-left: 15px;
}
/* manufacturer_list.php table-to-div css:start */
.tmanufa-col1 {
	width: 35%;
	float: left;
	display: inline-block;
}
.tmanufa-col2 {
	width: 45%;
	float: left;
	display: inline-block;
}
.tmanufa-col3 {
	width: 15%;
	float: right;
	display: inline-block;
	text-align: center;
}
.bgcolor-DBDBDB {
	background-color: #DBDBDB;
}
/* manufacturer_list.php table-to-div css:end */

/*category_list.php : right-pannel css start  here*/
.cate-right-box {
	float: right;
	width: 275px;
	display: block;
	border: 0px solid red;
}
.crb-fix1 {
	width: 100%;
}
.box-head-mid-text {
	font: 11px Verdana, Geneva, sans-serif;
}
.crb-box-content {
	float: left;
	width: 100%;
	display: block;
	background: url(images/listing-table-title-sub-bg.jpg) repeat-x center bottom #F6F6F6;
}
.crb-box-content .innerblock1 {
	width: 95%;
	display: table;
	margin: auto;
	padding: 10px 0;
	font: 11px Verdana, Geneva, sans-serif;
}
.txtcenter {
	text-align: center;
}
/*category_list.php : right-pannel css end  here*/



/* Common Div Cllasses : start */
.row {
	float: left;
	display: block;
	width: 100%;
	clear: both;
}
.tbl_row {
	width: 100%;
	display: table;
}
.raw-contener {
	float: left;
	display: block;
	width: 98%;
	clear: both;
	padding: 1%;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.txtright {
	text-align: right;
}
.txtleft {
	text-align: left;
}
.txtcenter {
	text-align: center;
}
.ver-top {
	vertical-align: top!important;
}
.ver-middle {
	vertical-align: middle!important;
}
.ver-bottom {
	vertical-align: bottom!important;
}
.ver-baseline {
	vertical-align: baseline!important;
}
.pt10px {
	padding-top: 10px;
}
.pb5px {
	padding-bottom: 5px;
}
.pro-info-tbl {
	width: 98%;
	display: table;
	margin: auto;
	border: 0px solid red;
	font: 11px/120% Verdana, Geneva, sans-serif;
}
.pro-info-tbl .col1 {
	float: left;
	display: block;
	width: 17%;
}
.pro-info-tbl .col2 {
	float: left;
	display: block;
	width: 80%;
}
.tab1-col1 {
	float: left;
	display: block;
	width: 17%;
}
.tab1-col2 {
	float: left;
	display: block;
	width: 83%;
}
.crb-box-content {
	background: url(images/listing-table-title-sub-bg.jpg) repeat-x scroll center bottom #F6F6F6;
	display: block;
	float: left;
	width: 100%;
}
.crb-box-content .innerblock1 {
	display: table;
	font: 11px Verdana, Geneva, sans-serif;
	margin: auto;
	padding: 10px 0;
	width: 95%;
}
.wrap-a {
	float: left;
	display: block;
	clear: both;
	padding-bottom: 10px;
}
.meta-row-col1 {
	float: left;
	display: block;
	width: 17%;
}
.meta-row-col2 {
	float: left;
	display: block;
	width: 80%;
}
/* Common Div Cllasses : end */
.active {
	background-color: #DBDBDB !important;
	color: #022539;
}
/*paginate*/
.dataTables_paginate {
	width: 98%!important;
	margin: 0 auto!important;
}
.paginate_active {
	background-color: #232323!important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
}
.paginate_button {
	background-color: #016096!important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: -5px -10px -5px -10px;
	cursor: pointer;
	color: #fff!important;
}
.paginate_button a {
	background-color: #016096!important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	padding: 5px 10px 5px 10px;
	color: #fff!important;
	line-height: 29px;
}
.paginate_button A:hover {
	background-color: #232323!important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
}
.last {
	margin-left: 5px!important;
}
.next {
	margin: 0 5px 0 5px!important;
}