/* UNIVERSAL ELEMENTS /////////////////////////////////////////////////////// */

a { outline:0; }
* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 17px;
 background: url(../images/bg_body.gif) top center repeat-y;
 background-color: #6e6e6e;
 padding:0px!important; /*this padding hack fixes things */
 padding:0px 0px 0px 1px;
 text-align:center;
}

body a:link {
 font-weight: bold;
 text-decoration: none;
 color: #7DAF43;
}

body a:visited {
 font-weight: bold;
 text-decoration: none;
 color: #7DAF43;
}

body a:hover {
 font-weight: bold;
 text-decoration: underline;
 color: #7DAF43;
}

hr {
 height: 1px;
 width: 75%;
 margin: 4px 0px;
 color: #CCC;
 background-color: #CCC;
 border: 0;
}

#header {
 float: left;
 margin: 0px 0px -5px 0px;
 width: 950px;
 height: 70px;
 padding: 1px 0px 0px 0px;
 border: none;
 background-image:  url(../images/bg_header.jpg);
 background-repeat: repeat-x;
 background-color: #003A4D;
}

#navigation {
 float: right;
/*width: 460px;*/
 margin: 38px 3px -38px 10px;
 padding: 0px;
}

/* NAVIGATION SLOGAN */
.slogan {
 float: right;
 width: 250px;
 margin: 12px 155px 0px 0px;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 14px;
 line-height: 18px;
 font-weight: bold;
 color: #F3F3F3;
 text-align: left;
 display: block;
}

#leftcolumn {
 float: left;
 width: 580px;
 margin: 0px;
 padding: 12px 0px 10px 12px;
 color: #231F20;
}

#leftcolumn p {
 padding: 2px 0px 4px 1px;
 margin-bottom: 4px;
}

#rightcolumn {
 float: right;
 width: 300px;
 margin: 20px 10px 0px 0px;
 padding: 10px;
 color: #333;
 border: 1px solid #B8B8B8;
}

ul#rightcolumn {
 margin: 0px 0px 0px 15px;
}

li#rightcolumn {
 list-style-type:none;
 margin: 0px;
 padding: 0px;
}

#stats {
 float: left;
 width: 820px;
 margin: 0px 0px 10px 16px;
}
 

#footer { 
 width: 950px;
 margin: 0px auto;
 padding: 20px 0px 20px 0px;
 clear: both;
 color: #666;
 background-color: #003546;
}

/* TYPE STYLES /////////////////////////////////////////////////////// */
h1 {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 22px;
 line-height: 24px;
 font-weight: bold;
 margin: 4px 0px 4px 2px;
 color: #333;
}

h2 {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 18px;
 line-height: 20px;
 font-weight: bold;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 1px;
 color: #231F20;
}

/*h2:first-letter {
display:block;
float:left;
border: none;
padding:4px 4px 0px 0px;
margin:0px;
color: #003546;
background:url(firstletter1.png);
font-size:30px;
}*/

h3 {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 14px;
 line-height: 16px;
 margin-bottom: 0px;
 font-weight: bold;
 color: #003C4F;
}

h4 {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 12px;
 line-height: 16px;
 margin: 2px 0px 4px 0px;
 font-weight: bold;
 color: #231F20;
}

h6 {
 float: left;
 width: 20px;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 30px;
 line-height: 32px;
 font-weight: bold;
 letter-spacking: -1px;
 margin: 4px 0px 0px 2px;
 color: #999;
 display: block;
}

#footer strong {
 color: #666;
}

#footer p{
 margin: 0px 0px 10px 20px;
 width: 840px;
 font-size: 11px;
 line-height: 14px;
 color: #666;
}

#footer a:link{
 color: #666;
 text-decoration: none;
}

#footer a:visited{
 color: #666;
 text-decoration: none;
}

#footer a:hover{
 color: #666;
 text-decoration: underline;
}
 

/* STRUCTURAL VALUES /////////////////////////////////////////////////////// */
#package {
 width: 970px;
 margin: 0px auto;
 padding: 0px;
 height: 100%;
 border: none;
 text-align: left;
}

#container_one {
 width: 960px;
 margin: 0px auto;
 padding: 0px;
}

#container_two {
 width: 950px;
 margin: 0px auto;
 padding: 0px;
 background-color: #003A4D;
 /*background-image:  url(images/bg_main.gif);
 /*background-repeat: repeat-x;*/
}
	
#container_three {
 width: 950px;
 padding: 0px;
}

#container_four {
 width: 950px;
 margin: 0px auto;
 padding: 0px;
 height: 100%;
 overflow: hidden;
 padding: 0px;
}

#wrapper {
 width: 950px;
 margin: 0px auto;
 padding: 0px;
}

#content{
 float: left;
 width: 950px;
 margin: 0px auto;
 padding: 2px 0px 12px 0px;
 background-image:  url(../images/bg_content.gif);
 background-repeat: no-repeat;
 background-color: #F3F3F3;
}

#affiliate_signup {
 width: 500px;
}
#affiliate_inquiries {
 width: 500px;
}
#form_login {
 width: 500px;
}
	
/* FIXES */	
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both;
 visibility: hidden;
}

#left.tr {
 margin: 5px;
}

.bj-widget-1 {
 overflow:hidden;
 margin-top: 0;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */

/* HEADER & NAVIGATION /////////////////////////////////////////////////////// */
#logo {
 float: left;
 width: 319px;
 height: 42px;
 margin: 19px 0px -19px 12px;
}

a.rollover {
 display: block;
 width: 318px;
 height: 42px;
 text-decoration: none;
 background:  url(../images/logo.jpg);
}

a.rollover:hover {
 background-position: -318px 0;
}

a.button_submit_gray {
	display:block;
	width:101px;
	height:29px;
	margin:2px 0px 0px -1px;
	text-decoration:none;
	background:url(https://www.simplefilings.com/images/button_submit.png);
}
a.button_submit_gray:hover {
	display:block;
	width:101px;
	height:29px;
	margin:2px 0px 0px -1px;
	background-position:-101px 0;
}

#tools {
 float: right;
 width: 906px;
 height: 20px;
 margin-right: 10px;
 padding-right: 44px;
 font-size: 11px;
 text-align: right;
 background-image:  url(../images/bg_tools.gif);
 background-repeat: repeat-x;
 overflow: hidden;
 color: #666;
}

#tools a {
 border-bottom:none;
 padding:0 0 0 14px;
 font-weight: normal;
 text-decoration: none;
 color: #999;
}

#tools a:link {text-decoration: none;}
#tools a:visited {text-decoration: none;}
#tools a:hover {text-decoration: none; color:#666;}
#tools .activetool {background: url(../../images/bullet_arrow.png) 4px 1px no-repeat; color: #666; text-decoration: none;}

.date {
 float: left;
 width: 200px;
 margin: -1px 50px 0px 6px;
 display: block;
 text-align: left;
 color: #999;
}

.userid {
 float: right;
 width: 505px;
 margin: -1px 6px 0px 0px;
 display: block;
 text-align: right;
 color: #999;
}

#tools a {
 text-decoration: none;
 color: #414042;
}

#tools  li {
 display: inline;
 list-style-type: none;
 margin: 0;
}


/* MAIN BOX /////////////////////////////////////////////////////// */
#main_one {
 float: right;
 width: 150px;
 margin: 10px 0px 0px 0px;
 padding: 6px;
 text-align: center;
}

#main_two {
 float: right;
 width: 150px;
 margin: 10px 0px 0px 10px;
 padding: 6px;
 text-align: center;
}


#main_three {
 float: right;
 width: 150px;
 margin: 10px 0px 0px 10px;
 padding: 6px;
 text-align: center;
}

a.button {
 display: block;
 width: 101px;
 height: 29px;
 margin: 0 auto;
 text-decoration: none;
 background:  url(../images/button_start.png);
}

a.button:hover {
 background-position: -101px 0;
 margin: 0 auto;
}

.graphic {
 margin: 2px 4px 6px 4px;
 padding: 0px;
 border: none;
}

.picfloat {
 float: right;
 margin: 2px 4px 4px 4px;
 border: none;
}

/* FORMS /////////////////////////////////////////////////////// */
#form-narrow {
 width: 280px;
 height: 90px;
 margin: 0px 0px 4px 0px;
 padding: 8px 4px 8px 4px;
 font-family:Helvetica,Arial,Verdana,sans-serif;
 font-size: 11px;
 line-height: 13px;
 color: #666;
 font-weight: bold;
 text-align:left;
}

form {
 width: 280px;
 overflow: hidden;
}

select {
 display: block;
 float: left;
 height: 20px;
 width: 60px;
 padding: 2px;
 margin-right: 4px;
 font-size: 11px;
 font-weight: normal;
 color: #666;
}

select.wide {
 width: 188px;
 margin-bottom: 4px;
}

input.images/admin/ {
 display: block;
 width: 180px;
}

.formgroup {
 float: right;
 width: 230px;
 margin: 0px 0px 4px 0px;
 display: block;
 overflow:hidden;
}

.formlabel {
 float: left;
 width: 20px;
 height: 20px;
 margin: 3px 10px 2px 0px;
 display: block;
}

br {
 clear: left;
}

/* TABLES /////////////////////////////////////////////////////// */
table[align=center] {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

td {
	padding: 2px;
	margin: 0px;
	text-align: center;
}

th {
	font-size: 12px;
	font-weight: bold;
}

.tableedit th
{
	color: #333;
	text-align: left;
}
.tableedit td {
	color: #333;
}

.tablesubmit {
    background:#fffff5;
    padding:6px !important;
        color: #FFFFFF;
}

.tablesubmit td {
        color: #000000;
}


.tableresult {
	border: none;
	padding: 0px;
	margin: 0px;
	background-color: #DEDEDE;
	color: #333;
}

.tableresult th
{
	color:#FFF;
	background-color: #F98526;
	text-align: center;
}

.tableresult td
{
	color: #333;
}

.tableresult .images/
{
	background-color:transparent;
	text-align: right;
}

span.assigned 
{
        font-size: 12px;
        font-weight: strong;
}
.tableextra-assigned
{
	background: #FFC1C1;
}
.tableextra-assigned td
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

.tableextra-assigned .OT
{
	background-color: #F4FFE4;
}

.tableextra
{
	background: #FFFFFF;
}

.tableextra td
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

.tableextra .OT
{
	background-color: #F4FFE4;
}

.totalrow
{
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	text-align:center;
}

.tablewarning
{
	font-size: 10px;
	color:#CC0000;
	border: thin dashed #CC0000;
	text-align: center;
	font-weight: bold;
	margin:10px;
	padding:3px;
}

td.TT
{
	background-color:#D7E9F7;
	color:#000000;
	font-size: 10px;
}

td.NT
{
	background: #F7DDDD;
	text-align: left;
}
td.HT
{
	padding: 0px 0px;
	text-align: left;
	background-color: #FF9896;
}
td.LT
{
    padding: 0px 0px;
}
td.refund
{	
	background-color:#CDEECC;
	text-align: left;
}
td.needs_refund
{
        background-color:#99FF33;
}
td.NT, td.HT, td.LT, td.refund
{
	font-size: 8pt;
	font-weight: lighter;
	font-style: normal;
}

td.weekrow
{
	background: #F4F4F4;
	font-weight: normal;
}
td.monthrow
{
	background: #999;
	font-weight: bold;
	color: #FFF;
}
td.date
{
	background-color: #DDF0DD;
}
td.GG
{
	background-color:#BBBBFF;
}
td.MS
{
	background-color:#BBBBEE;
}
td.OV
{
	background-color:#BBBBDD;
}
td.UN
{
	background-color:#BBBBCC;
}
td.TO
{
	background-color:#BBBBBB;
}
td.CH
{
	background: #FFFFFF;
}
td.WC
{
	background: #B2C5E2;
}
td.DC
{
	background: #D1D1D1;
}
td.BB
{
	background: #92A5E2;
}
td.DH
{
	background: #A2B5E2;
}

td.weekrow, td.date, td.CH, td.WC, td.DC, td.BB, td.DH, td.GG, td.MS, td.OV, td.UN, td.TO
{
	font-size: 8pt;
	font-style: normal;
}
td.monthrow, td.date, td.CH, td.WC, td.DC, td.BB, td.DH, td.GG, td.MS, td.OV, td.UN, td.TO
{
	font-size: 8pt;
	font-style: normal;
}
th.CH, th.WC, th.BB
{
	text-align:center;	
}
td.weekrow, td.DC, td.WC, td.BB, td.DH, td.GG, td.MS, td.OV, td.UN, td.TO
{
	text-align:center;
}
td.monthrow, td.DC, td.WC, td.BB, td.DH, td.GG, td.MS, td.OV, td.UN, td.TO
{
	text-align:center;
}


/* ---------------------- Start nav ---------------------- */
#menucontainer{float: left;position:relative;height:29px;margin:0px -1px 0px 18px; padding: 0px; color:#E0E0E0;background:#003545;
/*width:445px;*/
font-family:Helvetica,Arial,Verdana,sans-serif;}
#menunav{position:relative;height:33px;padding:0px;font-size:12px;font-weight:bold; background: url(../images/menu_nav.gif) repeat-x bottom left;}
#menunav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;background: url(../images/menu_bg.gif) repeat-x bottom left;}
#menunav ul li{display:block;float:left;margin:0px;}
#menunav ul li a{display:block;float:left;color:#EEE;text-decoration:none;padding:0 0 0 10px;height:33px;}
#menunav ul li a span{padding:12px 10px 0 0;height:21px;float:left;}
#menunav ul li a:hover{color:#FFF;background:transparent url(../images/menu_bg-over.gif) repeat-x bottom left;}
#menunav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#menunav ul li a.current,#menunav ul li a.current:hover{color:#333;background:#1D6893 url(../images/menu_left-on.gif) no-repeat top left;line-height:275%;}
#menunav ul li a.current span{display:block;padding:0 10px 0 0;width:auto;background:#1D6893 url(../images/menu_right-on.gif) no-repeat top right;height:33px;}
.menu_sep {width:1px;height:29px;margin:4px 0px -4px 0px;padding:0px;}
.menu_corner_lt {margin: 4px 0px -4px -1px;}
.menu_corner_rt {margin: 4px -1px -4px 0px;}
/* ---------------------- END nav ---------------------- */

/* ROUNDED CORNERS /////////////////////////////////////////////////////// */
/* Basic styling (JavaScript is unsupported) */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background: url(../images/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background: url(../images/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background: url(../images/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background: url(../images/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}
	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background: url(../images/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background: url(../images/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour
	and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/* Custom CSS
================================================*/
.one {
	position:absolute;
	top:0;
	right:0;
}
.two {
	float:left;
	width:45%;
}
.two .i1,
.two .i2 { background-image: url(../images/borders.png); }
.two .bt,
.two .bt div,
.two .bb,
.two .bb div { background-image: url(../images/box.png); }
#three {
	float:left;
	clear:both;
	width:80%;
}
#three .cb {
	float:left;
	width:40%;
}