﻿#Error
{
    top: 0px;
    right: 0px;
    width: 255px;
    background-color: yellow;
    border: solid 1px Black;
    padding: 5px;
    font-family: Sans-Serif;
    font-size: 9pt;
    position: absolute;
    margin: 5px;
}
#CloseButton
{
    float: right;
    cursor: pointer;
}
.leftPanelCtrl, A.leftPanelCtrl
{
	text-decoration: none;
}
.fullwidth
{
	width:99%;
}

text 
{
	/*font-size:8pt;	*/
	border: #666666 solid 1px;
	font-size: 11px;
}
textarea 
{
    font-size:1em;
}
        
.formtable td
{
	padding-bottom: 3px;
	padding-top: 1px;
	empty-cells: show;
	vertical-align: middle;
}

.requiredMark
{
    float:left;
    margin-right:-10px;
    position:relative;
    top:6px;
    left:-12px;
    font-weight:bold;
}
.topnav 
{
	padding:0px 1px 0px 0;
	margin-bottom:0px;
	border-bottom:solid 1px ButtonShadow;
}

.topnav ul {
    margin:0px;
    padding:0px;
    }

.topnav li, .topnavleft li, .topnavright li {
    padding:0px;
    list-style:none;
    display:inline;
	margin:5px 2px 5px 0px;
    }
.topnavleft li a, .topnavright li a
{
	padding:3px 5px 0px 20px;
	background-color:White;
	text-decoration:none;
	color: WindowText ;
	border-top:solid 1px #f0f0f0;
	border-left:solid 1px #f0f0f0;
	border-right:solid 1px ButtonShadow;
}

.nopadding 
{
	padding-bottom: 0px;
	padding-top: 0px;
}

input.button
{
	font-size: 8pt;
	font-weight: normal;
	height: 24px;
	width: 100px;
	border-style:outset;
	border-width:1px;
	padding-top:0px;	
	cursor: pointer;
	overflow:hidden;	
	/*background-image: url(../ig_res/Office2007Blue/images/button_bg.jpg);*/
	background-repeat: no-repeat;
	background-color: #e8e8e8;
	border-color:#c0c0c0;
	border-style:solid;
    border-radius:2px;
}

input.button:hover
{
	/*background-image: url(../ig_res/Office2007Blue/images/day_header_active.jpg);*/
	border-style:inset;
	border-color:#888888;
	border-width:1px;
}

input.buttonCancel
{
	float:right;
	margin-right: 1px;
	margin-bottom: 1px;
	vertical-align: top;
	clear:both;
	/*background-image: url(../ig_res/Office2007Blue/images/close_button.gif) no-repeat;
	width:21px;
	height:21px;*/
	cursor: pointer;
}

div#body_wrapper {
		margin: 0 auto;
		padding: 0;
		width: 990px;
		background-color: white;
}

.fieldlabel
{
	width: 160px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	color: #050505;
	padding-left: 3px;
}

.fieldlabelSmall
{
	font-size: x-small;
	color: #39548F;
	padding-left: 0px;
}

.validatelabel
{
	width: 80px;
	color: red;
}
.validatesummary
{
	color: red;
	padding-left: 3px;
	font-size:10pt;
}
.formtable
{
	width: 100%;
}
.contenttable
{
	margin: 1px 1% 1px 1%;
	width: 100%;
	background-color: transparent;
}
.ajaxprogress
{
	font: bold;
	z-index: 100;
	vertical-align: top;
}
.taxfilelabel
{
	padding: 2px;
	font-size: 9pt;
	font-family: HelveticaNeue Condensed, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #EE2E25;
}
.taxfiletext
{
	font-size: 8pt;
	font-family: HelveticaNeue Condensed, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #F26962;
}
.taxfilebullet
{
	font-weight: bold;
	vertical-align: middle;
	color: white;
	width: 15px;
	background-color: #EE2425;
	text-align: center;
}
.sgclabel
{
	padding-top:3px;
	font-size: 9pt;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #000000;
}
.sgctext
{
	padding-top:3px;
	font-size: 8pt;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #000000;
}


.warning
{
	background: url(../Images/warning.gif) transparent no-repeat left 0px;
	margin:  5px 2px 2px 10px;
	padding: 0px;
	padding-left: 24px;
	overflow: visible;
	max-width: 500px;
	width: 98%;
}

.general
{
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	color: #39548F;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
}
.menuGroup
{
	font-size: 8pt;
	font-weight: normal;
	color: #39548F;
	padding-right: 1px;
	padding-left: 1px;
	line-height: 20px;
	border-style: outset;
	border-width: 0px;
	/*border-color:  ButtonFace ButtonShadow ButtonShadow ButtonFace ;*/
}

.wizardMasterSmall
{
    background-color: Transparent;
	padding: 0px 0px 0px 0px;
	display:table;
	margin:0;
	width:100%;
	min-width:740px;
}
.wizardMasterSmall td
{
    vertical-align:top;
}
.wizardHeaderSmall
{
	font-size:9pt;
	border-width: 1px;
	border-color:WindowFrame;
	padding: 0px;
	padding-left: 2px;
	font-weight: bold;
	color: WindowText ;
	background-color: #f6f6f6;
}
.steplabel
{
	padding-left:4px;	
	padding-top:2px;
	height:2px;
}
.wizardHeaderProgress
{
	background-color:Lime;
	display:inline;
}
.headerProgressBase
{
	background-color: Gray;
	display:inline;
}
.headerProgressPanel
{
	float:right;
	position:relative;
	top: 2px;
	right: 2px;
}

.fixedheight
{
	height:350px;
	display:table;
	position:relative;
}

.wizardMaster
{
    background-color: Transparent;
    display:table;
    width:100%;
	height:330px;
	overflow:visible;
}
table.wizardMaster, div.wizardMaster
{
	min-width:740px;
}

.wizardMaster tr
{
    vertical-align:top;
}
.wizardMaster td
{
    vertical-align:top;
}

.sideBarStyle
{
	background-color: #F6F6F6 ;
	vertical-align: top;
	padding: 25px 0px 0px 5px;
	width: 110px;
	/*border-width: 1px;*/
	/*border-style: solid;*/
	/*
	border-top:1px solid #CBCBCB;
	border-right:1px solid #7F7F7F;
	border-bottom:2px solid #7F7F7F;
	border-left:1px solid #CBCBCB;
	*/
	border:none;
}

.topRightTable
{
    width:100%; 
    margin:5px 0 0 0;  
}
.topRightLinkImage
{
    background:url("../Images/linkLogo.png") no-repeat top center;
    width: 30px; 
    height:35px;
    text-align: center;
}
.topRightLink
{
    vertical-align:top;
    font-size:10pt;
    font-weight:bold;    
    color:White;
    width:100px;
    padding:3px 0;
    text-align:center;
}
.topRightLink a
{
    text-decoration:none;
    color:White;
}
.topRightLink li
{
    padding:1em;
    margin:-1em 1em;
    list-style-position:outside;
}
.sidePane
{
    background-color: #e0e0ff;
    padding:0px 0px 10px 15px;
    display:table;
    height:110%;
}
.sideTable
{
    width:100%;
}
.sideLinkPane
{
    /*background-color: #1B42A2;*/
    padding:0px;
    margin:0;
    display:table;
    height:100%;
}
.sideLink1
{
    padding-top:0px;
	padding-left:21px;
	background-image: url(../Images/sideLink1.png) ;	
	background-repeat:no-repeat;
	background-position: 2px 3px;
	line-height:21px;
	display:block;
	font-weight:bold;
}
.sideLink2
{
	padding-left:21px;
	background-image: url(../Images/sideLink2.png) ;	
	background-repeat:no-repeat;
	background-position: 2px 3px;
	line-height:21px;
	display:block;
}    
.sideLink3
{
	padding-left:21px;
	background-image: url(../Images/sideLink3.png) ;	
	background-repeat:no-repeat;
	background-position: 2px 3px;
	line-height:21px;
	display:block;
}    
.sideSubTd .sideLink3
{
    color:#5BEF62;    
}

.sideSubTable
{                
    margin:0px 0;    
}
.sideSubTd
{
    padding-bottom:4px;
}
.sideSubTable a
{
    font-weight:bold;
}
.sideSubSubTable a
{
    font-weight:normal;
}
.sideSubSubTable
{
    color:#CAD4E6;
}

.sideBarStyle td
{
	font-size:8pt;
	padding-top:1px;
	padding-bottom:3px;
	vertical-align:top;
	/*color: #39548F;*/
	/*color: #050505;*/
	line-height:14px;
}
        .mainMenu, .mainMenuDisable, .mainMenuSelected
        {
            height: 36px;
            width: 180px;
            padding: 2px 4px;
        }
        .setupMenu
        {
            height: 23px;
            width: 160px;
            padding: 6px 10px;
        }
        .setupMenuSelected
        {
            height: 23px;
            width: 160px;
            padding: 6px 10px;
        }
        .mainMenuDisable
        {
            background: url("../Images/bgMainMenu1Disable.png") no-repeat 0px 0px;            
        }
        .mainMenu, .setupMenu
        {
            background: url("../Images/bgMainMenu1.png") no-repeat 0px 0px;            
        }
        .mainMenu:hover, .mainMenuSelected, .setupMenuSelected, .setupMenu:hover
        {
            background: url("../Images/bgMainMenu1b.png") no-repeat 0px 0px;
        }
        .setupMenu a:hover
        {
            color:#1C4299;
        }
        .mainMenu, .mainMenu a
        {
            text-decoration: none;
            color: White;
        }
        .mainMenu:hover, .mainMenu:hover a
        {
            color: #1C4299;
        }
        .mainMenu a:hover
        {
        }
        .sideLink1:hover
        {
            background: url(../Images/sideLink2.png) no-repeat 2px 3px;
        }
        .mainMenu, .mainMenu a, .sideSubSubTable a
        {
            text-decoration: none;
            color: White;
        }
        .sideSubSubTable
        {
            font-size: 0.72em;
        }
        .bg
        {
            width: 200px;
        }
        .bg .top
        {
            display: block;
            padding: 13px 1px 0;
            background: url(../images/bgMenu1.png) no-repeat top;
        }
        .bg .middle
        {
            display: block;
            padding: 0 0px;
            background: url(../images/bgMenuFiller1.png) repeat top;
            overflow: visible;
        }
        .bg .bottom
        {
            display: block;
            padding: 1px 0px 7px;
            background: url(../images/bgMenu1.png) no-repeat bottom;
        }
.placeholderTable
{
    width: 935px;
}



/*.wizardHeaderStyle
{
	font-size:9pt;
	border-width: 1px;
	border-style: inset;
	padding: 0px;
	padding-left: 2px;
	font-weight: bold;
	color: #39548F ;
	
	background: #ffffff url(../themes/default/bg-topnav.gif) repeat-x;
	border-bottom:2px solid #7F7F7F;
	border-right:1px solid #7F7F7F;*/
	/*border-left:1px solid #EDEDED;*/
	/*border-left:1px solid #DCDCDC;
	max-height: 22px;
	height:22px; 
	overflow:hidden;
}*/

.navigation
{ 
   font-size:9pt;
   font-weight: bold;
   height:22px;   
   background-image:url(../ig_res/Office2007Blue/images/day_header_active.jpg);   
   color: #39548F;
   /*
	blue button:caption_bg
	*/
   border-top-style:solid;
   border-top-color:#AAAAAA;
   border-top-width:0px;
   border-bottom-style:solid;
   border-bottom-color:#AAAAAA;
   border-bottom-width:1px;   
   border-left-style:solid;
   border-left-color:#AAAAAA;
   border-left-width:0px;
   border-right-style:solid;
   border-right-color:#AAAAAA;
   border-right-width:1px;   
   /*
   border-left-style:solid;
   border-left-color:#FFEEDD;
   border-left-width:1px;
   border-right-style:solid;
   border-right-color:#FFFFFF;
   border-right-width:1px;
	*/
    width: 75px; }

.navigation1
{
    background-color:White;
    border-bottom-color:#CC9966;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-left-color:#CC9966;
    border-left-style:solid;
    border-left-width:1px;
    border-right-color:#CC9966;
    border-right-style:solid;
    border-right-width:1px;
    border-top-color:#CC9966;
    border-top-style:solid;
    border-top-width:1px;
    color:#990000;
    font-family:Verdana;
    font-size:0.8em;
    margin:5px 5px 10px 5px;
}
.modalBackground
{
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC #EBEBEB #CCCCCC #EBEBEB;
	filter: alpha(opacity=50);
	opacity: .50;
	border-top-width: 1px;
	background-color: #C0C0C0;
}
.popupGrip1
{
	cursor: move;
	background-color: #DDDDDD;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC #EBEBEB #CCCCCC #EBEBEB;
	text-align: center;
	background-image: url(../ig_res/Office2007Blue/images/day_header.jpg);
}
.popupGrip
{
	cursor: move;
	font-size:9pt;
	border-width: 1px;
	border-style: inset;
	padding: 1px;
	font-weight: bold;
	color: White ;
	background-color: #39548F;	
}

.hidden
{
	display:none;
}
.sectiontitle {padding:0 0 2px 0;border-bottom:1px solid #cccccc; font-size:95%; color:#444444;}
ul.section { list-style:none; line-height:155%; margin: 0; padding: 0 0 0 1.3em }
.list_header {background-image:none; font-weight:bold; padding-bottom: .5em; color: #444444;}
ul.section li.list_header {background-image:none; font-weight:bold; padding-bottom: .5em; color: #444444;}
ul.section li.list_header li {font-weight: normal;}

.separatorbar
{
	border-right:solid 1px InactiveCaption; 
	width:2px; 
	display:inline; 
	margin:0px 10px 0px 7px;
	height:22px;
}

.completed
{
	padding-left:21px;
	background-image: url(../Images/001_06s.png) ;	
	background-repeat:no-repeat;
	background-position: 2px 3px;
	line-height:21px;
	display:block;
}
.incomplete
{
	padding-left:21px;
	/*background-image: url(../Images/001_06i.png) ;	*/
	background-repeat:no-repeat;
	background-position: 2px 3px;
	line-height:21px;
	display:block;
}
.pending
{
	padding-left:21px;
	background-image: url(../Images/001_05s.png) ;	
	background-repeat:no-repeat;
	background-position: 2px 3px;
	line-height:21px;
	display:block;
}

.headerIcon { font-size: 0px; line-height: 0px; height:18px}
.MsgCenterIcon {padding-left:21px;background-image: url(../Images/MsgCenter.png);background-repeat:no-repeat;background-position: 2px 3px;}
.MessageIcon {padding-left:21px;background-image: url(../Images/Message.png);background-repeat:no-repeat;background-position: 2px 3px;}
.EmployeeIcon {padding-left:21px;background-image: url(../Images/Employee.png);background-repeat:no-repeat;background-position: 2px 3px;margin-right:5px;}
.TimeSheetIcon {padding-left:21px;background-image: url(../Images/clock.png);background-repeat:no-repeat;background-position: 2px 3px;margin-right:5px;}
.ReportIcon {padding-left:21px;background-image: url(../Images/001_41s.png);background-repeat:no-repeat;background-position: 2px 3px;margin-right:5px;}
.ConsoleIcon {padding-left:20px;background-image: url(../Images/Console.png);background-repeat:no-repeat;background-position: 2px 3px;}

.PersonalIcon {padding-left:20px;background-image: url(../Images/Personal.png);background-repeat:no-repeat;background-position: 2px 0px;}
.BankIcon {padding-left:20px;background-image: url(../Images/Bank.png);background-repeat:no-repeat;background-position: 2px 0px;}
.ReferenceIcon {padding-left:20px;background-image: url(../Images/Reference.png);background-repeat:no-repeat;background-position: 2px 0px;}
.PayRateIcon {padding-left:20px;background-image: url(../Images/PayRate.png);background-repeat:no-repeat;background-position: 2px 0px;}
.StatusIcon {padding-left:20px;background-image: url(../Images/Status.png);background-repeat:no-repeat;background-position: 2px 0px;}
.TaxIcon {padding-left:20px;background-image: url(../Images/Tax.png);background-repeat:no-repeat;background-position: 2px 0px;}
.SuperIcon {padding-left:20px;background-image: url(../Images/Super.png);background-repeat:no-repeat;background-position: 2px 0px;}
.ScheduleIcon {padding-left:20px;background-image: url(../Images/Schedule.png);background-repeat:no-repeat;background-position: 2px 0px;}
.BaseHrIcon {padding-left:20px;background-image: url(../Images/WorkingHours.png);background-repeat:no-repeat;background-position: 2px 0px;}
.LeaveIcon {padding-left:20px;background-image: url(../Images/Leave.png);background-repeat:no-repeat;background-position: 2px 0px;}
.AllowDedIcon {padding-left:20px;background-image: url(../Images/AllowanceDeduction.png);background-repeat:no-repeat;background-position: 2px 0px;}
.AwardIcon {padding-left:20px;background-image: url(../Images/Award.png);background-repeat:no-repeat;background-position: 2px 0px;}
.LeaveBalanceIcon {padding-left:20px;background-image: url(../Images/leave_balances.png);background-repeat:no-repeat;background-position: 2px 0px;}
.PayslipIcon {padding-left:20px;background-image: url(../Images/payslips.png);background-repeat:no-repeat;background-position: 2px 0px;}

.SaveIcon {padding-left:20px;background-image: url(../Images/Save.png);background-repeat:no-repeat;background-position: 2px 3px;}
.ArrowUpIcon {padding-left:20px;background-image: url(../Images/001_28s.png);background-repeat:no-repeat;background-position: 2px 3px;}
.ArrowDownIcon {padding-left:20px;background-image: url(../Images/001_26s.png);background-repeat:no-repeat;background-position: 2px 3px;}
.ArrowForwardIcon {padding-right:18px;background-image: url(../Images/001_21s.png);background-repeat:no-repeat;background-position: right 3px;}
.ArrowBackwardIcon {padding-left:20px;background-image: url(../Images/001_23s.png);background-repeat:no-repeat;background-position: 2px 3px;}
.PauseIcon {padding-left:20px;background-image: url(../Images/001_25pause.png);background-repeat:no-repeat;background-position: 2px 3px;}
.ResumeIcon {padding-left:20px;background-image: url(../Images/001_25resume.png);background-repeat:no-repeat;background-position: 2px 3px;}
.AddIcon {padding-left:20px;background-image: url(../Images/001_01s.png);background-repeat:no-repeat;background-position: 2px 3px;}
.SubtractIcon {padding-left:20px;background-image: url(../Images/001_02s.png);background-repeat:no-repeat;background-position: 2px 3px;}
.SumIcon {padding-left:20px;background-image: url(../Images/Sum.png);background-repeat:no-repeat;background-position: 2px 3px;}

.OKIcon {padding-left:20px;background-image: url(../Images/001_06s.png);background-repeat:no-repeat;background-position: 2px 3px;}
.CancelIcon {padding-left:20px;background-image: url(../Images/001_05s.png);background-repeat:no-repeat;background-position: 2px 3px;}
.RejectIcon {padding-left:20px;background-image: url(../Images/001_02s.png);background-repeat:no-repeat;background-position: 2px 3px;}
.NewIcon {padding-left:20px;background-image: url(../Images/filenew.png);background-repeat:no-repeat;background-position: 2px 3px;}
.EditIcon {padding-left:20px;background-image: url(../Images/edit.png);background-repeat:no-repeat;background-position: 2px 3px;}
.DeleteIcon {padding-left:20px;background-image: url(../Images/Delete.png);background-repeat:no-repeat;background-position: 2px 3px;}


.SendIcon {padding-left:20px;background-image: url(../Images/Send.png);background-repeat:no-repeat;background-position: 2px 3px;}
.SetupIcon {padding-left:20px;background-image: url(../Images/001_08s.png);background-repeat:no-repeat;background-position: 2px 3px;}
.ExcelIcon {padding-left:20px;background-image: url(../Images/excel.gif);background-repeat:no-repeat;background-position: 2px 3px;}
.ChecklistIcon {padding-left:20px;background-image: url(../Images/ChecklistIcon.png);background-repeat:no-repeat;background-position: 2px 3px;}
.UnChecklistIcon {padding-left:20px;background-image: url(../Images/UnChecklistIcon.png);background-repeat:no-repeat;background-position: 2px 3px;}
.sNextIcon {padding-right:18px;background-image: url(../Images/sNext.png);background-repeat:no-repeat;background-position: right 2px;}
.sBackIcon {padding-left:20px;background-image: url(../Images/sBack.png);background-repeat:no-repeat;background-position: 2px 2px;}
.sSubmitIcon {padding-right:18px;background-image: url(../Images/sSubmit.png);background-repeat:no-repeat;background-position: right 2px;}
.sDownIcon {padding-right:18px;background-image: url(../Images/sDown.png);background-repeat:no-repeat;background-position: right 2px;}
.PrintIcon {padding-left:24px;background-image: url(../Images/PrintIcon.png);background-repeat:no-repeat;background-position: 2px 3px;}
.ConsoleIconRight {padding-right:18px;background-image: url(../Images/Console.png);background-repeat:no-repeat;background-position: right 2px;}

.ContractorIcon {padding-left:18px;background-image: url(../Images/contractor.png);background-repeat:no-repeat;}
.FulltimeIcon {padding-left:18px;background-image: url(../Images/fulltime.png);background-repeat:no-repeat;}
.ParttimeIcon {padding-left:18px;background-image: url(../Images/parttime.png);background-repeat:no-repeat;}
.CasualIcon {padding-left:18px;background-image: url(../Images/casual.png);background-repeat:no-repeat;}
.ActiveEmployee {padding-left: 18px; background-image: url(../Images/Personal.png); background-repeat: no-repeat;}
.TerminatedEmployee {padding-left: 18px;background-image: url(../Images/Terminated.png);background-repeat: no-repeat;}
.MarkTerminatedEmployee{padding-left: 18px;background-image: url(../Images/Termination.png);background-repeat: no-repeat;}
   
a.downloadButton  
{
    background:url('../images/001_52s.png') no-repeat 2px 2px; 
    border-width:0px;
    cursor:pointer;
    padding-left:24px;
    line-height:20px;
}
     
input.downloadButton  
{
    background:url('../images/001_52s.png') no-repeat 5px 2px; 
    border-width:0px;
    cursor:pointer;
}

a.viewButton  
{
    background:url('../images/001_38s.png') no-repeat 2px 0px; 
    border-width:0px;
    cursor:pointer;
    padding-left:24px;
}

input.viewButton  
{
    background:url('../images/001_38s.png') no-repeat 5px 2px; 
    border-width:0px;
    cursor:pointer;
}

input.editButton  
{
    background:url('../images/pencil.png') no-repeat 5px 2px; 
    border-width:0px;
    cursor:pointer;
}

input.OKButton 
{
    background:url('../images/001_06s.png') no-repeat 0 2px; 
    border-width:0px;
    cursor:pointer;
    padding-left:20px;
    font-size:8.5pt;
    color:blue;
    text-align:left;
}
input.rejectButton 
{
    background:url('../images/001_02s.png') no-repeat 4px 2px ; 
    border-width:0px;
    cursor:pointer;
    padding-left:24px;
    font-size:8.5pt;
    color:blue;
    text-align:left;
}

.DownloadIcon {padding-left:20px;background-image: url(../Images/001_52s.png);background-repeat:no-repeat;background-position: 2px 3px;}
.EditIcon2 {padding-left:20px;background-image: url(../Images/pencil.png);background-repeat:no-repeat;background-position: 2px 3px;}