@import url("common.css");

/*
Action Envelope
- Created: 7/26/07
*/

#content {
	padding: 0 17px 38px 24px;
}

	#myaccount {
		width: 100%;
		background: url(../img/rc/bColAccount/bg.gif) repeat-y top right;
	}
	#myaccount img.rcBtm {
	 clear: both;
	}
	
		#aCol {
			width: 188px;
			float: left;
		}
			#sideNav {
				width: 100%;
			}
			#sideNav h2 {
				height: 33px;
				font-size: 1.3em;
				color: #f60;
				background: url(../img/tab/sideNav.category.gif) no-repeat 0 0;
				line-height: 32px;
				text-indent: 5px;
			}
			#sideNav ul.sideNav {
				list-style: none;
			}
			#sideNav ul.sideNav li {
			}
			#sideNav ul.sideNav li a {
				height: 36px;
				padding: 0 0 0 15px;
				display: block;
				font-size: 1.1em;
				line-height: 36px;
				text-decoration: none;
				background: url(../img/tab/sideNav.gif) no-repeat 0 -47px;			
			}
			#sideNav ul.sideNav li.last a {
				height: 37px;
			}
			#sideNav ul.sideNav li a.active {
				background-position: 0 0;
				font-weight: bold;
				color: #666;
			}
			
			#sideNav div.comment {
				width: 100%;
			}
			#sideNav div.comment .content {
				padding: 10px;
				background: url(../img/rc/accountSideNav/bg.gif) repeat-y 0 0;
			}
			#sideNav div.comment textarea {
				width: 156px;
				height: 118px;
				margin: 0 0 13px 0;
				padding: 5px;
				border: 1px solid #d7d7d7;
				overflow: auto;
				font: normal 1.1em Verdana, Arial, Helvetica, sans-serif;
				color: #666;
			}
			#sideNav div.comment h1 {
				margin: 0 0 5px 0;
				font-size: 1.2em;
				color: #0a86e5;
			}
			#sideNav div.comment p {
				line-height: 16px;
			}
			
		
		#bCol {
			width: 751px;
			float: left;
		}

			#postalInfo {
				padding: 13px 33px 50px 42px;
			}
			#postalInfo h1.header {
				padding: 0 0 17px 0;
				color: #f60;
				font-size: 1.8em;
				border-bottom: 1px solid #d7d7d7;
			}
				#columns {
					width: 100%;
					padding: 15px 0 0 0;
					background: url(../img/bg/repeat.border.gif) repeat-y 338px 0;
				}
				#columns div.aCol {
					width: 314px;
					padding: 0 20px 0 4px;
					float: left;
				}
				#columns div.bCol {
					width: 309px;
					padding: 0 0 0 29px;
					float: left;
				}
				#columns h1 {
					margin: 0 0 5px 0;
					color: #0a86e5;
					font-size: 1.6em;
					line-height: 20px;
				}
				#columns h2 {
					margin: 0 0 7px 0;
					color: #333;
					font-size: 1.2em;
					line-height: 17px;
				}
				#columns img {
					margin: 0 0 15px 0;
				}
				#columns p {
					margin: 0 0 30px 0;
					color: #666;
				}
				#columns .table {
					width: 309px;
					margin: 0 0 15px 0;
					padding: 0 0 5px 0;
					background: url(../img/rc/postalInfo/bg.png) no-repeat left bottom;
				}
				#columns .table .header {
					width: 100%;
					height: 32px;
					background: url(../img/rc/postalInfo/top.png) no-repeat 0 0;
					overflow: hidden;
				}
				#columns .table .header h3 {
					font-size: 1.0em;
					line-height: 32px;
					float: left;
					text-indent: expression((this==this.parentNode.firstChild) ? "15px" : "0");
				}
				#columns .table .header h3:first-child {
					text-indent: 15px;
				}
				#columns .threeCol .header h3 {
					width: 33%;
				}
				#columns .twoCol .header h3 {
					width: 49.5%;
				}
				#columns .twoCol td {
					width: 50%;
				}
				#columns .threeCol td {
					width: 33.3%;
				}
				#columns table td:first-child {
					text-indent: 15px;
				}
				#columns .table table {
					width: 306px;
					font-size: 1.1em;
					border-collapse: collapse;
				}
				#columns .table table td {
					padding: 8px 0 8px 0;
					border-top: 1px solid #d7d7d7;
					border-top: expression((this.parentNode==this.parentNode.parentNode.firstChild) ? "none" : "1px solid #d7d7d7");
					text-indent: expression((this==this.parentNode.firstChild) ? "15px" : "0");
				}
				#columns .table table tr:first-child td {
					border: none;
				}
				#columns p.footNote {
					margin: 0;
					padding: 0 15px 0 0;
					color: #666;
					position: relative;
					bottom: -15px;
					font-size: 1em;
				}