html{background:#ffffff;}

body{
    margin:0;
    padding:0;
    font:normal 16px Helvetica, Arial, Verdana, sans-serif;}
    
a{margin:0; padding:0; text-decoration:none; color:#4479be;}

/*** Containers - Main ***/    
#ContainerMain{    
    clear:both;
    margin:auto;    
    padding:0;
    width:790px;
    background:#007ac2;}

#ContainerHead{    
    margin:0;
    padding:0;
    height:72px;
    background: url(images/LogoTop01.gif) no-repeat top left;}

#ContainerContent{    
    clear:both;
    margin:0;
    padding:0;}

#ContainerFooter{
    clear:both;
    margin:0;
    padding:2px;
    text-align:center;
    color:#FFFFFF;}
    
    
/*** Containers - Content ***/   
.Content01,
.Content02{
    clear:both;    
    margin:0;
    padding:0;}
     
.Content02{height:500px;}     


/*** Containers ***/
.Container01{    
    clear:both;    
    padding-bottom:14px;
    background:#ffffff url(images/BGContainer01.jpg) no-repeat bottom left;}

.Container02{
    margin:0px 0px 16px 0px;
    padding:0px 0px 8px 0px;   
    background:#ffffff;}
 
	
.TestAnswer{
	margin:0;
	padding:6px;}

.QuestionNumber{
	margin:0;
	padding:12px 0px 6px 0px;
	font-weight:bold;
	font-size: 14px;}
	
/*** Sections ***/
.Section00{
    clear:both;
    margin:0;
    padding:10px 0px 20px 0px;}

div.SearchResults{
    clear:both;
    margin:0;
    padding:10px 0px 10px 0px;}

div.ReportModules,
div.ReportEmployees,
div.JobDetails,
div.JobDescription,
div.Section01,
div.Section02,
div.Section03{
    float:left;
    display:block;
    margin:0;
    padding:0px 0px 6px 0px;}

div.ReportModules{width:210px;}
div.ReportEmployees{width:562px;}


div.Section01{width:262px;} /*** 1/3 of Container01 ***/
div.Section02{width:394px;} /*** 1/2 of Container01 ***/
div.Section03{width:526px;} /*** 2/3 of Container01 ***/

#EmployeeCreateEdit01,
#GroupCreateEdit01,
#JobCreateEdit01,
#JobDescription01,
#ModuleCreateEdit01
#TrainingCreateEdit01{}

#EmployeeCreateEdit02,
#GroupCreateEdit02,
#JobCreateEdit02,
#JobDescription02,
#ModuleCreateEdit02,
#TrainingCreateEdit02{border-left:Solid 1px #E0E0E0;}


/*** Navigation ***/
.Nav01,
.NavEmployees,
.NavGroups,
.NavJobs,
.NavModules,
.NavTraining{
	float:left;
	width:100%;
    margin:0;
    padding:0}

.Nav01{background:url(images/BGNavMain.gif) repeat-x;}
.NavEmployees{background:url(images/BGNavEmployees.gif) no-repeat top left;}
.NavGroups{background:url(images/BGNavGroups.gif) no-repeat top left;}
.NavJobs{background:url(images/BGNavJobs.gif) no-repeat top left;}
.NavModules{background:url(images/BGNavModules.gif) no-repeat top left;}
.NavTraining{background:url(images/BGNavModules.gif) no-repeat top left;}

.Nav01List,	
.NavEmployeesList,
.NavGroupsList,
.NavJobsList,
.NavModulesList,
.NavTrainingList{
    margin:0;
    padding:0;}

.Nav01List li,
.NavEmployeesList li,
.NavGroupsList li,
.NavJobsList li,
.NavModulesList li,
.NavTrainingList li{
    margin:0;
    padding:0;
    display:inline;    
    list-style-type:none;}    
    
.Nav01List a{
    float:left;
    margin:0;
    padding:2px 18px 2px 18px;
    display: block;
    font-weight:bold;
    text-decoration:none;
    color:#FFFFFF;}

.NavEmployeesList a,
.NavGroupsList li a,
.NavJobsList a,
.NavModulesList a,
.NavTrainingList a{
    float:left;
    margin:0;
    padding:6px 8px 6px 8px;
    display: block;
    font-weight:bold;
    text-decoration:none;
    border-right:solid 1px #FFFFFF;
    color:#FFFFFF;}
    
.Nav01List a:hover,
.NavEmployeesList a:hover,
.NavGroupsList a:hover,
.NavJobsList a:hover,
.NavModules a:hover,
.NavTraining a:hover{text-decoration:underline;}


/*** Buttons ***/
.btnHome01{
    margin:0;
    width:108px;
    height:14px;
    display:none;}

.Buttons{
    clear:both;     
	margin:0;
	padding:0;
	height:24px;
	background:#CCCCCC url(images/BGButtons.jpg) repeat-x;}

.HButtons01{
    float:right;    	
	margin:0px 0px 0px 6px;		
	padding:8px 2px 0px 0px;}

.HButtons02{      	
	margin:0px 0px 0px 6px;		
	padding:8px 2px 0px 0px;}

	
.ButtonBack,
.ButtonCancel,
.ButtonCreate,
.ButtonEdit,
.ButtonLogout,
.ButtonNext,
.ButtonPost,
.ButtonPreview,
.ButtonSave,
.ButtonSearch,
.ButtonSelected,
.ButtonUnpost,
.ButtonView{
    float:right;               
    margin:2px 4px 2px 0px;
    padding:2px 6px 2px 6px;    
    font-weight:bold;
    text-decoration:none;
    color:#000000;
    border:solid 1px #666666;}       

.ButtonBack{background:url("images/BGButtonSearch.gif") repeat left top;}
.ButtonCancel{background:url("images/BGButtonCancel.gif") repeat left top;}
.ButtonCreate{background:url("images/BGButtonCreate.gif") repeat left top;}
.ButtonEdit{background:url("images/BGButtonSearch.gif") repeat left top;}
.ButtonLogout{background:url("images/BGButtonLogout.gif") repeat left top;}
.ButtonNext{background:url("images/BGButtonSearch.gif") repeat left top;}
.ButtonPost{background:url("images/BGButtonPost.gif") repeat left top;}
.ButtonPreview{background:url("images/BGButtonPreview.gif") repeat left top;}
.ButtonSave{background:url("images/BGButtonSave.gif") repeat left top;}
.ButtonSearch{background:url("images/BGButtonSearch.gif") repeat left top;}
.ButtonSelected{background:url("images/BGButtonSelected.gif") repeat left top;}
.ButtonUnpost{background:url("images/BGButtonUnpost.gif") repeat left top;}
.ButtonView{background:url("images/BGSubmit.gif") repeat left top;}


.ButtonSubmit{
    float:left;               
    margin:2px 4px 2px 0px;
    padding:2px 6px 2px 6px;    
    font-weight:bold;
    text-decoration:none;
    color:#000000;
    border:solid 1px #666666;
    background:url("images/BGButtonSearch.gif") repeat left top;}


/*** OnClick Messages**/
.ThankYouDelete,
.ThankYouPost,
.ThankYouSave
{
	text-align:center;
    margin:4px;
    padding:8px;    
    font-weight:bold; 
    font-size:14px; 
    border:1px solid;}

.ThankYouPost{    
    color:#4479be;
    border-color:#919baf;
    background-color:#e6ecf7;}
    
.ThankYouSave
{
	text-align:center;  
    color:#58418e;
    border-color:#9e98ad;
    background-color:#e7e2f3;}
    
.ThankYouDelete{    
    color:#BF0000;
    border-color:#BF0000;
    background-color:#FFF2F2;}
    
.PageMessage
{
    width:600px;
    margin:auto;
    background: #e7e2f3;
    color: #58418e;
    font-size:13px;
    font-weight:bold;
    text-align:center;
    padding:20px;
    border:solid 1px #9e98ad;    
}


/*** Misc ***/
.HDropDownList{
    margin:0;
    padding:0;}
        
p.JobDescription,
p.Paragraph01{
    margin:0;
    padding:0px 8px 8px 8px}
    
.Active a{
    font-weight:bold;
    color:Green;
    text-decoration:none;}
    
    
.Inactive a{
    font-weight:bold;
    color:Red;
    text-decoration:none;}
    
.ValidationError{color:Red;}

.ReportModules{
    margin:0;
    padding:0;
    border:0;
    width:100%;
    height:300px;
    background:#FFFFFF;}
    
.PopupImageButtom{
	cursor:pointer;
	}
	
	
div.Confirmation{   
	text-align:center;
    margin:4px;
    padding:8px;    
    font-weight:bold; 
    font-size:18px; 
    border:1px solid;
    color:#009904;}	
	
	
.Section01{
    margin-left:20px;
    margin-top:20px;         
	}
	
	
	
.RequestHeader
{color:#666666;
    margin:0px;
    padding:0px;    
    font-weight:bold; 
    font-size:12px;
    padding-bottom:5px; 
    }
    
.RequestDetail
{color:#666666;
    margin:0px;
    padding:0px;
    font-weight:normal;
    font-size:11px;
     padding-bottom:5px;  
    }
    
.ValidationError{color:Red;}


.txtRequestNumber{width:80px;}
.txtDate{width:100px;}
.txtRequestStatus{width:220px;}

.txtRequest{width:310px;}
.txtRequestNumber{width:100px;}