@import url(cal/popcalendar.css);

body 
{
	font-family: Tahoma;
	font-size:100%;
	BACKGROUND-COLOR: #ffffff
}

.menu A:link
{
	text-align:right;
	font-size:12px;
	font-family:Tahoma;
	display: block;
	background-image: url(Images/menu_1.gif);
	line-height: 25px;
	text-indent: 10px;
	width: 169px;
	color: white;
	background-repeat: no-repeat;
	text-decoration: none;
	
}     
   
.update
{
  left: 500px;
  position: absolute;
  top: 400px;
  background-color: transparent;
}
            
 .menu A:visited
{
	text-align:right;
	font-size:12px;
	font-family:Tahoma;
	display: block;
	background-image: url(Images/menu_1.gif);
	line-height: 25px;
	text-indent: 10px;
	width: 169px;
	color: white;
	background-repeat: no-repeat;
	text-decoration: none;
}     
            
.menu A:active
{
	text-align:right;
	font-size:12px;
	font-family:Tahoma;
	display: block;
	background-image: url(Images/menu_1.gif);
	line-height: 25px;
	text-indent: 10px;
	width: 169px;
	color: white;
	background-repeat: no-repeat;
	text-decoration: none;
}     
 
.menu A:hover
{
	text-align:right;
	display: block;
	font-size: 12px;
	background-image: url(Images/menu_2.gif);
	width: 169px;
	color: #ffaa33;
	line-height: 25px;
	background-repeat: no-repeat;
	font-family: Tahoma;
	text-decoration: none;
}     
	
A.banner {
	
	font-family: Tahoma;
	text-decoration: none;
	font-size: 12px;
	color: #002f46;
}
A.banner:hover 
{
	font-family: Tahoma;
	text-decoration: none;
	font-size: 12px;
	color: #ffaa33;
	background-color:#002f46
}

.bannertext
{
	font-family: Tahoma;
	text-decoration: none;
	font-size: 12px;
	color: #002f46;
}

/* Page Content General */

.PageContent
{
	padding-top: 0px;
	padding-left: 10px;
	overflow: auto;
	width: 100%;
}
	
.pageHeading
{
	font-weight: bold; 
	font-size: 125%; 
	color: #7f7f7f; 
	font-family: verdana,arial, helvetica, sans-serif
}

.pageHeading2
{
	font-weight: bold; 
	font-size: 100%; 
	color: #7f7f7f; 
	font-family: verdana,arial, helvetica, sans-serif;
	height: 30px;
}

.pageSection
{
  padding: 10px 5px 10px 5px;
  border: black 1px solid;
  width: 98%;
  padding: 3px;
}

.box
{
	border: #ffaa33 1px solid;
	padding: 5px;
}

.label 
{
	FONT-SIZE: 80%; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.errorMsg
{
	FONT-SIZE: 100%; 
	COLOR: RED; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.lbltext
{
	font-weight:bold;
	color: #ffaa33	
}
.req50
{
	border: #8583be 1px solid; 
	width: 50px;
	background-color: #ccffff;
}
.req100
{
	border: #8583be 1px solid; 
	width: 100px;
	background-color: #ccffff;
}
.req150 
{
	width: 150px;
	border: #8583be 1px solid; 
	background-color: #ccffff;
}
.req200 
{
	width: 200px;
	border: #8583be 1px solid; 
	background-color: #ccffff;
}
.req250 
{
	width: 250px;
	border: #8583be 1px solid; 
	background-color: #ccffff;
}
.req300 
{
	width: 300px;
	border: #8583be 1px solid; 
	background-color: #ccffff;
}
.req350 
{
	width: 350px;
	border: #8583be 1px solid; 
	background-color: #ccffff;
}

.req400 
{
	width: 400px;
	border: #8583be 1px solid; 
	background-color: #ccffff;
}
.req500 
{
	width: 400px;
	border: #8583be 1px solid; 
	background-color: #ccffff;
}
.req600 
{
	width: 600px;
	border: #8583be 1px solid; 
	background-color: #ccffff;
}
.req700 
{
	width: 700px;
	border: #8583be 1px solid; 
	background-color: #ccffff;
}

.reqDate
{
	border: #8583be 1px solid; 
	width: 80px;
	text-align: center;
	background-color: #ccffff;
}
.textdate
{
	border: #8583be 1px solid; 
	width: 80px;
	text-align: center;
}

.text50
{
	width: 50px;
		border: #8583be 1px solid; 
}
.text100 
{
	width: 100px;
	border: #8583be 1px solid; 
}
.text150 
{
	width: 150px;
	border: #8583be 1px solid; 
}
.text200 
{
	width: 200px;
	border: #8583be 1px solid; 
}
.text300
{
	width: 300px;
	border: #8583be 1px solid; 
}
.text350
{
	width: 300px;
	border: #8583be 1px solid; 
}
.text400
{
	width: 400px;
	border: #8583be 1px solid; 
}
.text600 
{
	width: 600px;
	border: #8583be 1px solid; 
}
.textMulti500 
{
	width: 100%;
	height:50px;
	border: #8583be 1px solid; 
}
.ReadOnly100
{
	border: #8583be 1px solid; 
	width: 100px;
	background-color: #d3d3d3;
}
.ReadOnly600
{
  width: 600px;
  border: #8583be 1px solid;
  background-color: #d3d3d3;
}

.btn
{
	font-size: 80%;
	border-right: #000000 1px solid;
	padding-right: 5px;
	border-top: #000000 1px solid;
	padding-left: 5px;
	border-left: #000000 1px solid;
	cursor: hand;
	color: #000099;
	border-bottom: #000000 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffaa33;
}

BLOCKQUOTE, PRE	{	
	font-family: Tahoma, monospace;
	}	
	


/* Grid Styles */

.Grid
{
	font-size: 80%;
}
.GridHeading
{
	color: white;
	background-color: #002f46;
}
.GridRow1
{
	background-color: silver;
}
.GridRow2
{
	background-color: #f8f8ff; /* ghostwhite; */
}
.hiddenField
{
  display: none;
  visibility: hidden;
}

/* Calendar Form */
.lnkCalendar A:active
{
	clear: none;
	border-right: medium none;
	border-top: medium none;
	display: inline;
	float: left;
	border-left: medium none;
	border-bottom: medium none;
	text-decoration: none;
}

.EventSearch
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	overflow: auto;
	border-left: black 1px solid;
	width: 100%;
	border-bottom: black 1px solid;
	height: 280px;
}

.EventRole
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	overflow: auto;
	border-left: black 1px solid;
	width: 700px;
	border-bottom: black 1px solid;
	height: 150px;
}
.stakeholders
{
	border: gold thin solid;
	padding: 5px;
}

/* Document Archive Form */

.DocumentSearch
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	overflow: auto;
	border-left: black 1px solid;
	width: 100%;
	border-bottom: black 1px solid;
	height: 300px;
}

.DocumentRole
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	overflow: auto;
	border-left: black 1px solid;
	width: 700px;
	border-bottom: black 1px solid;
	height: 150px;
}

/* Statistics */

.ReportSearch
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	overflow: auto;
	border-left: black 1px solid;
	width: 100%;
	border-bottom: black 1px solid;
	height: 340px;
}

/* Training Plan Management */

.Key_AchievedPrior
{
	font-size:80%;
	background-color: #d3d3d3; /* lightgrey; */
	border: #8583be 1px solid; 
	text-align: center;

}

.Key_AchivedCurrent
{
	font-size:80%;
	background-color: #add8e6; /* lightblue; */
	border: #8583be 1px solid; 
	text-align:center;
}

.Key_AchivedFuture
{
	font-size:80%;
	background-color: #90ee90; /* lightgreen; */
	border: #8583be 1px solid; 
	text-align:center;
}

.Key_AchivedFailed
{
	font-size:80%;
	background-color: #ff7f60; /* coral; */
	border: #8583be 1px solid; 
	text-align:center;
}

.Key_NoPlan
{
	font-size:80%;
	background-color: #f8f8ff; /* ghostwhite; */
	border: #8583be 1px solid; 
	text-align:center;
}

/* Training Plan Grid */



.TPSection
{
  border: black 1px solid;
  width: 98%;
  padding: 1px;
}
.TPSectionHeading
{
  font-weight:bold;
  font-size: 80%;
}
.TPSearch
{
	border: black 1px solid;
	overflow: auto;
	width: 100%;
	height: 270px;
}
.TPAddNew
{
  border: black 1px solid;
  width: 98%;
  padding: 5px;
  background-color: #d3d3d3;
  text-align: center;
  font-size: 80%;
}
.TPActiveStep
{
  font-weight: bold;
  color: #000000;
}
.TPInActiveStep
{
  font-weight: normal;
  color:#808080;
}
.TPStepComplete
{
  font-weight: normal;
  color: #000000;
}


.lnkCSV
{
  text-decoration:none;
  border: none;
}

/* Training Plan Details */

.TPDetails
{
	font-size: 75%;
	background-color: #dcdcdc;
  border: black 1px solid;
  overflow: hidden;
  height: 280px;
}

/*
div#ctl00_cp1_divTPTableBody { overflow: scroll; height:274px; width: 716px}
div#ctl00_cp1_divTPTableHeadings { behavior: url("syncscroll.htc"); overflow: hidden; width: 700px;}
div#ctl00_cp1_divTPRowHeadings { behavior: url("syncscroll.htc"); overflow: hidden; height:258px; }
*/

div#ctl00_cp1_divTPTableBody {overflow: scroll; }
div#ctl00_cp1_divTPTableHeadings {overflow: hidden; }
div#ctl00_cp1_divTPRowHeadings {overflow: hidden; }


table#tblTPTopLeft
{
	overflow: hidden;
	height: 20px;
}

table#ctl00_cp1_tblTPTableHeadings td
{
	overflow: hidden;
	height: 20px;
}

table#ctl00_cp1_tblTPRowHeadings td
{
	overflow: hidden;
	height: 24px;
	width: 150px;
}

table#ctl00_cp1_tblTPTableBody td
{
	overflow: hidden;
	height: 24px;
	width: 80px;
	text-align: center;
}

.TPGUnit
{
	color: white;
	background-color: #002f46;
	text-align: center;
}
.TPGUnitOptional
{
	color: white;
	background-color: #9933ff;
	text-align: center;
}

.TPG_Prior
{
    width: 75px;
    background-color: #d3d3d3; /* lightgrey; */
    border: #8583be 1px solid;
    text-align: center;
}
.TPG_Current
{
	width:75px;
	background-color: #add8e6; /* lightblue; */
	border: #8583be 1px solid;
	text-align:center; 
}
.TPG_Future
{
	width:75px;
	background-color: #90ee90; /* lightgreen; */
	border: #8583be 1px solid; 
	text-align:center;
}
.TPG_Failed 
{
	width:75px;
	background-color: #ff7f50; /* coral; */
	border: #8583be 1px solid; 
	text-align:center;
}
.TPG_NoPlan
{
	width:75px;
	background-color: #f8f8ff; /* ghostwhite; */
	border: #8583be 1px solid; 
	text-align:center;
}


.TPLearner
{
  width:200px;
}
.TPAwardPDU
{
  border: black 1px solid;
  overflow: scroll;
  width: 100%;
  height: 450px;
}
.TPUsers
{
	border: black 1px solid;
	overflow: auto;
	width: 100%;
	height: 400px;
}

.MaintainUnitsAddUnit
{
	border: gold thin solid;
	padding: 5px;
}
.TPUnits
{
	border: black 1px solid;
	overflow: auto;
	width: 100%;
}



.TrainingPlanLearners
{
	border: black 1px solid;
	overflow: auto;
	width: 100%;
	height: 280px;
}



/* Training Plan Keys */



/* Training Plan Learners */
.TPLearnersBig
{
	border: black 1px solid;
	overflow: auto;
	width: 100%;
	height: 400px;
}
.TPLearnersSmall
{
	border: black 1px solid;
	overflow: auto;
	width: 100%;
	height: 210px;
}



.AddNewStep
{
  font-family:80%;
  width: 150px;
}

/* PDU Management */

.PDUSearch
{
	border: black 1px solid;
	overflow: auto;
	width: 100%;
	height: 340px;
}

/* trainee Search */

.TraineeSearch
{
	border: black 1px solid;
	overflow: auto;
	width: 100%;
	height: 335px;
}

/* EmployerAssociate */

.EAGrid1
{ 
	border: black 1px solid;
	overflow: auto;
	width: 100%;
	height: 340px;
}
.EAGrid2
{ 
	border: black 1px solid;
	overflow: auto;
	width: 100%;
	height: 350px;
}
.EAGrid3
{ 
	border: black 1px solid;
	overflow: auto;
	width: 100%;
	height: 410px;
}


/* Statistics Report */

.ReportTitle
{
    font-size: 80%;
    width:400px; 
}


.ReportFilters
{
	border: black 1px solid;
	overflow: auto;
	width: 760px;
	height: 340px;
}

.ReportFilterLabel
{
    width: 150px;

}
.ReportFilterDDL
{
    width: 400px;
}

.ReportProcessing
{
    top: 175px;
    left: 75px;
    width: 400px;
    position: absolute;
    height: 100px;
    display: block;
    background-color: white;
    vertical-align: middle;
    text-align: center;
    padding-right: 50px;
    padding-left: 50px;
    padding-bottom: 50px;
    padding-top: 50px;
    z-index: 200;
    border-right: black solid;
    border-top: black solid;
    border-left: black solid;
    border-bottom: black solid;
    margin: 50px;
}
.ReportError
{
    padding-right: 10px;
    padding-left: 100px;
    font-weight: bold;
    font-size: 200%;
    padding-bottom: 10px;
    color: red;
    padding-top: 10px;
}