/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

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

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body, .ui-widget { margin: 0; font-size: 12px; line-height: 1.231; }
body p {font-size:12px;}

body, button, input, select, textarea, .ui-widget { 
font-family: 'Ubuntu Condensed', sans-serif;
font-family: 'Ubuntu', sans-serif;
color: #222; 
}

::-moz-selection { background: #18283C; color: #fff; text-shadow: none; }
::selection { background: #18283C; color: #fff; text-shadow: none; }

a.butn {
	background-color: #E4E4E4;
    color: #333333;
	text-decoration:none;
	padding:4px;
	font-weight:bold;
}
a.butn:hover {
	background-color: #18283C;
    color: #FFF;
	text-decoration:none;
	padding:4px;
	font-weight:bold;
}
/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; cursor:pointer;}
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: none; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline:none; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

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


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

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

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */
#header
{
	background-image: url("../images/top_bg.png");
    background-repeat: repeat-x;
}
#main-navigation h1
{
	margin-top:8px;
}
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
.forms-16:hover {
background-image: url('../images/forms_hover.png');
}
.forms-16 {
background-image: url('../images/forms.png');
}
.ui-widget-header {
background: none;
background-color: #FAFAFA;
}
.ui-datepicker .ui-widget-header {
    border: 1px solid #DDDDDD;
}
.edit-16:hover {
background-image: url('../images/edit_hover.png');
}
.edit-16 {
background-image: url('../images/edit.png');
}
label { cursor: pointer; }



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


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



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


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


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

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

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

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

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

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

/* Colors for form validity */
input:valid, textarea:valid {  }



/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }


   
/* =============================================================================
   GENERAL LAYOUT STYLES
   ========================================================================== */
body {
	background-color: #DEDEDE;
	color:#444;
}
#container {
	min-width:960px;
	max-width:1250px;
	margin:0 auto;
}
#header
{
	/*margin-left:10px;
	margin-right:10px;*/
}
#header a#logo {
	display:block;
	height:95px;
	width:65px;
	float:left;
	margin-left:40px;
	background:transparent url(../images/logo.png) top no-repeat;
	margin-top:10px;
}
#header #main-navigation {
    margin-top:20px;
	width:60%;
	float:left;
	color:#EEEEEE;
}

#header #profile {
   
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.08);
	
	border-radius: 0px 0px 3px 3px; 
	float:right;
	/* margin-right:10px; */
	background-color:#F9F9F9;
	padding:0 20px 5px 20px;
    border:1px solid #ddd;
    border-top:0;
    border-bottom:1px solid #D3D3D3;
}
#header #profile #user-data {
	height:40px;
	padding:6px 0 0 65px;
	margin-top:5px;
	background:transparent url('../images/user.png') left 8px no-repeat;
	font-size:12px;
    /*border-left:1px solid #ddd;
    border-right:1px solid #ddd;*/
}

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

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

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

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



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

/* BUTTONS */
.icon16, .button, .icon16-button {
    margin:5px;
    padding:7px 15px;
    color:#777;
    background-color:#F5F5F5;   
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-decoration:none;
    color:#444;
    filter: dropshadow(color=#fff, offx=0, offy=1); 
    -webkit-box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
    border:1px solid #E7E7E7;
    border-bottom:1px solid #D7D7D7;
    color:#777;
}
.icon16:hover, .button:hover, .icon16-button:hover {
    color:#555;
    background-color:#F9F9F9;   
    -webkit-box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);
}
.icon16 {
    background-position:8px 7px;
    background-repeat:no-repeat;
}
.icon16-button {
    background-position:8px center;
    background-repeat:no-repeat;
    padding-left:29px;
}
/* span width */
.span1 {
    width:40px;
}
.span2 {
    width:100px;
}
.span3 {
    width:160px;
}
.span4 {
    width:220px;
}
.span6 {
    width:340px;
}
.span8 {
    width:460px;
}
.span11 {
    width:640px;
}
.span16 {
    width:940px;
}
.one-third {
    width:300px;
}
.offset-one-third {
    margin-left:300px!important;
}
.two-thirds {
    width:620px;
}
.offset-two-thirds {
    margin-left:620px!important;
}


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


/* =============================================================================
   LOGIN FORM STYLES
   ========================================================================== */
#login-container {
    min-width:240px;
    max-width:400px;
    margin:100px auto 0 auto;
}
#login-container #login {
}
#login-container #login .login-title {
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px; 
    border-bottom:1px solid #E7E7E7;
    background-color:#f3f3f3;
    padding:15px 20px;
    -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset;
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset;
    
}
#login-container #login h1 {
   /* background: url(../img/icons/16/user_active.png) 0 2px no-repeat;*/
    font-weight:normal;
    margin:0;
    padding-left:0px;
    font-size:16px;
    color:#18283C;
}
#login-container #login fieldset section {
    padding:15px 20px;
    overflow:auto;
}
#login-container #login input[type="text"], #login-container #login input[type="password"]{
    width:100%;
    box-sizing: border-box; /* css3 rec */
    -moz-box-sizing: border-box; /* ff2 */
    -ms-box-sizing: border-box; /* ie8 */
    -webkit-box-sizing: border-box; /* safari3 */
    -khtml-box-sizing: border-box;
}
#login-container > #login input[type="text"].error, 
#login-container > #login input[type="password"].error, 
#login-container > #login input[type="text"].error:focus, 
#login-container > #login input[type="password"].error:focus{
    border:1px solid #18283C;
    -webkit-box-shadow:0 0 3px rgba(185, 0, 0, 1);
    -moz-box-shadow:0 0 3px rgba(185, 0, 0, 1);
    box-shadow:0 0 3px rgba(185, 0, 0, 1);
}
#login-container > #login a {
    float:right;
    display:block;
    margin:20px;
    color:#18283C;
}
#login-container span {
    padding-top:20px;
    display:block;
    text-align:center;
    color:#999;
    font-size:12px;
    color:#18283C;
}
/* =============================================================================
   COMMON INFINITY STYLES
   ========================================================================== */
.i-box {
    border:1px solid #E7E7E7;
    border-bottom:1px solid #D7D7D7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    background-color:#F9F9F9;
    -webkit-box-shadow:0 1px 1px #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 1px 1px #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow:0 1px 1px #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}
.i-button {
    margin:20px;
    padding:7px 15px;
    color:#777;
    background-color:#F5F5F5;   
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-decoration:none;
    color:#444;
    filter: dropshadow(color=#fff, offx=0, offy=1); 
    -webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.1);
    border:1px solid #E7E7E7;
    border-bottom:1px solid #D7D7D7;
    color:#777;    
}
.i-button:hover {
    color:#555;
    background-color:#F9F9F9;   
    -webkit-box-shadow:0 1px 0 #FFFFFF inset, 0px 0px 1px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:0 1px 0 #FFFFFF inset, 0px 0px 1px rgba(50, 50, 50, 0.2);
    box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.2);	
}
.i-text {
    border:1px solid #eee;
    background-color:#fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding:7px;
    padding-left:10px;
    width:340px;
    color:#777;
    -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.04) inset;
    -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.04) inset;
    box-shadow:0 0 2px rgba(0, 0, 0, 0.04) inset;
    -webkit-transition: all 1s ;
    -moz-transition: all 1s ;
    -o-transition: all 1s ;
    transition: all 1s ;
}
.i-text:focus {
    border:1px solid #2E7BB8!important;
    -webkit-box-shadow:0 0 3px rgba(46, 123, 184, 1)!important; 
    -moz-box-shadow:0 0 3px rgba(46, 123, 184, 1)!important;    
    box-shadow:0 0 3px rgba(46, 123, 184, 1)!important;	
}
.i-label {
    width:80px;
    float:left;
    padding-top:7px;
    padding-left:20px;
}
.i-divider {
    margin:20px 0;
    height:0;
    border-bottom:1px solid #fff;
    border-top:1px solid #E5E5E5;
    clear:both;
}
.i-transform.i-span label {
    float:left;
    display:block;
    margin-right:8px;
    margin-top:7px;
}
.i-transform select {
    width:330px;
}
.i-validate label.error {
    color:#18283C;
    padding-left:10px;
}
table.i-table {
}
table.i-table thead td, table.i-table tfoot td, table.i-table thead tr:hover td, table.i-table tfoot tr:hover td  {
    background-color:#F4F4F4!important;
}
table.i-table thead td  {
    border-bottom:1px solid #E3E3E3;
    font-weight:bold;
}
table.i-table tfoot td  {
    border-top:1px solid #E3E3E3;
}
table.i-table.fullwidth {
    width:100%;
}
table.i-table.border {
    border:1px solid #eee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
table.i-table td {
    padding:7px;
    padding-left:20px;
}
table.i-table tr:hover td {
    background-color:#ebf5f8!important;
}
table.i-table tr.light td {
    background-color:#fff;
}
table.i-table tr.dark td {
    background-color:#F9F9F9;
}
.box-holder-one-half {
    width:50%;
    float:left;
}
.box-holder-one-half .box-element, .box-holder-one-half .box-buttons {
    margin-left:20px;
    margin-top:0;
}
.box-holder-one-half .first {
    margin-left:0!important;
}
.box-holder-one-half .last {
    margin-right:0!important;
}
.box-element {
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.15);
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom:20px;
}

.box-element .box-head {
    background:#233856 ;
    padding:8px;    
    padding-left:20px;
	border-color: #D8D8D8;
	border-width: 2px;
    border-style: solid;
    color:#EEEEEE;
    position:relative;
    overflow:auto;
	font-weight:800;
}
.box-element .box-head h3, .box-element .box-head-light h3 {
    display:block;
    font-weight:normal;
    float:left;
    font-size:13px;
    margin:0;
}
.box-element .box-head span, .box-element .box-head-light span {
	display:block;
	float:left;
	width:25px;
	height:17px;
    line-height:17px;
    background-position:left center;
    background-repeat:no-repeat;
}
.box-element .box-head a {
    display:none;
    width:21px;
    height:21px;
    background:transparent url('../img/colapse_dark.png') no-repeat;
    position:absolute;
    top:7px;
    right:7px;
}
.box-element .box-head a.open {
    background:transparent url('../img/colapse_dark.png') no-repeat;
}
.box-element .box-head a.closed {
    background:transparent url('../img/expand_dark.png') no-repeat;
}
.box-element .box-content {
    border:1px solid #E0E0E0;
    border-top:0;
    border-bottom:1px solid #d3d3d3;
    padding:20px;
    background-color:#fafafa;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px; 
}

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

.box-element .box-content p {
	margin:0;
	margin-bottom:20px;
}
.box-element .box-content p:last-child {
    margin:0;
}
.box-element .box-content .alert-msg p {
    margin:0;
    margin-top:10px;
}
.box-element .box-content h3, .box-element .box-content h4 {
    margin:0;
    margin-bottom:20px;
}

.box-element .box-content .box-bottom {
    background-color:#F3F3F3;
    border-top:1px solid #E7E7E7;
    padding:10px 20px;    
}

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

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

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

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

/* =============================================================================
   JS LIB STYLES OVERIDES
   ========================================================================== */

.profile-16 {
    background-image: url("../images/profile.png");
}
.logout-16 {
    background-image: url("../images/logout.png");
}
select.i-select {
    width:360px;
}

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



/* Hide from both screenreaders and browsers */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

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



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


.message
{
	text-align:center;
}

.table-bordered {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: separate;
    border-color: #DDDDDD #DDDDDD #DDDDDD -moz-use-text-color;
    border-image: none;
    border-radius: 1px 1px 1px 1px;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
}

.table {
    margin-bottom: 20px;
    width: 100%;
}

.table-bordered th, .table-bordered td {
    border-left: 1px solid #DDDDDD;
}
.table th, .table td {
    line-height: 20px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}
.table td {
    border-top: 1px solid #DDDDDD;
}
.pagination {
	padding: 3px;
	margin: 3px;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #233856;
	
	text-decoration: none; /* no underline */
	color: #233856;
}
.pagination a:hover, .pagination a:active {
	border: 1px solid #233856;

	color: #333;
}
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #233856;
		
		font-weight: bold;
		background-color: #233856;
		color: #FFF;
}
.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
		color: #DDD;
}

.pagination span {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
		color: #DDD;
}
#noticetable tr td
{
	padding:5px;
}
#MemberLoginForm_LoginForm_error
{
	color:#C66;
}
.content-data
{
	background-color:#FFFFFF;
	
}
.content-table
{
	margin-left:10px;
}
input[type=button],input[type=submit]
{
	 	

 -moz-box-sizing: border-box;
    background: linear-gradient(to bottom, #FAFAFA, #E9E9E9) repeat scroll 0 0 #FAFAFA;
    border-color: #ADADAD;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 24px;
    line-height: 22px;
    margin: 0;
    padding: 0 10px 1px;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    white-space: nowrap;
}

@media screen and (min-device-width: 800px)
 { 
	#main-navigation h1
	{
		font-size:13px;
	}
 }
 @media screen and (min-device-width: 1030px)
 { 
	#main-navigation h1
	{
		font-size:20px;
	}
 }
select
{
height:25px;
padding:2px;
border-radius: 3px;
border: 1px solid #CCC;
font-weight: 200;
box-shadow: 1px 1px 5px #CCC;
}
select: hover
{
border-radius: 3px;
border: 1px solid #CCC;
font-weight: 200;
box-shadow: 1px 1px 5px #CCC;
}



input[type='text'], input[type='password']
{


border-radius: 3px;
border: 1px solid #CCC;
padding: 4px;
font-weight: 200;


box-shadow: 1px 1px 5px #CCC;
}

input[type='text']:hover, input[type='password']:hover
{


border-radius: 3px;
border: 1px solid #aaa;
padding: 4px;
font-weight: 200;

box-shadow: 1px 1px 5px #CCC;
}
.help {
	color:#006600;
}

<!-- start of pagination -->

.pagination {
	padding: 3px;
	margin: 3px;
}
.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #21759B;
	
	text-decoration: none; /* no underline */
	color: #21759B;
}
.pagination a:hover, .pagination a:active {
	border: 1px solid #21759B;

	color: #333;
}
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #21759B;
		
		font-weight: bold;
		background-color: #21759B;
		color: #FFF;
}
.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
		color: #DDD;
}
.a_link{
	text-decoration:none;
	color:#666;
	font-weight:bold;
	padding:5px;
	border:1px solid #BCBCBC;
	border-radius:2px;
	
}

<!-- End of pagination -->

.adjusted_onlick{
-moz-box-sizing: border-box;
    background: linear-gradient(to bottom, #FAFAFA, #E9E9E9) repeat scroll 0 0 #FAFAFA;
    border-color: #ADADAD;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 24px;
    line-height: 22px;
    margin: 0;
    padding: 0 10px 1px;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    white-space: nowrap;
}