/* CSS Document */
html, body {margin:0;padding:0;height:100% !important;}
body,td,th {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 15px;
}
body { margin: 0px; background: #fafafa; }
.loginbody { background: rgb(13,65,34); }
.loginbodytraining { background: rgb(51,51,51); }
a { text-decoration: none; cursor: pointer; }
a:focus, a:hover {
    color: #506b29 !important;
    text-decoration: none;
}
.error_info { color: #c00; font-weight: bold; padding: 10px 0px; }
.error_bdr { border: 1px solid #c00; }
e { color: #c00; font-weight: bold; }
.spn { padding: 20px; font-size: 20px; }
.enbl { border: 1px solid #090 !important; background: #090 !important; color: #fff !important; }
.dibl { border: 1px solid #F00 !important; background: #c00 !important; color: #fff !important; }
.bryellow { background: #FFC; }
.spinbox { padding: 1em 0em; }

.hidden { display: none; }
.shown { display: block; }

#qtyerr { font-size: .8em !important; color: #f00; display: none; }

.print_res { margin-left: 1em; color: #090; }

.redmsg { background: #ffc; padding: .5em .8em; border: 1px solid #c00; color: #c00; }
.redmsg a, .redmsg a:visited { background: none !important; padding: 0px; color: #06F !important; text-decoration: none; }
.redmsg a:active, .redmsg a:hover { color: #333 !important; }
select { text-transform: uppercase !important; } 

a.remi { color: #ccc !important; }
a.remi:hover { color: #c00 !important; }

.posrel { position: relative; }

.baseline { border-bottom: 1px solid #ddd; }
.hardline { border-bottom: 2px solid #000; }
.baseline2 { border-bottom: 4px solid #ddd; padding: .4em 0em; margin-bottom: 1em; }
.baselinesplit { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 4px solid #ccc; }

.bost_item { float: left; width: 25%; height: 55px; }
.tox-tinymce { border: 1px solid #333; box-shadow: 2px 2px #ddd; }

.gb { border: 2px solid #628C36; padding: .5em .5em; }
.gb a:last-child { border: none !important; padding-right: 1em !important; }

.il { list-style-position: outside !important; }
.adc { display: inline; border-radius: .5em; border: 1px solid  #f90; text-align: center; padding: .15em .5em; color: #c00; }

.loadactivity { width: 100%; height: 100%; background: rgba(255,255,255,0.4); padding-top: 10%; font-size: 3em; color: #06c; position: absolute; top: 0; left: 0; text-align: center; }

.dialogloadingdiv { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.6); text-align: center; padding-top: 12%; font-size: 4em; }

/* 
====================================================
For Mobile Screens
==================================================== */

#master { overflow-x: scroll !important; min-height: 100% !important; }
@media screen and (max-width: 1200px) {
	body,td,th {
		font-family: 'Roboto Condensed', sans-serif !important;
		font-size: 11px !important;
	}
	
	#master { max-width: 100% !important; overflow-x: scroll !important; }
	.scrollmaster { min-width: 1800px !important; }
	.msc_lft,#listings_hdr { min-width: 1750px !important; }
	#cn_head { display: none; }
	
	#uinfr #catlist, #uinfr #clist { font-size: 1em; padding: 0px 10px; }
	.dh_lg img { height: 2.8em; }
	
	.fixed_top { position: relative !important; }
	.msc_con { margin-top: 0 !important; border-top: 3px solid  #ddd;  }
	.cn_post { display: none !important; }
	
}

.tb { margin-top: .4em !important; }

/* 
====================================================
Dialog
==================================================== */

.dialog {
	position: fixed;
	top: 20%; left: 29%;
	border: 1em solid #506b29;
	border-radius: 1em;
	padding: 0em;
	background: #fff;
	width: 45%;
	display: none;
	box-shadow: #CCC -.3em -.3em;
}

.dialogclose {
	position: absolute;
	top: -1em;
	right: -1em;
	font-size: 2em;
	color: #c00;
	cursor: pointer;
	background: #fff;
	padding: 0; margin: 0;
	border-radius: 1.3em;
	line-height: 0.5em;
}

.dialoginfo { font-weight: normal; }
.dialogheader { padding: .5em 1em; border-bottom: 1px solid #CCC; }
.dialogbutton { padding: .5em 1em; border-top: 1px solid #CCC; }
.dialogform { padding: .5em 1em; }

/* 
====================================================
Login Page
==================================================== */

.c_mast { width: 900px; margin: 0 auto; color: #fff; margin-top: 5%; border: none;  position: relative; -webkit-box-shadow: 0 0 3em #051c0e;
        box-shadow: 0 0 3em #051c0e; }
.c_masttraining { width: 900px; margin: 0 auto; color: #fff; margin-top: 5%; border: none;  position: relative; -webkit-box-shadow: 0 0 3em #051c0e;
        box-shadow: 0 0 3em #000; }
.c_left { float: left; width: 60%; background: #030; }
.c_rigt { overflow: hidden; background: #fff; padding: 4em 2em 2em 2em; border-left: 5px solid #80a314; min-height: 600px; }

.h_mast {
	position: relative;
	min-height: 100%;
	min-width: 100%;	
}

.h_pitt {
	height: 300px;
	border-bottom: 0px solid #78b846;
}

.h_bott {
	overflow: visible; height: 200px;
}

.h_logg {
	width: 400px;
	position: absolute;
	margin-left: auto; margin-right: auto;
	left: 0; right: 0;
	top: 10%;
}

.h_logg_lg {
	text-align: left;
	padding: 10px 0px 20px 0px;
}
.h_logg_fm {
	border: 0px solid #78b846;
	background: #fff;
	padding: 1em 0em 0em 0em;
	border-radius: 30px;
}

.h_logg_cp {
	text-align: left;
	padding: 1em 0em 2em 0em;
	font-size: 1em;
	color: #11552c;
}

#fm_err { border: 1px solid #F90; background: #FF9; padding: 8px 20px; color: #c00; margin-bottom: 20px; border-radius: 9px; }

#prcing { font-size: 18px; color: #069; font-weight: bold; display: none; }
.chcrds { font-size: 25px; color: #069; font-weight: bold; margin: 10px auto 30px auto; text-align: center; padding: 10px 0px 10px 0px; }

.sml { font-weight: bold; font-size: .9em !important; }
.smtx { font-size: .4em !important; }  

.lcvent { border-left: 1px solid #f00 !important; border-top: 1px solid #f00 !important; border-bottom: 1px solid #f00 !important; }
.rcvent { border-right: 1px solid #f00 !important; border-top: 1px solid #f00 !important; border-bottom: 1px solid #f00 !important; }

.rt { text-align: right !important; }
.frt { float: right !important; }

#lgfmi { color: #000; }

/* 
====================================================
Login Page
==================================================== 

.h_mast {
	position: relative;
	min-height: 100%;
	min-width: 100%;	
}

.h_pitt {
	height: 300px;
	border-bottom: 3px solid #78b846;
	background: #fff url(images/homer_lt.jpg) left top no-repeat;
	background-size: cover;	
}

.h_bott {
	overflow: visible; height: 200px;
}

.h_logg {
	width: 400px;
	position: absolute;
	margin-left: auto; margin-right: auto;
	left: 0; right: 0;
	top: 30%;
}

.h_logg_lg {
	text-align: left;
	padding: 10px 0px 20px 0px;
}
.h_logg_fm {
	border: 6px solid #78b846;
	background: #fff url(images/ts_sphere.jpg) right bottom no-repeat;
	padding: 30px 30px 10px 30px;
	border-radius: 30px;
}

.h_logg_cp {
	text-align: center;
	padding: 30px 30px 30px 35px;
	font-size: 1em;
}

#fm_err { border: 1px solid #F90; background: #FF9; padding: 8px 20px; color: #c00; margin-bottom: 20px; border-radius: 9px; }

#prcing { font-size: 18px; color: #069; font-weight: bold; display: none; }
.chcrds { font-size: 25px; color: #069; font-weight: bold; margin: 10px auto 30px auto; text-align: center; padding: 10px 0px 10px 0px; }

.sml { font-weight: bold; font-size: .9em !important; }

.lcvent { border-left: 1px solid #f00 !important; border-top: 1px solid #f00 !important; border-bottom: 1px solid #f00 !important; }
.rcvent { border-right: 1px solid #f00 !important; border-top: 1px solid #f00 !important; border-bottom: 1px solid #f00 !important; }

.rt { text-align: right !important; } */

/* System Form Information
---------------------------------------------- */

.rts { float: right; }

.emphasis { font-weight: bold; color: #069 !important; }
.sml9 { font-size: 9px !important; }
#sale_btn,#sale_qty { display: none; }

.form_details {
	
}

.formcolumn { float: left; width: 15%; }

.form_fields input[type=text], .form_fields input[type=number], .form_fields input[type=email], .form_fields input[type=password], .form_fields input[type=email] {
	border: 1px solid #666;
	padding: 8px;
	width: 94% !important;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5fffe;
	border-radius: 0.3em !important;
}

.pinbox {
	border: 1px solid #666;
	padding: 10px 8px 8px 18px !important;
	width: 50% !important;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	letter-spacing: .7em;
	text-align: center !important;
	background: #f5fffe;
	border-radius: 0.3em !important;
}

.fm_fld {
	border: 1px solid #666;
	padding: 8px;
	width: 300px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
}

.form_fields input[type=number], .form_fields input[type=email] {
	border: 1px solid #666;
	padding: 8px;
	width: 94% !important;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5fffe;
	box-shadow: 2px 2px #ddd;
	border-radius: 0.3em !important;
}

.form_fields textarea {
	border: 1px solid #666;
	padding: 8px;
	width: 94% !important;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5fffe;
	box-shadow: 2px 2px #ddd;
	border-radius: 0.3em !important;
}

.form_fields .d60 textarea {
	border: 1px solid #666;
	padding: 8px;
	width: 97%;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5fffe;
	border-radius: 0.3em !important;
}

.form_fields .d30 textarea {
	border: 1px solid #666;
	padding: 8px;
	width: 94%;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5fffe;
	border-radius: 0.3em !important;
}

.form_fields select {
	border: 1px solid #666;
	padding: 8px;
	margin-bottom: 3px;
	background: #f5fffe !important;
	box-shadow: 2px 2px #ddd;
	border-radius: 0.3em !important;
}

.form_fields input[type=button], .form_fields input[type=submit] {
    border: 1px solid #ccc;
    background: #e7e7e7;
    padding: 8px 15px;
    color: #666;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px;
}

.form_fields input[type=button]:hover, .form_fields input[type=submit]:hover {
	background: #000;
	border: 1px solid #000;
	color: #fff;
}

#approvebtns { display: none; }

.fms_lft {
	float: left;
	padding-right: 30px;
	margin-right: 30px;
	border-right: 2px solid #eee;
}

nslbl { background: #c00; color: #fff; padding: 3px 5px; font-size: 10px; }

.abr {
	float: left;
	margin-right: 15px;
}

.amb {
	float: left;
}

hr { border-top: 1px solid #ddd; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; margin: 10px 0px; }

/* Paddings
==================================================== */

.p1 { padding: 1em; }
.pad1 { padding: 1em 0em; margin-bottom: 1em; }
.pad2 { padding: 2em 0em; margin-bottom: 1em; }
.pad3 { padding: 3em 0em; margin-bottom: 1em; }
.lpad2 { padding-left: 3em !important;}

.bl4 { border-top: 1px solid #222 !important; border-bottom: 2px solid #eee !important; }


/* Form Inputs
==================================================== */

.fm_inpt { display: inline-block; width: 47%; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; }
.fm_inpt_full { display: inline-block; width: 92%; margin-bottom: 20px; margin-right: 2%; box-sizing: border-box; }
.fm_inpt input[type=text], .fm_inpt input[type=password], .fm_inpt input[type=file] { border: 1px solid #333; width: 100%; padding: 8px 12px; font-size: 14px; }
.fm_inpt_full input[type=text], .fm_inpt_full input[type=password], .fm_inpt_full input[type=file], .fm_inpt_full input[type=email] { border: 1px solid #333; width: 100%; padding: 8px 12px; font-size: 14px; }
.fm_inpt textarea { width: 100%; padding: 3px 5px; font-size: 14px; }
.fm_inpt select { width: 98%; padding: 4px 5px; font-size: 14px; align: left; }
.fm_inpt_full textarea { width: 96%; padding: 3px 5px; font-size: 14px; }
.fm_inpt input[type=submit], .fm_inpt input[type=button] { font-weight: bold; cursor: pointer; padding: 8px 12px; font-size: 14px; background: #000; border: 1px solid #000; color: #FFF; }
.fm_inpt input[type=submit]:hover, .fm_inpt input[type=button]:hover { background: #000; border: 1px solid #003366; color: #FFF; }

.radio_box_unit {
	margin-bottom: 10px;
	font-size: 11px !important;	
}

.button:hover {
   border-top-color: #e8a319;
   background: #e8a319;
   color: #FFF;
}
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
}

.f_de { border: 1px solid #FC6; background: #FF9; text-align: center; padding: 10px; margin-bottom: 20px; }
.ckbox { float: left; width: 23%; margin-right: 2%; margin-bottom: 10px; }

.nobold { font-weight: normal; }
.red { color: #F00; }

.idnt { padding-left: 2em !important; }

.clickable { cursor: pointer !important; }
.unclickable { cursor: not-allowed !important; }

/* 
====================================================
Header
==================================================== */

.dh {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
	padding: .5em 1em;
	/*background: #fff url(images/homer_lt.jpg) center top no-repeat;
	padding: 10px 20px;
	border-bottom: 1px solid #ccc;*/	
}

.dh_lg {
	cursor: pointer;
	float: left;
}

.dh_lgt {
	float: left;
	cursor: pointer;	
}

.dh_lge {
	margin: 0em 0 0 0em;
	font-size: 2em; font-weight: bold;
	color: #80a314;
}

.dh_us {
	float: right;
	color: #333;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.dh_wfa {
	float: left;
	margin-left: 40px;
	border-left: 1px solid #ccc;
	padding-left: 40px;
}

.us_inf { float: right; }
.us_log { float: right; }

#uinf {
	border: 2px solid #333;
	padding: 6px 0px 7px 0px;
	float: left;
	height: 1%; overflow: hidden;
	margin-left: 8px;
	color: #333;
	background: #01182f;
}

#uinfr {
	padding: 5px 0px 6px 0px;
	float: right;
	margin-left: 8px;
	color: #506b29;
	font-weight: bold !important;
}

.upic {
	float: right;
	padding: 2px;
	border: 2px solid #013e7b;
	margin-right: -15px;
	margin-top: -5px;
	background: #01182f;
}

.upic img {
	height: 40px;	
}

#uinf a, #uinfr a {
	margin: 0px;
	padding-top: 5px;
	color: #aaa !important;
	text-decoration: none;	
}

#uinf a:hover, #uinfr a:hover {
	margin: 0px;
	padding-top: 5px;
	color: #506b29 !important;
	text-decoration: none;	
}

.closebtn i { color: #fff !important; }

#uinf i, #uinfr i {
	margin: 0px;
	color: #666;
	padding-right: 0em;
	font-size: 1.3em; 
}

#uinf i:hover, #uinfr i:hover {
	margin: 0px;
	color: #333;
	padding-right: 0em;
	font-size: 1.3em; 
}

#catlist {
	float: left;
	padding: 0px 15px;
	border-right: 1px solid #ccc;
	cursor: pointer;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 16px;
	position: relative;
	overflow: visible;
}
#clist {
	float: left;
	padding: 0px 15px;
	cursor: pointer;
}

.brd { border: 1px solid #f00; }
#searchorders { float: right; margin-left: 0em; margin-top: -1px; border-top: 2px solid #fff;  }
#sord { font-weight: bold; }
.searchbox { font-size: 1.1em !important; float: right; margin-left: 2em; text-align: right; }
.mgbox { font-size: 1.1em !important; text-align: left; display: inline-block; margin-right: 1em; border-right: 2px solid #ddd; padding-right: 1em; }
.searchbox input[type=text], .mgbox input[type=text] { border: 1px solid #333; font-weight: normal; padding: 0px 3px; }
.searchbox a, .mgbox a { font-size: 1.4em; background: #fff; color: #628C36 !important; padding: .2em .4em !important; }
.searchbox input, .searchbox select, .mgbox input, .mgbox select { background: #ffffdf; border-radius: .3em; font-size: .9em; }
input[name="yreportBtn"], input[name="clreportBtn"], input[name="gobtn"], input[name="searchBtn"], a.gobtn { background: #506b29; color: #fff; border: none; text-transform: uppercase; border-radius: 0.3em; }
input[name="yreportBtn"]:hover, input[name="clreportBtn"]:hover, input[name="gobtn"]:hover, input[name="searchBtn"]:hover { background: #333; border-radius: 0.3em; }

.sepu { display: inline; padding-left: 1.5em; margin-left: 1.5em; border-left: 4px solid #060; }
.sbx { padding: .4em 0em .4em 0em; color: #000 !important; }
.sbx:after { content: ""; display: table; clear:both; }

.lo a i, .lo a:visited i { padding: .1em 0em; border-radius: 1em; color: #c00 !important; }
.fixed_top { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 2000 !important; }
.top-title { padding: .2em .2em 0em 1em; border-left: 4px solid #ccc; font-size: 1.5em; color: #e95d2c; margin-left: 1em; color: #628C36; }
.top-title torg { color: #8fb459 !important; }

.dropmenu { display: none; position: absolute; right: 0; top: 20px; border: 4px solid #666; background: #fff; color: #333; z-index: 2500 !important; }
.dropmenu_content { position: relative; padding: 0em; }
.closebtn { background: #c00; color: #fff; padding: .5em; border-radius: .5em .5em; font-size: .5em; position: absolute; right: .4em; top: .4em; }
.dropmenu_content_hdr { padding: .5em; border-bottom: 1px solid #ddd; color: #506b29; font-weight: bold; }

.dropmenu_content_lks {}
.dropmenu_content_lks li { list-style: none; border-bottom: 1px solid #ddd; padding: .5em 1em; font-size: .9em; }
.dropmenu_content_lks a, .dropmenu_content_lks a:visited { color: #999 !important; text-decoration: none; }
.dropmenu_content_lks a:hover, .dropmenu_content_lks a:active { color: #666 !important; }
.dropmenu_content_lks li i { width: 30px; }

.dropmenu_content_sum { padding: .5em 1em; }

#mysum_dropmenu { width: 500px; }
#mypro_dropmenu { width: 200px; }

/* 
====================================================
Dashboard
==================================================== */

.msc_lft {
	width: 100%;
	float: none;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	/* background: #506b29; */
	background: rgb(60,80,31);
	background: linear-gradient(180deg, rgba(60,80,31,1) 0%, rgba(80,107,41,1) 100%);
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#506b29+22,628c36+100
	background: #506b29; /* Old browsers 
	background: -moz-linear-gradient(top, #506b29 22%, #628c36 100%); /* FF3.6-15 
	background: -webkit-linear-gradient(top, #506b29 22%,#628c36 100%); /* Chrome10-25,Safari5.1-6 
	background: linear-gradient(to bottom, #506b29 22%,#628c36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#506b29', endColorstr='#628c36',GradientType=0 );  */	
		
}

.msc_lft li {
	list-style: none;
	padding: 12px 0px 8px 0px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	border-right: 1px solid #506b29;
	margin: 10px 0px;
	padding: 0px 15px;
	display: inline-block;
}

.msc_lft li:hover {
	color: #ccc;
}

.msc_lft .lf_i {
	font-size: 23px;
	padding-bottom: 5px;
}

.msc_lft .lf_c, .msc_lft .lf_m {
	font-size: .75em;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 5px;
}

.lfi {
	position: relative;	
}

.fig {
	position: absolute;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	background: #F90;
	padding: 3px;
	right: 37px;
	top: 0px;
	border-radius: 4px;
}

.msc_con {
	overflow: hidden;
	width: 100%;
	margin-top: 7.5em;
}

.subs {
	width: 200px;
	float: left;
	border-right: 6px solid #ccc;	
}

.subs li {
	border-bottom: 1px solid #ddd;
	padding: 20px;
	text-align: center;
	text-transform: uppercase;
	list-style: none;
	font-weight: bold;	
	color: #ccc;
	text-decoration: none;
	cursor: pointer;
}

.subs li:hover {
	color: #333;
}

.cont {
	overflow: hidden;
}

.cn_post {
	padding: 5px 20px;
	border-bottom: 2px solid #ccc;
	background: #fafafa;
	color: #78b846;
	text-transform: uppercase;
}
.cn_post:after { content: ""; display: block; clear: both; }

.cn_head {
	font-size: 25px;
	font-weight: bold;
	float: left;
	letter-spacing: -1px;
}

.cn_rigt {
	float: right; padding: 10px 0 0 0;
}
.cn_rigt a { background: #069; color: #fff; font-weight: bold; padding: 4px 10px; font-size: 12px; }
.cn_rigt a:hover { background: #036; }

.cn_cont {
	padding: 8px 20px;
	margin-bottom: 50px;
	font-family: 'Roboto Condensed', sans-serif !important;
}

.cn_ts {
	padding: 13px 0px 0px 0px;
	margin-bottom: 0px;
	position: relative;
	text-align: right;
}

.cn_ts a, .cn_ts a:visited {
	border: 1px solid #ccc;
	background: #e7e7e7;
	padding: 5px 10px;
	color: #666;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
	border-radius: 5px; 
}

.CL, .il-b { display: inline-block; }

.CL a, .CL a:visited {
	border: 1px solid #069;
	background: #069;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
}

.cn_ts a:active, .cn_ts a:hover {
	background: #069;
	border: 1px solid #069;
	color: #fff;
}

.cn_cn { padding: 0px; }

.cn_in {
	margin: 10px 0px;
	border: 1px solid #F90;
	padding: 10px;
	background: #fef8d2;
	font-weight: bold;
	display: none;
}

sep {
	padding: 0px 10px;	
}

.btns_left { float: left; }
.btns_right { overflow: hidden; padding: 15px 0px 10px 0px; margin-top: -13px; }

.li_btns_rgt {
}

.li_btns_lft {
	display: inline-block;
	border: 1px solid #c00;
	padding: 20px 0px;
}

.li_sm { font-size: 11px; color: #000; }

.rtlinks { float: right; }

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

.mn_htd { 
	background: #ccc; 
    background: -webkit-linear-gradient(#ccc, #eee); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ccc, #eee); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ccc, #eee); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ccc, #eee); /* Standard syntax */
	border: 1px solid  #ccc; border-collapse: collapse; display: table-cell; padding: 10px; margin: 0px; font-weight: bold; 
}
.mn_td { background: #fff; border: 1px solid  #ddd; border-collapse: collapse; display: table-cell; padding: 10px; margin: 0px; font-size: 12px; }
.c { text-align: center; }

.data_table { margin: 0px; padding: 0px; border-collapse:collapse; }

.t100 { width: 100px !important; }
.t200 { width: 200px !important; }
.t300 { width: 300px !important; }
.t400 { width: 400px !important; }

/* ------------------------------------------------
INLINE STYLES
-------------------------------------------------- */

.i5 { width: 3% !important; }
.i8 { width: 6% !important; }
.i10 { width: 10% !important; }
.i15 { width: 14% !important; }
.i20 { width: 17% !important; }
.i22 { width: 20% !important; }
.i25 { width: 26% !important; }
.i28 { width: 24% !important; }
.i30 { width: 30% !important; }
.i35 { width: 31% !important; }
.i40 { width: 35% !important; }
.i50 { width: 45% !important; }
.i55 { width: 48% !important; }
.i60 { width: 55% !important; }
.i70 { width: 65% !important; }
.i80 { width: 75% !important; }
.i90 { width: 85% !important; }
.ifi { width: 100% !important; }

/* ------------------------------------------------
INLINE STYLES
-------------------------------------------------- */

.d5i { width: 3% !important; }
.d8i { width: 6% !important; }
.d10i { width: 10% !important; }
.d15i { width: 14% !important; }
.d20i { width: 17% !important; }
.d22i { width: 20% !important; }
.d25i { width: 26% !important; }
.d28i { width: 24% !important; }
.d30i { width: 30% !important; }
.d35i { width: 31% !important; }
.d40i { width: 35% !important; }
.d50i { width: 45% !important; }
.d55i { width: 48% !important; }
.d60i { width: 55% !important; }
.d70i { width: 65% !important; }
.d80i { width: 75% !important; }
.d90i { width: 85% !important; }
.dfi { width: 100% !important; }

.x50i { width: 48% !important; margin-right: 1%; padding: .8em 0em; display: inline-block; }
.x30 { width: 25%; display: inline-block; }

.d5i,.d8i,.d10i,.d20i,.d22i,.d25i,.d15i,.d28i,.d30i,.d40i,.d50i,.d60i,.d70i,.d80i,.d90i { float: left; padding: 0px; }
.sl-pad { padding: 8px 10px; }
.sv-pad { padding: 8px 0px; }
.sx-pad { padding: 8px 10px 0px 10px; }
.mh { height: 60px; }
.d35i, .d55i { margin-right: 2%; display: inline-block; }
.bll { border-bottom: 1px solid #ddd; }
.perfbox { position: relative; display: inline-block; }
.fuht { position: absolute; top 0; left: 0; vertical-align: text-top; border: 2px solid #ccc; background: #ffc; padding: 5px 10px; }

/* ------------------------------------------------
FLOATING STYLES
-------------------------------------------------- */

.d5 { width: 3% !important; }
.d8 { width: 6% !important; }
.d10 { width: 8% !important; }
.d12 { width: 11% !important; }
.d15 { width: 14% !important; }
.d20 { width: 17% !important; }
.d25 { width: 22% !important; }
.d28 { width: 24% !important; }
.d30 { width: 25% !important; }
.d35 { width: 31% !important; }
.d40 { width: 35% !important; }
.d45 { width: 40% !important; }
.d50 { width: 45% !important; }
.d55 { width: 48% !important; }
.d60 { width: 55% !important; }
.d70 { width: 65% !important; }
.d80 { width: 75% !important; }
.d90 { width: 85% !important; }
.df { width: 100% !important; }
.dOh { overflow: hidden !important; padding: 8px 10px; }

.x50 { width: 48% !important; margin-right: 1%; padding: .8em 0em; float: left; }

.listings a, .listings a:visited { text-decoration: none; color: #069; cursor: pointer; }
.listings a:hover, .listings a:active { text-decoration: none; color: #069; }

.d5,.d8,.d10,.d12,.d20,.d25,.d15,.d28,.d30,.d40,.d45,.d50,.d60,.d70,.d80,.d90 { flex: 1; float: left !important; padding: 8px 10px; }
.d35, .d55 { margin-right: 2%; float: left; }
.doh { overflow: hidden; } .dohpad { padding: 8px 10px; }
.dxi { display: inline-block; padding: 0px 0px 5px 0px; margin: 0px 5px 0px 0px; }
.dx { display: inline-block; padding: 0px 0px 5px 0px; margin: 0px 10px 0px 0px; }
.dr { display: inline-block; padding: 5px 0px; }
.dr a, .dr a:visited { background: #c44e25; color: #fff; font-size: 11px; padding: 2px 5px; cursor: pointer; text-decoration: none; }
.dr a:hover, .dr a:active { background: #039; text-decoration: none; }
.dl { float: right; padding: 5px 0px; margin-left: 20px; }
.dl a, .dl a:visited { background: #c00; color: #fff; font-size: 11px; padding: 2px 5px; cursor: pointer; text-decoration: none; }
.dl a:hover, .dl a:active { background: #000; color: #fff; text-decoration: none; }
.cm { margin-top: 3px; }
.dm { float: left; margin: 0px; }
.drp { float: right; }
.drp a, .drp a:visited { background: #069; color: #FFF; font-weight: bold; padding: 4px 8px; font-size: 11px; }
.drp a:hover { background: #000; color: #fff; }
.drp a.red { background: #c00; color: #fff !important; }
.drp a.red:hover { background: #000; }
.cv { margin-top: 6px; }

/* ------------------------------------------------
FLOATING WIDGET STYLES
-------------------------------------------------- */

.w5 { width: 4% !important; }
.w8 { width: 7% !important; }
.w10 { width: 9% !important; }
.w15 { width: 14% !important; }
.w20 { width: 19% !important; }
.w25 { width: 24% !important; }
.w28 { width: 27% !important; }
.w30 { width: 28% !important; }
.w35 { width: 33% !important; }
.w40 { width: 39% !important; }
.w45 { width: 44% !important; }
.w50 { width: 48% !important; }
.w55 { width: 54% !important; }
.w60 { width: 59% !important; }
.w70 { width: 69% !important; }
.w80 { width: 79% !important; }
.w90 { width: 89% !important; }
.wf { width: 97.5% !important; }

.w5,.w8,.w10,.w20,.w25,.w15,.w28,.w30,.w40,.w45,.w50,.w60,.w70,.w80,.w90, .wf { float: left; padding: 8px 0.5%; }

.whs { min-height: 300px !important; }
.whm { min-height: 500px !important; }
.whf { min-height: 800px !important; }

/* ------------------------------------------------
FLOATING WIDGET STYLES
-------------------------------------------------- */

greyf { background: #ccc; color: #FFF; font-weight: bold; padding: 4px 8px; font-size: 11px; }

.listings { /* overflow: hidden; */ }
/*.listings_hdr { background: #f6f6f6; font-weight: bold; }*/
.listings_hdr_dk { 
	/*background: #376275; font-weight: bold; 
	background: rgb(55,98,117);
	background: linear-gradient(180deg, rgba(55,98,117,1) 54%, rgba(82,141,172,1) 100%);*/
	background: #ddd; padding: 0px 0px; border-top: 0px solid #ccc; list-style: none !important; color: #666 !important;
	background: rgb(238,238,238);
	background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%);
}
.listings_hdr { 
	/*background: #376275; font-weight: bold; 
	background: rgb(55,98,117);
	background: linear-gradient(180deg, rgba(55,98,117,1) 54%, rgba(82,141,172,1) 100%);*/
	background: #ddd; padding: 0px 0px; border-top: 1px solid #ccc; list-style: none !important; color: #666 !important;
	background: rgb(238,238,238);
	background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%);
}
.listings_of_hdr { 
	/*background: #376275; font-weight: bold; 
	background: rgb(55,98,117);
	background: linear-gradient(180deg, rgba(55,98,117,1) 54%, rgba(82,141,172,1) 100%);*/
	background: #ddd; padding: 0px 0px; border-top: 1px solid #ccc; list-style: none !important; color: #666 !important;
	background: rgb(238,238,238);
	background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%);
	border-bottom: 1px solid #666;
	font-weight: bold;
}

.listings_hdr_blue { background: #ECFEFF; font-weight: bold; }
.listings_hdr td.shipto { font-size: 1em; text-align: center; color: #000; padding: .3em 0em; }
.listings_hdr td.planhd { font-size: .9em; font-weight: bold; text-align: center; padding: .3em 0em; }

/* ------------------------------------------------
FLOATING WIDGET STYLES
-------------------------------------------------- */

.sa-hdr { border-bottom: 4px solid #628C36; padding-bottom: .5em; margin-bottom: 1em; }
.shiptoname { text-transform: uppercase; font-size: 2em; font-weight: bold; color: #060; }

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed !important;
  top: 115px !important;
  width: 98%; z-index: 10000 !important;
}
.hidesticky { cursor: pointer; width: 150px; font-size: .8em; border-radius: 0px 0px 5px 5px; text-transform: uppercase; color: #fff; font-weight: bold; background: #c00; padding: .4em 1em; position: fixed; top: 0; right: 20%; z-index: 10000; text-align: center; }
.stcm { font-size: .85em; color: #666; }
.sto { font-weight: bold !important; color: #000; font-size: 1.5em;}

.listings_summ { background: #FFf; font-weight: bold; border-top: 3px solid #ddd !important; }
.base_info { padding: 10px 10px; }
.base_notes { padding: 10px 10px; font-size: 11px; border: 1px solid #eee; border-left: 4px solid #63C; background: #FFC; margin: 10px 0px; }
.list_item { align-items: stretch; width: 100%; padding: 0px 0px; border-top: 1px solid #ddd; list-style: none !important; }
.list_of_item { align-items: stretch; padding: 0px 0px; border-top: 1px solid #ddd; list-style: none !important; }
.list_item div { min-height: 100% !important; }
.list_item_total {  padding: 0px 0px; border-top: 1px double #333; border-bottom: 1px solid #333; list-style: none !important; }
/* .list_item_hdr { padding: 5px 0px; border-top: 1px solid #ddd; list-style: none !important; } */
.list_item_hdr { position: relative; padding: 0px; border-top: 1px solid #ddd; list-style: none !important; color: #666 !important; }
.list_item_hdr_dk { padding: 5px 0px; border-top: 1px solid #376275; list-style: none !important; color: #fff !important; }
.list_item_nw { white-space: nowrap !important; padding: 5px 0px; border-top: 1px solid #ddd; list-style: none !important; }
.list_item_hdr_nw { white-space: nowrap !important; padding: 5px 0px; border-top: 1px solid #ddd; list-style: none !important; color: #fff !important; }
.list_item_even { padding: 5px 0px; border-top: 1px solid #ddd; background: #f7feff; }
.rb { border-right: 1px solid #eee; }
.rvb { border-right: 4px solid #eee; }
.rvbg { border-right: 4px solid #628C36; }
.redb { border-top: 1px solid #c00 !important; border-bottom: 1px solid #c00 !important; }

.scrolldiv { overflow-x: scroll !important; }

.centrali { position: fixed; border: 2px solid #060; padding: 1em 1em 2em 1em; width: 270px; box-shadow: 3px 3px #ddd; }
.bl { border-top: 3px solid #eee; margin-bottom: 1em; }

.list_imgs { padding: 2em 0em; }
.list_imgs a { border: none !important; }
.list_imgs img { display: inline-block; margin: 1em; }

.in_p { padding: 1em 0em 0em 0em; }

.hdr, .uc { text-transform: uppercase !important; }
.lwc { text-transform: lowercase !important; }
.hdr { color: #666; font-size: .85em !important; }
.uc small { font-weight: bold; color: #666; }
.lc { text-transform:capitalize !important; }
.mnm { border-left: 4px solid #ddd !important; }
.mnml { border-left: 4px solid #666 !important; }
.mnmt { border-right: 4px solid #ccc !important; }
.mnmr { border-left: 4px solid #f00 !important; }
.mnmg { border-left: 4px solid #090 !important; }
.mnmb { border-left: 4px solid #06C !important; }
.mnmd { border-left: 4px solid #333 !important; }
.mnmp { border-left: 4px solid #63c !important; }
.mnmo { border-left: 4px solid #F90 !important; }
.cr { text-align: center !important; }
.sm { font-size: .9em; font-weight: normal; color: #333; }
.un { font-size: .9em; font-weight: normal; color: #999; }
.nr { padding: 10px; font-weight: bold; }
.nb { font-weight: normal !important; }

.img_item { float: left; height: 170px; width: 170px; padding: 2em; cursor: pointer; position: relative; }
.img_item img { width: 100%; height: 100%; }

.pr_data { z-index: 10000 !important; background: #fff; position: absolute; left: 0; top: 0em; width: 180px; border: 3px solid #ccc; padding: 1em; display: none; }
.pr_nam { font-weight: bold; color: #628C36; font-size: 1em; border-bottom: 1px solid #CCC; text-align: center; }
.pr_inf { padding: 0em 0em 0em 0em; }
.pr_dat { padding: 1em 0em 0em 0em; }
num { font-size: 1.2em; font-weight: normal; letter-spacing: -1px; }

.bx { padding-bottom: 200px; }

.plan_unit { border-right: 4px solid #ccc; float: left; width: 18%; }
.padh { padding: .3em 0em; }
.tbd { border-top: 1px solid #ccc; margin-top: .2em; padding-top: .4em !important; font-size: 11px; }

.list_unit { border-top: 1px solid #ccc; padding: .8em .5em; font-size: .8em; text-transform: uppercase; }
.plan_dat { font-size: .8em; margin-bottom: 0em; margin-top: .4em; }
.plan_dat td { text-align: center !important; }
.qtr { font-weight: bold; color: #036; }
.nrp { font-size: .8em; padding: 0em 1em; }

.redline { border: 1px solid #f00; }

.searchinputs { border: 1px solid #333; padding: 0em .3em !important; border-radius: 0.3em; }

/* 
====================================================
Colors
==================================================== */

white,.white { color: #fff !important; }
black,.black { color: #000 !important; }
red,.red { color: #c00 !important; }
yellow,.yellow { color: #FF6 !important; }
green,.green { color: #090 !important; }
tigreen,.tigreen { color: #78b846 !important; }
orange,.orange { color: #C60 !important; }
org,.org { color: #a17900 !important; }
xorg,.xorg { color: #f79f81 !important; } xorg:hover,.xorg:hover { color: #FFF !important; }
grey,.grey { color: #909090 !important; }
vgrey,.vgrey { color: #ddd !important; }
torg,.torg { color: #c44e25 !important; }
blue,.blue { color: #069 !important; }
purple,.purple { color: #63C !important; }
bley,.bley { color: #628C36 !important; }
indigo,.indigo { color: #F36 !important; }
maroon,.maroon { color: #7E0104 !important; }
jazaduka, .jazaduka { color: #1b3b6e !important; }

.toplined { border-top: 4px solid #628C36 !important; }
.topline { border-top: 1px solid #ccc !important; }
.toplineb { border-top: 1px solid #333 !important; }
.bordered {
	border: 2px solid #78b846; border-radius: .4em; padding: 0em 1em !important; margin-bottom: .4em !important;
	background: rgb(252,237,212);
	background: linear-gradient(180deg, rgba(252,237,212,1) 0%, rgba(255,255,255,1) 100%);
}
/*
.bluelks { color: #fff !important; background: rgb(0,102,153) !important;
background: linear-gradient(180deg, rgba(0,102,153,1) 16%, rgba(1,79,117,1) 55%) !important; border: 1px solid #069 !important; }
.bluelks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; }
.torglks { color: #fff !important; background: rgb(196,78,37) !important;
background: linear-gradient(180deg, rgba(196,78,37,1) 16%, rgba(162,63,29,1) 55%) !important; border: 1px solid #c44e25 !important; }
.torglks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; }
.greenlks { color: #fff !important; background: rgb(98,140,54) !important;
background: linear-gradient(180deg, rgba(98,140,54,1) 16%, rgba(75,107,41,1) 55%) !important; border: 1px solid #628C36 !important; }
.greenlks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; }
.tigreenlks { color: #fff !important; background: #628C36 !important; border: 1px solid #628C36 !important; }
.tigreenlks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; }
.purplelks { color: #fff !important; background: rgb(102,51,204) !important;
background: linear-gradient(180deg, rgba(102,51,204,1) 16%, rgba(71,38,138,1) 55%) !important; border: 1px solid #63c !important; }
.purplelks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; }
/*.bleylks { color: #fff !important; background: #4d8089 !important; border: 1px solid #4d8089 !important; }
.bleylks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; }
.bleylks { color: #fff !important; background: rgb(98,140,54) !important;
background: linear-gradient(180deg, rgba(98,140,54,1) 16%, rgba(75,107,42,1) 55%) !important; border: 1px solid #628C36 !important; }
.bleylks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; }
.redlks { color: #fff !important; background: rgb(204,0,0) !important;
background: linear-gradient(180deg, rgba(204,0,0,1) 16%, rgba(159,1,1,1) 55%) !important; border: 1px solid #c00 !important; }
.redlks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; }
.orglks { color: #fff !important; background: rgb(153,102,0) !important;
background: linear-gradient(180deg, rgba(153,102,0,1) 16%, rgba(119,79,1,1) 55%) !important; border: 1px solid #960 !important; }
.orglks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; }
.btnlks { color: #fff !important; background: #000 !important; border: 1px solid #000 !important; padding: 2px 4px; box-shadow: 2px 2px #ccc; }
.btnlks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; }
.btnrlks { color: #fff !important; background: #628C36 !important; border: 1px solid #628C36 !important; padding: 2px 4px; box-shadow: 2px 2px #ccc; }
.btnrlks:hover { color: #fff; background: #090 !important; border: 1px solid #090 !important; }
*/

.main_btn { font-size: 1.3em; font-weight: bold !important; }
.sub_btn { font-size: 1.1em; font-weight: bold !important; }

.greylks { color: #fff !important; background: #ddd !important; border: none !important; border-radius: 0.3em; }
.greylks:hover { color: #fff; background: #ddd !important; border: 0px solid #000 !important; border-radius: 0.3em; }
.bluelks { color: #fff !important; background: rgb(0,102,153) !important;
background: linear-gradient(180deg, rgba(0,102,153,1) 16%, rgba(1,79,117,1) 55%) !important; border: none !important; border-radius: 0.3em; }
.bluelks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; border-radius: 0.3em; }
.torglks { color: #fff !important; background: rgb(196,78,37) !important; border-radius: 0.3em;
background: linear-gradient(180deg, rgba(196,78,37,1) 16%, rgba(162,63,29,1) 55%) !important; border: none !important; border-radius: 0.3em; }
.torglks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; }
.greenlks { color: #fff !important; background: rgb(98,140,54) !important;
background: linear-gradient(180deg, rgba(98,140,54,1) 16%, rgba(75,107,41,1) 55%) !important; border: none !important; border-radius: 0.3em !important; }
.greenlks:hover { color: #fff; background: #000 !important; border: 0px solid #000 !important; border-radius: 0.3em; }
.printlks { color: #fff !important; background: rgb(98,140,54) !important; font-size: .7em; padding: .4em 1em;
background: linear-gradient(180deg, rgba(98,140,54,1) 16%, rgba(75,107,41,1) 55%) !important; border: none !important; border-radius: 0.3em; }
.printlks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; border-radius: 0.3em; }
.tigreenlks { color: #fff !important; background: #628C36 !important; border: 1px solid #628C36 !important; border-radius: 0.3em; }
.tigreenlks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; border-radius: 0.3em; }
.purplelks { color: #fff !important; background: rgb(102,51,204) !important;
background: linear-gradient(180deg, rgba(102,51,204,1) 16%, rgba(71,38,138,1) 55%) !important; border: none !important; border-radius: 0.3em; }
.purplelks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; border-radius: 0.3em; }
/*.bleylks { color: #fff !important; background: #4d8089 !important; border: 1px solid #4d8089 !important; }
.bleylks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; }*/
.bleylks { color: #fff !important; background: rgb(98,140,54) !important;
background: linear-gradient(180deg, rgba(98,140,54,1) 16%, rgba(75,107,42,1) 55%) !important; border: none !important; border-radius: 0.3em; }
.bleylks:hover { color: #fff; background: #000 !important; border: 0px solid #000 !important; border-radius: 0.3em; }
.redlks { color: #fff !important; background: rgb(204,0,0) !important;
background: linear-gradient(180deg, rgba(204,0,0,1) 16%, rgba(159,1,1,1) 55%) !important; border: none !important; border-radius: 0.3em; }
.redlks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; border-radius: 0.3em; }
.disblks { color: #fff !important; background: rgb(212,212,212) !important;
background: linear-gradient(180deg, rgba(212,212,212,1) 16%, rgba(196,196,196,1) 55%) !important; border: none !important; border-radius: 0.3em; }
.disblks:hover { color: #fff; background: #c4c4c4 !important; border: 0px solid #ccc !important; border-radius: 0.3em; }
.orglks { color: #ff !important; background: rgb(153,102,0) !important;
background: linear-gradient(180deg, rgba(153,102,0,1) 16%, rgba(119,79,1,1) 55%) !important; border: none !important; border-radius: 0.3em; }
.orglks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; border-radius: 0.3em; }
.btnlks { color: #ff !important; background: #000 !important; border: 1px solid #000 !important; padding: 2px 4px; box-shadow: 2px 2px #ccc; border-radius: 0.3em; }
.btnlks:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; border-radius: 0.3em; }
.btnrlks { color: #fff !important; background: #628C36 !important; border: 1px solid #628C36 !important; padding: 2px 4px; box-shadow: 2px 2px #ccc; border-radius: 0.3em; }
.btnrlks:hover { color: #fff; background: #090 !important; border: 1px solid #090 !important; border-radius: 0.3em; }
a.smlb { font-size: .85em !important; }
a.smlb { color: #fff !important; background: #628C36 !important; border: 1px solid #628C36 !important; }
a.smlb:hover { color: #fff; background: #333 !important; border: 0px solid #000 !important; }

.slbtn a { padding: 2px 4px !important; color: #fff; background: #628C36 !important; border: 1px solid #628C36 !important; font-size: .7em !important; }
.slbtn a:hover { padding: 2px 4px; color: #fff; background: #000 !important; border: 1px solid #000 !important; font-size: .7em !important;  }

blackf { border-radius: 5px; background: #333; color: #fff; font-size: 11px; padding: 2px 5px; }
greenf, .loct_ml { border-radius: 5px; background: #090; color: #fff; font-size: 11px; padding: 2px 5px; }
redf { border-radius: 5px; background: #c00; color: #fff; font-size: 11px; padding: 2px 5px; }
bluef { border-radius: 5px; background: #069; color: #fff; font-size: 11px; padding: 2px 5px; }
torgf { border-radius: 5px; background: #c44e25; color: #fff; font-size: 11px; padding: 2px 5px; }
bleyf, .loct_cd { border-radius: 5px; background: #63C; color: #fff; font-size: 11px; padding: 2px 5px; }
maroonf { border-radius: 5px; background: #7E0104; color: #fff; font-size: 11px; padding: 2px 5px; }
orangef, .loct_cm { border-radius: 5px; background: #F93; color: #fff; font-size: 11px; padding: 2px 5px; }
.mbf { border-radius: 5px; margin-top: 3px; background: #C93; color: #fff; font-size: 11px; padding: 2px 5px; display: inline-block; }
.leadf { border-radius: 5px; background: #9d97f0; color: #fff; font-size: 11px; padding: 2px 5px; margin-top: 4px; display: inline-block; }
mob { border-radius: 5px; background: #9d97f0; color: #fff; font-size: 11px; padding: 2px 5px; margin-top: 4px; display: inline-block; }
.indigof, indigof { border-radius: 5px; background: #F36; color: #fff; font-size: 11px; padding: 2px 5px; margin-top: 4px; display: inline-block; }

be { border-radius: 5px; background: #09F; color: #fff; font-size: 11px; padding: 2px 5px; }
ba { border-radius: 5px; background: #F96; color: #fff; font-size: 11px; padding: 2px 5px; }
fs { border-radius: 5px; background: #999; color: #fff; font-size: 11px; padding: 2px 5px; }
su { border-radius: 5px; background: #C63; color: #fff; font-size: 11px; padding: 2px 5px; }
res { border-radius: 5px; background: #69F; color: #fff; font-size: 11px; padding: 2px 5px; }
adv { border-radius: 5px; background: #69F; color: #fff; font-size: 11px; padding: 2px 5px; }
el { border-radius: 5px; background: #804000; color: #fff; font-size: 11px; padding: 2px 5px; }
tm { border-radius: 5px; background: #333; color: #fff; font-size: 11px; padding: 3px 8px; }
la { border-radius: 5px; background: #09F; color: #fff; font-size: 11px; padding: 3px 8px; }
invs { border-radius: 5px; background: #09F; color: #fff; font-size: 11px; padding: 3px 8px; }

.inlist li { list-style: none; border-radius: 5px; background: #c44e25; color: #fff; font-size: 11px; padding: 2px 5px; }

di { border-radius: 5px; background: #390; color: #fff; font-size: 11px; padding: 2px 5px; }
eml { border-radius: 5px; background: #C03; color: #fff; font-size: 11px; padding: 2px 5px; }

ks { border-radius: 5px; background: #936; color: #fff; font-size: 11px; padding: 2px 5px; margin-bottom: -5px; }
lin { border-radius: 5px; background: #c44e25; color: #fff; font-size: 11px; padding: 2px 5px; }
mb { border-radius: 5px; background: #903; color: #fff; font-size: 11px; padding: 2px 5px; }
spam { border-radius: 5px; background: #c00; color: #fff; font-size: 11px; padding: 2px 5px; }
wfa { border-radius: 5px;  background: #F90; color: #fff; font-size: 11px; padding: 2px 5px; }
wfc { border-radius: 5px; background: #CC0; color: #fff; font-size: 11px; padding: 2px 5px; }
eshot { border-radius: 5px;  background: #F33; color: #fff; font-size: 11px; padding: 2px 5px; }

.br_lst {
	
}

.sdts { font-size: 11px; }

.boi { font-weight: bold; padding: 0 0 10px 0; text-transform: uppercase; color: #999; }
.coi { font-weight: normal; padding: 3px 7px; background: #eee; font-size: 12px; margin-bottom: 10px; color: #bbb; }
.cor { font-weight: normal; padding: 3px 7px; background: #c44e25; font-size: 12px; margin-bottom: 10px; color: #fff; }
.coe { font-weight: normal; padding: 3px 7px; background: #eee; font-size: 12px; margin-bottom: 10px; color: #bbb; display: inline-block; }
.lg { font-size: 1.2em !important; } 
.lgv { font-size: 1.6em !important; line-height: 1em; }
.lgx { font-size: 1.1em !important; } 
.md { font-size: 1.1em !important; }
.padc { padding: .6em 1em !important; }
.padb { padding-bottom: .5em !important; }
.bluespin { padding: 10px; color: #069; font-size: 16px; }
.torgspin { padding: 10px; color: #c44e25; font-size: 16px; }

.ftl { margin-top: 10px; }
.ftl li { list-style: none; background: #63F; font-size: 11px; padding: 4px 8px; margin-bottom: 3px; border-radius: 4px; color: #fff; display: inline-block; margin-right: 4px; }
.ftg li { list-style: none; background: #093; font-size: 11px; padding: 4px 8px; margin-bottom: 3px; border-radius: 4px; color: #fff; display: inline-block; margin-right: 4px; }

.br_lst img {
	width: 35px;
	padding: 0px;
	margin-right: 10px;
}

.fullsize { width: 100%; }

.unass { border: 2px solid #70602E; color: #663; font-weight: bold; font-size: 26px; letter-spacing: -1px; float: left; padding: 16px 10px; }
.unassm { border: 1px solid #70602E; color: #663; font-weight: bold; font-size: 12px; letter-spacing: -1px; float: left; padding: 6px 6px 7px 6px; }
.unassb { border: 1px solid #70602E; color: #663; font-weight: bold; font-size: 12px; letter-spacing: -1px; float: left; padding: 10px 8px 10px 8px; }

.count { font-size: 18px; color: #f90; padding: 10px 0px; }

/* ----------------------------- */

.cont_division {
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #ccc;	
}
.cont_division:after { content: ""; clear: both; }
.cont_division_nb {
	padding: 0px 0px 20px 0px;
	margin-top: -10px;
}

.fnm {
	color: #F90;
	font-size: 25px;
	padding: 5px 10px;	
}

.cnm {
	color: #9999ff;
	font-weight: bold;
	padding: 5px 0px 10px 0px;	
}

.snm {
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;	
}

.rnm {
	margin-bottom: 0px;
	padding: .4em 0em;	
}

.fst fieldset {
	border: 1px solid #506b29 !important;
	padding: 0em 1.5em 1.5em 1.5em !important;
	margin: 1em 0em;
}

.fst legend {
	padding: .3em 1em 0em 1em;
	/* margin: .5em 1em; */
	background: #fff;
	font-size: 1.2em !important;
	width: auto !important;
	border: none !important;
	font-weight: bold;
	color: #e95d2c;
}

.fst .spd {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1em;
	padding-bottom: 1em;	
}

.vsm { font-size: .6em !important; }

/* .rnm:after { content: ""; clear:both; display: table; } */

.rnm a, .saveButton {
	background: #506b29 !important; color: #fff !important; font-weight: bold; padding: 8px 20px; margin-top: 10px; text-transform: uppercase; border-radius: .4em;	
}

.rnm a:hover, .saveButton:hover { background: #000 !important; color: #fff !important; }

.bnm {
	margin-bottom: 0px;
	padding: 0 0 8px 0;	
	font-weight: bold; 
}

blbl { font-size: 10px; color: #666; text-transform: uppercase; background: #eee; padding: 2px 5px; }
lbl { font-size: 11px; font-weight: bold; color: #069; }
lblb { font-weight: bold !important; font-size: 11px; font-weight: normal; color: #069; }

.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }

.pay_total { margin-bottom: 10px; font-size: 25px; font-weight: bold; text-align: left; }
.pay_t { font-size: 20px; font-weight: bold; text-align: right; }

.short_box {
	max-width: 250px;
	margin-bottom: 1em;	
}

.fill_hor {
	float: left;
	width: 250px;	
}

.short_form { 
	margin-top: 1em;
	margin-right: 1em;
	max-width: 94%;
	float: left;
}

.mid_div { 
	margin-top: 1em;
	margin-right: 1em;
	width: 40%;
	float: left;
}

.mid_form { 
	margin-top: 1em;
	margin-right: 1em;
	width: 250px;
	float: left;
}

.mid_form .rnm input[type=text],
.mid_form .rnm input[type=password],
.mid_form .rnm input[type=number],
.mid_form .rnm select,
.mid_form .rnm textarea
{
	padding: 2px 3px !important;
	width: 100% !important;
}

.mid_form .rnm textarea
{
	font-weight: normal !important;
}

/* ----------------------------- */

.in_item {
	border-top: 1px solid #ccc;	
	padding: 10px 0px;
	margin-right: 20px;
}

.in_item a, .in_item a:visited {
	color: #c44e25;	
}

.in_item a:hover, .in_item a:active {
	color: #F90;	
}

.in_logo {
	float: left;
	width: 20%;	
}

.in_logo img {
	width: 40px;
}

.in_info {
	float: left;
	font-weight: bold;
	width: 60%;	
}

.in_lead {
	float: left;
	font-weight: bold;
	width: 90%;	
	background: url(images/arr.png) no-repeat left top;
	padding-left: 30px;
}

.in_lds {
	float: left;
	width: 20%;	
	text-align: center;
	font-weight: bold;
	color: #66C;
}

.ldnm { padding-bottom: 5px; }

.lu {
	margin-top: 10px;
	color: #ccc;
	background: none;
	font-size: 11px;
	font-weight: normal;	
}

.sm12 {
	font-size: 12px;	
}

.sml { font-size: 11px !important; }

.lgi { font-size: 20px !important; }

.nofl {
	overflow: hidden;	
}

/* LEADS SEARCH 
---------------------------- */

.cn_xbtn { overflow: hidden; text-align: right; white-space: nowrap; }

.leads_search { float: right; }
.leads_search input[type=text] { padding: 6px 8px; }

.ebtn { display: inline-block !important; }
.ebtn .leads_search { padding-top: 0px; float: none; }
.ebtn .leads_search input[type=text] { padding: 1px 4px !important; }
.ebtn a, .ebtn a:visited { border-radius: 5px; background: #036; padding: 4px 8px; color: #fff; font-size: 12px; }

/* FEED SEARCH 
---------------------------- */

.no_item { color: #c00; padding: 0px; font-weight: bold; }

.feeds { font-size: 12px; }
.feeds a, .feeds a:visited { text-decoration: none; color: #069; cursor: pointer; }
.feeds a:hover, .feeds a:active { text-decoration: none; color: #069; }
.feed_item { padding: 15px 0px; border-top: 2px solid #ddd; line-height: 17px; }
.feed_item_ac { padding: 10px 0px; border-top: 1px solid #ddd; line-height: 15px; }
.feed_tm { font-size: 11px; color: #ccc; } .ftm { float: right; font-weight: normal !important; font-size: 11px; color: #ccc; }
.feed_tme { background: #66C; font-size: 11px; color: #fff; padding: 1px 4px; display: inline-block; }
.feed_pic { float: left; margin-right: 20px; } .feed_pic img { width: 30px; height: 35px; border: 3px solid #ccc; } 
.feed_info { overflow: hidden; }
.feed_nm { font-size: 14px; font-weight: bold; color: #8984d0; }

.file_item { padding: 15px 0px; border-bottom: 2px solid #ddd; line-height: 17px; }
.file_pic { float: left; margin-right: 20px; } .file_pic img { height: 30px; border: none; } 
.file_list { padding: 20px 0px 10px 0px; text-align: right; }
.file_list a { padding: 4px 8px; color: #fff; background: #069; font-size: 11px; }

.feed_ty {
	font-size: 9px;
	padding: 0px 3px 0px 3px;
	border-top-radius: 3px;
	display: inline-block;
}

.feed_in {
	margin-top: 5px;
	font-size: 12px;
	padding: 5px;
	background: #f5f5f5;
	border: 1px solid #ddd;
	margin-bottom: 5px;
}

.pagedate { float: left; margin-left: 3em; margin-top: 0em; }
.cnm { display: inline-block; }
.cnm a, .cnm a:visited { padding: 8px 20px 7px 20px; color: #fff; font-weight: bold; background: #628C36; font-size: .8em; }
.cnm a:hover, .cnm a:active { background: #e95d2c; color: #fff; }

/* -----------------------------------------------
MASTER ----------------------------------------- */

.mst_navi { margin-top: 1em; }
.mst_unit { float: left; width: 15%; border: 1px solid #ccc; padding: 1em; margin-right: 1em; }
.mst_info { overflow: hidden; }
.mst_icon { font-size: 36px; float: left; margin-right: .5em; width: auto; color: #ccc; }
.mst_name { font-weight: bold; font-size: 1.2em; letter-spacing: -1px; }

/* -----------------------
Display Info
-------------------------- */

.xnm { font-size: 16px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 2px solid #eee; }
.xti { display: inline-block; border-left: 5px solid #eee; color: #ccc; font-size: 22px; padding: 0px 30px; margin-left: 30px; font-weight: bold; }
.xtn { display: inline-block;  width: 250px; }
.xtn strong { text-transform: uppercase !important; color: #069; font-size: 18px; }
.xtn small { font-size: 11px; }

.hm_btns { float: right; font-size: 1em; }
.ex_btns { float: left; margin-left: 0px; }
.xcd select { width: auto !important; margin-right: 5px; }
.xtf { display: inline-block; border-left: 5px solid #eee; color: #ccc; font-size: 22px; padding: 0px 30px; margin-left: 30px; font-weight: bold; }

#photoform { min-height: 8em; width: 100%; }

.in_hd { text-transform: uppercase; font-weight: bold; color: #ccc; padding: 0px 0px 10px 0px; font-size: 16px; }

.months { background: #fff; }

.ex_btns { margin-top: 0px; font-size: 11px; }
.in_btns { margin-top: 0px; font-size: 11px; border-bottom: 1px solid #eee;  padding: 10px 0px 15px 0px; }
.in_btns a, .in_btns a:visited { text-transform: uppercase; border: 0px solid #333; background: rgb(51,51,51); border-radius: 0.3em;
background: linear-gradient(180deg, rgba(51,51,51,1) 16%, rgba(34,34,34,1) 55%); color: #fff !important; padding: 2px 14px; font-size: .9em; margin-left: 3px; }
.in_btns a:hover { border: 0px solid #000; background: #000; color: #fff; border-radius: 0.3em; }
.in_btns select { padding: 1px 2px; }

.em_title { font-weight: bold; font-size: 22px; color: #ccc; padding: 10px 20px 0px 20px; text-transform: uppercase; }
.em_content { padding: 0px; }

/* .em_btns { border-bottom: 1px solid #eee; margin-bottom: 0px; padding: 10px 0px 15px 3px; font-weight: bold; color: #666; font-size: .8em !important; }
.em_btns a:hover, .em_btns a:active { background: #eee; color: #333; }
.em_btns a , .em_btns a:visited { padding: 3px 15px; font-weight: normal; text-transform: uppercase; border: 1px solid #ccc; border: 1px solid #333; color: #fff; background: rgb(51,51,51);
background: linear-gradient(180deg, rgba(51,51,51,1) 16%, rgba(34,34,34,1) 55%); }
.em_btns sep { padding: 0px 3px; } */

.em_btns { border-bottom: 2px solid #ccc; margin-bottom: 0px; padding: 10px 0px 15px 3px; font-weight: bold; color: #666; font-size: .8em !important; }
.em_btns a:hover, .em_btns a:active { background: #eee; color: #333; }
.em_btns a , .em_btns a:visited { color: #666; padding: 3px 15px; font-weight: normal; text-transform: uppercase; border: none; border-right: 1px solid #ccc; background: none; }
.em_btns a:hover , .em_btns a:active { color: #333; }
.em_btns a:first-child { padding-left: 0em; }
.em_btns sep { padding: 0px 3px; }

.smli { font-size: 10px !important; }

.p8 { padding: 8px 0px 12px 0px !important; }

/* ----------------------------- */

.bd { font-weight: bold !important; }
.bdsel { font-weight: bold; background: #ffc; padding-bottom: .4em; margin-bottom: .4em; border-bottom: 1px solid #666 !important; }
.cen { text-align: center !important; }
.lg,lg { font-size: 1.2em !important; }
.uc { text-transform: uppercase !important; }
.cap { text-transform: capitalize !important; }
.bln { border-top: 1px solid #ddd !important; }

/* ----------------------------- */

.inb { font-size: 10px !important; }
.inb a, .inb a:visited { text-transform: uppercase; border: 1px solid #333; background: #333; color: #fff !important; padding: 2px 5px; margin-left: 3px; border-radius: .3em; }
.inb a:hover { border: 1px solid #000; background: #000; color: #fff; border-radius: .3em; }
.inbr a, .inbr a:visited { text-transform: uppercase; border: 1px solid #c00; background: #c00; color: #fff !important; padding: 2px 5px; margin-left: 3px; border-radius: .3em; }
.inbr a:hover { border: 1px solid #000; background: #000; color: #fff; border-radius: .3em; }

.inbpt { padding-top: .4em; }

.inp { font-size: .8em; padding-bottom: 1em; }

.error_message { display: none; }

.xm_left { float: left; width: 47%; padding-right: 2em; border-right: 4px solid #ccc; }
.xm_right { float: right; width: 47%; }

.defhidden { display: none; }

/* ----------------------------- */

/* System Footer
---------------------------------------------- */

.sys_footer { padding: 10px 20px; border-top: 3px solid #ccc; color: #333; width: 100%; text-transform: uppercase; }
.sys_footer small { color: #999; font-size: 10px; }
.copy { font-weight: normal; text-align: left; }

.in_hdr { color: #e95d2c; border-top: 1px solid #ddd; border-bottom: 3px solid #ddd; font-weight: bold; padding: .3em 1em .3em 0em; font-size: 1.2em; text-transform:uppercase; background-color: transparent !important; }
.in_inf { padding: 0 0 20px 0; font-size: 1em; text-transform:uppercase; font-weight: bold; }
.in_desc { padding: 1em 0 1em 0; font-size: .80em; }
.error { color: #c00; font-weight: bold; padding: 10px 0px; }
.info { color: #ccc; font-weight: bold; padding: 10px 0px; }

.sub_hdr { margin-bottom: 1em; color: #506b29;border-bottom: 1px solid #ddd; font-weight: bold; padding: .3em 1em .3em 1em; font-size: 0.9em; text-transform: capitalize; background-color: #eee; }
.unit { padding-bottom: .5em; margin-bottom: .5em; border-bottom: 2px solid #eee; }
.unit_hdr { font-weight: bold; color: #506b29; font-weight: bold; font-size: .9em; }
.unit_num { text-align: left; font-size: 1.8em; font-weight: bold; letter-spacing: -1px; color: #666; }

.mb10 { margin-bottom: 1em !important; }
.pa10 { padding: 1em 0em !important; }

/* ---------------------------------------------- */

.gru { height: 10px; }
.fnum { font-weight: bold; }
.super_div { border-bottom: 1px solid #333; }
.fhdr { background: #eee; padding: 1px 3px; font-size: .8em; }
.bgo { background: #eee; }
.nodata { font-weight: bold; color: #c00; }

/* ---------------------------------------------- */

.listings .list_item:nth-child(even) { background: #f8feff !important; }
.listings .list_item:nth-child(odd) { background: #fff !important; }

.redlined { border-top: 1px solid #f00 !important; border-bottom: 1px solid #f00 !important; border-collapse: collapse; }
.bluelined { border-top: 1px solid #06c !important; border-bottom: 1px solid #06c !important; border-collapse: collapse; }

.lgb { font-size: 1.25em !important; padding: .45em 1.2em !important; font-weight: normal !important; }
.lgr { font-size: 1.25em !important; padding: 0em !important; font-weight: normal !important; }

.in_fig { font-size: 1.25em !important; padding: .45em 1.2em !important; font-weight: bold !important; }

.line { border-bottom: 2px solid #eee; padding: .6em 0em; }
.line:last-child { border: none; }
.line:after { content: ''; clear: both; display: table; }

#supp_product { font-weight: bold; background: #f8feff; }

.ihdr a { padding: 3px 5px !important; font-size: .8em; color: #fff !important; }

.dl { float: left; }
.dr { float: right; }

.short_hedr { color: #506b29; font-size: 1.6em; margin-bottom: 5px; letter-spacing: -1px; }
.short_desc { color: #4d8089; font-size: .85em; margin-bottom: 5px; }
.short_desc_box { color: #4d8089; font-size: .85em; border: 1px solid #4d8089; padding: 3px; background: #ffc; text-align: center; }

.appbtn, .decbtn { display: inline-block; position: relative; overflow: visible; }
.decbtn { margin-left: -5px; padding-right: 5px; }
.decdiv { z-index: 20000 !important; overflow: visible !important; background: #fff; display: none; position: absolute; width: 500px; height: 50px; padding: 1em; right: 0px; top: 0px; border: 3px solid #506b29; box-shadow: 3px 3px #ccc; border-radius: 1em; }
#decreason { width: 75% !important; height: 100%; border: 1px solid #666; box-shadow: 2px 2px #ddd; margin-bottom: 1em; padding: 3px 8px; border-radius: 3px; }
.sxvbn { padding: 4px 8px; }
.reason { text-align: left; display: inline-block; width: 100%; }
.einpt { width: 80% !important; }
.pinst { text-align: center; border: 1px solid #666; box-shadow: 3px 3px #ccc; width: 70%; }

#login_btn { background: #e85d2c; border: 1px solid #e85d2c; border-radius: 12px; min-width: 100px; }
.lf_m { display: none; } .lf_c { display: block; }

.lt { float: left !important; }

.paybutton { float: left; }

.in_info { padding: 1em 0em; border-bottom: 1px solid #eee; }
.in_info_lft { float: left; width: auto; border-right: 3px solid #eee; padding-right: 2em; }
.in_info_rgt { overflow: hidden; padding-left: 2em; }

.rgtx { text-align: right; }
.rgt { float: right; }
.lft { float: left; }

.accountinfo { padding: 1em 0em; }
.account_nm { font-size: 1.8em; font-weight: bold; color: #506b29; }
.account_nb { font-weight: bold; font-size: 1.5em; }

.long_disp { float: none; width: 100%; }

#catbox { 
	text-transform: capitalize !important;
	border: 1px solid #666; border-radius: .4em; padding: .5em 1em !important;
	background: rgb(252,237,212);
	background: linear-gradient(180deg, rgba(252,237,212,1) 0%, rgba(255,255,255,1) 100%);
	margin: .8em 0em 1em 0em !important;
	box-shadow: 4px 4px #c4cfb4;
}
.catspc { color: #063; }

/*

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

	.lf_m { display: block; }
	.lf_c { display: none; }
	
	.dh_lg { width: 50%; } .dh_lg img { height: auto; }
	.dh_lge { width: 40%;margin: .7em 0 0 2em; text-align: right; } .dh_lge img { height: 12px; }
	.dh_us { float: none; margin-top: 1em; clear:both; } .dh_us:after { content: ""; clear: both; display: table; }
	#catlist { font-size: 1em !important; }
	
	.em_btns a, .in_btns a, .inb a { display: inline-block; margin-bottom: .4em; font-size: .95em !important; }
	
	.msc_lft li { padding: 0em 1em; border: none !important; width: 19%; }
	.msc_lft .lf_i { font-size: 1.2em; padding-bottom: 5px; }
	
	#cn_cn { max-width: 100%; overflow-x: scroll !important; }
	#cart_disp { max-width: 100%; overflow-x: scroll !important; }
	#sc_content, #databox { min-width: 1100px; max-width: 1100px; }
	.list_item_hdr { white-space: nowrap; font-size: .8em; }
	.list_item { font-size: .6em; z-index: 3000; }
	div.list_item:hover { border: 1px solid #628C36 !important; }
	
	.cart_form { float: none !important; width: 100% !important; padding-right: 0px !important; border-right: none !important; margin-bottom: 2em; }
	.cart_disp { float: none; width: 100%; }
	
	.form_fields select, .form_fields textarea, .form_fields input[type=text], .form_fields input[type=number], .form_fields input[type=email], .form_fields input[type=password], .form_fields input[type=email] {
		border: 1px solid #666;
		padding: 3px;
		width: 94%;
		margin-bottom: 3px;
		font-family: Arial, Helvetica, sans-serif;
		background: #f5fffe;
		font-size: .85em;
	}
		
	.inb a, .inb a:visited { text-transform: uppercase; border: 1px solid #333; background: #333; color: #fff; padding: 2px 5px; font-size: .8em; margin-left: 3px; }
	.inb a:hover { border: 1px solid #000; background: #000; color: #fff; }
	.inbr a, .inbr a:visited { text-transform: uppercase; border: 1px solid #c00; background: #c00; color: #fff; padding: 2px 5px; font-size: .8em; margin-left: 3px; }
	.inbr a:hover { border: 1px solid #000; background: #000; color: #fff; }
	
}

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

	.msc_lft li { padding: 0em 1em; }
	
	#cn_cn { max-width: 100%; overflow-x: scroll !important; }
	#cart_disp { max-width: 100%; overflow-x: scroll !important; }
	#sc_content, #databox { min-width: 1366px; max-width: 1366px; }
	.list_item_hdr { white-space: nowrap; font-size: .8em; }
	.list_item { font-size: .8em; z-index: 3000; }
	div.list_item:hover { border: 1px solid #628C36 !important; }
	
	.form_fields select, .form_fields textarea, .form_fields input[type=text], .form_fields input[type=number], .form_fields input[type=email], .form_fields input[type=password], .form_fields input[type=email] {
		border: 1px solid #666;
		padding: 3px;
		width: 94%;
		margin-bottom: 3px;
		font-family: Arial, Helvetica, sans-serif;
		background: #f5fffe;
		font-size: .85em;
	}
	
	.orderline_form { float: left; }
	.ofmrt { overflow: hidden; }
		
	.inb a, .inb a:visited { text-transform: uppercase; border: 1px solid #333; background: #333; color: #fff; padding: 2px 5px; font-size: .8em; margin-left: 3px; }
	.inb a:hover { border: 1px solid #000; background: #000; color: #fff; }
	.inbr a, .inbr a:visited { text-transform: uppercase; border: 1px solid #c00; background: #c00; color: #fff; padding: 2px 5px; font-size: .8em; margin-left: 3px; }
	.inbr a:hover { border: 1px solid #000; background: #000; color: #fff; }
	
}

@media screen and (min-width: 1101px) and (max-width: 1400px) {

	.list_item { font-size: .75em !important; text-transform: uppercase !important; }	
	select,textarea,input[type=text],input[type=password],input[type=email],input[type=number] { width: 95% !important; font-size: .85em !important; padding: 3px !important; }
	.cart_form { width: 250px !important; padding-right: 3em; }
	.orderline_form { width: 250px !important; padding-right: 3em; float: left; }
	.ofmrt { overflow: hidden; }
	.short_form { width: 240px !important; }
	.inb a { font-size: .90em !important; }
	.d8, .d10, .d20, .d15, .d30, .d40, .d50, .d60, .d70, .d80, .d90 {
		float: left;
		padding: 4px 10px;
	}
	
}

@media screen and (min-width: 1401px) {
	body,td,th {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px !important;
	}
	.ofmrt { overflow: hidden; }
} */

/* 
====================================================
Activity
==================================================== */


@media screen and (min-width: 1101px) and (max-width: 1400px) {

	.list_item { font-size: .75em !important; text-transform: uppercase !important; }	
	select,textarea,input[type=text],input[type=password],input[type=email],input[type=number] { width: 95% !important; font-size: .85em !important; padding: 3px !important; }
	.cart_form { width: 250px !important; padding-right: 3em; }
	.orderline_form { width: 250px !important; padding-right: 3em; float: left; }
	.ofmrt { overflow: hidden; }
	.short_form { width: 240px !important; }
	.inb a { font-size: .90em !important; }
	.d8, .d10, .d20, .d15, .d30, .d40, .d50, .d60, .d70, .d80, .d90 {
		float: left;
		padding: 4px 10px;
	}
	
}

/* ================== */

.data_team {  }
.data_clients { border-left: 4px solid #ddd; padding-left: 1em; margin-left: 1em; }
.data_team li, .data_clients li { list-style: none; text-transform: capitalize; padding: .5em 0em; border-bottom: 1px solid #ddd; font-weight: bold; }
.data_orders { border-left: 4px solid #ddd; padding-left: 1em; margin-left: 1em; }

/* ===================== */

@media screen and (min-width: 1401px) {
	body,td,th {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px !important;
	}
	.ofmrt { overflow: hidden; }
}

.sp50 { width:50px !important; }
.activity strong { color: #069 !important; }

.disbl, .disbl:hover { cursor: not-allowed !important; background: #CCC !important; border: 1px solid #ccc !important; color: #fff !important; text-transform: uppercase; font-size: 1.1em !important; }
.enabl { background: #000 !important; border: 1px solid #000  !important; color: #fff  !important; text-transform: uppercase; cursor: pointer; font-size: 1.1em !important;  }

.cht { width: 95% !important; }

.dw_x { border: 1px solid #ddd; background: #fff; margin: 1em 0em; padding: 0em 1em !important; }

.lc { text-transform: lowercase !important; }

.lft { display: inline-block; padding-right: 1em; }

.g_box { border: 2px solid #eee; margin-bottom: 2em; position: relative; }
.g_hdr { border-bottom: 1px solid #fafafa; margin-bottom: 1em; text-transform:uppercase; font-size: .9em; font-weight: bold; letter-spacing: 0px; background: #eee; padding: .5em 1em; }
.g_inf { height: 320px; }
.g_img { position: absolute; right: 0; top: 0; width: 4em; height: 4em; z-index: 3000; }
.g_img img { width: 100%; height: 100%; }

.spacelft { margin-left: 2em; }

#formdate {}
#formdate select { width: auto !important; margin-right: 3px; font-size: .8em !important; }

.sim_h { background: #666; color: #eee; font-size: .8em; text-transform: uppercase; padding: .3em .5em; }
.sim_ht { background: #06c; color: #fff; font-size: .8em; text-transform: uppercase; padding: .3em .5em; }
.sim_hb { background: #639; color: #fff; font-size: .8em; text-transform: uppercase; padding: .3em .5em; }
.sim_i { width: 100% !important; margin-top: 1em; }
.sim_i select, .sim_i input[type=number] { max-width: 95% !important; font-size: .9em; }
.sim_i a { font-size: .8em; padding: .5em 1em; }
.whtx { color: #fff; }

.sce_r lbl { color: #555; background: #ddd; padding: .2em; }
.mt1 { margin-bottom: 1em; }

.bgc { background: #f4fefe; }
.bgy { background: #ffffeb; }

.bdu { border-top: 4px solid #ddd; margin-top: 1em; }
.prnt_wrap { margin: 0 auto; width: 900px; }
.cap { text-transform: capitalize !important; }

.totprep { border-top: 2px solid #f60 !important; }
.topspace { padding-top: 1em; }
.basebold { border-bottom: 2px solid #628C36; }
.ps { padding: 2px 10px !important; }
.redinpt { background: #ffc; border: 1px solid #c00; color: #c00; }
.num_records { padding: 1em 0em; font-size: 1.5em; }
.num_records span { color: #36C; font-weight: bold; }

.list_item_hdr_dk .hdr { color: #666 !important; font-weight: bold; }
.list_item_hdr .hdr { color: #666 !important; font-weight: bold; }
.list_item_hdr .rb { border-right: 1px solid #ccc !important; }
.listings_summ .list_item_hdr .hdr, .listings .hdr { color: #333 !important; }
.endline .rb { border-right: 1px solid #eee !important; }
.listings .rb { border-right: 1px solid #ddd !important; }
.listings .list_item_hdr { border-top: 1px solid #eee !important; }
.list_item_hdr_nw .hdr, .xdr { color: #333 !important; }

bx { color: #666; }
.sdx { width: 35px; text-align: center; border: 1px solid #666; box-shadow: 2px 2px #ddd; }
.lp3 { padding-left: 2em; }

fieldset.rnmfield {
	border: 2px solid #ddd;
	padding: 0em 1em 2em 1em;
	margin-bottom: 1em;	
}

fieldset.rnmfield legend {
	color: #C60;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 0.3em;
	margin-bottom: 1em;
}

.white, white { color: #fff !important; }

/* ============================================================================
DIALOGS
=============================================================================== */

.dialog {
	position: absolute;
	border: 1em solid #506b29;
	border-radius: 1em;
	padding: 1em;
	background: #fff;
	display: none;
}

.mycomments {
	position: fixed;
	top: 45%; left: 29%;
	border: 1em solid #506b29;
	border-radius: 1em;
	padding: 1em;
	background: #fff;
	width: 40%;
	display: none;
}

.myfilters {
	position: fixed;
	top: 45%; left: 29%;
	border: 1em solid #506b29;
	border-radius: 1em;
	padding: 1em;
	background: #fff;
	width: 40%;
	display: none;
}

.closebtn {
	position: absolute;
	top: -1em;
	right: -1em;
	font-size: 1em;
	color: #c00;
	cursor: pointer;	
}

/* =============================================================================== */

.lgt { font-size: 3em; letter-spacing: -1px; }
.lgm { font-size: 2em; letter-spacing: -1px; }
.lgms { font-size: 1.5em; }
.lgmi { font-size: 1.3em; }
.lgmh { font-size: .5em; }
.tiny { font-size: .2em !important; }
.convprice { font-size: .55em !important; letter-spacing: 0px !important; color: #333; font-weight: bold; }

/* VEHICLE UNITS */
.vh_unit {
	border-bottom: 4px solid #506b29;
	padding: 2em 0em;
	height: 450px !important;
}
.vh_unit:after { content: ""; display: table; clear:both; }
.vh_unit_old {
	border-bottom: 4px solid #506b29;
	padding: 2em 0em;
}
.vh_unit:after { content: ""; display: table; clear:both; }
.vh_grf { border-top: 2px solid #ddd; } .vh_grf:after { content: ""; display: table; clear:both; }

.vh_hdr { background: #eee; color: #666; padding: .3em .5em; }
.vh_dis { height: 20em; }

.vh_dfs { text-align: center; }
.vh_dun { display: inline-block; padding-right: 2em; margin-right: 2em; border-right: 3px solid #ddd; }
.vh_dun:first-child { border-left: 3px solid #ddd; padding-left: 2em; }
.dvs { font-size: 2em; letter-spacing: -1px; }

/* ==============================================================================
CUSTOMER SECTION
================================================================================= */

.custin { padding: 1em 0em; }
.custnm { font-size: 2em; font-weight: bold; }
.custsc { text-transform: uppercase; }

.ft { border: 1px solid #666 !important; }
.fti { border: 2px solid #06F !important; }

.sechead { font-size: 1.2em; font-weight: bold; color: #fff; background: #e95d2c; padding: .1em 1em; display: inline-block; margin-bottom: 1em; border-radius: .6em }
.sechead:after { content: ''; clear: both; display: table; }
.clicon { position: relative; text-align: center; float: left; text-transform: uppercase; }
.culist { width: 20%; padding: .5em 1em; margin-right: 3%; background: #efefef; text-transform: uppercase; display: inline-block; font-weight: bold; margin-bottom: .2em; }
.culistb { width: 20%; padding: .5em 1em; margin-right: 3%; background: #fff; text-transform: uppercase; display: inline-block; font-weight: bold; margin-bottom: .2em; border-bottom: 1px solid #ddd; }
.culist:last-child { border: none !important; }

.moveup { position: absolute; bottom: 0em; left: 0; width: 100%; }
.seld { border: 2px solid #06c !important; }
.sele { border: 2px solid #c00 !important; }

.rightdelete { float: right; font-size: .8em !important; }

.sdate { border: 1px solid #000 !important; padding-left: 10px !important; box-shadow: 2px 2px #ddd; border-radius: .3em !important; font-size: .9em; }
.topline { border-top: 1px solid #333; }
.pagesearch { font-size: .8em;  padding-top: .4em; }

.mdr { background: #eee; color: #666; font-weight: bold; }
.asr { border-bottom: 4px solid #ddd; padding: .4em 0em; margin-bottom: 0em; }

.sideline { border-right: 3px solid #ddd; }

#days { display: none; }
.invnm { font-weight: bold !important; font-size: 2em !important; }

.rtp { float: right; }

.listings_hdr .hdr, .light { color: #666 !important; font-weight: bold; text-transform:uppercase; }
.notbold { font-weight: normal !important; }

.bl2 { border-bottom: 1px solid #ddd; padding-bottom: 2em; margin-bottom: 1em; }
.spx { padding: .45em 1.2em !important; }

.fl { float: left; }
.fld { display: inline-block !important; }

.di-b { display: inline-block !important; padding-right: 1em; margin-right: 1em; border-right: 2px solid #ddd; }
.innerheader { font-size: 2em; color: #506b29; text-transform:uppercase; line-height: 1em; }

.fr { float: right; }

.nrb, a.nrb  { border-right: none !important; border-left: none !important; }
.xrb { border-right: 1px solid #ddd !important; padding-right: 2em; }

/* =============================================================
FINANCIAL STYLES
=============================================================== */

.summ_row_head { border-bottom: 1px solid #333; border-top: 1px solid #333; background: #eee; font-weight: bold; color: #444; }
.summ_row { border-bottom: 1px solid #ddd; }
.summ_row_unit { border-bottom: 1px double #333; }
.summ_col { display: inline-block; border-right: 1px solid #ddd; padding: .7em 0em;  }
.summ_nm { width: 200px; padding: .4em 1em; font-weight: bold; background: #fafafa; }
.summ_nm_hd { width: 200px; padding: .4em 1em; font-weight: bold; }
.summ_mtd { width: 200px; padding: .4em 1em; text-align: center; }
.summ_ytd { width: 200px; padding: .4em 1em; text-align: center; }
.topheavy { border-top: 2px solid #ddd; }
.highlight { background: #ffe; }

.sub_sec { font-weight: normal; }
.qbox { font-size: 11px; padding: 3px !important; width: 50px !important; }
.qboxtable { margin-top: 1em; border-top: 3px solid #666; border-bottom: 3px solid #666; padding: 2em 0em; }
.qboxtable tr { border-top: 1px solid #666; padding: 1em 0em !important; }
.qboxtable td { padding: .5em 0em !important; }

.chart_box { float: left; border-right: 3px solid #ddd; margin-right: 2em; }

#clearbox { margin-top: 1em; }

.btnbdr { border: 1px solid #C60 !important; padding: .2em 1em !important; border-radius: .4em !important; }

.padsm { padding-top: .4em; }

/* ====================================================
Import
==================================================== */

.importmarker { margin-top: .4em; background: #FFC; border: 1px solid #f60; padding: .4em 1em; border-radius: .3em; text-transform: uppercase; font-weight: bold; text-align: center; }
.info_form input[type=text], .info_form textarea, .info_form select { width: 100%; }

.supploadbox { display: inline-block; margin: 0em 1em; }
.greenbtn { color: #fff !important; display: inline-block; text-align: center; cursor: pointer; padding: 0em 1em !important; background: rgb(98,140,54) !important; text-transform: uppercase;
background: linear-gradient(180deg, rgba(98,140,54,1) 16%, rgba(75,107,41,1) 55%) !important; border: none !important; border-radius: 0.3em; }
.greenbtn:hover { color: #fff; background: #000 !important; border: 0px solid #000 !important; border-radius: 0.3em; }

.varietyheader { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #eee; font-weight: bold; }
.varietyheader td { padding: .4em 0em; }
.varietyline { border-top: 1px solid #ddd; }
.varietyline td { border-bottom: 1px solid #ddd; padding: .4em 0em; vertical-align: text-top !important; }
.rbb { padding-right: .5em; border-right: 4px solid #ccc; }
.xbb { padding-left: .5em; }

.impicon { width: 1.3em; margin-right: 1em; }
.iconspace { padding-right: 1.3em; }

.sr { padding-right: 1.5em; border-right: 4px solid #ccc; margin-right: 1.5em; }

.newimport { padding: 1em 3em 1em 1em; border-bottom: 3px solid #506b29; border-top: 3px solid #506b29; position: relative; }
.newimport:after { content: ""; display: table; clear: both; }
.newimport .rnm { display: inline-block; margin-right: .5em; }
.newimport input[type=text], .newimport input[type=button], .newimport input[type=submit], .newimport select { height: 1.7em !important; border: 1px solid #333; box-shadow: 2px 2px #ccc; border-radius: .2em; }
.newimport a { background: #506b29 !important; color: #fff !important; font-weight: bold; padding: .4em 1em; margin-top: 0px; text-transform: uppercase; border-radius: 0.4em; }
.hidebutton { position: absolute; right: .4em; top: .4em; font-size: 1.4em; cursor: pointer; }
.newimportform {  }
.savespin { display: none; position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.8); font-size: 2em; text-align: center; padding-top: .8em; width: 100%; height: 100%; z-index: 100; }

.form_content { float: left; width: 12%; border-right: 4px solid #eee; padding: 0em 1.5em 1em 0em; margin-right: 1.5em; margin-top: 1em; }
.main_content { overflow: hidden; padding: 0em 1.5em 1em 0em; margin-top: 1em; }

.workingbox { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); font-size: 3em; padding-top: 10%; text-align: center; }
.main_content { position: relative; }

.csection {  }
.csection:after { content: ""; display: table; clear:both; }
.midhead { border-bottom: 0px solid #ddd; padding: .5em 0em; }
.midhead:after { content: ""; display: table; clear:both; }
.midcont { float: left; padding: 1em 0em; margin-bottom: 1em; margin-right: 1em; width: 18%; }
.midcont:after { content: ""; display: table; clear:both; }
.midbox { position: relative; padding: .4em; border: 1px solid #666; border-radius: .4em; margin-bottom: 0em; box-shadow: 3px 3px #eee; }
.midbox:after { content: ""; display: table; clear:both; }
.editbtn { position: absolute; top: .3em; right: .3em; cursor: pointer; font-size: 1.5em; }
.configbox { font-size: 1.5em; font-weight: bold; }
.inputbox { font-size: .8em; }

.linespace { border-right: 3px solid #ccc; margin-right: 1em; padding-right: 1em; }

.listings div.list_item:nth-child(odd) {
  background-color: #fff3e0;
}

/* .list_item { display: table; width: 100%; }
.list_item div { display: table-cell; } */