/*******************************
	0. CSS Reset & Clearfix
*******************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } .clearfix { display: block; }

.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;
}

#header ul#header_menu:after,
.container .box > .content:after,
.container .box > .content > .tabcontent:after,
.container ul.quick_buttons:after,
.container ul.data_boxes:after,
.container .content form:after,
.container .content form p:after,
.container .content form .file:after,
.container > .note:after,
.container .content .note:after,
.container .content ul.messages li:after,
.modal > .content:after,
.modal > .content form:after,
.modal > .content form p:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/*******************************
	1. General
*******************************/

* {
	margin: 0;
	padding: 0;
}
body, input, textarea, button {
	font: normal 14px/23px Helvetica, Arial, sans-serif;
	color: #626366;
}
body {
	background: url(../images/sidebar.png) repeat-y scroll 0px 0px transparent;
	background-color: #bac8d9;
	width: 100%;
	height: auto;
	min-height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
::-webkit-selection { background:#66b3ff; color:#ffffff }
   ::-moz-selection { background:#66b3ff; color:#ffffff }
     ::-o-selection { background:#66b3ff; color:#ffffff }
        ::selection { background:#66b3ff; color:#ffffff }
a {
	color: #4dbeff;
	cursor: pointer;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:focus {
	outline-style: none;
}
a img { 
	border: none;
}
p, pre, ul, ol, dl, dd, blockquote, address, table {
	margin: 10px 0px 10px 0px;
}
ul, ol {
	list-style: none;
}
.content ul {
	list-style-type: disc;
	list-style-position: inside;
}
.content ol {
	list-style-type: decimal;
	list-style-position: inside;
}
.content form p {
	position: relative;
	margin: 0px 0px 10px 0px;
}
hr {
	background-color: #c3c9d4;
	border: 0 none;
	width: 100%;
	height: 1px;
	margin: 40px 0px 40px 0px;
}
.content p.first:first-letter {
	color: #49505c;
	float: left;
	display: block;
	font-weight: bold;
	font-size: 55px;
	line-height: 100%;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.60);
	margin: 4px 12px 6px 0px;
}
blockquote {
	color: #7e838c;
	border-left: 1px solid #b2bcd1;
	margin: 20px 20px 20px 40px;
	padding: 0px 0px 0px 15px;
}
code {
	font: normal 14px/23px "Monaco", "Menlo", "Lucida Console", "Liberation Mono", Courier, monospace;
}
pre {
	background-color: #e1e9f5;
	display: block;
	white-space: pre-wrap;
	overflow: hidden;
	font: normal 14px/23px "Monaco", "Menlo", "Lucida Console", "Liberation Mono", Courier, monospace;
	margin: 20px 0px 20px 0px;
	padding: 20px 20px 20px 20px;
	-webkit-border-radius: 5px 5px 5px 5px;
	   -moz-border-radius: 5px 5px 5px 5px;
	        border-radius: 5px 5px 5px 5px;
}
label {
	display: block;
	color: #626366;
	font: normal 13px/19px Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);
	padding: 6px 0px 6px 0px;
}
small {
	display: block;
	color: #7b7f8f;
	font: italic 12px/17px Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3);
	text-align: right;
	padding: 5px 0px 5px 0px;
}
.two_columns {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
}
.three_columns {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
}
.four_columns {
	-moz-column-count: 4;
	-moz-column-gap: 20px;
	-webkit-column-count: 4;
	-webkit-column-gap: 20px;
}
h1, h2, h3, h4, h5, h6 {
	color: #49505c;
	font-weight: bold;
	line-height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.60);
	margin: 10px 0px 10px 0px;
}
h1 { 
	font-size: 40px;
	margin: 0px 0px 20px 0px;
}
h2 { 
	font-size: 36px;
	margin: 0px 0px 20px 0px;
}
h3 { 
	font-size: 18px;
	line-height: 23px;
	margin: 0px 0px 20px 0px;
}
h4 {
	font-size: 16px;
	line-height: 20px;
	margin: 0px 0px 20px 0px;
}
h5 { 
	font-size: 14px;
	line-height: 18px;
}
h6 { 
	font-size: 12px;
	line-height: 16px;
}

/* Buttons */
.content input[type="submit"] {
	border: 1px solid #005ea6;
	background-color: #0090ff;
	color: #ffffff;
	position: relative;
	display: block;
	cursor: pointer;
	font: bold 14px/52px Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.38);
	text-align: center;
	width: 100%;
	height: 52px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	-webkit-border-radius: 3px 3px 3px 3px;
	   -moz-border-radius: 3px 3px 3px 3px;
	        border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 1px 1px rgba(255, 255, 255, 0.60) inset;
	   -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 1px 1px rgba(255, 255, 255, 0.60) inset;
	        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 1px 1px rgba(255, 255, 255, 0.60) inset;
	background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.20));
	   background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.20));
	    background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.20));
	     background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.20));
}
.content form p input[type="submit"] {
	margin: 0px 0px 0px 0px;
}
.content input[type="submit"]:hover {
	color: #e1e8f5;
	background-color: #0082e5;
}
.content input[type="submit"]:active {
	color: #cad0db;
	background-color: #0074cc;
}
.content input[type="submit"].small {
	display: inline-block;
	font: bold 14px/45px Helvetica, Arial, sans-serif;
	width: auto;
	height: 45px;
	padding: 0px 40px 0px 40px;
}

.content input[type="submit"].tiny {
    display: inline-block;
    font: bold 14px/45px Helvetica, Arial, sans-serif;
    width: auto;
    height: 25px;
    padding: 0px 20px 0px 20px;
}
.content button {
	border: 1px solid #666e80;
	background-color: #fc5698;
	color: #ffffff;
	position: relative;
	display: block;
	cursor: pointer;
	font: normal 14px/64px Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.38);
	text-align: center;
	width: 100%;
	height: 64px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 1px 1px rgba(255, 255, 255, 0.60) inset;
	   -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 1px 1px rgba(255, 255, 255, 0.60) inset;
	        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 1px 1px rgba(255, 255, 255, 0.60) inset;
	background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.20));
	   background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.20));
	    background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.20));
	     background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.20));
}
.content button:hover {
	color: #e1e8f5;
	background-color: #e34d89;
}
.content button:active {
	color: #cad0db;
	background-color: #c9447a;
}
.content button.small {
	display: inline-block;
	font: normal 14px/45px Helvetica, Arial, sans-serif;
	width: auto;
	height: 45px;
	padding: 0px 40px 0px 40px;
}
.content button.tiny {
    display: inline-block;
    font: normal 14px/45px Helvetica, Arial, sans-serif;
    width: auto;
    height: 25px;
    padding: 0px 20px 0px 20px;
}
.content button span.icon {
	color: #ffffff;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.40);
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.content button span.icon.en {
	font: 30px/100% 'EntypoRegular', sans-serif;
	top: 3px;
}
.content button span.icon.ws {
	font: 12px/100% 'WebSymbolsRegular', sans-serif;
	top: -1px;
}
.content button:hover span.icon {
	color: #e1e8f5;
}
.content button:active span.icon {
	color: #cad0db;
}
.content button:after {
	background-color: #000000;
	position: absolute;
	content: "";
	width: 100%;
	height: 5px;
	bottom: 0px;
	left: 0px;
	opacity: 0.10;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
}
.content button.small:after {
	background-color: #000000;
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.content button.tiny:after {
    background-color: #000000;
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.content form p button {
	margin: 0px 0px 0px 0px;
}
.content a.button {
	border: 1px solid #666e80;
	background-color: #fc5698;
	color: #ffffff;
	position: relative;
	display: block;
	font: normal 14px/100% Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.40);
	text-align: center;
	width: 100%;
	height: 14px;
	margin: 0px 0px 10px 0px;
	padding: 24px 0px 24px 0px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 1px 1px rgba(255, 255, 255, 0.60) inset;
	   -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 1px 1px rgba(255, 255, 255, 0.60) inset;
	        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 1px 1px rgba(255, 255, 255, 0.60) inset;
	background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.20));
	   background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.20));
	    background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.20));
	     background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.20));
}
.content a.button.white {
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.15);
}
.content a.button:hover {
	color: #e1e8f5;
	background-color: #e34d89;
}
.content a.button:active {
	color: #cad0db;
	background-color: #c9447a;
}
.content  a.button.small {
	display: inline-block;
	font: normal 14px/100% Helvetica, Arial, sans-serif;
	width: auto;
	height: 14px;
	padding: 15px 40px 14px 40px;
}
.content  a.button.tiny {
    display: inline-block;
    font: normal 14px/100% Helvetica, Arial, sans-serif;
    width: auto;
    height: 10px;
    padding: 7px 20px 7px 20px;
}
.content a.button span.icon {
	color: #ffffff;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.38);
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.content a.button span.icon.en {
	font: 30px/0px 'EntypoRegular', sans-serif;
	top: 3px;
}
.content a.button span.icon.ws {
	font: 12px/0px 'WebSymbolsRegular', sans-serif;
	top: -1px;
}
.content a.button:hover span.icon {
	color: #e1e8f5;
}
.content a.button:active span.icon {
	color: #cad0db;
}
.content a.button:after {
	background-color: #000000;
	position: absolute;
	content: "";
	width: 100%;
	height: 5px;
	bottom: 0px;
	left: 0px;
	opacity: 0.10;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
}
.content a.button.small:after,
.content a.button.rounded:after,
.content a.button.tiny:after {
	background-color: #000000;
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.content a.button.rounded {
	border: 1px solid #005ea6;
	background-color: #0090ff;
	padding: 19px 0px 17px 0px;
	-webkit-border-radius: 3px 3px 3px 3px;
	   -moz-border-radius: 3px 3px 3px 3px;
	        border-radius: 3px 3px 3px 3px;
}
.content a.button.rounded:hover {
	color: #e1e8f5;
	background-color: #0082e5;
}
.content a.button.rounded:active {
	color: #cad0db;
	background-color: #0074cc;
}
.content  a.button.rounded.small {
	display: inline-block;
	font: normal 14px/100% Helvetica, Arial, sans-serif;
	width: auto;
	height: 14px;
	padding: 15px 40px 14px 40px;
}
.content  a.button.rounded.tiny {
    display: inline-block;
    font: normal 14px/100% Helvetica, Arial, sans-serif;
    width: auto;
    height: 10px;
    padding: 6px 20px 9px 20px;
}

/* Text Inputs & Textarea */
.content input[type="text"], .content input[type="tel"], .content input[type="email"], .content input[type="password"], .content textarea {
	border: 1px solid #848c99;
	color: #26282e;
	display: block;
	width: 100%;
	padding: 15px 15px 15px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px 3px 3px 3px;
	   -moz-border-radius: 3px 3px 3px 3px;
	        border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.10) inset, 0px 1px 0px rgba(255, 255, 255, 0.60);
	   -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.10) inset, 0px 1px 0px rgba(255, 255, 255, 0.60);
	        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.10) inset, 0px 1px 0px rgba(255, 255, 255, 0.60);
}
.content input[type="text"], .content input[type="password"], .content input[type="tel"], .content input[type="email"] {
	font: normal 13px/100% Helvetica, Arial, sans-serif;
	height: 47px;
}
.content input[type="text"].tiny, .content input[type="password"].tiny, .content input[type="tel"].tiny, .content input[type="email"].tiny {
    padding: 2px;

    height:20px;
}
.content textarea {
	font: 13px/20px Helvetica, Arial, sans-serif;
	resize: none;
	height: 150px;
}
.content form p.combine input, .content form p.combine strong {
	float: left;
	width: 50%;
}
.content form p.combine .combine_left {
	-webkit-border-radius: 3px 0px 0px 3px;
	   -moz-border-radius: 3px 0px 0px 3px;
	        border-radius: 3px 0px 0px 3px;
}
.content form p.combine .combine_right {
	border-left: 0 none;
	-webkit-border-radius: 0px 3px 3px 0px;
	   -moz-border-radius: 0px 3px 3px 0px;
	        border-radius: 0px 3px 3px 0px;
}
.content input::-webkit-input-placeholder, .content textarea::-webkit-input-placeholder {
	color: #595b61;
}
.content input:-moz-placeholder, .content textarea:-moz-placeholder {
	color: #595b61;
}
.content input:-ms-input-placeholder, .content textarea:-ms-input-placeholder {
	color: #595b61;
}

/* File Upload */
.content form .file {
	position: relative;
	margin: 0px 0px 10px 0px;
}
.content form .file .file_text {
	float: left;
	position: relative;
	z-index: 20;
	padding: 15px 125px 15px 15px!important;
}
.content form .file .file_input {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 47px;
	top: 0px;
	right: 0px;
}
.content form .file .file_input .file_button {
	border: 1px solid #98a2b2;
	background-color: #e1e7f0;
	color: #666c80;
	cursor: pointer;
	position: absolute;
	font: bold 13px/100% Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
	text-align: center;
	width: 110px;
	height: 47px;
	top: 0px;
	right: 0px;
	padding: 15px 15px 15px 15px;
	z-index: 30;
	-webkit-border-radius: 0px 3px 3px 0px;
	   -moz-border-radius: 0px 3px 3px 0px;
	        border-radius: 0px 3px 3px 0px;
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
	   background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
	    background-image: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
	     background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
}
.content form .file .file_input .file_hidden {
	font-size: 100px;
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0px;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	z-index: 40;
}

/* @Font-Face Icons */
@font-face {
	font-family: 'EntypoRegular';
	src: url('../glyphs/Entypo/Entypo-webfont.eot');
	src: url('../glyphs/Entypo/Entypo-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../glyphs/Entypo/Entypo-webfont.woff') format('woff'),
		 url('../glyphs/Entypo/Entypo-webfont.ttf') format('truetype'),
		 url('../glyphs/Entypo/Entypo-webfont.svg#EntypoRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'WebSymbolsRegular';
	src: url('../glyphs/WebSymbols/WebSymbols-Regular-webfont.eot');
	src: url('../glyphs/WebSymbols/WebSymbols-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../glyphs/WebSymbols/WebSymbols-Regular-webfont.woff') format('woff'),
		 url('../glyphs/WebSymbols/WebSymbols-Regular-webfont.ttf') format('truetype'),
		 url('../glyphs/WebSymbols/WebSymbols-Regular-webfont.svg#WebSymbolsRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Flot Styles */
.legend table {
	display: block;
	margin: 0px 0px 0px 0px;
}
.legend table tbody {
	display: block;
	padding: 1px 0px 1px 0px;
}
.legend table tbody tr {
	height: 18px;
}
.legend table tbody tr td {
	color: #5a5d66;
	font: normal 11px/18px Helvetica, Arial, sans-serif;
	text-align: left;
	vertical-align: middle;
}
.legend table tbody tr td.legendColorBox {
	padding: 0px 4px 0px 5px;
}
.legend table tbody tr td.legendLabel {
	padding: 0px 5px 0px 0px;
}
#flot_tooltip {
	border: 1px solid #000000;
	border: 1px solid rgba(0, 0, 0, 0.80);
	background-color: #202020;
	background-color: rgba(32, 32, 32, 0.80);
	color: #ffffff;
	font: bold 13px/100% Helvetica, Arial, sans-serif;
	padding: 22px 18px 22px 18px;
	z-index: 9999999;
	-webkit-border-radius: 3px 3px 3px 3px;
	   -moz-border-radius: 3px 3px 3px 3px;
	        border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25) inset, 0px 1px 1px rgba(255, 255, 255, 0.40) inset;
	   -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25) inset, 0px 1px 1px rgba(255, 255, 255, 0.40) inset;
	        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25) inset, 0px 1px 1px rgba(255, 255, 255, 0.40) inset;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.10), rgba(0, 0, 0, 0.10));
	   background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.10), rgba(0, 0, 0, 0.10));
	    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.10), rgba(0, 0, 0, 0.10));
	     background-image: -o-linear-gradient(rgba(255, 255, 255, 0.10), rgba(0, 0, 0, 0.10));
}
.flot-overlay {
	z-index: 60!important;
}
span.pieLabel {
	z-index: 50!important;
}

/* Form Validation */
.content form .unhappyMessage {
	border: 1px solid #adb9cc;
	background-color: #e1e7f0;
	color: #5e6475;
	display: block;
	position: relative;
	font: bold 13px/100% Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.60);
	padding: 6px 6px 6px 6px;
	-webkit-border-radius: 3px 3px 3px 3px;
	   -moz-border-radius: 3px 3px 3px 3px;
	        border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.20);
	   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.20);
	        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.20);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e9ee), to(#ced7e3));
	background-image: -webkit-linear-gradient(top, #e6e9ee, #ced7e3);
	   background-image: -moz-linear-gradient(top, #e6e9ee, #ced7e3);
	    background-image: -ms-linear-gradient(top, #e6e9ee, #ced7e3);
	     background-image: -o-linear-gradient(top, #e6e9ee, #ced7e3);
}
.login_page .content form .unhappyMessage {
	display: none;
	padding: 7px 6px 6px 6px;
}

/* Prettyprint Styles */
pre.prettyprint, code.prettyprint {
	background-color: #2e405c;
	-webkit-border-radius: 5px 5px 5px 5px;
	   -moz-border-radius: 5px 5px 5px 5px;
	        border-radius: 5px 5px 5px 5px;
}
pre.prettyprint {
	display: block;
	white-space: pre-wrap;
	overflow: hidden;
	font: normal 14px/23px "Monaco", "Menlo", "Lucida Console", "Liberation Mono", Courier, monospace;
	margin: 20px 0px 20px 0px;
	padding: 20px 20px 20px 20px;
	-webkit-border-radius: 5px 5px 5px 5px;
	   -moz-border-radius: 5px 5px 5px 5px;
	        border-radius: 5px 5px 5px 5px;
}
pre .str, code .str { color: #79d14f; } /* string  - green (1) */
pre .atv, code .atv { color: #79d14f; } /* html/xml attribute value - green (1_d) */
pre .kwd, code .kwd { color: #9f7af5; } /* keyword - dark pink (2) */
pre .com, code .com { color: #aeb6c2; } /* comment - gray (3) */
pre .typ, code .typ { color: #70a0ff; } /* type - light blue (4) */
pre .tag, code .tag { color: #70a0ff; } /* html/xml tag - light blue (4_d) */
pre .lit, code .lit { color: #73c0ff; } /* literal - blue (5) */
pre .dec, code .dec { color: #73c0ff; } /* decimal - blue (5_d) */
pre .pun, code .pun { color: #fafcff; } /* punctuation - white (6) */
pre .pln, code .pln { color: #fafcff; } /* plaintext - white (6_d) */
pre .atn, code .atn { color: #fafcff; } /* html/xml attribute name  - khaki (7) */

/* Notifications */
.container > .note,
.content .note {
	border: 1px solid #666e80;
	background-color: #7de36d;
	color: #ffffff;
	position: relative;
	display: block;
	cursor: default;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 25px 25px 25px 25px;
	z-index: 20;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 1px 1px rgba(255, 255, 255, 0.60) inset;
	   -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 1px 1px rgba(255, 255, 255, 0.60) inset;
	        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 1px 1px rgba(255, 255, 255, 0.60) inset;
	background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.20));
	   background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.20));
	    background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.20));
	     background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.20));
}
.container > .note .close,
.content .note .close {
	color: #ffffff;
	font: bold 12px/100% Arial, sans-serif;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 15px 15px 12px 12px;
}
.login_page .note,
.error_page .note,
.container > .note {
	margin: 0px 0px 30px 0px;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.14), 0px 1px 1px rgba(255, 255, 255, 0.60) inset;
	   -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.14), 0px 1px 1px rgba(255, 255, 255, 0.60) inset;
	        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.14), 0px 1px 1px rgba(255, 255, 255, 0.60) inset;
}
.note p {
	font: bold 14px/23px Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	margin: 10px 0px 10px 0px!important;
}
.note p span.icon {
	color: #ffffff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.note p span.icon.en {
	font: 30px/0px 'EntypoRegular', sans-serif;
	top: 3px;
}
.note p span.icon.ws {
	font: 12px/100% 'WebSymbolsRegular', sans-serif;
	top: -1px;
}
.note h1, 
.note h2, 
.note h3, 
.note h4, 
.note h5, 
.note h6  {
	color: #ffffff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	margin: 10px 0px 10px 0px;
}

/* Messages */
.enter {
	position: relative;
	margin: 0px 0px 30px 0px;
}
.enter .text {
	border: 0px!important;
	height: 42px!important;
	background-color: #dde4f0!important;
	padding: 15px 75px 15px 15px!important;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.60), 0px 1px 0px rgba(0, 0, 0, 0.05) inset !important;
	   -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.60), 0px 1px 0px rgba(0, 0, 0, 0.05) inset !important;
	        box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.60), 0px 1px 0px rgba(0, 0, 0, 0.05) inset !important;
	-webkit-border-radius: 4px 4px 4px 4px!important;
	   -moz-border-radius: 4px 4px 4px 4px!important;
	        border-radius: 4px 4px 4px 4px!important;
}
.enter .submit {
	font: bold 12px/100% Helvetica, Arial, sans-serif!important;
	text-shadow: 0 1px 0px rgba(0, 0, 0, 0.40)!important;
	position: absolute!important;
	top: 5px!important;
	right: 5px!important;
	width: auto!important;
	height: 32px!important;
	margin: 0px 0px 0px 0px!important;
	padding: 0px 10px 0px 10px!important;
	-webkit-border-radius: 4px 4px 4px 4px!important;
	   -moz-border-radius: 4px 4px 4px 4px!important;
	        border-radius: 4px 4px 4px 4px!important;
}
ul.messages {
	list-style: none;
	margin: 0px 0px 0px 0px;
}
ul.messages li {
	display: block;
	position: relative;
}
ul.messages .message {
	display: inline-block;
	border: 1px solid #606060;
	color: #202020;
	font: normal 15px/20px Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.40);
	position: relative;
	padding: 5px 8px 5px 8px;
	-webkit-border-radius: 4px 4px 4px 4px;
	   -moz-border-radius: 4px 4px 4px 4px;
	        border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.80) inset, 0px 0px 1px rgba(0, 0, 0, 0.25);
	   -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.80) inset, 0px 0px 1px rgba(0, 0, 0, 0.25);
	        box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.80) inset, 0px 0px 1px rgba(0, 0, 0, 0.25);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.10), rgba(0, 0, 0, 0.10));
	   background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.10), rgba(0, 0, 0, 0.10));
	    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.10), rgba(0, 0, 0, 0.10));
	     background-image: -o-linear-gradient(rgba(255, 255, 255, 0.10), rgba(0, 0, 0, 0.10));
}
ul.messages .left .message {
	background-color: #f5f5f5;
}
ul.messages .right .message {
	background-color: #7de36d;
}
ul.messages .left .message {
	float: left;
	margin: 0px 61px 5px 61px;
}
ul.messages .right .message {
	float: right;
	margin: 0px 61px 5px 61px;
}
ul.messages .message p {
	margin: 0px 0px 0px 0px;
}
ul.messages .message p.text_white {
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0)!important;
}
ul.messages .message:after {
	position: absolute;
	content: "";
	width: 98%;
	height: 12px;
	top: 0px;
	left: 0px;
	margin-left: 1%;
	margin-right: 1%;
	-webkit-border-radius: 4px 4px 4px 4px;
	   -moz-border-radius: 4px 4px 4px 4px;
	        border-radius: 4px 4px 4px 4px;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.05));
	   background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.05));
	    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.05));
	     background-image: -o-linear-gradient(rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.05));
}
ul.messages .message:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 10px;
	bottom: 0px;
	left: 0px;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.35));
	   background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.35));
	    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.35));
	     background-image: -o-linear-gradient(rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.35));
}
ul.messages .avatar {
	background-color: #cfd9e8;
	position: absolute;
	width: 46px;
	height: 46px;
	-webkit-border-radius: 4px 4px 4px 4px;
	   -moz-border-radius: 4px 4px 4px 4px;
	        border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.60);
	   -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.60);
	        box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.60);
}
ul.messages .avatar img {
	display: block;
	width: 46px;
	height: 46px;
	-webkit-border-radius: 4px 4px 4px 4px;
	   -moz-border-radius: 4px 4px 4px 4px;
	        border-radius: 4px 4px 4px 4px;
}
ul.messages .left .avatar {
	top: 0px;
	left: 0px;
}
ul.messages .right .avatar {
	top: 0px;
	right: 0px;
}
ul.messages .info {
	color: #626366;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 16px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);
	display: block;
	position: relative;
	clear: both;
	top: 0px;
	left: 0px;
}
ul.messages .left .info {
	text-align: left;
	margin: 0px 0px 20px 61px;
}
ul.messages .right .info {
	text-align: right;
	margin: 0px 61px 20px 0px;
}
ul.messages  span.by {
	font-size: 12px;
	font-weight: bold;
}
ul.messages  span.date {
	font-size: 11px;
	font-weight: normal;
}

/* Gallery */
ul.gallery {
	list-style: none;
	margin: 0px 0px 0px 0px;
}
ul.gallery li {
	float: left;
	display: block;
	position: relative;
	margin: 0px 15px 15px 0px;
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.16);
	   -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.16);
	        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.16);
}
ul.gallery li img {
	height: auto;
	display: block;
	padding: 3px 3px 3px 3px;
	border: 1px solid #c5ccd6;
	background-color: #f5f9ff;
}
ul.gallery li span.actions {
	display: none;
	position: absolute;
	bottom: 4px;
	right: 4px;
	width: auto;
}
ul.gallery li:hover span.actions {
	display: block;
}
ul.gallery li span.actions a {
	float: right;
	background-color: #000000;
	min-width: 28px;
	margin: 0px 0px 0px 0px;
}
ul.gallery li span.actions a span.icon {
	color: #ffffff;
	padding: 0px 6px 0px 6px;
}
ul.gallery li span.actions a span.icon.en {
	font: 28px/28px 'EntypoRegular', sans-serif;
}
ul.gallery li span.actions a span.icon.ws {
	font: 10px/28px 'WebSymbolsRegular', sans-serif;
}
ul.gallery li span.actions a:hover {
	background-color: #ffd400;
}
ul.gallery li span.actions a:hover span.icon {
	color: #000000;
}

/* Main Layout */
#header {
	background-color: #0e1621;
	position: relative;
	height: 62px;
	min-height: 62px;
	display: block;
	top: 0px;
	left: 0px;
	z-index: 100;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#51575f), to(#0b1018));
	background-image: -webkit-linear-gradient(top, #51575f, #0b1018);
	   background-image: -moz-linear-gradient(top, #51575f, #0b1018);
	    background-image: -ms-linear-gradient(top, #51575f, #0b1018);
	     background-image: -o-linear-gradient(top, #51575f, #0b1018);
}
#header:before {
	border-top: 1px solid #cfd8e5;
	position: absolute;
	content: "";
	width: 100%;
	height: 8px;
	bottom: -9px;
	left: 0px;
	z-index: 110;
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.12), transparent);
	   background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.12), transparent);
	    background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.12), transparent);
	     background-image: -o-linear-gradient(rgba(0, 0, 0, 0.12), transparent);
}
#header:after {
	background-color: #687a94;
	position: absolute;
	content: "";
	width: 262px;
	height: 1px;
	bottom: -1px;
	left: 0px;
	z-index: 120;
}
#wrapper {
	position: relative;
}
#sidebar {
	position: fixed;
	width: 262px;
	top: 0px;
	left: 0px;
	z-index: 10;
}
#main_content {
	position: relative;
	margin: 0px 0px 0px 263px;
	padding: 30px 0px 0px 0px;
}

/*******************************
	2.Header
*******************************/
#header_toggle {
	border-top: 1px solid #505050;
	border-bottom: 1px solid #292929;
	border-top: 1px solid rgba(255, 255, 255, 0.16);
	border-bottom: 1px solid rgba(0, 0, 0, 0.16);
	background: none;
	cursor: pointer;
	display: none;
	width: 100%;
	height: 52px;
	-webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.40) inset;
	   -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.40) inset;
	        box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.40) inset;
}
#header_toggle:after {
	background: url(../images/toggles.png) no-repeat scroll left top transparent;
	position: absolute;
	content: "";
	width: 16px;
	height: 11px;
	top: 22px;
	left: 50%;
	margin: 0px 0px 0px -8px;
}
#header ul#header_menu {
	display: block;
	position: relative;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header ul#header_menu > li {
	background-color: #0e1621;
	float: left;
	position: relative;
	list-style: none;
	margin: 0px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#51575f), to(#0b1018));
	background-image: -webkit-linear-gradient(top, #51575f, #0b1018);
	   background-image: -moz-linear-gradient(top, #51575f, #0b1018);
	    background-image: -ms-linear-gradient(top, #51575f, #0b1018);
	     background-image: -o-linear-gradient(top, #51575f, #0b1018);
}
#header ul#header_menu > li.right_item {
	float: right!important;
	margin: 0px 0px 0px 2px;
}
#header ul#header_menu > li:after {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #000000;
	position: absolute;
	content: "";
	width: 0px;
	height: 62px;
	top: 0px;
	right: -2px;
	opacity: 0.12;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=12)";
	filter: alpha(opacity=12);
}
#header ul#header_menu > li.right_item:after {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #000000;
	position: absolute;
	content: "";
	width: 0px;
	height: 62px;
	top: 0px;
	left: -2px;
	opacity: 0.12;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=12)";
	filter: alpha(opacity=12);
}
#header ul#header_menu > li.left_item > a,
#header ul#header_menu > li.right_item > a {
	background: none;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#header ul#header_menu > li.label > a:after {
	background: url(../images/labels.png) no-repeat scroll -572px 0px transparent;
	position: absolute;
	content: "";
	width: 26px;
	height: 26px;
	top: 0px;
	right: 0px;
}
#header ul#header_menu > li:hover > a,
#header ul#header_menu > li > a.active {
	        box-shadow: 0px 2px 50px rgba(204, 226, 255, 0.25) inset;
	-webkit-box-shadow: 0px 2px 100px rgba(204, 226, 255, 0.25) inset;
	   -moz-box-shadow: 0px 2px 50px rgba(204, 226, 255, 0.10) inset;
}
#header ul#header_menu > li > a span.icon {
	color: #ced2d6;
	float: left;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
	padding: 0px 0px 0px 10px;
}
#header ul#header_menu > li > a span.icon.en {
	font: 34px/62px 'EntypoRegular', sans-serif;
}
#header ul#header_menu > li > a span.icon.ws {
	font: 15px/62px 'WebSymbolsRegular', sans-serif;
}
#header ul#header_menu li:hover > a span.icon,
#header ul#header_menu > li > a.active span.icon {
	color: #ebeff5;
}
#header ul#header_menu > li > a span.title {
	font: bold 14px/62px Helvetica, Arial, sans-serif;
	color: #ced2d6;
	float: left;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
	padding: 0px 10px 0px 10px;
}
#header ul#header_menu > li:hover > a span.title,
#header ul#header_menu > li > a.active span.title {
	color: #ebeff5;
}
#header ul#header_menu > li > a span.number {
	background-color: #0d151f;
	color: #d3d6db;
	float: left;
	display: block;
	position: relative;
	text-align: center;
	font: bold 12px/20px Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.08);
	width: 30px;
	height: 20px;
	top: 21px;
	left: 0px;
	margin: 0px 10px 0px 0px;
	-webkit-border-radius: 20px 20px 20px 20px;
	   -moz-border-radius: 20px 20px 20px 20px;
	        border-radius: 20px 20px 20px 20px;
	-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.25);
	   -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.25);
	        box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.25);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.05), transparent);
	   background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.05), transparent);
	    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.05), transparent);
	     background-image: -o-linear-gradient(rgba(255, 255, 255, 0.05), transparent);
}
#header ul#header_menu > li:hover > a span.number,
#header ul#header_menu > li > a.active span.number {
	background-color: #1e2021;
	color: #ebeff5;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.12);
	-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.30);
	   -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.30);
	        box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.30);
}

/* Header Search */
#header ul#header_menu > li#header_search {
	border: 1px solid #484848;
	background-color: #333640;
	float: right!important;
	position: relative;
	width: 200px;
	height: 32px;
	top: 13px;
	right: 15px;
	-webkit-border-radius: 16px 16px 16px 16px;
	   -moz-border-radius: 16px 16px 16px 16px;
	        border-radius: 16px 16px 16px 16px;
	        box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.10), 0px 1px 1px rgba(0, 0, 0, 0.75) inset;
	-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.10), 0px 1px 1px rgba(0, 0, 0, 0.75) inset;
	   -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.10), 0px 1px 1px rgba(0, 0, 0, 0.75) inset;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c5e66), to(#343741));
	background-image: -webkit-linear-gradient(top, #5c5e66, #343741);
	   background-image: -moz-linear-gradient(top, #5c5e66, #343741);
	    background-image: -ms-linear-gradient(top, #5c5e66, #343741);
	     background-image: -o-linear-gradient(top, #5c5e66, #343741);
}
#header ul#header_menu > li#header_search:after {
	border: 0!important;
	background: url(../images/search_icon.png) no-repeat scroll 0px 0px transparent;
	position: absolute;
	content: "";
	width: 16px;
	height: 16px;
	top: 10px;
	left: 12px;
	opacity: 0.63;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=63)";
	filter: alpha(opacity=63);
}
#header ul#header_menu > li#header_search form {
	margin: 0px 0px 0px 0px;
}
#header ul#header_menu > li#header_search form input {
	background: none;
	border: 0;
	display: block;
	color: #979fa8;
	font: normal 13px/100% Arial, sans-serif;
	text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.1);
	position: relative;
	width: 136px;
	height: auto;
	top: 0px;
	left: 0px;
	padding: 9px 32px 10px 32px;
	-webkit-border-radius: 16px 16px 16px 16px;
	   -moz-border-radius: 16px 16px 16px 16px;
	        border-radius: 16px 16px 16px 16px;
}
#header ul#header_menu > li#header_search form input::-webkit-input-placeholder {
	color: #979fa8;
}
#header ul#header_menu > li#header_search form input:-moz-placeholder {
	color: #979fa8;
}
#header ul#header_menu > li#header_search form input:-ms-input-placeholder {
	color: #979fa8;
}
#header ul#header_menu > li#header_search form input:focus {
	color: #ffffff;
}

/* Header Drop-Down Menu */
#header ul#header_menu > li ul {
	background-color: #090e16!important;
	display: none;
	position: absolute;
	list-style: none;
	width: 250px;
	top: 75px;
	margin: 0px 0px 0px 0px;
	padding: 16px 16px 16px 16px;
	z-index: 999;
	-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
	   -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
	        box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
	-webkit-border-radius: 20px 20px 20px 20px;
	   -moz-border-radius: 20px 20px 20px 20px;
	        border-radius: 20px 20px 20px 20px;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.12), transparent);
	   background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.12), transparent);
	    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.12), transparent);
	     background-image: -o-linear-gradient(rgba(255, 255, 255, 0.12), transparent);
}
#header ul#header_menu > li.left_item ul {
	left: 0px;
}
#header ul#header_menu > li.right_item ul {
	right: 0px;
}
#header ul#header_menu > li.left_item ul:after {
	border-bottom: 10px solid #262b32;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	top: -10px;
	left: 30px;
}
#header ul#header_menu > li.right_item ul:after {
	border-bottom: 10px solid #262b32;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	top: -10px;
	right: 30px;
}
#header ul#header_menu > li ul > li {
	position: relative;
	float: none;
	display: block;
	list-style: none;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header ul#header_menu > li ul > li > a {
	border-top: 1px solid #3a3e45;
	position: relative;
	display: block;
	float: none;
	margin: 0px 0px 0px 0px;
	padding: 13px 10px 13px 10px;
	-webkit-box-shadow: none!important;
	   -moz-box-shadow: none!important;
	        box-shadow: none!important;
}
#header ul#header_menu > li ul > li:last-child > a {
	border-bottom: 1px solid #3a3e45;
}
#header ul#header_menu > li ul > li.label a:after {
	background: url(../images/labels.png) no-repeat scroll -572px 0px transparent;
	position: absolute;
	content: "";
	width: 26px;
	height: 26px;
	top: 0px;
	right: 0px;
}
#header ul#header_menu > li ul > li > a span.title,
#header ul#header_menu > li ul > li > a span.text {
	display: block;
	float: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#header ul#header_menu > li ul > li > a span.title {
	color: #b5b9bd;
	font: bold 14px/16px Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header ul#header_menu > li ul > li:hover > a span.title {
	color: #e0e0e0;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
}
#header ul#header_menu > li ul > li > a span.text {
	color: #7f8285;
	font: bold 13px/15px Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header ul#header_menu > li ul > li:hover > a span.text {
	color: #e0e0e0;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
}

/*******************************
	3.Sidebar
*******************************/
#sidebar_toggle {
	border-top: 1px solid #6e7a8a;
	background-color: #2b5b99;
	cursor: pointer;
	display: none;
	width: 100%;
	height: 52px;
	-webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.40) inset;
	   -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.40) inset;
	        box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.40) inset;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.06));
	   background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.06));
	    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.06));
	     background-image: -o-linear-gradient(rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.06));
}
#sidebar_toggle:after {
	background: url(../images/toggles.png) no-repeat scroll left bottom transparent;
	position: absolute;
	content: "";
	width: 16px;
	height: 11px;
	top: 22px;
	left: 50%;
	margin: 0px 0px 0px -8px;
}
#sidebar #sidebar_menu {
	background-color: #1e2a3b;
	position: relative;
	width: 260px;
	padding: 0px 1px 0px 1px;
}
#sidebar #sidebar_menu > .menu_item {
	border-top: 1px solid #1c375c;
	background-color: #2b5b99;
	float: none;
	position: relative;
	display: block;
	height: 50px;
	z-index: 20;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
	   background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
	    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
	     background-image: -o-linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
}
#sidebar #sidebar_menu > .menu_item > a {
	background: none;
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#sidebar #sidebar_menu > .menu_item > a:before {
	background-color: #ffffff;
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	top: 0px;
	left: 0px;
	opacity: 0.10;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	z-index: 30;
}
#sidebar #sidebar_menu > .menu_item.label > a:after {
	background: url(../images/labels.png) no-repeat scroll -572px 0px transparent;
	position: absolute;
	content: "";
	width: 26px;
	height: 26px;
	top: 0px;
	right: 0px;
	z-index: 40;
}
#sidebar #sidebar_menu > .menu_item:hover,
#sidebar #sidebar_menu > .menu_item.opened {
	background-color: #384f6e;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c5577), to(#344966));
	background-image: -webkit-linear-gradient(top, #3c5577, #344966);
	   background-image: -moz-linear-gradient(top, #3c5577, #344966);
	    background-image: -ms-linear-gradient(top, #3c5577, #344966);
	     background-image: -o-linear-gradient(top, #3c5577, #344966);
}
#sidebar #sidebar_menu > .menu_item.current {
	background-color: #007deb!important;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0088ed), to(#0072e9))!important;
	background-image: -webkit-linear-gradient(top, #0088ed, #0072e9)!important;
	   background-image: -moz-linear-gradient(top, #0088ed, #0072e9)!important;
	    background-image: -ms-linear-gradient(top, #0088ed, #0072e9)!important;
	     background-image: -o-linear-gradient(top, #0088ed, #0072e9)!important;
}
#sidebar #sidebar_menu > .menu_item > a span.icon {
	color: #ffffff;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px 0px 0px 20px;
}
#sidebar #sidebar_menu > .menu_item > a span.icon.en {
	font: 30px/50px 'EntypoRegular', sans-serif;
}
#sidebar #sidebar_menu > .menu_item > a span.icon.ws {
	font: 12px/50px 'WebSymbolsRegular', sans-serif;
}
#sidebar #sidebar_menu > .menu_item > a span.title {
	position: relative;
	display: block;
	font: bold 14px/50px Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
	padding: 0px 60px 0px 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#sidebar #sidebar_menu > .menu_item > a span.number {
	position: absolute;
	top: 14px;
	right: 25px;
	width: 30px;
	height: 20px;
	background-color: #172f4f;
	color: #f5f8ff;
	display: block;
	text-align: center;
	font: bold 12px/20px Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.08);
	margin: 0px 0px 0px 0px;
	-webkit-border-radius: 20px 20px 20px 20px;
	   -moz-border-radius: 20px 20px 20px 20px;
	        border-radius: 20px 20px 20px 20px;
	-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.25);
	   -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.25);
	        box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.25);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.05), transparent);
	   background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.05), transparent);
	    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.05), transparent);
	     background-image: -o-linear-gradient(rgba(255, 255, 255, 0.05), transparent);
}
#sidebar #sidebar_menu > .menu_item.current > a span.number {
	background-color: #003973!important;
	-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.30)!important;
	   -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.30)!important;
	        box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.30)!important;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.05), transparent);
	   background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.05), transparent);
	    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.05), transparent);
	     background-image: -o-linear-gradient(rgba(255, 255, 255, 0.05), transparent);
}
#sidebar #sidebar_menu > ul.sub_menu {
	display: none;
	position: relative;
	list-style: none;
	width: 230px;
	top: 0px;
	left: -1px;
	margin: 0px 0px 0px 0px;
	padding: 8px 16px 8px 16px;
}
#sidebar #sidebar_menu > ul.sub_menu li {
	display: block;
	position: relative;
	list-style: none;
	text-align: right;
}
#sidebar #sidebar_menu > ul.sub_menu li.current:after {
	position: absolute;
	content: "";
	border-bottom: 6px solid transparent;
	border-right: 6px solid #d5e3f2;
	border-top: 6px solid transparent;
	width: 0px;
	height: 0px;
	top: 9px;
	right: -16px;
}
#sidebar #sidebar_menu > ul.sub_menu li a {
	background: none;
	color: #fafafa;
	display: block;
	position: relative;
	font: bold 13px/28px Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#sidebar #sidebar_menu > ul.sub_menu li.current a,
#sidebar #sidebar_menu > ul.sub_menu li a:hover,
#sidebar #sidebar_menu > ul.sub_menu li a:active {
	color: #fafafa;
}

/*******************************
	4. Content
*******************************/

/* 960 Grid Layout */
.container {
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
}
.container:after {
	content: "."; 
	visibility: hidden; 
	display: block; 
	clear: both; 
	height: 0; 
	font-size: 0;
}
.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_8,
.col_9,
.col_10,
.col_11,
.col_12 { 
	display: inline;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}
.container .col_1 { width: 6.333% }
.container .col_2 { width: 14.666% }
.container .col_3 { width: 23% }
.container .col_4 { width: 31.333% }
.container .col_5 { width: 39.666% }
.container .col_6 { width: 48% }
.container .col_7 { width: 56.333% }
.container .col_8 { width: 64.666% }
.container .col_9 { width: 73% }
.container .col_10 { width: 81.333% }
.container .col_11 { width: 89.666% }
.container .col_12 { width: 98% }
.alpha { margin-left:0 }
.omega { margin-right:0 }
.col_1.omega, .col_1.alpha { width: 7.333%; }
.col_2.omega, .col_2.alpha { width: 15.666%; }
.col_3.omega, .col_3.alpha { width: 24%; }
.col_4.omega, .col_4.alpha { width: 32.333%; }
.col_5.omega, .col_5.alpha { width: 40.666%; }
.col_6.omega, .col_6.alpha { width: 49%; }
.col_7.omega, .col_7.alpha { width: 57.333%; }
.col_8.omega, .col_8.alpha { width: 65.666%; }
.col_9.omega, .col_9.alpha { width: 74%; }
.col_10.omega, .col_10.alpha { width: 82.333%; }
.col_11.omega, .col_11.alpha { width: 90.666%; }
.col_12.omega, .col_12.alpha { width: 100%; }

/* Main Content */
.container {
	position: relative;
}
.container .box {
	margin: 0px 0px 30px 0px;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
	   -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
	        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
}
.container .box > .head {
	border-left: 1px solid #fcfcfc;
	border-top: 1px solid #fcfcfc;
	border-right: 1px solid #fcfcfc;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	height: 56px;
	padding: 0px 20px 0px 20px;
	background-color: #dbe6f5;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dae5f2), to(#d1dded));
	background-image: -webkit-linear-gradient(top, #dae5f2, #d1dded);
	   background-image: -moz-linear-gradient(top, #dae5f2, #d1dded);
	    background-image: -ms-linear-gradient(top, #dae5f2, #d1dded);
	     background-image: -o-linear-gradient(top, #dae5f2, #d1dded);
}
.container .box > .head:after {
	background-color: #ced6e0;
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	bottom: 0px;
	left: 0px;
}
.container .box > .head > h2 {
	position: relative;
	color: #49505c;
	font: bold 16px/56px Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.60);
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.container .box > .head > h2 > span.icon {
	float: left;
	color: #798499;
	position: relative;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.40);
	padding: 0px 10px 0px 0px;
}
.container .box > .head > h2 > span.icon.en {
	font: 34px/56px 'EntypoRegular', sans-serif;
}
.container .box > .head > h2 > span.icon.ws {
	font: 15px/56px 'WebSymbolsRegular', sans-serif;
	padding: 0px 10px 0px 1px;
}
.container .box > .head > h2 > span.title {
	font: bold 16px/56px Helvetica, Arial, sans-serif;
	position: relative;
}
.container .box > .content {
	border-left: 1px solid #fcfcfc;
	border-bottom: 1px solid #fcfcfc;
	border-right: 1px solid #fcfcfc;
	background-color: #ebf3ff;
	position: relative;
	height: auto!important;
	padding: 20px 20px 20px 20px;
}
.container .box.content_only > .content {
	border-top: 1px solid #fcfcfc;
}
.container .box > .content .content_left,
.container .box > .content > .tabcontent .content_left {
	float: left;
	width: 48%;
	padding-right: 2%;
	position: relative;
}
.container .box > .content .content_right,
.container .box > .content > .tabcontent .content_right {
	float: left;
	width: 48%;
	padding-left: 2%;
	position: relative;
}
.container .box > .content .content_left:after,
.container .box > .content > .tabcontent .content_left:after {
	background-color: #c3c9d4;
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	top: -20px;
	right: 0px;
	padding: 20px 0px 20px 0px;
}
.container .box > .content .content_right:after,
.container .box > .content > .tabcontent .content_right:after {
	background-color: #c3c9d4;
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	top: -20px;
	left: -1px;
	padding: 20px 0px 20px 0px;
}
.container .box > .content.full {
	padding: 0px 0px 0px 0px;
}
.container .box > .content.full .content_left,
.container .box > .content.full .content_right,
.container .box > .content.full > .tabcontent .content_left,
.container .box > .content.full > .tabcontent .content_right {
	width: 50%!important;
	padding: 0px 0px 0px 0px!important;
}
.container .box > .content.full .content_left:after,
.container .box > .content.full > .tabcontent .content_left:after  {
	background-color: #c3c9d4;
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	top: 0px;
	right: 0px;
	padding: 0px 0px 0px 0px;
}
.container .box > .content.full .content_right:after,
.container .box > .content.full > .tabcontent .content_right:after {
	background-color: #c3c9d4;
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	top: 0px;
	left: -1px;
	padding: 0px 0px 0px 0px;
}
.container .box > .head > ul.tabs {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px 0px 0px 0px;
}
.container .box > .head > ul.tabs li {
	border-left: 1px solid #cad4e3;
	position: relative;
	float: left;
	display: block;
	background-color: #dbe6f5;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dae5f2), to(#d1dded));
	background-image: -webkit-linear-gradient(top, #dae5f2, #d1dded);
	   background-image: -moz-linear-gradient(top, #dae5f2, #d1dded);
	    background-image: -ms-linear-gradient(top, #dae5f2, #d1dded);
	     background-image: -o-linear-gradient(top, #dae5f2, #d1dded);
}
.container .box > .head > ul.tabs li.active {
	background-color: #ebf3ff;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ecf4ff), to(#ebf3ff));
	background-image: -webkit-linear-gradient(top, #ecf4ff, #ebf3ff);
	   background-image: -moz-linear-gradient(top, #ecf4ff, #ebf3ff);
	    background-image: -ms-linear-gradient(top, #ecf4ff, #ebf3ff);
	     background-image: -o-linear-gradient(top, #ecf4ff, #ebf3ff);
}
.container .box > .head > ul.tabs li.active:after {
	background-color: #ebf3ff;
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	bottom: 0px;
	left: 0px;
	z-index: 10;
}
.container .box > .head > ul.tabs li a {
	background: none;
	color: #5c6473;
	display: block;
	font: bold 16px/56px Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.60);
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
}
.container .box > .head > ul.tabs li.active a {
	color: #49505c;
}
.container .box > .content > .tabcontent {
	float: left;
	position: relative;
	width: 100%;
}

/* Quick Buttons */
.container ul.quick_buttons {
	float: left;
	display: block;
	position: relative;
	list-style: none;
	margin: 0px 0px 15px 0px;
}
.container ul.quick_buttons > li {
	border: 1px solid #fcfcfc;
	background-color: #dbe6f5;
	float: left;
	display: block;
	position: relative;
	list-style: none;
	margin: 0px 15px 15px 0px;
	z-index: 1;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dce8f5), to(#d1dded));
	background-image: -webkit-linear-gradient(top, #dce8f5, #d1dded);
	   background-image: -moz-linear-gradient(top, #dce8f5, #d1dded);
	    background-image: -ms-linear-gradient(top, #dce8f5, #d1dded);
	     background-image: -o-linear-gradient(top, #dce8f5, #d1dded);
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
	   -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
	        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
}
.container ul.quick_buttons > li > a {
	background: none;
	float: left;
	display: block;
	position: relative;
	height: 90px;
	min-width: 132px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.container ul.quick_buttons > li:active {
	border: 1px solid #f5f6f7;
	background-color: #ccd7e5;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
	   -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
	        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cfd9e5), to(#c3cfde));
	background-image: -webkit-linear-gradient(top, #cfd9e5, #c3cfde);
	   background-image: -moz-linear-gradient(top, #cfd9e5, #c3cfde);
	    background-image: -ms-linear-gradient(top, #cfd9e5, #c3cfde);
	     background-image: -o-linear-gradient(top, #cfd9e5, #c3cfde);
}
.container ul.quick_buttons > li > a span.icon {
	color: #798499;
	width: 100%;
	position: absolute;
	text-align: center;
	display: block;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.40);
}
.container ul.quick_buttons > li > a span.icon.en {
	font: 68px/100% 'EntypoRegular', sans-serif;
	padding: 0px 0px 22px 0px;
}
.container ul.quick_buttons > li > a span.icon.ws {
	font: 30px/100% 'WebSymbolsRegular', sans-serif;
	padding: 19px 0px 41px 0px;
}
.container ul.quick_buttons > li > a span.title {
	color: #49505c;
	position: relative;
	text-align: center;
	display: block;
	top: 0px;
	left: 0px;
	font: bold 13px/100% Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.60);
	padding: 63px 20px 14px 20px;
}

/* Statistic Widget */
.container ul.data_boxes {
	display: block;
	position: relative;
	list-style: none;
	margin: 0px 0px 15px 0px;
}
.container ul.data_boxes > li {
	border: 1px solid #fcfcfc;
	background-color: #dbe6f5;
	float: none;
	display: block;
	position: relative;
	list-style: none;
	height: 90px;
	margin: 0px 0px 15px 0px;
	z-index: 1;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dce8f5), to(#d1dded));
	background-image: -webkit-linear-gradient(top, #dce8f5, #d1dded);
	   background-image: -moz-linear-gradient(top, #dce8f5, #d1dded);
	    background-image: -ms-linear-gradient(top, #dce8f5, #d1dded);
	     background-image: -o-linear-gradient(top, #dce8f5, #d1dded);
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
	   -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
	        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
}
.container ul.data_boxes > li:after {
	background-color: #768bb5;
	position: absolute;
	content: "";
	width: 100%;
	height: 4px;
	bottom: 0px;
	left: 0px;
	z-index: 5;
	opacity: 0.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
}
.container ul.data_boxes > li:active {
	border: 1px solid #f5f6f7;
	background-color: #ccd7e5;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
	   -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
	        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cfd9e5), to(#c3cfde));
	background-image: -webkit-linear-gradient(top, #cfd9e5, #c3cfde);
	   background-image: -moz-linear-gradient(top, #cfd9e5, #c3cfde);
	    background-image: -ms-linear-gradient(top, #cfd9e5, #c3cfde);
	     background-image: -o-linear-gradient(top, #cfd9e5, #c3cfde);
}
.container ul.data_boxes > li > a {
	background: none;
	display: block;
	position: relative;
	height: 90px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.container ul.data_boxes > li > a > span.icon {
	color: #798499;
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.40);
}
.container ul.data_boxes > li > a > span.icon.en {
	font: 68px/100% 'EntypoRegular', sans-serif;
	padding: 11px 25px 11px 25px;
}
.container ul.data_boxes > li > a > span.icon.ws {
	font: 30px/100% 'WebSymbolsRegular', sans-serif;
	padding: 30px 25px 30px 25px;
}
.container ul.data_boxes > li > a > span.title {
	color: #49505c;
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	font: bold 13px/100% Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.60);
	text-align: right;
	padding: 14px 20px 63px 90px;
}
.container ul.data_boxes > li > a > span.value {
	color: #49505c;
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	font: bold 35px/100% Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.60);
	text-align: right;
	padding: 41px 20px 14px 90px;
}
.container ul.data_boxes > li > a > span.title,
.container ul.data_boxes > li > a > span.value {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.container ul.data_boxes > li.clean > a span.icon {
	display: none;
}
.container ul.data_boxes > li.clean > a span.title {
	padding: 14px 20px 63px 20px!important;
}
.container ul.data_boxes > li.clean > a span.value {
	padding: 41px 20px 14px 20px!important;
}

/*******************************
	5. Login & Error Pages
*******************************/

.login_page,
.error_page {
	background: url(../images/ios_linen.jpg) repeat scroll 0px 0px transparent!important;
	background-color: #3e4957!important;
	height: 100%;
}

.login_page > #wrapper,
.error_page > #wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0px 0px 75px rgba(0, 0, 0, 0.25) inset;
	   -moz-box-shadow: 0px 0px 75px rgba(0, 0, 0, 0.25) inset;
	        box-shadow: 0px 0px 75px rgba(0, 0, 0, 0.25) inset;
	/*background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.20), rgba(0, 0, 0, 0.20));
	   background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.20), rgba(0, 0, 0, 0.20));
	    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.20), rgba(0, 0, 0, 0.20));
	     background-image: -o-linear-gradient(rgba(255, 255, 255, 0.20), rgba(0, 0, 0, 0.20));*/
}
.login_page > #wrapper > #login_box,
.error_page > #wrapper > #error_box {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
}
.login_page > #wrapper > #login_box {
	width: 400px;
	height: 186px;
	margin: -93px 0px 0px -200px;
}
.error_page > #wrapper > #error_box {
	width: 400px;
	height: 191px;
	margin: -135px 0px 0px -200px;
}
.login_page > #wrapper > #login_box p {
	margin: 0px 0px 16px 0px;
}
.login_page > #wrapper > #login_box input[type="text"],
.login_page > #wrapper > #login_box input[type="password"] {
	border: 0px;
	color: #0a0a0a;
	font: normal 14px/100% Helvetica, Arial, sans-serif;
	height: 50px;
	padding: 16px 15px 15px 15px;
	-webkit-border-radius: 0px 0px 0px 0px;
	   -moz-border-radius: 0px 0px 0px 0px;
	        border-radius: 0px 0px 0px 0px;
	        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05) inset, 0px 0px 1px rgba(0, 0, 0, 0.95);
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05) inset, 0px 0px 1px rgba(0, 0, 0, 0.95);
	   -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05) inset, 0px 0px 1px rgba(0, 0, 0, 0.95);
}
.login_page > #wrapper > #login_box input.username {
	border-bottom: 1px solid #c0c8d1;
	-webkit-border-radius: 3px 3px 0px 0px;
	   -moz-border-radius: 3px 3px 0px 0px;
	        border-radius: 3px 3px 0px 0px;
}
.login_page > #wrapper > #login_box input.username.unhappy,
.login_page > #wrapper > #login_box input.password.unhappy {
	border: 1px solid #ff6680!important;
	background-color: #ffe5e9!important;
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.95)!important;
	   -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.95)!important;
	        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.95)!important;
}
.login_page > #wrapper > #login_box input.password {
	-webkit-border-radius: 0px 0px 3px 3px;
	   -moz-border-radius: 0px 0px 3px 3px;
	        border-radius: 0px 0px 3px 3px;
}
.error_page > #wrapper > #error_box span.error_line_1 {
	display: block;
	color: #2d3238;
	font: bold 80px/100% Helvetica, Arial, sans-serif;
	text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.15);
	text-align: center;
}
.error_page > #wrapper > #error_box span.error_line_2 {
	display: block;
	color: #2d3238;
	font: bold 40px/100% Helvetica, Arial, sans-serif;
	text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.15);
	text-align: center;
}
.error_page > #wrapper > #error_box p.error_text {
	color: #a9aeb8;
	text-align: center;
	margin: 16px 0px 18px 0px;
}
#login_box input::-webkit-input-placeholder, .content textarea::-webkit-input-placeholder {
	color: #595b61!important;
}
#login_box  input:-moz-placeholder, .content textarea:-moz-placeholder {
	color: #595b61!important;
}
#login_box  input:-ms-input-placeholder, .content textarea:-ms-input-placeholder {
	color: #595b61!important;
}

.no-margin { margin: 0 !important; }

/*******************************
	6. Media Queries
*******************************/

/* max-width : 1130px */
@media only screen and (max-width : 1130px) {

	#header ul#header_menu > li > a span.number {
		display: none;
	}
}

/* min-width : 1025px */
@media only screen and (min-width : 1025px) {

	#sidebar #sidebar_menu {
		display: block!important;
	}
}

/* max-width : 1024px */
@media only screen and (max-width : 1024px) {
	
	body {
		background: none;
		background-color: #bac8d9;
		-webkit-text-size-adjust: 100%;
	}
	#header {
		height: auto;
		min-height: 62px;
	}
	#sidebar_toggle {
		display: block;
	}
	#header:before,
	#header:after {
		position: absolute;
		content: "";
		width: 0px;
		height: 0px;
		bottom: 0px;
		left: 0px;
	}
	#header ul#header_menu > li:hover > a {
		        box-shadow: 0px 0px 0px rgba(204, 226, 255, 0.25) inset;
		-webkit-box-shadow: 0px 0px 0px rgba(204, 226, 255, 0.25) inset;
		   -moz-box-shadow: 0px 0px 0px rgba(204, 226, 255, 0.10) inset;
	}
	#header ul#header_menu > li > a.active {
		        box-shadow: 0px 2px 50px rgba(204, 226, 255, 0.25) inset;
		-webkit-box-shadow: 0px 2px 100px rgba(204, 226, 255, 0.25) inset;
		   -moz-box-shadow: 0px 2px 50px rgba(204, 226, 255, 0.10) inset;
	}
	#header ul#header_menu li:hover > a span.icon {
		color: #c3ccd6;
	}
	#header ul#header_menu > li > a.active span.icon {
		color: #dfe8f5;
	}
	#header ul#header_menu > li > a span.title,
	#header ul#header_menu > li:hover > a span.title {
		color: #c3ccd6;
	}
	#header ul#header_menu > li > a.active span.title {
		color: #dfe8f5;
	}
	#sidebar {
		border-bottom: 1px solid #cfd8e6;
		background-color: #1e2a3b;
		position: relative;
		width: 100%;
		top: 0px;
		left: 0px;
		display: block;
		-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.12);
		   -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.12);
		        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.12);
	}
	#sidebar #sidebar_menu {
		border-bottom: 1px solid #1c375c;
		background: none!important;
		position: relative;
		display: none;
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	#sidebar #sidebar_menu > .menu_item {
		float: none;
		position: relative;
		display: block;
		height: 50px;
	}
	#sidebar #sidebar_menu > .menu_item:hover,
	#sidebar #sidebar_menu > .menu_item:active,
	#sidebar #sidebar_menu > .menu_item.opened {
		background-color: #384f6e;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c5577), to(#344966));
		background-image: -webkit-linear-gradient(top, #3c5577, #344966);
		   background-image: -moz-linear-gradient(top, #3c5577, #344966);
		    background-image: -ms-linear-gradient(top, #3c5577, #344966);
		     background-image: -o-linear-gradient(top, #3c5577, #344966);
	}
	#sidebar #sidebar_menu > .menu_item.current {
		background-color: #007deb!important;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0088ed), to(#0072e9))!important;
		background-image: -webkit-linear-gradient(top, #0088ed, #0072e9)!important;
		   background-image: -moz-linear-gradient(top, #0088ed, #0072e9)!important;
		    background-image: -ms-linear-gradient(top, #0088ed, #0072e9)!important;
		     background-image: -o-linear-gradient(top, #0088ed, #0072e9)!important;
	}
	#sidebar #sidebar_menu > .menu_item > a span.icon {
		padding: 0px 0px 0px 20px;
	}
	#sidebar #sidebar_menu > .menu_item > a span.icon.en {
		font: 30px/50px 'EntypoRegular', sans-serif;
	}
	#sidebar #sidebar_menu > .menu_item > a span.icon.ws {
		font: 12px/50px 'WebSymbolsRegular', sans-serif;
	}
	#sidebar #sidebar_menu > .menu_item > a span.title {
		position: relative;
		display: block;
		font: bold 14px/50px Helvetica, Arial, sans-serif;
		color: #ffffff;
		text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
		padding: 0px 56px 0px 42px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#sidebar #sidebar_menu > .menu_item > a span.number {
		position: absolute;
		top: 15px;
		right: 20px;
	}
	#sidebar #sidebar_menu > ul.sub_menu {
		border-top: 1px solid #1c375c;
		width: 100%;
		top: 0px;
		left: 0px;
		margin: 0px 0px 0px 0px;
		padding: 8px 0px 8px 0px;
	}
	#sidebar #sidebar_menu > ul.sub_menu li {
		text-align: left;
	}
	#sidebar #sidebar_menu > ul.sub_menu li a {
		background: none;
		color: #fafafa;
		display: block;
		position: relative;
		font: bold 13px/28px Helvetica, Arial, sans-serif;
		text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
		margin: 0px 5px 0px 5px;
		padding: 0px 15px 0px 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		-webkit-border-radius: 6px 6px 6px 6px;
		   -moz-border-radius: 6px 6px 6px 6px;
		        border-radius: 6px 6px 6px 6px;
	}
	#sidebar #sidebar_menu > ul.sub_menu li a:hover,
	#sidebar #sidebar_menu > ul.sub_menu li a:active,
	#sidebar #sidebar_menu > ul.sub_menu li.current a {
		color: #fafafa;
		background-color: #3d4d63;
		background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.08));
		   background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.08));
		    background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.08));
		     background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.08));
	}
	#sidebar #sidebar_menu > ul.sub_menu li.current:after {
		position: absolute;
		content: "";
		border: 0px;
		width: 0px;
		height: 0px;
		top: 0px;
		right: 0px;
	}
	#main_content {
		margin: 0px 0px 0px 0px;
		padding: 30px 0px 0px 0px;
	}
	.container {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
}

/* max-width : 990px */
@media only screen and (max-width : 990px) {

	#header ul#header_menu > li > a span.icon {
		padding: 0px 10px 0px 10px;
	}
	#header ul#header_menu > li > a span.icon.en {
		font: 40px/62px 'EntypoRegular', sans-serif;
	}
	#header ul#header_menu > li > a span.icon.ws {
		font: 20px/62px 'WebSymbolsRegular', sans-serif;
	}
	#header ul#header_menu > li > a span.title {
		display: none;
	}

}

/* min-width : 768px */
@media only screen and (min-width : 768px) {

	#header ul#header_menu {
		display: block!important;
	}

}

/* max-width : 767px */
@media only screen and (max-width : 767px) {

	#header_search {
		display: none;
	}
	#header_toggle {
		display: block;
	}
	#header {
		height: auto;
		min-height: 52px;
	}
	#header ul#header_menu {
		display: none;
	}
	#header ul#header_menu > li {
		background: none;
		float: none;
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	#header ul#header_menu > li:after,
	#header ul#header_menu > li.right_item:after {
		border: 0px;
		width: 0px;
		height: 0px;
		top: 0px;
		right: 0px;
	}
	#header ul#header_menu > li > a span.icon {
		float: none;
		display: block;
		text-align: center;
		padding: 0px 0px 0px 0px;
	}
	#header ul#header_menu > li > a span.icon.en {
		font: 40px/50px 'EntypoRegular', sans-serif;
	}
	#header ul#header_menu > li > a span.icon.ws {
		font: 20px/50px 'WebSymbolsRegular', sans-serif;
	}
	#header ul#header_menu > li.left_item > a,
	#header ul#header_menu > li.right_item > a {
		border-top: 1px solid #505050;
		border-bottom: 1px solid #292929;
		border-top: 1px solid rgba(255, 255, 255, 0.16);
		border-bottom: 1px solid rgba(0, 0, 0, 0.16);
		float: none;
		width: 100%;
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	#header ul#header_menu > li ul {
		left: 0px;
		width: 90%;
		margin: 0px 5% 0px 5%;
		padding: 16px 16px 16px 16px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#header ul#header_menu > li.left_item ul:after,
	#header ul#header_menu > li.right_item ul:after {
		border-bottom: 10px solid #262b32;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		position: absolute;
		content: "";
		width: 0px;
		height: 0px;
		top: -10px;
		left: 50%;
		margin: 0px 0px 0px -10px;
	}
	#sidebar #sidebar_menu > .menu_item > a span.icon {
		display: none;
	}
	#sidebar #sidebar_menu > .menu_item > a span.title {
		padding: 0px 56px 0px 20px;
	}
	.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {
		float: none;
		width: 100%!important;
		margin: 0px 0px 0px 0px!important;
	}
	.container .box > .content .content_left,
	.container .box > .content > .tabcontent .content_left,
	.container .box > .content .content_right,
	.container .box > .content > .tabcontent .content_right {
		float: none;
		width: 100%!important;
		padding: 0px 0px 0px 0px!important;
	}
	.container .box > .content .content_left:after,
	.container .box > .content > .tabcontent .content_left:after,
	.container .box > .content .content_right:after,
	.container .box > .content > .tabcontent .content_right:after {
		position: absolute;
		content: "";
		width: 0px;
		height: 0px;
		top: 0px;
		right: 0px;
		padding: 0px 0px 0px 0px;
	}
	.container .box > .content.full .content_left,
	.container .box > .content.full .content_right,
	.container .box > .content.full > .tabcontent .content_left,
	.container .box > .content.full > .tabcontent .content_right {
		float: none;
		width: 100%!important;
		padding: 0px 0px 0px 0px!important;
	}
	.container .box > .content.full .content_left:after,
	.container .box > .content.full > .tabcontent .content_left:after,
	.container .box > .content.full .content_right:after,
	.container .box > .content.full > .tabcontent .content_right:after {
		position: absolute;
		content: "";
		width: 0px;
		height: 0px;
		top: 0px;
		right: 0px;
		padding: 0px 0px 0px 0px;
	}
	.container .box > .content .content_left,
	.container .box > .content > .tabcontent .content_left,
	.container .box > .content.full .content_left,
	.container .box > .content.full > .tabcontent .content_left {
		padding: 0px 0px 15px 0px!important;
	}
	.container ul.quick_buttons {
		float: none;
		margin: 0px 0px 0px 0px;
	}
	.container ul.quick_buttons > li {
		float: none;
		display: block;
		margin: 0px 0px 15px 0px;
	}
	.container ul.quick_buttons > li > a {
		float: none;
		display: block;
		height: 90px;
		width: 100%!important;
	}
	.container ul.quick_buttons > li > a span.title {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.container .box > .content {
		padding: 15px 15px 15px 15px;
	}
	ul.messages .left .message {
		margin: 0px 0px 5px 56px;
	}
	ul.messages .right .message {
		margin: 0px 56px 5px 0px;
	}
	ul.messages .left .info {
		margin: 0px 0px 20px 56px;
	}
	ul.messages .right .info {
		margin: 0px 56px 20px 0px;
	}
	.login_page > #wrapper > #login_box {
		width: 90%!important;
		margin: -93px 0px 0px -45%!important;
	}
	.error_page > #wrapper > #error_box {
		width: 90%!important;
		margin: -95px 0px 0px -45%!important;
	}
	.error_page > #wrapper > #error_box span.error_line_1 {
		font: bold 62px/100% Helvetica, Arial, sans-serif;
	}
	.error_page > #wrapper > #error_box span.error_line_2 {
		font: bold 22px/100% Helvetica, Arial, sans-serif;
	}
	.error_page > #wrapper > #error_box p.error_text {
		margin: 10px 0px 12px 0px;
	}

}
/* max-width : 480px */
@media only screen and (max-width : 480px) {

	.container {
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
	}
	

}