/***
 * 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');
@import url('plugins/jquery.chosen.css');


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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/***** 2. GENERAL STYLES *****/
/*****************************/
*{
	font-family:Microsoft Yahei !important;
}

body { font-size: 12px; font-family: "Microsoft Yahei", 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:48.5%; }*/
.one_half{ width:38%; }
.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:8%; float:left; }

.last{ margin-right:0 !important; clear:right; }
.toper{height:20px;background:none !important;}


/***** 4. LOGIN PAGE *****/
/*************************/

.loginpage { background: #fff url(../images/patternbg.png); }
.loginbox { 
	width: 350px; padding: 5px; background: #fff; margin: 7% auto 0 auto; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	border-radius: 2px; -moz-box-shadow: 0 0 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3); 
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
}
.loginboxinner { 
	padding: 20px; background: #32415a url(../images/patternbg.png); -moz-border-radius: 0 2px 2px 0; 
	-webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;
}
.loginbox .logo { text-align: center; }
.loginbox .logo h1 { 
	font-family: '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: #319CFF; }
.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;
}
.loginbox .usernameinner { 
	margin-left: 45px; border-left: 1px solid #ddd; background: #fff; padding-right: 20px; 
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; 
}
.loginbox .username input { 
	padding: 15px 10px; border: 0; font-size: 14px; width: 100%; box-shadow: none; color: #666; 
	font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
}
.loginbox .password { 
	background: #eee url(../images/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: #f0801d 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: #f0721e; }
.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: 7px 7px; 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: #319CFF;
	float: left; font-size: 30px; margin: 10px 0;
}.topheader .left h1.logo a { color: #319CFF; }
.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: #aaa; font-style: normal; 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: normal;
	-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: 36px; 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 #319CFF; 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: #319CFF; }
.notitab li.current a { background: #319CFF; 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 #319CFF; }
.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: #319CFF; 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: #319CFF; }
.actlist li span { display: block; font-size: 10px; color: #999; }


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


.userinfo { 
width:60px;
	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: #319CFF; color: #fff; }


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



.header { 
	background: #485b79 url(../images/default/headerbg.png); min-height: 50px; overflow: hidden; border-bottom: 3px 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;height:70px !important;
}
.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: #ccc; text-transform: uppercase; 
	padding: 10px 10px;
}
.headermenu li a { min-width: 80px; text-align: center;margin-top:-1px; }
.headermenu li a span { opacity: 0.5; }
.headermenu li a span.icon { height: 25px; display: block; margin-bottom: 5px; }

.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 span.icon-dhcpd { background: url(../images/icons/dhcpd.bai.png) no-repeat center center; }
.headermenu li a span.icon-network { background: url(../images/icons/network.bai.png) no-repeat center center; }
.headermenu li a span.icon-domain { background: url(../images/icons/domain.bai.png) no-repeat center center; }
.headermenu li a span.icon-smart { background: url(../images/icons/smart.bai.png) no-repeat center center; }
.headermenu li a span.icon-security { background: url(../images/icons/security.bai.png) no-repeat center center; }
.headermenu li a span.icon-fire { background: url(../images/icons/fire.bai.png) no-repeat center center; }
.headermenu li a span.icon-system { background: url(../images/icons/system.bai.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; color:#fff;}
.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: 0px; 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 h3{ padding-left:20px; padding-top:8px;  font-size:24px; line-height:30px; }
.pageheader h6{ padding-left:20px; padding-bottom:8px; font-size:12px;font-weight:100; line-height:30px; }


.pageheader .pagedesc { color: #666; margin: 0 10px; }
.notab { border-bottom: 1px solid #ddd; padding-bottom: 20px; }


/***** 9. HORIZONTAL NAVIGATION STYLES *****/
/*******************************************/
.hornav { background-image: url(../images/default/home.png);background-size: 22px; /*background-position-y:8px;background-position-x:24px;*/background-position:24px 6px;background-repeat:no-repeat; list-style: none; margin-top: 10px; border-bottom: 1px solid #ccc; padding: 0 10px; height: 41px; margin-top:0;height:40px;}
.hornav li { display: inline-block; float: left; margin-right: 0px; display: inline-block;
    background-image: url(../images/default/arr.png) ;
    /*margin-right: 4px;*/
    font-size: 11px;background-size:20px;background-repeat:no-repeat;/*background-position-y: 9px; background-position-x: 61px;*/background-position:-8px 9px;}
.hornav li a { 
	display: block; /*padding: 10px 20px; background: #637186; color: #fff; font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif; 
	text-transform: uppercase; font-size: 12px; -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; padding:5px; border: 1px solid #ccc; border-radius:4px;*/font-size: 12px;padding:3px 17px; /*margin-left: -8px;*/margin-top:6px;color: #fb9337;
}

.hornav li a:hover {/* background: #41526e; border-color: #aaa;*/ color:#fb9337; }
.hornav li a:focus {color:blue;}
.hornav li.current a { /*background: #fff; color: #319CFF;*/ }
.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: #319CFF; }
.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: #319CFF; }
.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: #319CFF; background-color: #fff; }

.vernav2 { width: 230px; height:500px; position: absolute; left: 0; top: 129px; }
.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: #319CFF; }
.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: #f5f5f5; color: #319CFF; }
.vernav2 ul ul li:last-child { border-bottom: 0; }
.vernav2 ul li.current ul { display: block; }
//.iconmenu 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 { background-color: #f5f5f5; color: #319CFF; }
.vernav2 ul li.current ul li.current a { background-color: #fff; color: #319CFF; }

.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; }
.lefts{height: 10px !important; background-position: 0px -8px;}

/*
.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: #319CFF; }


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

*/

.iconmenu ul li a { 
	padding-left: 35px; background-image: url(../images/default/first.png); background-repeat: no-repeat; background-position: 8px 12px; 
}
.iconmenu ul li a:hover { background-image: url(../images/default/second.png); }
.iconmenu ul li.current a:hover { background-image: url(../images/default/first.png); }

.iconmenu ul ul { padding-left: 25px; }

.iconmenu ul li a.arealdis { background-position: 8px 7px; }
.iconmenu ul li a.analysis { background-position: 8px -65px; }
.iconmenu ul li a.sysinfo { background-position: 8px -138px; }
.iconmenu ul li a.byteinsight { background-position: 8px -211px; }
.iconmenu ul li a.defaultset { background-position: 8px -282px; }
.iconmenu ul li a.interfset { background-position: 8px -355px; }
.iconmenu ul li a.routeset { background-position: 8px -427px; }
.iconmenu ul li a.aggrset { background-position: 8px -500px; }
.iconmenu ul li a.ipmac { background-position: 8px -572px; }
.iconmenu ul li a.domainmana { background-position: 8px -680px; }
.iconmenu ul li a.lineset{ background-position: 8px -715px; }
.iconmenu ul li a.globalset { background-position: 8px -787px; }
.iconmenu ul li a.realstat { background-position: 8px -859px; }
.iconmenu ul li a.leaseinfo { background-position: 8px -930px; }
.iconmenu ul li a.dhcpmana { background-position: 8px -1003px; }
.iconmenu ul li a.groundmana { background-position: 8px -1074px; }
.iconmenu ul li a.sitemirror { background-position: 8px -1146px; }
.iconmenu ul li a.snmpset { background-position: 8px -1219px; }
.iconmenu ul li a.dnsflock { background-position: 8px -1290px; }
.iconmenu ul li a.china { background-position: 8px -1362px; }
.iconmenu ul li a.schedres { background-position: 8px -1435px; }
.iconmenu ul li a.filterp { background-position: 8px -1507px; }
.iconmenu ul li a.loadbalance { background-position: 8px -1578px; }
.iconmenu ul li a.domainneedle { background-position: 8px -1651px; }
.iconmenu ul li a.domainstr { background-position: 8px -1722px; }
.iconmenu ul li a.arearesp { background-position: 8px -1794px; }
.iconmenu ul li a.dns64 { background-position: 8px -1868px; }
.iconmenu ul li a.httpdns { background-position: 8px -1940px; }

.iconmenu ul li a.ipobj { background-position: 8px -2011px; }
.iconmenu ul li a.domainobj { background-position: 8px -2084px; }
.iconmenu ul li a.firewall { background-position: 8px -2156px; }
.iconmenu ul li a.iplist { background-position: 8px -2226px; }
.iconmenu ul li a.anallimite { background-position: 8px -2300px; }
.iconmenu ul li a.safealli { background-position: 8px -2372px; }
.iconmenu ul li a.recordlimite { background-position: 8px -2444px; }
.iconmenu ul li a.monitorset { background-position: 8px -2516px; }
.iconmenu ul li a.url { background-position: 8px -2588px; }

.iconmenu ul li a.usermana { background-position: 8px -2660px; }
.iconmenu ul li a.emailset { background-position: 8px -2732px; }
.iconmenu ul li a.sysmana { background-position: 8px -2804px; }
.iconmenu ul li a.update { background-position: 8px -2876px; }
.iconmenu ul li a.dnstool { background-position: 8px -2948px; }
.iconmenu ul li a.nettool { background-position: 8px -3020px; }
.iconmenu ul li a.nodeprobe { background-position: 8px -3092px; }
.iconmenu ul li a.domainprobe { background-position: 8px -3164px; }

.iconmenu ul li a.syslog { background-position: 8px -3236px; }
.iconmenu ul li a.visitinfo { background-position: 8px -3308px; }
.iconmenu ul li a.dnslog { background-position: 8px -3380px; }
.iconmenu ul li a.analforms { background-position: 8px -3452px; }
.iconmenu ul li a.sysforms { background-position: 8px -3524px; }
.iconmenu ul li a.logset { background-position: 8px -3596px; }
.iconmenu ul li a.logclear { background-position: 8px -3668px; }


.iconmenu ul li.current a.arealdis { background-position: 8px -27px; }
.iconmenu ul li.current a.analysis { background-position: 8px -102px; }
.iconmenu ul li.current a.sysinfo { background-position: 8px -174px; }
.iconmenu ul li.current a.byteinsight { background-position: 8px -247px; }
.iconmenu ul li.current a.defaultset { background-position: 8px -317px; }
.iconmenu ul li.current a.interfset { background-position: 8px -391px; }
.iconmenu ul li.current a.routeset { background-position: 8px -463px; }
.iconmenu ul li.current a.aggrset { background-position: 8px -536px; }
.iconmenu ul li.current a.ipmac { background-position: 8px -608px; }
.iconmenu ul li.current a.domainmana { background-position: 8px -680px; }
.iconmenu ul li.current a.lineset { background-position: 8px -752px; }
.iconmenu ul li.current a.globalset { background-position: 8px -824px; }
.iconmenu ul li.current a.realstat { background-position: 8px -896px; }
.iconmenu ul li.current a.leaseinfo { background-position: 8px -966px; }
.iconmenu ul li.current a.dhcpmana { background-position: 8px -1040px; }
.iconmenu ul li.current a.groundmana { background-position:8px -1109px; }
.iconmenu ul li.current a.sitemirror { background-position: 8px -1182px; }
.iconmenu ul li.current a.snmpset { background-position: 8px -1256px; }
.iconmenu ul li.current a.dnsflock { background-position: 8px -1326px; }
.iconmenu ul li.current a.china { background-position: 8px -1398px; }
.iconmenu ul li.current a.schedres { background-position: 8px -1471px; }
.iconmenu ul li.current a.filterp { background-position: 8px -1542px; }
.iconmenu ul li.current a.loadbalance { background-position: 8px -1614px; }
.iconmenu ul li.current a.domainneedle { background-position: 8px -1687px; }
.iconmenu ul li.current a.domainstr { background-position: 8px -1756px; }
.iconmenu ul li.current a.arearesp { background-position: 8px -1831px; }
.iconmenu ul li.current a.dns64 { background-position: 8px -1903px; }
.iconmenu ul li.current a.httpdns { background-position: 8px -1976px; }

.iconmenu ul li.current a.ipobj { background-position: 8px -2046px; }
.iconmenu ul li.current a.domainobj { background-position: 8px -2120px; }
.iconmenu ul li.current a.firewall { background-position: 8px -2192px; }
.iconmenu ul li.current a.iplist { background-position: 8px -2262px; }
.iconmenu ul li.current a.anallimite { background-position: 8px -2336px; }
.iconmenu ul li.current a.safealli { background-position: 8px -2408px; }
.iconmenu ul li.current a.recordlimite { background-position: 8px -2480px; }
.iconmenu ul li.current a.monitorset { background-position: 8px -2551px; }
.iconmenu ul li.current a.url { background-position: 8px -2625px; }

.iconmenu ul li.current a.usermana { background-position: 8px -2697px; }
.iconmenu ul li.current a.emailset { background-position: 8px -2768px; }
.iconmenu ul li.current a.sysmana { background-position: 8px -2840px; }
.iconmenu ul li.current a.update { background-position: 8px -2913px; }
.iconmenu ul li.current a.dnstool { background-position: 8px -2984px; }
.iconmenu ul li.current a.nettool { background-position: 8px -3056px; }
.iconmenu ul li.current a.nodeprobe { background-position: 8px -3129px; }
.iconmenu ul li.current a.domainprobe { background-position: 8px -3200px; }

.iconmenu ul li.current a.syslog { background-position: 8px -3272px; }
.iconmenu ul li.current a.visitinfo { background-position: 8px -3344px; }
.iconmenu ul li.current a.dnslog { background-position: 8px -3416px; }
.iconmenu ul li.current a.analforms { background-position: 8px -3489px; }
.iconmenu ul li.current a.sysforms { background-position: 8px -3560px; }
.iconmenu ul li.current a.logset { background-position: 8px -3632px; }
.iconmenu ul li.current a.logclear { background-position: 8px -3704px; }

.menucoll > ul > li.current > a { background-image: url(../images/default/second.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: #319CFF; }


.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/first1.png); }
/*.menucoll2 > ul > li.current > a { background-image: url(../images/default/second.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: #319CFF; }




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

.withmenucoll .centercontent { margin-left: 56px; }
.withmenucoll2 .centercontent { margin-left: 36px; }


/***** 12. MAIN CONTENT STYLES *****/
/***********************************/


.contentwrapper { min-height:400px; padding:10px 10px 0px 10px; }
.contentwrapper p { margin: 20px 0; }
.withrightpanel { margin-right: 260px; }
.subcontent { position: relative; }

.contenttitle { 
	background: #32415A; color: #319CFF; 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 #319CFF; 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: #319CFF; }
.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: #319CFF; 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: #319CFF; 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: #319CFF; 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 #319CFF; }
.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.png) no-repeat right; }
.widgetbox .widgettoggle { overflow: hidden; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.widgetbox .listthumb { list-style: none; margin: 0; }
.widgetbox .listthumb li { padding: 0; margin: 8px 0; }
.widgetbox .listthumb img { vertical-align: middle; }
.widgetbox .thumb { list-style: none; margin: 0; }
.widgetbox .thumb li { display: inline-block; padding: 0; margin-right: 5px; }

.widgetbox .widgetoptions { 
	padding: 10px; border: 1px solid #ddd; border-bottom: 0; background: #f7f7f7; position: relative;
	-moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff;
}
.widgetbox .widgetoptions a { 
	padding: 5px 15px; display: inline-block; border: 1px solid #ccc; background: #fff; font-weight: bold; font-size: 11px; color: #333; 
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 1px 0 #fff; 
	-webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; line-height: 21px; 
}
.widgetbox .widgetoptions a:hover { 
	border: 1px solid #bbb; background-color: #f7f7f7; -moz-box-shadow: inset 0 1px 0 #fff; 
	-webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff;
}
.widgetbox .widgetoptions .right { float: right; }

.contentwrapper .widgetbox { margin-bottom: 20px; margin-top: 0; }

.userlistwidget { border: 1px solid #ddd; }
.userlistwidget ul { list-style: none; }
.userlistwidget ul li { font-size: 11px; line-height: 18px; border-bottom: 1px dashed #ddd; padding: 10px; }
.userlistwidget ul li:last-child { border-bottom: 0; }
.userlistwidget ul li .avatar { float: left; margin-right: 10px; padding: 2px; border: 1px solid #eee; }
.userlistwidget ul li a { font-weight:  bold; }
.userlistwidget .more { 
	display: block; text-align: center; background: #eee; color: #069; padding: 5px 0; font-size: 10px; 
	text-transform: uppercase; font-weight: bold; border-top: 1px solid #ddd; }
.userlistwidget .more:hover { text-decoration: none; background: #e7e7e7; }

/***** RECENT ACTIVITY *****/
.recent_list { list-style: none; font-size: 11px; line-height: 16px; }
.recent_list li { 
	display: block; background-color: #eee; background-repeat: no-repeat; background-position: 10px 10px; 
	border: 1px solid #ddd; border-top: 0; 
}
.recent_list li:first-child { border-top: 1px solid #ddd; }

.recent_list li.message { background-image: url(../images/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: #319CFF; }
.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: #319CFF; 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: #319CFF; border: 1px solid #ccc;
}
.fc-header-title { 
	font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 5px 10px; 
	border-bottom: 2px solid #319CFF;
}
.fc-header-title h2 { font-size: 18px; }
.fc-button-prev:hover, .fc-button-next:hover { background: #eee; color: #319CFF; border-color: #ccc; }
.fc-button-today:hover { color: #319CFF; 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; width: 80px !important;  
}


/***** 19. STANDARD TABLES STYLES *****/
/**************************************/


.stdtable { width: 100%; margin-bottom:20px;}
.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: #f3f5f7; }
.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: #333; }
.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: #319CFF; }
.stdtable a.title { font-weight: bold; color: #32415a; }
.stdtable a.title:hover { color: #319CFF; }

.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;position:relative;
}
/*.tableoptions button { 
	background: #fcfcfc; font-size: 11px; color: #666; padding: 6px 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; 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: 20px; left: 10px; }
.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; }
.widder{height:34px;}

/***** 20. STANDARD FORM STYLES *****/
/************************************/
/*2016/11/23*/
form .smallinput ,form input[type=password] ,form .xsmallinput ,form .combo-input { 
	padding: 4.5px 5px;height:20px;line-height:20px; border: 1px solid #ccc; width: 85%; -moz-border-radius: 2px; -webkit-border-radius: 2px; 
	border-radius: 2px; background: #fcfcfc; vertical-align: middle;  color: #666;
}
/*form input[type=text] { 
	padding: 7.5px 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: #319CFF; 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=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: 8px 2px; min-width: 36%; 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 { font-size:14px; background: #319CFF; color: #fff; cursor: pointer; padding: 7px 10px; font-weight: bold; }
form button.submit:hover { background: #3276e7; border: 1px solid #3f526f; color: #fff; }
*/
/* form button { border: 1px solid #f0882c;width:80px;font-size:14px; background: #fb9337; color:  #fff; cursor: pointer; padding: 7px 10px; font-weight: bold; } */
/* form button.submit:hover { background: #485b79; border: 1px solid #3f526f; color: #fff; }*/
.tabs{margin-left:4px;}

form input.smallinput, form textarea.smallinput { width: 38.5%; }
form input.mediuminput, form textarea.mediuminput { width: 60%; }
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: 16px 0; } 
.stdform div.par { overflow: hidden; }
.stdform span.field, .stdform div.field { margin-left: 220px; display: block; position: relative;/*line-height:0px;*/ }
.stdform .formwrapper { display: block;  margin-left: 220px; line-height: 25px; }
.stdform label { float: left; width: 200px; text-align: right; padding: 0px 20px 0 0;font-size:14px; }

.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: 10px; color: #999; font-style: italic; display: block; margin: 5px 0 0 220px;font-style:normal; }
.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: 120px; width: 36%; }
.dualselect .ds_arrow { display: inline-block; vertical-align: top; padding-top: 24px; margin: 0 10px; }
.dualselect .ds_arrow .ds_prev, .dualselect .ds_arrow .ds_next { 
	display: block; padding: 2px 10px 5px 10px; border: 1px solid #ccc; margin-bottom: 5px; font-size: 16px; 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: #319CFF; 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: #319CFF; }

.wizard .hormenu li a.selected span.label { color: #666; }
.wizard .hormenu li a.selected span.h2 { color: #319CFF; }


/***** 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: #319CFF; }
.wizard .tabbedmenu li a.done span.h2, .wizard .tabbedmenu li a.done span { color: #319CFF; }

.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: 6px 20px; background: #1d74b2; color: #fff; margin-left: 5px; 
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; line-height: 21px; border: 1px solid #1d74b2;
}
.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: #e5e5e5; 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:#b9b9b9; color: #fff; }


/***** 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: #319CFF; 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: #319CFF; 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; }


.quickform2 { margin: 10px; }
.quickform2 p { margin: 10px 0; }
.quickform2 label { display: block; margin-bottom: 5px; color: #333; width: 100px; }
.quickform2 input { width: 300px !important; }
.quickform2 input.smallinput { width: 60px !important; }
.quickform2 .action { margin-left: 120px; }



/***** 23. PROGRESS BAR STYLES *****/
/***********************************/


.progress { margin: 5px 0; }
.progress .bar { background: #eee; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; padding: 1px; border: 1px solid #bbb; }
.progress .bar { -moz-box-shadow: inset 2px 2px 3px #fff; -webkit-box-shadow: inset 2px 2px 3px #fff; box-shadow: inset 2px 2px 3px #fff; }
.progress .bar .value { 
	height: 5px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; background-image: url(../images/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; }


/***** 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: #319CFF; 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: #319CFF; }
.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.png) no-repeat -4px -4px; 
}



/***** 28. NOTIFICATION MESSAGES *****/
/*************************************/


.notibar { 
	height: 51px; overflow: hidden; position: relative; margin-bottom: 20px; -moz-border-radius: 2px; 
	-webkit-border-radius: 2px; border-radius: 2px; line-height: 21px; -moz-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8); 
	-webkit-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8); box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
}
.notibar p { margin: 15px 10px 0 55px; font-size: 13px; color: #333; }
.notibar a.close { 
	position: absolute; width: 14px; height: 14px; top: 5px; right: 5px; background-image: url(../images/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: #319CFF; 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.png) no-repeat right 16px; }
.contactlist li.new a { font-weight: bold; }
.contactlist li a:hover { background-color: #fcfcfc; text-decoration: none; }
.contactlist li a img { vertical-align: middle; display: inline-block; margin-right: 10px; }

.chatsearch { padding: 5px; background: #eee; border: 1px solid #ddd; overflow: hidden; }
.chatsearch input { 
	float: left; border: 1px solid #ddd; padding: 7px 5px 7px 35px; width: 196px; background: #fff url(../images/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: #319CFF; 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 *****/
a.btn_orange { 
	background-image: url(../images/icons/sprites.white.png); background-color: #319CFF; 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: #319CFF; 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: #319CFF; }
.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: #319CFF; }
.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: #319CFF; }

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: #319CFF; }

.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: #319CFF; }
.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: #319CFF; }
.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: #319CFF; }
.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: #319CFF; }
.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: #319CFF; }
.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: #319CFF; }
.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: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.nopadding { padding: 0; }
.padding10 { padding: 10px; }
.width100, form input.width100 { width: 100px; }
.width50, form input.width50 { width: 50px; height: 20px;padding: 4.5px 5px;background-color: #fcfcfc;border: 1px solid #ccc;}
.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: #319CFF; font-weight: bold; }
.orangeboldlink:hover { text-decoration: underline; }
.orangeborderbottom5 { border-bottom: 5px solid #319CFF; }
.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: #319CFF; }
.changetheme a.blueline { background: #319cff; }
.changetheme a.greenline { background: #78ce07; }
.changetheme a.contrast { background: #ff4800; }
.changetheme a.custombg { background: #666; }



/***** 39. GALLERY STYLES *****/
/******************************/


.gallerywrapper { padding: 20px; }
.imagelist { list-style: none; }
.imagelist li { 
	float: left; padding: 5px; margin: 0 20px 20px 0; background: #fff; border: 1px solid #ddd; -moz-border-radius: 2px; 
	-webkit-border-radius: 2px; border-radius: 2px; 
}
.imagelist li:hover { border-color: #ccc; }
.imagelist li img { display: block; margin-bottom: 10px; width: 230px; }
.imagelist li span { display: block; text-align: right;}
.imagelist li span a { vertical-align: middle; }
.imagelist li span a.name { font-weight: bold; float: left; color: #999; }
.imagelist li span a.name:hover { color: #333; text-decoration: none; }
.imagelist li span a.edit, .imagelist li span a.view, .imagelist li span a.delete { 
	display: inline-block; width: 16px; height: 16px; cursor: pointer; margin-left: 5px; vertical-align: middle; opacity: 0.5;
}
.imagelist li span a.edit:hover, .imagelist li span a.view:hover, .imagelist li span a.delete:hover { opacity: 1; }
.imagelist li span a.edit { background: url(../images/icons/editor.png); }
.imagelist li span a.view { background: url(../images/icons/glass.png); }
.imagelist li span a.delete { background: url(../images/icons/trash.png); }

.photoEdit { width: 480px; }
.photoEdit h3 { font-size: 18px; }
.notifyMessage { padding: 7px 10px; font-weight: bold; margin: 10px 0; display: none; }
.notifySuccess { border: 1px solid #C1D779; background: #EFFEB9; display: block; }
.notifyError { border: 1px solid #E18B7C; background: #FAD5CF; display: block; }


/***** 40. SORTABLE LIST *****/
/*****************************/

.sortlist { list-style: none; }
.sortlist > li { display: block; margin-bottom: 7px; }
.sortlist > li div.label { padding: 10px; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; 
	border-radius: 2px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); 
	box-shadow: 0 1px 1px rgba(0,0,0,.05); background: #eee url(../images/titlebg.png) repeat-x top left; position: relative;
}
.sortlist > li span.moveicon { 
	display: inline-block; width: 16px; height: 16px; background: url(../images/icons/widgets.png) no-repeat 0 center; vertical-align: middle;
	margin-right: 10px; opacity: 0.3;
}
.sortlist > li span.moveicon:hover { opacity: 0.5; cursor: move; }
.sortlist > li span.arrowdrop { 
	position: absolute; display: block; width: 20px; height: 30px; background: url(../images/sort_desc.png) no-repeat center center;
	top: 6px; right: 5px; opacity: 0.5; border-left: 1px solid #ccc; 
}
.sortlist > li span.arrowup { background-image: url(../images/sort_asc.png); }
.sortlist > li span.arrowdrop:hover { opacity: 0.8; cursor: pointer; }
.sortlist > li div.details { 
	border: 1px solid #ccc; border-top: 0; padding: 10px; -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; 
	border-radius: 0 0 2px 2px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); 
	box-shadow: 0 1px 1px rgba(0,0,0,.05); background: #fcfcfc; display: none; 
}
.sortlist > li div.details p { margin: 10px 0; }
.sortlist > li div.details p:first-child { margin-top: 0; }
.sortlist > li div.details p:last-child { margin-bottom: 0; }


/***** 41. INVOICE STYLES *****/
/******************************/

.invoicewrapper { position: relative; }

.invoicelogo { height: 100px; overflow: hidden; }
.invoicefor { margin-top: 22px; }

.table { border-collapse: collapse; width: 100%; }
.table tr td { padding: 7px 10px; border: 1px solid #ddd; }
.table tr td:first-child { text-align: right; background: #fcfcfc; }

.invoiceinfo { margin-top: 40px; }
.invoicetable { margin-top: 40px; width: 100%; }
.invoicetable thead th.right { text-align: right; }
.invoicetable tr td { vertical-align: top; }
.invoicetable tr td.right { text-align: right; }

.amountdue { text-align: right; margin-top: 40px; }
.amountdue h1 span { font-size: 18px; }
.amountdue a { 
	margin-top: 20px; display: inline-block; padding: 10px 40px; font-size: 14px; background: #319CFF;
	color: #fff; font-family: 'RobotoCondensed',Arial,Helvetica,sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	border-radius: 2px; border: 1px solid #e88125; -moz-box-shadow: inset 0 1px 0 rgba(250,250,250,0.3); text-shadow: 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 0 rgba(250,250,250,0.3); box-shadow: inset 0 1px 0 rgba(250,250,250,0.3);
}
.amountdue a:hover { opacity: 0.8; }


/***** 42. MEDIA QUERIES *****/
/*****************************/


@media screen and (max-width: 1024px) {
	
		
	/* FILE MANAGER */
	.filemgr_menu form input.filekeyword { width: 100px; }
	.filemgr .filemgr_right { width: 200px; }
	.menuright li.current a { font-size: 11px; }
	.listfile li { float: left; }
	.filemgr_category { margin-right: 220px; }
	.filemgr_content { margin-right: 220px; padding-right: 0; }
	
	/* CALENDAR */
	.rightpanel { width: 200px; }
	.withrightpanel { margin-right: 220px; padding-right: 10px; }
	.external-event { font-size: 11px; }
	
	/* CHAT */
	.chatsearch input { width: 146px; }
	.contactlist li a { font-size: 11px; }
	
	/* WIZARD */
	.verwizard .verticalmenu { width: 200px; }
	.verwizard .verticalmenu a { font-size: 11px; }
	.verwizard .stepContainer { margin-left: 220px; }
	.verwizard .actionBar { margin-left: 220px; }
	
	/* ELEMENTS */
	.widgetpage .one_half { float: none; margin-right: 0; width: auto; }
	
	/* DASHBOARD */
	.dashboard_left, .dashboard_right { width: auto; float: none; margin-right: 0; }

	/* MESSAGES */
	.mailinbox tr td, .mailinbox tr th { font-size: 11px; }
	
	/* NEWS FEED */
	.newsfeed { float: none; width: auto; margin-right: 0; }
	
	/* PROFILE */
	.profile_wrapper { border-right: 0; padding-right: 0; width: auto; }
	.blogviewthumb { display: inline-block; }
	
	/* PRODUCT LIST */
	.prodwrapper { border-right: 0; width: auto; }
	.prodlist li .content { width: auto; margin-right: 5px; }
	.prodlist li a { display: block; width: auto; overflow: hidden; }
	
	/* PHOTO SHARING */
	.photosharing_wrapper { width: 65.83%; }
	.photopreview a { display: block; width: auto; overflow: hidden; }
	.ps_sidebar { width: 28.5%; }
	.morephotolist li { width: 95px; border: 1px solid #ddd; }
	.morephotolist li a { display: block; overflow: hidden; border: 0; margin-right: 5px; }
	
	/* GALLERY */
	.imagelist li img { width: 210px; }
}

@media screen and (max-width: 900px) {
	
	
	/* GENERAL */
	body.withvernav { background-position: 200px 0; }
	body.withmenucoll { background-position: 55px 0; }
	body.withmenucoll2 { background-position: 35px 0; }
		
	.vernav, .vernav2 { width: 200px; }
	.centercontent { margin-left: 201px; }
	
	.menucoll { width: 55px; }
	.menucoll ul li { height: 36px; position: relative; margin-bottom: 0; }
	.menucoll ul li span.arrow { display: none; }
	.menucoll > ul > li { margin-bottom: 1px; }
	.menucoll > ul > li > a { overflow: hidden; width: 0; height: 36px; padding: 0 0 0 35px; }
	.menucoll > ul > li.hover > a { background-color: #32415A; background-image: url(../images/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: #319CFF; }
	
	
	.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: #319CFF; }
	
	
	
	.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; }
	
	
	/* GALLERY */
	.imagelist li img { width: 285px; }
	
	/* ELEMENTS */
	.elements .one_third { width:48.5%; }
	
	/* INVOICE */
	.invoicewrapper .one_half { float: none; width: auto; margin-right: 0; }
	.invoicefor { margin-bottom: 20px; }
	.invoiceinfo { margin-top: 20px; }
	.invoicetable { margin-top: 20px; }
	
}


@media screen and (max-width: 768px) {
	
	
	/* DASHBOARD */
	.overviewtable tbody tr td { font-size: 18px; }
	
	/* FORM */
	.stdform label { float: none; text-align: left; display: block; width: auto; margin-bottom: 5px; }
	.stdform span.field, .stdform div.field { margin-left: 0; }
	.stdform small.desc, .dualselect, .stdform .formwrapper, .stdform .stdformbutton { margin-left: 0; }
	
	.stdform2 span.field, .stdform2 div.field { border-left: 0; }
	.stdform2 label { padding: 5px 10px; border-bottom: 1px solid #ddd; margin-bottom: 0; }
	.stdform2 span.field, .stdform2 div.field { padding: 10px; }
	.stdform2 .stdformbutton { padding: 10px; }
	
	.stepContainer p { margin: 20px; }
	.stepContainer .par p { margin: 0 20px 20px 20px; }
	
	/* FILE MANAGER */
	.filemgr_head { margin: 0; position: relative; }
	.filemgr_category, .filemgr_content { margin-right: 20px; }
	.filemgr .filemgr_left { clear: both; }
	.filemgr .filemgr_right { position: relative; width: auto; }
	.filemgr .filemgr_rightinner { margin: 0; border-left: 0; }
	.filemgr_menu li.newfilebtn { margin-top: -30px; }
	.filemgr_menu li.filesearch { display: block; float: none; clear: left; padding-top: 20px; margin-left: 0; }
	.filemgr_menu form input.filekeyword { width: 300px; }
	
	/* CALENDAR */
	.rightpanel { position: relative; margin: 20px; top: 0; right: 0; width: auto; }
	.withrightpanel { margin-right: 20px; padding-right: 0; }
	.chatsearch input { width: 100%; }
	.chatsearch { padding-right: 47px; }
	
	/* TABLES */
	.dataTables_info { font-size: 11px; }
	
	/* PROFILE */
	.followerlist li.one_third { margin-right: 0; width: auto; float: none; }
	.blogviewthumb { overflow: hidden; width: auto; display: block; }
	.blogviewthumb img { width: 100%; }
	.profile_summary li a { padding: 10px; }
	
	/* GALLERY */
	.imagelist li img { width: 215px; }
		
}

@media screen and (max-width: 640px) {
	
	.search input[type="text"] { width: 120px; }
		
	.topheader .left .slogan { display: none; }
	.headerwidget .earnings { display: none; }
	
	.vernav, .vernav2 { z-index: 100; border: 1px solid #ccc; border-top: 0; border-left: 0; background: #fff; }
	.vernav br, .vernav2 br { display: none; }
	.centercontent { margin-left: 0; }
	
	body.withvernav { background-position: -1px 0; }
	body.withmenucoll { background-position: 55px 0; }
	body.withmenucoll2 { background-position: 35px 0; }
.iconmenu ul li.current a.calendar {
    background-position: 8px -314px;
}
	.imagelist li img { width: 240px; }
}

@media screen and (max-width: 520px) {
		
	.search .searchicon {
		position: absolute; right: 195px; display: inline-block; width: 36px; height: 35px; 
		background: #2e3e58 url(../images/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; }
	
	.imagelist li img { width: 175px; }
	.imagelist li span { text-align: left; display: block; margin-bottom: 5px; }
	.imagelist li span a.name { display: block; float: none; margin-bottom: 5px; }
	
	/* ELEMENTS */
	.elements .one_third { width: auto; float: none; margin-right: 0; margin-bottom: 20px; }
	
}

@media screen and (max-width: 480px) {
	
	.search .searchinner input { width: 78%; }
	.noticontent { right: -133px; }
	
	/* DASHBOARD */
	.shortcuts li { width: 85px; }
	
	/* WIZARD */
	.wizard .tabbedmenu li a { padding: 10px 20px; font-size: 16px; }
	.wizard .tabbedmenu li a span { display: none; }
	
	/* FILE MANAGER */
	.filemgr_menu form input.filekeyword { width: 220px; }
	.filemgr_category, .filemgr_content { margin-bottom: 30px; }
	.filemgr_category ul li.right { margin-top: 20px; }
	.listfile li a span { display: block; overflow: hidden; }
	.listfile li a span img { margin-left: -5px; }
	.listfile li { width: 110px; }
	
	/* CALENDAR */
	.fc-header-title h2 { font-size: 15px; }
	.calTitle { display: none; }
	
	/* TABLES */
	.stdtable tbody tr td { padding: 5px; }
	.dataTables_info { display: none; }
	#table2 td:last-child, #table2 th:last-child,
	#table2 td:nth-child(2), #table2 th:nth-child(2) { display: none; } /* an example of removing columns in a table in a responsive */
	#dyntable2 td:last-child, #dyntable2 th:last-child { display: none; }
	div.checker { margin: auto; }
	.dataTables_wrapper input { width: 100px; }
	
	/* NEWS FEED */
	.updatecontent .photo { width: 95%; }
	.updatecontent .photo a { display: block; overflow: hidden; width: auto; }
	
	.news_photopreview { overflow: hidden; width: 350px; }
	.news_photopreview img { width: 350px; }
	
	/* PROFILE */
	.profile_summary li { display: block; float: none; }
	.profile_summary li a { border-left: 0; border-bottom: 1px solid #eee; }
	.profile_summary li:last-child a { border-bottom: 0; }
	.blogthumb { float: none; display: inline-block; }
	.blogsummary { margin-left: 0; margin-top: 20px; }
	
}

@media screen and (max-width: 450px) {
	
	/* DASHBOARD */
	.overviewselect { float: none; margin-bottom: 10px; }
	.overviewselect div.selector { width: 124px; }
	
	.shortcuts li.one_half{ width:40%; margin-right: 3%; }
	.shortcuts li.last { margin-right: 0; }
	
	.overviewtable tbody tr td { font-size: 14px; }
	.overviewtable2 td:last-child, .overviewtable2 th:last-child { display: none; }
	
	/* BLOG */
	.blogtable td:last-child, .blogtable th:last-child { display: none; }
	
	.hornav li.more { position: relative; }
	.hornav li.more a { cursor: pointer; }
	.hornav li.more ul { display: none; position: absolute; top: 41px; right: 0; min-width: 150px; }
	.hornav li.more ul li { display: block; float: none; margin-right: 0; }
	.hornav li.more ul li a { border-top: 1px solid #eee; background: #fff; color: #666; }
	.hornav li.more ul li a:hover { border-top: 1px solid #eee; background: #fcfcfc; }
	.hornav li.more ul li:first-child a { border-top: 0; }
	.hornav li.more ul li:last-child a { border-bottom: 1px solid #ccc; }
	.hornav li.more ul li.current a { color: #319CFF; }
	
	/* 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 #319CFF;
	}
	
	/* TABLES */
	.dataTables_paginate { padding: 5px; }
	.dataTables_paginate .paginate_button { padding: 5px; }
	.dataTables_paginate .paginate_active { padding: 5px; }
	
	.tables .stdtablecb th:nth-child(3), .tables .stdtablecb td:nth-child(3),
	.tables .stdtablequick th:nth-child(3), .tables .stdtablequick td:nth-child(3){ display: none; }
	
	.imagelist li img { width: 140px; }
}

@media screen and (max-width: 425px) {
	
	.headermenu li a { padding: 17px 5px; }
	.search .searchinner input { width: 76%; }
	
	/* FILE MANAGER */
	.trashbtn { margin-left: 0; margin-top: 10px; }
	.filemgr_menu form input.filekeyword { width: 180px; }
	
	/* ELEMENTS */
	.flatmode { display: none; }
	.colorpicker { left: 40px !important; }
	
	/* WIDGETS */
	.slide_img { float: none; }
	.slide_content { margin-left: 0; margin-top: 20px; }
	
	/* TABLES */
	#dyntable td:first-child, #dyntable th:first-child,
	#dyntable td:nth-child(2), #dyntable th:nth-child(2) { display: none; }
	#dyntable td:nth-child(3), #dyntable th:nth-child(3) { border-left: 1px solid #ddd; }
	#dyntable2 td:nth-child(2), #dyntable2 th:nth-child(2) { display: none; }
	
	.imagelist li img { width: 270px; }
	
}

@media screen and (max-width: 400px) {
	
	.search .searchinner input { width: 75%; }
	
	/* LOGIN */
	.loginpage { background: url(../images/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 10px; }
	
	.imagelist li img { width: 230px; }
}

@media screen and (max-width: 380px) {
	
	.search .searchinner input { width: 74%; }
	.topheader .left h1.logo { font-size: 24px; }
	.headermenu li a { min-width: 75px; font-size: 11px; }
	
	/* DASHBOARD */
	.overviewtable td:first-child, .overviewtable th:first-child { display: none; }
	.overviewtable td:nth-child(2), .overviewtable th:nth-child(2) { border-left: 1px solid #ddd; }

	/* MANAGE BLOG */
	.mailinbox td:first-child, .mailinbox th:first-child { display: none; }
	.mailinbox td:nth-child(2), .mailinbox th:nth-child(2) { border-left: 1px solid #ddd; }
	
	/* FILE MANAGER */
	.newfoldbtn { margin: 10px 5px 0 0 !important; }
	.filemgr_menu form input.filekeyword { width: 150px; }
	
	/* ELEMENTS */
	.colorpicker { left: 30px !important; }
	
	
	/* WIDGETS */
	.entry_img { float: none; }
	.entry_content { margin-left: 0; margin-top: 20px; }
	
	/* ERROR PAGES */
	.errorwrapper button { width: 100%; padding: 10px; }
}

@media screen and (max-width: 350px) {
		
	.search .searchinner input { width: 70%; }
	.topheader .left h1.logo { font-size: 18px; }
	.userinfodrop { min-width: 280px; }
	.headermenu li a { min-width: 65px; }
	
	/* DASHBOARD */
	.overviewhead input.hasDatepicker { width: 38px !important; }
	.overviewselect { padding-right: 8px; }
	.overviewselect div.selector { width: 100%; }
	.blogmenu li a { font-size: 11px !important; padding: 10px 5px; }
	
	/* FORMS */
	.tagsinput { width: auto; }
	
	/* FILE MANAGER */
	.viewfilebtn { margin: 10px 5px 0 0 !important; }
	.filemgr_menu li a.newfilebutton { font-size: 11px; padding: 4px 5px; }
	.filemgr_menu form input.filekeyword { width: 130px; }
	.filemgr_category ul li a { padding: 2px 3px; font-size: 10px; }
		
	/* CALENDAR */
	.fc-button-today { display: none; }
	
	/* GRID */
	blockquote.alignright, blockquote.alignleft { width: auto; }
	
	/* NEWS FEED */
	blockquote.bq2 { width: 170px; }
	
	/* PHOTO SHARING */
	.photopreview a img { width: 300px; }
		
}
 .stdtable tr.center a{margin-left:2px;}
/*.subcontent{border:1px solid #fff;background-color:#e5e5e5;}*/
.subcontent{border:1px solid #fff;background-color:#fff;}

.hornav .current a{
	color:#E47B1F;
}
.dels{
	background-image:url("../images/default/del.png")  !important;
        width:24px;
	height:24px;	
        border:none;
	background-size:18px !important;
	background-repeat:no-repeat;
	margin-left: 10px !important;
	padding:4px 12px !important;
	background-color:#fcfcfc;
	position:relative;
}

.adds{
	background-image:url("../images/default/add.png")  !important;
	width:24px;
	height:24px;
	border:none;
	background-size:18px !important;
	background-repeat:no-repeat;
        margin-left: 0px;
	padding:4px 12px !important;
	background-color:#fcfcfc;
	position:relative;
}
.sele{
	background-image:url(../images/default/ViewChooses.png)  ;
	width:24px;
	height:24px;
	border:none;
	background-size:24px ;
	background-repeat:no-repeat;
        margin-left: 0px;
	padding:4px 12px ;
	background-color:#fcfcfc;
	position:relative;
}
.copy{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABUElEQVRYR+2XQU6DUBiEZ7iAHqE3sJ7AHqVuqYkai6FurBshpaYuLFu9iXgDegN7g3qBjsEIwbYQhBY2sOX9/3xMmPf+R+Q8pv3UJzUDcJy3ruw7iefMKx7Y0xDESVmBInX5AKOpijSpsuY/AEtJb1XEfmqJHsGzuE9hAEEfvmP1qgKYtjcmeV8I4ML2EsG1oZX/eBvWClBVbFf9lgNR1MD1JcHuvgUFhYZw/eJaQdx7B4C3Inm0b/G4XwThO9ZpJsCghqjNnWHys285sAGwFPRZ2Q2hm3a1MICkB9+1xlUBzJEXpLPeArQOtA60DrQORA6Yd5Mu18ZMQIdEJxlI0mfBIbfiaLgR+b65zbNJAElfzQEIC4HPtQFknbAtwB8HIAQCkwGy/GCifjpq6Y0oNwXlBfMrmwUQFnN3mDny8/cK/nqIr49yDhhXvnuTeaf8BiPgZrWQ71xbAAAAAElFTkSuQmCC)  ;
	width:24px;
	height:24px;
	border:none;
	background-size:18px ;
	background-repeat:no-repeat;
        margin-left: 10px;
	padding:4px 12px ;
	background-color:#fcfcfc;
	position:relative;
}
.stops{
	background-image:url("../images/default/stops.png")  !important;
	width:24px;
	height:24px;
	border:none;
	background-size:18px !important;
	background-repeat:no-repeat !important;
	background-color:#fcfcfc;
	padding:4px 12px;
	position:relative;
}

.enas{
	background-image:url("../images/default/ena.png")  !important;
	width:24px;
	height:24px;
	border:none;
	background-size:18px !important;
	background-repeat:no-repeat !important;
	background-color:#fcfcfc;
	padding:4px 12px;
	position:relative;
}
/* .adds:hover,.stops:hover,.enas:hover { */
	/* height: 24px; */
    /* border-bottom: 2px solid #E47B1F;  */
    /* cursor: pointer; */
/* } */
.dels:hover:before,.adds:hover:before,.stops:hover:before,.enas:hover:before,.ptrs:hover:before,.downloads:hover:before,.editor:hover:before,.into:hover:before ,.dowload:hover:before,.copy:hover:before,.sele:hover:before{
	visibility: visible;
    -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.dels:before,.adds:before,.stops:before,.enas:before,.ptrs:before,.downloads:before ,.editor:before,.into:before,.copy:before,.sele:before {
	content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    bottom: -2px;
    left: -3px;
    background-color: #E47B1F;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.dowload:before{
	content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    bottom: -2px;
    left: -3px;
    background-color: #E47B1F;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
	
}
.pages{
	margin-left:10px;
	border: 1px solid #ccc;
    padding: 5px 10px;
}
.pages:hover{
	background-color: #D4D1D1;
    border-color: #D0C4BB;
}
.sels{
	background-color:#6d6d6d;
	color:#fff;
}
.icon-port{
	float:right;
	margin-right:20px;
	margin-top:4px;
}
.imps{
	background-image:url("../images/default/import.png")  !important;
	width:24px;
	height:24px;
	border:0 !important;
	background-size:18px !important;
	background-repeat:no-repeat !important;
	display:inline-block; 
	*display:inline; 
	*zoom:1; 
	padding-left:10px;
	background-color:#fff;
	position:relative;
}
.exps{
	background-image:url("../images/default/export.png")  !important;
	width:24px;
	height:24px;
	border:0 !important;
	background-size:18px !important;
	background-repeat:no-repeat !important;
	display:inline-block; 
	margin-right: 10px;
	*display:inline; 
	*zoom:1; block;
	background-color:#fff;
}

.ptrs{
	background-image:url("../images/default/ptrs.png")  !important;
	   width:24px;
	height:24px;	
        border:none;
	background-size:18px !important;
	background-repeat:no-repeat;
	margin-left: 10px !important;
	padding:4px 12px !important;
	background-color:#fcfcfc;
	position:relative;
}
.downloads{
	background-image:url("../images/default/out.png")  !important;
	width:24px;
	height:24px;
    /* margin-right:10px; */
	 /* margin-top:4px; */
	border:none;
	background-size:18px !important;
	background-repeat:no-repeat;
	position:relative;
	margin-left: 10px !important;
	padding:4px 12px !important;
	background-color:#fcfcfc;
}
.dowload{
	background-image:url("../images/default/downloadnew.png")  !important;
	width:24px;
	height:24px;
     margin-right:10px; 
	  margin-top:4px; 
	border:none;
	background-size:24px !important;
	background-repeat:no-repeat;
	position:relative;
	margin-left: 10px !important;
	padding:4px 12px !important;
	background-color:#fcfcfc;
}
.editor{
	background-image:url("../images/default/editor.png")  !important;
	width:24px;
	height:24px;
    /* margin-right:10px; */
	 /* margin-top:4px; */
	border:none;
	background-size:18px !important;
	background-repeat:no-repeat;
	position:relative;
	margin-left: 10px !important;
	padding:4px 12px !important;
	background-color:#fcfcfc;
}
.into{
	background-image:url("../images/default/into.png")  !important;
	width:24px;
	height:24px;
    /* margin-right:10px; */
	 /* margin-top:4px; */
	border:none;
	background-size:18px !important;
	background-repeat:no-repeat;
	position:relative;
	margin-left: 10px !important;
	padding:4px 12px !important;
	background-color:#fcfcfc;
}
/* ping测试 2016/11/22? */
/*.fiex_box{
	border-bottom:1px solid #ccc;
}*/
.fiex_box .fiex_table{
	width: 80%;
    margin: 0 auto;
	/* margin-left:40px; */
	/* background-color:#f0efec; */
	padding:40px 0 40px 0;
	/* border:1px solid #e8e8e8; */
	margin-left:40px;
}
.input_Edit{
	background: #FFF;
    border: 1px solid;
    border-color: #ccc;
	width: 60%;
    height: 20px;
    background: #fff;
    color: #666;
    text-indent: 9px;
}
.ip_label ,.ip_btn{
	margin-left:-60px;
}
.ip_label label,.ip_btn label{
	float: left;
    width: 200px;
    text-align: right;
    padding: 5px 20px 0 0;
    font-size: 14px;
	font-weight:normal;
}
.xinput{
	width:60% !important;
}
.ip_interface,.ip_fre,.ip_btn,.id_input,.ip_dns,.select_d{
	margin-top:10px;

}
.btn_box{
	width:60%;
	float:left;
	padding:0 5px;
}
.ip_btn,.select_d{
	height:31px;
	display: inline-block;
	width:100%;
}
.ip_btn .bg_btn{
	color: #FFF;
    background-color: #1d74b2;
	padding: 6px 20px;
	font-size:12px;
	font-family:微软雅黑;
	border:none;
	border-radius: 2px;
    cursor: pointer;
}
.ip_btn .end_btn{
	color: #FFF;
    background-color: #b9b9b9;
	padding: 6px 20px;
	font-size:12px;
	font-family:微软雅黑;
	border:none;
	border-radius: 2px;
    cursor: pointer;
	float: right;
    /* margin-right: 90px; */
}
.ip_btn .bg_btn:hover{
	background-color: #3382ba;
}
.ip_btn .end_btn:hover{
	background-color: #7b7b7b;
}
.id_input .input_Edit{
	background: #FFF;
    border: 1px solid;
    border-color: #ccc;
	padding: 5px 5px;
	min-height: 180px;
	height:auto;
	float:left;
}
.id_input{
	height:200px;
	margin-top:10px;
}
.yuming_btn{
	background: #fcfcfc;
    font-size: 11px;
    color: #666;
    padding: 6px 10px;
    border: 1px solid #ccc;
    margin: 0;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.whois_btn{
	width:120px !important;
	color: #FFF;
    background-color: #1d74b2;
    padding: 6px 20px;
    font-size: 12px;
    font-family: 微软雅黑;
    border: none;
    border-radius: 2px;
    cursor: pointer;
	margin-left:20px;
}

/*下拉框*/
.ip_interface{height:30px;}
.diy_select{height:28px;width:100px;position:relative;font-size:12px;background:#fff;color:#000;float:left;}
.diy_select_btn,.diy_select_txt{float:left;height:100%;line-height:28px}
.diy_select,.diy_select_list{border:1px solid #ccc;}
.diy_select_txt{width:102px;cursor: pointer;}
.diy_select_txt,.diy_select_list li{text-indent:10px;overflow:hidden;color:#666}
.diy_select_btn{width:28px;}
.diy_select_list{position:absolute;top:28px;left:-1px;z-index:88888;border-top:none;width:100%;display:none;_top:29px;background-color:#fff;}
.diy_select_list li{list-style:none;height:25px;line-height:25px;cursor:default;_background:#fff}
.diy_select_list li.focus{background:#3399FF;color:#fff}
.diy_select_txt i{font-style:normal;float:right;margin-right:10px;line-height:28px;}
.diy_select_btn_ico{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAkklEQVQ4T93SUQ3CMBQF0DMHSEACEpCABOYACUgABSAFByBhEpBAHqFLKYWS7Ifwvrqk96y3aWfidBPzfguYY/iy0rg3r3DBDscGssYGi9iXAzOcGkgKL3EtgfhOyAH74iRbrDCGa0COnNE/kKgVR34KvwNKJGpWw5+AHIn1y59TvdZDijuJuV9YbVpA81n8AXADbxwXERwk8LoAAAAASUVORK5CYII= )no-repeat;background-position: 80px;}

/*授权信息排版*/
.sqtable{
	background: #D9D9D9;
    margin: 12px 100px;
    color: #333;
    text-align: justify;
    line-height: 21px;
}
.sqtable th{
	background: #F6F6F6;
    text-align: right;
    font-weight: normal;
	padding:10px 30px;
	font-size:14px;
}
.sqtable td{
	background: #FFFFFF;
    text-align: left;
	 //text-indent: 20px; 
	 padding-left:20px;
}
.sel_i{
	height:40px;
}
.submit_bcbtn{
	color: #FFF;
    background-color: #1d74b2;
    padding: 6px 20px;
    font-size: 12px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
	font-weight:500;
	width:100px;
}
.sub_sq{
	margin:0;
	position: absolute;
    left: 240px;
    top: 7px;
}
.sub_sq p{
	margin:0 !important;
}
/* .stdformbutton_btn_sq{ */
	/* margin: 20px 140px !important; */
    /* padding-left: 360px ; */
/* } */


/*下拉框2016/11/24修改*/
.dropDown {
    margin: 0px;
    position: relative;
	width: 140px;
    float: left;
}
.dropDown .dropDown_tx {
    position: relative;
    z-index: 18;
    cursor: pointer;
    position: relative;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAkklEQVQ4T93SUQ3CMBQF0DMHSEACEpCABOYACUgABSAFByBhEpBAHqFLKYWS7Ifwvrqk96y3aWfidBPzfguYY/iy0rg3r3DBDscGssYGi9iXAzOcGkgKL3EtgfhOyAH74iRbrDCGa0COnNE/kKgVR34KvwNKJGpWw5+AHIn1y59TvdZDijuJuV9YbVpA81n8AXADbxwXERwk8LoAAAAASUVORK5CYII= ) right 6px no-repeat #FFF;
    background-color: #f5f5f5 \9;
    _background-color: #f5f5f5;
}
.dropDown_ul {
    display: none;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
	
    background: #ffffff;
    position: absolute;
    top: 30px;
    z-index: 20;
	/* left:220px; */
}
.dropDown_ul li {
    display: block;
    line-height: 24px;
    height: 24px;
    background: #fefefe;
    width: 100%;
    padding: 0px;
    font-size: 12px;
    color: #929292;
    text-align: left;
    text-indent: 9px;
    cursor: pointer;
}
.dropDown_ul li:hover{
	background-color:#1d74b2 !important;
	color:#fff !important;
}
/* canvas ,#domainzhu>div{ */
	/* min-height:410px% !important; */
	/* width:100% !important; */
/* } */
.sel_label ,.sel_labe{
	position:relative;
	
}
.ip_label_du{
	position: absolute;
    left: 200px;
    top: 0;
     margin-top: -1px; 
	
}
.label_l{
	float:left;
}
.label_l span{
	float:left;
	padding-right:10px;
}
.label_l input{
	margin-top:-4px;
}
.jianche{
	margin-top:-4px !important;
}
.btn_determine{
	height:32px;
	padding-top:2px ;
}



.ip_labe label{
	float: left;
    width: 200px;
    text-align: right;
    padding: 5px 20px 0 0;
    font-size: 14px;
    font-weight: normal;
	margin-left:-60px;
}
/*覆盖管理员select*/
.admin_line{
	width:38.5% !important;
	padding:0 5px;
	border:1px solid #ccc !important;
}
.label_list{
	float:left;
	margin-top: -4px;
    margin-right: 20px;
}
.us_line{
	top:2px;
	
}
.admin_line>.select-list, .admin_line>.select-button{
	width:100% !important;
}
/* .fm_lef{ */
	/* position:absolute; */
	
/* } */
.fm_tab{
	position: relative;
    left: 110px;
    text-align: left !important;
	
}
.op_last{
	height:1px !important;
	visibility:hidden;
}
.drop_list{
	width:99.4%;
	border-top:1px solid #ccc !important;
}
#type__chzn {
	width:100px !important;
	
}
/* 线路管理*/
.uniformselect option ,#select2 option ,#select6 option{
	padding:3px 0 3px 10px;
   // background-color: #485b79 ;
    border-top: 1px solid #fff;
	position:relative;
	z-index:999;
	font-size:10px;
}
#select4 option , #select8 option{
	padding:3px 0 3px 10px;
}

/*搜索*/
.sub_sosuo{
	padding: 4.5px 5px ;
	height: 31px ;
	width:80px ;
	background-color:#1d74b2 ;
	border: 1px solid #1d74b2;
	color:#fff ;
	text-align:center;
	/* position:absolute; */
	/* /* top:10px; */ 
	font-size:13px;
	border-radius:2px;
	cursor:pointer;
	vertical-align: middle;
}
.sub_sosuo:hover, .checkdomaincheall:hover{
	background-color:#146198;
	color:#fff;
	cursor:pointer;
}
/* .btn_fg{ */
	/* top:8px !important; */
	/* margin-left:4px; */
/* } */
.btn_fg_lt{
	margin-left:4px;
}
.radius_del{
	position: initial !important;
}
/*全部检测*/
.checkdomaincheall{
	background: #1d74b2; font-size: 11px; color: #fff; padding: 4px 18px; border: 1px solid #1d74b2; margin: 0; outline: none;margin-left:10px;position:absolute;top:6px;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.bg_all_btn{
	color: #FFF;
    background-color: #1d74b2;
    padding: 6px 20px;
    font-size: 12px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
	min-width:80px;
}
.bg_all_btn:hover { background: #485B79;  }

.sub_mit{
	min-width:100px !important;
	max-width:130px !important;
	display:inline-block;
	margin-bottom:0px !important;
	vertical-align:middle;
}
.sub_mit2{
	width: 100px !important;
    display: inline-block;
    height: 29px !important;
    margin-bottom: 0px !important;
    position: absolute;
    top: 3px;
	margin-top:-5px;
}
.sub_mit3{
	min-width: 150px !important;
	max-width:22%;
    display: inline-block;
    height: 29px !important;
    margin-bottom: 0px !important;
    position: absolute;
    top: 3px;
	margin-top:-5px;
}
.sub_mit4{
	width: 100px !important;
    display: inline-block;
    height: 29px !important;
    margin-bottom: 0px !important;
    position: absolute;
    top: 3px;
	margin-top:-5px;
}
.btn_fg2{
	top:6px !important;
	margin-left:4px;
}
.titl_list{
	width:8% !important;
}
.dpv4{
	position:absolute;
	top:2px;
}
/* .field_btn{ */
	/* top:11px; */
	/* height:30px; */
/* } */

.iconnn{
	background:url(../images/112233.png)no-repeat;
	width: 210px;
    height: 24px;
    background-size: 190px;
    float: left;
    margin-top: 5px;
}
/*正向域名按钮乱调整*/

.record_icon{
	border: 1px solid #919292;
    width: 260px;
    border-radius: 2px;
    padding: 4px 0 0 8px;
    margin-right: 10px;
}
.recion{
	border:1px solid #9464a0;
	background-color:#9464a0;
	padding:4px 8px;
	color:#fff;
	font-size:12px;
	padding-right:10px;
	border-radius:2px;
}

.t_icon{
	border:1px solid #ccc;
	padding:4px;
}
.head_icon{
	float:left;
	margin: 5px 10px 0 0;
}
.head_icon_btn{
	float:left;
	margin: 0px 10px 0 0;
}
.middle{
	vertical-align: -moz-middle-with-baseline;
	vertical-align: -webkit-baseline-middle;
}

}
/*按钮调动样式*/
.check_icon button {
	top:4px;
}
 .hormenu .step-last .step-tr{background-position: 50% -136px} 
.wizard .hormenu li.step-first a.done  .step-no { background-position: 50% -204px }
.wizard .hormenu li a.done .return .step-no { background-position: 50% -136px }
.wizard .hormenu li a.done .step-no { background-position: 50% -68px }
.wizard .hormenu li.step_two .done .returns .step-no { background-position: 50% -102px }
.wizard .hormenu li.step_two .done .step-no { background-position: 50% -170px }

.wizard .hormenu li:first-child a.done  span { background-position: 0 0; }
.wizard .hormenu li a.selected  .step-no { background-position: 50% -170px }
.wizard .hormenu li.step-last a.selected  .step-no { background-position: 50% -68px }
.wizard .hormenu li:first-child a.selected  .step-no { background-position: 50% -204px;; }
 .step-no , .step-done .step-no , .step-last .step-no{
    background:url("../images/default/stp.png") no-repeat 50% -102px;
	text-align:center;
}
 .step-no {
    height: 34px;
    line-height: 34px;
    color: #fff;
    font-size: 18px;
}
/*导航*/
.formwiz h4 {
	height:50px;
	line-height:50px;
	border:1px solid #ccc;
	background-color:#f7f7f7;
	text-indent:20px;
	
}
.formwiz .content{
	
	border:1px solid #ccc;
	padding:10px;
	min-height:150px;
	border-top:none;
	
	
}
.stdform .btn{
	float:right;
	margin-top:10px;
}
.stdform .btn .back ,.stdform .btn .complete ,.stdform .btn .next_none{
	background-color:#ccc;
	
}

.step-first .step-no{
	background-position: 50% -204px
}
.terms_third{
	margin:0 !important;
}
.con_res{
	width:80%;
	padding-top:10px;
	/* border:1px solid #ccc; */
	margin:0 auto;
}
/*系统升级*/
.update{
	width:800px;
	margin:0 auto;
	padding: 20px 0 0 0;
}
.fiex{
	height:40px;
	width:100%;
}
.fiex_it span ,.fiex_time span ,.local_update span{
	float:left;
	font-size:14px;
	text-indent:4px;
	height:10px;
	
	width:120px;
}
.uload span{
	line-height:40px;
	
}

.fiex_it p ,.fiex_time p ,.uploaders{
	float:left;
	font-size:14px;
	height:10px;
	margin:0 0 0 60px;
}
.btn_ver{
	margin-top:8px;
	width:85px;
}
.fiex_ver p ,.fiex_time p ,.t_backups p{
	width:246px;
}
.uploaders{
	width:240px;
	 float:left; 
	 height:auto;
	 margin-top:5px;
}
.local_update{
	width:800px;
	margin:0 auto;
	height:30px;
}
.update_log{
	width:800px;
	margin:10px auto;
	min-height:400px;
	height:auto;
	padding:20px;
}
.log_content{
	width:800px;
	margin:0 auto;
	min-height:300px;
	text-align:center;
}
.con_title , .lal_log{
	margin:4px auto;
	display:inline-block;
}
.con_title span, .con_title p{
	float:left;
	margin:0 10px;
	font-size:24px;
	color:#fb9337;
}
.lal_log i, .lal_log em{
	font-style:normal;
	float:left;
	font-size:16px;
	color:#333;
	text-align:center;
	
}
.cen_c{
	display: inherit;
}
.up_update .title{
	margin:20px 0 10px 0;
	position:relative;
}
.up_update .title h4{
	    display:inline-block;
		position: absolute;
		left: 6px;
		top: -28px;
}
.up_log{
	border:1px solid #ccc;
	border-radius:4px;
	width:800px;
	margin:0 auto;
	min-height:100px;
}
.up_log .tab_sp{
	margin:4px 0;
	font-size:16px;
	display:box;
	display:-webkit-inline-box;
	display:-moz-inline-box;
	width:100%;
	//height:20px;
	
}
.up_log .tab_sp span{
	padding-left:60px;
	float:left;
	width: 800px;
	height:26px;
	text-align:left;
	text-align: -moz-left;
	text-align: -webkit-left;
}
.log_submit{
	margin-top:20px;
}
.btn_sub{
	width:240px;
	height:35px;
	border:none;
	background-color:#1D74B2;
	color:#fff;
	border-radius:6px;
	
	
}
.t_backups{
	display:inline-block;
}
.fm_box{
	 min-height: 200px;
     border-bottom: 1px solid #ccc; 
}
/*备份恢复*/
.tle_tab{
	width:800px;
	margin:0 auto;
	min-height:110px;
	padding:20px 0 0 0;
}
.tle_box{
	margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.up_update{
	padding:30px 0 0 0;
}
.loading{
	width:800px;
	height:50px;
	margin:0 auto;
	margin-top:30px;
}
.load_align {
	text-align:center;
	width:600px;
}
/*单选按钮修改*/
.cek span{
	background-image: url(../images/uniform/sprite.png);
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
	background-position: 0px -260px;
    height: 19px;
    width: 19px;
	display:inline-block;
}
.selected .cek span{
	background-image: url(../images/uniform/sprite.png);
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
	background-position: -114px -260px;
    height: 19px;
    width: 19px;
	display:inline-block;
}
.cek span input{
	opacity: 0;
}
.cek span.sel{
	
	background-image: url(../images/uniform/sprite.png) ;
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
	background-position: -114px -260px;
    height: 19px;
    width: 19px;
	display:inline-block;
	
}
/*记录限制*/
.tp_file{
	font-style:normal;
	display:inline-block;
	width:50px;
	
}
.doman-file{
	font-style:normal;
	display:inline-block;
	width:60px
}
/*编辑备份*/
.bf_log{
    border: none;
	padding:0 ;
	width:100%;  
	background-color: #fcfcfc;
	height:21px;
	overflow:hidden;text-overflow:ellipsis;    
}
.td_width{
	width:15%;
}
.add-td-wd{
	padding-right:60px !important;
	
}
.del-td-wd{
	padding-right:0;
}
.bf_log:focus{
	border:1px solid #ccc;
}
.tb_recod{
	/* min-width:14%; */
	min-width: 100px;
	max-width:140px;
	position:relative;
	
}

/*管理员模式1*/
.cur_user h4{
	color:#fb9337;
	margin:6px 30px 0 0 ;
	display:inline-block;
	cursor:pointer;
	float:right;
	font-size:15px;
}
.cur_user h4 i{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA5ElEQVRYR+3UwQqCQBAG4Bmjc71JBeVZqe7tG9iT1Rts9xI9a1C+SZ0jJ7YopIPujoEdxpOI4//vNyBCxxd2nA9SQAREQAT+X0AfjisPacT5Y5aEhVpMd3WzjQI6OQ2hvKUI6FSCgArw+oEKJ5dWBcywawnbcPPtRoF3e51kY7hjigiDuhMRwRV6FKjQP9uszbrAS6K+hGu4k0CTBCecVeApsc8D9CCpElMJoVrOUhv26jtOK6gO6jiLEHBjnhHQWs39rWs4W+CzjjiLzD03vHUBzom/Z9gr+EW4CIiACIiACBiBBzGwTCEnKhpFAAAAAElFTkSuQmCC);
	width:24px;
	height:24px;
	background-size:24px;
	display:inline-block;
	position:absolute;
}
.cur_user a{
	font-size:14px;
	color:#fb9337;
	
}
/*end*/
/*模式2*/
 .menu {
    top: 100%;
    bottom: auto;
    right: 0%;
    left: auto;
    margin: 0.75em 0em 0em;
	border-radius: 0.325em;
}
 .menu .item:hover{
	 background-color:#f7f7f7;
 }
.userclick{
	position: relative;
    margin-bottom: 16px;
    min-width: 200px;
    height: 40px;
    text-align: center;
}
.menu .item{
	display: inline-block;
    width: 100%;
    float: left;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    height: 36px;
    line-height: 36px;
    text-indent: 10px;
}
.menu .item-last{
	border:none;
}
.muicon{
	width:18px;
	height:18px;
	display:block;
	float: left;
    background-size: 18px;
    margin-top: 9px;
	margin-left:10px;
}
.usr-icon{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC/ElEQVRYR72XXXLSUBTH/yfho2+tKyhdQekO6AqKKxDeFJwRpuAkvkhfbEbiUGc0+ta6AtlBcQVlB9IVqG9tJTnOAW6lNMm91Ix5zL3J+d3z+b+ElKfVG2z9vg4PGKgCXCJQWbYzY0LAhBlD2NG34M3Lcdp/0tYobbHp+GMQdgFcMrMYUYbKBCot1gDGiK2o/RCQVICZB67CEQjbTNH+qoGnzqBkYVoD0CKiTWbqBd7h0TreSAWQH+kgbvdchycAnjDjLPA6dVMILYAphOxruv0WQANmvA+8TssEwghgPQj/TDwRAY8/HXeGOghjgDUhpEI48Do7WgCJ8c319LxQzO2f9No/dR8s50S+aO/EffPc6VeY6JyZ6oF3KB5JfKjhvKsR8SmDx6YQjVdvy8TWBcDtj8ddSb57T9P1J1K6gdetagD6QyIqM/MWCN9NIBYN6gczHwVetxdnoOH4J0R4kS/aj9I8Sw23fwHGJSzuISKpeS1Ew/FPiVAL2d757LUncQAqDMS8/8HrjpK8QE3XZ3USca0OQhnXxfdBAEKZBmFqXFXM9Gpazm3kxqkhiEuWZQgQ1wuF/OTmKhyI23Un11XR6rrkgMRnMzju7i0vKgjp8ep91sblv6TaZ1xCzbN9WmPGVoTcWVLCrXvq5f2kajqtpP7FgO7bWSuWMBBoN6mz6X6Stt50+wMm/pKkFeYAi8627ijVgZmM8tth1HD6PSJ6ndZedQbj1nUQd6Zh052P0v/piXvjWPVwEZ4WuJ7WRtfxSJInYvXAM9evWoBMue2ZAiYeRrDviAuKojIsVEQtmwww1R1XNWaqIJFRDURVIjpIOK2oZeMpugoRsr1npIjEfdLXlyGmyE2kMZkMsFX4v3oCX4wAdLF+EISMAKbtTAB0UzResMzLPjOAdSEW3beUKYAphBIrQEY5EJdkSlmJnlieAwvjX5mZChu57D2gYO7oCbm8YnajlgtthZl/weKKgGUegmVvyOXVplBUc0WamtyyAYzyRbulZNof/ik1iQZF5HAAAAAASUVORK5CYII=)
}
.log-icon{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC3klEQVRYR71XXW7TQBD+xlHVR9oTtD0B7QkoNwgnIHkkQSJBNnJ4IbxgQ4ySSsTljXICegPSEzS9QXMC0jd+FA8a22ttgv/bsi+WvDs7334zs/Mt4Raja3tzJmbfsY7qbkN1DcWuO/BYvlPHrL1PbcP/BqA3HO9Mhv1lGlNFDOTZqv1yGXg28JrEGPuueVAHQMceLZmodeqY51mhzgTQsb0JEV7kxbiIATUP8GTqWP00EKkAugPvDMDTyID7U8ea1GGgOxj1mDEkogfMOPNds725zz8A1MmZ+QYGH/vvXs2z6CtiQOw6rz8cIqBZFog1ABJzA/gWnpuCozznVapAQBAbl2ITAE/0nEgASMb+/rm6JMJ+Hu06G2UYUOslHACNASy3thsHqrISAB17JLF6w+AL37GOy1xQVQCE4RiMZgR6xMxvfdcayr8EQHfgXQPYI+bHn1xrdh8AntujYyb6LixMHXM3AaBNLKaOuV/GeZUcWAub7c1BeKhyIWQgoZ9x4rtm7z4BbPqKAMSxqUJ/XQYU2yrXQgDSVoWWFTcOPrt9yYVSI7STbuiah6UMAEi1/fm1+qHyIAJwB221LIBNfyoHlnJTbW03drM6XxUHRWv1A98qB4ocpc0ntyLjSkK3BmDzmqzjoMgmNQnrlmGRs1QG4jbPcclHDMTNghnXWeKjjrM0G3XjqmZ3q6u4KqiEfuYb37V21npBx/7YIuIv98mCum9Sm1Fcn2FDKtuOqzCgteO1fpMpSO6yIrRmly1I1Gl04RAA7TxFW4aB2LmorB2demVbKEo5QM9/b56Ucba5RjuMTH2dOmZrc02mLNeNJTENcLusUJFTB4QxgcImlXbyXAbUZCxSRZLvRRvhmojPEWAWGI3lqfPyQv6LwxU12MCqyUzNSFeGYxEAvVoPE52quERFw4VASoxF/BhJfU/o9pUep5HGN1ogDqkVgRkyAw6ZANMcRnBWJOd1AH8BxA/QMOqpbVsAAAAASUVORK5CYII=)
}
.menu{
	width:150px;
	min-height:60px;
	border:1px solid #ccc;
	background-color:#fff;
	cursor: auto;
    position: absolute;
    display: none;
    top: 100%;
    margin: 0em;
    min-width: 100%;
    white-space: nowrap;
    font-size: 0.875em;
    text-shadow: none; 
    z-index: 1;
}
.menu:after {
    display: block;
    position: absolute;
    pointer-events: none;
    content: " ";
    visibility: visible;
    width: 1.2em;
    height: 0.8em;
    background-image: none;
    background-color: #FFFFFF;
    z-index: -2;
	top: -0.25em;
    left: auto;
    right: 1.25em;
    margin: 0em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*end*/


.arrow-up {
    border: 10px solid #fff;
  border-bottom-color: #f00;
  width: 0px;
  height: 0px;
}

/* .form_het{ */
	/* padding-top:3px; */
/* } */
/* .field_het{ */
	/* padding-top:6px; */
/* } */
/*input确认按钮*/
.btn-input{
	float: left;
    display: none;
	position: absolute;
    top: 8px;
    right: 0;
   cursor:pointer;
}
.bCofirm{
	
    margin-left: 4px;
   background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACjUlEQVRYR8VXTW7aUBD+xri7SmVZKVRNT1A4QWFdBcIJSk8QGui6dF0jcYO0J4C46jruCUJvQIUjdWmk7mI81XvE8Iz94GFThaXxzPfNzDc/Jjzyjx4ZHwcROPn4o2rx8h0DVYDLBKqKABg8BSgAyGOyru++vJ2aBmZE4OTS7VjEn0B0auSYeRYBg7th69u+93cSeN4dn9p26YqA+j5HWf8z4IXh8v2fUXums9cSqPS/14mjMYjKecDXNsxBZNkNXVkyCUhw8E0h4C3jiEq1LBIpAiLtT0rWbeHIt9kzB/fLqLZdjhSBSt/1CHiTL3peRGRLvVgcegA9U/0ITfhOs6E+SxCQardwlQ9ctCM1fOfME/arlk2TAFN7PjybxBgJApWeOyPCy/wEePo3jBrBqB1sSCxvE/6YZ/Nh61WKwMOQSb5sxIQXDOsczCMivBZDKSah86kKcp2BSu96REQXRpibHpM1F+oud8flp6WSF5MArA+6NmbwZ99pDYSbDYGDxbcSnNpaKoldgTDw03eaUqxKBtypYG+WgTR4bGcyQ0SZfKdVSxB40Xe5KLiseRTemMyQudOUwa8zYEZAH/kh4AI4RaDS21eC44Ez45c/bMpVbijC44ELUI0IdW14XPAVgYw2NBkaqkgPrblqmzmIxAtZozgWy7HAmfHbHzbXl9XeZbRNoEjkMohdy0hmYWsiqukqCq6KL3MbiofyILEtceUmdrnZkNo5gBf3YVTde5CssvCIJ1lypkeT4pnQt3FiEGUl7+Es/5r3RBM1D8NlJ9dZnmi7S7dDhIHptSRajUBd9fTSqcPoyyg2Fl1AHJ4DVAejHK9vMdtBCAD2mOzJ0T/NineA3sNBGfgfRP4BMN18MLXNIyYAAAAASUVORK5CYII=);
	width:22px;
   height:22px;
   background-size:22px;
   background-repeat:no-repeat;
   display:inline-block;
}

.bbun-del{
	
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADXklEQVRYR9WXQXLTUAyGJafPYYZpKTtmaEK6oc6q6QlITkA5QdMTND0B5QSEE9Q5Ab1BzQnqrBLYNNgwwzJtYFG/2mKen508O7bj0EUHL+Nn6ZP0S09BeOQHH9k//H8AoxfQQFbZR6y01OxpQWBt/L4f7k5huk5WS2dgVGNdRDgBwITjJWdEFiKYew4flAFZCfC1VjkkrHwEgMbcINGQAGxAnIjfkKAFQA1A3F84JZsCOm3+uLeKQAoBRnX9DAHeSwN0AwBn1Vtu5qVZlAd0vYtAPQB8Fn5FdNx0uZkHkQswqjETEY8iI4MnM94rW9/rbdi+29RNQHgrM0TmnsuPsyAyAdTIV0VQlF7VjubTweuf3E6fXwL49pK1ggpeRWk/NRzeLyOmvDNCQwFoh3kZXAIY1ZiFiG+I6EvT5W3VsIBjf/gkrxQi9fwpa2RFWkoDYY/r+rU4nE5Z1A2fAciu3vJOGiKs+xa7FG2K5L/bc/0L1Wn0/qh6ywfqt4kMzGtGNDRcnuh3Ccdsqe4khOpcdAt5vNX8BWGLxs+4pl9IUVKirEmAOP0AH5qOd5ZOm9QHWCqEOBNHLpxrPrSzShAHly5tAmBcZ1NhnIKgkzdA0hASUkzHfOfixGhno42adglAU8Phz+PgUgA6hX1fACDeJyHkkMqLPHa0AAAwHG/u9yEAQnDbUbtONR86ReovBTCq6xMEeJWl4jiSKHrpnGgoKyDuACqEUEpwYzg8AofkPhArlYpFOHdenck5cbfJrFUQpUS4GJ1kGw4/ULsgasOrOHLhPO5nOfsXEOTxg+U2ZOL2FJkqaENlEKWFOB9EREPVeQypQqRLqNafPG9XhcsaxfIWJLIMl3fSo7hIaHmjeFyT0WeN92UAZeIVXaNlL6jxDuuDhidhs6aiD/WbZUiuX3getVjPcPinsg4TulEWmrxrPXchUclFJvQZP11zITkHhMMwcqJB0+XdrCAKV7JxnYnVSuyDwswUAfuB5w3SCleF6G3pJyRXsrDX81o6cxRnlmNnow2aZooBtXhPNhBOEEFuOEQNQrGYLjZmAvgOQdB90FKaqKfQBUAvuflmIMuNuV+0iKpfrVzL0y5Eq3mblXaQ/mNCvq3PfKusTkqX4F/Uv843a2dgHeNlzj46wF+cxQs/BElJKAAAAABJRU5ErkJggg==);
	width:22px;
   height:22px;
   background-size:22px;
   background-repeat:no-repeat;
display:inline-block;	
}
/*正向域名按钮*/

.edi{
	width:24px;
	height:24px;	
    border:none;
	background-size:18px ;
	background-repeat:no-repeat;
	margin-left: 10px ;
	padding:1px 12px ;
	background-color:none;
	position:relative;
}
.disable{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEGUlEQVRYR72XTWxUVRTH//8703ZirF+LYlwZkQ2J2I0kRqKQGA1qBCNs/CCgCzszLCD0dd6gC4K1vNf3GgyBN2xsuoEgESMRqogao4ZE4qLRpK6ILpSQxhiiIfZj5v7Ne+WjlPlo6TizmM2979zf+Z9zzz2HWMQvXwg2VMB1IO421HJYdCafk1MW+IWCDHTykO+cXKhZNtq4Y8/+e6Ymyy6Bp0Esg1CRcJnghKiLyfniA4K6AHYKEoHLAH8SU3sPezt/q3dGXYBcMdxHab2AOyT+LOLjw17vkXoGs8VwI6W3AKwC8AfIr9o7Uv77e3ZervZdVYDY6+np8lFaPAqaixWZzY08mW+8x93/IFUZAvG4IcbbOlKbqkHcApDbPdgNmzoA6GEA/ZHXGzUKU731Hjd81QD9AK7A2Neigb6xuftvAog9n5myZ61sF402zN98uyCxU7I8RrDcnkmtmavETQC53cEoK3yE1OsHPeeb2z2w2nezyvI4iEvtHekXr0FcB8i7QVFkFoK3VNlrgSfhkN4VcbzkOW5yg+K/JOn+LZ8DzZ+Rt+vJZno+31bOHTxKmJVtmdTaWIUEIOsGHsHNBnqz2dJXux1GlR8EnC75vW8kADk3+BHiX5Hf+0wt73OFYFTkukbqxNUQ0GeR77xca2/WDY9RWh35zkOcTQ5zGsB79WKfLQRlY5hqBBCvy+pK5Dt31gQohhsBHQS4nbH8hnipovSz9YpNMwGSsBfCC4Q9y3wx/Nxa3V/yne66JbaJCswCBGMwuMBsMTgBi+UtB3CDEQjdzBWCcRHnS56ztaUKuMEIhdWMpSA1Hnl9r7QaAMKaOAkTKVoegkJ4AtBy5t3gIyusLPnOypYqECchMRYDFAVut0g90aprmJT+yfJ5id8zbhwMymcEjJQ8Z1/N4tHEa5hzh7Za2XdMSpuSUtzTF35hDDP1HqK4FANY6EN1pm4pLoQnSKyIvN5VCcBsGJA1wJb/+zHa7gZrLfiBFT497PfuuNEPFMMxSe2RVz8ZF/IW1NuTc4e+JexdbZn0jec4KY1xNwscgLUfRn6fs9SDqnZFbpgDVaQQHbqabze1ZNlicATgUxQGmt0V5YuDL0jmIIzGowHnuWuAt3TF+WL4pZVWEPSbBRG3YgT6CVxqz6TW12xKr7dn0+WjElfR6lTkOz1LCUfODfZS3CajX+c2ozUVuLaQLYTDxmgtxCnQOof29Z1aDEic7RXBo0nGtu86OtL5BQ0mcw+JE9OAb0t2mYQJEqMW6eFaFfPqNLQN1PMQ7iPN7wCGI2/XSC34hsPpbM84tBXSFgBdAO4F8bekyXgtNqBZ653xmExgBuSEYM91ZNJerZmwYQiqEccepljeaIHHIMwAzIBqg/APEXuMrytKf7KYOfI/ydopzXPU5zQAAAAASUVORK5CYII=)
}
.modify{
	background-image:url(../images/default/ViewEdite.png);
	
}
.adress{
	background-image:url(../images/default/AddressBase.png)
}
.securit-set{
	background-image:url(../images/default/SecuritySettings.png)
}

.refuse{
	background-image:url("../images/default/Deny.png")
}
.adopt{
	background-image:url("../images/default/Allow.png")
}
.binding{
	background-image:url("../images/default/Bound.png")
}
.delete{
	background-image:url("../images/default/del.png");
	
}
.Statistics{
	background-image:url("../images/default/Statement.png");
	background-size:20px;
	
}
.enable{
	background-image:url("../images/default/ena.png");
	background-size:16px;
	top:1px;
	
}
.edi-set{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADFklEQVRYR8VXTW7TQBT+nt1Cd/QGLSegPQHpCQgnaLqDFIlExMhhQ7rBFknVIBHDjvQELSegnID0BE1PQNgVaPzQ2Bl34s54nAip3kTJPL/ve3/fvBDu+KE7xkchgRd+t8JEJ2CMQBgOgtZxEeH9dm8Ixsbqmvu032lOygRnzUDiFNgVzhg8und/ZUfnPG8XBd72fyEgnNhIqOcSlJn2ovCVIF/4WDMg3n7mH226NL1QPB0PglZNfK/7vT4RXuZRmDG+t+Zu20qxLAFM2X34OWyOn7d7VQc40YUpSBDx6SDwmqY0ZAREw30MvTOdYd3vdojo7fwZNweB10+zcFgD4j4RPTAQGUZha093lhGo+90JQCd5w/qb91vEzo/bKeaDKPQ68vdG52j9z1VcJXADhEeakmhJqAROiegJM4Yx3APhwEG8S8QZiOrU1GSCyN/f059lM6EQOKwR8Rdb18pzYt4xlWy/3RsD2DCQ+BCFrUbmRzWqt7tnBHpcksSEKd6J3r0eqfYz8fpW5EMlPzcFSfqupme6GhoczpGY9YsAX7cEkY3xrTGc1VB0d6J+RQ8z/4LDFZEFLTjjfAq3uoLrTSbKssLg71HgVYRvow6k4nNdZRbROGMH8TgGRKMmo1YGfHXNrUghyo/yIGgl2KWESGZBRImYUq2wRK6CC3N1OgT5KPSSMi1EQLwgMiM+hQqa0p4HzwLwuxORwVIlsNV/UXDhT04ZM3+NQq+6VAaE7BJ4F4StuW5nnMvIE2l2pqP8iNb9biJ2wI2ML1SCBFwnVjnwmc0tnZBjzk5ck+RKE1gQXFZQS0K9oksRMIKn45hcSgXXslYxtVKsazwL+JwQiRE1XMlGEoUZKAue1wkTiRjY+xS0TtVAjQQWBbeQuARjkt4x3Fc3JC2BZcENJC4HQSsRL7m8WnVgv91jXT+o+l9GqBLZJlzIFV3eB1Yl1C0Ui4DfSG+qG2LLAkgsqA0wLlWp1pYgP1LLgEsSc/8ZFMGyjmGy2YD6IKwzxdW8rNpKIM/TZfV6SKBN3SVVSojKgi1jd+cE/gHr1Cw/wiWt1wAAAABJRU5ErkJggg==);
	background-size:20px;

}
.details{
	background-image:url(../images/default/InterfaceDetails.png)
}
.edi-into{
	background-image:url("../images/default/into.png");
	
}
.edi-info{
	background-image:url("../images/default/out.png");
	
}
.record-icon a{
	margin-top:4px;
}
.showtr0{
	background-color:f3f5f7;
}
.showtr1{
	background-color:#fff;
}
#data_zhu>div{
	margin:0 auto;
}
form .area-text{
	height:auto;
}
/*输入框变色*/
.smallinput:focus, .xsmallinput:focus ,.width50:focus {
    background-color: #faffbd;
}
.smallinput, .xsmallinput ,.width50 {
   //padding-left:6px;
}
/*正向域名按钮*/
.dom-btn{
	background-image:url(../images/default/normal.png);
}

.dom-cansel{
	background-image:url("../images/default/abnormal.png")
}
.dom-three{
	background-image:url("../images/default/shutoff.png")
}
.dom-three1{
	background-image:url("../images/default/error.png")
}
.dom-three2{
	background-image:url("../images/default/examine.png")
}

.doembtn{
	width:20px;
	height:20px;
	display:block;
    background-size: 20px;
	margin:0 auto;
}
.td-btn{
	width:8%;
	text-align:center;
	
	
	
}
/*线路库*/
.uniformselect option, #select2 option, #select6 option {
    padding: 3px 0 3px 10px;
    border-top: 1px solid #fff;
    position: relative;
    z-index: 999;
    font-size: 12px;
}
.zf_file{
	font-style:normal;
	display:inline-block;
	min-width:60px;
}
.loal{
	margin-top:5px;
}
.tdcenter{
	text-align:center !important;
}

	
	
/*右侧浮动*/
.float{
	position:fixed;
	right:0;
	top:0px;
	height:100%;
	
	width:auto;
	background: transparent;
	display:block;
	overflow:hidden;
	
}
.floatindex{
	z-index:9999;
}
.scro{
	display:;
	overflow-y: auto !important;
	overflow-x:hidden !important;
}
.tab-contet{
	//width:5px;
	background-color:#333;
	height:100%;
	
	float:left;
}
.float-content{
	display:inline;
	display:none;
	width:250px;
 	height:900px;
	overflow:hidden;
}
.float-content .title{
	width:100%;
	height:41px;
	text-align:center;
	line-height:41px;
	background-color:#1d74b2;
}
.float-content .title span{
	font-size:14px;
	color:#fff;
	text-align:center;
}
.float-content .title .icon{
	background-image:url("../images/default/Assist.png");
	width:24px;
	height:24px;	
    border:none;
	background-size:18px ;
	background-repeat:no-repeat;
	margin-left: 10px ;
	padding:1px 12px ;
	background-color:none;
	position:relative;
	
}
.con{
	position:absolute;
	right:0;
	height:100%;
	z-index:9999;
	width:250px;
	background-color:#fff;
	display:block;
	overflow:auto;
}
.ul-conter{
	position: relative;
    height:auto;
	display:block;
	border-bottom:1px solid #ccc;
}
ul li{
	list-style:none;
}

.ul-conter li{
	padding: 10px 10px 0px 20px;
   
}
.ad{
	height:120px;
	width:100%;
}
.fl-tab{
	
	float:left;
	/* border:1px solid red; */
	height:300px;
	margin-top:230px;
	background: transparent;
}
.tabwidth{
	width:130px;
}
.tab_fir{
	
	width:20px;
	height:100px;
	float:right;
	border:1px solid #0c849e;
	border-radius:4px 0 0 4px ;
	background-color:#0c849e;
	cursor:pointer;
}
.tab_fir .help{
	color:#fff;
	font-size:12px;
	text-align: center;
}
.help-icon{
	background-image:url("../images/default/Assist.png");
	width:24px;
	height:24px;	
    border:none;
	background-size:18px ;
	background-repeat:no-repeat;
	margin-left: 2px ;
	margin-top:10px ;
	display:block;
	background-color:none;
	position:relative;
}
.weixin{
	
	color:#fff;
	font-size:12px;
	text-align: center;
	line-height:14px;
}
.weixin-tab{
	display: none;
	margin-top:140px;
	width:20px;
	height:100px;
	float:right;
	border:1px solid #0c849e;
	border-radius:4px 0 0 4px ;
	background-color:#0c849e;
	cursor:pointer;
	position:absolute;
	right:0px;
	
}
.weixin-icon{
	background-image:url("../images/default/WeixinHelp.png");
	width:24px;
	height:24px;	
    border:none;
	background-size:18px ;
	background-repeat:no-repeat;
	margin-left: 2px ;
	margin-top:10px ;
	display:block;
	background-color:none;
	position:relative;
}
.weixin-tab img{
	position:absolute;
	width:100px;
	height:100px;
	right:21px;
	top:0;
	border:1px solid #ccc;
	background-color:blue;
	overflow:auto !important;
}
.ad span{
	line-height:6px;
	margin: 14px 0 0 20px;
	float:left;
}
.ulheight{
	height:100% !important;
	z-index:-110
}
.linka a:hover {
    text-decoration: underline;
}
.conhead{
	top:-21px;
}