p.good {
	font-weight: bold;
	color: green;
}

p.bad {
	font-weight:bold;
	color: red;
}

a, a:visited {
	color: #0000FF;
}

BODY {
background-color: #FFFFFF;
background-image: none;
color: #000000
}

TD {
font-size : 10pt;
font-family : arial, helvetica, sans-serif;
color : #000000;
} 

TH {
font-size: 10pt;
font-family : arial, helvetica, sans-serif;
color : #000000;
font-weight: bold;
text-align: center;
}

BODY    {
    background-color : #ffffff;
    font-family : Verdana, Arial, sans-serif;
    font-size : 10pt;
    color : 000000;
}


td { border: 0 solid #cccccc; }

table { border: 0 solid #cccccc; }

table.ontop {

border: 0;
}


TD.ontop {
font-size : 10pt;
font-family : arial, helvetica, sans-serif;
color : #000000;
} 


div#container{ margin: 0 0 0.75em 0; background: #EBEBEB}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #EBEBEB}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


/*  Rounded Box Corners *OLD*
---------------------------------------------------------------------- */
.box {margin: 0 0 0.75em 0; clear: both; position: relative;}
b.cn { position: absolute; height: 10px; width: 10px; margin: 0; padding: 0; background: url(../images/bord-silver.gif) no-repeat; line-height: 1px; font-size: 1px; } 
b.tl {top: -1px; left: -1px; background-position: top left;}
b.tr {top: -1px; right: -1px; background-position: top right;}
b.bl {bottom: -1px; left: -1px; background-position: bottom left;}
b.br {bottom: -1px; right: -1px; background-position: bottom right;}

#pub b.cn, {background-image: url(../images/bord-silver.gif);}


/* Message for non-logged in visitors
--------------------------------------------------------------------------------------- */
#pub { border: 1px solid #CCC; background-color: #EBEBEB; float: left; margin-top: 0; width: 100%; }

#pub h2 {color: #666; text-align: center; margin: 1em 0; font-weight: normal; font-size: 1.33em; letter-spacing: -.05em;}
#pub .column {float: left; width: 43%; padding: 0 2% 1em 4%;margin-top:0;color:#333;}
#pub .column strong {color:#000}
#pub .first {padding-left:4%}

#pub .column p {font-size:1.1em;} 


/*  top Bar (very top of page) and sign-in
---------------------------------------------------------------------- */

/* #top { background: #CCC; color: #333; padding: 5px 10px; margin-top: 0; width: 798px; float: left; } */

#top { background-color: #CCC; float: left; margin-top: 0; width: 798px; padding: 10px 0px }

#top, #top * {line-height: 20px;}
#top p {float: left; position: relative;}
#top p img {vertical-align: middle;}
#top ul {text-align: right;}
#top ul li {margin-left: 1.25em;}
#top span a,#top span a:visited  {color:#666;text-decoration:underline}
#top span a:hover {text-decoration:none}
#top a:visited {color:#009;}
#top a.profile  {color:#444}

/* Support page table */

.support-table {
	margin-top: 20px;

}
.support-ticket {
	border-right: 1px solid #eaeaea;
}
.support-ticket,
.support-changes {
	padding: 10px 0;
	background: url(http://merchant.nextopiasoftware.com/images/container-grd-bg.gif) repeat-x left -1px;
	width:459px;
	min-height: 300px;
	float: left;
}
.support-ticket:hover,
.support-changes:hover {
	background: #f6f6f6;
}
.support-table h1 {
	font-size: 22px;
	font-weight: normal;
	padding-left: 100px;
	line-height:  84px;
	height: 74px;
}

.support-ticket h1 { background: url(http://merchant.nextopiasoftware.com/images/icon-support01.png) no-repeat 20px 10px; }
.support-changes h1 { background: url(http://merchant.nextopiasoftware.com/images/icon-support02.png) no-repeat 20px 10px; }

.support-table ul {
	list-style: none;
	margin-left: 100px;
	margin-right: 20px;
	font-size: 12px;
	line-height: 20px;
	margin-top: 0px;
	border-top: 1px dotted #ccc;
	padding-top: 5px;
}
.support-ticket ul {
	list-style:none;
	padding: 0;
	padding-top: 30px;
	font-size: 13px;
	margin-right: 50px;

}

.support-table ul li {
	padding: 1px 0 1px 25px;
	background: url(http://merchant.nextopiasoftware.com/images/icon-bullet-round.png) no-repeat left 4px;
}
.support-changes ul {
	padding: 0;
}
.support-changes ul ul {
	list-style:none;
	font-size: 11px;
	border: none;
	margin: -22px 0 0 100px;
	padding:0;
}
.support-changes ul ul li {
	background: none;
	padding: 0;
	margin: 0;
	line-height: 14px;
	border: none;
}
.support-table .button {
	margin-left: 105px;
}
.support-table .red {
	background: #ca1414;
	min-width:  200px;
	border: 1px solid #940a0a;
	font-size: 14px;
	width:  230px;
}
.support-table .blue {
	background: #2f689d;
	min-width:  200px;
	border: 1px solid #10304d;
	font-size: 14px;
	margin-top: 27px;
}

.contact-form {
	text-align: left;
	padding: 14px;
	width: 775px;
	border: 0;
}

.contact-form h1 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #333;
	height: auto;
	line-height: 20px;
	padding: 0;
}

.contact-form p {
	font-size: 12px;
	color: #333;
	margin-bottom: 20px;
	border-bottom: solid 1px #b7ddf2;
	padding-bottom: 10px;
}

.contact-form label {
	display: block;
	font-weight: normal;
	text-align: left;
	width: 160px;
	line-height: 30px;
	color: #333;
	float: left;
}

.contact-form .small {
	color: #666666;
	display: block;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	width: 130px;
}

.contact-form input,
.contact-form select,
.contact-form textarea,
.contact-form div.block {
	float: left;
	font-size: 12px;
	padding: 4px 2px;
	width: 550px;
	margin: 2px 0 10px 10px;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
	border: solid 1px #aacfe4;
}


.contact-form .button {
	margin-left: 140px;
}

.button {
	color: #fff !important;
	font-size: 13px;
	text-shadow: 0 1px 1px rgba(000,000,000, 0.7);
	font-weight: bold;
	text-decoration: none;
	line-height: 25px;
	min-width: 70px;
	text-align: center;
	padding: 2px;
	margin: 5px 4px 5px 0;
	float: left;
	position: relative;
	background: #5c8d22;
	border: 1px solid #345e24;
	border-bottom: 1px solid rgba(000,000,000, 0.8);
	-moz-box-shadow: 0 1px 2px rgba(000,000,000,0.3), inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(000,000,000,0.3), inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow: 0 1px 2px rgba(000,000,000,0.3), inset 0 1px 0 rgba(255,255,255,0.5);
	display: block;
	cursor: pointer;
}

.page-title {
	font-size: 18px;
	margin-bottom: 0.5em;
}

/* clearfix for floating divs */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
.invoice-mesg * {  box-sizing: border-box; -moz-box-sizing:border-box; }
.invoice-mesg { border:1px solid #F7E983; padding: 15px 70px; margin: 20px;
	background: #FFF8C5 url(../images/icon-alert.png) no-repeat 10px 10px; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.invoice-mesg h4 { font-size: 16px; }
.invoice-mesg p { font-size: 12px; margin-bottom: 10px;}
.invoice-mesg .mesg-list { margin: 20px 0; list-style-type: none;}
.invoice-mesg .mesg-list li { margin: 5px 0; }
.invoice-mesg .mesg-btn { color:#fff; text-decoration: none; border: none; box-shadow: none; text-shadow: none; font-size: 14px;
	background: #14CA38; display: inline-block; padding: 7px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.mesg-list .num1 { background-image: url(../images/bullet-decimal-1.png); }
.mesg-list .num2 { background-image: url(../images/bullet-decimal-2.png); }
.mesg-list .num3 { background-image: url(../images/bullet-decimal-3.png); }
.mesg-list .num4 { background-image: url(../images/bullet-decimal-4.png); }
.mesg-list .num5 { background-image: url(../images/bullet-decimal-5.png); }
.mesg-list .num6 { background-image: url(../images/bullet-decimal-6.png); }
.mesg-list .num7 { background-image: url(../images/bullet-decimal-7.png); }
.mesg-list .num8 { background-image: url(../images/bullet-decimal-8.png); }
.mesg-list .num9 { background-image: url(../images/bullet-decimal-9.png); }
.mesg-list .num10 { background-image: url(../images/bullet-decimal-10.png); }

.mesg-list .num10, .mesg-list .num9, .mesg-list .num8, .mesg-list .num7, .mesg-list .num6, .mesg-list .num5, 
.mesg-list .num4, .mesg-list .num3, .mesg-list .num2, .mesg-list .num1 { 
	border-top: 2px dashed #5e94ee; padding: 10px; padding-left: 40px;
	background-position: 0px 10px; background-repeat: no-repeat; }