﻿*{margin:0;padding:0}
*:focus{outline:none}
br{line-height:1em}
html,body,form{height:100%}
body{font-family:Arial;position:relative}
ul{list-style-type:none}
ul li a,#Nav .navoption a{text-decoration:none}
fieldset{font-size:12px;padding:10px}
fieldset legend{font-weight:bold;color:#000}
fieldset label{float:left;width:200px}
fieldset textarea{width:200px}
h1,h2,h3,h4,h5{margin:0;padding:0;color:#333}
h2{line-height:1em}
a img{border:none}
.clear{clear:both}
.islive{margin:0 0 10px 0;padding:0;float:left;width:456px}
.absenceforms{float:left;width:420px}
.absenceforms fieldset{width:650px}
.login p a,#TopBar p{color:#fff}
table,.login .logintbl tr td{text-align:left}
p,#ContentSelector table,#Content table{font-size:12px}
#paymentsummary,#payscales,.submitbtn{margin:10px 0 0 0;padding:0}
.login .logintbl,.editingmargin h2,.savecancel,.addusers .savecancel{float:left}
#Content table tr td a,#Content p a,#ContentSelector table tr td a,#ContentSelector p a{color:#000}
.login .logintbl,.login img,.login .logintbl tr td input,#HeaderCont,#Header,#schooltext p.schooladdress,.NavCont,* html #Nav .NavCont,#Header img.headerimg,.organisationeditor,fieldset.fieldedit .fieldbtns input,.employeelist,.employeelist table,#TopBar,#TopBar p,.payrollselector,table.pensiontbl,table.pensiontbl tr td{margin:0;padding:0}
#payscales .alt,.edituser .alt,.employeelist .alt,#paymentsummary .alt,#paymentsummary table tr.total,.employeeeditor .tablewrapper table .alt,.employeeeditor .tablewrapper table tr.total,.amendments table .alt,.amendments table tr.total,.employeelist table tr.total,#Nav,.searchbox,.box{background:#ededed}
#paymentsummary table tr td a,#payscales table tr td a,.employeeeditor .tablewrapper table tr td a,.amendments table tr td a,.edituser table tr td a,.employeelist table tr td a{font-weight:bold}
.amendments table tr.total td,.employeeeditor .tablewrapper table tr.total td,.employeelist table tr.total td,#paymentsummary table tr.total td{border-bottom:1px solid #dadada;border-top:1px solid #dadada;font-weight:bold}
#Content,#ContentBlank,#ContentSelector,.payroll,.payroll2,#Nav .navoption,fieldset.fieldedit .fieldleft,.editingmargin,.buttonbar,.amendmargin {padding:0;float:left;display:inline}
.employeelist table tr th,.edituser table tr th,#payscales table tr th,#paymentsummary table tr th,.employeeeditor .tablewrapper table tr th,.amendments table tr th{margin:0 0 10px 0;padding:0 15px 10px 0;border-bottom:1px solid #dadada}
.employeelist table tr td,.edituser table tr td,#payscales table tr td,#paymentsummary table tr td,.employeeeditor .tablewrapper table tr td,.amendments table tr td{margin:0;padding:10px 15px 10px 0}

.login{margin:0;padding:20px 20px 0 20px;width:546px;height:232px;background:url(/images/loginbackground.png) no-repeat top left}
.login h2{margin:0 0 0 10px;padding:15px 0 0 0;height:45px;color:#fff}
.login img{float:left;height:60px;width:54px}
.login p{margin:0 0 10px 0;padding:0;color:#fff;font-weight:bold;float:left;width:546px}
.login .logintbl tr td label{margin:0;padding:0 5px 0 0;color:#fff;font-size:12px}
.loginwidth{width:145px}
.logintitle{margin:0 0 10px 0;padding:0;float:left;height:60px;width:546px}
.logintitle .login1,.logintitle .login2{margin:0;padding:0;float:left;height:60px}
.logintitle .login1{width:54px;background:url(/images/icons/icon-login.png) no-repeat top left;height:60px}
.logintitle .login2{width:492px}
.failuretext{font-weight:bold;color:#39f}

#HeaderCont{height:116px;width:100%;background:url(/images/bg.jpg) repeat-x top center;position:fixed;top:0;left:0}
#Header{height:116px;float:left;width:634px}
#HeaderBtns{height:85px;position:absolute;top:15px;right:10px}
#HeaderBtns ul li{margin:0 0 0 10px;display:inline}
#TopBar{height:15px;background:#333;width:100%;position:fixed;top:116px;left:0}

#Nav{margin:0 auto;left:0;position:fixed;top:116px;min-height:100%;width:185px;float:left}
* html #Nav{height:100%;float:left}
.NavCont{height:100%;position:fixed;width:185px}
* html #Nav .NavCont{height:100%;position:relative}

#Nav .navoption{margin:0 0 10px 0;width:164px}
#Nav .navoption a{margin:0;padding:0;color:#000;font-size:12px}
#Nav .navpositiontop{margin:0;padding:0;height:25px;width:180px}
#Nav .navposition,#Nav .navpositiontop{height:25px;width:180px}
#Nav .navpositiontop a,#Nav .navposition a{margin:0;padding:4px 0 0 5px;display:block;background:url(/images/navbg.jpg) repeat-x top center;height:21px;width:180px;color:#fff;font-weight:bold;text-decoration:none;cursor:pointer;font-size:14px}
#Nav .navpositiontop a:hover,#Nav .navposition a:hover{background:url(/images/navbg2.jpg) repeat-x top center}
.navsel{margin:0;padding:4px 0 0 5px;display:block;height:21px;width:180px;font-weight:bold;cursor:pointer;font-size:14px;background:url(/images/navbg2.jpg) repeat-x top center}
.navsel,.navsel a{color:#fff;text-decoration:none}
#schoollogo{margin:10px 0 10px 9px;padding:0;height:100px;width:100px;background:#333;float:left;display:inline}
#schooltext{margin:0 0 10px 10px;padding:0;width:164px;float:left;display:inline}
#schooltext p.schoolname{margin:0 0 10px 0;padding:0;font-weight:bold}
.naviconimg,.navicons{padding:0;float:left}
.naviconimg{margin:0 10px 0 0;height:40px;width:40px;display:inline}
.navicons{margin:10px 0 0 10px}

#Content{margin:116px 0 0 185px}
#Content h2,#Content h3{margin:0 0 10px 0}
#ContentBlank{margin:116px 0 0 0}
#ContentSelector{margin:140px 0 0 185px}
#ContentSelector h2,#ContentSelector h3{margin:0 0 10px 0}
.contentmargin{margin:20px 0 0 20px;padding:0}
.contentgreybar{margin:73px 0 0 20px;padding:0}

.payroll,.payroll2{width:360px}
.payroll{margin:20px 10px 0 0}
.payroll2{margin:10px 20px 0 0}
.payroll h3{font-size:20px}
.payroll h3,.payroll2 h3{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid #ccc}
.h2normal,.h3normal{font-weight:normal}
.homeinfo{margin:0 0 10px 0;float:left;height:50px;display:inline}
.homeicon{float:left;height:50px;width:50px}
.hometext,.homeedit{margin:0;float:left}
.hometext{padding:20px 0 0 10px;height:30px;width:300px}
.homeedit{padding:10px 0 10px 0;height:50px;border-bottom:1px solid #ccc;border-top:1px solid #ccc}
.homeedit .hometext{margin:0;padding:15px 0 0 10px;float:left;height:45px;width:300px}
.homeedit .hometext h4 a{color:#333;text-decoration:none}

.searchbox{margin:0;padding:6px 0 0 6px;width:100%;height:43px;border-bottom:1px solid #dadada;position:fixed;top:141px;left:185px}
fieldset.fieldedit{margin:0;padding:0;font-size:12px;padding:5px;height:25px}
fieldset.fieldedit h2{margin:0;padding:2px 0 0 0;float:left;width:130px;display:inline;font-size:14px}
fieldset.fieldedit .fieldleft{margin:3px 10px 0 0}
fieldset.fieldedit .fieldleft input{width:150px}
fieldset.fieldedit .fieldbtns{margin:0;padding:0;float:left}

.payrollselector{width:100%;height:25px;background:#6599fe;position:fixed;top:116px;left:185px}
.payrollselector h2{margin:0;padding:5px 0 0 5px;font-size:14px;color:#fff;float:left;width:115px;display:inline}
.payrollselector select {margin:4px 0 0 24px; padding:0; width:150px; height:17px; font-size:0.7em; border:none;}

.box{margin:0 0 10px 0;padding:0;width:200px;border:none}
.boxselect{margin:0 0 10px 0;padding:0;width:auto;border:none}
.usereditor{margin:0 0 10px 0;padding:0}
.organisationeditor label,.usereditor label{margin:0;padding:0;float:left;width:150px;font-size:12px}
.employeelist table tr td a:hover{text-decoration:underline}
.employeelist table tr.department td{margin:0;padding:10px 0 10px 0}
.employeelist table tr.department{margin:0;padding:0;font-size:16px;font-weight:bold}
.employeelist table tr.department a{text-decoration:none}

.edituser{margin:20px 0 0 0;padding:0}

#selectscale{height:20px}
#selectscale label{margin:2px 0 0 0;padding:0;float:left;width:150px;font-size:12px}

#paymentsummary .department{font-weight:bold;font-style:italic;font-size:14px}

.editingmargin{margin:10px 0 0 0;width:auto}
.buttonbar{margin:0 10px 0 10px}
.employeeeditor label{margin:0;padding:0;float:left;width:180px}
.ajax__tab_default .ajax__tab_header{white-space:normal!important}


.ajax__calendar table tr td {margin:0 !important; padding:0 !important;}

.amendselect{margin:20px 0 0 20px}
.amendselect label{font-size:0.8em}
.amendmargin{margin:10px 0 0 20px}
.amendments p,.tabeditbtns{margin:0 0 10px 0;padding:0}
.amendments table{margin:0 0 10px 0}

.addusers label{margin:0;padding:0;float:left;width:150px;font-size:12px}
.step{float:left;width:380px}

p.nounsubmitted{margin:10px 0 0 0}
.selectleaver label{font-size:0.8em}

.valsummary {margin:0 0 10px 0; font-size:0.8em;}

/*NEW FOR AMENDMENTS FROM MATT*/

.expander {text-decoration:none; font-size:1.5em;}
.hiddenrow { display: none;}

.rowBlue {background:#c7daff; }
.rowBlue td {border-top:1px solid #000 !important;}

.rowGreen {background:#e8f4ca;}
.rowGreenAlt {background:#f9ffea;}

.rowRed {background:#ffd8d8;}
.rowRed td {border-top:1px solid #fff;}

.rowPurple {background:#c7b0d2;}
.rowPurple td {border-top:1px solid #fff;}

.cellWhite {background:#fff;}
.cellPadding {padding:0 0 0 10px !important;}
