﻿/* Login page styles */
.loginWrap{width:740px;}
.loginWrap table {font-size:8.3pt;}
.loginRow{clear:both; width:700px;margin:20px;}
.userLabel{float:left;width:200px; text-align:right; padding: 4px 20px;}
.userField {float:left;width:200px;}
.forgot {float:left;width:420px; text-align:right;}

/* Begin two column layouts */
/*.twocol { clear:both }*/
.twocol .lt { width:360px; padding-right:20px; padding-top:2px; vertical-align:top; border-right:1px solid #ccc }
.twocol .rttop { width:343px; padding-left:30px; padding-top:2px; vertical-align:top }
.twocol .rtbtm { width:343px; padding-left:30px; vertical-align:bottom; padding-bottom:2px } /* the padding-bottom should be the same as .lineitemlast */
.twocolLeft {clear:both; float:left; width:343px; padding-right:31px; padding-top:2px; vertical-align:top; border-right:1px solid #ccc }
.twocolRight {float:left; width:343px; padding-left:30px; padding-top:2px; vertical-align:top }
.twocol .rtbtm { width:343px; padding-left:30px; vertical-align:bottom; padding-bottom:2px } /* the padding-bottom should be the same as .lineitemlast */

/* End two column layouts */

/* Confirmation page for company add */
.colLeft {width:420px; clear:both; float:left;}
.colRight {float:left; width:300px; }
.corpLogin , .genericLogin{clear:both; float:left; padding: 15px 0px; width: 100%; margin-top:15px;}
.loginLabel {float:left; width:280px; }
.login {clear:both; float:left; width:280px;}
.passwordLabel {float: left; width: 100px; }
.password {float: left; width:280px;}
.genLoginLabel {clear: both; float:left; width:280px; }
.genPasswordLabel {float:left; }
.lblcol { width:165px;}
/* End Confirmation page for company add */

/*Home page layout */
.repeaterCol {float:left; width: 148px; margin:20px 0px;}
/*Home page layout */

/* Begin field input display */
.lineitemlg { clear:both; padding:0 0 14px 0 }
.lineitemlg p { float:left; width:205px; padding:2px 0 14px 0 }
.lineitemlg .oneoff { display:block; }

.lineitemlastlg { clear:both; padding:0 }
.lineitemlastlg p { float:left; width:205px; padding:2px 0 0 0 }

.btnhldrlg { width:380px }
.btn250  {width:250px; margin:20px 0px;}
.nologo { background:url('spacer.gif') no-repeat; 
height:50px; width:100px
}

.lineitem { clear:both; padding:0 0 16px 0 }
.lineitem p { float:left; width:165px; padding:2px 0 16px 0 }
.lineitem .oneoff { font-size:1.1em; display:block; line-height:1.8em }

.lineitemlast { clear:both; padding:0 0 2px 0 }
.lineitemlast p { float:left; width:165px; padding:2px 0 8px 0 } /* changed the bottom padding from 2px to 8px because of the browse link on the add company admin page */

.listitem { clear:both; padding:0 0 7px 0 }
.listitem p { float:left; width:165px; padding:0 0 7px 0 }
.listitem span { display:block; padding-top:1px }

.listitemlast { clear:both; padding:0 0 3px 0 }
.listitemlast p { float:left; width:165px; padding:0 0 3px 0 }
.listitemlast span { font-size:1.1em; display:block; padding-top:1px }

.tbllgns { clear:both }
.tbllgns td { padding-bottom:5px; font-size:1.1em; vertical-align:top }
.tbllgns .lgn { width:165px }
.tbllgns .lgn span, .tbllgns .psswrd span { display:block; padding-top:5px }

/* created to account for more than one line of information in the data column */
.tbllistitem { margin:0 0 7px 0 }
.tbllistitem td, .tbllistitemlast td { vertical-align:top; font-size:1.1em }
.tbllistitem .lblcol, .tbllistitemlast .lblcol { width:165px }
.tbllistitem .lbldata span { display:block; padding-bottom:5px }

.tbllistitemlast { margin:0 0 3px 0 }
.tbllistitemlast .lbldata span { display:block }

.txtfld { width:171px }
.sellst { width:175px }
.sellst input {float:left;}
.chkbx { vertical-align:middle; height:1.4em; width:1.2em; margin-right:5px }

 /* Begin - used when 2 date fields are inline together with calendar icons */
.date { width:62px; vertical-align:middle; margin-right:4px }
.dateto { vertical-align:middle; padding-left:8px; padding-right:7px }
.dateadj { padding-bottom:1px }
/* End - used when 2 date fields are inline together with calendar icons */

.postcode1 { width:84px }
.postcode2 { width:73px }

.naphone1, .naphone2, .intlphone1 { width:35px }
.naphone3 { width:68px }
.intlphone2 { width:119px }

.selexpmonth { width:89px }
.selexpyear { width:73px; margin-left:10px }

.horizcol { float:left; width:200px }
/*.horizcollast { float:left; padding-left:5px }*/
.horizcollist { float:left; width:165px; font-size:1.1em }
.delpad { padding-top:23px }
/* End field input display */

/* Begin data display */
table th { background-color:#ecf4f8; height:40px;}
tr.oddrow { background-color:#fff }
.oddrow { background-color:#fff }
.evenrow { background-color:#efeeea }
tr.evenrow { background-color:#efeeea }

.searchresults, .travelreport, .registration, .excelimport, .loginoptions { width:100%; } /* table width available - 798px */
.listEmails {width: 800px;}
.searchresults td, .travelreport td, .registration td, .excelimport td, .loginoptions td { padding-top:12px; padding-bottom:14px }
.loginOptions td, .listEmails td{ padding-top:6px; padding-bottom:7px }
.searchresults td.col1 { width:20px }
.searchresults td.col2 { width:190px }
.searchresults td.col3 { width:20px }
.searchresults td.col4 { width:80px; text-align:center }
.searchresults td.col5 { width:85px }
.searchresults td.col6 { width:83px; text-align:center }
.searchresults td.col7 { width:80px }
.searchresults td.col8 { width:38px }
.searchresults td.col9 { width:60px }
.searchresults td.col10 { width:70px }
.searchresults td.col11 { width:52px }
.searchresults td.col12 { width:20px }

.travelreport td.col1 { width:20px }
.travelreport td.col2 { width:55px; text-align:center }
.travelreport td.col3 { width:33px }
.travelreport td.col4 { width:190px }
.travelreport td.col5 { width:5px }
.travelreport td.col6 { width:35px; text-align:center }
.travelreport td.col7 { width:35px }
.travelreport td.col8 { width:35px; text-align:center }
.travelreport td.col9 { width:30px }
.travelreport td.col10 { width:30px; text-align:center }
.travelreport td.col11 { width:35px }
.travelreport td.col12 { width:60px; text-align:center }
.travelreport td.col13 { width:30px }
.travelreport td.col14 { width:70px; text-align:center }
.travelreport td.col15 { width:25px }
.travelreport td.col16 { width:90px; text-align:center }
.travelreport td.col17 { width:20px }

.travelreport th.col1 { width:20px }
.travelreport th.col2 { width:55px; text-align:center }
.travelreport th.col3 { width:33px }
.travelreport th.col4 { width:190px }
.travelreport th.col5 { width:5px }
.travelreport th.col6 { width:35px; text-align:center }
.travelreport th.col7 { width:35px }
.travelreport th.col8 { width:35px; text-align:center }
.travelreport th.col9 { width:30px }
.travelreport th.col10 { width:30px; text-align:center }
.travelreport th.col11 { width:35px }
.travelreport th.col12 { width:60px; text-align:center }
.travelreport th.col13 { width:30px }
.travelreport th.col14 { width:70px; text-align:center }
.travelreport th.col15 { width:25px }
.travelreport th.col16 { width:90px; text-align:center }
.travelreport th.col17 { width:20px }

.registration td.col1 { width:20px }
.registration td.col2 { width:130px }
.registration td.col3 { width:10px }
.registration td.col4 { width:20px; text-align:center }
.registration td.col5 { width:20px }
.registration td.col6 { width:62px; text-align:center }
.registration td.col7 { width:25px }
.registration td.col8 { width:150px }
.registration td.col9 { width:15px }
.registration td.col10 { width:38px }
.registration td.col11 { width:20px }
.registration td.col12 { width:82px; text-align:center }
.registration td.col13 { width:20px }

.excelimport td.col1 { width:20px }
.excelimport td.col2 { width:270px }
.excelimport td.col3 { width:20px }
.excelimport td.col4 {  }
.excelimport td.col5 { width:20px }

.loginoptions td.col1, .listEmails td.col1 { width:20px }
.loginoptions td.col2, .listEmails td.col2 { width:265px }
.loginoptions td.col3, .listEmails td.col3 { width:20px }
.loginoptions td.col4, .listEmails td.col4 { width:175px }
.loginoptions td.col5 { width:20px }
.loginoptions td.col6 { width:175px }
.loginoptions td.col7 { width:20px }
.loginoptions td.col8 { width:50px }
.loginoptions td.col9, .listEmails td.col9 { width:33px }
.loginoptions td.col10, .listEmails td.col10 { width:20px }
.loginoptions .txtlgn { width:260px }
.loginoptions .txtpswrd { width:170px }

.loginOptions td.col1 { width:20px }
.loginOptions td.col2 { width:265px }
.loginOptions td.col3 { width:20px }
.loginOptions td.col4 { width:175px }
.loginOptions td.col5 { width:20px }
.loginOptions td.col6 { width:175px }
.loginOptions td.col7 { width:20px }
.loginOptions td.col8 { width:50px }
.loginOptions td.col9 { width:33px }
.loginOptions td.col10 { width:20px }
.loginOptions .txtlgn, .listEmails  .txtlgn { width:260px; padding:0px; }
.loginOptions .txtpswrd, .listEmails .txtpswrd { width:170px; padding:0px; }
.btnUpdate, .btnDelete {width:auto; padding: 0px 5px;}
.linkUpdate, .linkDelete {float:left; width:55px;}
.colEmail {float:left; width:275px; padding:0px 0px 0px 20px; }
.colPassword {float:left; width:175px;padding-top:6px; padding-bottom:7px }
.txtpswrd { width:170px }




td.divider { height:1px; padding:0; background-color:#999 } /* must come after the generic td rule for each table */
.divider { height:1px; padding:0; background-color:#999 }
/* End data display */

/* Begin Miscellaneous */
.back2mockups { font-size:1.1em; font-weight:bold; margin-top:15px; text-align:right } /* only used for the mock-ups */
.back2mockups a { color:#c67f00 } /* only used for the mock-ups */
/* End Miscellaneous */

/*Styles for Database Maintenance page */
.fieldsWrapper { margin: 0px 130px;}
.label {float:left; text-align:right; padding:5px; width:250px;}
.field {float:left; text-align:left;}
.row {padding:5px; height: 20px; clear:both;}
/* End Styles for Database Maintenanca page */

/* Corporate logins page modification */
.lettersContainer{float:left; color:#24427c; clear:both; margin-top:5px;}
.pageLink {	float:left; padding:3px;}
.sectionDivider {margin:20px 0px; border-top: 1px #999 solid; width:100%; height:0.01em; }
.fleft{	float:left;}
.letterLink{float:left; width:15px; text-align:center; border-right:thin #000 solid; border-left:thin #CCC solid;color:#24427c; }
.otherLink{float:left; width:35px; text-align:center; border-right:thin #CCC solid; border-left:thin #CCC solid; }
.padLeft20{	padding-left:20px;}
.emailsOddRow{clear:both; float:left; background-color:#FFF; height:20px; width:798px; padding:5px 0px 0px 0px;}
.emailsEvenRow{clear:both; float:left; background-color: #efeeea; width:798px; height:20px; padding:5px 0px 0px 0px;}
.emailsDivider{clear:both; height:1px; padding:0; background-color:#999; width:798px; }
.listHeader { background-color:#ecf4f8; height:40px; width:798px;}
.colEmailInput {float:left; width:260px; padding:0px 0px 0px 20px; }
.colPasswordInput {float:left; width:170px; margin-left:25px; }
.colAddLink {float:left; width:50px;margin-left:25px; }
/* End Corporate logins page modification*/

