@CHARSET "UTF-8";
@IMPORT url("footer.css");
@IMPORT url("header.css");

/*normalize the style elements first */
body,div,dl,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td
	{
	margin: 0;
	padding: 0;
	border: none;
}

/* remove list style for lists*/
ol,ul {
	list-style: none;
}
/* CSS RULES BEGIN HERE */
body {
	margin: 0 auto;
	text-align: left;
	width: 770px;
	font-family: verdana, tahoma, arial, sans-serif;
	background-color: #62666a;
	color:#939598;
}

input {
	background-color: #333333;
	color:#939598;
}

table, span, div {
	font-size: 8pt;
	color:#939598;
}
a, a:visited{
 color: white;
}
ul{margin-left: 1.5em;
	color: white;

}
em{text-decoration: underline;font-weight: bold;}
li {
	font-size:smaller;
	list-style-type: disc;
	list-style-image: url('../images/smallgreenbutlletblkbg.gif');
	list-style-position: outside;
}


.ecogreen {
	color:rgb(122, 193, 66);
	font-weight: bold;
}

div.navcomponent {
	display: block;
	width: 380px;
	height: 490px;
	float: left;
	font-family: Helvetica, sans-serif;
	
}
img, a img, a:link img, a:visited img{
border: none;
}



/*specific settings on split panel components */ /* Main home page */
#retail_nav a,#retail_nav a:visited,#retail_nav a:hover,#corp_nav a,#corp_nav a:visited,#corp_nav a:hover	{
	margin-top: 380px;
	text-decoration: none;
	position: relative;
	top: 211px;
	font-family: helvetica, arial, sans-serif;
	font-size: 16pt;
	font-weight:lighter; 
	letter-spacing:1px; 
	color: white;
}

#corp_nav,#corp_nav:visited {
	color: #939598;
	background-image: url('../images/leftglobehome.jpg');
}

#corp_nav a, #corp_nav a:visited {
	color:#939598;
	left: 100px;
}
#corp_nav a:hover , #corp_nav:hover a{color:white;}
/* If you do a format source, it will put a
space between the corp_nav and the colon below. 
you have been warned! */
#corp_nav:hover{
	color: white;
	background-image: url('../images/leftcorptree.jpg');
}

#retail_nav {
	color: white;
	background-image: url('../images/rightglobehome.jpg');
	text-align: right;
}

#retail_nav a,#retail_nav a:hover {
	color: white;
	right: 35px;
}

#retail_nav:hover {
	color: white;
	background-image: url('../images/rightretailtree.jpg');
}

div.receipt{
	/* applies to all the pages in the receipt namespace */
	width:380px;
	height:545px; 
	display: block;
	float: left;
	color: white; 
	background-color: black;
}

/* Disclaimer Page */
#disclaimer_left {
	background: black url("../images/info2leftimage.jpg") no-repeat; 
	height:545px; 
}
div#disclaimer_right {
	width:390px;
}
div#disclaimer_right h5 {
	margin-left: 10px;
	margin-top: 10px;
}
h1.splitpaneTitle {
	margin-left: 9px;
	color: #70C142;
	font-size: 22pt;
	font-weight: bold; 
	font-family: Helvetica, arial, sans-serif;
}

table.results{
	color: #939598;
	font-size: 8pt;
	text-align: left;
	width: 330px;
	margin-left: 5px;
	margin-right: 5px;
	border: none;
	
}
table.results th{
	border-bottom: #939598 1px solid;
}
table.results a{
	color: #939598;
}
#logo {
	background: black url("../images/transactiontreelogoblkbg.gif") no-repeat;
	height: 139px;
	float: right;
	display: block;
	width: 140px;
	margin-right: 5px;
}

#termsAndConditions {
	width: 360px;
	margin: 10px;
	overflow: auto;
	height: 270px;
}


/* Buttons for most pages */
div.buttonPanel {
	height: 59px;
	display: block;
	float: left;
	margin-left: 9px;
}
div.buttonPanel div{
	display: block;
	float: left;
	height: 59px;
	width: 60px;
	color: black;
	font-size: 0;
}
div.buttonPanel a{
	text-decoration:none; 
}
div#previous, div#next{
	width: 90px;
	text-align:center; 
	vertical-align:middle; 
}
div#next{
	border-left:#939598 1px dashed; 
}
div#previous a, div#next a, div#previous a:link, div#next a:link{
	color:#939598;
	font-size: 8pt;
	text-decoration: none;
	border:none;
}

#accept_disclaimer{
width: 70px;
	background: url("../images/acceptbttn.gif") no-repeat;
}
#decline_disclaimer{
width: 70px;
	background: url("../images/declinebutton.gif") no-repeat;
}
#mylist{
	width: 63px;
	height: 59px;
	background: url("../images/inboxbttn.gif") no-repeat;
}
#helpbttn{
	 background: black url("../images/helpbttn.gif") no-repeat; 
}
#goToNoMoBttn{
 background: black url("../images/gotonomobttn.gif") no-repeat; 
 height: 63px;
 width:74px;  
}
div#logoutbttn{
 background: url("../images/logoutbttnred.gif") no-repeat;  
}
div#go_back {
width: 70px;
    background: black url("../images/backbttn.gif") no-repeat; }
#savebttn {
    background: url('../images/savebttn.gif') no-repeat; 
    border: none;
}
#editbttn{
    background: url('../images/editinfobttn.gif') no-repeat; 
    border: none;
    }
#pdf{
	background: url('../images/pdficon.gif') no-repeat; 
    border: none;
}
.faq{
	color:white;
	border-top: #939598 1px solid;
	font-size: 10pt; 
}
#pdftext{
	color:white;
	border-top: #939598 1px solid;
	font-size: 8pt; 
	width: 100px;
	padding-top: 10px; 
}
/* USER PROFILE PAGE */
#profile_left {
	background: black url("../images/info3image.jpg");
}

#profile_right form,#login_right form {
	text-align: right;
	margin-left: 5px;
}


.profileTable input{ 
	 color: #939598;
	 background-color: #333333

} 
/* User Sign Up Page */
#register_left{
width: 379px;
background: black url("../images/infoleafbg.jpg");
}
#register_right{
background: black url("../images/infobg.jpg");
}

/* Login page - an odd cut, so it has specific widths */
#login_left{
	background: black url('../images/loginbg.jpg') no-repeat;
	width:379px; 
}

#login_right{
	background: black;
	width:381px;
}
 
#loginTable{
	margin-top: 170px;
}


/* Receipt inbox */
#inbox_left {
    background: black url("../images/info4image.jpg") no-repeat; 
   }

.receiptContentArea{
	height: 300px;
	margin-right:20px;
	margin-left: 20px;
	overflow: auto;
}
.receiptPageHeader{
	height: 139px;
	float: right;
	display: table-cell;
	width: 230px;
	vertical-align: bottom;
}

/* Help inbox */
#help_left {
    background: black url("../images/info5image.jpg") no-repeat; 
   }

#helpbullets{
	font-size: 10pt;
	height: 330px;
	margin-left: 5px;
	margin-right: 5px;  
}
#helpbullets ul{
	display: block;
	float: left;
	width: 165px;
	color: #939598;
	margin-top:10px; 
	line-height: 1.2em;  
}

div.genericReceiptContent{
	background:black; 
	margin: 15px;
	overflow:visible; 
}
ul.simpleList{	
	list-style-position:inside; 
	margin-top: 15px;
}
/* Email verification */
#verify_left{
 background: black url('../images/verify.jpg') no-repeat; 
}
#setupcomplete_left{
 background: black url('../images/complete.jpg') no-repeat;
}

#error1_left{
/* error page */
background: black url('../images/error3.jpg') no-repeat;
}
#error2_left{
/* error page */
background: black url('../images/error3.jpg') no-repeat;
}
#error3_left{
/* error page */
background: black url('../images/error2.jpg') no-repeat;
}
.brighttext{
	color: white; 
}
#copyright{
     font-family: verdana, helvetica, arial, sans-serif;
     color: white;
     font-size: 8pt;
     width: 100%;
     text-align: center;
}