body, textarea, input, select { font-family: tahoma, arial, helvetica, sans-serif; color: #666; font-size: 12px; margin:0px; padding:0px; }
h1, h2 {font-size: 1.2em; font-weight: bold; }
a:hover {color: #00f; text-decoration:none;}
a:visited {color: #00f; text-decoration:none;}
img { border: 0; }
input.send-btn {background:url(/img/add.gif) no repeat}
//table {border: 0; border-collapse: collapse; border-spacing:0;}
table#settingstable td {
    padding: 5px;
}
.settingstabletd {
    padding-top: 5px;
}
.reportspendtable {border: 0; border-collapse: collapse; border-spacing:0; font-size: 12px;}
.admintable{border: 0; border-collapse: collapse; border-spacing:0; font-size: 12px;}
.admintable td {padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:5px;border-bottom: 1px solid gray}
td { color: #666; margin:0;padding-top:0px;padding-bottom:0px;padding-left:5px;padding-right:5px;font-size: 12px;}
.spendrow { border-bottom: 1px solid gray; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px;}
.spendrowhead { border-bottom: 1px solid gray; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; font-weight: bold;}
.top-menu-list ul { display: inline; list-style: none; }
.top-menu-list li { display: inline; font-size: 1.2em; font-weight: bold; padding-left:40px;}
.top-menu-list a { text-decoration: none; color: #666; }
.top-menu-list a:hover { text-decoration: underline; color: #666; }
.top-menu-list-logged-in ul { display: inline; list-style: none; }
.top-menu-list-logged-in li { display: inline; font-size: 1em; font-weight: bold; padding-left:10px;}
.report-links li { display: inline; font-size: 1em; font-weight: normal; padding-left:10px;}
.report-links-holder {padding-left: 20%;}
.detail-reports-holder {padding-left: 20%;}
#save-settings {padding-left: 20%;padding-top: 10px;padding-bottom: 0px;padding-right: 0px;}
#sign-up-button {padding-left: 150px; padding-top: 0px;padding-bottom: 0px;padding-right: 0px;}

#chart-holder {position: relative; left: 20%; width: 80%;}
.footer {position: absolute; bottom: 0; left: 40%; text-align: center; padding-top:10px;}
#actionfeedback {position:absolute; left:10px; top: 10px;}
#report-spend-table {position: relative; top: 20px; left: 30%; width: 70%; bottom: 20px; }

.home-splash { color: #fff; background-color: #036; height:216px; padding-left:0%; padding-right:0%; position: absolute; top: 60px; width:100%;}
.priv-splash { color: #fff; background-color: #036; height:1200px; padding-left:0%; padding-right:0%; position: absolute; top: 60px; width:100%;}
.signup-splash { color: #fff; background-color: #036; height:270px; padding-left:0%; padding-right:0%; position: absolute; top: 60px; width:100%;}
.home-img { left: 10%;}

.intro {position: absolute; top: 300px; padding-left:265px; width:60%; color: #333;}

.login {color: #fff; position: absolute; top: 35px; left: 70%;}
.register {color: #fff; position: absolute; top: 35px; left: 30%;}
.sign-up{ float: right; color: #fff; position: absolute; top: 30px; left: 30%;}
.top-menu {position: absolute; top: 10px; left: 45%;}
.logo {position: absolute; top: 5px; left: 5%;}
.logo-loggedin {position: absolute; top: 5px; left: 10%;}
#custom-reporting {position: absolute; top: 10%; left: 35%;}


#goToToday {float:right; padding-right: 10%;}
#content { color: #666; background-color: #fff; position: absolute; top: 85px; left: 10%; width: 80%;}
#content-about { position: absolute; top: 25px; left: 10%; width: 80%;}
#spend-new {position: absolute; top: 180px; left: 60%;z-index:8000;}
#spend-table {z-index:1;}

option.imagebacked, option.selectall, select.imagebacked option
{
    padding: 2px 0 2px 20px;
    background-repeat: no-repeat;
    background-position: 1px 2px;
    vertical-align: middle;
}

.calCellLeft {
	width: 20px;
	height: 100px;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 0px solid #999;
	border-bottom: 1px solid #999;	
	background: #ffffff;
	font-family: verdana, tahoma, sans-serif;
	font-size: 12px;	
	align: center;
}
.calCellLeft:hover {
	width: 20px;
	height: 100px;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 0px solid #999;
	border-bottom: 1px solid #999;	
	background: #CCCCCC;
	font-family: verdana, tahoma, sans-serif;
	font-size: 12px;	
	align: center;
}
.calCellRight {
	width: 20px;
	height: 100px;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;	
	background: #ffffff;
	font-family: verdana, tahoma, sans-serif;
	font-size: 12px;	
	align: center;

}
.calCellRight:hover {
	width: 20px;
	height: 100px;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;	
	background: #CCCCCC;
	font-family: verdana, tahoma, sans-serif;
	font-size: 12px;	
	align: center;

}
.calCellSel {
	width: 100px;
	height: 100px;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 0px solid #999;
	border-bottom: 1px solid #999;	
	background: #99cc99;
	font-family: verdana, tahoma, sans-serif;
	font-size: 12px;	
	align: center;
}
.calCell {
	width: 100px;
	height: 100px;
	padding: 5px 5px 5px 5px;	
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 0px solid #999;
	border-bottom: 1px solid #999;	
	background: #ffffff;
	font-family: verdana, tahoma, sans-serif;
	font-size: 12px;	
	align: center;
}
.calCell:hover {
	width: 100px;
	height: 100px;
	padding: 5px 5px 5px 5px;	
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 0px solid #999;
	border-bottom: 1px solid #999;	
	background: #cccccc;
	font-family: verdana, tahoma, sans-serif;
	font-size: 12px;	
	align: center;
}
// yahhooooo stuff
    #newform {position:relative; width:50%;}
    #spendautocomplete, #spendautocomplete2 {position:relative;width:12em;margin-bottom:1em;}/* set width of widget here*/
    #spendautocomplete {z-index:9000} /* for IE z-index of absolute divs inside relative divs issue */
    #spendinput, #spendinput2 {position:absolute;width:100%;height:1em;z-index:0;} /* abs for ie quirks */
    #spendcontainer, #spendcontainer2 {position:absolute;top:1.7em;width:100%}
    #spendcontainer .yui-ac-content, #spendcontainer2 .yui-ac-content {position:absolute;width:100%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
    #spendcontainer .yui-ac-shadow, #spendcontainer2 .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
    #spendcontainer ul, #spendcontainer2 ul {padding:5px 0;width:100%;}
    #spendcontainer li, #spendcontainer2 li {padding:0 5px;cursor:default;white-space:nowrap;}
    #spendcontainer li.yui-ac-highlight, #spendcontainer2 li.yui-ac-highlight {background:#9c9;}
    #spendcontainer li.yui-ac-prehighlight,#spendcontainer2 li.yui-ac-prehighlight {background:#FFFFCC;}
    
    
    fieldset, fieldset div {

                border:0px groove #ccc;
                margin:0em;
                padding:0em;

            }
            .yuibutton#pushbutton3 button {

                padding-left:2em;
                background:url(http://www.spendingdiary.com/img/add.gif) 10% 50% no-repeat;
            
            }            
    
    
// yahhooooo stuff