/***
 * Created by: Mienard Lumaad
 * Date: May 15, 2012
 * Website: http://themepixels.com/
***/

 
 
@import url('plugins/jquery.ui.css'); 
/***** 1. RESET STYLE *****/
/**************************/

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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	/*vertical-align: baseline;*/
}
/***** 2. GENERAL STYLES *****/
/*****************************/


body {
	font-size: 14px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 21px;
}
input, select, textarea, button {
	font-size: 14px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	outline: none;
	font-weight:normal;
	margin: 0;
}
a {
	text-decoration: none;
	color: #666;
	outline: none;
}
button {
	outline: none;
}
a img {
	border: 0;
}
h1, h2, h3, h4, h5, span.h3 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: normal;
}
small {
	font-size: 11px;
}
h1 {
	font-size: 32px;
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 14px;
}
span.h3 {
	font-size: 24px;
	display: block;
}
body.withvernav {
	background: #fff url(../../images/admin/line.ccc.png) repeat-y 286px 0;
} /* seeweb with left menu*/
body.withmenucoll {
	background-position: 55px 0;
} /* with menu style 1 in collapsed mode */
body.withmenucoll2 {
	background-position: 35px 0;
} /* with menu style 2 in collapsed mode */
/* UNCOMMENT THE BELOW CODE TO HAVE A FIXED VERSION LAYOUT */
/*
body { background: #eee !important; }
.bodywrapper { 
	background-color: #fff; width: 1200px; padding: 20px; border: 1px solid #ccc; border-top: 0; 
	border-bottom: 0; margin: 0 auto; position: relative; box-shadow: 0 0 5px #ccc; 
}
.bodywrapper .vernav, .bodywrapper .vernav2 { top: 179px; left: 20px; border: 1px solid #ddd; border-top: 0; }
.bodywrapper .centercontent { margin-left: 232px; }
.withmenucoll2 .bodywrapper .centercontent { margin-left: 37px; }
.withmenucoll .bodywrapper .centercontent { margin-left: 57px; }
*/

/***** 3. COLUMN STYLE *****/
/***************************/


.one_half {
	width: 48.5%;
}
.one_third {
	width: 31.16%;
}
.two_third {
	width: 65.83%;
}
.one_fourth {
	width: 22.5%;
}
.three_fourth {
	width: 74.5%;
}
.one_fifth {
	width: 17.3%;
}
.two_fifth {
	width: 38.1%;
}
.three_fifth {
	width: 58.9%;
}
.four_fifth {
	width: 67.7%;
}
.one_sixth {
	width: 13.83%;
}
.five_sixth {
	width: 83.17%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	position: relative;
	margin-right: 3%;
	float: left;
}
.last {
	margin-right: 0 !important;
	clear: right;
}
/***** 4. LOGIN PAGE *****/
/*************************/

.loginpage {
	background: #fff url(../../images/admin/patternbg.png);
}
.loginbox {
	width: 350px;
	padding: 5px;
	background: #fff;
	margin: 7% auto 0 auto;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
}
.loginboxinner {
	padding: 20px;
	background: #444444 url(../../images/admin/patternbg.png);
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
}
.loginbox .logo {
	text-align: center;
}
.loginbox .logo h1 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #fff;
	border-bottom: 1px solid #eeeeee;
	line-height: normal;
	margin-bottom: 5px;
}
.loginbox .logo h1 span {
	color: #bc9632;
}
.loginbox .logo p {
	font-weight: bold;
	color: #eee;
	font-style: italic;
	font-size:13px;
}
.loginbox form {
	display: block;
	margin-top: 20px;
}
.loginbox .username {
	background: #eee url(../../images/admin/icons/username.png) no-repeat 13px center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	margin: 20px 0;
}
.loginbox .usernameinner {
	margin-left: 45px;
	border-left: 1px solid #ddd;
	background: #fff;
	padding-right: 20px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.loginbox .username input {
	padding: 15px 10px;
	border: 0;
	font-size: 14px;
	width: 100%;
	box-shadow: none;
	color: #666;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
}
.loginbox .password {
	background: #eee url(../../images/admin/icons/password.png) no-repeat 13px center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	margin: 20px 0;
	overflow: hidden;
}
.loginbox .passwordinner {
	margin-left: 45px;
	border-left: 1px solid #ddd;
	background: #fff;
}
.loginbox .password input {
	padding: 15px 10px;
	border: 0;
	font-size: 14px;
	width: 330px;
	box-shadow: none;
	color: #666;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.loginbox button {
	background: #bc9632 url(../../images/admin/btngrad.png) repeat-x top left;
	border: 0;
	padding: 10px 0;
	text-align: center;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	width: 100%;
	text-transform: uppercase;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.loginbox button:hover {
	background-color: #9a7b29;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.loginbox .keep {
	margin-top: 20px;
	font-weight: bold;
	color: #ccc;
	font-size: 13px;
}
.loginbox .keep a:hover {
	text-decoration:underline;
}
.loginbox .loginmsg {
	background: #fffccc;
	color: #333;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
	font-size: 13px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.loginf {
	padding: 10px;
	background: #2e3e59;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: inset 0 1px 1px #23324b;
	-webkit-box-shadow: inset 0 1px 1px #23324b;
	box-shadow: inset 0 1px 1px #23324b;
	border-bottom: 1px solid #475875;
}
.loginpage .nousername, .loginpage .nopassword {
	display: none;
}
.loginpage .nopassword {
	color: #fff;
}
.loginpage .nopassword .thumb {
	padding: 5px;
	background: #fff;
	display: inline-block;
	vertical-align: top;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.loginpage .nopassword .userlogged {
	display: inline-block;
	margin-left: 10px;
	font-weight: bold;
}
.loginpage .nopassword .userlogged h4 {
	font-size: 14px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.loginpage .nopassword .userlogged a {
	color: #f0801d;
	font-style: italic;
}
.loginpage .nopassword .userlogged a:hover {
	text-decoration: underline;
}
.loginpage .notibar {
	border: 0;
}
/***** 5. TOP HEADER STYLES *****/
/********************************/


.topheader {
	background: #333333 url(../../images/admin/default/topheaderbg.png);
	padding: 8px 10px;
	position: relative;
	border-bottom: 1px solid #333333;
}
.topheader .left h1.logo {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #bc9632;
	float: left;
	font-size: 30px;
	margin: 10px 0;
}
.topheader .left h1.logo a {
	color: #555555;
}
.topheader .left h1.logo span {
	color: #bc9632;
}
.topheader .left .slogan {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size:16px;
	float: left;
	padding: 8px 10px;
	border-left: 1px solid #ffffff;
	color: #ffffff;
	font-style: italic;
	margin: 2px 10px;
}
.search {
	float: left;
	margin: 2px 10px;
}
.search input[type=text] {
	border: 0;
	padding: 10px 8px 11px 8px;
	background: #32415a;
	float: left;
	color: #4a5b78;
	-moz-border-radius: 2px 0 0 2px;
	margin: 0;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
	border-bottom: 1px solid #445775;
	width: 200px;
	font-style: italic;
	-moz-box-shadow: inset 1px 1px 2px #2b384e;
	-webkit-box-shadow: inset 1px 1px 2px #2b384e;
	box-shadow: inset 1px 1px 2px #2b384e;
}
.search input[type=text]:focus {
	font-style: normal;
	color: #6a778d;
}
.search .submitbutton  {
	float: left;
	border: 0;
	border-bottom: 1px solid #445775;
	-moz-border-radius: 0 0 2px 0;
	-webkit-border-radius: 0 0 2px 0;
	cursor: pointer;
	border-radius: 0 0 2px 0;
	background: url(../../images/admin/default/searchbutton.png) no-repeat 0 0;
	width: 38px;
	height: 37px;
	vertical-align: middle;
}
.topheader .right {
	position: absolute;
	top: 4px;
	right: 10px;
}
.notification {
	float: left;
	position: relative;
}
.notification a.count {
	background: #cc170e url(../../images/admin/default/notibg.png) repeat-x top left;
	margin-right: 10px;
	font-size: 14px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	padding: 8px 13px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 1px solid #445775;
	-moz-box-shadow: inset 0 0 5px #400603;
	-webkit-box-shadow: inset 0 0 5px #400603;
	box-shadow: inset 0 0 5px #400603;
	color: #fff;
	cursor: pointer;
	display: inline-block;
}
.notification a.count:hover {
	background: #d7180e;
}
.noticontent {
	position: absolute;
	z-index: 100;
	width: 300px;
	top: 48px;
	right: 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	z-index: 200;
}
/***** 5. NOTIFICATION STYLES *****/
/**********************************/


.notitab {
	list-style: none;
	overflow: hidden;
	border-bottom: 1px solid #555555;
	padding: 5px 5px 0 5px;
	margin-bottom: 1px;
}
.notitab li {
	display: inline-block;
	width: 50%;
	float: left;
}
.notitab li a {
	display: block;
	padding: 10px 20px;
	font-weight: bold;
	text-align: center;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}
.notitab li a:hover {
	color: #555555;
}
.notitab li.current a {
	background: #555555;
	color: #fff;
}
.msglist {
	list-style: none;
}
.msglist li {
	border-bottom: 1px solid #eee;
	line-height: 16px;
}
.msglist li:first-child {
	padding-top: 0;
}
.msglist li a {
	padding: 5px;
	display: block;
}
.msglist li a:hover {
	background: #f7f7f7;
}
.msglist li .thumb {
	border: 1px solid #fff;
	display: inline-block;
	float: left;
	margin-right: 10px;
}
.msglist li .thumb:hover {
	border: 1px solid #555555;
}
.msglist li img {
	vertical-align: middle;
}
.msgdetails {
	line-height: 18px;
}
.msgdetails span {
	display: block;
}
.msgdetails .name {
	font-weight: bold;
	color: #555555;
}
.msgdetails .msg {
	font-size: 11px;
}
.msgdetails .time {
	font-size: 10px;
	color: #999;
}
.msgbutton {
	text-align: right;
	padding: 10px;
	overflow: hidden;
}
.msgbutton a {
	padding: 5px 10px;
	background: #eee;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.msgbutton a:hover {
	background: #555555;
	color: #fff;
}
.msgbutton a:first-child {
	float: left;
}
.actlist {
	list-style: none;
}
.actlist li {
	display: block;
	padding: 8px 10px;
	border-bottom: 1px solid #eee;
	line-height: 16px;
}
.actlist li a {
	color: #555555;
	font-weight: bold;
}
.actlist li a:hover {
	color: #555555;
}
.actlist li span {
	display: block;
	font-size: 10px;
	color: #999;
}
/***** 6. USER INFORMATION DROP STYLES *****/
/*******************************************/



.userinfo img {
	border: 1px solid #b9c1ce;
	vertical-align: middle;
	background: #000;
}

.userinfodrop {
	padding: 10px;
	min-width: 200px;
	position: absolute;
	top: 48px;
	right: 0;
	-moz-border-radius: 2px;
	display: none;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	z-index: 200;
}
.userinfodrop .avatar {
	float: left;
}
.userdata {
	margin-left: 5px;
}
.userdata h4 {
	color: #2d3c54;
	display: inline-block;
}
.userdata .email {
	color: #999;
	font-size: 11px;
	display: inline-block;
}
.userdata ul {
	list-style: none;
	margin-top: 10px;
}
.userdata ul li {
	display: block;
	margin-bottom: 1px;
}
.userdata ul li:last-child {
	margin-bottom: 0;
}
.userdata ul li a {
	display: block;
	padding: 5px;
	background: #f7f7f7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.userdata ul li a:hover {
	background: #555555;
	color: #fff;
}
/***** 7. HEADER STYLES *****/
/****************************/


.header {
	background: #555555 url(../../images/admin/default/headerbg.png);
	min-height: 50px;
	overflow: hidden;
	border-bottom: 2px solid #555555;
	-moz-box-shadow: inset 0 1px 0 #555555;
	-webkit-box-shadow: inset 0 1px 0 #555555;
	box-shadow: inset 0 1px 0 #999999;
	position: relative;
}
.headermenu {
	overflow: hidden;
	list-style: none;
	border-right: 1px solid #777777;
	display: inline-block;
}
.headermenu li {
	float: left;
	display: inline-block;
	border-left: 1px solid #777777;
	border-right: 1px solid #444444;
}
.headermenu li:first-child {
	border-left: 0;
}
.headermenu li a {
	display: block;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 7px 10px;
}
.headermenu li a {
	min-width: 80px;
	text-align: center;
}
.headermenu li a span {
	opacity: 0.5;
}
.headermenu li a span.icon {
	height: 30px;
	display: block;
	margin-bottom: 10px;
}
.headermenu li a span.icon-flatscreen {
	background: url(../../images/admin/icons/flatscreen.white.png) no-repeat center center;
}
.headermenu li a span.icon-pencil {
	background: url(../../images/admin/icons/pencil.white.png) no-repeat center center;
}
.headermenu li a span.icon-speech {
	background: url(../../images/admin/icons/speech.white.png) no-repeat center center;
}
.headermenu li a span.icon-message {
	background: url(../../images/admin/icons/message.white.png) no-repeat center center;
}
.headermenu li a span.icon-chart {
	background: url(../../images/admin/icons/chart.white.png) no-repeat center center;
}
.headermenu li a span.icon-setting {
	background: url(../../images/admin/icons/settings-w.png) no-repeat center center;
}



.headermenu li a:hover {
	background: url(../../images/admin/default/bghover.png) no-repeat center bottom;
	background-size: 100%;
	-moz-box-shadow: inset 0 1px 0 #bc9632;
	-webkit-box-shadow: inset 0 1px 0 #bc9632;
	box-shadow: inset 0 1px 0 #bc9632;
}
.headermenu li.current {
	border-left: 0;
	border-right: 1px solid #333333;
}
.headermenu li.current a {
	background: url(../../images/admin/default/arrow-active.png) no-repeat center bottom;
	-moz-box-shadow: inset 0 1px 0 #bc9632;
	-webkit-box-shadow: inset 0 1px 0 #bc9632;
	box-shadow: inset 0 1px 0 #bc9632;
}
.headermenu li.current a span {
	opacity: 1;
}
.headerwidget {
	position: absolute;
	top: 10px;
	right: 10px;
}
.headerwidget .earnings {
	background: #32415a;
	padding: 8px 10px;
	overflow: hidden;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	min-width: 200px;
	-moz-box-shadow: inset 1px 1px 2px #29374e;
	-webkit-box-shadow: inset 1px 1px 2px #29374e;
	box-shadow: inset 1px 1px 2px #29374e;
	border-bottom: 1px solid #516686;
}
.headerwidget .earnings h4 {
	font-weight: normal;
	text-transform: uppercase;
	color: #eee;
	font-size: 11px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
}
.headerwidget .earnings h2 {
	color: #f6e4a5;
	font-size: 32px;
	font-weight: normal;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
}
/***** 8. PAGE HEADER STYLES *****/
/*********************************/


.pageheader {
	padding-top: 20px;
	background: url(../../images/admin/default/noise.white.png);
	position: relative;
}
.pageheader .pagetitle {
	margin: 0 10px;
	color: #bc9632;
	font-weight: normal;
	font-size: 28px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.pageheader .pagedesc {
	color: #666;
	margin: 0 10px;
}
.notab {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}
/***** 9. HORIZONTAL NAVIGATION STYLES *****/
/*******************************************/


.hornav {
	list-style: none;
	margin-top: 15px;
	border-bottom: 1px solid #ccc;
	padding: 0 10px;
	height: 41px;
}
.hornav li {
	display: inline-block;
	float: left;
	margin-right: 5px;
}
.hornav li a {
	display: block;
	padding: 10px 20px;
	background: #ccc;
	color: #fff;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	border: 1px solid #ccc;
	border-bottom: 0;
}
.hornav li a:hover {
	background: #bbb;
	border-color: #aaa;
}
.hornav li.current a {
	background: #fff;
	color: #555555;
}
.hornav li.current a:hover {
	border-color: #ccc;
}
.editornav {
	list-style: none;
	margin-top: 15px;
	border-bottom: 1px solid #ccc;
	padding: 0 20px;
	height: 41px;
}
.editornav li {
	display: inline-block;
}
.editornav li a {
	display: block;
	padding: 10px 20px;
	background: #ccc;
	color: #fff;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	border: 1px solid #ccc;
	border-bottom: 0;
	cursor: pointer;
}
.editornav li a:hover {
	background: #bbb;
	border-color: #aaa;
}
.editornav li.current a {
	background: #fff;
	color: #555555;
}
.editornav li.current a:hover {
	border-color: #ccc;
}
/***** 10. VERTICAL NAVIGATION STYLES *****/
/******************************************/


.vernav {
	width: 230px;
	position: absolute;
	left: 0;
	top: 160px;
}
.vernav ul {
	list-style: none;
	margin: 10px;
}
.vernav ul li {
	display: block;
	margin-bottom: 1px;
	position: relative;
}
.vernav ul li a {
	display: block;
	padding: 12px 10px;
	background: #f7f7f7;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #32415a;
	text-transform: uppercase;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.vernav ul li a:hover {
	background-color: #32415A;
	color: #eee;
}
.vernav ul li.current a {
	background-color: #32415a;
	color: #555555;
}
.vernav ul ul {
	margin: 0;
	margin-left: 10px;
	display: none;
}
.vernav ul ul li a {
	color: #999;
	background: #fff url(../../images/admin/line.dashed.png) no-repeat -25px center;
	border-left: 1px dashed #ccc;
	padding-left: 10px;
}
.vernav ul ul li a:hover {
	background-color: #fff;
	color: #666;
}
.vernav ul li.current ul {
	display: block;
}
.vernav ul li.current ul li a {
	background-color: #fff;
	color: #999;
}
.vernav ul li.current ul li a:hover {
	color: #666;
}
.vernav ul li.current ul li.current a {
	color: #555555;
	background-color: #fff;
}
.vernav2 {
	width: 286px;
	position: absolute;
	left: 0;
	top: 159px;
}
.vernav2 ul {
	list-style: none;
	margin: 0;
}
.vernav2 ul li {
	display: block;
	border-bottom: 1px solid #eee;
	position: relative;
}
.vernav2 ul li a {
	display: block;
	padding: 9px 10px;
	background: #fff;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #32415a;
	text-transform: uppercase;
}
.vernav2 ul li a:hover {
	background-color: #fcfcfc;
}
.vernav2 ul li.current a {
	background-color: #f7f7f7;
	color: #555555;
}
.vernav2 ul ul {
	margin: 0;
	padding-left: 10px;
	border-top: 1px solid #eee;
	display: none;
}
.vernav2 ul ul li {
	border-bottom: 0;
}
.vernav2 ul ul li a {
	color: #999;
	background: #fff url(../../images/admin/line.dashed.png) no-repeat -25px center;
	border-left: 1px dashed #ccc;
	padding-left: 10px;
}
.vernav2 ul ul li a:hover {
	background-color: #fff;
	color: #666;
}
.vernav2 ul ul li:last-child {
	border-bottom: 0;
}
.vernav2 ul li.current ul {
	display: block;
}
.vernav2 ul li.current ul li a {
	background-color: #fff;
	color: #999;
}
.vernav2 ul li.current ul li a:hover {
	color: #666;
}
.vernav2 ul li.current ul li.current a {
	background-color: #fff;
	color: #555555;
}
.vernav ul li span.arrow, .vernav2 ul li span.arrow {
	position: absolute;
	top: 17px;
	right: 10px;
	background: url(../../images/admin/default/menuarrow.png) no-repeat 0 0;
	width: 11px;
	height: 5px;
}
.vernav ul li.current span.arrow, .vernav2 ul li.current span.arrow {
	background-position: 0 -5px;
}
.iconmenu ul li a {
	padding-left: 35px;
	background-image: url(../../images/admin/default/icons_sprite.png);
	background-repeat: no-repeat;
	background-position: 10px 12px;
}
.iconmenu ul li a:hover {
	background-image: url(../../images/admin/default/icons_sprite2.png);
}
.iconmenu ul li.current a:hover {
	background-image: url(../../images/admin/default/icons_sprite.png);
}
.iconmenu ul ul {
	padding-left: 25px;
}
.iconmenu ul li a.editor {
	background-position: 8px 10px;
}
.iconmenu ul li a.gallery {
	background-position: 8px -61px;
}
.iconmenu ul li a.elements {
	background-position: 8px -133px;
}
.iconmenu ul li a.widgets {
	background-position: 8px -205px;
}
.iconmenu ul li a.calendar {
	background-position: 8px -278px;
}
.iconmenu ul li a.support {
	background-position: 8px -349px;
}
.iconmenu ul li a.typo {
	background-position: 8px -421px;
}
.iconmenu ul li a.tables {
	background-position: 8px -493px;
}
.iconmenu ul li a.error {
	background-position: 8px -565px;
}
.iconmenu ul li a.addons {
	background-position: 8px -638px;
}
.iconmenu ul li a.inbox {
	background-position: 8px -708px;
}
.iconmenu ul li a.drafts {
	background-position: 8px -780px;
}
.iconmenu ul li a.sent {
	background-position: 8px -853px;
}
.iconmenu ul li a.trash {
	background-position: 8px -923px;
}
.iconmenu ul li.current a.editor {
	background-position: 8px -24px;
}
.iconmenu ul li.current a.gallery {
	background-position: 8px -97px;
}
.iconmenu ul li.current a.elements {
	background-position: 8px -169px;
}
.iconmenu ul li.current a.widgets {
	background-position: 8px -240px;
}
.iconmenu ul li.current a.calendar {
	background-position: 8px -314px;
}
.iconmenu ul li.current a.support {
	background-position: 8px -385px;
}
.iconmenu ul li.current a.typo {
	background-position: 8px -457px;
}
.iconmenu ul li.current a.tables {
	background-position: 8px -530px;
}
.iconmenu ul li.current a.error {
	background-position: 8px -601px;
}
.iconmenu ul li.current a.addons {
	background-position: 8px -674px;
}
.iconmenu ul li.current a.inbox {
	background-position: 8px -744px;
}
.iconmenu ul li.current a.drafts {
	background-position: 8px -816px;
}
.iconmenu ul li.current a.sent {
	background-position: 8px -889px;
}
.iconmenu ul li.current a.trash {
	background-position: 8px -959px;
}
.menucoll {
	width: 55px;
}
.menucoll ul li {
	height: 36px;
	position: relative;
	margin-bottom: 0;
}
.menucoll ul li span.arrow {
	display: none;
}
.menucoll > ul > li {
	margin-bottom: 1px;
}
.menucoll > ul > li > a {
	overflow: hidden;
	width: 0;
	height: 36px;
	padding: 0 0 0 35px;
}
.menucoll > ul > li.hover > a {
	background-color: #32415A;
	background-image: url(../../images/admin/default/icons_sprite2.png);
}
.menucoll > ul > li.current > a {
	background-image: url(../../images/admin/default/icons_sprite.png);
}
.menucoll ul ul {
	position: absolute;
	z-index: 200;
	top: 0;
	left: 24px;
	padding: 0;
	width: 200px;
	background: none;
	border: 1px solid #ccc;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 2px 1px 3px rgba(0,0,0,0.1);
}
.menucoll ul ul li {
	display: block;
	border-bottom: 1px solid #eee;
	height: auto;
}
.menucoll ul ul li a {
	background-image: none;
	border-left: 0;
	height: auto;
	padding: 11px 10px 10px 10px;
}
.menucoll ul ul span {
	background: #f7f7f7;
	font-weight: bold;
	display: block;
	padding: 9px 10px 10px 10px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.menucoll ul li.current ul {
	display: none;
}
.menucoll ul li.current ul span {
	background-color: #32415A;
	color: #555555;
}
.menucoll2 {
	width: 35px;
}
.menucoll2 ul li {
	height: 36px;
	position: relative;
}
.menucoll2 ul li span.arrow {
	display: none;
}
.menucoll2 > ul > li > a {
	overflow: hidden;
	width: 0;
	height: 36px;
	padding: 0 0 0 35px;
}
.menucoll2 > ul > li.hover > a {
	background-color: #f7f7f7;
	background-image: url(../../images/admin/default/icons_sprite2.png);
}
.menucoll2 > ul > li.current > a {
	background-image: url(../../images/admin/default/icons_sprite.png);
}
.menucoll2 ul ul {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 35px;
	padding: 0;
	width: 200px;
	background: none;
	border: 1px solid #ccc;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 2px 1px 3px rgba(0,0,0,0.1);
}
.menucoll2 ul ul li {
	display: block;
	border-bottom: 1px solid #eee;
	height: auto;
}
.menucoll2 ul ul li a {
	background-image: none;
	border-left: 0;
	height: auto;
	padding: 11px 10px 10px 10px;
}
.menucoll2 ul ul span {
	background: #f7f7f7;
	font-weight: bold;
	display: block;
	padding: 9px 10px 10px 10px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.menucoll2 ul li.current ul {
	display: none;
}
.menucoll2 ul li.current ul span {
	color: #555555;
}
.togglemenu {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	display: block;
	height: 21px;
	cursor: pointer;
	background: url(../../images/admin/menucollapsed.png) no-repeat center 0;
	margin: 10px;
}
.togglemenu_collapsed {
	background-position: center -21px;
	margin: 10px 5px;
	border-width: 0;
}
.vernav .togglemenu {
	margin: 10px;
}
.vernav .togglemenu_collapsed {
	width: 35px;
	margin: 10px auto;
	border-width: 1px;
}
/***** 11. CENTER CONTENT STYLES *****/
/*************************************/


.centercontent {
	margin-left: 231px;
	position: relative;
}
.centercontent .pagetitle {
	margin: 0 20px 10px 20px;
}
.centercontent .pagedesc {
	margin: 0 20px;
}
.centercontent .hornav {
	padding: 0 20px;
}
.withmenucoll .centercontent {
	margin-left: 56px;
}
.withmenucoll2 .centercontent {
	margin-left: 36px;
}
/***** 12. MAIN CONTENT STYLES *****/
/***********************************/


.contentwrapper {
	padding: 20px;
}
.contentwrapper p {
	margin: 20px 0;
}
.withrightpanel {
	margin-right: 260px;
}
.subcontent {
	position: relative;
}
.contenttitle {
	background: #32415A;
	color: #555555;
	text-transform: uppercase;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	font-size: 14px;
	font-weight: normal;
}
.contenttitle h4 {
	padding: 12px 10px;
	font-size: 14px;
}
.contenttitle2 {
	margin: 20px 0;
	border-bottom: 2px solid #bc9632;
	padding-bottom: 5px;
	padding-right: 20px;
	display: inline-block;
}
.contenttitle2 h3 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}
/***** 13. DASHBOARD STYLES *****/
/********************************/

.shortcuts {
	list-style: none;
}
.shortcuts li {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 100px;
	height: 100px;
	background: #eee;
	padding: 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: relative;
	-moz-box-shadow: inset 1px 1px 2px #ccc;
	-webkit-box-shadow: inset 1px 1px 2px #ccc;
	box-shadow: inset 1px 1px 2px #ccc;
}
.shortcuts li a {
	width: 98px;
	height: 98px;
	display: block;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center 10px;
	border: 1px solid #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.shortcuts li a:hover {
	border-color: #555555;
}
.shortcuts li a span {
	text-align: center;
	display: block;
	padding-top: 70px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.shortcuts li a.settings {
	background-image: url(../../images/admin/icons/64/settings.png);
}
.shortcuts li a.users {
	background-image: url(../../images/admin/icons/64/users.png);
}
.shortcuts li a.gallery {
	background-image: url(../../images/admin/icons/64/images.png);
}
.shortcuts li a.events {
	background-image: url(../../images/admin/icons/64/events.png);
}
.shortcuts li a.analytics {
	background-image: url(../../images/admin/icons/64/analytics.png);
}
.toplist {
	list-style: none;
}
.toplist li {
	display: block;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	overflow: hidden;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	line-height: 21.5px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.toplist li a {
	overflow: hidden;
	display: block;
}
.toplist li a:hover {
	color: #68768d;
}
.toplist li .left {
	display: block;
	padding: 10px;
}
.toplist li .right {
	background: #fcfcfc;
	display: block;
	border-left: 1px solid #ddd;
	padding: 20px 10px;
	text-align: center;
}
.toplist li .title {
	text-transform: uppercase;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #32415A;
	display: block;
}
.toplist li .desc {
	color: #555555;
	font-weight: bold;
	font-size: 11px;
}
.overviewhead {
	padding: 10px;
	border: 1px solid #ddd;
	background: #fcfcfc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	min-height: 32px;
	border-radius: 2px;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
}
.overviewselect {
	float: right;
	margin-top: 1px;
}
.overviewhead input {
	border: 1px solid #ccc;
	padding: 8px 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.overviewtable tr td, .overviewtable tr th {
	text-align: right !important;
}
.overviewtable tbody tr td {
	font-size: 24px;
	color: #111;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
/***** 14. FILE MANAGER STYLES *****/
/***********************************/


.filemgr {
	position: relative;
	min-height: 400px;
}
.filemgr .filemgr_right {
	position: absolute;
	width: 250px;
	top: 62px;
	right: 0;
}
.filemgr .filemgr_rightinner {
	margin: 20px 0;
	padding: 0 20px;
	border-left: 1px dashed #ddd;
}
.filemgr_head {
	padding: 15px 20px;
	background: #fcfcfc;
	border-bottom: 1px solid #ddd;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
}
.filemgr_menu {
	list-style: none;
	position: relative;
}
.filemgr_menu li {
	display: inline-block;
	float: left;
}
.filemgr_menu li.right {
	float: right;
}
.filemgr_menu li a {
	padding: 4px 10px 5px 10px;
	border: 1px solid #ccc;
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fcfcfc;
	font-weight: bold;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
	background-color: #fff;
}
.filemgr_menu li a:hover {
	background-color: #eee;
	border-color: #bbb;
	cursor: pointer;
}
.filemgr_menu li a.prev, .filemgr_menu li a.next {
	display: block;
	padding: 15px;
	border: 1px solid #ccc;
	cursor: pointer;
	background-color: #fff;
}
.filemgr_menu li a.prev:hover, .filemgr_menu li a.next:hover {
	background-color: #eee;
	border-color: #bbb;
}
.filemgr_menu li a.prev {
	border-right: 0;
	background: #fff url(../../images/admin/arrow.png) no-repeat 10px 8px;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
}
.filemgr_menu li a.prev_disabled {
	background-position: 10px -46px;
	cursor: default;
}
.filemgr_menu li a.prev_disabled:hover {
	border-color: #ccc;
	background-color: #fff;
}
.filemgr_menu li a.next {
	background: #fff url(../../images/admin/arrow.png) no-repeat -39px 8px;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
}
.filemgr_menu li a.next_disabled {
	background-position: -39px -46px;
	cursor: default;
}
.filemgr_menu li a.next_disabled:hover {
	border-color: #ccc;
	background-color: #fff;
}
.filemgr_menu li a.selectall {
	background-image: url(../../images/admin/selectall.png);
	background-position: 7px 7px;
	background-repeat: no-repeat;
	padding-left: 27px;
}
.filemgr_menu li a.preview {
	background-image: url(../../images/admin/preview.png);
	background-position: 7px 8px;
	background-repeat: no-repeat;
	padding-left: 30px;
}
.filemgr_menu li a.preview_disabled {
	opacity: 0.5;
}
.filemgr_menu li a.preview_disabled:hover {
	background-color: #fff;
	cursor: default;
}
.filemgr_menu li a.newfolder {
	padding: 15px;
	background-image: url(../../images/admin/addfolder.png);
	background-position: 7px 8px;
	background-repeat: no-repeat;
}
.filemgr_menu li a.trash {
	padding: 15px;
	background-image: url(../../images/admin/trash.png);
	background-position: 7px 7px;
	background-repeat: no-repeat;
}
.filemgr_menu li a.trash_disabled {
	opacity: 0.5;
}
.filemgr_menu li a.trash_disabled:hover {
	background-color: #fff;
	cursor: default;
}
.filemgr_menu form input.filekeyword {
	padding: 7px 7px 8px 7px;
	width: 200px;
	background: #fff;
	color: #999;
	font-style: italic;
}
.filemgr_menu form input.filekeyword:focus {
	color: #666;
	font-style: normal;
}
.filemgr_content {
	padding: 20px;
	margin-right: 250px;
}
.filemgr_category {
	padding: 10px 0;
	margin: 0 20px;
	border-bottom: 1px dashed #ddd;
	margin-right: 270px;
}
.filemgr_category ul {
	list-style: none;
}
.filemgr_category ul li {
	display: inline-block;
	margin-right: 5px;
}
.filemgr_category ul li.right {
	float: right;
}
.filemgr_category ul li a {
	display: block;
	padding: 5px 10px;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.filemgr_category ul li a:hover {
	background: #fcfcfc;
	-moz-box-shadow: inset 1px 1px 1px #ddd;
	-webkit-box-shadow: inset 1px 1px 1px #ddd;
	box-shadow: inset 1px 1px 1px #ddd;
}
.filemgr_category ul li.current a {
	background: #eee;
	-moz-box-shadow: inset 1px 1px 1px #ccc;
	-webkit-box-shadow: inset 1px 1px 1px #ccc;
	box-shadow: inset 1px 1px 1px #ccc;
}
.filemgr_category ul li .pagenuminfo {
	display: inline-block;
	margin-top: 5px;
}
.filemgr_menu li a.newfilebutton {
	display: block;
	padding: 4px 10px 5px 10px;
	text-align: center;
	border: 1px solid #8e6e26;
	background: #555555;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	-moz-box-shadow: inset 0 1px 0 rgba(250,250,250,0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(250,250,250,0.3);
	box-shadow: inset 0 1px 0 rgba(250,250,250,0.3);
}
.filemgr_menu li a.newfilebutton:hover {
	background: #555555;
	border: 1px solid #3f526f;
}
.menuright {
	list-style: none;
}
.menuright li {
	display: block;
	margin-bottom: 1px;
}
.menuright li a {
	display: block;
	padding: 8px 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
}
.menuright li a:hover {
	background: #eee;
}
.menuright li.current a {
	background: #999;
	color: #fff;
}
.listfile {
	list-style: none;
}
.listfile li {
	display: inline-block;
	margin: 5px 10px 5px 0;
}
.listfile li a {
	display: block;
	border: 1px solid #eee;
	padding: 10px;
}
.listfile li a:hover {
	cursor: pointer;
	border-color: #ddd;
}
.listfile li a span.filename {
	display: block;
	margin-top: 5px;
	font-size: 11px;
	text-align: center;
}
.listfile li.selected a {
	border-color: #555555;
	background: #fff4eb;
}
/***** 15. RIGHT PANEL STYLES *****/
/**********************************/


.rightpanel {
	width: 250px;
	position: absolute;
	top: 85px;
	right: 10px;
}
.rightpanelinner {
}
.widgetbox {
	margin-top: 20px;
}
.widgetbox .title {
	padding: 0 20px 5px 0;
	margin: 20px 0;
	display: inline-block;
	border-bottom: 2px solid #555555;
}
.widgetbox:first-child .title {
	margin-top: 0;
}
.widgetbox .title h4 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}
/***** 16. WIDGET BOX STYLES *****/
/*********************************/

.widgetbox {
}
.widgetbox .title {
	margin: 20px 0;
}
.widgetbox .title h3 {
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.widgetbox .widgetcontent {
	line-height: 21px;
}
.widgetcontent ul.linklist {
	list-style: none;
}
.widgetcontent ul.linklist li {
	border-bottom: 1px dotted #ddd;
	padding: 1px 0;
}
.widgetcontent ul.linklist li a {
	display: block;
	padding: 2px 5px;
	color: #666;
}
.widgetcontent ul.linklist li a:hover {
	background: #f7f7f7;
	text-decoration: none;
}
.widgetbox .titlehover h2 span {
	background: #333 url(../../images/admin/icons/arrow.png) no-repeat right;
}
.widgetbox .widgettoggle {
	overflow: hidden;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.widgetbox .listthumb {
	list-style: none;
	margin: 0;
}
.widgetbox .listthumb li {
	padding: 0;
	margin: 8px 0;
}
.widgetbox .listthumb img {
	vertical-align: middle;
}
.widgetbox .thumb {
	list-style: none;
	margin: 0;
}
.widgetbox .thumb li {
	display: inline-block;
	padding: 0;
	margin-right: 5px;
}
.widgetbox .widgetoptions {
	padding: 10px;
	border: 1px solid #ddd;
	border-bottom: 0;
	background: #f7f7f7;
	position: relative;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
}
.widgetbox .widgetoptions a {
	padding: 5px 15px;
	display: inline-block;
	border: 1px solid #ccc;
	background: #fff;
	font-weight: bold;
	font-size: 11px;
	color: #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
	line-height: 21px;
}
.widgetbox .widgetoptions a:hover {
	border: 1px solid #bbb;
	background-color: #f7f7f7;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
}
.widgetbox .widgetoptions .right {
	float: right;
}
.contentwrapper .widgetbox {
	margin-bottom: 20px;
	margin-top: 0;
}
.userlistwidget {
	border: 1px solid #ddd;
}
.userlistwidget ul {
	list-style: none;
}
.userlistwidget ul li {
	font-size: 11px;
	line-height: 18px;
	border-bottom: 1px dashed #ddd;
	padding: 10px;
}
.userlistwidget ul li:last-child {
	border-bottom: 0;
}
.userlistwidget ul li .avatar {
	float: left;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #eee;
}
.userlistwidget ul li a {
	font-weight: bold;
}
.userlistwidget .more {
	display: block;
	text-align: center;
	background: #eee;
	color: #069;
	padding: 5px 0;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	border-top: 1px solid #ddd;
}
.userlistwidget .more:hover {
	text-decoration: none;
	background: #e7e7e7;
}
/***** RECENT ACTIVITY *****/
.recent_list {
	list-style: none;
	font-size: 11px;
	line-height: 16px;
}
.recent_list li {
	display: block;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	border: 1px solid #ddd;
	border-top: 0;
}
.recent_list li:first-child {
	border-top: 1px solid #ddd;
}
.recent_list li.message {
	background-image: url(../../images/admin/icons/mail.png);
}
.recent_list li.user {
	background-image: url(../../images/admin/icons/users.png);
}
.recent_list li.call {
	background-image: url(../../images/admin/icons/call.png);
}
.recent_list li.calendar {
	background-image: url(../../images/admin/icons/calendar.png);
}
.recent_list li.settings {
	background-image: url(../../images/admin/icons/settings.png);
}
.recent_list li.new {
	background-color: #fff;
}
.recent_list li .msg {
	margin-left: 35px;
	background: #f7f7f7;
	padding: 8px 10px;
	border-left: 1px solid #ddd;
}
.recent_list li.new .msg {
	background: #fff;
}
.recent_list li a.subject {
	margin: 2px 0;
	color: #333;
	font-weight: bold;
	display: block;
}
.recent_list li a.subject:hover {
	text-decoration: none;
	color: #666;
}
.msgmore a {
	display: block;
	text-align: center;
	color: #069;
	background: #eee;
	border: 1px solid #ddd;
	padding: 5px 0;
	margin-top: 5px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
.msgmore a:hover {
	text-decoration: none;
	background: #bbb;
	color: #333;
}
/***** 17. CONTENT SLIDER STYLES *****/
/*************************************/

.bx-wrapper {
	border: 1px solid #ddd;
	width: auto !important;
	line-height: 21px;
	overflow: hidden;
}
.slide_wrap {
	padding: 20px 50px;
	min-height: 60px;
}
.bx-prev {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 100%;
	opacity: 0.6;
	vertical-align: middle;
	background: #eee url(../../images/admin/prev.png) no-repeat center center;
	border-right: 1px solid #ddd;
}
.bx-next {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 100%;
	opacity: 0.6;
	vertical-align: middle;
	background: #eee url(../../images/admin/next.png) no-repeat center center;
	border-left: 1px solid #ddd;
}
.bx-prev:hover, .bx-next:hover {
	opacity: 1;
}
.slide_img {
	float: left;
}
.slide_content {
	margin-left: 120px;
}
.slide_content h4 {
	font-size: 18px;
	font-weight: normal;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.slide_content h4 a {
	color: #555555;
}
.slide_content h4 a:hover {
	color: #555555;
}
.slide_content p {
	margin: 10px 0;
}
/***** 18. CALENDAR STYLES *****/
/*******************************/


#external-events p {
	font-size: 11px;
}
.external-event {
	background: #555555;
	color: #fff;
	padding: 8px 10px;
	margin-bottom: 5px;
	font-weight: bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: move;
}
.fc-header-left span.fc-state-active {
	background: #eee;
	color: #555555;
	border: 1px solid #ccc;
}
.fc-header-title {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 5px 10px;
	border-bottom: 2px solid #555555;
}
.fc-header-title h2 {
	font-size: 18px;
}
.fc-button-prev:hover, .fc-button-next:hover {
	background: #eee;
	color: #555555;
	border-color: #ccc;
}
.fc-button-today:hover {
	color: #555555;
	background: #eee;
	border-color: #ccc;
}
input.hasDatepicker {
	background-image: url(../../images/admin/icons/calendar.png) !important;
	background-repeat: no-repeat !important;
	background-position: 5px 7px !important;
	padding-left: 27px !important;
	width: 80px !important;
}
/***** 19. STANDARD TABLES STYLES *****/
/**************************************/


.stdtable {
	width: 100%;
}
.stdtable .con0 {
	background: #fff;
}
.stdtable .con1 {
	background: #fcfcfc;
}
.stdtable th, .stdtable td {
	line-height: 21px;
	vertical-align: middle;
	color: #333;
}
.stdtable thead th, .stdtable thead td {
	padding: 7px 10px;
	border: 1px solid #ddd;
	border-left: 0;
	text-align: left;
}
.stdtable tfoot th, .stdtable tfoot td {
	padding: 7px 10px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: left;
}
.stdtable thead th:first-child, .stdtable tfoot th:first-child, .stdtable thead td:first-child, .stdtable tfoot td:first-child {
	border-left: 1px solid #ddd;
}
.stdtable thead th.head0, .stdtable tfoot th.head0, .stdtable thead td.head0, .stdtable tfoot td.head0 {
	background-color: #fcfcfc;
}
.stdtable thead th.head1, .stdtable tfoot th.head1, .stdtable thead td.head1, .stdtable tfoot td.head1 {
	background-color: #f7f7f7;
}
.stdtable thead th.sorting, .stdtable thead td.sorting {
	background-image: url(../../images/admin/sort_both.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.stdtable thead th.sorting_asc, .stdtable thead td.sorting_asc {
	background-image: url(../../images/admin/sort_asc.png);
	background-repeat: no-repeat;
	background-position: right 9px;
}
.stdtable thead th.sorting_desc, .stdtable thead td.sorting_desc {
	background-image: url(../../images/admin/sort_desc.png);
	background-repeat: no-repeat;
	background-position: right 9px;
}
.stdtable thead th.nosort {
	background-image: none !important;
}
.stdtable thead td {
	font-weight: bold;
}
.stdtable thead td.center {
	text-align: center;
}
.stdtable tbody tr td {
	padding: 8px 10px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	color: #666;
}
.stdtable tbody tr:last-child td {
	border-bottom: 1px solid #ddd;
}
.stdtable tbody tr td:first-child {
	border-left: 1px solid #ddd;
}
.stdtable tbody tr td:last-child {
	border-right: 1px solid #ddd;
}
.stdtable tbody tr.togglerow td {
	background: #fff;
	padding: 15px;
}
.stdtable tbody tr.togglerow:hover td {
	background: #fff;
}
.stdtable tbody tr.hiderow {
	display: none;
}
.stdtable .actions {
	text-align: center;
}
.stdtable .actions a {
	display: inline-block;
	margin-left: 5px;
	border-left: 1px solid #ccc;
	padding-left: 5px;
}
.stdtable .actions a:first-child {
	border-left: 0;
	margin-left: 0;
}
.stdtable .actions a:hover {
	color: #555555;
}
.stdtable a.title {
	font-weight: bold;
	color: #32415a;
}
.stdtable a.title:hover {
	color: #555555;
}
.tableoptions {
	background: #fcfcfc;
	border: 1px solid #ddd;
	border-bottom: 0;
	padding: 8px;
	-moz-border-radius: 0 1px 0 #fff;
	-webkit-border-radius: 0 1px 0 #fff;
	border-radius: 0 1px 0 #fff;
}
.tableoptions button {
	background: #fcfcfc;
	font-size: 11px;
	color: #666;
	padding: 7px 10px;
	border: 1px solid #ccc;
	margin: 0;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.tableoptions button:hover {
	background: #eee;
	cursor: pointer;
}
.tableoptions select {
	background: #fff;
	padding: 6px 5px 7px 5px;
	border: 1px solid #ccc;
	margin: 0;
	outline: none;
	font-size: 11px;
	color: #666;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.dataTables_wrapper {
	position: relative;
}
.dataTables_length {
	background: #fcfcfc;
	border: 1px solid #ddd;
	border-bottom: 0;
	padding: 8px;
}
.dataTables_paginate {
	background: #fcfcfc;
	border: 1px solid #ddd;
	border-top: 0;
	padding: 8px;
}
.dataTables_length, .dataTables_paginate {
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
}
.dataTables_wrapper select {
	background: #fff;
	padding: 5px;
	border: 1px solid #bbb;
	margin: 0;
	outline: none;
	font-size: 11px;
	color: #666;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 0 5px;
}
.dataTables_wrapper input {
	border: 1px solid #ddd;
	padding: 7px 5px 8px 5px;
	width: 200px;
	background: #fff;
}
.dataTables_filter {
	position: absolute;
	top: 7px;
	right: 8px;
}
.dataTables_info {
	position: absolute;
	bottom: 13px;
	left: 8px;
}
.dataTables_paginate {
	text-align: right;
	line-height: 16px;
}
.dataTables_paginate span {
	display: inline-block;
}
.dataTables_paginate .paginate_button {
	border: 1px solid #ccc;
	padding: 5px 7px;
	margin-left: 5px;
	font-weight: bold;
	background: #fcfcfc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 11px;
	-moz-box-shadow: 1px 1px 2px #ddd;
	-webkit-box-shadow: 1px 1px 2px #ddd;
	box-shadow: 1px 1px 2px #ddd;
}
.dataTables_paginate .paginate_active {
	border: 1px solid #8e6e26;
	background: #8e6e26;
	color: #fff;
	padding: 5px 7px;
	margin-left: 5px;
	font-weight: bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 11px;
}
.dataTables_paginate .paginate_button:hover {
	background: #ddd;
	border: 1px solid #ccc;
	cursor: pointer;
	color: #333;
}
/***** 20. STANDARD FORM STYLES *****/
/************************************/


form input[type=text], form input[type=email] {
	padding: 8px 5px;
	border: 1px solid #ccc;
	width: 85%;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fcfcfc;
	vertical-align: middle;
	-moz-box-shadow: inset 0 1px 3px #ddd;
	-webkit-box-shadow: inset 0 1px 3px #ddd;
	box-shadow: inset 0 1px 3px #ddd;
	color: #666;
}
form input:focus {
	background: #fff;
	-moz-box-shadow: inset 1px 1px 2px #eee;
	-webkit-box-shadow: inset 1px 1px 2px #eee;
	box-shadow: inset 1px 1px 2px #eee;
}
form textarea {
	padding: 6px 5px;
	border: 1px solid #ccc;
	width: 85%;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: inset 0 1px 3px #ddd;
	-webkit-box-shadow: inset 0 1px 3px #ddd;
	box-shadow: inset 0 1px 3px #ddd;
	background: #fcfcfc;
	color: #666;
}
form input[type=radio], .stdform input[type=checkbox] {
	width: auto;
	margin: 0;
	vertical-align: middle;
}
form input[type=submit], .ajout_element, .ajout_fichier {
	width: auto;
	margin: 0;
	font-weight: bold;
	color: #eee;
	background: #bc9632;
	border: 1px solid #8e6e26;
	padding: 7px 10px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.ajout_element, .ajout_fichier {
	cursor:pointer;
}
.ajout_element {
	margin:10px 20px;
}
form input[type=submit]:hover, .ajout_element:hover {
	background: #555555;
	border: 1px solid #3f526f;
}
form input[type=reset] {
	width: auto;
	margin: 0;
	font-weight: bold;
	color: #666;
	border: 1px solid #ccc;
	background: #eee;
	padding: 7px 10px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-left: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
form input[type=reset]:hover {
	background: #ddd;
	cursor: pointer;
	color: #333;
}
form select {
	border: 1px solid #ccc;
	padding: 5px 2px;
	min-width: 40%;
	background: #fcfcfc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: inset 1px 1px 2px #ddd;
	-webkit-box-shadow: inset 1px 1px 2px #ddd;
	box-shadow: inset 1px 1px 2px #ddd;
	color: #666;
}
form textarea:focus, form select:focus {
	background: #fff;
	-moz-box-shadow: inset 1px 1px 2px #eee;
	-webkit-box-shadow: inset 1px 1px 2px #eee;
	box-shadow: inset 1px 1px 2px #eee;
}
form button {
	border: 1px solid #8e6e26;
	background: #555555;
	color: #fff;
	cursor: pointer;
	padding: 7px 10px;
	font-weight: bold;
}
form button.submit:hover {
	background: #555555;
	border: 1px solid #3f526f;
	color: #fff;
}
form button:active {
	-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}
form input.smallinput, form textarea.smallinput {
	width: 40%;
}
form input.mediuminput, form textarea.mediuminput {
	width: 60%;
}
form input.longinput, form textarea.longinput {
	width: 80%;
}
form input.error {
	border: 1px solid #f00;
}
form textarea.error {
	border: 1px solid #f00;
}
form textarea.error {
	border: 1px solid #f00;
}
form select.error {
	border: 1px solid #f00;
}
form label.error {
	float: none;
	color: #f00;
	font-size: 11px;
	display: block;
	text-align: left;
	font-weight: bold;
}
.stdform p, .stdform div.par {
	margin: 20px 0;
}
.stdform div.par {
	overflow: hidden;
}
.stdform span.field, .stdform div.field {
	margin-left: 220px;
	display: block;
	position: relative;
}
.stdform .formwrapper {
	display: block;
	padding-top: 5px;
	margin-left: 220px;
	line-height: 25px;
}
.stdform label {
	float: left;
	width: 200px;
	text-align: right;
	padding: 5px 20px 0 0;
}
.stdform button.cancel {
	background: #eee;
	color: #666;
	border: 1px solid #ddd;
}
.stdform button.cancel:hover {
	background: #ddd;
	border: 1px solid #ccc;
}
.stdform button.cancel:active {
	-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.7);
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.7);
}
.stdform small.desc {
	font-size: 11px;
	color: #999;
	font-style: italic;
	display: block;
	margin: 5px 0 0 220px;
}
.stdform .stdformbutton {
	margin-left: 220px;
}
/*** ANOTHER FORM STYLE ***/
.stdform2 p, .stdform2 div.par {
	border: 1px solid #ddd;
	background: #fcfcfc;
	margin: 0;
	border-top: 0;
	clear: both;
}
.stdform2 div.terms {
	border: 0;
	background: none;
}
.stdform2 p:first-child, .stdform2 div.par:first-child {
	border-top: 1px solid #ddd;
}
.stdform div.par {
	overflow: hidden;
}
.stdform2 label {
	display: inline-block;
	padding: 20px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
}
.stdform2 label.error {
	margin-left: 0;
	padding: 0;
}
.stdform2 label small {
	font-size: 11px;
	color: #999;
	display: block;
	font-weight: normal;
	line-height: 16px;
}
.stdform2 span.field, .stdform2 div.field {
	margin-left: 220px;
	display: block;
	background: #fff;
	padding: 20px;
	border-left: 1px solid #ddd;
}
.stdform2 .stdformbutton {
	margin-left: 0;
	padding: 20px;
	background: #fff;
}
.stdform2 input[type=checkbox], .stdform2 input[type=radio] {
	margin: 10px;
}
/*** DUAL BOX ***/
.dualselect {
	margin-left: 220px;
	display: block;
}
.dualselect select {
	height: 200px;
	width: 40%;
}
.dualselect .ds_arrow {
	display: inline-block;
	vertical-align: top;
	padding-top: 60px;
	margin: 0 10px;
}
.dualselect .ds_arrow .ds_prev, .dualselect .ds_arrow .ds_next {
	display: block;
	padding: 5px 10px 7px 10px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	font-size: 24px;
	font-weight: bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #eee url(../../images/admin/titlebg.png) repeat-x top left;
}
.dualselect .ds_arrow .ds_prev:hover, .dualselect .ds_arrow .ds_next:hover {
	background: #555555;
	color: #fff;
	border-color: #8e6e26;
	cursor: pointer;
}
/* CHARACTER COUNT */
.counter {
	display: block;
	margin: 5px 0;
	font-size: 14px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.warning {
	color: #bb0000;
}
.exceeded {
	color: #ff0000;
}
/***** 21. WIZARD STYLES *****/
/*****************************/


.wizard .hormenu {
	list-style: none;
}
.wizard .hormenu li {
	float: left;
	width: 33%;
	padding: 10px 0;
}
.wizard .hormenu li a {
	display: block;
}
.wizard .hormenu li a:hover {
	text-decoration: none;
}
.wizard .hormenu li a span.h2 {
	font-size: 16px;
	color: #999;
	text-align: center;
	display: block;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}
.wizard .hormenu li a span.dot {
	display: block;
	height: 20px;
	margin-top: 5px;
	text-align: center;
	background: url(../../images/admin/stepline.png) repeat-x center left;
}
.wizard .hormenu li span.label {
	display: block;
	text-align: center;
	font-weight: bold;
	color: #999;
	margin-top: 10px;
}
.wizard .hormenu li a span.dot span {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../../images/admin/steps.png) no-repeat 0 -40px;
}
.wizard .hormenu li:first-child a span.dot {
	margin-left: 47%;
	text-align: left;
}
.wizard .hormenu li:last-child a span.dot {
	margin-right: 47%;
	text-align: right;
}
.wizard .hormenu li a.done span.label {
	color: #666;
}
.wizard .hormenu li a.done span.h2 {
	color: #555555;
}
.wizard .hormenu li a.done span.dot span {
	background-position: 0 -20px;
}
.wizard .hormenu li:first-child a.done span.dot span {
	background-position: 0 0;
}
.wizard .hormenu li a.selected span.dot span {
	background-position: 0 -120px;
}
.wizard .hormenu li:first-child a.selected span.dot span {
	background-position: 0 -100px;
}
.wizard .hormenu li a.selected span.label {
	color: #666;
}
.wizard .hormenu li a.selected span.h2 {
	color: #555555;
}
/***** TABBED WIZARD *****/
.wizard .tabbedmenu {
	list-style: none;
	background: #f7f7f7;
	padding: 10px;
	padding-bottom: 0;
	border: 1px solid #ddd;
}
.wizard .tabbedmenu li {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	bottom: -1px;
}
.wizard .tabbedmenu li a {
	display: block;
	padding: 10px 20px;
	color: #999;
	border: 1px solid #ddd;
	background: #eee;
}
.wizard .tabbedmenu li a {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.wizard .tabbedmenu li a span {
	font-weight: bold;
}
.wizard .tabbedmenu li a span.h2 {
	color: #999;
	display: block;
	font-size: 24px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.wizard .tabbedmenu li a:hover {
	text-decoration: none;
}
.wizard .tabbedmenu li a.selected, .wizard .tabbedmenu li a.done {
	background: #fff;
	color: #333;
	border-bottom: 1px solid #fff;
}
.wizard .tabbedmenu li a.selected span.h2, .wizard .tabbedmenu li a.selected span {
	color: #555555;
}
.wizard .tabbedmenu li a.done span.h2, .wizard .tabbedmenu li a.done span {
	color: #555555;
}
.stepContainer {
	width: auto !important;
	height: auto !important;
	border: 1px solid #ddd;
	border-bottom: 0;
	overflow: hidden;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	padding: 0;
}
.stepContainer .content h4 {
	padding: 20px;
	border-bottom: 1px solid #ddd;
	background: #f9f9f9;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
}
.stepContainer p {
	margin: 20px 0;
}
.stepContainer .par p {
	margin: 10px;
	line-height: 21px;
}
.stepContainer .par p:last-child {
	border-bottom: 0;
}
.actionBar {
	padding: 20px;
	position: relative;
	overflow: hidden;
	clear: both;
	background: #fcfcfc;
	border: 1px solid #ddd;
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
}
.actionBar .loader {
	float: left;
	display: none;
}
.actionBar a {
	float: right;
	display: inline-block;
	padding: 7px 15px;
	background: #555555;
	color: #fff;
	margin-left: 5px;
	font-weight: bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	line-height: 21px;
	border: 1px solid #8e6e26;
}
.actionBar a:hover {
	text-decoration: none;
	background: #555555;
	color: #fff;
	border: 1px solid #3f526f;
}
.actionBar a:active {
	-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.actionBar a.buttonDisabled {
	background: #eee;
	border: 1px solid #ccc;
	color: #999;
}
.actionBar a.buttonDisabled:hover {
	background: #eee;
	color: #999;
	cursor: default;
}
.actionBar a.buttonDisabled:active {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.actionBar .msgBox {
	margin: 40px 0 10px 0;
	position: relative;
}
.actionBar .msgBox .content {
	padding: 7px 10px;
	background: #fffccc;
	color: #333;
	border: 1px solid #FEEA7A;
}
.actionBar .msgBox .close {
	padding: 0 2px 2px 2px;
	background: none;
	line-height: 10px;
	text-transform: lowercase;
	font-size: 10px;
	position: absolute;
	top: 5px;
	right: 7px;
	color: #333;
	text-shadow: none;
	font-weight: bold;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}
.actionBar .msgBox .close:hover {
	background: #333;
	color: #eee;
}
/***** VERTICAL WIZARD *****/
.verwizard .verticalmenu {
	list-style: none;
	float: left;
	width: 250px;
}
.verwizard .verticalmenu li {
	margin-bottom: 2px;
}
.verwizard .verticalmenu a {
	display: block;
	padding: 10px;
	color: #999;
}
.verwizard .verticalmenu a:hover {
	text-decoration: none;
}
.verwizard .verticalmenu a.selected {
	background: #555555;
	color: #fff;
}
.verwizard .verticalmenu a.done {
	background: #999;
	color: #fff;
}
.verwizard .verticalmenu a span {
	font-weight: bold;
}
.verwizard .stepContainer {
	margin-left: 270px;
}
.verwizard .actionBar {
	margin: 0 0 0 270px;
}
/***** 22. BLOG STYLES *****/
/***************************/


.quickform p {
	margin: 10px 0;
}
.quickform input {
	width: 60%;
	color: #666;
}
.quickform input.xsmall {
	width: 20px;
}
.quickform input.small {
	width: 50px;
}
.quickform label {
	width: 100px;
	float: left;
}
.quickform .quickformbutton button {
	margin-top: 10px;
	text-align: right;
	padding: 7px 20px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 0;
	background: #eee;
	border: 1px solid #ccc;
	cursor: pointer;
	font-weight: bold;
	color: #666;
}
.quickform .quickformbutton button:hover {
	background: #ddd;
	color: #333;
}
.quickform .quickformbutton button:active {
	-moz-box-shadow: inset 1px 1px 3px #888;
	-webkit-box-shadow: inset 1px 1px 3px #888;
	box-shadow: inset 1px 1px 3px #888;
}
.quickform .quickformbutton button.update {
	background: #555555;
	color: #fff;
	border: 1px solid #8e6e26;
}
.quickform .quickformbutton button.update:hover {
	background: #555555;
	border: 1px solid #3f526f;
}
.quickform .quickformbutton button.update:active {
	-moz-box-shadow: inset 1px 1px 3px #1a2434;
	-webkit-box-shadow: inset 1px 1px 3px #1a2434;
	box-shadow: inset 1px 1px 3px #1a2434;
}
.quickform .monthselect {
	width: 80px;
	display: inline-block;
	vertical-align: middle;
}
.quickform .loading {
	margin: 0 10px;
	font-style: italic;
	color: #999;
	font-size: 11px;
	display: none;
}
.quickform .loading img {
	vertical-align: middle;
	margin-right: 5px;
}
.quickform2 {
	margin: 10px;
}
.quickform2 p {
	margin: 10px 0;
}
.quickform2 label {
	display: block;
	margin-bottom: 5px;
	color: #333;
	width: 100px;
}
.quickform2 input {
	width: 300px !important;
}
.quickform2 input.smallinput {
	width: 60px !important;
}
.quickform2 .action {
	margin-left: 120px;
}
/***** 23. PROGRESS BAR STYLES *****/
/***********************************/


.progress {
	margin: 5px 0;
}
.progress .bar {
	background: #eee;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 1px;
	border: 1px solid #bbb;
}
.progress .bar {
	-moz-box-shadow: inset 2px 2px 3px #fff;
	-webkit-box-shadow: inset 2px 2px 3px #fff;
	box-shadow: inset 2px 2px 3px #fff;
}
.progress .bar .value {
	height: 5px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	background-image: url(../../images/admin/progress.png);
}
.progress .bar2 {
	background: #eee;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 1px;
	border: 1px solid #bbb;
}
.progress .bar2 {
	-moz-box-shadow: inset 2px 2px 3px #fff;
	-webkit-box-shadow: inset 2px 2px 3px #fff;
	box-shadow: inset 2px 2px 5px #ccc;
}
.progress .bar2 .value {
	padding: 2px 0;
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
}
.progress .bar2 .value {
	background-image: url(../../images/admin/progress.png);
	background-position: 0 0;
	font-size: 11px;
	font-weight: bold;
}
.progress .bluebar {
	background-color: #06f;
	-moz-box-shadow: inset 1px 1px 2px #9af;
	-webkit-box-shadow: inset 1px 1px 2px #9af;
	box-shadow: inset 1px 1px 2px #9af;
}
.progress .orangebar {
	background-color: #F90;
}
.progress .redbar {
	background-color: #cc0000;
}
.progress150 {
	width: 150px;
}
/***** 24. PAGINATION STYLE *****/
/********************************/


.pagination {
	list-style: none;
	overflow: hidden;
}
.pagination li {
	display: inline-block;
	float: left;
	margin-right: 5px;
}
.pagination li.first, .pagination li.previous, .pagination li.next, .pagination li.last {
	font-size: 18px;
}
.pagination li a {
	display: block;
	font-weight: bold;
	border: 1px solid #ccc;
	padding: 5px 10px;
	color: #333;
	line-height: 21px;
	vertical-align: top;
}
.pagination li a {
	background: #f7f7f7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.pagination li a:hover {
	cursor: pointer;
	text-decoration: none;
	background: #eee;
}
.pagination li a.current {
	background: #555555;
	color: #fff;
	border: 1px solid #8e6e26;
}
.pagination li.first a:active, .pagination li.previous a:active, .pagination li.next a:active, .pagination li.last a:active {
	background: #333;
	color: #fff;
border 1px solid #272727;
}
.pagination li a.disable {
	color: #ccc;
}
.pagination li a.disable:hover {
	background: #f7f7f7;
	cursor: default;
}
.pagination li a.disable:active {
	background: #f7f7f7;
	border: 1px solid #ccc;
	color: #ccc;
}
.pagination2 li a {
	padding: 4px 12px 6px 12px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
/***** 25. SLIM SCROLLBAR STYLES *****/
/*************************************/


.slimScrollDiv {
	border: 1px solid #ddd;
}
.entrylist li {
	display: block;
	padding: 20px;
	border-bottom: 1px solid #ddd;
}
.entrylist li.even {
	background: #fcfcfc;
}
.entry_wrap {
	min-height: 60px;
}
.entry_img {
	float: left;
}
.entry_content {
	margin-left: 120px;
}
.entry_content h4 {
	font-size: 18px;
	font-weight: normal;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.entry_content h4 a {
	color: #555555;
}
.entry_content h4 a:hover {
	color: #555555;
}
.entry_content p {
	margin: 10px 0;
}
.entry_content p:last-child {
	margin-bottom: 0;
}
/***** 26. BREADCRUMBS STYLE *****/
/*********************************/


.breadcrumbs {
	display: block;
	list-style: none;
	border: 1px solid #ccc;
	background: url(../../images/admin/titlebg.png) repeat-x top left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.breadcrumbs li {
	display: inline-block;
	background: url(../../images/admin/separator.png) no-repeat right center;
	margin-right: 5px;
	font-size: 11px;
}
.breadcrumbs li:last-child {
	background: none;
	color: #333;
}
.breadcrumbs li a {
	display: block;
	padding: 5px 20px 5px 5px;
}
.breadcrumbs li:first-child a {
	padding-left: 10px;
}
.breadcrumbs2 {
	background: none;
}
/***** 27. COLOR PICKER STYLES *****/
/***********************************/


.colorselector {
	display: inline-block;
	height: 28px;
	width: 28x;
	vertical-align: middle;
	position: relative;
	vertical-align: middle;
	margin-left: 5px;
}
.colorselector span {
	display: block;
	height: 28px;
	width: 28px;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	background: #000 url(../../../images/admin/colorpicker/select2.png) no-repeat -4px -4px;
}
/***** 28. NOTIFICATION MESSAGES *****/
/*************************************/


.notibar {
	height: 51px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	line-height: 21px;
	-moz-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
	-webkit-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
	box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
}
.notibar p {
	margin: 15px 10px 0 55px;
	font-size: 13px;
	color: #333;
}
.notibar a.close {
	position: absolute;
	width: 14px;
	height: 14px;
	top: 5px;
	right: 5px;
	background-image: url(../../images/admin/close.png);
	background-repeat: no-repeat;
}
.notibar a.close:hover {
	cursor: pointer;
}
.msgalert a.close {
	background-position: -14px 0;
}
.msgalert a.close:hover {
	background-position: -14px -14px;
}
.msginfo a.close {
	background-position: -42px 0;
}
.msginfo a.close:hover {
	background-position: -42px -14px;
}
.msgsuccess a.close {
	background-position: -28px 0;
}
.msgsuccess a.close:hover {
	background-position: -28px -14px;
}
.msgerror a.close {
	background-position: 0 0;
}
.msgerror a.close:hover {
	background-position: 0 -14px;
}
.announcement a.close {
	background-position: -56px 0;
}
.announcement a.close:hover {
	background-position: -56px -14px;
}
.msgalert {
	border: 1px solid #eac572;
	background: #ffe9ad url(../../images/admin/notifications.png) no-repeat 0 -52px;
}
.msginfo {
	border: 1px solid #99c4ea;
	background: #d1e4f3 url(../../images/admin/notifications.png) no-repeat 0 -156px;
}
.msgsuccess {
	border: 1px solid #c1d779;
	background: #effeb9 url(../../images/admin/notifications.png) no-repeat 0 -104px;
}
.msgerror {
	border: 1px solid #e18b7c;
	background: #fad5cf url(../../images/admin/notifications.png) no-repeat 0 0;
}
.announcement {
	border: 1px solid #fbe187;
	background: #ffffdf url(../../images/admin/icons/blogperfume/Advertisment/advertisment-32.png) no-repeat 10px 10px;
	color: #95673f;
	height: auto;
}
.announcement h3 {
	margin: 15px 10px 10px 55px;
}
.announcement p {
	margin: 15px 10px 15px 55px;
}
/***** 29. CUSTOMER SUPPORT STYLES *****/
/***************************************/


.contactlist {
	list-style: none;
	line-height: 21px;
}
.contactlist li {
	border: 1px solid #eee;
	border-top: 0;
	position: relative;
	padding: 1px;
}
.contactlist li span.msgcount {
	position: absolute;
	top: 12px;
	right: 10px;
	font-size: 10px;
	padding: 3px 5px;
	line-height: 10px;
	color: #fff;
	background: #555555;
	font-weight: bold;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
.contactlist li a {
	padding: 8px 5px;
	display: block;
	color: #666;
}
.contactlist li.online a {
	background: url(../../images/admin/online.png) no-repeat right 16px;
}
.contactlist li.new a {
	font-weight: bold;
}
.contactlist li a:hover {
	background-color: #fcfcfc;
	text-decoration: none;
}
.contactlist li a img {
	vertical-align: middle;
	display: inline-block;
	margin-right: 10px;
}
.chatsearch {
	padding: 5px;
	background: #eee;
	border: 1px solid #ddd;
	overflow: hidden;
}
.chatsearch input {
	float: left;
	border: 1px solid #ddd;
	padding: 7px 5px 7px 35px;
	width: 196px;
	background: #fff url(../../images/admin/search.png) no-repeat left center;
	color: #ccc;
}
.chatsearch input:focus {
	color: #333;
}
.chatcontent {
	height: 500px;
	position: relative;
	padding: 0;
	line-height: 21px;
}
.chatcontent .messagebox {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #f7f7f7;
	border: 1px solid #ddd;
	padding: 10px 0;
}
.chatcontent .inputbox {
	display: block;
	margin-right: 90px;
	padding-right: 47px;
}
.chatcontent .messagebox input {
	border: 1px solid #ccc;
	padding: 8px 5px 8px 30px;
	display: inline-block;
	margin-left: 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff url(../../images/admin/chat.png) no-repeat 8px 8px;
	width: 100%;
}
.chatcontent .messagebox input:focus {
	-moz-box-shadow: 0 0 5px #eee;
	-webkit-box-shadow: 0 0 5px #eee;
	box-shadow: 0 0 5px #eee;
}
.chatcontent .messagebox button {
	border: 1px solid #8e6e26;
	padding: 7px 0;
	text-align: center;
	font-weight: bold;
	background: #555555;
	color: #fff;
	float: right;
	display: inline-block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	width: 70px;
	margin-right: 10px;
}
.chatcontent .messagebox button:hover {
	background: #555555;
	border: 1px solid #3f526f;
	cursor: pointer;
}
.chatmessage {
	height: 425px;
	border: 1px solid #ddd;
	background: #fdfdfd;
	overflow: auto;
	position: relative;
}
#chatmessageinner p img {
	display: inline-block;
	vertical-align: middle;
	float: left;
}
#chatmessageinner p {
	padding: 10px;
}
#chatmessageinner .msgblock {
	background: #fff;
	margin-left: 40px;
	padding: 10px;
	border: 1px solid #ddd;
	display: block;
	-moz-box-shadow: 1px 1px 0 1px rgba(0,0,0,0.05);
	-webkit-box-shadow: 1px 1px 0 1px rgba(0,0,0,0.05);
	box-shadow: 1px 1px 0 1px rgba(0,0,0,0.05);
}
#chatmessageinner .time {
	font-size: 11px;
	color: #999;
	font-style: italic;
}
#chatmessageinner .msg {
	margin-top: 10px;
	display: block;
}
#chatmessageinner p.reply img {
	display: inline-block;
	vertical-align: middle;
	float: right;
}
#chatmessageinner p.reply .msgblock {
	margin: 0 40px 0 0;
}
/***** 30. BUTTONS & ICONS STYLES *****/
/**************************************/


.anchorbutton {
	padding: 8px 10px;
	border: 1px solid #ddd;
	background: #f7f7f7;
	display: inline-block;
	font-weight: bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.buttonlist {
	list-style: none;
}
.buttonlist li {
	display: inline-block;
	margin-bottom: 15px;
	margin-right: 10px;
}
a.btn {
	display: inline-block;
	border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-image: url(../../images/admin/icons/sprites.png);
	background-color: #f7f7f7;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
	color: #666;
}
a.btn:hover {
	text-decoration: none;
	color: #333;
	border: 1px solid #bbb;
}
a.btn span {
	padding: 5px 10px;
	margin-left: 25px;
	display: block;
	background: #f7f7f7;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
}
a.btn2 {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
a.btn2 span {
	-moz-border-radius: 0 50px 50px 0;
	-webkit-border-radius: 0 50px 50px 0;
	border-radius: 0 50px 50px 0;
	padding-right: 15px;
}
a.btn3 {
	width: 34px;
	height: 32px;
}
a.btn4 {
	width: 34px;
	height: 32px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
a.btn_search {
	background-position: -10px -12px;
}
a.btn_trash {
	background-position: -47px -12px;
}
a.btn_flag {
	background-position: -82px -12px;
}
a.btn_home {
	background-position: -119px -12px;
}
a.btn_link {
	background-position: -154px -12px;
}
a.btn_book {
	background-position: -190px -12px;
}
a.btn_mail {
	background-position: -10px -47px;
}
a.btn_help {
	background-position: -47px -47px;
}
a.btn_rss {
	background-position: -82px -47px;
}
a.btn_archive {
	background-position: -119px -47px;
}
a.btn_info {
	background-position: -154px -47px;
}
a.btn_bell {
	background-position: -190px -47px;
}
a.btn_world {
	background-position: -10px -83px;
}
a.btn_bulb {
	background-position: -47px -83px;
}
a.btn_cloud {
	background-position: -82px -83px;
}
a.btn_clip {
	background-position: -119px -83px;
}
a.btn_folder {
	background-position: -154px -83px;
}
a.btn_lock {
	background-position: -190px -83px;
}
a.btn_tag {
	background-position: -10px -119px;
}
a.btn_note {
	background-position: -47px -119px;
}
a.btn_key {
	background-position: -82px -119px;
}
a.btn_stop {
	background-position: -119px -119px;
}
a.btn_airplane {
	background-position: -154px -119px;
}
a.btn_info2 {
	background-position: -190px -119px;
}
a.btn_alarm {
	background-position: -10px -155px;
}
a.btn_clock {
	background-position: -47px -155px;
}
a.btn_calendar {
	background-position: -82px -155px;
}
a.btn_basket {
	background-position: -119px -155px;
}
a.btn_dollartag {
	background-position: -154px -155px;
}
a.btn_cart {
	background-position: -190px -155px;
}
a.btn_cart2 {
	background-position: -10px -191px;
}
a.btn_user {
	background-position: -47px -191px;
}
a.btn_users {
	background-position: -82px -191px;
}
a.btn_male {
	background-position: -119px -191px;
}
a.btn_female {
	background-position: -154px -191px;
}
a.btn_refresh {
	background-position: -190px -191px;
}
a.btn_chart {
	background-position: -10px -227px;
}
a.btn_pie {
	background-position: -47px -227px;
}
a.btn_address {
	background-position: -82px -227px;
}
a.btn_zip {
	background-position: -119px -227px;
}
a.btn_document {
	background-position: -154px -227px;
}
a.btn_pdf {
	background-position: -190px -227px;
}
a.btn_marker {
	background-position: -10px -262px;
}
a.btn_sign {
	background-position: -47px -262px;
}
a.btn_note {
	background-position: -82px -262px;
}
a.btn_cut {
	background-position: -119px -262px;
}
a.btn_pencil {
	background-position: -154px -262px;
}
a.btn_paint {
	background-position: -190px -262px;
}
a.btn_battery {
	background-position: -10px -299px;
}
a.btn_battery2 {
	background-position: -47px -299px;
}
a.btn_chat {
	background-position: -82px -299px;
}
a.btn_chat2 {
	background-position: -119px -299px;
}
a.btn_message {
	background-position: -154px -299px;
}
a.btn_message2 {
	background-position: -190px -299px;
}
a.btn_phone {
	background-position: -10px -335px;
}
a.btn_call {
	background-position: -47px -335px;
}
a.btn_inbox {
	background-position: -82px -335px;
}
a.btn_inboxo {
	background-position: -119px -335px;
}
a.btn_inboxi {
	background-position: -154px -335px;
}
a.btn_bluetooth {
	background-position: -190px -335px;
}
a.btn_wifi {
	background-position: -10px -370px;
}
a.btn_settings {
	background-position: -47px -370px;
}
a.btn_settings2 {
	background-position: -82px -370px;
}
a.btn_settings3 {
	background-position: -119px -370px;
}
a.btn_hd {
	background-position: -154px -370px;
}
a.btn_hd2 {
	background-position: -190px -370px;
}
a.btn_image {
	background-position: -10px -408px;
}
a.btn_image2 {
	background-position: -47px -408px;
}
a.btn_sound {
	background-position: -82px -408px;
}
a.btn_media {
	background-position: -119px -408px;
}
a.btn_mic {
	background-position: -154px -408px;
}
a.btn_print {
	background-position: -190px -408px;
}
a.btn_laptop {
	background-position: -10px -443px;
}
a.btn_mouse {
	background-position: -47px -443px;
}
a.btn_camera {
	background-position: -82px -443px;
}
a.btn_video {
	background-position: -119px -443px;
}
a.btn_grid {
	background-position: -154px -443px;
}
a.btn_grid2 {
	background-position: -190px -443px;
}
a.btn_list {
	background-position: -10px -480px;
}
a.btn_list2 {
	background-position: -47px -480px;
}
a.btn_table {
	background-position: -82px -480px;
}
.stdbtn {
	font-weight: bold;
	padding: 7px 10px;
	border: 1px solid #ccc;
	background: #eee url(../../images/admin/buttons.png) repeat-x top left;
	color: #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	opacity: 0.8;
}
.stdbtn:hover {
	text-decoration: none;
	opacity: 1;
}
.btn_yellow {
	background-position: 0 -38px;
	border-color: #ebb205;
	color: #ae510d;
}
.btn_blue {
	background-position: 0 -76px;
	border-color: #0282ce;
	color: #fff;
}
.btn_black {
	background-position: 0 -114px;
	border-color: #222;
	color: #fff;
}
.btn_lime {
	background-position: 0 -152px;
	border-color: #59bf04;
	color: #367501;
}
.btn_orange {
	background-position: 0 -190px;
	border-color: #cd7a03;
	color: #6e3c17;
}
.btn_red {
	background-position: 0 -228px;
	border-color: #a31314;
	color: #fff;
}
.stdbtn:active {
	background: #eee;
}
.btn_yellow:active {
	background: #ffde06;
}
.btn_blue:active {
	background: #0591e5;
}
.btn_black:active {
	background: #333333;
}
.btn_lime:active {
	background: #6adc0b;
}
.btn_orange:active {
	background: #ff9702;
}
.btn_red:active {
	background: #eb2f30;
}
/***** CUSTOM COLOR *****/
a.btn_orange {
	background-image: url(../../images/admin/icons/sprites.white.png);
	background-color: #555555;
	color: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #8e6e26;
	opacity: 0.9;
}
a.btn_orange span {
	background-color: #555555;
	border-left: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.btn_orange:hover {
	opacity: 1;
	color: #fff;
	border-color: #8e6e26;
}
a.btn_blue {
	background-image: url(../../images/admin/icons/sprites.white.png);
	background-color: #0f91f5;
	color: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #0976c9;
	opacity: 0.9;
}
a.btn_blue span {
	background-color: #0f91f5;
	border-left: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.btn_blue:hover {
	opacity: 1;
	color: #fff;
	border-color: #0976c9;
}
a.btn_black {
	background-image: url(../../images/admin/icons/sprites.white.png);
	background-color: #333;
	color: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #222;
	opacity: 0.9;
}
a.btn_black span {
	background-color: #333;
	border-left: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.btn_black:hover {
	opacity: 1;
	color: #fff;
	border-color: #222;
}
a.btn_yellow {
	background-color: #fee74d;
	color: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #ebb205;
	opacity: 0.9;
}
a.btn_yellow span {
	background-color: #fee74d;
	border-left: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.btn_yellow:hover {
	opacity: 1;
	color: #fff;
	border-color: #ebb205;
}
/***** 31. TYPOGRAPHY STYLES *****/
/*********************************/

blockquote {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(../../images/admin/quote.png) no-repeat 0 0;
	font-style: italic;
	line-height: 24px;
	padding-left: 30px;
	margin: 10px 0;
}
blockquote.alignleft {
	width: 300px;
	float: left;
	margin: 10px 10px 5px 0;
}
blockquote.alignright {
	width: 300px;
	float: right;
	margin: 10px 0 5px 10px;
	text-align: left;
}
/***** 32. NEWS FEED STYLES *****/
/********************************/


.statusbox {
	border: 1px solid #ddd;
	padding: 15px;
	overflow: hidden;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fcfcfc;
}
.status_thumb {
	float: left;
	padding: 5px;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	vertical-align: middle;
	background: #fff;
	-moz-box-shadow: 0 1px 0 #ddd;
	-webkit-box-shadow: 0 1px 0 #ddd;
	box-shadow: 0 1px 0 #ddd;
}
.status_content {
	margin-left: 85px;
	padding-right: 20px;
}
.status_content textarea {
	background: #fff;
	display: block;
	width: 100%;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 10px;
	color: #666;
	min-height: 47px
}
.statusbox .photoupload {
	float: left;
	margin-left: 82px;
}
.statusbox .submit {
	margin-top: 10px;
	text-align: right;
}
.updatelist {
	list-style: none;
}
.updatelist li {
	display: block;
	margin: 10px 0;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}
.updatelist li:first-child {
	margin-top: 0;
	padding-top: 0;
}
.updatethumb {
	float: left;
	padding: 5px;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	-moz-box-shadow: 0 1px 0 #eee;
	-webkit-box-shadow: 0 1px 0 #eee;
	box-shadow: 0 1px 0 #eee;
}
.updatecontent {
	margin-left: 75px;
	min-height: 70px;
}
.updatecontent .top {
	font-size: 11px;
}
.updatecontent .top a:hover {
	text-decoration: underline;
}
.updatecontent .top .user {
	font-size: 12px;
	font-weight: bold;
	color: #555555;
}
.updatecontent .text {
	margin: 10px 0;
	line-height: 21px;
}
.updatecontent .photo {
	margin: 10px 0;
	padding: 5px;
	display: inline-block;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 0 #eee;
	-webkit-box-shadow: 0 1px 0 #eee;
	box-shadow: 0 1px 0 #eee;
}
.news_photopreview {
	padding: 10px;
}
.news_photodetails {
	padding: 0 10px 10px 10px;
}
.commentlist {
	overflow: hidden;
	margin-bottom: 50px;
	line-height: 21px;
}
.commentlist li {
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}
.commentlist li:last-child {
	margin-bottom: 0;
}
.comment_authorimg {
	float: left;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	-moz-box-shadow: 0 1px 0 #eee;
	-webkit-box-shadow: 0 1px 0 #eee;
	box-shadow: 0 1px 0 #eee;
}
.commenttitle {
	margin: 10px 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	font-size: 14px;
}
.commentcontent {
	margin-left: 45px;
}
.commentcontent .top {
	font-size: 11px;
}
.commentcontent .top a:hover {
	text-decoration: underline;
}
.commentcontent .top .user {
	font-size: 12px;
	font-weight: bold;
	color: #555555;
}
.commentcontent .text {
	margin: 10px 0 20px 0;
	line-height: 21px;
}
.commentcontent .photo {
	margin: 10px 0;
	padding: 10px;
	display: inline-block;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.news_commentform {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.news_commentform form {
	display: block;
	padding: 10px;
	margin: 5px;
	background: #f7f7f7;
	border-top: 1px solid #ddd;
	overflow: hidden;
}
.news_commentform form input {
	width: 100%;
}
/***** 33. PROFILE PAGE STYLES *****/
/***********************************/

.profile_wrapper {
	width: 700px;
	padding-right: 20px;
	border-right: 1px solid #ddd;
}
.profilepic {
	padding: 5px;
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	float: left;
	display: block;
	margin-left: 20px;
}
.profilepic img {
	width: 40px;
}
.profiletitle {
	margin-left: 85px;
}
.profiletitle .pagetitle, .profiletitle .pagedesc {
	margin: 0;
}
.followbtn {
	position: absolute;
	top: 0;
	right: 0;
}
.profile_summary {
	list-style: none;
	border: 1px solid #ddd;
	overflow: hidden;
	display: inline-block;
	background: #f7f7f7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
	line-height: 12px;
}
.profile_summary li {
	display: inline-block;
	float: left;
}
.profile_summary li a {
	display: block;
	font-weight: bold;
	padding: 10px 20px;
	border-left: 1px solid #ddd;
}
.profile_summary li a:hover {
	background: #fff;
}
.profile_summary li.current a {
	background: #fff;
}
.profile_summary li:first-child a {
	border-left: 0;
}
.profile_summary li a span {
	color: #555555;
}
blockquote.bq2 {
	background: #fcfcfc url(../../images/admin/quote2.png) no-repeat 10px 10px;
	padding: 10px 35px;
	font-size: 14px;
	position: relative;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 40px 0 20px 0;
}
.edit_status {
	display: inline-block;
	background: url(../../images/admin/icons/sprites.png) no-repeat -162px -269px;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 5px;
	right: 5px;
	opacity: 0.8;
	display: none;
}
.edit_status:hover {
	opacity: 1;
	cursor: pointer;
}
.profile_about {
	line-height: 21px;
}
.profile_about p:first-child {
	margin-top: 0;
}
.recentblog {
	min-height: 200px;
}
.blogthumb {
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
	float: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 0 #eee;
	-webkit-box-shadow: 0 1px 0 #eee;
	box-shadow: 0 1px 0 #eee;
}
.blogthumb:hover img {
	opacity: 0.8;
}
.blogsummary {
	line-height: 21px;
	margin-left: 280px;
	min-height: 200px;
}
.blogsummary h3 {
	font-weight: normal;
	margin-bottom: 5px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.blogsummary h3 a:hover {
	color: #555555;
}
.blogviewthumb {
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 0 #eee;
	-webkit-box-shadow: 0 1px 0 #eee;
	box-shadow: 0 1px 0 #eee;
}
.blogcontent {
	line-height: 21px;
	margin-left: 0;
}
.blogcontent h3 {
	font-weight: normal;
	margin: 20px 0 5px 0;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.addcomment {
	padding-right: 10px;
	margin-bottom: 20px;
}
.addcomment textarea {
	width: 100%;
}
.recentshots {
	list-style: none;
}
.recentshots li {
	float: left;
	overflow: hidden;
	margin: 0 20px 20px 0;
}
.recentshots li:last-child {
	margin-right: 0;
}
.recentshots li a.th {
	border: 1px solid #ddd;
	display: block;
	padding: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.recentshots li a.th:hover img {
	opacity: 0.8;
}
.recentshots h4 {
	display: block;
	margin-top: 10px;
}
.recentshots h4 a {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555555;
}
.recentshots h4 a:hover {
	text-decoration: underline;
}
.followerlist {
	list-style: none;
}
.followerlist li {
	display: block;
	margin-bottom: 20px;
}
.userfollow {
	border: 1px solid #ddd;
	padding: 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
}
.userfollow .th {
	float: left;
}
.userfollow .cn {
	margin-left: 40px;
}
.userfollow .cn a {
	display: block;
}
.userfollow .cn a:hover {
	color: #555555;
}
.userfollow .cn small {
	color: #999;
}
/***** 34. PHOTO SHARING STYLES *****/
/************************************/


.photosharing_head {
	padding: 15px 20px;
	background: #fcfcfc;
	border-bottom: 1px solid #ddd;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
}
.photosharing_menu {
	list-style: none;
	position: relative;
}
.photosharing_menu li {
	display: inline-block;
	float: left;
}
.photosharing_menu li a {
	padding: 4px 10px 5px 10px;
	border: 1px solid #ccc;
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fcfcfc;
	font-weight: bold;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
	background-color: #fff;
}
.photosharing_menu li a:hover {
	background-color: #eee;
	border-color: #bbb;
	cursor: pointer;
}
.photosharing_menu li a.prev, .photosharing_menu li a.next {
	display: block;
	padding: 15px;
	border: 1px solid #ccc;
	cursor: pointer;
	background-color: #fff;
}
.photosharing_menu li a.prev:hover, .photosharing_menu li a.next:hover {
	background-color: #eee;
	border-color: #bbb;
}
.photosharing_menu li a.prev {
	border-right: 0;
	background: #fff url(../../images/admin/arrow.png) no-repeat 10px 8px;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
}
.photosharing_menu li a.prev_disabled {
	background-position: 10px -46px;
	cursor: default;
}
.photosharing_menu li a.prev_disabled:hover {
	border-color: #ccc;
	background-color: #fff;
}
.photosharing_menu li a.next {
	background: #fff url(../../images/admin/arrow.png) no-repeat -39px 8px;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
}
.photosharing_menu li a.next_disabled {
	background-position: -39px -46px;
	cursor: default;
}
.photosharing_menu li a.next_disabled:hover {
	border-color: #ccc;
	background-color: #fff;
}
.photosharing_menu li a.viewsizes {
	background-image: url(../../images/admin/preview.png);
	background-position: 7px 8px;
	background-repeat: no-repeat;
	padding-left: 30px;
}
.photosharing_menu li a.trash {
	padding: 15px;
	background-image: url(../../images/admin/trash.png);
	background-position: 7px 7px;
	background-repeat: no-repeat;
}
.dropdown {
	position: relative;
}
.dropdown ul {
	display: none;
}
.dropdown .dropdown_label {
	padding-right: 30px;
}
.dropdown span.arrow {
	position: absolute;
	top: 12px;
	right: 10px;
	background: url(../../images/admin/default/menuarrow.png) no-repeat 0 0;
	width: 11px;
	height: 5px;
	display: block;
}
.dropdown ul {
	position: absolute;
	min-width: 150px;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 100;
	border: 1px solid #ddd;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
}
.dropdown ul li {
	display: block;
	float: none;
}
.dropdown ul li a {
	border: 0;
	border-bottom: 1px solid #ddd;
	background: none;
	display: block;
}
.dropdown ul li a:hover {
	background: #f9f9f9;
	border-color: #ddd;
	color: #555555;
}
.dropdown ul li:last-child a {
	border-bottom: 0;
}
.photosharing_wrapper {
	width: 700px;
	padding: 20px;
	margin-right: 0;
}
.photopreview {
	padding: 10px;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 0 #eee;
	-webkit-box-shadow: 0 1px 0 #eee;
	box-shadow: 0 1px 0 #eee;
	background: #fff;
}
.photosharing_wrapper h2 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.photosharing_wrapper .desc {
	margin: 15px 0;
}
.photosharing_wrapper .desc p {
	margin: 15px 0;
}
.photosharing_wrapper .desc p:first-class {
margin-top: 0;
}
.ps_sidebar {
	width: 250px;
	padding: 20px 0;
}
.ps_sidebar .ps_author {
	float: left;
	padding: 3px;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	-moz-box-shadow: 0 1px 0 #eee;
	-webkit-box-shadow: 0 1px 0 #eee;
	box-shadow: 0 1px 0 #eee;
	display: block;
}
.ps_sidebar .ps_authorinfo {
	margin-left: 45px;
	line-height: 18px;
}
.ps_sidebar .ps_authorinfo a {
	font-weight: bold;
	color: #555555;
}
.ps_sidebar .ps_authorinfo a:hover {
	text-decoration: underline;
}
.ps_sidebar .viewinfo {
	margin: 20px 0;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 5px;
}
.ps_sidebar .viewinfo span {
	padding-left: 22px;
	display: inline-block;
}
.ps_sidebar .viewinfo .numviews {
	background: url(../../images/admin/icons/bar.png) no-repeat left center;
	margin-right: 20px;
}
.ps_sidebar .viewinfo .numcomments {
	background: url(../../images/admin/icons/comment.png) no-repeat left center;
}
.morephotolist {
	list-style: none;
}
.morephotolist li {
	display: inline-block;
	float: left;
	margin: 0 10px 10px 0;
}
.morephotolist li a {
	display: block;
	padding: 5px;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 0 #eee;
	-webkit-box-shadow: 0 1px 0 #eee;
	box-shadow: 0 1px 0 #eee;
}
.morephotolist li a:hover {
	border-color: #999;
	opacity: 0.8;
}
.sharing_commentform form {
	margin: 20px 0;
	display: block;
}
.sharing_commentform form input {
	width: 100%;
}
/***** 35. PRODUCT LIST STYLES *****/
/***********************************/


.prodwrapper {
	width: 800px;
	border-right: 1px solid #ccc;
	overflow: hidden;
}
.prodhead {
	padding: 15px 20px;
	background: #fcfcfc;
	border-bottom: 1px solid #ddd;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
}
.prodhead_menu {
	list-style: none;
	position: relative;
}
.prodhead_menu li {
	display: inline-block;
	float: left;
}
.prodhead_menu li a {
	padding: 4px 10px 5px 10px;
	border: 1px solid #ccc;
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fcfcfc;
	font-weight: bold;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
	background-color: #fff;
}
.prodhead_menu li a:hover {
	background-color: #eee;
	border-color: #bbb;
	cursor: pointer;
}
.prodhead_menu li a.prev, .prodhead_menu li a.next {
	display: block;
	padding: 15px;
	border: 1px solid #ccc;
	cursor: pointer;
	background-color: #fff;
}
.prodhead_menu li a.prev:hover, .prodhead_menu li a.next:hover {
	background-color: #eee;
	border-color: #bbb;
}
.prodhead_menu li a.prev {
	border-right: 0;
	background: #fff url(../../images/admin/arrow.png) no-repeat 10px 8px;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
}
.prodhead_menu li a.prev_disabled {
	background-position: 10px -46px;
	cursor: default;
}
.prodhead_menu li a.prev_disabled:hover {
	border-color: #ccc;
	background-color: #fff;
}
.prodhead_menu li a.next {
	background: #fff url(../../images/admin/arrow.png) no-repeat -39px 8px;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
}
.prodhead_menu li a.next_disabled {
	background-position: -39px -46px;
	cursor: default;
}
.prodhead_menu li a.next_disabled:hover {
	border-color: #ccc;
	background-color: #fff;
}
.prodhead_menu li.right {
	float: right;
}
.prodhead_menu li .pagenuminfo {
	margin-top: 5px;
	display: inline-block;
}
.prodlist {
	list-style: none;
	margin: 20px;
}
.prodlist li {
	display: inline-block;
	position: relative;
	color: #eee;
	cursor: pointer;
	text-shadow: 1px 1px rgba(0,0,0,0.3);
	margin-bottom: 3%;
}
.prodlist li a {
	color: #555555;
}
.prodlist li .thumb {
	padding: 5px;
	border: 1px solid #ddd;
}
.prodlist li .thumb img {
	width: 225px;
}
.prodlist li .content {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 225px;
	height: 163px;
	overflow: hidden;
}
.prodlist li .contentinner {
	background: url(../../images/admin/bluetrans.png);
	padding: 5px 7px;
	margin-top: 132px;
	height: 163px;
}
.prodlist li .title {
	color: #fff;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.prodlist li .title:hover {
	color: #555555;
}
.prodlist li .price {
	color: #fff;
	font-weight: bold;
	float: right;
}
.prodlist li .by {
	font-size: 11px;
	font-style: italic;
}
.prodlist li .desc {
	font-size: 11px;
	margin: 5px 0;
	line-height: 16px;
}
/***** 36. MESSAGES STYLES *****/
/*******************************/


.mailinbox tbody tr td {
	background: #fafafa;
}
.mailinbox tbody tr.unread td {
	background: #fff;
	font-weight: bold;
}
.mailinbox tbody tr.selected td {
	background: #fcfee4;
}
.mailinbox a.title {
	font-weight: normal;
}
.mailinbox tbody tr.unread a.title {
	font-weight: bold;
}
.mailinbox td.star, .mailinbox td.attachment {
	text-align: center;
}
.msgstar {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/admin/icons/unstar.png) no-repeat 0 0;
	cursor: pointer;
	opacity: 0.5;
}
.msgstar:hover {
	opacity: 1;
}
.starred {
	background-image: url(../../images/admin/icons/star.png);
	opacity: 1;
}
.msghead {
	padding-bottom: 20px;
}
.msghead_menu {
	list-style: none;
	position: relative;
}
.msghead_menu li {
	display: inline-block;
	float: left;
}
.msghead_menu li a {
	padding: 4px 10px 5px 10px;
	border: 1px solid #ccc;
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fcfcfc;
	font-weight: bold;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
	background-color: #fff;
}
.msghead_menu li a:hover {
	background-color: #eee;
	border-color: #bbb;
	cursor: pointer;
}
.msghead_menu li a.prev, .msghead_menu li a.next {
	display: block;
	padding: 15px;
	border: 1px solid #ccc;
	cursor: pointer;
	background-color: #fff;
}
.msghead_menu li a.prev:hover, .msghead_menu li a.next:hover {
	background-color: #eee;
	border-color: #bbb;
}
.msghead_menu li a.prev {
	border-right: 0;
	background: #fff url(../../images/admin/arrow.png) no-repeat 10px 8px;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
}
.msghead_menu li a.prev_disabled {
	background-position: 10px -46px;
	cursor: default;
}
.msghead_menu li a.prev_disabled:hover {
	border-color: #ccc;
	background-color: #fff;
}
.msghead_menu li a.next {
	background: #fff url(../../images/admin/arrow.png) no-repeat -39px 8px;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
}
.msghead_menu li a.next_disabled {
	background-position: -39px -46px;
	cursor: default;
}
.msghead_menu li a.next_disabled:hover {
	border-color: #ccc;
	background-color: #fff;
}
.msghead_menu li a.reportspam {
	background-image: url(../../images/admin/icons/info.png);
	background-position: 7px 8px;
	background-repeat: no-repeat;
	padding-left: 30px;
}
.msghead_menu li a.msgtrash {
	padding: 15px;
	background-image: url(../../images/admin/trash.png);
	background-position: 7px 7px;
	background-repeat: no-repeat;
}
.msghead_menu li.right {
	float: right;
}
.msghead_menu .pageinfo {
	padding-right: 20px;
	display: block;
	margin-top: 5px;
}
.msghead_menu .dropdown_label, .msghead_menu .msgtrash, .msghead_menu .reportspam {
	display: none;
}
/***** 37. ERROR PAGES STYLES *****/
/**********************************/


.errorwrapper {
	margin: 0 auto;
	border: 1px solid #ddd;
	padding: 20px;
	background: #fcfcfc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.errorwrapper h1 {
	font-size: 32px;
	margin-bottom: 20px;
}
.errorwrapper h3 {
	font-size: 18px;
}
.errorwrapper ul {
	list-style: none;
	line-height: 28px;
}
.errorwrapper ul li {
	text-indent: 30px;
	background: url(../../images/admin/list.png) no-repeat 0 4px;
}
/***** 38. CUSTOM STYLES *****/
/*****************************/


.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center !important;
}
.radius2 {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.nopadding {
	padding: 0;
}
.padding10 {
	padding: 10px;
}
.width100, form input.width100 {
	width: 100px;
}
.width50, form input.width50 {
	width: 50px;
}
.clearall {
	clear: both;
	display: block;
}
.nomargin {
	margin: 0;
}
.marginleft5 {
	margin-left: 5px;
}
.marginleft10 {
	margin-left: 10px;
}
.marginleft20 {
	margin-left: 20px;
}
.margin20 {
	margin: 20px;
}
.margin1020 {
	margin: 10px 20px;
}
.marginbottom0 {
	margin-bottom: 0;
}
.nomargintop {
	margin-top: 0;
}
.lineheight21 {
	line-height: 21px;
}
.floatright {
	float: right;
}
.noradiusright, form input.noradiusright {
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
}
.orangeboldlink {
	color: #555555;
	font-weight: bold;
}
.orangeboldlink:hover {
	text-decoration: underline;
}
.orangeborderbottom5 {
	border-bottom: 5px solid #555555;
}
.changetheme {
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-size: 11px;
}
.changetheme a {
	display: inline-block;
	margin-top: 5px;
	width: 15px;
	height: 15px;
	cursor: pointer;
}
.changetheme a.default {
	background: #555555;
}
.changetheme a.blueline {
	background: #319cff;
}
.changetheme a.greenline {
	background: #78ce07;
}
.changetheme a.contrast {
	background: #ff4800;
}
.changetheme a.custombg {
	background: #666;
}
/***** 39. GALLERY STYLES *****/
/******************************/


.gallerywrapper {
	padding: 20px;
}
.imagelist {
	list-style: none;
}
.imagelist li {
	float: left;
	padding: 5px;
	margin: 0 20px 20px 0;
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.imagelist li:hover {
	border-color: #ccc;
}
.imagelist li img {
	display: block;
	margin-bottom: 10px;
	width: 230px;
}
.imagelist li span {
	display: block;
	text-align: right;
}
.imagelist li span a {
	vertical-align: middle;
}
.imagelist li span a.name {
	font-weight: bold;
	float: left;
	color: #999;
}
.imagelist li span a.name:hover {
	color: #333;
	text-decoration: none;
}
.imagelist li span a.edit, .imagelist li span a.view, .imagelist li span a.delete {
	display: inline-block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	margin-left: 5px;
	vertical-align: middle;
	opacity: 0.5;
}
.imagelist li span a.edit:hover, .imagelist li span a.view:hover, .imagelist li span a.delete:hover {
	opacity: 1;
}
.imagelist li span a.edit {
	background: url(../../images/admin/icons/editor.png);
}
.imagelist li span a.view {
	background: url(../../images/admin/icons/glass.png);
}
.imagelist li span a.delete {
	background: url(../../images/admin/icons/trash.png);
}
.photoEdit {
	width: 480px;
}
.photoEdit h3 {
	font-size: 18px;
}
.notifyMessage {
	padding: 7px 10px;
	font-weight: bold;
	margin: 10px 0;
	display: none;
}
.notifySuccess {
	border: 1px solid #C1D779;
	background: #EFFEB9;
	display: block;
}
.notifyError {
	border: 1px solid #E18B7C;
	background: #FAD5CF;
	display: block;
}
/***** 40. SORTABLE LIST *****/
/*****************************/

.sortlist {
	list-style: none;
}
.sortlist > li {
	display: block;
	margin-bottom: 7px;
}
.sortlist > li div.label {
	padding: 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	background: #eee url(../../images/admin/titlebg.png) repeat-x top left;
	position: relative;
}
.sortlist > li span.moveicon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/admin/icons/widgets.png) no-repeat 0 center;
	vertical-align: middle;
	margin-right: 10px;
	opacity: 0.3;
}
.sortlist > li span.moveicon:hover {
	opacity: 0.5;
	cursor: move;
}
.sortlist > li span.arrowdrop {
	position: absolute;
	display: block;
	width: 20px;
	height: 30px;
	background: url(../../images/admin/sort_desc.png) no-repeat center center;
	top: 6px;
	right: 5px;
	opacity: 0.5;
	border-left: 1px solid #ccc;
}
.sortlist > li span.arrowup {
	background-image: url(../../images/admin/sort_asc.png);
}
.sortlist > li span.arrowdrop:hover {
	opacity: 0.8;
	cursor: pointer;
}
.sortlist > li div.details {
	border: 1px solid #ccc;
	border-top: 0;
	padding: 10px;
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	background: #fcfcfc;
	display: none;
}
.sortlist > li div.details p {
	margin: 10px 0;
}
.sortlist > li div.details p:first-child {
	margin-top: 0;
}
.sortlist > li div.details p:last-child {
	margin-bottom: 0;
}
/***** 41. INVOICE STYLES *****/
/******************************/

.invoicewrapper {
	position: relative;
}
.invoicelogo {
	height: 100px;
	overflow: hidden;
}
.invoicefor {
	margin-top: 22px;
}
.table {
	border-collapse: collapse;
	width: 100%;
}
.table tr td {
	padding: 7px 10px;
	border: 1px solid #ddd;
}
.table tr td:first-child {
	text-align: right;
	background: #fcfcfc;
}
.invoiceinfo {
	margin-top: 40px;
}
.invoicetable {
	margin-top: 40px;
	width: 100%;
}
.invoicetable thead th.right {
	text-align: right;
}
.invoicetable tr td {
	vertical-align: top;
}
.invoicetable tr td.right {
	text-align: right;
}
.amountdue {
	text-align: right;
	margin-top: 40px;
}
.amountdue h1 span {
	font-size: 18px;
}
.amountdue a {
	margin-top: 20px;
	display: inline-block;
	padding: 10px 40px;
	font-size: 14px;
	background: #555555;
	color: #fff;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #e88125;
	-moz-box-shadow: inset 0 1px 0 rgba(250,250,250,0.3);
	text-shadow: 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 0 rgba(250,250,250,0.3);
	box-shadow: inset 0 1px 0 rgba(250,250,250,0.3);
}
.amountdue a:hover {
	opacity: 0.8;
}

/***** 42. MEDIA QUERIES *****/
/*****************************/


@media screen and (max-width: 1024px) {
/* FILE MANAGER */
.filemgr_menu form input.filekeyword {
	width: 100px;
}
.filemgr .filemgr_right {
	width: 200px;
}
.menuright li.current a {
	font-size: 11px;
}
.listfile li {
	float: left;
}
.filemgr_category {
	margin-right: 220px;
}
.filemgr_content {
	margin-right: 220px;
	padding-right: 0;
}
/* CALENDAR */
.rightpanel {
	width: 200px;
}
.withrightpanel {
	margin-right: 220px;
	padding-right: 10px;
}
.external-event {
	font-size: 11px;
}
/* CHAT */
.chatsearch input {
	width: 146px;
}
.contactlist li a {
	font-size: 11px;
}
/* WIZARD */
.verwizard .verticalmenu {
	width: 200px;
}
.verwizard .verticalmenu a {
	font-size: 11px;
}
.verwizard .stepContainer {
	margin-left: 220px;
}
.verwizard .actionBar {
	margin-left: 220px;
}
/* ELEMENTS */
.widgetpage .one_half {
	float: none;
	margin-right: 0;
	width: auto;
}
/* DASHBOARD */
.dashboard_left, .dashboard_right {
	width: auto;
	float: none;
	margin-right: 0;
}
/* MESSAGES */
.mailinbox tr td, .mailinbox tr th {
	font-size: 11px;
}
/* NEWS FEED */
.newsfeed {
	float: none;
	width: auto;
	margin-right: 0;
}
/* PROFILE */
.profile_wrapper {
	border-right: 0;
	padding-right: 0;
	width: auto;
}
.blogviewthumb {
	display: inline-block;
}
/* PRODUCT LIST */
.prodwrapper {
	border-right: 0;
	width: auto;
}
.prodlist li .content {
	width: auto;
	margin-right: 5px;
}
.prodlist li a {
	display: block;
	width: auto;
	overflow: hidden;
}
/* PHOTO SHARING */
.photosharing_wrapper {
	width: 65.83%;
}
.photopreview a {
	display: block;
	width: auto;
	overflow: hidden;
}
.ps_sidebar {
	width: 28.5%;
}
.morephotolist li {
	width: 95px;
	border: 1px solid #ddd;
}
.morephotolist li a {
	display: block;
	overflow: hidden;
	border: 0;
	margin-right: 5px;
}
/* GALLERY */
.imagelist li img {
	width: 210px;
}
}

@media screen and (max-width: 900px) {
/* GENERAL */
body.withvernav {
	background-position: 200px 0;
}
body.withmenucoll {
	background-position: 55px 0;
}
body.withmenucoll2 {
	background-position: 35px 0;
}
.vernav, .vernav2 {
	width: 200px;
}
.centercontent {
	margin-left: 201px;
}
.menucoll {
	width: 55px;
}
.menucoll ul li {
	height: 36px;
	position: relative;
	margin-bottom: 0;
}
.menucoll ul li span.arrow {
	display: none;
}
.menucoll > ul > li {
	margin-bottom: 1px;
}
.menucoll > ul > li > a {
	overflow: hidden;
	width: 0;
	height: 36px;
	padding: 0 0 0 35px;
}
.menucoll > ul > li.hover > a {
	background-color: #32415A;
	background-image: url(../../images/admin/default/icons_sprite2.png);
}
.menucoll > ul > li.current > a {
	background-image: url(../../images/admin/default/icons_sprite.png);
}
.menucoll ul ul {
	position: absolute;
	z-index: 200;
	top: 0;
	left: 24px;
	padding: 0;
	width: 200px;
	background: none;
	border: 1px solid #ccc;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 2px 1px 3px rgba(0,0,0,0.1);
}
.menucoll ul ul li {
	display: block;
	border-bottom: 1px solid #eee;
	height: auto;
}
.menucoll ul ul li a {
	background-image: none;
	border-left: 0;
	height: auto;
	padding: 11px 10px 10px 10px;
}
.menucoll ul ul span {
	background: #f7f7f7;
	font-weight: bold;
	display: block;
	padding: 9px 10px 10px 10px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.menucoll ul li.current ul span {
	background-color: #32415A;
	color: #555555;
}
.menucoll2 {
	width: 35px;
}
.menucoll2 ul li {
	height: 36px;
	position: relative;
}
.menucoll2 ul li span.arrow {
	display: none;
}
.menucoll2 > ul > li > a {
	overflow: hidden;
	width: 0;
	height: 36px;
	padding: 0 0 0 35px;
}
.menucoll2 > ul > li.hover > a {
	background-color: #f7f7f7;
	background-image: url(../../images/admin/default/icons_sprite2.png);
}
.menucoll2 > ul > li.current > a {
	background-image: url(../../images/admin/default/icons_sprite.png);
}
.menucoll2 ul ul {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 35px;
	padding: 0;
	width: 200px;
	background: none;
	border: 1px solid #ccc;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 2px 1px 3px rgba(0,0,0,0.1);
}
.menucoll2 ul ul li {
	display: block;
	border-bottom: 1px solid #eee;
	height: auto;
}
.menucoll2 ul ul li a {
	background-image: none;
	border-left: 0;
	height: auto;
	padding: 11px 10px 10px 10px;
}
.menucoll2 ul ul span {
	background: #f7f7f7;
	font-weight: bold;
	display: block;
	padding: 9px 10px 10px 10px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.menucoll2 ul li.current ul span {
	color: #555555;
}
.togglemenu {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	display: block;
	height: 21px;
	cursor: pointer;
	background: url(../../images/admin/menucollapsed.png) no-repeat center 0;
	margin: 10px;
}
.togglemenu_collapsed {
	background-position: center -21px;
	margin: 10px 5px;
	border-width: 0;
}
.vernav .togglemenu {
	margin: 10px;
}
.vernav .togglemenu_collapsed {
	width: 35px;
	margin: 10px auto;
	border-width: 1px;
}
/* DASHBOARD */
.shortcuts li {
	width: 85px;
}
.shortcuts li a {
	width: auto;
}
/* FILE MANAGER */
.filemgr .filemgr_right {
	width: 200px;
}
.filemgr_content {
	margin-right: 220px;
}
.filemgr_category {
	margin-right: 220px;
}
.filemgr_category ul li a {
	font-size: 11px;
	padding: 2px 8px;
}
.filemgr_category ul li .pagenuminfo {
	font-size: 11px;
	margin-top: 2px;
}
/* TABLE */
.stdtable tr td, .stdtable tr th {
	font-size: 11px;
}
/* PHOTO SHARING */
.photosharing_wrapper {
	width: auto;
	float: none;
}
.ps_sidebar {
	width: auto;
	float: none;
	padding: 20px 0;
	margin: 20px !important;
	border-top: 1px solid #ddd;
}
/* GALLERY */
.imagelist li img {
	width: 285px;
}
/* ELEMENTS */
.elements .one_third {
	width: 48.5%;
}
/* INVOICE */
.invoicewrapper .one_half {
	float: none;
	width: auto;
	margin-right: 0;
}
.invoicefor {
	margin-bottom: 20px;
}
.invoiceinfo {
	margin-top: 20px;
}
.invoicetable {
	margin-top: 20px;
}
}

@media screen and (max-width: 768px) {
/* DASHBOARD */
.overviewtable tbody tr td {
	font-size: 18px;
}
/* FORM */
.stdform label {
	float: none;
	text-align: left;
	display: block;
	width: auto;
	margin-bottom: 5px;
}
.stdform span.field, .stdform div.field {
	margin-left: 0;
}
.stdform small.desc, .dualselect, .stdform .formwrapper, .stdform .stdformbutton {
	margin-left: 0;
}
.stdform2 span.field, .stdform2 div.field {
	border-left: 0;
}
.stdform2 label {
	padding: 5px 10px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0;
}
.stdform2 span.field, .stdform2 div.field {
	padding: 10px;
}
.stdform2 .stdformbutton {
	padding: 10px;
}
.stepContainer p {
	margin: 20px;
}
.stepContainer .par p {
	margin: 0 20px 20px 20px;
}
/* FILE MANAGER */
.filemgr_head {
	margin: 0;
	position: relative;
}
.filemgr_category, .filemgr_content {
	margin-right: 20px;
}
.filemgr .filemgr_left {
	clear: both;
}
.filemgr .filemgr_right {
	position: relative;
	width: auto;
}
.filemgr .filemgr_rightinner {
	margin: 0;
	border-left: 0;
}
.filemgr_menu li.newfilebtn {
	margin-top: -30px;
}
.filemgr_menu li.filesearch {
	display: block;
	float: none;
	clear: left;
	padding-top: 20px;
	margin-left: 0;
}
.filemgr_menu form input.filekeyword {
	width: 300px;
}
/* CALENDAR */
.rightpanel {
	position: relative;
	margin: 20px;
	top: 0;
	right: 0;
	width: auto;
}
.withrightpanel {
	margin-right: 20px;
	padding-right: 0;
}
.chatsearch input {
	width: 100%;
}
.chatsearch {
	padding-right: 47px;
}
/* TABLES */
.dataTables_info {
	font-size: 11px;
}
/* PROFILE */
.followerlist li.one_third {
	margin-right: 0;
	width: auto;
	float: none;
}
.blogviewthumb {
	overflow: hidden;
	width: auto;
	display: block;
}
.blogviewthumb img {
	width: 100%;
}
.profile_summary li a {
	padding: 10px;
}
/* GALLERY */
.imagelist li img {
	width: 215px;
}
}

@media screen and (max-width: 640px) {
.search input[type="text"] {
	width: 120px;
}
.topheader .left .slogan {
	display: none;
}
.headerwidget .earnings {
	display: none;
}
.vernav, .vernav2 {
	z-index: 100;
	border: 1px solid #ccc;
	border-top: 0;
	border-left: 0;
	background: #fff;
}
.vernav br, .vernav2 br {
	display: none;
}
.centercontent {
	margin-left: 0;
}
body.withvernav {
	background-position: -1px 0;
}
body.withmenucoll {
	background-position: 55px 0;
}
body.withmenucoll2 {
	background-position: 35px 0;
}
.imagelist li img {
	width: 240px;
}
}

@media screen and (max-width: 520px) {
.search .searchicon {
	position: absolute;
	right: 195px;
	display: inline-block;
	width: 36px;
	height: 35px;
	background: #2e3e58 url(../../images/admin/icons/sprites.white.png) no-repeat -10px -10px;
	border: 1px solid #233147;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	-moz-box-shadow: 0 1px 0 rgba(250,250,250,0.1);
	-webkit-box-shadow: 0 1px 0 rgba(250,250,250,0.1);
	box-shadow: 0 1px 0 rgba(250,250,250,0.1);
}
.search .searchinner {
	padding: 10px;
	background: #555555 url(../../images/admin/default/topheaderbg.png);
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	position: absolute;
	left: 0;
	top: -10px;
	z-index: 100;
	display: none;
}
.search .searchinner input {
	width: 80%;
}
.search .searchcancel {
	float: left;
	width: 30px;
	height: 36px;
	background: url(../../images/admin/default/searchcancel.png) no-repeat center center;
	cursor: pointer;
}
.shortcuts li {
	width: 100px;
}
.progress150 {
	width: auto;
}
.overviewselect div.selector {
	width: 75px;
}
.overviewhead input.hasDatepicker {
	width: 60px !important;
	font-size: 11px;
}
.hornav li a {
	font-size: 12px;
	padding: 10px;
}
#charts .one_half {
	float: none;
	width: auto;
	margin: 0;
}
/* WIZARD */
.wizard .tabbedmenu li a {
	padding: 10px;
}
.wizard .tabbedmenu li a span.h2 {
	font-size: 14px;
}
.wizard .tabbedmenu li a span {
	font-weight: normal;
	font-size: 11px;
}
.verwizard .verticalmenu {
	float: none;
	width: auto;
}
.verwizard .stepContainer, .verwizard .actionBar {
	margin-left: 0;
}
.imagelist li img {
	width: 175px;
}
.imagelist li span {
	text-align: left;
	display: block;
	margin-bottom: 5px;
}
.imagelist li span a.name {
	display: block;
	float: none;
	margin-bottom: 5px;
}
/* ELEMENTS */
.elements .one_third {
	width: auto;
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}
}

@media screen and (max-width: 480px) {
.search .searchinner input {
	width: 78%;
}
.noticontent {
	right: -133px;
}
/* DASHBOARD */
.shortcuts li {
	width: 85px;
}
/* WIZARD */
.wizard .tabbedmenu li a {
	padding: 10px 20px;
	font-size: 16px;
}
.wizard .tabbedmenu li a span {
	display: none;
}
/* FILE MANAGER */
.filemgr_menu form input.filekeyword {
	width: 220px;
}
.filemgr_category, .filemgr_content {
	margin-bottom: 30px;
}
.filemgr_category ul li.right {
	margin-top: 20px;
}
.listfile li a span {
	display: block;
	overflow: hidden;
}
.listfile li a span img {
	margin-left: -5px;
}
.listfile li {
	width: 110px;
}
/* CALENDAR */
.fc-header-title h2 {
	font-size: 15px;
}
.calTitle {
	display: none;
}
/* TABLES */
.stdtable tbody tr td {
	padding: 5px;
}
.dataTables_info {
	display: none;
}
#table2 td:last-child, #table2 th:last-child,  #table2 td:nth-child(2), #table2 th:nth-child(2) {
	display: none;
} /* an example of removing columns in a table in a responsive */
#dyntable2 td:last-child, #dyntable2 th:last-child {
	display: none;
}
div.checker {
	margin: auto;
}
.dataTables_wrapper input {
	width: 100px;
}
/* NEWS FEED */
.updatecontent .photo {
	width: 95%;
}
.updatecontent .photo a {
	display: block;
	overflow: hidden;
	width: auto;
}
.news_photopreview {
	overflow: hidden;
	width: 350px;
}
.news_photopreview img {
	width: 350px;
}
/* PROFILE */
.profile_summary li {
	display: block;
	float: none;
}
.profile_summary li a {
	border-left: 0;
	border-bottom: 1px solid #eee;
}
.profile_summary li:last-child a {
	border-bottom: 0;
}
.blogthumb {
	float: none;
	display: inline-block;
}
.blogsummary {
	margin-left: 0;
	margin-top: 20px;
}
}

@media screen and (max-width: 450px) {
/* DASHBOARD */
.overviewselect {
	float: none;
	margin-bottom: 10px;
}
.overviewselect div.selector {
	width: 124px;
}
.shortcuts li.one_half {
	width: 40%;
	margin-right: 3%;
}
.shortcuts li.last {
	margin-right: 0;
}
.overviewtable tbody tr td {
	font-size: 14px;
}
.overviewtable2 td:last-child, .overviewtable2 th:last-child {
	display: none;
}
/* BLOG */
.blogtable td:last-child, .blogtable th:last-child {
	display: none;
}
.hornav li.more {
	position: relative;
}
.hornav li.more a {
	cursor: pointer;
}
.hornav li.more ul {
	display: none;
	position: absolute;
	top: 41px;
	right: 0;
	min-width: 150px;
}
.hornav li.more ul li {
	display: block;
	float: none;
	margin-right: 0;
}
.hornav li.more ul li a {
	border-top: 1px solid #eee;
	background: #fff;
	color: #666;
}
.hornav li.more ul li a:hover {
	border-top: 1px solid #eee;
	background: #fcfcfc;
}
.hornav li.more ul li:first-child a {
	border-top: 0;
}
.hornav li.more ul li:last-child a {
	border-bottom: 1px solid #ccc;
}
.hornav li.more ul li.current a {
	color: #555555;
}
/* FORMS */
form input.longinput, form textarea.longinput {
	width: 100%;
}
.stdform span.field, .stdform div.field {
	display: block;
	padding-right: 10px;
}
.stdform2 span.field, .stdform2 div.field {
	padding-right: 22px;
}
/* FILE MANAGER */
.filemgr_menu li.marginleft20 {
	margin-left: 5px;
}
.filemgr_menu li.filesearch {
	margin-left: 0;
}
/* ELEMENTS */
.anchorbutton {
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 10px;
}
/* WIDGETS */
.slide_content button {
	width: 100%;
	margin-bottom: 10px;
}
/* CALENDAR */
.fc-button-month .fc-button-content, .fc-button-agendaWeek  .fc-button-content, .fc-button-agendaDay .fc-button-content,  .fc-button-today .fc-button-content {
	font-size: 11px;
}
.fc-header-title {
	display: none;
}
.calTitle {
	display: block;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid #555555;
}
/* TABLES */
.dataTables_paginate {
	padding: 5px;
}
.dataTables_paginate .paginate_button {
	padding: 5px;
}
.dataTables_paginate .paginate_active {
	padding: 5px;
}
.tables .stdtablecb th:nth-child(3), .tables .stdtablecb td:nth-child(3),  .tables .stdtablequick th:nth-child(3), .tables .stdtablequick td:nth-child(3) {
	display: none;
}
.imagelist li img {
	width: 140px;
}
}

@media screen and (max-width: 425px) {
.headermenu li a {
	padding: 17px 5px;
}
.search .searchinner input {
	width: 76%;
}
/* FILE MANAGER */
.trashbtn {
	margin-left: 0;
	margin-top: 10px;
}
.filemgr_menu form input.filekeyword {
	width: 180px;
}
/* ELEMENTS */
.flatmode {
	display: none;
}
.colorpicker {
	left: 40px !important;
}
/* WIDGETS */
.slide_img {
	float: none;
}
.slide_content {
	margin-left: 0;
	margin-top: 20px;
}
/* TABLES */
#dyntable td:first-child, #dyntable th:first-child,  #dyntable td:nth-child(2), #dyntable th:nth-child(2) {
	display: none;
}
#dyntable td:nth-child(3), #dyntable th:nth-child(3) {
	border-left: 1px solid #ddd;
}
#dyntable2 td:nth-child(2), #dyntable2 th:nth-child(2) {
	display: none;
}
.imagelist li img {
	width: 270px;
}
}

@media screen and (max-width: 400px) {
.search .searchinner input {
	width: 75%;
}
/* LOGIN */
.loginpage {
	background: url(../../images/admin/patternbg.png) repeat scroll 0 0 #32415A;
}
.loginbox {
	width: auto;
	margin: 10px;
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.loginboxinner {
	background: none;
}
/* DASHBOARD */
.overviewtable2 td:first-child, .overviewtable2 th:first-child {
	display: none;
}
.overviewtable2 td:nth-child(2), .overviewtable2 th:nth-child(2) {
	border-left: 1px solid #ddd;
}
/* TABLES */
.tableoptions select {
	width: 70px;
}
.tableoptions button {
	padding: 7px 5px;
}
.imagelist li img {
	width: 230px;
}
}

@media screen and (max-width: 380px) {
.search .searchinner input {
	width: 74%;
}
.topheader .left h1.logo {
	font-size: 24px;
}
.headermenu li a {
	min-width: 75px;
	font-size: 11px;
}
/* DASHBOARD */
.overviewtable td:first-child, .overviewtable th:first-child {
	display: none;
}
.overviewtable td:nth-child(2), .overviewtable th:nth-child(2) {
	border-left: 1px solid #ddd;
}
/* MANAGE BLOG */
.mailinbox td:first-child, .mailinbox th:first-child {
	display: none;
}
.mailinbox td:nth-child(2), .mailinbox th:nth-child(2) {
	border-left: 1px solid #ddd;
}
/* FILE MANAGER */
.newfoldbtn {
	margin: 10px 5px 0 0 !important;
}
.filemgr_menu form input.filekeyword {
	width: 150px;
}
/* ELEMENTS */
.colorpicker {
	left: 30px !important;
}
/* WIDGETS */
.entry_img {
	float: none;
}
.entry_content {
	margin-left: 0;
	margin-top: 20px;
}
/* ERROR PAGES */
.errorwrapper button {
	width: 100%;
	padding: 10px;
}
}

@media screen and (max-width: 350px) {
.search .searchinner input {
	width: 70%;
}
.topheader .left h1.logo {
	font-size: 18px;
}
.userinfodrop {
	min-width: 280px;
}
.headermenu li a {
	min-width: 65px;
}
/* DASHBOARD */
.overviewhead input.hasDatepicker {
	width: 38px !important;
}
.overviewselect {
	padding-right: 8px;
}
.overviewselect div.selector {
	width: 100%;
}
.blogmenu li a {
	font-size: 11px !important;
	padding: 10px 5px;
}
/* FORMS */
.tagsinput {
	width: auto;
}
/* FILE MANAGER */
.viewfilebtn {
	margin: 10px 5px 0 0 !important;
}
.filemgr_menu li a.newfilebutton {
	font-size: 11px;
	padding: 4px 5px;
}
.filemgr_menu form input.filekeyword {
	width: 130px;
}
.filemgr_category ul li a {
	padding: 2px 3px;
	font-size: 10px;
}
/* CALENDAR */
.fc-button-today {
	display: none;
}
/* GRID */
blockquote.alignright, blockquote.alignleft {
	width: auto;
}
/* NEWS FEED */
blockquote.bq2 {
	width: 170px;
}
/* PHOTO SHARING */
.photopreview a img {
	width: 300px;
}
}

.blueLink{
	color: blue;
	text-decoration: underline;
}


.msgFlash{
	margin: 15px 0;
	padding: 15px;
	color: black;
}

.msgFlash-erreur{
	background-color: #D00;
}

.msgFlash-succes{
	background-color: #0D0;
}


.stdform label.label-normal {
	float: none;
	text-align: left;
	width: auto;
	padding: 0;
}

#basicform{
	margin-bottom: 85px;
}

.associationsEnsConsDep_wrapper{
	margin-top: 45px;
}



/* module geolocalisation en admin */
.btnAdminMap{
	border : 1px solid #000;
	width : 285px;
	display: inline-block;
	cursor: pointer;
}


#map_jdb {
	border: 1px solid #000000;
	display: block;
	min-height: 450px;
	overflow: hidden;
	position: relative;
	width: auto;
	margin-left: 0;
	margin-bottom: 80px;
}

#refresh_map {
	display: block;

	overflow: hidden;
	background: #fff;
	font-size: 15px;
	cursor: pointer;
	width: 60%; /*192px;*/
	text-align: center;
	padding-left: 7px;

}

#refresh_map span {
	display: block;
	text-align: left;
	/* width: 154px; */
	float: left;
	line-height: 24px;
}

#refresh_map img {
	display: block;
	float: right;
}

.target_map {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
	border: 3px solid #000000;
	height: 30px;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	width: 30px;
	z-index: 10000;
}

.class_position_relative {
	position: relative;
	width: 95%;
}
/* fin module geolocalisation en admin */