/* Main Parts of Master Page  
    Body for background 
    Pagemaster is the container the site sits in 
*/

body {
     background: #FFFFFF url('images/greenBG.jpg');
     
     background-color:White;
     padding: 0px;
    margin: 0px;
    
    font: 0.7em Verdana,Arial,Helvetica,sans-serif;
    color:Black;
    
    /* background-image: url('images/testBackground1.jpg'); 
       background-color: #800000; */
    
}

#pagemaster /* Page Container */
{
    border: 2px solid #000000;
    padding: 5px;
    background-color: #FFFFFF;
    width: 810px; /*  The Page Wraps any Smaller */
    text-align: center;
    margin-left: 130px;
    height: auto;/*background*/
}

#login a:link, #login a:visited {
	color: #FFFFFF;
}
#title h1 a:link, #title h1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#reportresults h2 {
	font-size: 1.1em;
	font-weight: bold;
}
a:link {
	color: #396EAA;
}
a:visited {
	color: #396EAA;
	 
}
a:hover 
{
    color: #396EAA;
	text-decoration: none;
}
a:active 
{
    color: #396EAA;
	text-decoration: none;
}
/*begin creating the tabs */
.menu {
	margin-left: 28px;
	background: url(images/tab_bg.gif) repeat-x;
	font-size: 10px;
	font-weight: bold;
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td {
	color: #FFFFFF;
	height: 24px;
	background: url(images/tab_dim.gif) no-repeat;
	width: 100px;
	text-align: center;
}
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td {
	background: url(images/tab.gif) no-repeat #919191;
}
/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover {
	text-decoration: underline;
}

/* make drop down menu container style */
.menuPopup {
	background: url(images/background_drop_menu.jpg) repeat #8C9FB4;
	border: 1px solid #666666;
	border-bottom: none;
	color: #ffffff;
}

/* make drop down menu item style */
.menuPopupItem {
	color: #ffffff;
	border-bottom: 1px solid #666666;
	padding: 3px;
}

/* define the main layout divs */
#header {
    border: 1px none #000000;
    padding: 5px;
    height: 109px;
    width: 100%;
    vertical-align: top;
    text-align: left;
}
#title {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 28px;
	float: left;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#login {
	padding-top: 25px;
	padding-right: 28px;
	float: right;
	clear: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	height: 28px;
	top: 0px;
	text-align: right;
}
/* make crumbs after making new nav */
#breadcrumb {
	padding-top: 4px;
	padding-left: 10px;
	background: #919191;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
}
#body {
	padding: 0px 8px 10px 7px;
	background: #C0C0C0 url(images/background_body.gif) repeat-x left top;
}
/* IE needs height:512px BUT this height:512px below must be removed to display correctly in Mozilla */
#reportresults, #projectadministration, #adminedit, #timesheet, #addhours, #projectreport, #resourcereport {
	
}
/* Mozilla needs min-height:512px (IE will ignore this min-height) */
#reportresults, #projectadministration, #adminedit, #timesheet, #addhours, #projectreport, #resourcereport {
	min-height: 600px;
}
#addhours {
	padding: 10px;
	border: 1px solid #000000;
	float: left;
	background: #DAE1E7 url(images/background_addhours.jpg) repeat-x left top;
	color: #666666;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
	width: 195px;
	position: relative;
}
#reportresults, #projectadministration, #adminedit, #projectreport, #resourcereport {
	padding: 10px;
	border: 1px solid #000000;
	background: #FFFFFF;
	color: #666666;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
}
#timesheet {
	padding: 10px;
	border: 1px solid #000000;
	margin-left: 200px;
	background: #FFFFFF;
	color: #666666;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
    margin-top: 8px;
}
#timesheetdata, #projecttable {
	width: 100%;
	text-align: center;
}
#catlist {
	width: 20%;
}
/* define other elements inside the main layout divs */
#title h1 {
	display: inline;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
/* can be removed if no images in breadcrumb area */
#breadcrumb img {
	border: none;
	padding-right: 3px;
	vertical-align: middle;
}
/* all the legend tags use this same style */
legend {
	padding: 0px 4px;
	margin: 0px 0px 7px 0px;
	color: #666666;
	font-weight: bold;
	font-size: 1em;
	vertical-align: middle;
}
/* define sizes of the username field */
.username {
	font-size: 0.9em;
	width: 150px;
}
/* all the fieldset tags use this same style */
fieldset {
	margin-bottom: 0px;
	padding: 0px 12px 12px 12px;
	display: block;
}

/* zero margin on all forms */
form {
	margin: 0px;
}

/* create section heading container to separate long forms */
.formsection {
	padding: 10px;
	margin-top: 15px;
	background: #D6DDE9 url(images/background_formsection.gif) repeat-x center;
	font-weight: bold;
	text-align: center;
}
/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility). I've also hidden the table in the admin_create_projects.html page */
.hidden {
	visibility: hidden;
}
.none {
	display: none;
}

img {
	border-style: none;
    border-color: inherit;
    border-width: medium;
    margin-bottom: 4px;
    margin-left: 0px;
}
.menuHeader
{
    font-size: 14px;
    text-decoration: underline;
    font-weight: bold;
    text-align: justify;
    color: #000000;
    font-style: normal;
}
#floatleftmenu
{
    float: left;
    background-color: #993333;
    margin: 4px 5px 5px 5px;
    width: 194px;
    border: 1px solid #000000;
    background-repeat: no-repeat;
    text-align: left;
}
#floatleftmenu td 
{
    font-size: 12px;
    margin-left: 5px;
    padding-left: 5px;
}
#floatleftmenu a:link, a:visited
{
    color:White; 
   }
#floatleftmenu a:hover 
{
    color:Black;
}

#content {
    padding: 3px;
    margin-left: 209px;
    background: #FFFFFF;
    color: #000000;
    font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
    margin-top: 4px;
    width: 571px;
    height: auto;
}
#leftsigns
{
    text-align: center;
    background-color: #ffffff;
    margin: 4px 2px 5px 3px;
    width: 180px;
    border: 1px solid #000000;
}
#footer
        {
            height: 158px;
            width: 588px;
            margin-left: 209px;
    margin-top: 0px;
    margin-bottom: 1px;
}
#importantmessages
{
    padding: 3px;
    background-color: #FF0000;
    border: thin solid #000000;
    color: #000000 ;
    width: AUTO;
    height: AUTO;
    margin-left: 2px;
    margin-top: 5px;
    text-align: LEFT;
    font-size: medium;
/*
padding: 3px;
    background-color: #F88017;
    border: thin solid #000000;
    color: #000000 ;
    width: AUTO;
    height: AUTO;
    margin-left: 2px;
    margin-top: 5px;
    text-align: LEFT;*/

}
#contentleft
{
    border: 1px none #CCCCCC;
    width: auto;
    margin: 1px;
    padding: 1px;
}
#contentright
{
    border: 1px solid #CCCCCC;
    margin: 1px;
    width: auto;
    /*float: left;*/
    padding: 1px;
    /*background-image: url('images/background_addhours.jpg');*/
}
#contentframe td
{
    vertical-align: top;
    text-align: center;
    margin: 3px;
}
#ratebar
{
    background-image: url('images/background_calendar.gif');
    font-size: small;
    font-weight: bold;
    color: #FFFFFF;
    border: thin groove #800000;
    padding-bottom: 5px;
    padding-top: 5px;
}

.balloons
{
    background-color: #FFFF00;
    font-size: small;
    color: #000000;
    border: medium solid #000000;
    margin-top: 10px;
}