@charset "utf-8";
/* Retirement Calculator, Inc.	*/
/* GLOBAL.CSS					*/
/* Copyright 2008			    */

html {
	width: 100%;
	height: 100%;
	margin: 0px;
}

body {
	width: 775px;
	margin: 5px auto 0px auto;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000;
	/*text-align: center;*/
	background-color: #ddd;
}

#container {
	width: 775px;
	/*text-align: left;
	margin: auto;*/
	position:relative;
	left:50%;
	margin-left:-387px;
	font-size: 1.4em;
}

/* Tags */
a			{ color: #0033cc; text-decoration: underline; }
a:visited 	{ color: #3333cc; text-decoration: underline; }
a:active	{ color: #3333ff; text-decoration: none; }
a:hover		{ color: #3333ff; text-decoration: none; }

h1 { color: #000; font-size: 1.9em; font-weight: normal; margin-top: 0px; padding-bottom: 0px; } 
h2 { color: #000; font-size: 1.2em; font-weight: bold; margin-bottom: 5px; }
h3 { color: #fff; font-size: 15px; }

/* Start: For old content */
.textsm { font-size: 11px; }
.textxsm { font-size: 9px; }
.text { font-size: 13px; }
.textsub { font-size: 14px; font-weight: bold; }
.texthd { font-size: 18px; }
.textsm { font-size: 11px; }
.textxsm { font-size: 9px; }
.navsm { font-size: 9px; }
.nav { font-size: 12px; font-weight: bold; }
.microtexthd { font-size: 18px; }
.microtextxsm { font-size: 9px; }
/* End: For old content */

img { border-width: 0px !important; }
input { font-size: 1em; }
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }

.center	 { text-align: center; }
.left	 { text-align: left; }
.right	 { text-align: right; }

.alert { color: #FF0000; font-weight: bold; }
.small { font-size: .8em; }
.req { color: #FF0000; }

hr { height: 1px; }

ul {
	margin-left: 1.1em;
	padding-left: 0px;
}

li {
	list-style-position: outside;
	list-style-type: square;
	list-style-image: none;
}

.line li {
	padding: 5px 0px 5px 0px;
	border-bottom: #ddd 1px solid;
}

.ad { 
	text-align: center;
}

.ad span {
	color: #999;
	font-size: 9px;
}


/* HEADER	*/

#hd { 
	width: 775px; 
	height: 68px;
	background: url(/retirementcalc/images/rcnew/hd_bg.gif) bottom left repeat-x;
}

#hd .links {
	height: 20px;
	width: 300px;
	padding-left: 325px;
	font-size: 1em;
	color: #666;
	background: url(/retirementcalc/images/rcnew/hd_tp.gif) bottom left no-repeat;
}

#hd .addthis {
	width: 125px;
	height: 20px;
	float: right;
}

#hd .search {
	height: 35px;
	width: 325px;
	float: left;
	background: url(/retirementcalc/images/rcnew/hd_tp.gif) bottom left no-repeat;
}

/*#hd .links {
	height: 20px;
	width: 325px;
	padding-top: 15px;
	font-size: 1em;
	color: #666;
	float: left;
}

#hd .addthis {
	width: 125px;
	height: 20px;
	padding-top: 15px;
	float: left;
}*/

#hd .links a 			{ color: #666; text-decoration: none; }
#hd .links a:visited	{ color: #666; text-decoration: none; }
#hd .links a:active		{ color: #666; text-decoration: none; }
#hd .links a:hover		{ color: #999; text-decoration: underline; }

#hd .left {
	width: 5px;
	height: 48px;
	float: left;
	background: url(/retirementcalc/images/rcnew/hd_lt.gif);
}

#hd .right {
	width: 5px;
	height: 48px;
	float: right;
	background: url(/retirementcalc/images/rcnew/hd_rt.gif);
}

#hd .site {
	width: 355px;
	height: 48px;
	padding-left: 55px;
	background: url(/retirementcalc/images/rcnew/hd_logo.gif) no-repeat;
	font-size: .8em;
	color: #333;
	float: left;
}

#hd .site a			{ color: #333; text-decoration: none; }
#hd .site a:visited	{ color: #333; text-decoration: none; }
#hd .site a:active	{ color: #333; text-decoration: none; }
#hd .site a:hover	{ color: #000; text-decoration: none; }

/* Text Links - 365px */

#hd #text-ads div {
	background: url(/retirementcalc/images/rcnew/hd_vshim.gif) left repeat-y;
	float: left;
	padding-top: 9px;
	height: 39px;
	text-align: center;
	font-size: .8em;
	font-weight: bold;
}

#hd .fplan { width: 105px; }
#hd .book { width: 130px; }
#hd .revmort { width: 118px;}

#hd .seeall {
	width: 126px;
	text-align: right;
	padding-top: 17px;
	float: right;
}

#hd h1 { padding: 0px; margin: 0px; }

/* NAVIGATION	*/

#nav {
	width: 765px;
	margin: 0px 5px 0px 5px;
	height: 43px;
	float: left;
	display: block;
}

#nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#nav li {
	height: 43px;
	width: 85px;
	float: left;
	margin: 0px;
	display: block;
	list-style: none;
	text-align: center;
	overflow: hidden;
	background: url(/retirementcalc/images/rcnew/nav_tab.gif) no-repeat;
	font-size: .85em;
	color: #fff;
	padding-top: 8px;
}

#nav li a 			{ color: #fff; text-decoration: none; }
#nav li a:visited	{ color: #fff; text-decoration: none; }
#nav li a:active	{ color: #fff; text-decoration: none; }
#nav li a:hover		{ color: #fff; text-decoration: underline; }

/* LEADERBOARD AD	*/

#leaderboard {
	width: 728px;
	height: 102px;
	padding: 10px 24px 5px 24px;
	text-align: center;
	float: left;
}

/* SUB NAVIGATION	*/

#subnav {
	width: 775px;
	padding: 10px 0px 10px 0px;
	color: #333;
	font-size: .8em;
	float: left;
}

/* CONTENT	*/

#content {
	width: 755px;
	float: left;
	margin-bottom: 20px;
	padding: 10px;
	background: url(/retirementcalc/images/rcnew/cnt_tp.gif) #fff top left no-repeat;
}

#content h1 { font-size: 1.3em; }

#fplan {
	width: 605px;
	height: 190px;
	float: left;
	padding: 0px 10px 10px 0px;
}

#faorg-static {
	width: 605px;
	height: 150px;
	float: left;
	padding: 0px 10px 10px 0px;
}

#faorg {
	width: 605px;
	height: 150px;
	float: left;
	background: url(/retirementcalc/images/rcnew/faorg-bg.jpg) 0 0 no-repeat;
	padding-bottom: 10px;
}

#faorg select { width: 285px; }
#faorg input { width: 65px; }

#faorg .hd {
	width: 140px;
	height: 90px;
	float: left;
	padding-top: 25px;
	padding-right: 136px;
	padding-left: 25px;
}

#faorg .select {
	width: 285px;
	height: 22px;
	float: left;
	padding-top: 35px;
}

#faorg .input {
	width: 65px;
	height: 22px;
	float: left;
	padding-top: 13px;
	padding-right: 80px;
	padding-left: 120px;
}

#faorg .srch {
	width: 100px;
	height: 30px;
	float: left;
	padding-top: 15px;
}

#faorg .logo {
	width: 155px;
	height: 35px;
	float: left;
	padding-top: 15px;
	padding-left: 40px;
}

/* LEFT COLUMN	*/

#left-col {
	width: 200px;
	float: left;
}

#left-col div {
	float: left;
	padding: 5px 0px 5px 0px;
	width: 200px;
}

#left-col .top {
	padding: 0px;
	width: 200px;
}

#left-col .copy {
	width: 178px;
	padding: 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	
}
#left-col .bottom {
	width: 200px;
	background: url(/retirementcalc/images/rcnew/left-col_bt.gif) #fff no-repeat;
	height: 5px;
	padding: 0px;
}

/* MIDDLE COLUMN	*/

#middle-col {
	width: 385px;
	padding: 0px 10px 0px 20px;
	float: left;
}


#middle-col div {
	padding: 0px 0px 20px 0px;
	width: 385px;
	float: left;
}

#ratecard { margin-top: 0px; }

#ratecard div {
	padding: 0px;
	float: none;
	width: auto;
}

#middle-col .top {
	padding: 0px;
	width: 385px;
	height: 10px;
	background: url(/retirementcalc/images/rcnew/mid-col_tp.gif) #fff bottom no-repeat;
}

#middle-col .copy {
	width: 363px;
	padding: 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
#middle-col .bottom {
	width: 385px;
	background: url(/retirementcalc/images/rcnew/mid-col_bt.gif) #fff no-repeat;
	height: 10px;
	padding: 0px;
}

#middle-col #scroll {
	overflow: auto;
	width: 350px;
	height: 130px;
	background-color: #eee;
	padding: 5px;
	line-height: 1.6em;	
	border: 1px solid #ddd;
}

#middle-col #scroll ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#middle-col #scroll li {
	margin: 0px;
	list-style: none;
}

/* RIGHT COLUMN	*/

#right-col {
	width: 140px;
	float: right;
	text-align: center;
}

#right-col span {
	display: block;
	float: left;
	padding: 10px 10px 0 10px;
	background: url(/retirementcalc/images/rcnew/right-col_tp.gif) #eee top no-repeat;
}	

#right-col div {
	float: left;
	padding-bottom: 15px;
	width: 120px;
}

/* LEFT-MIDDLE COLUMN	*/

#left-middle-col {
	width: 615px;
	float: left;
}

#left-middle-col div {
	float: left;
	padding: 5px 0px 5px 0px;
	width: 615px;
}

#left-middle-col .top {
	padding: 0px;
	width: 615px;
}

#left-middle-col .copy {
	width: 593px;
	padding: 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	
}
#left-middle-col .bottom {
	width: 615px;
	background: url(/retirementcalc/images/rcnew/left-col_bt.gif) #fff no-repeat;
	height: 5px;
	padding: 0px;
}

/* FULL-WIDTH COLUMN	*/

#full-width-col {
	width: 755px;
	float: left;
}

#full-width-col div {
	float: left;
	padding: 5px 0px 5px 0px;
	width: 755px;
}

#full-width-col .top {
	padding: 0px;
	width: 755px;
}

#full-width-col .copy {
	width: 735px;
	padding: 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	
}
#full-width-col .bottom {
	width: 755px;
	background: url(/retirementcalc/images/rcnew/left-col_bt.gif) #fff no-repeat;
	height: 5px;
	padding: 0px;
}

/* FOOTER	*/

.footer {
	width: 775px;
	color: #666;
	font-size: .8em;
	float: left;
}

.footer img { float: right; }

/* MATCHPOINT CSS	*/
#leadFormDiv_0, #leadFormDiv_1
	{
	width:298px!important;
	padding:0!important;
	float:none;
	}
#leadFormDiv_0 div, #leadFormDiv_1 div
	{
	width:100%; padding-bottom:0;
	float:none;
	}

/* BUTTON CLASSES	*/

a.btn {
    background: url(/retirementcalc/images/advdir/btn-rt.gif) no-repeat scroll top right; 
	display: block;
	float: left;
	height: 26px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.btn span {
	/* Background left image */ 
	background: url(/retirementcalc/images/rcnew/btn-blank.gif) no-repeat; 
	display: block;
	line-height: 13px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
	padding: 6px 0 7px 13px;
	color: #09f;
} 

a.btn:hover span { text-decoration: underline; }

a.btn span.accept {
	background: url(/retirementcalc/images/rcnew/btn-accept.gif) no-repeat; 
	padding: 6px 0 7px 32px;
	color: green;
}

a.btn span.delete {
	background: url(/retirementcalc/images/rcnew/btn-delete.gif) no-repeat; 
	padding: 6px 0 7px 32px;
	color: red;
}

a.btn span.search {
	background: url(/retirementcalc/images/rcnew/btn-search.gif) no-repeat; 
	padding: 6px 0 7px 33px;
}

a.btn span.login {
	background: url(/retirementcalc/images/rcnew/btn-login.gif) no-repeat; 
	padding: 6px 0 7px 33px;
}