body {
	margin:0;
	padding:0;
	color: #333;
	font-family:arial, helvetica, genevca,'lucida grande', sans-serif;
	font-size:small;
	height:100%;
	min-width:800px;
	}

.header {
  overflow: hidden;
  background-color: #f1f1f1;
  padding: 20px 10px;
}

.header-right {
  float: right;
}

@media screen and (max-width: 500px) {
  .header a {
    float: none;
    display: block;
    text-align: left;
  }
  .header-right {
    float: none;
  }
}

.table-stripedDCDesk > tbody > tr:nth-child(odd) > td, .table-stripedDCDesk > tbody > tr:nth-child(odd) > th {
   background-color: #FFE09E;
}

.table-stripedDCDesk th 
{
    background-color:#BC88D5;    
}

#DCRecovery .PasswordRecovery
{
    padding:100px;
} 

div#maincontent_home{
	min-width:800px;
	margin-bottom:5em;
z-index: 0;
padding: .5em .5em 65px 0em;
    margin-left: 15px;
	}	


div#leftText {
	float:left;
	width:35%;
	padding:0 5px 10px 0;
	background-color:#FFF;

}



div#rightTable {
	margin:0 150px 35px 35px;
	float:right;
	width:30%;
	background-color:#cfd0d1;
	padding: 10px 15px 25px 15px;

}


.mainMenuBreadcrumb{
	color:#83a7c2;
	font-style:italic;
}

.welcome{
	color:#4c4d4b;
	font-weight:bold;
	font-size:18px;
}
div#maincontent_home h2{
	padding-top:15px;
	margin-top:15px;
	margin-left:0;
	font-size:24px;
	color:#83a7c2;
	text-align:center;
	padding-bottom:0;
	margin-bottom:20px;
	

}

div#maincontent_home h4{
	padding-top:0;
	margin-top:0;
	margin-left:0;
	font-size:12px;
	color:#83a7c2;
	text-align:center;
	padding-bottom:0;
	margin-bottom:20px;

}

div#maincontent_home h3{
	font-size:14px;

}

div#maincontent_home tr td {
	color:#4c4d4b;
	font-size:13px;
	font-weight:bold;
}


/*********************content******************/
#imgLogo
{
    border: 0px;
}

.smallfield
{
    width:60px;
}

.MainMenu
{
     width:50%;
    margin-left: auto;
    margin-right: auto;
}

.MainMenu tr td 
{
    text-align:center;
    padding-bottom:10px;
}


#login
{
    width:20%;
    margin-left: auto;
    margin-right: auto;
}

.editProject
{
    width:100%;
    margin-left:15px;
    padding-left:10px;
    padding-bottom:10px;
}

.changePassword
{
    margin-left:15px;
}


.editUserFieldset
{
    margin-left:15px;
}

.actuals {
	width:90%;
	margin-left: auto;
    margin-right: auto;	
}

.actuals tr td 
{
    padding:5px;
}

.actuals table  
{
    padding-bottom:15px;
}

.submitButton 
{
    float:right;
    margin-right:50px;
}

.button 
{
    width:150px;
    background-color:#F7d959;
    margin:10px;
}

#calendarContainerOverride table, .calendarContainerOverride table
{
    width:0px;
    height:0px;
}

#calendarContainerOverride table tr td, .calendarContainerOverride table tr td
{
    padding:0;
    margin:0;
}

.labels 
{  
   color:#4c4d4b;
	font-size:13px;
	font-weight:bold; 
	padding-left:10px;
}

#projectUsers
{
    margin-left: auto;
    margin-right: auto;
    width:100%;
}


.labelsIndent
{  
   color:#4c4d4b;
	font-size:13px;
	font-weight:bold; 
	margin-left:15px;
}

.tickets 
{
    width:95%;
}

.recover 
{
    width:95%;
    margin-left:15px;
}

.login 
{
    width:95%;
    margin-left:5px;
    padding-left:5px;
}

.addPI
{
    margin-left:15px;
    padding-bottom:10px;
}

.legendlabels 
{
	font-size:18px;
	color:#83a7c2;
}

#loginButtons 
{
    float:right;
    width:45%;
}

.accountInfo
{
    margin-left:15px;
}

.loginDisplay
{
    text-align:right;
    margin-right:10px;
}


.forgotpwd 
{
	padding-top:0;
	margin-top:0;
	margin-left:0;
	font-size:10px;
	color:#83a7c2;
	text-align:center;
	padding-bottom:0;
	margin-bottom:20px;
	margin-right:auto;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
}

.newUser {
	width:50%;
	padding: 5px 5px 5px 5px;
	
}

.newUser td 
{
    width:50%;
}

.editProjectTable td
{   
    padding-left:10px;
    
}



.field
{
    color:#4c4d4b;
	font-size:14px;
	font-weight:bold;
}

.actualsEntry 
{
    width:80%;
    margin-left: auto;
    margin-right: auto;
}

.editUsers td
{
    padding:3px;
}

.editUsers 
{
    margin-bottom:10px;
    margin-left:15px;
}

div#menu 
{
	margin-right:auto;
	margin-left:auto; 
	width: 570px;
	font-size: 16px;
	}

.dlGrid dt, .dlGrid dd {padding:0;  list-style-type:none; 	margin-bottom: 0; margin-top: 1.8em;}
.dlGrid dt div
{
	display:block;
	float:left;
	margin:0;
	width: 210px;
}

.dlGrid dd div
{
	float:left;
	width:320px;
	display:block;
}

.dlGrid p.clearfix
{
	clear:both;
	margin:0;
	padding:0;
}


	/*********************************************************** Footer **************************************************************/

div#footer { 
/**	width:100%; 
	border-top:1.5px solid #83a6c2; 
	 position:absolute;
 bottom:0;
 left:0; 
 overflow:hidden;
 
**/
 
position: fixed;
bottom: 0px;
width: 100%;
border-top:1.5px solid #83a6c2;
clear: both;
margin-top:150px;
z-index: 10;
background-color: white; 

	}
	
div#footer a{
	color:#626260;}
	
div#footer a:hover{
	color:#fff;}
	
div#footer a:active{
	color:#FFF;}
	
div#footer p {
	color:#fff; 
	margin:0;
	padding:10px 0;
	text-align:center; 
	font-size:11px; 
	background-color:#83a6c2;
}



/**************************************************error/success*********************************************/

.error, .failureNotification
{
    font-weight:bold;
    color:Red;
}

.success
{
    font-weight:bold;
    color:Green;
}

.form-controlNoWidth {
 display:inline-block;
 height: 34px;
 padding: 6px 12px;
 font-size: 14px;
 line-height: 1.428571429;
 color: #555555;
 vertical-align: middle;
 background-color: #ffffff;
 background-image: none;
 border: 1px solid #cccccc;
 border-radius: 4px;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
         box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
         transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-controlNoWidth:focus {
 border-color: #66afe9;
 outline: 0;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
         box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-controlNoWidth[disabled],
.form-controlNoWidth[readonly],
fieldset[disabled] .form-controlNoWidth {
 cursor: not-allowed;
 background-color: #eeeeee;
}

/*************************************************Grid Views*************************************************/

div#maincontent_home tr td table.grid
{
    font-size:small;
}

div#maincontent_home tr td table.grid th 
{
    background-color:#859fc0;
    color:#FFF;
    padding:.5em;
}

div#maincontent_home table.grid tr td
{
    background-color:#fff;
    font-size:small;
    padding:.5em;
}

div#maincontent_home table.grid
{
    font-size:x-small;
}

div#maincontent_home table.grid th 
{
    background-color:#859fc0;
    color:#FFF;
    padding:.5em;
}