/***

 * Created by: Mienard Lumaad

 * Date: May 15, 2012

 * Website: http://themepixels.com/

***/



@import url('../fonts/roboto.css');

@import url('plugins/jquery.alerts.css');

@import url('plugins/uniform.tp.css');

@import url('plugins/jquery.ui.css');

@import url('plugins/jquery.ui.autocomplete.css');

@import url('plugins/fullcalendar.css');

@import url('plugins/colorbox.css');

@import url('plugins/colorpicker.css');

@import url('plugins/jquery.jgrowl.css');

@import url('plugins/jquery.tagsinput.css');

@import url('plugins/ui.spinner.css');





/***** 1. RESET STYLE *****/

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


.fileContainer {
    overflow: hidden;
    position: relative;
	background:url(../images/upload.jpg);
	height: 100px;
	padding:0px !important;
    width: 100px !important;
}

.fileContainer [type=file] {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

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

}



/***** 2. GENERAL STYLES *****/

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





body { font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color: #666; line-height: 21px; }

input, select, textarea, button { font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; outline: none; 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: 'RobotoBoldCondensed', 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/line.ccc.png) repeat-y 230px 0; } /* 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 */





/***** 3. COLUMN STYLE *****/

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





.one_half{ width:46.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/patternbg.png); }

.loginbox {width: 350px;padding: 5px;/* background: #fff; */margin: 12% auto 0 auto;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 196%;-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: rgba(204, 204, 204, 0.51);-moz-border-radius: 0 2px 2px 0;-webkit-border-radius: 0 0 2px 2px;border-radius: 10px;border: 1px solid rgba(204, 204, 204, 0.34);}

.loginbox .logo { text-align: center; }

.loginbox .logo h1 { 

	font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; font-size: 32px; color: #fff; border-bottom: 1px solid #56647d; 

	line-height: normal; margin-bottom: 5px;

}

.loginbox .logo h1 span { color: #FB9337; }

.loginbox .logo p { font-weight: bold; color: #eee; font-style: italic; }



.loginbox form { display: block; margin-top: 20px; }

.loginbox .username { 

	background: #eee url(../images/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; overflow: hidden;

}

.loginbox .usernameinner {margin-left: 45px;border-left: 1px solid #ddd;background: #fff;}

.loginbox .username input { 

	padding: 15px 10px; border: 0; font-size: 14px; width: 330px; box-shadow: none; color: #666; 

	font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;

}

.loginbox .password { 

	background: #eee url(../images/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: 'RobotoCondensed', Arial, Helvetica, sans-serif;

}



.loginbox button {background: rgb(0, 0, 0) url(../images/btngrad.png) repeat-x top left;border: 0;padding: 15px 0;text-align: center;font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;font-size: 14px;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: #1a396f;}

.loginbox .keep {margin-top: 20px;font-weight: bold;color: #ccc;font-size: 11px;}

.loginbox .loginmsg { 

	background: #fffccc; color: #333; margin-bottom: 10px; padding: 5px; text-align: center; font-size: 11px; 

	-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: 'RobotoCondensed', 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: #34445e url(../images/default/topheaderbg.png); padding: 8px 10px; position: relative; border-bottom: 1px solid #303f59; }

.topheader .left h1.logo { 

	font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; color: #fb9337;

	float: left; font-size: 30px; margin: 10px 0;

}.topheader .left h1.logo a { color: #fb9337; }

.topheader .left h1.logo span { color: #fff; }

.topheader .left .slogan { 

	font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; float: left; padding: 8px 10px; 

	border-left: 1px solid #606d84; color: #6a778d; 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/default/searchbutton.png) no-repeat 0 0; width: 38px; height: 37px; vertical-align: middle;

}



.topheader .right { position: absolute; top: 10px; right: 10px; }



.notification { float: left; position: relative; }

.notification a.count { 

	background: #cc170e url(../images/default/notibg.png) repeat-x top left; margin-right: 10px; 

	font-size: 14px; font-family: 'RobotoCondensed', 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 #FB9337; 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: #FB9337; }

.notitab li.current a { background: #FB9337; 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 #FB9337; }

.msglist li img { vertical-align: middle; }



.msgdetails { line-height: 18px; }

.msgdetails span { display: block; }

.msgdetails .name { font-weight: bold; color: #485B79; }

.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: #FB9337; 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: #485B79; font-weight: bold; }

.actlist li a:hover { color: #FB9337; }

.actlist li span { display: block; font-size: 10px; color: #999; }





/***** 6. USER INFORMATION DROP STYLES *****/

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





.userinfo { 

	padding: 6px 18px 6px 6px; background: #32415a url(../images/default/userinfoarrow.png) no-repeat right center; -moz-border-radius: 2px; 

	-webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 1px 1px 2px #2b384e; float: left; border-bottom: 1px solid #445775;

	-webkit-box-shadow: inset 1px 1px 2px #2b384e; box-shadow: inset 1px 1px 2px #2b384e; cursor: pointer;

}

.userinfo:hover { background-color: #2d3b53; }

.userinfo img { border: 1px solid #b9c1ce; vertical-align: middle; }

.userinfo span { color: #b9c2cf; display: inline-block; padding: 0 5px; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; }



.userinfodrop { 

	padding: 10px; min-width: 300px; 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: 105px; }

.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: #fb9337; color: #fff; }





/***** 7. HEADER STYLES *****/

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





.header { 

	background: #485b79 url(../images/default/headerbg.png); min-height: 50px; overflow: hidden; border-bottom: 5px solid #fb9337; 

	-moz-box-shadow: inset 0 1px 0 #50627f; -webkit-box-shadow: inset 0 1px 0 #50627f; box-shadow: inset 0 1px 0 #50627f;

	position: relative;

}

.headermenu { overflow: hidden; list-style: none; border-right: 1px solid #576a85; display: inline-block; }

.headermenu li { float: left; display: inline-block; border-left: 1px solid #576a85; border-right: 1px solid #394962; }

.headermenu li:first-child { border-left: 0; }

.headermenu li a { 

	display: block; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; 

	padding: 17px 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/icons/flatscreen.white.png) no-repeat center center; }

.headermenu li a span.icon-pencil { background: url(../images/icons/pencil.white.png) no-repeat center center; }

.headermenu li a span.icon-speech { background: url(../images/icons/speech.white.png) no-repeat center center; }

.headermenu li a span.icon-message { background: url(../images/icons/message.white.png) no-repeat center center; }

.headermenu li a span.icon-chart { background: url(../images/icons/chart.white.png) no-repeat center center; }

.headermenu li a:hover { 

	background: url(../images/default/bghover.png) no-repeat center bottom; -moz-box-shadow: inset 0 1px 0 #4f627e; 

	-webkit-box-shadow: inset 0 1px 0 #4f627e; box-shadow: inset 0 1px 0 #4f627e;

}



.headermenu li.current { border-left: 0; border-right: 1px solid #394962;  }

.headermenu li.current a { 

	background: url(../images/default/arrow-active.png) no-repeat center bottom; -moz-box-shadow: inset 0 1px 0 #4f627e; 

	-webkit-box-shadow: inset 0 1px 0 #4f627e; box-shadow: inset 0 1px 0 #4f627e; }

.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: 'RobotoCondensed', Arial, Helvetica, sans-serif; margin-bottom: 8px;

}

.headerwidget .earnings h2 { 

	color: #f6e4a5; font-size: 32px; font-weight: normal; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; margin-bottom: 8px;

}





/***** 8. PAGE HEADER STYLES *****/

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





.pageheader { padding-top: 20px; background: url(../images/default/noise.white.png); position: relative; }

.pageheader .pagetitle { 

	margin: 0 10px; color: #485b79; font-weight: normal; font-size: 28px; font-family: 'RobotoBoldCondensed', 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: 'RobotoBoldCondensed', 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: #FB9337; }

.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: 'RobotoBoldCondensed', 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: #FB9337; }

.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: 'RobotoBoldCondensed', 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: #fb9337; }

.vernav ul ul { margin: 0; margin-left: 10px; display: none; }

.vernav ul ul li a { color: #999; background: #fff url(../images/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: #fb9337; background-color: #fff; }



.vernav2 { width: 230px; position: absolute; left: 0; top: 160px; }

.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: 'RobotoBoldCondensed', 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: #fb9337; }

.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/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: #fb9337; }



.vernav ul li span.arrow, .vernav2 ul li span.arrow { 

	position: absolute; top: 17px; right: 10px; background: url(../images/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/default/icons_sprite.png); background-repeat: no-repeat; background-position: 10px 12px; 

}

.iconmenu ul li a:hover { background-image: url(../images/default/icons_sprite2.png); }

.iconmenu ul li.current a:hover { background-image: url(../images/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/default/icons_sprite2.png); }

.menucoll > ul > li.current > a { background-image: url(../images/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: 'RobotoCondensed', Arial, Helvetica, sans-serif;

	text-transform: uppercase;

}

.menucoll ul li.current ul { display: none; }

.menucoll ul li.current ul span { background-color: #32415A; color: #FB9337; }





.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/default/icons_sprite2.png); }

.menucoll2 > ul > li.current > a { background-image: url(../images/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: 'RobotoCondensed', Arial, Helvetica, sans-serif;

	text-transform: uppercase;

}

.menucoll2 ul li.current ul { display: none; }

.menucoll2 ul li.current ul span { color: #FB9337; }







.togglemenu { 

	border-left: 1px solid #ddd; border-right: 1px solid #ddd; display: block; height: 21px; cursor: pointer;

	background: url(../images/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: #FB9337; 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 #FB9337; 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: #FB9337; }

.shortcuts li a span { 

	text-align: center; display: block; padding-top: 70px; font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif; 

	text-transform: uppercase;

}

.shortcuts li a.settings { background-image: url(../images/icons/64/settings.png); }

.shortcuts li a.users { background-image: url(../images/icons/64/users.png); }

.shortcuts li a.gallery { background-image: url(../images/icons/64/images.png); }

.shortcuts li a.events { background-image: url(../images/icons/64/events.png); }

.shortcuts li a.analytics { background-image: url(../images/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: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif; 

	font-size: 14px; color: #32415A; display: block; 

}

.toplist li .desc { color: #FB9337; 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: 'RobotoBoldCondensed', 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/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/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/selectall.png); background-position: 7px 7px; background-repeat: no-repeat; padding-left: 27px; 

}

.filemgr_menu li a.preview { 

	background-image: url(../images/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/addfolder.png); background-position: 7px 8px; background-repeat: no-repeat;

}

.filemgr_menu li a.trash { 

	padding: 15px; background-image: url(../images/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 #F0882C; background: #FB9337; 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: #485B79; 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: #fb9337; 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 #FB9337; }

.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: 'RobotoBoldCondensed', 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/icons/arrow.html) 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/icons/mail.png); }

.recent_list li.user { background-image: url(../images/icons/users.png); }

.recent_list li.call { background-image: url(../images/icons/call.png); }

.recent_list li.calendar { background-image: url(../images/icons/calendar.png); }

.recent_list li.settings { background-image: url(../images/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/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/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: 'RobotoCondensed', Arial, Helvetica, sans-serif; }

.slide_content h4 a { color: #FB9337; } 

.slide_content h4 a:hover { color: #485B79; }

.slide_content p { margin: 10px 0; }





/***** 18. CALENDAR STYLES *****/

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





#external-events p { font-size: 11px; }

.external-event { 

	background: #FB9337; 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: #FB9337; border: 1px solid #ccc;

}

.fc-header-title { 

	font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 5px 10px; 

	border-bottom: 2px solid #FB9337;

}

.fc-header-title h2 { font-size: 18px; }

.fc-button-prev:hover, .fc-button-next:hover { background: #eee; color: #FB9337; border-color: #ccc; }

.fc-button-today:hover { color: #FB9337; background: #eee; border-color: #ccc; }



input.hasDatepicker { 

	background-image: url(../images/icons/calendar.png) !important; background-repeat: no-repeat !important; 

	background-position: 5px 7px !important; padding-left: 27px !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/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/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/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: #FB9337; }

.stdtable a.title { font-weight: bold; color: #32415a; }

.stdtable a.title:hover { color: #fb9337; }



.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 #F0882C; background: #F0882C;  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],input[type=password] { 

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

	width: auto; margin: 0; font-weight: bold; color: #eee; background: #FB9337; border: 1px solid #F0882C; 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;

}

form input[type=submit]:hover { background: #485B79; 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: 70%; 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 #f0882c; background: #fb9337; color: #fff; cursor: pointer; padding: 7px 10px; font-weight: bold; }

form button.submit:hover { background: #485B79; 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: 70%; }

form input.longinput, form textarea.longinput { width: 85%; }

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:0px; display: block; position: relative; }

.stdform .formwrapper { display: block; padding-top: 5px; margin-left: 220px; line-height: 25px; }

.stdform label { float: left; width: 130px; text-align: start; padding: 5px 20px 0 0; }
.label-css { float: left; width: 100% !important; text-align: start;  }


.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; }

.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; }



/*** 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/titlebg.png) repeat-x top left;

}

.dualselect .ds_arrow .ds_prev:hover, .dualselect .ds_arrow .ds_next:hover {

	background: #FB9337; color: #fff; border-color: #F0882C; cursor: pointer;	

}



/* CHARACTER COUNT */

.counter { display: block; margin: 5px 0; font-size: 14px; font-family: 'RobotoCondensed', 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: 'RobotoCondensed', 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/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/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: #fb9337; }

.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: #fb9337; }





/***** 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: 'RobotoCondensed', 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: #FB9337; }

.wizard .tabbedmenu li a.done span.h2, .wizard .tabbedmenu li a.done span { color: #FB9337; }



.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: #FB9337; 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 #f0882c;

}

.actionBar a:hover { text-decoration: none; background: #485B79; 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: #FB9337; 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: #fb9337; color: #fff; border: 1px solid #F0882C; }

.quickform .quickformbutton button.update:hover { background: #485B79; 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; }







/***** 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/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/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; }


.current img {
    height: 48px;
    margin-top: 12px;
}


/***** 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: #FB9337; color: #fff; border: 1px solid #F0882C; }

.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: 'RobotoCondensed', Arial, Helvetica, sans-serif; }

.entry_content h4 a { color: #FB9337; } 

.entry_content h4 a:hover { color: #485B79; }

.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/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/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/colorpicker/select2.html) 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: 5px 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/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/notifications.png) no-repeat 0 -52px; }

.msginfo { border: 1px solid #99c4ea; background: #d1e4f3 url(../images/notifications.png) no-repeat 0 -156px; }

.msgsuccess { border: 1px solid #c1d779; background: #effeb9 url(../images/notifications.png) no-repeat 0 -104px; }

.msgerror { border: 1px solid #e18b7c; background: #fad5cf url(../images/notifications.png) no-repeat 0 0; }

.announcement { 

	border: 1px solid #fbe187; background: #ffffdf url(../images/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: #FB9337; 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/online.html) 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/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/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 #F0882C; padding: 7px 0; text-align: center; font-weight: bold; background: #FB9337; 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: #485B79; 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/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/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 *****/

/*HIM ADMIN CHANGES*/

/*.pageheader .date_filter{

	margin-left: 20px !important;

}*/

/*active_table{

	float: right;

}*/

.heading_active{

	float: left;

}

.active_deactive{

	text-align: right;

	padding-right: 20px;

}

/*.active_work { float:left;}*/

.blue_active{

  background-color: #4CD3A6 !important;

  color : #ffffff !important;

  border-color: #4CD3A6 !important

}

a.btn_orange { 

	background-image: url(../images/icons/sprites.white.png); background-color: #FB9337; color: #fff; 

	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #F0882C; opacity: 0.9;

}

a.btn_orange span { background-color: #FB9337; border-left: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

a.btn_orange:hover { opacity: 1; color: #fff; border-color: #F0882C; }



a.btn_blue { 

	background-image: url(../images/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/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/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: #FB9337; }

.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: #FB9337; }

.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: #FB9337; }



blockquote.bq2 { 

	background: #fcfcfc url(../images/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/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: 'RobotoCondensed', Arial, Helvetica, sans-serif; }

.blogsummary h3 a:hover { color: #FB9337; }



.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: 'RobotoCondensed', 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: 'RobotoCondensed', Arial, Helvetica, sans-serif; font-size: 14px; color: #FB9337; }

.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: #FB9337; }

.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/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/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/preview.png); background-position: 7px 8px; background-repeat: no-repeat; padding-left: 30px; 

}

.photosharing_menu li a.trash { 

	padding: 15px; background-image: url(../images/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/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: #FB9337; }

.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: 'RobotoCondensed', 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: #FB9337; }

.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/icons/bar.png) no-repeat left center; margin-right: 20px; }

.ps_sidebar .viewinfo .numcomments { background: url(../images/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/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/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: #FB9337; }

.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/bluetrans.png); padding: 5px 7px; margin-top: 132px; height: 163px; }

.prodlist li .title { color: #fff; font-family: 'RobotoCondensed',Arial,Helvetica,sans-serif; font-size: 13px; }

.prodlist li .title:hover { color: #FB9337; }

.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/icons/unstar.png) no-repeat 0 0; 

	cursor: pointer; opacity: 0.5; 

}

.msgstar:hover { opacity: 1; }

.starred { background-image: url(../images/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/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/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/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/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/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: #FB9337; font-weight: bold; }

.orangeboldlink:hover { text-decoration: underline; }

.orangeborderbottom5 { border-bottom: 5px solid #FB9337; }

.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: #FB9337; }

.changetheme a.blueline { background: #319cff; }

.changetheme a.greenline { background: #78ce07; }

.changetheme a.contrast { background: #ff4800; }

.changetheme a.custombg { background: #666; }





/***** 39. 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; }

}



@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/default/icons_sprite2.png); }

	.menucoll > ul > li.current > a { background-image: url(../images/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: 'RobotoCondensed', Arial, Helvetica, sans-serif;

		text-transform: uppercase;

	}

	.menucoll ul li.current ul span { background-color: #32415A; color: #FB9337; }

	

	

	.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/default/icons_sprite2.png); }

	.menucoll2 > ul > li.current > a { background-image: url(../images/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: 'RobotoCondensed', Arial, Helvetica, sans-serif;

		text-transform: uppercase;

	}

	.menucoll2 ul li.current ul span { color: #FB9337; }

	

	

	

	.togglemenu { 

		border-left: 1px solid #ddd; border-right: 1px solid #ddd; display: block; height: 21px; cursor: pointer;

		background: url(../images/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; }

	

}





@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; }

}



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

	

	.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; }



	

}



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

	

	.search .searchicon {

		position: absolute; right: 195px; display: inline-block; width: 36px; height: 35px; 

		background: #2e3e58 url(../images/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: #485B79 url(../images/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/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; }

	

}



@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: #FB9337; }

	

	/* 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 #FB9337; 

	}

	

	/* 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; }

}



@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; }

}



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

	

	.search .searchinner input { width: 75%; }

	

	/* LOGIN */

	.loginpage { background: url(../images/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; }

}



@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; }

		

}