/* STANDARD TAG FORMATTING */

body {
	background:url(../img/bg.jpg) #474747 no-repeat;
	background-position: center top; 
	color:#727272;
	font: 12px Tahoma, arial, helvetica, sans-serif;
	margin:0px;
	padding:0px;
	}
	
a img {
	border:0px solid;
	}
	
a {
	text-decoration:underline;
	color:#727272;
	}

a:hover {
	color:#9e1b1d;
	}
	
form {
	margin:0px;
	padding:0px;
	}
	
h1 {
	font-size:24px;
	color:#9e1b1d;
	font-weight:normal;
	margin:0px;
	padding:0px;
	line-height:24px;
	}
	
h2 {
	font-size:18px;
	color:#9e1b1d;
	font-weight:normal;
	margin:0px;
	padding:0px;
	line-height:18px;
	}
	
h3 {
	font-size:14px;
	color:#9e1b1d;
	font-weight:bold;
	margin:0px;
	padding:0px;
	line-height:18px;
	padding-top:17px;
	}
	
h3 a {
	font-size:14px;
	color:#9e1b1d;
	margin:0px;
	padding:0px;
	text-decoration:none;
	}

h4 {
	font-size:12px;
	font-style: bold;
	margin-left:8px;
	margin-top:20px;
	margin-bottom:5px;
	padding:0px;
	}

h4.home {
	font-size:14px;
	color:#9e1b1d;
	margin:0px;
	padding:0px;
	}
	
p {
	margin-left:8px;
	margin-bottom:15px;
	margin-top:8px;
	}
	
table {
	border:0px solid;
	padding:0px;
	margin-left:8px;
	font: 12px Tahoma, arial, helvetica, sans-serif;
	margin-top:8px;
	}

td {
	padding:4px;
	vertical-align:center;
	}
	
td.noWrap {
	white-space: nowrap;
	}
	
table.userList {
	border-color: #e6e6e6;
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;

    }

table.userList td,th{
	border-color: #e6e6e6;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    text-align:left;
}

table.userList th {
	background: #f4f4f4;

	}
	
	
table.tableStyle2 {
	border-color: #e6e6e6;
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;

    }

table.tableStyle2 td,th{
	border-color: #e6e6e6;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    text-align:center;
}

table.tableStyle2 th {
	background: #848484;
	color:#e6e6e6;

	}
	
	
/* CUSTOM/INLINE TAG FORMATTING */


.parent {
	width:900px;
	margin:0px auto;
	}
	
.head {
	width:900px;
	margin:0px auto;
	height:89px;
	
	}
	
.logo {
	margin-left:19px;
	margin-top:27px;
	float:left;
	}

.logIn {
	width:313px;

	float:right;
	margin-right:18px;
	}
	
	
.formBox {
	width:293px;
	height:22px;
	background:url(../img/login_bg.gif) no-repeat;
	font-size: 10px;
	color:#FFFFFF;
	padding:10px;
	position: relative;
	z-index:100;
	}
	
.formBox a {
	color:#e29596;
	}
	
#notReg {
	left:15px;
	top:-7px;
	height:46px;
	width:105px;

	position:relative;
	float:left; 
	}
	
.rememberMe {
	width:117px;
	height:23px;
	background:url(../img/remember_me.gif) no-repeat;
	float:right;
	margin-right:20px;
	position:relative;
	padding-left:8px
	}
	
.highLight {
	color:#9e1b1d;
	}

	
.sideBox {
	background:url(../img/side_bg.gif) no-repeat;
	width:192px;
	float:left;
	}
	
.finalSideBox {
	background:url(../img/final_side_bg.gif) no-repeat;
	width:192px;
	float:left;
	min-height:378px;
	height:auto !important;
	height:378px;
	}
	
.innerSideBox {
	margin:10px;
	border:0px solid;
	float:left;
	}

	
.innerSideBox h3 {
	padding:0px;
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	color:#9e1b1d;
	}
	
.miniBoxParent {
	width:289px;
	background:url(../img/mini_box_bg_repeat.gif) repeat-y;
	float:left;
	margin-top:15px;
	}
	
.miniBoxtop {
	width:289px;
	background:url(../img/mini_box_bg_top.gif) no-repeat;
	float:left;
	}

.miniBoxBottom {
	width:289px;
	background:url(../img/mini_box_bg_bottom.gif) no-repeat;
	height:54px;
	float:left;
	}

.miniInnerBox {
	width:269px;
	float:left;
	margin-left:15px;
	margin-top:15px;
	}

.miniInnerBox h3 {
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	margin-top:0px;
	}
	
	
	
	
.largeBoxParent {
	width:622px;
	background:url(../img/large_box_bg_repeat.gif) repeat-y;
	float:left;
	margin-top:15px;
	}
	
.largeBoxtop {
	width:622px;
	background:url(../img/large_box_bg_top.gif) no-repeat;
	float:left;
	}

.largeBoxBottom {
	width:622px;
	background:url(../img/large_box_bg_bottom.gif) no-repeat;
	height:51px;
	float:left;
	}

.largeInnerBox {
	width:572px;
	float:left;
	margin-left:15px;
	margin-top:15px;
	min-height:160px;
	height:auto !important;
	height:160px;

	}

.largeInnerBox h3 {
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	margin-top:0px;
	}
	
	
	
	
	
.comment {

	margin:20px;
	font-size:12px;
	font-style:italic;
	}
	
.comment img {
	margin:5px;
	}
	
.loggedInSpacer {
	height:50px;
	float:left;
	width:105px;
	}
	
.loggedIn {
	margin-right:70px;
	border:0px solid;
	text-align:left;
	float:left;
	width:200px;
	margin-top:-5px;

	}
	
.actionsBox {
	width:314px;

	float:right;
	}
	
.actionLink {
	width:314px;
	height:37px;
	background:url(../img/action_but_bg.gif) no-repeat;
	float:left;
	margin-bottom:6px;
	}
	
.actionLink a {
	margin-top:10px;
	text-decoration:none;
	float:left;
	display:block;
	}
	
.actionLink img {
	margin-top:4px;
	float:left;
	display:block;
	margin-left:5px;
	}

/* navigation
	------------------------------------------*/

.navParent {
	width:542px;
	height:31px;
	float:right;
	clear:both;
	position:relative;
	z-index:20;
	margin-right:10px;
	
	}

#innerNav {
	margin: 0px;
	padding: 0px;
	}
	
#innerNav li {
	list-style: none;
	height: 31px;
	float: left;
	position: relative;
	}
	
#innerNav li a {
	height: 31px;
	display: block;
	color:#FFFFFF;
	text-align:center;
	padding-top:6px;
	font-size:15px;
	text-decoration:none;
	}
	
	
#innerNav .current a { 
	background-position: 0 -37px; 
	}


a#about{
	width:74px;
	background: url(../img/nav/about_off.gif); 
	}
	

a#transactions{
	width:125px;
	background: url(../img/nav/transactions_off.gif);
	}
	

a#account{
	width:125px;
	background: url(../img/nav/account_off.gif);
	}

a#document{
	width:119px;
	background: url(../img/nav/document_off.gif);
	}

a#template{
	width:119px;
	background: url(../img/nav/template_off.gif);
	}

a#contact{
	width:93px;
	background: url(../img/nav/contact_off.gif);
	}
	
	
a#about:hover, a#transactions:hover, a#account:hover, a#document:hover, a#template:hover, a#contact:hover{ 
	background-position: 0 -37px; 
	}
	
	
	
#aboutLi.current {
	background: url(../img/nav/about_active.gif);
	height: 38px;
	}

#aboutLi.current a#about {
	background:none;
	color:#474747;
	}
	
	
	
#transLi.current {
	background: url(../img/nav/transactions_active.gif);
	height: 38px;
	}

#transLi.current a#transactions {
	background:none;
	color:#474747;
	}
	
	
	
#accountLi.current {
	background: url(../img/nav/account_active.gif);
	height: 38px;
	}

#accountLi.current a#account {
	background:none;
	color:#474747;
	}



#documentLi.current {
	background: url(../img/nav/document_active.gif);
	height: 38px;
	}

#documentLi.current a#document {
	background:none;
	color:#474747;
	}


#templateLi.current {
	background: url(../img/nav/template_active.gif);
	height: 38px;
	}

#templateLi.current a#template {
	background:none;
	color:#474747;
	}


#contactLi.current {
	background: url(../img/nav/contact_active.gif);
	height: 38px;
	}

#contactLi.current a#contact {
	background:none;
	color:#474747;
	}


/* Side Navigation
	------------------------------------------*/

.sideNavCol {
	float:left;
	width:150px;
	}

#sideNav {
	display:block;
	
	margin: 0px;
	padding: 0px;
	}
	
#sideNav li {
	list-style: none;
	height: 27px;
	float: left;
	position: relative;
	padding:0px;
	margin-bottom:7px;
	clear:both;
	}
	
#sideNav li a {
	height: 27px;
	display: block;
	color:#474747;
	text-align:left;
	padding-top:7px;
	padding-left:42px;
	font-size:14px;
	clear:both;
	text-decoration:none;
	}
	
	
#sideNav .current a { 
	background-position: 0 -34px; 
	}



/* About Nav
	------------------------------------------*/

a#overview, a#howPipe, a#services, a#faq, a#glossary, a#legal, a#documents, a#templates, a#pricing {
	width:150px;
	background: url(../img/nav/sidenav_but.gif); 
	}

a#overview:hover, a#howPipe:hover, a#services:hover, a#faq:hover, a#glossary:hover, a#legal:hover, a#documents:hover,a#templates:hover,  a#pricing:hover{ 
	background-position: 0 -34px; 
	color:#FFFFFF;
	}



/* My Account Nav
	------------------------------------------*/
a#profile, a#users, a#password {
	width:150px;
	background: url(../img/nav/sidenav_but.gif); 
	}

a#profile:hover, a#users:hover, a#password:hover {
	background-position: 0 -34px; 
	color:#FFFFFF;
	}
	
/* My Transaction Nav
	------------------------------------------*/
a#start, a#listing {
	width:150px;
	background: url(../img/nav/sidenav_but.gif); 
	}

a#start:hover, a#listing:hover {
	background-position: 0 -34px; 
	color:#FFFFFF;
	}


	
.formBox input {
	margin:0px;
	padding:2px;
	border:1px solid #4f4f4f;
	float:left;
	margin-right:8px;
	color:#6b6b6b;
	}
	
.formBox .loginBut {
	background:none;
	border:0px solid;
	padding:0px;
	float:left;
	margin-left:10px;
	}

.mainBodyRepeat {
	width:900px;
	background:url(../img/main_bg.gif) repeat-y #f6f6f6;
	position:relative;
	z-index:200;
	float:left;
	}
	
.mainBody {
	background:url(../img/main_header.gif) no-repeat;
	width:900px;
	float:left;
	padding-top:13px;
	}
	
.leftCol {
	float:left;
	width:179px;
	padding-left:13px;
	}
	
.titles {
	display:block;
	float:right;
	margin-right:5px;
	margin-top:21px;
	margin-bottom:16px;
	}
	
.sideNavCol {
	float:left;
	border-top:1px solid #dddddd;
	width:192px;
	}
	
.rightCol {
	float:right;
	margin-right:13px;
	width:628px;
	padding:20px;

	}
	
.mainBodyFooter {
	background:url(../img/footer_bg.gif) no-repeat;
	width:900px;
	float:left;
	height:22px;
	}
	
.footer {
	padding-top:10px;
	width:900px;
	margin-bottom:15px;
	font-size:10px;
	color:#cecece;
	text-align:center;
	float:left;
	margin-right:-3px;
	}
	
.footer a {
	text-decoration:none;
	color:#cecece;
	font-weight:bold;
	}

.footer a:hover{
	color:#FFFFFF;
	}
	
	
.usersIcon {
	background:url(../img/user_icon.gif) no-repeat;
	font-size:16px;
	padding-left:68px;
	margin-left:20px;
	clear:both;
	height:38px;
	padding-top:22px;
	}

.profileIcon {
	background:url(../img/profile_icon.gif) no-repeat;
	font-size:16px;
	padding-left:68px;
	margin-left:20px;
	clear:both;
	height:38px;
	padding-top:22px;
	}
	
.passwordIcon {
	background:url(../img/password_icon.gif) no-repeat;
	font-size:16px;
	padding-left:68px;
	margin-left:20px;
	clear:both;
	height:38px;
	padding-top:22px;
	}


.newTransIcon {
	background:url(../img/new_trans_icon.gif) no-repeat;
	font-size:16px;
	padding-left:68px;
	margin-left:20px;
	clear:both;
	height:38px;
	padding-top:22px;
	}
	
.viewTransIcon {
	background:url(../img/view_trans_icon.gif) no-repeat;
	font-size:16px;
	padding-left:68px;
	margin-left:20px;
	clear:both;
	height:38px;
	padding-top:22px;
	}
	
/* Full Width
	------------------------------------------*/
	
.mainBodyRepeatFull {
	width:900px;
	background:url(../img/main_bg_full.gif) repeat-y #f6f6f6;
	position:relative;
	z-index:200;
	float:left;
	}
	
.mainBodyFull {
	background:url(../img/main_header_full.gif) no-repeat;
	width:900px;
	float:left;
	padding-top:23px;
	}
	
.mainBodyFooterFull {
	background:url(../img/footer_bg_full.gif) no-repeat;
	width:900px;
	float:left;
	height:22px;
	}
	
.cornerCutOut {
	width:61px;
	height:61px;
	float:left;
	}
	
/* Small Box
	------------------------------------------*/	
.smallBoxParent {
	width:377px;
	margin:0px auto;
	margin-top:10px;
	}
	
.smallBox {
	/*background:#f2f2f2;*/
	width:377px;
	float:left;
	}

.smallBoxtop {
	/*background:url(../img/small_box_top.gif) no-repeat;*/
	width:337px;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	float:left;
	}

.smallBoxbottom {
	/*background:url(../img/small_box_bottom.gif) no-repeat;*/
	width:377px;
	height:12px;
	font-size:0px;
	line-height:0px;
	padding:0px;
	margin:0px;
	float:left;
	}

/* Registration Box
	------------------------------------------*/	
.registrationBoxParent {
	width:577px;
	margin:0px auto;
	margin-top:10px;
	}
	
.registrationBox {
	/*background:#f2f2f2;*/
	width:577px;
	float:left;
	}

.registrationBoxtop {
	/*background:url(../img/small_box_top.gif) no-repeat;*/
	width:537px;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	float:left;
	}

.registrationBoxbottom {
	/*background:url(../img/small_box_bottom.gif) no-repeat;*/
	width:577px;
	height:12px;
	font-size:0px;
	line-height:0px;
	padding:0px;
	margin:0px;
	float:left;
	}

/* Large Split Box
	------------------------------------------*/	

.splitBoxParent {
	/*background:url(../img/split_box_parent_bg.gif) repeat-y #f2f2f2; */
	width:687px;
	margin-left:35px;
	float:left;
	margin-top:10px;
	}
	
.splitBoxLeftMain {
	width:332px;
	float:left;
	/*background:url(../img/split_box_left_main_bg.gif) repeat-y #f2f2f2; */
	}
	
.splitBoxLeftTop {
	width:302px;
	float:left;
	/*background:url(../img/split_box_left_top_bg.gif) no-repeat;*/
	padding:20px;
	}
	
.splitBoxRightMain {
	width:335px;
	float:right;
	/*background:url(../img/split_box_right_main_bg.gif) repeat-y #f2f2f2;*/
	}
	
.splitBoxRightTop {
	width:305px;
	float:right;
	/*background:url(../img/split_box_right_top_bg.gif) no-repeat;*/
	padding:20px;
	}

.splitBoxFooterParent {
	width:687px;
	float:left;
	height:9px;
	}
	
.splitBoxFooterLeft {
	width:342px;
	float:left;
	/*background:url(../img/split_box_left_bottom_bg.gif) no-repeat #f2f2f2;*/
	height:9px;
	}
	
.splitBoxFooterRight {
	width:345px;
	float:right;
	/*background:url(../img/split_box_right_bottom_bg.gif) no-repeat #f2f2f2;*/
	height:9px;
	}

/* Large Single Box
	------------------------------------------*/	

.singleBoxParent {
	width:687px;
	margin:0px auto;
	float:left;
	margin-top:10px;
	margin-left:35px;
	}
	
.contentAreaParent {
	width:635px;
	float:left;
	margin-top:10px;
	margin-left:40px;
	border:0px solid;
	}
	
	
.tutorialDiv {
	width:635px;
	float:left;
	text-align:center;
	font-size:14px;
	}
	
.tutorialSteps {
	float:right;
	width:150px;
	font-size:12px;
	padding-bottom:8px;
	padding-top:8px;
	}
	
	
/* Forms
	------------------------------------------*/	
	
input {
	background:url(../img/text_shade.gif) repeat-x #FFFFFF;
	border: 1px solid #aeaeae;
	padding:4px;
	}

input.noStyle {
	border:0px solid;
	background:none;
	}

input.addcheckbox {
	border:0px solid;
	background:none;
	}

textarea {
	background:url(../img/text_shade.gif) repeat-x #FFFFFF;
	border: 1px solid #aeaeae;
	padding:4px;
	}
	
select {
	background:#FFFFFF;
	border: 1px solid #aeaeae;
	padding:4px;
	}


/* Documents Tabbed Box
	------------------------------------------*/	
#docs-wrap {
	width: 631px;
	margin: 5px;
	}

#broadcast-scroll {
	height: 150px;
	overflow: auto;
	margin: 0px;
	padding: 2px;
	border: 0px #FFFFFF;
	}

#docs-scroll {
	height: 300px;
	overflow: auto;
	margin: 0px;
	padding: 2px;
	border: 0px #FFFFFF;
	}

table.docsTableStyle {
	border-color: #e6e6e6;
	border-width: 0px;
	margin: 10px 0px 0px 0px;
	border-spacing: 0;
	border-collapse: collapse;
    }

table.docsTableStyle td,th{
	border-color: #e6e6e6;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    text-align:center;
}

table.docsTableStyle th {
	border-color: #EEEEEE;
    border-width: 1px 1px 0 1px;
	border-style: solid;
	background: #EEEEEE;
	}

.docs-tabbed-box {
    width: 631px;
    background: #fff url(/img/tabbed-body-bg.jpg) repeat-x bottom;
    border: 1px solid #ddd;
	}

.docs-tabbed-box .tabs {
	margin: 0px;
	padding: 0px;
	}

.docs-tabbed-box .tabs li {
    list-style: none;
    float: left;
	}

.docs-tabbed-box .tabs li a {
    display: block;
	width: 157px;
    padding: 5px 0;
    font-size: 12px;
	font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    background: #eee url(/img/tabbed-tab-bg.jpg) repeat-x bottom;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
	}

.docs-tabbed-box .tabs li:first-child a {
    border-left: none;
	}

.docs-tabbed-box .tabs li a:hover {
	color: #CC3333;
	}

.docs-tabbed-box .tabs li a:focus {
    outline: none;
	}

.docs-tabbed-box .tabs li a.active {
    background: #fff;
    color: #444;
    border-bottom: 1px solid #fff;
	}

.tabbed-content {
    padding: 3em 1em 1em 1em;
    display: none;
	}