/*----------------------Global Styles---------------------------------------------*/
@media print 
{
	.noprint { display:none; }	
	.onlyinprint { display:block; }	
}
@media screen 
{
	.onlyinprint { display:none; }	
}

* { margin: 0px; }
html, body { float: left; height: auto; background-color: White; border: 0px; min-width: 990px; width: 100%; text-align: left; font-family: Arial; }
A, A:Link, A:Active, A:Visited { color: Black; text-decoration: none; }
.Title { font-weight: bold; width: 120px; font-size: 10pt !important; vertical-align: top; height: 25px; }
.LargeWidth { width: 400px; }
.MidWidth { width: 300px; }
.SmallWidth { width: 100px; }
.TinyWidth { width: 50px; }
.LargeWidth, .MidWidth, .SmallWidth, .TinyWidth { vertical-align:top; }
.NoPadding{padding:0px;}
.Info, .Error { font-size: 12pt; font-weight: bold; }
.Info { color: Navy; }
.Error { color: Red; }
.edit { vertical-align: top; }
.divCommands { clear: both; width: 1000px; height: 50px; padding-left: 4px; padding-top: 10px; padding-bottom: 10px; }
.divCommands A{padding-right:20px;float:left; vertical-align:bottom;}
.HeaderBar { width: 100%; border-bottom-color: Silver; border-bottom-width: 2px; border-bottom-style: solid; text-align: center; font-size: 16pt; font-weight: bold; }
.NoDisplay{display:none;}
.Pager{font-size:12pt;}
/*hack for disabled RadComboBox*/
.DisabledRadComboBox Input { height: 16px !important; }
.DropDownList
{
	background-color:#eff3ff;
	color:#404040;
	font-family:arial,verdana,sans-serif;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	border-style:solid !important; 
	border-width:1px;
	border-color:#adc3de;
	border-collapse:collapse;	
	margin:0px;	
	height:20px;
	padding:0px;			
}
/*----------------------------------Layout---------------------------------------*/
#divWrapper { clear: both; float: left; border: 0; margin: 0; padding: 0; width: 100%; height: auto; overflow: visible; }
#divHeader { padding: 0px; clear: both; height: 120px; width: 100%; }
#divMessages { clear: both; padding-top:10px;padding-bottom:10px; padding-left:10px; }
#divContent { border: 0; padding: 2px; margin: 0; width: 99%; height: auto; min-height: 360px; overflow: visible; clear: both; }
#divFooter { clear: both; bottom: 0px; padding-top: 10px; vertical-align: bottom; width: 100%; height: auto; font-size: 8pt; text-align: center; }
.divClear { clear:both;}
#divloginfooter { clear: both; bottom: 0px; padding-top: 10px; vertical-align: bottom; width: 100%; height: auto; font-size: 8pt; text-align: center; }
/*----------------------------------Header----------------------------------------*/
#divHeaderLogos { height: 70px; background-image: url(images/header-background.png); }
#divHeaderMenu { background-image: url(images/MenuItemBackground.gif); background-repeat: repeat-x; height: 30px; width: 100%; }
#divHeaderUserMangament { color: White; text-align: right; font-size: 10pt; height: 30px; padding-top: 5px; padding-right: 5px; font-weight: bold; float: right; }
#divHeaderUserMangament A { padding-left: 10px; text-decoration: none; color: White; }
#divHeaderUserMangament A:Hover { color: black; }
#divHeaderCompanyLogo { float: left; width: 32%; padding: 6px 8px; font-size: 30px; line-height: 60px; }
#divHeaderPhdLogo { float: left; width: 32%; text-align: center; padding-top: 6px; }
#divHeaderPicnetLogo { float: right; width: 32%; text-align: right; padding: 6px 6px; }
/*------------------------------Footer-------------------------------------*/
#divFooter img { margin: 10px auto; }
/*---------------------------------IE 8 Fix, filter boxes were too wide ------------*/
/* Fixes bug in IE8 where datepicker box is very wide */
.filter-table .radInput_Vista, .filter-table td.value .radInput_Vista input[type="text"] { width: 160px } 
.filter-table div.pickerWrapper_Vista table { width: 160px !important; } 
.filter-table div.pickerWrapper_Vista { height: auto !important; } 
.filter-table td.value { padding-right: 25px; }
.filter-table input[type="text"]
{ border-width:1px; border-style:solid ; border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA; padding: 2px 0 0px 2px; margin: 2px 0; }
.filter-table input[type="checkbox"] { width: 15px !important; }
/* -----------------------ReportOtionsTable---------------*/
#ReportOtionsTable .radInput_Vista, #ReportOtionsTable .radInput_Vista input[type="text"] { width: 160px } 
#ReportOtionsTable div.pickerWrapper_Vista table { width: 160px !important; } 
#ReportOtionsTable input[type="text"]
{ border-width:1px; border-style:solid ; border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA; padding: 2px 0 0px 4px; height: 17px; margin: 2px 2px 0 0; }
/*-------------------------Tasks------------------------*/
.filter-table { border: 1px solid silver; padding-left: 3px; }
.filter-table td { vertical-align: middle; }
.filter-table td.header { font-weight: bold; font-size: 8pt; width: 100px; vertical-align: top; padding-top: 6px; }
.filter-table td.value { width: 200px; }
.filter-table select { width: 205px; height: 22px; background-color: White; border-width: 1px; border-style: solid; }
.filter-table input { width: 200px; }
.filter-table tr { height: 24px; }
/*-------------------------Task Histories------------------------*/
#divTaskHistoryViewContent { width: 750px; }
#tblTaskHistoryView{width:800px;vertical-align:top;text-align:left;}
#tblTaskHistoryView td{vertical-align:top;}
/*-------------------------TaskEdit-------------------*/
#divTaskEditContent { width: 750px; padding-left: 10px; }
#tblTaskEdit{width:800px;vertical-align:top;text-align:left;}
#tblTaskEdit td{vertical-align:top;font-size:11px;}
/*----------------------------JobsReports--------------------------*/
.Reports { width: 95%; height: 95%; padding: 10px 10px 10px 10px; }
table.Report {font-size: 11px; width: 100%; background-color: white; border: 1px #6699CC solid; border-collapse: collapse; border-spacing: 0px; margin-top: 0px; }

table.Report,td.Report { background-color: white; text-align: left; padding-left: 3px; }
td.Report,td.ReportInnerBorder{ border-bottom: solid 1px #6699CC;}
.Report th { border-bottom: solid 1px #6699CC; background-color: #d3dbe9; text-align: center; font-weight: bold; }
.ReportInnerBorder, tr.ReportTotals td { border-left: 1px solid #6699CC; }
tr.ReportTotals td { font-weight: bold; text-align: right; background-color: #F7F7FF; }
tr.ReportTotals .ReportTotalsTitle { text-align: left; padding-right: 0px 5px; }
/*---------------------------- TimeSheetReports --------------------------*/
/*---------------------------- TimeSheetEdit --------------------------*/
#tblTimeSheetEdit{ font-size:11px; }
/*------------------------------Admin-----------------------------*/
/*------------------------------Default---------------------------*/
#bdLogin { background-color: #e6e6fa !important; }
#divLogin { text-align: center; position: absolute; margin-top: -200px; top: 50%;width: 100%; }
#divLogin, #divLogin a, #divLogin a:visited { font-family: arial; font-size: 16px; color: #00334d; }	
#divLogin a:hover { text-decoration: underline; }
#divLogin_Default  { background: url(images/loginpanel.jpg) no-repeat; width: 595px; height: 177px; margin: 0 auto; }
#divLogin_Default table { float: left;  width: 365px; margin-top: 25px;  }
#divLogin_Default table td { padding: 5px 5px; }
#divLogin .leftcol { width: 75px; text-align: right; }
#divLogin_Default input[type="text"], #divLogin_Default input[type="password"] { width: 100%; border: 1px solid #CCC; height: 20px; }
#divLogin .logo { width: 130px; margin-top: 100px; } 
#divSpaceFiller { width: 200px; height: 170px; float: left; }
#divLogin #btnLogin  
{
    background: url(images/loginbutton.png) no-repeat; float: right; border: none; 
    width: 90px; color: White; font-weight: bold; height: 29px; margin-top: 10px; 
}
#divLogin #btnLogin:hover { cursor: pointer; }
#divLogin #lbGetPassword { display:block; margin-top:12px; }

#tblHome { border-collapse: collapse; border-width: 0px; border-spacing: 0px; width: 100%; }
#trTop_Default TD { background-color: #f0f0f0; height: 100px; background-image: none !important; border-width: 1px; border-style: solid; border-color: Gray; display: inline; }

#tdLogin { background: url(images/phdhome.jpg); background-position: bottom; }
#trBottom_Default TD { background-color: #f0f0f0; height: 100px; border-width: 1px; border-style: solid; text-align: center; border-color: Gray; }
#divReg { position: relative; font: 8pt; left: 0; }
#divPhDLogo { }
ul#blErrors, ul#blInfos { margin: 0; list-style: none; padding: 0;}
/*-----------------------------My profile-----------------------*/
#divMyProfileContent { width: 600px; clear: both; float: left; }
/*-------------------------------Timesheets------------------------*/
#tblTimeSheetLegend { font-size: 8pt; float: left; left: 10px; }
.LegendTitle { font-weight: bold; }
.LengendDescription { padding-right: 10px; }

/*----------------------------RadGrid----------------------------*/
.divGridCommand { padding-left: 10px;  max-width: 500px; left: 0px; float: left; }
.ListHeading { font-size: 14pt; color: #7d99c7; width:200px; text-align:left;}
.MasterTable_Office2007 td, .MasterTable_Office2007 th, /* These 3 are hacks for the lack of support of CssClass in ItemStyle/AltItemStyle/HeaderStyle in promethius RadGrid */ .GridItemStyle, .GridAlternatingItemStyle, .GridHeaderStyle { padding-left: 4px; vertical-align: top; }
.GridFooterText { font-weight: bold; }
.PagerLeft_Office2007 span { font-weight: bold; }
.PagerLeft_Office2007 a:hover { color:Gray; }

/* --------------- Drop Down Check List Control ----------------- */
.ui-dropdownchecklist { height: 20px; border: 1px solid #ddd; background: #fff; }
.ui-dropdownchecklist, .ui-dropdownchecklist-text { font-size: 13px; font-family: arial; }
.ui-dropdownchecklist-hover, .ui-dropdownchecklist-active { border-color: #5794bf;  }
.ui-dropdownchecklist-text { height: 20px; line-height: 20px; padding-left: 5px; }
.ui-dropdownchecklist-dropcontainer { background-color: #fff; border: 1px solid #999; padding-left: 5px; }
.ui-dropdownchecklist-item-hover { background-color: #39f; }
.ui-dropdownchecklist-item-disabled label { color: #ccc; }
.ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text { color: #fff; }
span.ui-dropdownchecklist-text { width : 183px; cursor: pointer; background:url(images/ddcl.gif) right 1px; background-repeat: no-repeat; padding-right: 15px; }