/*******************************

	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 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 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 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 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 {

	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;

}



/* Text Inputs & Textarea */

.content input[type="text"], .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"] {

	font: normal 13px/100% Helvetica, Arial, sans-serif;

	height: 47px;

}

.content textarea {

	font: 13px/20px Helvetica, Arial, sans-serif;

	resize: none;

	height: 150px;

}

.content form p.combine input {

	float: left;

	width: 25%;

}

.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;
	color:darkblue;

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(darkblue), to(#0b1018));

	background-image: -webkit-linear-gradient(top, darkblue, #0b1018); 

	   background-image: -moz-linear-gradient(top, darkblue, #0b1018);

	    background-image: -ms-linear-gradient(top, darkblue, #0b1018);

	     background-image: -o-linear-gradient(top, darkblue, #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: absolute;

	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(darkblue), to(#0b1018));

	background-image: -webkit-linear-gradient(top, darkblue, #0b1018);

	   background-image: -moz-linear-gradient(top, darkblue, #0b1018);

	    background-image: -ms-linear-gradient(top, darkblue, #0b1018);

	     background-image: -o-linear-gradient(top, darkblue, #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: 33px;

	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: darkblue;

	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;

}



/*******************************

	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 : 801px) {



	#sidebar #sidebar_menu {

		display: block!important;

	}

}



/* max-width : 1024px */

@media only screen and (max-width : 800px) {

	

	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 reyes */

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



	#header ul#header_menu {

		display: block!important;

	}



}





/* max-width : 767px  REYES*/

@media only screen and (max-width : 0px) {



	#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;

	}



}











/* max-width : 767px  REYES*/

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



	#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%;

	}

	



}