/*
	Date: 29.01.2010.
	Title: Americal Saves.
====================================
*/
*{margin:0; padding:0;}
body{
	color:#000;
	text-align:center;
	font-size:12px;
	font-family:Arial, Georgia,Verdana, Lucida, "Trebuchet MS", Helvetica, Tahoma, sans-serif ;
	background:url(../images/patern.gif) repeat;
	padding-top:41px;
}
img{ border:0;}
:focus{ outline:none;}
ul,ol,li{list-style:none;}	
a{	color:#000000;	text-decoration:underline;}
a:hover{color:#DF6100;text-decoration:underline;}
.hide{position: absolute;	left: -9999px;}
.clear{ clear:both;}
.fl{float:left;}
.fr{float:right;}
/*-----------------------Page Structure
*/
.outer{	
	width:1000px;
	margin:0px auto;
	text-align:left;
	background:url(../images/bg.gif) repeat-y;
}
.wrap{
	background:url(../images/topcorn.gif) no-repeat left top;
}
.inner{
	width:960px;
	background:url(../images/btmcorn.gif) no-repeat left bottom;
	padding:20px 20px 0;
}
/*-----------------------Header
*/
.header{
	width:960px;	height:148px;
	background:url(../images/header-banner.gif) no-repeat;
}
.logo{
	float:left;
}
.headerRight{
	float:right;
	width:252px;
	padding:15px 0 0 0;
}
.headerRight span{
	display:block;
	font:bold 15px/15px Arial;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:10px;
}
.headerRight input{
	width:220px;	height:22px;
	padding:4px 0 0 4px;
	border:1px solid #6D9824;
	font:bold 12px Arial;
	color:#626262;
	margin-bottom:5px;
}
.headerRight .login{
	width:62px;	height:31px;
	border:0;
	padding:0;
	float:left;
    background:url(../images/login.gif) no-repeat;
}
.forget{
	float:left;
	margin:7px 0 0 50px;
	font:bold 12px/12px Arial;
	color:#fff;
	text-decoration:none;
}
.forget:hover{
	color:#fff;
	text-decoration:underline;	
}
#loginProcess, #recoveryProcess{
    float:right;
    display:none;
    }
/*-----------------------Navigation
*/
/*-----------------------Main Body
*/
.mainouter{
	background:url(../images/mainbg.gif) repeat-y;
}
.mainbody{
	overflow:hidden;
	width:960px;
	background:url(../images/maintop.gif) no-repeat;
}
.maininner{
	background:url(../images/leftpatern.gif) no-repeat;
}
.maindeeper{
	width:870px;
	padding:30px 45px;
	background: url(../images/rightpatern.gif) no-repeat right top;
	overflow:hidden;
	position:relative;	
}
.box{
	display:block;
	background:url(../images/roundbox.gif) no-repeat;
	width:539px;	height:78px;
	float:left;
	margin-bottom:45px;
}
.maincon{
	width:540px;
	float:left;
	padding-top:12px;
}
.title{
	font:bold 33px/33px Arial;
	color:#2D5A73;
	margin-bottom:18px;	
}
.txtType1{
	width:430px;	height:27px;
	border:1px solid #D4D4D4;
	margin:20px 0 0 80px;
	padding:8px 0 0 6px;
	font:bold 15px Arial;
	color:#484848;
}
.msg{
	font:bold 18px/21px Arial;
	color:#6A6A6A;
}
.rightcon{
	float:right;
	width:300px;
	padding-top:62px;
}
.rightcon{
	text-align:right;
}
.link{
	font:bold 12px/12px Arial;
	color:#FE7F04;
}
/*-----------------------Footer
*/
.footer{
	width:960px;
	margin:0 auto;
	text-align:center;
	font:bold 13px Arial;
	color:#000;
	background:url(../images/footerbg.gif) no-repeat;
	padding:27px 0 25px 0;
}
/*------------page-01 : Home page : what are you saving for-------------*/

.btnStartSaving{
    background: url(../images/start-saving.gif);
    width: 300px;
    height: 121px;
    border:none;
    cursor: pointer;
    
}
.inputContent .btnDone{
    background: url(../images/done.gif);
    width: 72px;
    height: 31px;
    border:none;
    cursor: pointer;
}
/*------------page-02-------------*/
.textend {
	padding-top:12px;
}
.pleft,.inputContainer {
	float:left;
	overflow:hidden;
	width:417px;
	padding-top:3px;
	margin-bottom:60px;
	background:url(../images/container-top.gif) no-repeat top left;
}
.inputContainer {
	padding:0 0 3px 0;
	margin:0;
	background:url(../images/container-bottom.gif) no-repeat bottom left;
}
.inputContent {
	width:397px;
	overflow:hidden;
	padding:5px 0 0 18px;
	background:#f4f3f3;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
}
.title1 {
	padding:12px 0 3px 0;
}
.inputContent .text {
	width:365px;
	height:22px;
	border:1px solid #aaaaaa;
	background:#fff;
	font:bold 12px Arial;
	color:#686868;
	margin-bottom:6px;
	padding:9px 0 0 10px;
}
.inputContent label{
    color:#686868;
    font-family:Arial;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    height:22px;
    line-height:normal;
}
.privacy {
	text-decoration:underline;
	font:bold 12px Arial ;
	color:#fe7f04;
	/*display:block; */
	margin:16px 0 23px 0;
}
.pright {
	float:right;
    position:relative;
	width:431px;
}
.pright .msg {
	font-size:18px;
}
.doit {
	position:absolute;
	right:48px;
	bottom:36px;
}
.privacyTerm{
    margin:16px 0 23px;
}
/*--------------page-3---------------*/
.imageContainer,.imageContent {
	padding-top:4px;
	background:url(../images/container-top1.gif) no-repeat top left;
	width:531px;
}
.imageContent {
	padding:0 0 4px 0;
	background:url(../images/container-bottom1.gif) no-repeat bottom left;
}
.imageContent1 {
	width:511px;
}
.imageContent1 ul {
	overflow:hidden;
	width:477px; /* prev 420 */
	background:#fff;
	padding:6px 4px 2px 6px;
	border:1px solid #aaaaaa;
}
.imageContent1 ul li {
	float:left;
	margin:0 2px 2px 0;
}

.imageContent1 ul li span {
float:left;
/*margin:0 1px 0 1px;      */
}
/*.imageContent1 ul li span i {
border:6px solid #ECF8FB;
display:table-cell;
height:40px;
text-align:center;
vertical-align:middle;
width:50px;
}
.imageContent1 ul li span i {
border-color:#B6CE8C;
}
.imageContent1 ul li span i small {
display:inline-block;
height:100%;
}  */

.imageContent1 ul li span{
    background:#f4f3f3;
    width:48px; height:38px;
    display: table-cell;
    display:block;
    text-align: center;
    vertical-align: middle;
    border:1px solid #dedede;          
}
.imageContent1 ul li span *{ 
     vertical-align: middle;
}
.imageContent1 ul li span i  {
    display: inline-block;
    height: 100%;
    width: 1px;
}








.upload {
	overflow:hidden;
	padding-top:23px;
}
.upload p,.imageContent1 blockquote  {
	float:left;
	font:bold 13px Arial;
	color:#353535;
	padding-top:2px; 
}
.upload input {
	width:183px;
	height:30px;
	float:left;
	border:1px solid #c9c9c9;
	margin:0 10px 0 13px;
	padding:0;
}
.imageContent1 blockquote {
	width:323px;
	padding:32px 0 37px 0;
}
.pright1 {
	float:left;
	padding-left:18px;
	overflow:hidden;
	position:relative;
	height:628px;
	width:289px;/*189px;*/
}
/*.pright1 span {
	display:block;
	padding:4px;
	float:left;
	background:#f4f3f3;
	border:1px solid #dedede;
	margin-top:16px;
}    
                */
.pright1 span{
    background:#f4f3f3;
    width:243px; height:191px;
    display: table-cell;
    display:block;
    text-align: center;
    vertical-align: middle;
    border:1px solid #dedede;   
    margin-top: 16px;       
}
.pright1 span *{ 
     vertical-align: middle;
}
.pright1 span i  {
    display: inline-block;
    height: 100%;
    width: 1px;
}




.pright1 .continue {
	position:absolute;
	/*right:0;*/
	bottom:254px;
	z-index:1000;
    left: 0;
    margin-left: 20px;
}

.pright1 .btnContinue{
    background-image: url(../images/continue.jpg);
    position:absolute;
    /*right:0;*/
    bottom:254px;
    z-index:1000;
    left: 0;
    margin-left: 20px;
    width:100px;
    height:31px;
    border:none;
    cursor: pointer;
}
/*-------------page-4----------------*/
.planContainer,.planContent {
	padding-top:4px;
	background:url(../images/container-top2.gif) no-repeat top left;
	width:665px;
}
.planContent {
	padding:0 0 4px 0;
	background:url(../images/container-bottom2.gif) no-repeat bottom left;
}
.planContent1 {
	width:645px;
}
.plantleft {
	width:413px;
	overflow:hidden;
	float:left;
}
.plantleft label,.optionContent b,.sfContent1 label {
	display:block;
	font:bold 13px Arial;
	/*color:#353535;*/
	color:#686868;
	padding-bottom:8px;
}
.plantleft input {
	margin:0 0 6px 0; 
}
.change {
	width:179px;
	height:73px;
	overflow:hidden;
	margin-top:42px;
	font:bold 16px Arial;
	color:#ff7d00;
	padding:11px 0 0 18px;
	background:url(../images/change-bg.jpg) no-repeat top left;
}
.optionContent {
	width:630px;
	overflow:hidden;
	clear:both;
	padding-bottom:7px;
}
.optionContent dl {
	overflow:hidden;
	float:left;
}
.optionContent dl dd {
	clear:both;
}
.optionContent p {
	float:left;
	font:bold 11px Arial;
	color:#353535;
	padding:0 8px 0 9px;
}
.optionContent input {
	float:left;
	width:auto;
	height:auto;
	border:none;
	background:none;
	padding:0;
}
.planContent1 big {
	font:bold 16px/22px Arial;
}
.pincontent {
	overflow:hidden;
	padding:12px 0 0 0;
}
.pincontent input {
	margin-bottom:1px;
	font-size:13px;
	color:#3d3d3d;
}
.pincontent .save {
	display:block;
	margin:10px 0;
}

.pincontent .btnSave {
    background-image: url(../images/save.jpg);
    width:69px;
    height:31px;
    border:none;
    display:block;
    margin:10px 0;
                cursor: pointer;
}
/*-------------page-6----------------*/
.flt {
	float:left;
	padding-right:40px;
}
.toolul {
	overflow:hidden;
	padding-top:12px;
}
.toolul li {
	float:left;
	margin-right:3px;
}
.toolul li a {
	float:left;
	height:29px;
	padding:0 0 0 4px;
	text-decoration:none;
	cursor:pointer;
	background:url(../images/tool-btn-left1.gif) no-repeat top left;
}
.toolul li a b {
	float:left;
	background:url(../images/tool-btn-right1.gif) no-repeat top right;
	padding-right:3px;
}
.toolul li a b b {
	padding:0 12px;
	font:bold 12px/29px Arial;
	color:#fff;
	background:url(../images/tool-btn-bg1.gif) repeat-x;
}
.toolul li a:hover,.toolul #selected a {
	text-decoration:none;
	background:url(../images/tool-btn-left.gif) no-repeat top left;
}
.toolul li a:hover b,.toolul #selected a b {
	background:url(../images/tool-btn-right.gif) no-repeat top right;
}
.toolul li a:hover b b,.toolul #selected a b b {
	background:url(../images/tool-btn-bg.gif) repeat-x;
}
.toolp {
	display:block;
	clear:both;
	width:747px;
	font:bold 17px/17px Arial;
	color:#353535;
	padding-bottom:19px;
}
.toolContainer,.toolContent {
	padding-top:4px;
	background:url(../images/container-top3.gif) no-repeat top left;
	width:851px;
	margin-bottom:20px;
}
.toolContent {
	padding:0 0 4px 0;
	margin:0;
	background:url(../images/container-bottom3.gif) no-repeat bottom left;
}
.toolContent1 {
	width:829px;
	padding:18px 0 18px 19px;
}
.toolContent1 input {
	width:797px;
	height:66px;
	margin-bottom:0;
	font-size:13px;
	color:#3d3d3d;
}
.save1 {
	float:right;
	margin-right:20px;
}
/*------------------page-5--------------------*/
.savfinalLeft {
    float:left;
    width:353px;
    overflow:hidden;
    padding-right:20px;
}
.sfContainer,.sfContent {
    padding-top:4px;
    background:url(../images/container-top4.gif) no-repeat top left;
    width:353px;
    margin-bottom:10px;
}
.sfContent {
    padding:0 0 4px 0;
    margin:0;
    background:url(../images/container-bottom4.gif) no-repeat bottom left;
}
.sfContent1 {
    width:333px;
    padding-top:3px;
}
.sfContent1 label {

}
.sfContent1 input {
    width:298px;
    font-size:13px;
    color:#3d3d3d;
    height:24px;
    padding-top:7px;
    margin-bottom:8px;
}
.record {
    display:block;
    margin-bottom:13px;
}
.target,.target1{
    padding-top:4px;
    background:url(../images/container-top5.gif) no-repeat top left;
    width:353px;
    margin-bottom:19px;
}
.target1 {
    padding:0 0 4px 0;
    margin:0;
    background:url(../images/container-bottom5.gif) no-repeat bottom left;
}
.target2 {
    width:333px;
    padding-top:3px;
    background:#fefedd;
    padding-top:8px;
    padding-bottom:6px;
}
.target2 small {
    font:bold 12px Arial;
    color:#353535;
    display:block;
    padding-bottom:7px;
}
.target2 small a {
    color:#353535;
}
.savfinalLeft big {
    font:bold 17px Arial;
    color:#353535;
    display:block;
    padding-bottom:12px;
}
.graph,.graphContainer,.graphContent {
    width:353px;
    overflow:hidden;
    background:url(../images/graph-top.gif) no-repeat top left;
    padding-top:9px;
}
.graphContainer {
    background:url(../images/graph-bottom.gif) no-repeat bottom left;
    padding:0 0 9px 0;    
}
.graphContent {
    background:url(../images/graph-content-bg.gif) repeat-y;
    padding:27px 0 21px 23px;
    width:330px;
}
.graph1 {
    width:273px;
    height:203px;
    overflow:hidden;
}
.rightcon1 {
    float:left;
    position:relative;
}
.savRight,.savRightContainer {
    width:442px;
    overflow:hidden;
    background:url(../images/right-top.gif) no-repeat top left;
    padding-top:10px;
}
.savRightContainer {
    margin:0;
    padding:0 0 10px;
    background:url(../images/right-bottom.gif) no-repeat bottom left;
}
.savRightContent {
    width:422px;
    padding:10px 0 13px 20px;
    overflow:hidden;
    background:url(../images/right-bg.gif) repeat-y;
}
.scale {
    width:101px;
    height:314px;
    overflow:hidden;
    float:left;
    background:url(../images/scale.jpg) no-repeat top left;
}
.scale big {
    font:bold 25px/41px Arial;
    display:block;
    width:101px;
    text-align:center;
    color:#fff;
}
.fannel {
    width:79px;
    overflow:hidden;
    margin:27px 0 0 9px;
    padding-bottom:64px;
    background:url(../images/f-bottom.gif) no-repeat bottom left;
    height:158px;

}
.fannelContent {
    width:79px;
    overflow:hidden;
    padding-top:5px;
    background:url(../images/f-top.gif) no-repeat top left;
    height: 154px; 
    
}
.occupied,.unoccupied {
    width:79px;
    overflow:hidden;
    height:77px;
    background:url(../images/occupied-bg.gif) repeat-y;
}
.unoccupied {
    background:url(../images/un-occupied-bg.gif) repeat-y;
}
.doit1 {
    display:block;
    float:right;
    overflow:hidden;
    margin:37px 0 16px 0;
}
.contentRight {
    float:left;
    padding-left:18px;
}
.contentRight big {
    display:block;
    font:bold 21px/25px Arial, Helvetica, sans-serif;
    color:#353535;
}
.changeg {
    display:block;
    margin:12px 0 13px 0;    
}
.date {
    width:243px;
    height:185px;
    overflow:hidden;
    text-align:center;
    background:url(../images/date.gif) no-repeat top left;
}
.date p {
    display:block;
    font:bold 17px/17px Arial;
    color:#353535;
    padding:19px 0 0 0;
}
.date big {
    padding-top:18px;
    font:bold 25px/42px Arial;
}  

.graphContent  strong{
    display: block;
    margin: 3px;
}


.error{
    color:red;
}
.success{
    color:green;
}


.savingDate{
    margin:0px 0 20px 25px;
    width: 360px;
    background:url(../images/date2.gif) no-repeat top left;
    
    
}

.savingDate p {
    margin-top: 5px;
    margin-bottom: 10px;
    font:bold 20px/25px Arial;
    
}
.savingDate big {
    
    font:bold 30px/42px Arial;
}