body
{
	margin: 0px;
	padding: 0px;
	font-family: Sans-Serif;
	background-color: white;
	height:100%; 
}
h1
{
	margin: 0px 0px 15px;
	padding: 0px;
	font-size: 28px;
	line-height: 28px;
	font-weight: 900;
	color: #3366cc;
}
p
{
	font: 12px/22px verdana, arial, helvetica, sans-serif;
	color: black;
	margin: 0px 0px 16px 0px;
	padding: 0px;
}
#Content > p
{
	margin: 0px;
}
#Content > p + p
{
	text-indent: 30px;
}
a
{
	color: purple;
	font-size: small;
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
}

a:visited
{
	color: #07a;
}
a:hover
{
	color: #000000;
}
.lblgreeting
{
	color: #3333ff;
	text-decoration: underline;
	font-size:10pt;
	font-weight:bolder;
}
.topnav
{
	color: #3333ff;
	text-decoration: underline;
	font-size:10pt;
}
.topnav:hover
{
	text-decoration: none;
}

#nav-login
{
	width: 465px;
	padding-top: 0pt;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
	text-align: right;
	top: 0px;
	position: absolute;
	right: 20px;
	
}
#nav-login2
{
	clear: both;
	width: 230px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0pt;
	padding-right: 16px;
	padding-bottom: 2px;
	padding-left: 15px;
	text-align: right;
	font-size: 80%;
	color: #444444;
	left: 100px;
	position: absolute;
	top: 0px;
}

.popupleave
{
	position: absolute;
	visibility: hidden;
	background-color: #dcdcdc;
}
.leaveclass
{
	background-color: #f5f5f5;
}
.popvisible
{
	display: none;
	position: absolute;
}

#Header
{
	height: 14px; 
	border-style: solid;
	border-color: black;
	border-width: 1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	line-height: 11px;
	background-color: #eee; 
	color: black;
	padding-right: 0px;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 8px;
	font-size: 14pt;
	font-family: 'Monotype Corsiva';
    margin-top: 20px;
    margin-left: 90px;
    margin-right: 0px;
    margin-bottom: 10px;
}




#logincontainer
{
	width: 800px;
	margin: 15px auto 15px auto;
}
#base
{
	clear: both;
	background-color: #C3D9FF;
	border-style: solid;
	border-color: Black;
	border-width: 0px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	height: 25px;
	margin: 10px 20px 10px 0px;
	padding: 3px 10px 3px 10px;
}
#baseforlogin
{
	clear: both;
	background-color: #eee;
	border-style: solid;
	border-color: Black;
	border-width: 0px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	height: 40px;
	margin: 10px 20px 10px 20px;
	padding: 3px 10px 3px 10px;
}

#logintext
{
	margin: 15px auto 15px auto;
	width: 500px;
	float: left;
}
#loginframeouter
{
	margin: 4px 5px 15px 20px;
	padding: 3px 3px 3px 3px;
	float: left;
	border-right: #C9D9FF 1px solid;
	border-top: #C9D9FF 1px solid;
	border-left: #C9D9FF 1px solid;
	border-bottom: #C9D9FF 1px solid;
}

#loginframe
{
	padding: 30px 10px 30px 10px;
	float: left;
	background-color: #e8EEFA;
}


/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body > #Header
{
	height: 14px;
}
#Content
{
	margin: 23px auto 0px auto;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top: 0px;
	width: 950px;
}

#timeentry
{
	margin: 0px 0px 0px 0px;
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 1px;
	padding-top: 0px;
	float: left;
}

#periodpick
{
	clear: both;
	margin: 5px 0px 3px 0px;
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	float: left;
	width: 900px;
}

#addaday
{
	margin: 0px 0px 0px 0px;
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 1px;
	padding-top: 0px;
	float: left;
}
#Menu
{
	position: absolute;
	top: 100px;
	left: 20px;
	width: 172px;
	background-color: #eee;
	line-height: 17px; /* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
	border-right: #999 1px solid;
	border-top: #999 1px solid;
	border-left: #999 1px solid;
	border-bottom: #999 1px solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 1px;
	padding-top: 10px;
}

#logo1
{
	top: 0px;
	left: 10px;
	width: 130px;
	line-height: 17px; /* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 0px;
	margin: 6px 0px 0px 15px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-left-color: #999;
	border-bottom-width: 1px;
	border-bottom-color: #999;
	border-top-color: #999;
	border-right-width: 1px;
	border-right-color: #999;
	position: absolute;
}

#greeting1last
{
	top: 0px;
	left: 500px;
	width: 130px;
	line-height: 10px; /* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 0px;
	margin: 1px 0px 0px 300px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-left-color: #999;
	border-bottom-width: 1px;
	border-bottom-color: #999;
	border-top-color: #999;
	border-right-width: 1px;
	border-right-color: #999;
	position: absolute;
}

.searchmessage
{
	font-weight: bold;
	font-size: small;
	color: green;
	font-family: Arial;
}

.collapsePanelHeader
{
	width: 100%;
	height: 30px;
	background-image: url(images/bg-menu-main.png);
	background-repeat: repeat-x;
	color: #FFF;
	font-weight: bold;
}

/* Content Page Layout             */
.demoarea
{
	padding: 1px;
	background: #FFF url(images/demotop.png) no-repeat left top;
	float: left;
	width: 700px;
}

.demoheading
{
	padding-bottom: 5px;
	color: #5377A9;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.5em;
}

.demobottom
{
	height: 8px;
	background: #FFF url(images/demobottom.png) no-repeat left bottom;
}


.heading
{
	padding: 2em 0 1em 0;
	color: #5377A9;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.4em;
}

.subheading
{
	padding: 1em 0 0.8em 0;
	color: #0F2543;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	font-size: 1.2em;
}
/******************************/
/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader
{
	border: 1px solid #2F4F4F;
	color: white;
	background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
	background-color: #D3DEEF;
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
}

#pscroller1
{
	/* 	width: 400px; 	height: 200px; 	background-color: white; */
	width: 575px;
	height: 340px;
	padding: 5px;
}

#pscroller2
{
	/* 	width: 400px; 	height: 200px; 	background-color: white; */
	width: 400px;
	height: 200px;
	padding: 5px;
}
.showstuff
{
	text-align: left;
	background-color: #d3d3d3;
	width: 100%;
	height: 24px;
	padding-top: 0.24em;
	border: solid 1px #696969;
}
.maxstuff
{
	margin: 0 auto 0 auto;
	width: 100%;
	height: 27px;
	padding-top: 0.33em;
	padding-bottom: 0.33em;
	border-bottom: solid 1px #696969;
	border-right: solid 1px #696969;
	border-left: solid 1px #696969;
	text-align: center;
	background-color: #f5f5f5;
	clear: both;
}
#searchinput
{
	margin: 0 auto .5em auto;
	width: 100%;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #f5f5f5;
	border-right: #696969 1px solid;
	border-left: #696969 1px solid;
	border-bottom: #696969 1px solid;
}
.bundlecontainer
{
	margin: 0 0;
	text-align: left;
}
#mypagecontainer
{
	background-color: #f5f5f5;
	padding: 1em;
	border: #808080 1px solid;
}
#usercontainer
{
	border: solid 1px #808080;
	background-color: #f5f5f5;
	padding: 0 1.5em 1.5em 1.5em;
}
.userheader
{
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}
.userlist
{
}

.citytabs
{
	width: 500px;
	margin: 0 auto;
}
#mydefaultsave
{
	margin: 1.5em;
}


.edittablewrap
{
	width: 100%;
	background-color: #f5f5f5;
	border: solid 1px #696969;
}
.edittable
{
	margin: 0 auto 0 auto;
	width: 750px;
	padding: 1em;
	text-align: left;
}

.caldemo
{
	width: 250px;
	border: solid 1px black;
	padding: 1em;
	font-size: 8pt;
	font-family: Arial, SansSerif;
	background-color: #e6e6fa;
	visibility: hidden;
}
.caldemo a
{
	text-decoration: underline;
}

/* Categories Lists end */




.loginfooter
{
	margin: 20px 0px 10px; /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height: 33px; /* 14px + 17px + 2px = 33px */
	border-style: solid;
	border-color: black;
	border-width: 1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	line-height: 11px;
	background-color: #eee; /* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.  Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.  IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style  declaration. The incorrect IE5/Win value is above, while the correct value is  below. See http://glish.com/css/hacks.asp for details. */
	height: 14px; /* the correct height */
	padding-right: 0px;
	padding-left: 100px;
	padding-bottom: 8px;
	padding-top: 10px;
	color: black;
	font-size: small;
	font-family: 'Monotype Corsiva';
	padding-right: 0px;
	padding-left: 140px;
	padding-bottom: 8px;
	padding-top: 10px;
	font-size: 14pt;
	font-family: 'Monotype Corsiva';
}

.linkbuttonstyle
{
	width: 175px;
	font-family: Arial, SansSerif;
}
.linkbuttonstyle:hover
{
	 	text-decoration: underline;

}
.listheader
{
	font-weight: bold;
	margin: 0 0 10px 10px;
}
.listclass
{
	visibility: hidden;
	width: 200px;
	border: solid 1px black;
	padding: 1em 0.5em 1em 1em;
	font-size: 8pt;
	font-family: Arial, SansSerif;
	background-color: #f5f5f5;
}

/* Lists styled with small dot */
ul.lists
{
	padding: 0;
	margin: 0 0 0 10px;
	list-style: none;
	float: left;
}
ul.lists li
{
	position: relative;
	list-style-type: disc;
	list-style-image: url(./sharedimages/arrowli.gif);
	list-style-position: outside;
	background-image: url(images/list_dot_sm.gif);
	background-repeat: no-repeat;
	background-position: 0.1em 0.5em;
	margin: 0 0 0.25em 0;
}
/* hoverstuff end */
/*Hover Menu*/
.popupMenu
{
	position: absolute;
	visibility: hidden;
	background-color: #F5F7F8;
}

.popupHover
{
	background-image: url(images/header-opened.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #F5F7F8;
}

.reportmenulist
{
	visibility: hidden;
	border: solid 1px black;
	padding: 5px 10px 5px 10px;
	font-family: Arial, SansSerif;
	background-color: #f5f5f5;
}

.menupanelstyle
{
	visibility: hidden;
	width: 175px;
	border: solid 1px black;
	padding: 1em 0.5em 1em 1em;
	font-size: 8pt;
	font-family: Arial, SansSerif;
	background-color: #f5f5f5;
}

#summarypanel
{
	clear: both;
	float: left;
}



#reportwindow
{
	position: absolute;
	top: 90px;
	left: 40px;

}
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}
.validateclass
{
font-weight:bold;
}

.defreminder
{
	background-color: #e8EEFA;
	border: solid 1px black;
	margin: 10px 0 20px 0;
	padding: 10px 10px 10px 10px;
	width: 700px;
}
#expenses
{
	background-color: #e8EEFA;
	border: solid 1px black;
	margin: 10px auto 10px auto;
	padding: 2px 10px 10px 10px;
	width: 700px;
}
.eigrid
{
	float:left;
}

#addaday
{
	margin: 0px 0px 0px 0px;
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 1px;
	padding-top: 0px;
	float: left;
}
#inspections
{
	background-color: #e8EEFA;
	border: solid 1px black;
	margin: 10px auto 10px auto;
	padding: 2px 10px 10px 10px;
	width: 700px;
}

.advpanelstyle
{
	visibility: hidden;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #e8EEFA;
	margin: 0px auto 5px auto;
	padding: 0 0 10px 0;
	float: left;
	width: 775px;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}
.splitpanelstyle 
{
	visibility:hidden;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #e8EEFA;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	margin: 0px auto 5px auto;
	float:left;
	width:775px;
}
.addpanelstyle 
{
	visibility:hidden;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #e8EEFA;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	margin: 0px auto 5px auto;
	padding: 0 0 20px 0;
	float:left;
	width:775px;
}
.panelhead {
	border-bottom: 1px #b0b1ba solid;
}
.panelhead h1
{
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
	margin: 0;
	background-color: #003399;
	font-family: Verdana, Arial, SansSerif;
}
.panelbody {
	margin: 0;
	padding: 5px 5px 5px 12px;
	font-size: 95%;
}

.advpanelstyle2 
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #e8EEFA;
	border: 1px #b0b1ba solid;
	margin: 5px auto 5px auto;
	float:left;
	width:775px;

}
.splitpanelstyle2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #e8EEFA;
	border: 1px #b0b1ba solid;
	margin: 5 auto 5 auto;
	float:left;
	width:565px;
}
.addpanelstyle2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #e8EEFA;
	border: 1px #b0b1ba solid;
	margin: 5px auto 5px auto;
	float:left;
	width:950px;
}
.panelhead2 {
	border-bottom: 1px #b0b1ba solid;
}
.panelhead2 h1 {
	color: #CCFF99;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
	margin: 0;
	background-color:#000084;
}
.panelbody2 {
	margin: 0;
	padding: 0px 10px 5px 15px;
		font-size: 95%;
}

.faclass
{
	clear: both; 
	float: left; 
	margin: 0px 0px 0px 10px;
	padding: 4px;
}
.actclass
{
	float: left; 
	margin: 0px 0px 0px 15px;
	padding: 4px;
}
.easychanges
{
	margin: 5px auto 5px auto;
	float: left;

}

.easy1
{
	background-color: #e8EEFA;
	border: solid 1px black;
	margin: 10px auto 10px auto;
	padding: 2px 10px 10px 10px;
		width: 600px;
}
.groupdd
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #e8EEFA;
	margin: 10px;
	padding: 10px;
	float: left;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}

.grouppick
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #e8EEFA;
	padding: 10px;
	float: left;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}

.grouppicked
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #e8EEFA;
	margin: 0px auto 5px auto;
	padding: 0 0 10px 0;
	float: right;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}
.defpanelstyle
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #e8EEFA;
	margin: 0px auto 5px auto;
	padding: 0 0 10px 0;
	float: left;
	width: 850px;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}
.lblstyle
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	background-color: #ffffff;
	width:200px;
	padding: 1px 3px 1px 3px;
}

.wireframemenu
{
visibility:hidden;
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #C3D9FF;
color: black;
}

#welcomehdr
{
	float: left;
	margin: 2px 10px 2px 24px;
	font-size: 1em;
}
#welcomehdr h1
{
	font-size: 1.3em;
	font-style: italic;
	color: #000000;
}
#welcomehdr p
{
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 14px;
}

.page_container 
{
	margin: 20 auto 0 auto;
	padding: 0;
	border: 0;
	width: 500px;
	background-color: #fff;
	color: #333;
}

#treemenu
{
	float: left;
	background-color: #eee;
	border-right: #999 1px solid;
	border-top: #999 1px solid;
	border-left: #999 1px solid;
	border-bottom: #999 1px solid;
	padding-right: 14px;
	padding-left: 2px;
	padding-bottom: 7px;
	padding-top: 7px;
}

.mylblfont
{
	margin: 0px;
	padding: 0px;
	font-family: Sans-Serif;
	background-color: #f5f5f5;
	height:100%;
	text-align: right;
}