/* @override http://suncourier.com/main.css */

/* @group basic */

body {
	margin: 10px;
	padding: 0;
	background: url(_img/bg.jpg) no-repeat scroll center top;
	text-align: center;
}

div {
}

h1 {
	font-weight: bold;
	font: 18px Tahoma, Verdana, Arial;
	margin: 30px 10px 10px 20px;
	padding: 0;
	color: #001266;
	text-align: left;
}

h1.test {
	color: #920000;
	font-weight: bold;
	font-size: 30px;
	font-family: Tahoma, Verdana, Arial;
}

h1.black {
	font: bold 16px Tahoma, Verdana, Arial;
	margin: 30px 10px 10px;
	padding: 0;
	color: #000;
}

h2 {
	font: bold 12px Tahoma, Verdana, Arial;
	margin: 10px 10px 4px 20px;
	padding: 0;
	color: #630;
	text-align: left;
}

p {
	font: 12px Tahoma, Verdana, Arial;
	margin: 10px 20px;
	padding: 0;
	text-align: left;
}

p.c {
	font: 12px Tahoma, Verdana, Arial;
	margin: 10px 20px;
	padding: 0;
	text-align: center;
}

p.help {
	font: 12px Tahoma, Verdana, Arial;
	margin: 10px 10px 10px 20px;
	padding: 8px;
	width: 500px;
	background-color: #c9cedc;
}

a {
	color: #d87600;
}

a:hover {
	color: #900;
}

img {
	margin: 0;
	padding: 0;
}

table {
	margin: 0;
	padding: 0;
}

tr {
	margin: 0;
	padding: 0;
}

td {
	margin: 0;
	padding: 0;
}

ol {
	text-align: left;
}

li {
	font: 12px Tahoma, Verdana, Arial;
	color: #000;
}



/* @end */

/* @group frame */

#page {
	width: 800px;
	margin: 0 auto;
	padding: 0;
}

div.box-top {
	width: 800px;
	background: url(_img/box-top.gif) no-repeat center top;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0;
}

div.box-bottom {
	width: 800px;
	background: url(_img/box-bottom.gif) no-repeat center bottom;
	margin: 0;
	clear: both;
	padding: 0;
	display: block;
}

/* @end */

/* @group forms */

label span.valid {
	color: #060;
	font-weight: bold;
}

label span.invalid {
	color: #900;
	font-weight: bold;
}

input.valid {
	background-color: #9f9;
}

input.invalid {
	background-color: #fcc;
}

textarea.valid {
	background-color: #9f9;
}

textarea.invalid {
	background-color: #fcc;
}

div.inputBlock {
	display: block;
	text-align: left;
	margin-left: 20px;
	width: 500px;
}

div.inputBlock div {
	margin: 8px 20px 0 0;
	padding: 1px;
	display: inline-block;
	width: 150px;
	vertical-align: top;
	text-align: left;
}

div.inputBlock p {
	margin: 10px 0 0;
	padding: 0;
}

div.inputBlock label {
	display: block;
	padding: 0;
	margin-top: 6px;
}

div.inputBlock input {
}

div.inputBlock h2 {
	color: #930;
	font-weight: bold;
	margin: 20px 0 0;
	padding: 0;
	font-size: 14px;
}

div.inputBlock textarea.address {
	width: 180px;
	height: 50px;
}

label {
	font: 11px Tahoma, Verdana, Arial, san-serif;
}

p.input {
	font-size: 11px;
	margin: 8px 20px 0;
	padding: 1px;
	text-align: left;
}

p.inputc {
	font-size: 11px;
	margin: 8px 20px 0;
	padding: 1px;
	text-align: center;
}

form {
	margin: 0;
	padding: 0;
	text-align: left;
}

input {
	padding: 1px;
	font-size: 11px;
	font-weight: bold;
	color: #336;
	margin: 1px 0;
	border: 1px solid #666;
	border-top-color: #666;
	border-left-color: #666;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
}

textarea {
	color: #336;
	font: 11px Tahoma, Verdana, Arial;
	margin: 2px 1px 1px;
	padding: 1px;
}

select {
	border: 1px solid #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	border-right-color: #666;
	border-bottom-color: #666;
	font: 11px Tahoma, Verdana, Arial;
	color: #336;
	margin: 1px 0;
	padding: 1px;
}

option {
	margin: 1px 4px 1px 1px;
	padding: 1px 4px 1px 1px;
	text-align: left;
	color: #336;
}

button {
	padding: 1px 6px 2px;
	border-style: solid;
	border-width: 1px;
	border-top-color: #ffe3a0;
	background-color: #ffb400;
	font-family: Tahoma, Verdana, Arial;
	font-weight: bold;
	border-top-style: solid;
	border-left: 1px solid #ffe3a0;
	border-right: 1px solid #a27200;
	border-bottom: 1px solid #a27200;
	color: #000;
}

button:hover {
	background-color: #fc0;
}

button.disabled {
	padding: 1px 6px 2px;
	border-style: solid;
	border-width: 1px;
	border-top-color: #ccc;
	background-color: #999;
	font-family: Tahoma, Verdana, Arial;
	font-weight: bold;
	border-top-style: solid;
	border-left: 1px solid #ccc;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	color: #666;
}

button.disabled:hover {
}

#required input {
	background-color: #ffc;
}

#required select {
	background-color: #ffc;
}

#required textarea {
	background-color: #ffc;
}

form.sms {
	position: relative;
}

form.sms input {
	font-size: 16px;
	padding: 2px;
}

form.sms select {
	font-size: 14px;
}

form.sms option {
	font-size: 14px;
}

form.sms textarea {
	font-size: 14px;
	width: 300px;
	height: 59px;
}

form.sms button {
	font-size: 16px;
}

form.sms img#twirl {
	position: absolute;
	top: 40px;
	left: 90px;
	display: none;
}

div#smsThanks {
	margin: 100px;
	display: none;
}



/* @end */

p.caption {
	font: 11px Tahoma, Verdana, Arial;
	margin: 0 10px 10px;
	padding: 0;
	text-align: center;
}

.paralead {
	font-size: 12px;
	font-weight: bold;
}

.pcode {
	font-weight: bold;
	color: #630;
}

a.paralead {
	color: #d87600;
	font-size: 12px;
	font-weight: bold;
}

hr.foot {
	font-size: 1px;
	width: 760px;
	border-top: 1px solid #000;
	margin-top: 10px;
	margin-bottom: 4px;
	clear: both;
}

div.gray-bottom {
	width: 220px;
	background: url(_img/gray-bottom.gif) no-repeat center bottom;
	margin: 20px 20px 20px 10px;
	clear: both;
	display: block;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

div.gray-top {
	clear: both;
	width: 220px;
	background: url(_img/gray-top.gif) no-repeat center top;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0;
}

#footlink p {
	text-align: center;
}

#footlink a {
	border-style: none;
	text-decoration: none;
	margin: 20px;
}

#footlink img {
	border-style: none;
}

#debug p {
	font-size: 10px;
	padding: 0;
	margin: 8px 8px 8px 40px;
}

/* @group head */

table.head {
	margin: 0;
	padding: 0;
	width: 800px;
}

td.head1 {
	margin: 0;
	padding: 0;
	text-align: left;
}

td.head2 {
	margin: 0;
	padding: 0;
}

p.phone {
	text-align: right;
	margin: 0 10px 0 0;
	padding: 0;
	font-weight: bold;
}

p.login {
	font: 12px Tahoma, Verdana, Arial;
	margin: 10px 10px 10px 20px;
	padding: 2px;
	text-align: right;
}

a.login {
	color: #c60;
	font-weight: bold;
}

/* @end */

/* @group tabs */

#tabs {
	text-align: right;
}

#tabs ul {
	margin: 0 40px 0 0;
	display: inline-block;
	padding: 0;
}

#tabs li {
	list-style-type: none;
	display: inline;
	font: bold 11px Tahoma, Verdana, Arial;
	margin: 0;
	list-style-image: none;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding: 0;
}

#tabs a {
	background: url(_img/tableft.gif) no-repeat left top;
	color: #000;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	float: left;
	text-decoration: none;
}

#tabs span {
	background: url(_img/tabright.gif) no-repeat right top;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 2px;
	float: left;
}

#tabs a.this {
	background: url(_img/tableft-this.gif) no-repeat left top;
	text-decoration: none;
	color: #000;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	float: left;
}

#tabs span.this {
	background: url(_img/tabright-this.gif) no-repeat right top;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 2px;
	color: #fff;
	float: left;
}

#tabs a:hover {
	color: #fff;
	background: url(_img/tableft-this.gif) left top;
}

#tabs a:hover span {
	color: #fff;
	background: url(_img/tabright-this.gif) right top;
}



/* @end */

/* @group menu2 */

p.menu2 {
	font: bold 11px Tahoma, Verdana, Arial;
	background: url(_img/menu2right.gif) no-repeat right bottom;
	margin-right: 30px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	float: right;
}

span.menu2 {
	background: url(_img/menu2left.gif) no-repeat left bottom;
	float: left;
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 4px;
}

a.menu2 {
	color: #ffcc54;
	text-decoration: none;
	padding: 0 10px;
	margin: 0;
}

a.menu2-this {
	color: #fff;
	padding: 0 6px 0 10px;
	margin: 0;
	text-decoration: none;
}

a.menu2:hover {
	color: #fff;
}

/* @end */

/* @group feedback */

#feedback {
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #e4e4e4;
	text-align: center;
	color: #036;
	border-top: 1px solid #036;
	border-bottom: 1px solid #036;
	margin: 30px 4px 0;
	display: inline-block;
	padding: 8px 10px;
	width: 772px;
}

#feedback h2 {
	color: #600;
	margin: 4px 8px;
	padding: 0;
	font: bold 12px Tahoma, Verdana, Arial;
}

#feedback p {
	font: 11px Tahoma, Verdana, Arial;
	background-color: #e4e4e4;
	text-align: left;
	color: #002552;
	margin: 4px 8px;
}

#feedback a {
	color: #930;
}

#feedback .close {
	text-align: right;
	float: right;
}

#feedback p.box {
	width: 200px;
	float: left;
}



/* @end */

/* @group home */

img.todd {
	margin: 30px 0 20px 20px;
	width: 310px;
	padding: 0;
}

p.statement {
	font: 12px/16px Tahoma, Verdana, Arial;
	background: none no-repeat center bottom;
	padding: 1px 5px 0;
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 10px;
}

div.statement {
	width: 220px;
	background: url(_img/statement.jpg) no-repeat center bottom;
	margin: 0;
	clear: both;
	display: block;
	padding: 10px 0;
}

#services ul {
	margin: 0 20px 10px;
	padding: 0 5px 0 10px;
}

#services li {
	color: #333;
	font: bold 14px Tahoma, Verdana, Arial;
	list-style-position: outside;
	margin: 0 0 1px;
	list-style-type: disc;
}



/* @end */

/* @group routelist */

#routelist table {
	margin: 20px;
}

#routelist th {
	font: bold 11px Tahoma, Verdana, Arial;
	margin: 0;
	padding: 1px 4px 1px 2px;
	background-color: #ccc;
	text-align: left;
}

#routelist td {
	font: 11px Tahoma, Verdana, Arial;
	padding: 1px 8px 0;
	margin: 0;
}



/* @end */

/* @group invlist */

#invlist select {
	height: 14px;
	border-width: 1px;
	border-style: solid;
	border-color: #666;
	line-height: 10px;
	margin: 0px;
	font: 10px Tahoma, Verdana, Arial;
	padding: 0 4px 0 2px;
}

#invlist option {
	margin: 0 4px;
	padding: 0 4px 0 0;
	border-style: none;
	font: 10px Tahoma, Verdana, Arial;
	text-align: left;
}

#invlist input {
	color: #f93;
	margin: 0 4px 0 0;
	padding: 0;
	font: bold 10px Tahoma, Verdana, Arial;
}

#invlist button {
}

#invlist table {
	margin: 20px;
}

#invlist th {
	font: bold 11px Tahoma, Verdana, Arial;
	margin: 0;
	padding: 1px 4px 1px 2px;
	background-color: #ccc;
	text-align: left;
}

#invlist td {
	font: 11px Tahoma, Verdana, Arial;
	padding: 1px 4px 0;
	margin: 0;
}



/* @end */

/* @group map */

img.map {
	float: right;
	margin: 0 10px 20px 0;
	padding: 1px;
}

img.van {
	float: right;
	margin: 20px;
	padding: 1px;
}

p.map {
	font: 12px/18px Tahoma, Verdana, Arial;
	margin: 10px 10px 10px 20px;
	padding: 0;
}



/* @end */

/* @group userlist */

#userlist table {
	margin: 20px;
}

#userlist th {
	font: bold 11px Tahoma, Verdana, Arial;
	padding: 2px 6px;
	background-color: #ccc;
	text-align: left;
}

#userlist th.c {
	font: bold 11px Tahoma, Verdana, Arial;
	padding: 2px 6px;
	background-color: #ccc;
	text-align: center;
}

#userlist td {
	font: 11px Tahoma, Verdana, Arial;
	padding: 2px 6px;
	border-bottom: 1px dotted #ccc;
}

#userlist td.c {
	font: 11px Tahoma, Verdana, Arial;
	padding: 2px 6px;
	border-bottom: 1px dotted #ccc;
	text-align: center;
}

#userlist a {
	text-decoration: underline;
}



/* @end */

/* @group msglist */

#msglist table {
	margin: 20px;
}

#msglist th {
	font: bold 11px Tahoma, Verdana, Arial;
	margin: 0;
	padding: 1px 8px;
	background-color: #ccc;
	text-align: left;
}

#msglist th.c {
	font: bold 11px Tahoma, Verdana, Arial;
	margin: 0;
	padding: 1px 8px;
	background-color: #ccc;
	text-align: center;
}

#msglist td {
	font: 11px Tahoma, Verdana, Arial;
	padding: 2px 8px;
	margin: 0;
	border-bottom: 1px dotted #ccc;
}

#msglist a {
	text-decoration: underline;
}

#msglist .label {
	font-weight: bold;
}



/* @end */

/* @group msgview */

#msgview {
	font: 11px Monaco, monospace, Courier, "Courier New", mono;
	color: #000;
	text-align: left;
	margin: 20px 20px 20px 40px;
	padding: 0;
	overflow: scroll;
}



/* @end */

/* @group popupwait */

#popupwait {
	position: absolute;
	left: 40%;
	top: 130px;
	display: none;
}

#popupwait img {
	padding: 0;
	margin: 8px;
}

#popupwait p {
	color: #003366;
	font: bold 36px Tahoma, Verdana, Arial;
	text-align: center;
}



/* @end */

/* @group test */

#test {
	font-size: 10px;
	color: #333;
}

#test pre {
	color: #333;
	font: 10px "Courier New", Courier, mono;
	margin: 20px;
	padding: 2px;
	background-color: #ccc;
	text-align: left;
}

#test p {
	color: #333;
	font: 12px Tahoma, Verdana, Arial;
	padding: 0;
	text-align: left;
	margin: 20px;
}



/* @end */

#listact td {
	color: #000;
}

a#leg3Toggle {
	padding-left: 90px;
}

/* @group jstat */

div.jstat {
	position: absolute;
	background-color: #c4aee1;
	text-align: left;
	margin: 0;
	padding: 10px;
	width: 400px;
	bottom: 0;
	left: 0;
	display: none;
}

div.jstat p {
	font-size: 11px;
	color: #000;
	margin: 0;
	padding: 4px;
}



/* @end */