/* CSS Document */

/* HTML */
body{
color:#222;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
margin:0;
}
td{ 
vertical-align:top;
}
li{
margin-bottom:5px;
}
a{
color:#222; 
}
a:hover{
text-decoration:none;
}
div{
vertical-align:top;	
}

/* Goal Detail */
.plan-tab-content-div{
margin:15px 20px 20px 20px;
}
.plan-tab-content-div a{
color:#CAB189;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
.plan-tab-content-div a:hover{
color:#956413;
}
.plan-tab-content-div .intro{
font-weight:bold;
font-size:16px;
color:#aaa;
margin-bottom:0px;
border-bottom:1px solid #aaa;
}
.plan-tab-content-div .emptiness{
font-style:italic;
color:#AAAAAA;
}
#editDivs{
display:none;
}
#moneyContainer, #benefitContainer, #obstacleContainer, #noteContainer, #stepContainer, #timeContainer{
margin-top:20px;
padding-bottom:20px;
}
#timeYearHolder, #timeMonthHolder, #timeDayHolder, #timeHourHolder{
vertical-align:middle;
}
.timeLabel{
padding-top:15px;
}
#timeYearResult, #timeMonthResult, #timeDayResult, #timeHourResult{
vertical-align:middle;
padding-left:10px;
font-size:14px;
font-weight:bold;
}
#goal-plan-title{
font-size:16px;
color:#333;
font-weight:bold;
padding-top:15px;
margin-bottom:11px;
width:600px;
}
#goal-plan-title a{
font-size:12px;
color:#666;
font-weight:normal;
}
#goal-achieved-title{
font-size:16px;
color:#333;
font-weight:bold;
vertical-align:middle;
padding-right:5px;
}
#gp-top-table{
width:600px;
}
#gp-top-table td{
padding-bottom:15px;
color:#666;
}
#gp-top-table p{
margin:0px;
}
#gp-top-table a{
color:#CAB189;
font-size:12px;
}
#gp-top-table a:hover{
color:#CA8717;
}

/* Forms */
form{
margin:0;
margin-bottom:10px;
}
form p{
margin:0;
}
form input, form select, form textarea{
font-size:14px;
color:#000;
border:solid 1px #666;
background:#E8E8E8;
width:200px;
margin-bottom:18px;

}
form textarea{
width:380px;
height:100px;
}
form select{
width:202px;
}
form .checkbox{
width:15px;
height:14px;
}
form .form-label{
max-width:400px;
font-size:14px;
margin-bottom:2px;
text-transform:uppercase;
color:#CA8717;
}
form .button{
margin-top:12px;
margin-bottom:0;
width:46px;
height:28px;
border:none;
background:#FFF;
padding:0;
}
form .required{
color:#E2981D;
font-size:14px;
font-weight:bold;
vertical-align:top;
margin-top:7px;
margin-left:4px;
}
form .input-date{
width:175px;
}
form .calendar_trigger{
vertical-align:top;
margin-top:0px;
margin-left:4px;
}

/* Footer */
#footer-table{
width:100%;
height:100px;
background:#0C0C0E;
color:#858384; 
font-size:12px;
}
#footer-cell{
padding:29px 20px 0 7px;
width:100%;
}
#footer-gradient{
background:url('http://smartgoals.net/system/application/views/template/images/footer_gradient.jpg') repeat-x;
width:100%;
}
#footer-table a{
color:#D49D1F;
text-decoration:none;
}
#footer-table a:hover{
text-decoration:underline;
}

/* Banner */
#banner-table{
width:100%;
background-color:#000;
}
#banner-table a{
text-decoration:none;
color:#CA8717;
}
#banner-table a:hover{
text-decoration:underline;
}

#banner-cell-left{
width:475px;
vertical-align:bottom;
padding:0px 0px 23px 32px;
}
#banner-cell-center{
padding:5px 0;
}
#banner-cell-right{
width:100%;
text-align:right;
padding:5px 10px 5px 0px;
}
#banner-nav-table{
width:100%;
background:#DAA120 url('http://smartgoals.net/system/application/views/template/images/top_nav_bg.jpg') repeat-x;
}
.banner-nav-cell{
width:100%;
padding-left:23px;
}
.banner-nav{
display:block;
text-align:center;
text-decoration:none;
font-size:12px;
font-weight:bold;
letter-spacing:0.2px;
color:#29241E;
overflow:hidden;
float:left;
padding:6px 9px 5px 9px;
border-right:solid 1px #664E1E;
}
.banner-nav:hover{
color:#51473C;
}
#active-link{
color:#D9A313;
background:#363435 url('http://smartgoals.net/system/application/views/template/images/top_nav_bg_selected.jpg') 
}

/* Left Nav */
#left-nav-outer-cell{
width:190px;
text-align:right;
padding-bottom:25px;
background-color:#EBEBEB;
border-bottom:solid 5px #FFFFFF;
}
#page-title-cell{
color:#231F20;
font-size:18px;
padding:21px 20px 6px 20px;
text-align:right;
background-color:#FFFFFF;
}
#left-nav-table{
width:190px;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#left-nav-cell{
text-align:right;
padding:20px 0 0 0;
}
.left-nav{
display:block;
width:150px;
text-decoration:none;
color:#231F20;
overflow:hidden;
padding:8px 20px 7px 20px;
margin-bottom:2px;
}
.left-nav:hover{
color:#5F5C5D;
}
#active-link2{
background:url('http://smartgoals.net/system/application/views/template/images/left_nav_hover.jpg') repeat-x;
color:#EAB323; 
}

/* Content */
#contentMainDiv{
	width:100%;
	background:url('http://smartgoals.net/system/application/views/template/images/left_nav_bg.jpg') repeat-y;
	border-bottom:5px solid #FFF;
	padding-bottom:20px;
}

#page-title{
color:#CA8717;
font-size:18px;
font-weight:bold;
padding:0px 0px 0px 0px;
}

#content-outer-cell{
width:100%;
padding:22px;
padding-left:35px;
}

.content-link{
font-size:14px;
font-weight:bold;
margin-top:0px;
}
.content-link a{
color:#999;
text-decoration:none;
}
.content-link a:hover{
color:#444;
}

#page-bottom-links{
padding-top:20px;
}

#message{
width:100%;
background-color:#444;
font-size:18px;
color:#CCC;
} 
#message td{
padding:15px 40px;
}
#message p{
margin:0;
}
#error{
width:100%;
background-color:#BB0000;
font-size:18px;
color:#CCC;
}
#error td{
padding:15px 40px;
}
#error p{
margin:0;
}
#achieved{
width:100%;
background-color:#956413;
font-size:32px;
color:#D9A313;
text-transform:uppercase;
} 
#achieved td{
padding:15px 40px;
}
#achieved p{
margin:0;
}