#wrapper {
        border: 0px;
        margin: 0px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
}



#mambo {
        position: relative;
        width: 100%;
        background: url(../images/header_blue.jpg) #30569D no-repeat;
        background-position: top right;
        margin: 0px;
        padding: 0px;
}

#break {
	height: 50px;
}

form {
    margin: 0px;
}



.button {
	border : solid 1px #cccccc;
	background: #E9ECEF;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 4px;
}

.login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 90px;
	padding: 15px;
	border: 0;
	width: 429px;

}
	
.login h1 {
	background: url(../images/login_header.png) no-repeat;
	background-position: left top;
	color: #333;
	margin: 0px;
	height: 50px;
	padding: 15px 4px 0 50px;
 	text-align: left;
	font-size: 1.5em;
}

.login p {
	padding: 0 1em 0 1em;
	}
	
.form-block {
	border: 1px solid #cccccc;
	background: #E9ECEF;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.login-form {
	text-align: left;
	float: right;
	width: 60%;
}

.login-text {
	text-align: left;
	color: #fff;
	width: 40%;
	float: left;
}

.inputlabel {
	font-weight: bold;
	text-align: left;
	}

.inputbox {
	width: 150px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	}

.clr {
    clear:both;
    }

.ctr {
	text-align: center;
}

.version {
	font-size: 0.8em;
}

.footer {
	color: #999;
}
/* CSS Document */
body {
	margin-top: 5px;
	border: 0;
	padding: 0;
	text-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(/images/main_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#A8C2EF;	
}

form {
	border:0; margin:0; padding: 0;
}
/* Make sure the table cells show the right font */
td { font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; vertical-align:top; }
img { border: 0; }
a:link, a:visited {
	color: #039;
}
.contactXX {
	float: right;
	margin: 30px 30px;
}
.contactXX a, .contactXX a:visited, .contactXX a:hover {
	color: #fff;
}
.contactXX a {
	text-decoration: none;
}
.contactXX a:hover {
	text-decoration:underline;
}
.mainTable { font-size: 11px; width: 100%; }
.greenButton { background: #009900; color: #fff; font-weight: bold; }

a:hover {
	color: #fff;
	background-color: #039;
}
a.admin:link, a.admin:visited {
	color: #f00;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
}

a.adminfull:link, a.adminfull:visited {
	color: #f00;
	font-weight: bold;
}

a.admin:hover, a.adminfull:hover { color: #fff; background: #f00; }

.highlight{background:#E0E0E0;}
.normal{background:#FFFFFF;}
.highlight_alt{background:#E0E0E0;}
.normal_alt{background:#E8ECFF;}

#companySelectorForm {
	margin: 15px 0;
}
.picPreview {
	width: 35px;
	padding: 5px;
}
.picPreview_small {
	width: 15px;
	padding: 4px;
}
.smalllink {
	font-size: 9px;
}
.mainlogo {

}
.selected {
	background-color:#999999;
}
.filterResults {
	margin: 0 15px 10px 15px;
	font-size: 11px;
	padding: 10px;
	background-color:#CCFF99;
	border: 1px solid #666666;
}
.filterResults input {
	width: 75px;
	font-size: 11px;
}
.filterResults select {
	font-size: 11px;
}
.filterResults td {
	text-align: left;
	padding-right: 15px;
}
.standardTable td {
	vertical-align: middle;
}
#employee_personal .valuebox, #company_personal .valuebox {
	width: 100%;
}
#employee_personal, #company_personal {
	width: 100%;
}
/*-------------------------------------------------
Misc.
---------------------------------------------------*/
#employeeDataTable td {
	vertical-align: top;
}

/*-------------------------------------------------
WARNINGS
---------------------------------------------------*/
div.warning {
	background-color: #fcc;
	padding: 5px;
	margin-bottom: 10px;
}

div.warning h1 {
	padding: 0 0 2px 0;
	margin: 0 0 5px 0;
	font-size: 12px;
	border-bottom: 1px solid #c00;
	color: #c00;
}
div.warning h2 {
	padding: 2px 0;
	margin: 5px 0;
	font-size: 12px;
	color:#666666;
}
div.warning ul li  {
	font-size: 11px;
}

div.warning ul li strong {
	color: #c00;
}

div.warning ul {
	margin-bottom: 0;
}

/*-------------------------------------------------
SUCCESS
---------------------------------------------------*/
div.success {
	background-color: #D1FCCC;
	padding: 5px;
	margin-bottom: 10px;
}

div.success h1 {
	padding: 0 0 2px 0;
	margin: 0 0 5px 0;
	font-size: 12px;
	border-bottom: 1px solid #44C000;
	color: #00C051;
}
div.success ul li  {
	font-size: 11px;
}

div.success ul li strong {
	color: #00C051;
}

div.success ul {
	margin-bottom: 0;
}


/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/

.Contadiner {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 90%;
	min-width: 670px;
	}

.ClearAll {
	padding: 0px;
	clear: both;
	font-size: 0px;
	}

#ContentFrame, .ContentFrame {
	margin: 0;
	padding: 20px 0;
	width: 100%;
	text-align: left;
	/*position: relative;*/
	float: left;
	border: 1px solid #ccc;
	border-top: none;
	background-color: #fff;
}

#DashContentFrame {
	margin: 0;
	padding: 20px 0;
	min-height: 500px;
	width: 100%;
	text-align: left;
	/*position: relative;*/
	float: left;
	border: 1px solid #000;
	background-color: #fff;
}

.Left {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 70%;
	float: left;
	}

.RightDash {
	width: 96%; /* was 75% */
	text-align: left;
	margin: 0;
	padding: 0 10px 0 10px; background-color:#fff;
	/*position: absolute;*/
	float: left;
}

.Right {
	margin: 0px 0 0 0;
	padding: 0;
	text-align: left;
	/*position: absolute;*/
	float: left;
	width: 30%;
	}

.LeftDash {
	margin: 0;
	padding: 0 0 0 20px;
	text-align: left; background-color:#fff;
	width: 25%; /* was 25% */
	float: left;

}


#Footer {
	clear: left;
	font-size: 10px;
	color: #999;
	margin: 10px 0 20px 20px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 15px;
}

#Footer a:link, #Footer a:visited {
	color: #999;
}

#Footer a:hover {
	color: #fff;
	background: #666;
}


#Header {

}

#Header h1 {
	color: #fff;
}

#Header h3, #Header h3 a:link, #Header h3 a:visited {
	color: #999;
}

#Header h3 a:hover {
	color: #000;
	background-color: #efefef;
}

#Header h3 a.current:link, #Header h3 a.current:visited {
	color: #fff;
}

#Header h3 a.current:hover {
	color: #fff;
	background-color: #000;
}

#Header h1 a:link, #Header h1 a:visited {
	color: #fff;
	text-decoration: none;
}

#Header h1 a:hover {
	color: #fff;
	background-color: #000;
	text-decoration: underline;
}

#Header h2 {
	color: #999;
}

#Header h2 a:link, #Header h2 a:visited {
	color: #999;
	text-decoration: none;
}

#Header h2 a:hover {
	color: #999;
	background-color: #000;
	text-decoration: underline;
}

.field {
	text-align: right;
	font-size: 11px;
	color: #999;
	padding-right: 10px;
}

.value {
	text-align: left;
}
.rawData {
	padding:0 10px 15px 10px; color: #999; font-size: 12px;
}
.rawData p {
	margin: 3px;
}
.displayTable td {
	vertical-align:bottom;
	font-size: 11px;
}
#addNewCompany .valuebox, #modifyCompany .valuebox, #modifyEmployee .valuebox, .companySelector select, .valuebox {
	font-size: 11px; margin: 2px 0; padding: 0;
}
legend {
	font-size: 13px; color:#000066; font-weight: bold;
	padding: 4px 6px; border: 1px dotted #000066;
	
}
#Tabs a:link, #Tabs a:visited {
	background-color: #666;
	color: #fff;
	border: 1px solid #000;
	border-bottom: 1px solid #666;
}

#Tabs a:link.current, #Tabs a:visited.current {
	color: #000;
}

#Tabs a:hover {
	color: #000;
	background-color: #efefef;
	border-bottom: 1px solid #efefef;
}

#Tabs li#AdminTab a:link, #Tabs li#AdminTab a:visited {
	color: #999;
	background-color: #000;
	border-bottom: 1px solid #000;
	text-decoration: underline;
}

#Tabs li#AdminTab a:hover {
	color: #fff;
}

#Tabs li#AdminTab a.current {
	color: #fff;
	text-decoration: none;
}


/*-------------------------------------------------
HEADER
-------------------------------------------------*/

#Header {
	width: 100%;

	border-bottom: none;
	padding-bottom: 0;
	margin: 0;
	text-align: left;
	}	

#Header h1 /* client name */ {
	padding: 0;
	margin: 7px 0 0 20px;
	font-size: 24px;
	font-weight: bold;
	color: #164CCA;
	text-align: left;
	}	

#Header h2 /* project name */ {
	padding: 0 0 7px 0;
	margin: 0 0 0 20px;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	border: none;
	font-family: "Lucida Grande", arial, sans-serif;
	}	

#Header h3 {
	padding: 0 20px 0 0;
	margin: 7px 0px 0 0;
	width: 200px;
	text-align: right;
	float: right;
	font-size: 10px;
	font-weight: normal;
	font-family: verdana;
}

#Header h3 a.current {
	font-weight: bold;
	text-decoration: none;
}

#fresh_all h2 {
	padding: 0 0 2px 0;
	margin: 0;
	border-bottom: 1px dotted #ccc;
}
h4 {
	font-weight: bold;
	font-size: 21px;
	padding: 0 0 0 0; margin: 0;
}
h5 {
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 0 0; margin: 0;
}
/*-------------------------------------------------
STATUS BAR
-------------------------------------------------*/

#Statusbar {
	color: #fff;
	padding: 0 10px;
	margin: 5px 0 2px 0;
	text-align: left;
	font-size: 9px;
}

#Statusbar a.admin {
	font-size: 9px;
}

#StatusLeft {
	float: left;
	font-weight: bold;
	color: #333;
}
#StatusRight {
	color: #fff;
	font-size: 10px;
}
#StatusLeft a, #StatusRight a {
	font-weight: normal;
	color:#ccc;	
}

#StatusLeft a:hover, #StatusRight a:hover {
	color: #fff;
	background: #666;
}

#StatusRight {
	text-align: right;
}

/*-------------------------------------------------
TABS
-------------------------------------------------*/

#Tabs {
	height: 19px;
	margin: 0;
	padding-left: 20px;
}

#Tabs li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	border: none;
}
	
#Tabs a:link, #Tabs a:visited {
	float: left;
	background: #ABABAB;
	font-size: 10px;
	font-weight: normal;
	padding: 3px 6px;
	margin: 0 -1px -1px 0;
	border: 1px solid #182B60;
	border-bottom: #fff;
	text-decoration: none;
	color: #272727;
}

#Tabs a:link.current, #Tabs a:visited.current {
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #393;
	font-weight: bold;
}

#Tabs a:hover {
	color: #C4C4C4;
	background: #606060;
}


#Tabs li#AdminTab a:link, #Tabs li#AdminTab a:visited {
	background: #000;
	border-bottom: 1px solid #000;
	color: #fff;
}

#Tabs li#AdminTab a:hover {
}

#Tabs li#AdminTab a.current {
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #000;
}

#Tabs li#AdminTab a.current:hover {
}



#SubTabs {
	height: 19px;
	margin: 0;
	padding-left: 20px;
}

#SubTabs li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	border: none;
}
	
#SubTabs a:link, #SubTabs a:visited {
	float: left;
	background: #EBEBEB;
	font-size: 10px;
	font-weight: normal;
	padding: 3px 6px;
	margin: 0 -1px -1px 0;
	border: 1px solid #ccc;
	border-bottom: #eaeac7;
	text-decoration: none;
	color: #333;
}

#SubTabs a:link.current, #SubTabs a:visited.current {
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #393;
	font-weight: bold;
}

#SubTabs a:hover {
	color: #000;
	background: #ffc;
}


#SubTabs li#AdminTab a:link, #SubTabs li#AdminTab a:visited {
	background: #000;
	border-bottom: 1px solid #000;
	color: #fff;
}

#SubTabs li#AdminTab a:hover {
}

#SubTabs li#AdminTab a.current {
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #000;
}

#SubTabs li#AdminTab a.current:hover {
}
/*-------------------------------------------------
NEW FOR PROPORTIONAL WIDTH VERSION 
-------------------------------------------------*/

.col {
/*	padding: 0 20px;*/
	text-align: left;
}

.Left .col {
/*	padding: 0 70px 0 20px;*/
}

.Right .col {
	min-width: 200px;
	border-left: 1px dotted #dcdcdc;
	/*padding: 0 20px;*/
}

.LeftDash .col {
	border-right: 1px dotted #dcdcdc;
	/*padding: 0 20px;*/
}

.RightDash .col {
/*	padding: 0 30px 0 20px;*/
}

/*-------------------------------------------------
DASHBOARD / PROJECTS PAGE
-------------------------------------------------*/

.EmailExample {
	padding: 7px;
	border: 1px dashed #ccc;
	font-family: monospace;
	font-size: 10px;
	background-color: #FDFAE0;
	}

.ActiveClients {
	margin-bottom: 10px;
}

.InactiveClients {
}

.DashTabs {
	background-color: #333;
	text-align: left;
	padding: 5px 0 0 0;
}

.DashTabs ul#Tabs {
	margin: 0px;
	padding-left: 20px;
}

.Client {
	margin: 0;
	padding: 0 0 5px 0;
}

.Client h1, .InactiveClients h1 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 2px;
	color: #000;
	border-bottom: 1px dotted #dcdcdc;
}

.Client h1.Hill, .Client h1.Valley {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 2px;
	color: #000;
	border-bottom: 1px dotted #dcdcdc;
}

.Client h1.Valley {
	font-size: 10px;
	font-weight: normal;
	color: #999;
}

.InactiveClients h1 {
	color: #666;
}

.Client ul.Project, .Client ul.InactiveProjects {
	margin: 0 0 0 7px;
	padding: 0 0 7px 0;
}

.Project li, .InactiveProjects li {
	margin: 2px 0 0 0;
	padding: 0;
	border-bottom: none;
	font-size: 11px;
	font-weight: normal;
}

.Client ul.Project li.Valley {
	font-size: 9px;
}

.Client ul.Project li.Hill a {

}

.Client ul.Project li.Valley a {
	color: #888;
}

.Client ul.Project li.Valley a:hover {
	color: #fff;
	background: #333;
}

.Project li.HillUpdated {
	font-weight: bold;
}

.Project li.updated {
	font-weight: bold;
}

.Project li a:link, .Project li a:visited {
	color: #339;
}

.Project li a:hover {
	background-color: #339;
	color: #fff;
}

.InactiveProjects li {
	color: #333;
	font-size: 10px;
	font-weight: normal;
}

.InactiveProjects li a {
	color: #666;
}

.InactiveProjects li a:hover {
	color: #fff;
	background-color: #666;
}

h2.dashstatus {
	padding: 0 0 2px 0;
	margin: 0 0 5px 0;
	color: #999;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	line-height: 12px;
	border-bottom: 1px solid #ccc;
}

h2.dashheader {
	color: #666;
	font-size: 21px;
	font-weight: normal;
	padding-top: 0;
	margin-top: 0;
}

p.fixed10 {
	font-family: courier, monospace;
	font-size: 10px;
	line-height: 12px;
}

div.dashannouncement {
	border-top: 1px solid #fc0;
	border-bottom: 1px solid #fc0;
	font-size: 10px;
	color: #000;
	padding: 5px;
	margin-bottom: 10px;
}

div.latemilestones {
	background-color: #fcc;
	padding: 5px;
	margin-bottom: 10px;
}

div.latemilestones h1 {
	padding: 0 0 2px 0;
	margin: 0 0 5px 0;
	font-size: 12px;
	border-bottom: 1px solid #c00;
	color: #c00;
}

div.latemilestones ul li strong {
	color: #c00;
}

div.latemilestones ul {
	margin-bottom: 0;
}

/*-------------------------------------------------
NEW DASHBOARD LOGS (August 24, 2004)
-------------------------------------------------*/

table.ProjectSummary {
	padding: 0 5px 5px 5px;
	margin-right: 10px;
}

table.ProjectSummary th {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	background: #e9e9e9;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	text-align: left;
	padding: 5px;
}

table.ProjectSummary th a {
	color: #000;
	text-decoration: none;
}

table.ProjectSummary td {
	padding: 3px 5px;
	vertical-align:middle;
	font-size: 10px;
	white-space: nowrap;
}

table.ProjectSummary td.expander {
	width: 100%;
}

table.ProjectSummary td.icon {
	text-align: right;
}

table.projectSummary td.date {
	text-align: left;
	font-size: 9px;
	color: #666;
}

table.ProjectSummary th a span {
	color: #666;
}

table.ProjectSummary th a:hover, table.ProjectSummary th a:hover span {
	color: #fff;
}

table.ProjectSummary td.title {
	font-size: 11px;
}

table.ProjectSummary td.action {
	color: #999;
  text-align: left;
  vertical-align:bottom;
}

table.ProjectSummary td.author {
  vertical-align:bottom;
}

table.ProjectSummary tr.rowblank td {
}

table.ProjectSummary tr.row_alt td {
	background: #f1f1f1;
}

table.ProjectSummary tr.row td {
	background: #f4f4f4;
}

table.ProjectSummary tr.row3 td {
	background: #f1f1f1;
}

table.ProjectSummary tr.row4 td {
	background: #f4f4f4;
}

table.ProjectSummary tr.row5 td {
	background: #f1f1f1;
}


#container {
	margin:0px auto;
	text-align:left;
	width: 721px;
}
#header2 {
	height: 83px;
}
#logo {
	padding: 5px 0 0 10px;
}
#main_page li {
	text-size: 11px;
}
#main_page {
	padding: 0;
	width: 721px;
}
#main_page_int {
	padding: 0;
	width: 721px;
	background-image:url(/images/int_bg.gif);
}
#main {
	background-image:url(/images/hp_bg.gif);
	padding: 0 10px;
}
#middle {
	background-image:url(/images/middle_bg.gif);
	padding: 0 10px;
}
#middle_int {
	padding: 0 10px;
	clear: both;
	font-size: 11px;
}
#middle_b2b, #foodter {
	background-image:url(/images/middle_bg.gif);
	padding: 0 10px;
}
#bottom {
	padding: 0;
}
#hp_middle_b2b {
	margin: 0 auto;
	padding: 15px 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 90%;
}
#middle table td, #middle_int table td {
	vertical-align: top;
}
#hp_middle {
	background-image:url(/images/hp_middle_table_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.rightcol {
	padding: 0 10px 40px 10px;
}
.hp_title {
	padding: 10px 0 10px 5px;
}
#hp_table {
	padding: 0 15px; width: 100%;
}
#foodter a, #foodter a:hover {
	color: #CCCCCC;
}
#foodter a {
	text-decoration: none;
}
#foodter a:hover {
	text-decoration: underline;
}
p.normal {
	color: #333333;
	font-size: 12px;
}
p.button {
	text-align:right;
	padding-bottom: 10px;
}
p.title {
	font-weight: bold;
	font-size: 12px;
}
ul.smallbullets li {
	font-size: 12px;
}

/* navigation */

#nav {
	float: left;
	width: 701px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	border-top: 1px solid #323439;
	border-bottom: 2px solid #323439;
	background: #538620 url(/images/nav_bg.gif) repeat-x top left;
	}
#nav li {
	float: left;
	font-size: 12px;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
	background: url(/images/nav_bg.gif) no-repeat top right;
	}
#nav a {
	float: left;
	padding: 6px 11px;
	text-decoration: none;
	font-weight: bold;
	color: #B6C9FF;
	}
#nav a:hover, #nav a.active {
	color: #fff; 	
	background: #000750;
	}
#nav a.active {
	font-weight: bold;
	color: #FF8A14;
	background: #538620 url(/images/nav_bg_2.gif) repeat-x bottom left;
	}
li#t-home a {
	margin-left: 2px;
	background: url(/images/nav_bg.gif) no-repeat top left;
	}
	

#homepage #nav #home, #about #nav #about, #services #nav #services, #contact #nav #contact, #resources #nav #resources, #links #nav #links {
	font-weight: bold;
	color: #FF8A14;
	background: #538620 url(/images/nav_bg_2.gif) repeat-x bottom left;
}