/* CSS layout - DCRA Web Theme */

/* Colors Used: */
/* Dark Blue: #2d598a; */
/* Dark Brown: #673826; */
/* Medium Blue: #3c81bf; */
/* Light Cream: #fcfae5;
/* Light Blue: #d1e1e8; */
/* Lighter Blue: #e7eff2; */
/* Red: #ff0000; */
/* Dark Red: #4d0000; */

.field-validation-error
{
    color:Red;
    display:block
}

/* ------------------------------- */
/* ----- Page Layout Classes ----- */
/* ------------------------------- */
html {
	font-size:62.8%;
}

body {
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	border:0;
	background-color:#ffffff;
}

table {
	line-height:150%;
}

.ndbanner {
	font-size:1px; /*ensure minimum height*/
	background-color:white;
	height:27px;
}

.ndbannerleft {
	float:left;
	font-size:1px; /* ensure minimum height*/
	background-color:white;
	height:26px;
	width:580px;
}

.ndbannerright {
	float:right;
	font-size:1px; /* ensure minimum height*/
	background-color:white;
	height:26px;
	width:90px;
}

/*.header {
	background-image: url('images/headbg.gif');
	background-repeat:repeat-x;
	height:100px;
}*/

.headlow {
	font-size:12px; /* ensure minimum height */
	background-color:white;
	border-bottom:1px #673826 solid;
	padding-left:5px;
	background-repeat:repeat-x;
	height:22px;
}

/* Sets up correct page width and centers. */
.page_content {
	width:900px;
	margin:auto;
	clear:both;
	text-align:left;
	font-size:1em;
	min-height:300px;
	height:auto !important;
	padding-top:6px;
	padding-bottom:12px;
}

/* This is the main title of each page which is always under the progress bar and over the instructions */
.page_title h1 {
	clear:both;
	float:left;
	font-size:1.4em;
	font-weight:bold;
	color:#2d598a;
}

/*.footer {
	background-color:#004276;
	clear:both;
	border-top:1px #673826 solid;
	height:35px;
	margin-top:35px;
}*/

hr {
	color:black;
	background-color:black;
	height:1px;
	border:thin;
	margin-top:0px;
	margin-bottom:15px;
	padding-top:0px;
}

a:link, a:visited, a:active {
	color:#c00;
	text-decoration:underline;
}

a:hover {
	color:#4d0000;
	text-decoration:underline;
}


/* --- End Page Layout Classes --- */

/* ------------------------------- */
/* ------- Header Classes -------- */
/* ------------------------------- */

.headleft {
	float:left;
	font-size:1px; /* ensure minimum height */
	background-color:#e1ecf2;
	background-repeat:no-repeat;
	background-image:url('images/headleft.gif'); /*This is a transparent image in DC's case.*/
	height:100px;
	width:212px;
}

.headright {
	float:right;
	height:100px;
	width:500px;
	background-image:url('images/headright2.gif'); /*This is a transparent image in DC's case.*/
	}

.hwelcome {
	float:right;
	color:#3c81bf;
	font-size:1.1em;
	margin:3px 12px 2px 0;
	display:inline;
	height:14px;
}

.hwelcome ul {
	list-style:none;
	margin:0;
	padding:0;
}

.hwelcome li {
	display:inline;
	padding:0px 12px 0px 12px;
	border-right:1px #3c81bf solid;
}

.hwelcome li.lastlink, .hnav li.firstlink {
	border:none;
}

.hwelcome a:active, .hwelcome a:link, .hwelcome a:visited {
    color:#cc0000;
	font-weight:normal;
}

.hwelcome a:hover {
	color:#4d0000;
	text-decoration:underline;
}

.hnav {
	float:left;
	margin:3px 0px 2px 2px;
	text-align:left;
	font-size:1.1em;
	color:#3c81bf;
	height:14px;
}

.hnav ul {
	list-style:none;
	margin:0;
	padding:0;
}

.hnav li {
	display:inline;
	padding:0px 12px 0px 12px;
	border-left:1px #3c81bf solid;
}

.hnav a:active, .hnav a:link, .hnav a:visited {
	color:#cc0000;
}

.hnav a:hover {
	color:#4d0000;
	text-decoration:underline;
}
/* ----- End Header Classes ------ */

/* ------------------------------- */
/* ------- Footer Classes -------- */
/* ------------------------------- */

.fnav {
	float:right;
	margin:5px 0px 0px 0px;
	text-align:left;
	font-size:1.1em;
	display:inline;
}

.fnav ul {
	list-style:none;
	margin:0;
	padding:0;
}

.fnav li {
	display:inline;
	margin-right:12px;
}

.fnav a:active, .fnav a:link, .fnav a:visited {
	color:#fff;
	padding-left:2px;
	padding-top:12px;
	padding-bottom:12px;
}

.fnav a:hover {
	color:#4d0000;
}

.fnav #FilingTypeText {
	color:#fff;
}

.fcopy {
	float:left;
	font-family:"Times New Roman", Times, serif;
	font-size:1em;
	width:230px;
	margin:5px 0px 0px 15px;
}

.ffine, .ffine a:link {
	font-size:12px;
	color:#fff;
}

.ffine a:hover {
	font-size:12px;
	color:#4d0000;
}

/* ----- End Footer Classes ------ */

/* ------------------------------- */
/* ------ Progress Classes ------- */
/* ------------------------------- */

.progress {
	font-weight:bold;
	width:690px;
}

.progress .steps {
	position:relative;
	left:50%;
	line-height:30px;
	font-size:1em;
	color:#3c81bf;
}

.progress .steps ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.progress .steps li {
    float:left;
    display:inline;
    position:relative;
}

.progress .steps li ul {
	position: absolute;
	left: -120px;
	top: 33px;
	display: none;
}

.progress .steps li ul li {
	background-color:#f5f5f5;
	width:240px;
	text-align:center;
}

.progress .steps li:hover ul { 
	display: block; 
	height:1em;
	}

.progress a:link.current, .progress a:visited.current, .progress a:active.current {
    background:#ffffff url('images/progcircle.gif') no-repeat scroll center center;
	color:#673826;
	text-decoration:none;
	padding:6px 6px 6px 6px;
	margin-right:6px;
}

.progress a:link.future, .progress a:visited.future, .progress a:active.future {
	color:#3c81bf ;
	text-decoration:none;
	padding:6px 6px 6px 6px;
	margin-right:6px;
}

.progress a:hover.future {
	color:#3c81bf;
}

.progress a:link.completed, .progress a:visited.completed, .progress a:active.completed {
	background-color:white;
	color:#d1e1e8 ;
	text-decoration:none;
	padding:6px 6px 6px 6px;
	margin-right:6px;
cursor:default;
}

.progress a:hover.completed {
	background-color:#f5f5f5;
	color:#001864;
}
/* ----- End Progress Classes ------ */

/* ---------------------------------------------------- */
/* ------------- Tabs UI Pattern Classes -------------- */
/* ---------------------------------------------------- */

/* A tabgroup is the parent container for tab items. */
/* A tab area and a tabcontent area should be its children.*/
.tabgroup 
{
    margin-top:10px;
    width:100%;
    clear:both;
    margin:0px;
    height:29px;
}

/* The tabs area should contain an unordered list of links for the tabs. */
.tabs  {
    float:left;
    width:100%;
    height:25px;
}

/* Sets display properties for the ul used in the tabs area. */
.tabs ul {
    margin:0;
    list-style:none;
    padding:0 0 0 12px;
}

/* Sets up display of the actual tab. */
.tabs li
{
    float:left;
    background:url("images/tab_left.gif") no-repeat left top;
    margin:0 2px 0 2px;
    padding:0;
}

.tabs2 li {
    float:left;
    background:url("images/tab_left.gif") no-repeat left top;
    margin:0px 0px 0px 0px;
    padding:0;
}

/* Part 2 of displaying a tab. */
.tabs a, .tabs a:link, .tabs a:visited, .tabs a:active {
    display:block;
    padding:8px 12px 8px 12px;
    background:url("images/tab_right.gif") no-repeat right top;
    color:#1d4e74;
    font-weight:bold;
}

.tabs2 a, .tabs2 a:link, .tabs2 a:visited, .tabs2 a:active {
    display:block;
    padding:8px 4px 10px 4px;
    background:url("images/tab_right.gif") no-repeat right top;
    color:#3e5d75;
    font-weight:bold;
}

/* The currently selected tab is displayed differently from the others. */
/* This class should be used on the li for the current tab. */
.tabs li.selected  {
    background-image:url("images/tab_selected_left.gif");
}

/* Part 2 of displaying the currently selected tab. */
.tabs li.selected a, .tabs li.selected a:link, .tabs li.selected a:visited, .tabs li.selected a:active  {
    background-image:url("images/tab_selected_right.gif");
    color:#484750;
    text-decoration:none;
}

/* tabcontent displays tab content with a surrounding border and left/right padding. */
.tabcontent {
    clear:both;
    background-color:#e1ecf2;
    border:1px #484750 solid;
    padding:12px 12px 21px 12px;
    margin:0;
}

.tabcontenthide {
	display:none;
}

.taboptions {
	margin-top:6px;
	margin-bottom:6px;
}

.tabdisplay {
	clear:both;
}

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

/* ------------------------------- */
/* -------- Form Classes --------- */
/* ------------------------------- */

.form_content .form_body, .filingbody .filingform {
	background-color:#e1ecf2;
	padding:15px 15px 30px 15px;
	border:1px #673826 solid;
	letter-spacing:-.3px;
	font-size:1em;
	margin-bottom:10px;
}

.form content .form_body td {
	width:100px;
}

.rev {
	width:850px;
}

/* When rending a debtor or secured party address in HTML, line breaks are inserted. Line-height is set so the spacing of these lines matches cellspacing for other info displayed (e.g., the debtor's name is in its own cell */
.uccPartyAddress {
    line-height: 20px;
}

.rev tr {
    /* Task 5225: UCC-1/CNS-1 - Internet and Intranet - Debtor Organization - Changed line-height from 90% to 100% to enforce line heights for debtors' "Additional Info" */
	line-height: 100%;
}
.rev td {
    line-height: 20px;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
}
.rlinks > :first-child {
	padding-right:15px;
}

.rlinks {
	text-align:right;
}

.rev .rlinks {
	text-align:right;
}

.ver {
	width:850px;
}

.ver td{
	height:30px;
	vertical-align:top;
}

.ver tr {
	line-height:110%;
}

.ver .rlinks {
	text-align:right;
}

.talling tr {
	height:30px;
}

.space {
	margin-right:15px;
}

.blessfset {
    border:none;
}

.legendhead {
    font-weight:bold;
    padding-bottom:5px;
}

.rlabel {
	color:#004276;
	font-weight:bold;
	vertical-align:top;
	padding-top:5px;
}

.rlabel h3 {
	line-height:16px;
	font-size:1.2em;
	color:#004276;
	font-weight:bold;
	font-style:normal;
	width:250px;
}

.fslabel {
	color:#004276;
	vertical-align:top;
	padding-top:5px;
}
.fslabelnowidth {
    color:#004276;
    vertical-align: top;
    padding-top: 5px;
    width: 0px;
}

.form_content h1 {
	font-size:1.2em;
	padding:0;
	margin:0;
}

.form_content h2 {
	float:left;
	font-size:1.1em;
	font-weight:bold;
}

.form_content h3 {
	font-size:1em;
	font-weight:bold;
	font-style:normal;
}

.form_content select
{
    max-width:85%;
}

.form_content .landing_page ul li {
	line-height:135%;
	padding-bottom:12px;
}

.form_content .landing_page a:active, .form_content .landing_page a:link, .form_content .landing_page a:visited {
	color:#3c81bf;
	text-decoration:none;
}

.form_content .landing_page a:hover {
	color:#4d0000;
	text-decoration:underline;
}

.form_content .inputhint, .form_content .selecthint {
	color:#004276;
	font-size:.8em;
	line-height:95%;
	min-width:150px;
}

.form_content .selecthint {
	padding-left:21px;
}

.form_content .form_bg {
	/*margin:0px auto;*/
    width:690px;
    clear:both;
}

.instructions {
	clear:both;
	font-size:1em;
	line-height:20px;
}
.instructions li {
	margin:10px;
}


.landinginstructions {
	clear:both;
	letter-spacing:1px;
	font-size:1.2em;
	color:#673826;
	font-weight:bold;
	margin-bottom:15px;
}

.form_content .form_body hr, .filingbody .filingform hr {
	color:black;
	height:1px;
	border:none;
}

.form_content .form_body ul li {
	line-height:135%;
	padding:15px;
}

.form_content .form_action, .filingbody .filingaction {
	padding:15px 15px 0px 0px;
}

.form_content .form_action a:link, .form_content .form_action a:visited, .form_content .form_action a:active {
	padding-right:18px;
	color:#3c81bf;
	text-decoration:underline;
}

.form_content .form_action a:hover {
	color:#4d0000;
	text-decoration:underline;
}

.form_content .titledsection {
	line-height:30px;
	border-top:2px white solid;
}

.form_content .title {
	float:left;
	font-weight:bold;
}

.form_content .editlink {
	float:right;
}

.form_content .editlink a:active, .form_content .editlink a:link, .form_content .editlink a:visited {
	color:#3c81bf;
	text-decoration:none;
}

.form_content .editlink a:hover {
	color:#4d0000;
	text-decoration:underline;
}

.form_content .section {
	clear:both;
}

.form_input {
	width:100px;
	margin-right:15px;
}

.section_heading {
	font-weight:normal;
	font-size:1.4em;
	color:#484750;
	margin-bottom:0px;
	padding-bottom:0px;
}

.section_heading h2 {
	font-weight:normal;
	font-style:normal;
	font-size:1.4em;
	color:#484750;
	margin-bottom:0px;
	padding-bottom:0px;
}

.section_heading h3 {
	font-weight:normal;
	font-style:normal;
	font-size:1em;
	color:#484750;
	margin:0px;
	padding:0px;
}

.table_heading h2 {
	font-weight:normal;
	font-size:1.4em;
	color:#484750;
	margin:0 0 6px 0;
	padding:0 0 0 0;
}

.table_heading2 h2 {
	float:left;
	font-weight:normal;
	font-size:1.4em;
	color:#484750;
	margin:0 0 6px 0;
	padding:0 0 0 0;
}

.caption {
	float:left;
	color:#484750;
	font-size:.8em;
	line-height:2.1em;
	margin:0 0 6px 12px;
	padding:0 0 0 0;

}

.editcurrent {
	float:right;
}

.spacetable tr {
	height:30px;
	margin-right:25px;
}

.spacetable td {
	width:180px;
	padding-top:5px;
	vertical-align:top;
}

.spacetable td .widecell {
	width:540px;
	vertical-align:top;
}

.spacetable td.rlabel {
	width:180px;
	vertical-align:top;
}
.listwrap ul {
    padding-top:-10px;
	margin-top:-10px;
	padding-left:0px; 
	margin-left:0px;
}

.listwrap ul li {
	width:150px;
	float:left;
	list-style:none;
}

td.listwrap {
	padding-bottom:20px;
}
/* --- End Form Classes --- */

/* --- Alternating Table Color Classes --- */

.alt_color th {
	background-color:#2d598a;
	font-weight:bold;
	color:#ffffff;
	padding:3px 6px 3px 6px;
	text-align:left;
}

.alt_color_head td {
	background-color:#2d598a;
	font-weight:bold;
	color:#ffffff;
	padding:3px 6px 3px 6px;
	text-align:left;
	border:004276;
}

.alt_color td {
	background-color:#e7eff2;
	font-weight:normal;
	color:#000000;
	padding:6px 6px 6px 6px;
	text-align:left;
}

.alt_row td {
	background-color:#ffffff;
	font-weight:normal;
	color:#000000;
	padding:6px 6px 6px 6px;
	text-align:left;
}

.alt_color td.alt {
	background-color:#e1ecf2;
}

.vertable, .multilinetable {
	margin-bottom:15px;
	clear:both;
	border-left:thin #004276 solid;
	border-right:thin #004276 solid;
}

.vertable td {
	vertical-align:top;
	border-bottom:1px #004276 solid;
	background-color:#F4FFF9;
	/*border-right:1px #004276 solid;
	border-left:1px #004276 solid;*/
}
.tablesorter {
	border-bottom:thin #673826 solid;
}

.multilinetable td {
	vertical-align:top;
}


/* --- SPAN LABEL/INPUT CLASSES --- */

.spanlabel {
    padding:0px 10px 10px 10px;
    display:inline;
    color:#004276;
}

.spaninput {
    padding:0px 33px 10px 10px;
}


.spanlabelinput 
{
    float:left;
    display:inline;
}

.spaninputdate
{
    padding:0px 15px 10px 10px;
}

.spanlabelinput2col 
{
    float:left;
    display:inline;
    width:50%;
}

.spanreadonlylabel  {
    padding:0px 20px 5px 10px;
    display:inline;
    color:#004276;
    font-weight:bold;
}

.spanreadonlyvalue  {
    padding:0px 10px 0px 0px;
}

.spanreadonlylabelvalue  
{
    float:left;
    display:inline;
    width:100%;
 }
 
 .spandateinput
 {
    float:left;
    display:inline;
    padding-right:5px;
    padding-bottom:10px;
}

.tdnoitem
{
    background-color:#F4FFF9;
}

.spaninputdrop
{
    padding:0px 40px 10px 10px;
}

.spaninputdropsmall
{
    padding:0px 80px 10px 10px;
}

.spaninputcheck
{
    padding:0px 168px 10px 10px;
}

.spaninputcity
{
    padding:0px 10px 10px 10px;
}

.spanlabelstate
{
    padding:0px 42px 10px 10px;
    display:inline;
    color:#004276;
}

.spanul
{
    padding:0px 10px 0px 10px;
}

/* --- Shopping Cart Classes --- */

.shoppingcart {
	margin-bottom:24px;
}

.totalrow td {
	border-top:thin #2d598a solid;
	margin-bottom:15px;
	padding:6px 6px 6px 6px;
	font-weight:bold;
}

.shoppingcart .alt_color td.price, .shoppingcart .alt_row td.price, .shoppingcart .alt_color th.price, .totalrow td.price {
	text-align:right;
	padding-right:30px;
}

/* End */

.calltoaction {
	background-color:#fcfae5;
	padding:15px 15px 15px 15px;
	margin-bottom:10px;
	border:1px #673826 solid;
	letter-spacing:-.3px;
	font-size:1em;
}

.calltoaction li {
	margin:10px 5px 5px 0px;
}

.bstyle {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	display:inline-block;
	background-image:url('images/button.gif');
	background-repeat:no-repeat;
	background-color:#ffffff;
	margin-right:15px;
	padding-bottom:2px;
	height:20px;
	width:80px;
	font-weight:bold;
	color:white;
	cursor:pointer;
	text-align:center;
}

.blong{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	background-image:url('images/buttonlong.gif');
	background-repeat:no-repeat;
	background-color:#ffffff;
	margin-right:15px;
	padding-bottom:2px;
	height:20px;
	width:130px;
	font-weight:bold;
	color:white;
	cursor:pointer;
	text-align:center;
}

.blonger {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	display:inline-block;
	background-image:url('images/buttonlonger.gif');
	background-repeat:no-repeat;
	background-color:transparent;
	margin-right:15px;
	height:20px;
	width:150px;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
}

.blongest {
	display:inline-block;
	background:transparent url('images/buttonlongest.gif') no-repeat;
	margin-right:15px;
	margin-bottom:5px;
	border:none;
	height:20px;
	width:230px;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
}

.bstyle4 {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	display:inline-block;
	background-image:url('images/button4.gif');
	background-repeat:no-repeat;
	background-color:transparent;
	margin-right:15px;
	height:20px;
	width:300px;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
}
.bstyle:hover {
	background-image:url('images/buttonh.gif');
	color:#2D598A;
	height:20px;
	width:80px;
}

.blong:hover {
	background-image:url('images/buttonhlong.gif');
	color:#2D598A;
	height:20px;
	width:130px;
}

.blonger:hover {
	background-image:url('images/buttonhlonger.gif');
	background-color:#e1ecf2;
	color:#2D598A;
}

.blongest:hover {
	background-image:url('images/buttonhlongest.gif');
	background-color:#e1ecf2;
	color:#2D598A;
}

.bstyle[disabled] {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	display:inline-block;
	background:transparent url('images/buttond.gif') no-repeat;
	margin-right:15px;
	padding-bottom:2px;
	height:20px;
	width:80px;
	font-weight:bold;
	color:white;
	cursor:pointer;
	text-align:center;
}

.blong[disabled] {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	background:transparent url('images/buttonlongd.gif') no-repeat;
	margin-right:15px;
	padding-bottom:2px;
	height:20px;
	width:130px;
	font-weight:bold;
	color:white;
	cursor:pointer;
	text-align:center;
}

.blonger[disabled] {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	display:inline-block;
	background:transparent url('images/buttonlongerd.gif') no-repeat;
	margin-right:15px;
	height:20px;
	width:150px;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
}

.blongest[disabled] {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	display:inline-block;
	background:transparent url('images/buttonlongestd.gif') no-repeat;
	margin-right:15px;
	height:20px;
	width:230px;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
}

.bstyle4[disabled] {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	display:inline-block;
	background:transparent url('images/button4d.gif') no-repeat;
	margin-right:15px;
	height:20px;
	width:300px;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
}

.docbutton {
	margin-left:85px;
	height:68px;
	line-height:68px;
	background:url('images/docbutton.gif') no-repeat left top;
	padding-left:68px; 
}

.docbutton a:active, .docbutton a:link, .docbutton a:visited {
	color:#001864;
}

.error
{	
	color:Red;
display:block;
}

.stateselect {
	margin-right:15px;
	width:129px;
}

.radsp {
	width:150px;
}

.hide {
	display:none;
}

.listwrap ul li {
	width:150px;
	float:left;
	list-style:none;
}
.paymentwidth
{
    width:60px;
}
.errorblock {
	background:url('images/errorsign.gif') no-repeat;
	width: 600px;
	margin-top: 35px;
	margin-bottom:35px;
	padding-left:40px;
	color: Red;
}

.errorblock ul {
	padding-left: 6px;
}

textarea {
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	border:1px #898898 solid;
}

/* --== This fixes the moving around of form input element ==-- */

.form_body input, .form_content input  {
	border:1px #898898 solid;
}

.form_body input, .form_content input  {
	border:1px #898898 solid;
}

.form_body input[type=radio], .form_content input[type=radio]  {
	border:1px #e1ecf2 solid;
}

.form_body input[type=checkbox], .form_content input[type=checkbox]  {
	border:1px #e1ecf2 solid;
}

.form_body input[type=button], .form_content input[type=button], .form_body input[type=submit], .form_content input[type=submit] {
	border:none;
}

.form_body input[type=textarea], .form_content input[type=textarea] {
    border:1px #898898 solid;
}

.form_body input:focus, .form_content input:focus {
	outline:1px blue solid; 
	border:1px blue solid;
}

.actionlist ul {
	margin:0 0 0 4px;
	padding:0;
	color:#3c81bf;
	line-height:1em;
}

.onlineservices h3 {
	font-weight:bold;
	font-size:1.2em;
	color:#2d598a;
	margin:12px 0 0 12px;
	padding:0;
}

.onlineservices h4 {
	background:url("images/header_arrow.gif") no-repeat 0px 0px;
	font-weight:normal;
	font-size:1em;
	color:#484750;
	height:24px;
	margin:18px 0 6px 0;
	padding:2px 0 0 30px;
}

.onlineservices p {
	margin:0 86px 6px 0;
	padding:0;
}

.CIservicelist {
	margin-left:10px;
}

.servicedetail {
	margin-left:32px;
}
/* eventtually we will need this but for now it sits dormant
.rightcol {
	float:left;
	width:650px;
	margin:0px 15px 30px 0px;
	display:inline;
}
*/
.rightcol h3 {
	font-weight:bold;
	font-size:1.4em;
	color:#2d598a;
	margin:12px 0 0 12px;
	padding:0;
}

/* ---=== Sliding Door Button CSS ===--- */

button,
a.button,
a.button:link,
a.button:visited {
  /*
      Strip down the button and link elements to a base we can work with.
  */
  padding: 0 0 0 0;
  margin: 0 3px 0 3px;
  border: none;
  display: block;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  white-space: nowrap;
  overflow: visible;
  font-weight: bold;
  float:left;
}

  * html a.button,
  * html a.button:link,
  * html a.button:visited {
    /*
        IE6 fix to make link fit text.
    */
    width: 1%;
  }

  button, x:-moz-any-link {
    /*
        FF fix to make button spacing even across browsers.
    */
    margin: 0 3px 0 3px;
  }

  *:first-child+html button {
    /*
        Reset IE7 back to what it was for previous fix.
    */
    margin: 0 3px 0 3px;
  }

  button span,
  a.button span,
  a.button:link span,
  a.button:visited span {
    /*
        Set the span tags to display: block, as they will work our background-image magic.
    */
    display: block;
  }

button,
a.button,
a.button:link,
a.button:visited {
  /* 
      HEIGHT - Total height of button. 
  */
  height: 22px; 

  /*
      NOTE - You must define the font here otherwise your buttons and links could end up diffrent.
  */
	font-family: Verdana, Helvetica, clean, sans-serif;

  font-size: 13px;
  color: #fff;
  background-color:transparent;
  /* the last two values here are meant to fix a problem in ie7 */
  width:auto;
  overflow:visible;
}

  button.button_active,
  a.button_active {
  }

  button span,
  a.button span,
  a.button:link span,
  a.button:visited span {
    /* 
        Right side padding for button (default). 
    */
    padding: 0 14px 0 0;

    /* 
        SPAN HEIGHT - This should be 2px smaller than the height set on the button (see HEIGHT).
    */
    height: 20px;

    /*
        We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
    */
    background: url(images/button_right.png) top right;
  }

  button span span,
  a.button span span,
  a.button:link span span,
  a.button:visited span span {
    /* 
        Left side padding for button (default). 
    */
    padding: 0 0 0 13px;

    /* 
        SPAN HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT).
    */
    height: 20px;

    /* 
        SPAN LINE-HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT) and will 
                            center the text vertcailly.
    */
    line-height: 20px;

    /*
        We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
    */
    background: url(images/button_left.png) top left;
  }
  
   .form_body button span span,
  a.button span span,
  a.button:link span span,
  a.button:visited span span {
    /* 
        Left side padding for button (default). 
    */
    padding: 0 0 0 13px;

    /* 
        SPAN HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT).
    */
    height: 20px;

    /* 
        SPAN LINE-HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT) and will 
                            center the text vertcailly.
    */
    line-height: 20px;

    /*
        We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
    */
    background: url(images/button_left_f.png) top left;
  }

  button:hover,
  a.button:hover {
    color: #fff;
  }

  button:hover span,
  a.button:hover span {
    color: #fff;
    background: url(images/button_right.png) center right;
  }
  
  button:hover span span,
  a.button:hover span span {
    color: #fff;
     background: url(images/button_left.png) center left;
  }

  
  button.submit span,
  a.submit span,
  a.submit:link span,
  a.submit:visited span {
  }

  button.submit span span,
  a.submit span span,
  a.submit:link span span,
  a.submit:visited span span {
    /*
        Give some extra space for the icon.
    */
    padding-left: 26px;

    /*
        Add in a left side piece with an icon.
    */
    background-image: url(images/bg_button_left_submit.gif);
  }

  button.submit:hover,
  a.submit:hover {
  }

  button.cancel span,
  a.cancel span,
  a.cancel:link span,
  a.cancel:visited span {
  }

  button.cancel span span,
  a.cancel span span,
  a.cancel:link span span,
  a.cancel:visited span span {
    /*
        Give some extra space for the icon.
    */
    padding-left: 26px;

    /*
        Add in a left side piece with an icon.
    */
    background-image: url(images/bg_button_left_cancel.gif);
  }

  button.cancel:hover,
  a.cancel:hover {
  }

  button:active span,
  a:active:active span,
  /*
      'button_active' is the class used by SimplyButtons.js to create the button states in IE.
  */
  button.button_active span,
  a.button_active:active span {
    /*
        Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
    */
    background-position: bottom right;
  }

  button:active span span,
  a:active:active span span,
  /*
      'button_active' is the class used by SimplyButtons.js to create the button states in IE.
  */
  button.button_active span span,
  a.button_active:active span span {
    /*
        Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
    */
    background-position: bottom left;
  }
 
  
  /* ---=== End Sliding Door Button CSS ===--- */
  
  /*----------DCRA TABLESORTER----------*/

table.tablesorter {
    width: 100%;
    border-bottom:solid 4px #CC0000;
    clear:both;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #004276;
	border: 1px solid #F2EFDD;
	font-size: 8pt;
	padding: 4px;
	color:#F4FFF9;
	height:5px;
}

table.tablesorter thead tr .header {
	background-image: url(Images/tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right: 20px;
}

table.tablesorter tbody td {
	color: #000000;
	padding: 4px;
	background-color: #F4FFF9;
	vertical-align: top;
	border-bottom: 1px solid #898898;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(Images/tablesorter/asc.gif);
	padding-right: 20px;
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(Images/tablesorter/desc.gif);
	padding-right: 20px;
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #004276;
}

table.tablesorter thead tr .rownoitems
{
    background-color:#cc0000;
}

/*----------  Document link buttons -------------*/
.documentlink {
	float:left;
	font-size:1px; /* ensure minimum height */
	background-color:#e1ecf2;
	background-image:url('images/printbutton.gif');
	background-repeat:no-repeat;
	height:68px;
	width:68px;
}