BODY,input,a,td,span,div,li{font:11px Verdana,Arial,Helvetica,sans-serif;text-decoration:none;}
img{border:none;}
form{margin:0;}
a:active,a:hover,a:link,a:visited {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:underline;
}

.alert {
	color: #DE0101;
	font-weight:normal;
}

A.alertlink:active,A.alertlink:hover,A.alertlink:link,A.alertlink:visited {
	color: #DE0101;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
}

.block1,.block2,.block3 {
	background-color: #e3e0db;
	vertical-align: top;
}

.block1inner,.block2inner {
	background-color: #e3e0db;
	padding: 6px;
	vertical-align: top;
}

.block3inner {
	background-color: #e3e0db;
	height: 100%;
	padding: 6px;
	vertical-align: top
}

.block4 {
	background-color: #E6E6E6;
	vertical-align: top;
}

.block4bold,.mainbold {
	background-color: #E6E6E6;;
	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold
}

.block4sub {
	background-color: #E6E6E6;;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline
}

body {
	background-color: #e3e0db;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
}
body.print { background-color: #fff; }
.cborder {
	background-color: #999999;
	padding: 0;
}

.cbreak {
	background-color: #EEEEEE;
	border-left: 1px solid #999999;
	font-size: 11px;;
	font-weight: bold
}

.cdata {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	font-size: 11px;;
	margin-right: 4px;
	padding-right: 2px;
	vertical-align: top
}

.cerror {
	color: red;
	font-size: 11px;
}

.cheader {
	color: #663333;
	font-size: 11px;;
	font-weight: bold
}

.chelp,.rhint {
	background-color: #FFFFFF;
	color: #AFABA5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
}

.clabel {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	font-size: 11px;
	font-weight: normal;
	padding-left: 5px;;
	text-align: left
}

.cmessage {
	color: green;
	font-size: 11px;
}

A:link.ctitle,A:visited.ctitle {
	color: white;
	font-size: 11px;;
	font-weight: bold;
	text-decoration: none
}

A:hover.ctitle,A:active.ctitle {
	color: yellow;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

.ctitle {
	font-size: 11px;
	font-weight: bold;
}

.cwidget {
	font-size: 11px;;
	vertical-align: middle;
}

.darkshade {
	background-color: #000000;
}

/* TAB CSS */
li.edittab a:link,li.edittab a:visited {
	color: #CC3333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
}

li.edittab a:active,li.edittab a:hover {
	color: #CC3333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	text-decoration: underline;
}

.footer {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

A.footer:active,A.footer:hover {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	text-decoration: underline;
}

A.footer:link,A.footer:visited {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}

A.headlink:active,A.headlink:hover,A.headlink:link,A.headlink:visited {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
}

.lightshade,.workarea,.rbreak {
	background-color: #FFFFFF;
}

.maincontent {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.maincontentlight { 
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.nowrap {
	white-space: nowrap;
}

.rborder {
	background-color: #CCCCCC;
	margin: 0;;
	padding: 2
}




.rhead {
	background-color: #E6E6E6;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.rhead2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #E6E6E6;
    padding: 4px;
}

A.rhead:active,A.rhead:hover {
	color: #000000;
	font-size: 12px;
	text-decoration: underline;
}

A.rhead:link,A.rhead:visited {
	color: #000000;
	font-size: 12px;
	text-decoration:none;
}

.rheadBold {
	background-color: #E6E6E6;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;;
	padding: 4px
}

.rheader {
	background-color: #999999;
	color: #663333;
}

.rmarq {
	background-color: #999999;;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold
}

A.rmarq:active,A.rmarq:link,A.rmarq:visited {
	color: #FFFFCC;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}

A.rmarq:hover {
	color: #FFFF99;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

.rnobg {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
}

.ralt td, .rowalt td, .rnorm td, .rownorm td {
	padding: 1px 5px;
}

.htmlarea td {
	padding: 0;
}

.rnorm {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

.rowhead {
	padding:4px;
	background:#e6e6e6;
}

.rowalt {
	background-color: #EAF1FB;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
}

A.rowalt:hover,A.rowalt:hover,A.rownorm:active,A.rownorm:hover {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}

A.rowalt:link,A.rowalt:visited,A.rownorm:link,A.rownorm:visited {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
}

.rownorm {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
}

.rownormbold {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;;
	padding: 4px
}

.rseparator {
	background-color: #CCCCCC;
}

.rshade {
	background-color: #E6E6E6;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
}

.rspacer {
	background-color: #999999;
	margin: 0;;
	padding: 0
}

.rsubbold {
	background-color: #FFFFFF;
	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;;
	padding: 4px
}

.rtitle {
	background-color: #808080;;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold
}

A.rtitle:active,A.rtitle:link,A.rtitle:visited {
	color: #FFFFCC;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}


.s1,.s2 {
	color: #666666;;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px
}

.s3 {
	color: #333333;;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px
}

.s4 {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 100%;
}

.searchbox {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 115px;
}

.searchrow {
	text-align: right;
}

.titlebox {
	background-color: #CCCCCC;
	border:1px solid #333333;
	color: #663333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-top: 3px;
	width: 98%;
}

A.titlebox:active,A.titlebox:hover,A.titlebox:link,A.titlebox:visited {
	color: #993333;
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	font-size: 14px;
	text-decoration: underline;
}

A.toplink:active,A.toplink:hover {
	color: #004284;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}

A.toplink:link,A.toplink:visited {
	color: #004284;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
}
.tabs {
	background:url("http://www.herbusinessmagazine.com/interchange-5/border.gif") repeat-x bottom;
	height:24px;
	position:relative;
}
.tabs ul {
	position:absolute;
	bottom:0;
	list-style:none;
	margin:0;
	padding:0;
}
.tabs li {
	float:left;
	background: transparent url("http://www.herbusinessmagazine.com/interchange-5/tab_bg.gif") 100% 0px no-repeat;
	margin-right:1px;
	padding-right:3px;
	border-bottom:solid 1px #b0aca4;
}
.tabs li a {
	color: #333;
	display:block;
	padding:4px 12px 3px;
	background: transparent url("http://www.herbusinessmagazine.com/interchange-5/tab_bg.gif") 0% 0px no-repeat;
	text-decoration:none;
	font-size:11px;
}
.tabs li.tabsel {
	background-position: 100% -150px;
	border-bottom-color:#e3e0db;
}
.tabs li.tabsel a {
	background-position: 0% -150px;
}
.mvpantab{
	background: transparent url("http://www.herbusinessmagazine.com/interchange-5/tab_bg.gif") 100% 0px no-repeat;
	padding-right:3px;
	margin-right:1px;
}
.mvpantab span{
	font:11px Verdana Arial, Helvetica, sans-serif;
	color:#333;
	display:block;
	background: transparent url("http://www.herbusinessmagazine.com/interchange-5/tab_bg.gif") 0px 0px no-repeat;
	text-align:center;
	line-height:20px;
}
.mvpanpanel {
	border:solid 1px #999;top:19px;
}
div.tabsel {
	background-position: 100% -150px;
}
div.tabsel span{
	background-position: 0% -150px;
}
.header {
	position:relative;
	height:35px;
}
.header img {
	margin:3px 0 0 5px;
}

.header .topmenu {
	position:absolute;
	right:0;
	top:8px;
}
.toptabs {
	background-color:#d4d0c8;
}
.area1 {
	margin:0 8px;
	
}

.innerarea1 {
	border:solid 1px #b0aca4;
	border-top:none;
	
	padding-top:10px;
}
.innerarea2 {
	border:solid 1px #b0aca4;
	
	padding-top:10px;
}
.innermain1 {
	margin:0 8px 8px;
	
}
.area1title {
	margin:2px 0 7px;
}
.area1title span.h1, .area1title span.h1 a {
	font: bold 14px Verdana,Arial,Helvetica,Sans-serif;
}
.area1title img {
	margin:0 5px;
}
.area1title td.topbuttons,.area1title td.searchbox {
	padding:0 5px;
}
.area1title input, .area1title select{
	margin-left:5px;
}
.thirdtabs {
	clear:both;
	margin-bottom:8px;
}
.area2 {
	border:solid 1px #666;
	background: #fff;
	clear:both;
	
}
.area2main {
	margin:8px;
	
}
.bottombuttons{
	margin-top:5px;
	text-align:right;
	padding:0;
}
.footer{
	padding:8px;
	color:#666;
}

/* simple option editor */
.opt_editor{
margin-top:10px;
}
.opt_left {
padding-right: 10px;
border-right:solid 1px #ccc;
}
.opt_right div {
margin: 0 0 30px 10px;
}
.opt_editor h5{
font-weight:normal;
font-size:13px;
margin: 0 0 5px 0;
}

.opt_instance{
border:solid 1px #999;
width:380px;
margin-bottom:15px;
}
.opt_table {
width:100%;
}
.opt_table td{
padding:4px;
border-bottom:solid 1px #ccc;
}

.opt_table td table td{border:none;}

.code_input{width:50px;}
.var_input{width:150px;}
.price_input{width:50px;}
.del_icon{vertical-align:middle;margin-bottom:4px;}

.opt_var_table{
background:#e6e6e6;
margin:4px;
padding-bottom:6px;
}
.opt_var_table .var_head{padding:10px;border-bottom:solid 1px #fff;font-size:12px;}
.opt_var_table .code_col{padding-left:10px;border-right:solid 1px #fff;}
.opt_var_table .price_col{padding-right:10px;border-left:solid 1px #fff;}

div.notice_warning { padding: 10px; border: solid 1px #ffa41c; background: #fef9cf; }
div.notice_warning, div.notice_warning a { font: normal 1em Verdana, Arial, Helvetica, Sans-serif; color: #ffa41c; }
div.notice_go { padding: 10px; border: solid 1px #598303; background: #dff6ae; }
div.notice_go, div.notice_go a { font: normal 1em Verdana, Arial, Helvetica, Sans-serif; color: #598303; }