﻿body 
{
    background-color: #F4F8FB;    
    background-image: url('/images/bg.gif');
    background-repeat: repeat-x;
    font-family: Arial;
}
h1 {
    font-size: 28px;
    color: #0f4f67;
    margin-top: 0px;
    text-align: left;
    border-bottom: 3px solid #b6d5e5;
    margin-bottom: 30px;
}
h2
{
    font-size: 20px;
}
h3
{
    font-size: 16px;
}
.tblMain
{
    width: 980px;
    background-color: #ffffff;
    border: 1px solid #B5D4E4;
}
.tdMenu
{
    width: 200px;
    background-color: #ffffff;
    padding: 5px;    
}
.tdContent
{
    width: 780px;
    padding: 15px;
}
.tblTopNav
{
    width: 980px;
    background-color: #ffffff;
    border: 1px solid #B5D4E4;
}
.tblBottomNav
{
    width: 980px;
    text-align: right;
    font-size: 12px;
}
.tblBottomNav
{
    padding: 10px;
}
.divSiteMap
{
    font-size: 12px;
    margin-bottom: 15px;
    color: Silver;
}
.divSiteMap a:link, .divSiteMap a:visited
{
    color: Silver;
}
.tblLeftInfo
{
    width: 200px;
    border: 1px solid silver; 
    margin-bottom: 3px;
}
.tblLeftInfo th
{
    font-size: 12px;
    background-image: url('/images/thbg.jpg');
    padding: 5px;
}
.tblLeftInfo td
{
    padding: 5px;
    font-size: 12px;
    text-align: center;
}


/* login page */
.tblLogin 
{
    width: 500px;
    background-color: #ffffff;  
    border: 1px solid #B5D4E4;  
}
.tdLoginHeader 
{
    background-color: #B4D2E4;
    color: #000000;
    text-align: left;    
    font-size: 14px;    
    padding: 5px;
    font-weight: bold;
    background-image: url('/images/thbg.jpg');
}
.tblLoginForm
{
    width: 350px;
}
.tblLoginForm td
{
    padding: 5px;
    font-size: 14px;
}
.txtLogin
{
    width: 200px;
    font-size: 14px;
}
.txtPassword
{
    width: 200px;
    font-size: 14px;
}
.ddlSession
{
    width: 205px;
    font-size: 14px;
}
.divStay
{
    color: Silver;
}
/* end login page */
/* alert */
.tblAlert
{
    width: 700px;
    background-color: #ffffcc;
    border: 1px solid #ffcc66;
    margin-bottom: 5px;
}
.tblAlert td
{
	font-size: 14px;	
	padding: 5px;	
}
.tblAlertGreen
{
    width: 700px;
	background-color: #ccffcc;
	border: 1px solid green;
	margin-bottom: 5px;
}
.tblAlertGreen td
{
	font-size: 14px;
	padding: 5px;
}
.tblAlertSmall
{
    width: 300px;
    background-color: #ffffcc;
    border: 1px solid #ffcc66;
    margin-bottom: 5px;
}
.tblAlertSmall td
{
	font-size: 12px;	
	padding: 5px;	
}
.tblAlertGreenSmall
{
    width: 300px;
	background-color: #ccffcc;
	border: 1px solid green;
	margin-bottom: 5px;
}
.tblAlertGreenSmall td
{
	font-size: 12px;
	padding: 5px;
}
/* end alert */
.divActions
{
    text-align: right;
    padding: 15px;
}
.nextbutton
{
    font-size: 18px;
}
.divInput
{    
    margin-bottom: 20px;
    text-decoration: underline;
}
.divInputDesc
{
    font-size: 12px;
    margin-bottom: 10px;
}
.hrDivider
{
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 12px;
}
.rblMeets input
{
    margin-right: 10px;
}
.rblMeets label
{
    margin-right: 90px;
}
.rblRating input
{
    margin-right: 5px;
}
.rblRating label
{
    margin-right: 30px;
}
.divRatingBox
{
    border: 1px solid silver;
    background-color: #eeeeee;
    padding: 30px;
    text-align: center;
}
.divMeetsBox
{
    margin-top: 25px;
    margin-bottom: 25px;
}
.tblEmployees
{
    width: 100%;
    font-size: 12px;
}
    .tblEmployees th {
        font-size: 12px;
        /*background-color: #eeeeee;
    background-image: url('/images/thbgs.jpg');*/
        background-color: #cee3ee;
        background-image: url('/images/thbg.jpg');
        padding: 5px;
    }
.tblEmployees td
{
    text-align: left;
    padding: 5px;
}
.tblEmployees tr:hover
{
    background-color: #ffd487
}
.tblGeneric {
    width: 100%;
    font-size: 14px;
}

    .tblGeneric th {
        font-size: 14px;
        /*background-color: #eeeeee;
    background-image: url('/images/thbgs.jpg');*/
        background-color: #cee3ee;
        background-image: url('/images/thbg.jpg');
        padding: 7px;
    }

    .tblGeneric td {
        text-align: left;
        padding: 7px;
    }

    .tblGeneric tr:hover {
        background-color: #ffd487
    }
.divUser
{
    width: 200px;
    font-size: 14px;
    padding: 5px;
    text-align: center;
    margin-bottom: 10px;
}
.divUserName
{
    font-size: 18px;
    font-weight: bold;
}
.divUserClass{
    font-size: 16px;
}
.tblBoxSelf
{
    border: 1px solid silver;
    width: 100%;
    font-size: 12px;
    background-color: #E9DEC3;
    margin-bottom: 10px;
}
.tblBoxSelf th
{
    width: 150px;
    text-align: left;
}
.tblBoxMgr
{
    border: 1px solid silver;
    width: 100%;
    font-size: 12px;
    background-color: #C6E5CF;
}
.tblBoxMgr th
{
    width: 150px;
    text-align: left;
}
.divViewEmp
{
    width: 200px;
    font-size: 12px;
    padding: 5px;
    text-align: left;
    margin-bottom: 10px;
}
.divContainer
{
    font-size: 12px;    
    margin-top: 20px;
    background-color: #eeeeee;
    padding: 5px;    
    border: 3px solid silver;
}
.divSectionDesc
{
    font-size: 12px;
    margin-bottom: 10px;
}
.tblGoal
{
    border: 2px solid silver;    
    width: 100%;
    margin-bottom: 10px;
}
.tblGoal th
{
    font-size: 16px;
    padding: 5px;
    text-align: left;
}
.tblGoalInner
{
    border: none;
    font-size: 12px;
    width: 100%;
}
.tblGoalInner th
{
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    /*
    background-color: #E1EAEF;
    */
    padding: 5px;
}
.tblGoalInner td
{
    padding: 5px;
}
.divNotes
{
    padding: 5px;
}
.h3Note
{
    font-size: 14px;
}
.ddlStatus
{
    width: 225px;
    font-size: 12px;
    background-color: #eeeeee;
}
.tblFilters
{
    width: 100%;
    border: 1px solid silver;
    margin-bottom: 20px;
}
.tblFilters th
{
    background-image: url('/images/thbg.jpg');
    padding: 5px;
    font-size: 14px;    
}   
.tblFilters td
{
    padding: 5px;
    font-size: 12px;  
    background-color: #eeeeee;  
}
#chkStatus input
{
    margin-left: 30px;
}
#chkStatus label
{
    margin-left: 15px;
}
.divTip
{
    background-color: #ffffcc;
    border: 1px solid #ffcc66;
    margin-bottom: 5px;
    font-size: 12px;
}

.tblScore
{
    border: 3px solid silver;
    background-color: #eeeeee;
    width: 100%;
}
.tblScore th
{
    font-size: 14px;
    text-align: center;
    padding: 5px;
}
.tblScore td
{
    font-size: 12px;
    padding: 5px;
}
.tdSelf
{
    background-color: #E9DEC3;
    text-align: center;
}
.tdManager
{
    background-color: #C6E5CF;
    text-align: center;
}

.divEmpGoal
{
    border: 1px solid silver;
    padding: 15px;
    margin-bottom: 3px;
}
.divGoalAction
{
    font-size: 10px;
    text-align: right;
}
.divEditEmpNoteAction
{
    font-size: 10px;
    text-align: right;
    padding-top: 5px;
}
.divEditEmpNoteAction input
{
    font-size: 10px;
}
.divNoteDate
{
    font-size: 11px;
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
}
.divMgrGoal
{
    border: 1px solid silver;
    padding: 15px;
    margin-bottom: 3px;
}
.divEditMgrNoteAction
{
    font-size: 10px;
    text-align: right;
    padding-top: 5px;
}
.divEditMgrNoteAction input
{
    font-size: 10px;
}
.H1L
{
    text-align: left;
}
.trAlt
{
    background-color: #eee;
}
.tblEdit
{
    width: 100%;
    font-size: 14px;
}
.tblEdit th
{
    font-size: 14px;
    background-color: #eeeeee;
    padding: 3px;
    text-align: left;
}
.tblEdit td
{
    text-align: left;
    padding: 3px;
}
.tblEdit input
{
    font-size: 14px;
}
.tblActions
{
    width: 100%;
    margin-top: 15px;
}
.tblActions td
{
    text-align: right;
}
.tblActions input
{
    font-size: 18px;
}
.divAlertGreen
{
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    color: Green;
    border: 2px solid green;
    font-size: 12px;
}
.tblEmployees2
{
    width: 100%;
    font-size: 14px;
}
.tblEmployees2 th
{
    font-size: 14px;
    background-color: #eeeeee;
    background-image: url('/images/thbgs.jpg');
    padding: 3px;
}
.tblEmployees2 td
{
    text-align: left;
    padding: 3px;
}
.ulMenu
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
}
.ulMenu li
{
    border: 1px solid silver;
    background-color: #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px;  
    font-size: 14px;  
    width: 90%;
}
.ulMenu li a
{
    color: #000;
    text-decoration: none;
    display: block;
    padding: 5px;
}
.ulMenu li a:hover
{
    background-color: #ccc;
}
.ulMenu li i{
    margin-right: 10px;
}
.backbutton {
    border: 1px solid silver;
    background-color: #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    width: 150px;
    padding: 5px;
    cursor: pointer;
}
.backbutton a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 5px;
}
.ulMenuTop {
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    text-align: center;
}
.ulMenuTop li {
    border: 1px solid silver;
    background-color: #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    float: left;
    width: 150px;
    text-align: center;
    margin-right: 5px;
}
.ulMenuTop li a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 5px;
}
.ulMenuTop li a:hover {
    background-color: #ccc;
}
.ddlNewEmp
{
    font-size: 14px;
    width: 300px;
}
.btnLg
{
    font-size: 14px;
}
.divAlert
{
    background-color: #ffffcc;
    border: 1px solid #ffcc66;
    margin-bottom: 5px;
    padding: 10px;
}
.lnkGray
{
    color: #666666;
}
.alert
{
    color: Red;
}
.adminH2
{
    border-bottom: 2px solid #ccc;
}
.divAdminSection
{
    font-weight: bold;
    border-bottom: 1px solid silver;
    padding-top: 15px;
    margin-bottom: 15px;
    height: 35px;
}
.divAdminInput
{
    margin-bottom: 5px;
    height: 35px;
}
.pnlEditSection
{
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid silver;
    padding: 10px;
    background-color: #eee;
}
.pnlEditSection div
{
    margin-bottom: 10px;
}
.pnlEditSection input
{
    font-size: 14px;
}
.btnAll
        {
	        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	        box-shadow:inset 0px 1px 0px 0px #ffffff;
	        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	        background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	        background-color:#ededed;
	        -moz-border-radius:6px;
	        -webkit-border-radius:6px;
	        border-radius:6px;
	        border:1px solid silver;
	        color:#777777;
	        font-family:arial;
	        font-size:12px;
	        font-weight:bold;
	        padding:2px;
	        text-decoration:none;
	        text-shadow:1px 1px 0px #ffffff;
	        cursor:pointer;
	        padding: 5px;
        }            
            
    .btnAll:hover
        {
                background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	            background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	            background-color:#dfdfdf;
        }

    .btnAll:active 
        {      
        } 
.editUpdate
{
    text-align: right;
}
.updateMsg
{
    color: Red;
}
.altrow
{
    background-color: #eee;
}
.linkBack, .linkBack a
 {
    margin-bottom: 10px;
    font-size: 14px;
    color: #000;
 }
.divTopActions{
    margin-bottom: 10px;
}
.ddlJumbo{
    font-size: 16px;
    width: 700px;
    padding: 10px;
    border: 2px solid silver;
    border-radius: 3px;
}
.tblPassword
{
    font-size: 14px;
}
.tblPassword th{
    text-align: left;
    font-weight: normal;
}
.forgotlink
{
    color: #666666;
    font-size: 12px;
}
.tblForgot td{
    padding: 10px;
}