/* =====[General Rules]=====*/

* { margin:0; padding:0; }

html { font-size:100%; }

body { font-size:62.5%; font-family:verdana; background:#88ba3d; }

h1 { font-size:1.9em; padding:0.7em 0em 0.9em 0em; line-height:130%; color:#333; }

h2 { font-size:1.7em; padding:0.5em 0em 0.7em 0em; color:#333; }

h3 { font-size:1.5em; padding:0.3em 0em 0.5em 0em; }

h4 { font-size:1.3em; padding:0.1em 0em 0.3em 0em; }

p { font-size:1.2em; padding:0em 0em 0.5em 0em; }

a { text-decoration:none; color:#88ba3d; font-weight:bold; }

a:hover { text-decoration:underline; }

hr { color:#88ba3d; background:#88ba3d; }

ul { font-size:1.2em; }

img { border:0; }

fieldset { border:0; }

legend { font-size:1.5em; color:#333; font-weight:bold; padding:0; margin:0; }

label { display:block; padding:0.1em; }

.text_size { width:200px; }

.indent { margin:0 0 0 20px; }


/****Layout****/

#container { width:960px; margin:50px auto; background:#fff; }

#container #cover { width:100%; height:100px; }

#container #cover #logo { width:566px; float:left; margin:10px 0 0 10px; }

#container #cover #login { width:374px; float:left; margin:20px 0 0 0; }

#container #cover #login li { display:inline; }

#container #menu { width:100%; height:30px; }

ul#menul li { display: block; float: left; margin: 0 0 0 8px; }
ul#menul li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 10px 0 10px; }
ul#menul li a:hover { color: #333; }
ul#menul li a.current{ color: #88ba3d; }

#container #footer { width:940px; height:50px; margin:0 0 0 20px; clear:left; }


/****Home****/

#container #notice { width:80%; margin:10px auto 0 auto; padding: 5px; border: 4px solid #88ba3d; }

#container #intro { width:100%; height:300px; margin:10px 0 0 0; }

#container #intro #text { width:480px; height:100%; float:left; background:url("images/text_bg.png") no-repeat center right; }

#container #intro #text #text_pos { width:400px; height:250px; margin:25px 30px 25px 50px; color:#fff; line-height:175%; }

#container #intro #text #text_pos ul { margin:10px 0 0 20px; line-height:200%; }

#container #intro #image { width:480px; height:100%; float:left; }

#container #breaker { width:100%; height:125px; margin:20px 0 0 0; }

#container #breaker #blog_taster { width:432px; height:100%; float:left; margin:0 0 0 20px; }

#container #breaker #blog_taster a { font-size:1.4em; color:#333; }

#container #breaker #blog_taster a.blog { font-size:1em; color:#88ba3d; font-weight:bold; }

#container #breaker #blog_taster ul { list-style:none; margin:8px 0 0 0; }

#container #breaker #adsense { width:728px; height:110px; margin:15px auto 0 auto; }

#container #interest { width:100%; height:210px; margin:10px 0 0 0; }

#container #interest #express, #container #interest #facebook { width:315px; height:210px; float:left; margin:10px 0 0 5px; }

#container #interest #register { width:285px; height:140px; float:left; margin:10px 10px 0 20px; }


/****Express****/

#container #budget_head { width:100%; height:70px; }

#container #budget_head #title { width:430px; height:100%; float:left; margin:0 0 0 20px; }

#container #budget_head #mnth { width:450px; height:50px; float:left; margin:20px 20px 0 20px; text-align:right; }

#container #budget_head #mnth2 { width:450px; height:50px; float:left; margin:0 20px 0 20px; text-align:right; }

#container #budget { width:100%; min-height:400px; }

#container #budget #income_overview, #container #budget #outgoings_overview, #container #budget #spend_overview { width:298px; min-height:400px; float:left; margin:0 0 0 15px; }

#container #budget #income_overview, #container #budget #outgoings_overview { border-right:2px dotted #88ba3d; }

ol.express_inst { margin:0 0 0 20px; }


/****Contact****/

#container #intro #contact { width:920px; margin:0 20px; }

#container #intro #form { width:450px; margin:0 0 0 20px; float:left; }

#container #intro #ape { width:450px; margin:0 0 0 20px; float:left; }


/****Dashboard****/

#container #google_ad { width:100%; height:100px; text-align:center; margin:10px 0; float: left; }

#container #budget #income_overview table .title, #container #budget #outgoings_overview table .title, #container #budget #spend_overview table .title { font-weight:bold; width:25%; font-size:1.3em; }

#container #balance { width:906px; height:50px; float: left; margin: 20px; padding:0px 7px 10px 7px; border:2px solid #88ba3d; }

#container #balance li { display:inline; }

#container #balance li.current { font-size:1.3em; font-weight:bold; }

.complete {color:#999; }


/****Edit Income****/

#container #budget h2.edit { margin:0 0 0 20px; }

#container #budget #errors { width:920px; color:red; margin:0 20px; }

#container #budget #success { width:920px; color:green; margin:0 20px; }

#container #budget table.edit { width:920px; font-size:1em; margin:0 20px; }

#container #budget #no_previous { width:920px; margin:0 20px; }

#income_help, #outgoing_help, #purchase_help { width:800px; margin:0 80px; padding:2px; background:#E4F0D2; border:4px solid #88ba3d; z-index:99; }

#income_help, #outgoing_help, #purchase_help ul { list-style:inside; }

.title_name { font-weight:bold; font-size:1.3em; width:30%; }

.title_other { font-weight:bold; font-size:1.3em; width:15%; }

.input_style { width:90%; }

.dd_style { width:100px; }


/****Add Period****/

#container #budget #add_form { width:200px; margin:0 20px; padding:2px; background:#e4f0d2; border:4px solid #88ba3d; }

#container #budget #instructions { width:920px; margin:0 20px; }


/****Select Period****/

#container #budget table.select { width:460px; margin:0 20px; }


/****Balance****/

#container #budget ul { list-style:none; width:400px; padding:0; margin:0; }

#container #budget li.label { float:left; width:210px; margin:5px 0 0 20px; }

#container #budget li.result { float:left; width:160px; margin:5px 0 0 5px; }

#container #budget li.labela { float:left; width:210px; font-size:1.3em; font-weight:bold; margin:20px 0 20px 20px; }

#container #budget li.resulta { float:left; width:160px; font-size:1.3em; font-weight:bold; margin:20px 0 20px 5px; }


/****Logout****/

#container #budget #logout { width:720px; margin:0 0 0 20px; float:left; }

#container #budget #right_column { width:160px; margin:0 0 0 0 40px; float:left; }


/****Terms****/

#container #budget #sub_budget { width:920px; margin:0 20px 20px 20px; }



/****Occasional Formats****/

a.intro_link { color:#fff; }

.tips_float_left { float:left; padding:0em 0.2em 0em 0em; }