/*for info on ems sizing see clagnut
child pixels / parent pixels = child ems
12 / 10 = 1.2
*/
body 
{
	font-size:62.5%; 
	margin: 0;
	padding: 0;
	
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
	font-family: Arial, Helvetica, sans-serif;
}

li li, li p, td p, blockquote p {font-size:1em}




/* Items in the header */

#header
{
	background: url(images/slice/london_buses_logo.gif) no-repeat 12px 12px;
	display:inline-block;
	height: 139px;
	position: relative;
	width:100%;
}

#headermenu 
{
	background-color:#BFBFBF;
	height:36px;
	position:absolute;
	top:103px;
	width:100%;
}

#headermenu a
{
	border-right: solid 1px #000000;
	color: #000000;
	display:block;
	font-family: Gill Sans MT, Arial;
	font-size: 1.5em;
	letter-spacing:0.4em;
	margin: 5px 0px 0px 12px;
	padding: 0px 13px 0px 0px;
	text-transform:uppercase;	
}



#headermenu a:hover
{
	color:#ffcc00;	
}

#headermenugrad
{
	background: url(images/slice/grad.gif) repeat-x;	
	display:block;
	height:13px;
	margin: 9px 0px 0px 0px;
	width:100%;
}

/*Login box*/

#loginbox
{
	background: url(images/slice/login.gif) no-repeat 3px 3px;
	border: solid 1px #000000;
	height: 82px;
	position:absolute;
	right:10px;
	top:10px;
	width: 270px;
}

#loginbox label 
{
	display:block;
	float:left;
	font-size:1.3em;
	margin: 0px 0px 0px 1.5px;
	width:80px;	
}

html > body #loginbox label 
{margin: 0px 0px 0px 3px;}

#loginbox input
	{
		width:100px;	
	}

#lg_username
	{
		margin-top: 22px;
	}

#lg_submit input
	{
		height:22px;
		position:absolute;
		right:10px;
		top: 41px;
		width: 65px;
	}

#lg_rememberme input, #lg_rememberme label
	{
		float:left;
		width:auto;
	}

#lg_rememberme input
	{
		margin: 0px 0px 0px 80px;
	}

html >body #lg_rememberme input
	{
		margin: -3px 0px 0px 80px;
	}

	


#lg_recoverpassword span
	{
		
	}
#lg_recoverpassword a
	{
		background: url(images/slice/forgotten_password.gif) no-repeat 3px 3px;
		display:block;
		height:18px;
		position:absolute;
		right:10px;
		text-indent:-9999px;
		top:1px;
		width:118px;
	}


#themeselector
{
	position:absolute;
	right:10px;
	top:111px;
}


/*Items in the main content area*/

#container, #container2
{
	clear:both;
	display:inline;
	position:relative;
}

#breadcrumb
{
	font-size: 1.3em;	
	margin: 16px 0px 0px 10px;
}

#leftcol
	{
		background: #003399;
		color:#eeeeee;
		position:absolute;
		top:160px;
		width:200px;
	}

#leftcol .webpartbox
{
	border: solid 1px #eeeeee;
	font-size:1.3em;
}

#leftcol img, #rightcol img
	{
		display:none;
	}

#leftcol .sectiontitle, #leftcol h2
	{
		color:#eeeeee;
		font-family: Gill Sans MT,Arial;
		font-size:1.2em;
		margin: 0px 0px 20px 3px;
	}

#centercol
	{
		font-size:1.1em;
		position:relative;
		width:auto;
	}
	
.centercolmargin
	{
		margin: 0px 0px 0px 200px;
	}
	
.rightcolmargin
{
	
	}
#centercol_container{margin-right:200px;}

#centercol p, #centercol label {font-size:1.3em;}
#centercol h1, #centercol h2, .sectiontitle
	{
		color:#003399;
		font-size:1.8em;
		font-weight:normal;
		margin:0px;
	}

.sectiontitle span
	{display:none;}

.wp_copycolumn
	{
		float:left;
		margin: 0px 10px 0px 10px;
	}
.wp_imagecolumn{float:left;}

.wp_title{color:#888888; margin: 0px 10px 0px 0px; text-align:right;}

.main_copy
{
	margin: 0px 30px 0px 10px;
}

.main_content
{
	font-size:1.2em;
	margin: 0px 30px 0px 10px;
}

.copy_column{font-size:0.8em;}
.copy_column ul li {font-size:1.2em;}
.copy_column em {font-style:normal;font-weight:bold;}

.tablecelltext {
    border-right: 0;
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    margin-right: 0;
    padding-right: 0; 
}

.tablecellqty {
    border-left: 0;
    border-right: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    margin-left: 0;
    padding-left: 0; 
}

.tablecellqtyTotal {
    border-width: 0;
    color: #aaa;
}

#rightcol
	{
		background: url(images/slice/dot.gif) repeat-y;
		display:block;
		position: absolute;
		right: 0px;          
		top:20px;
		width: 200px;
		/*padding: 0px 0px 0px 10px;*/
   }
   

#rightcol h1, #rightcol h2
{
	font-size:1.2em;
	margin:10px 0px 0px 10px;
}

#rightcol p
	{
		font-size:1.2em;
		margin:0px 0px 0px 10px;
	}
#rightcol .sectiontitle
	{
		color:#006633;
		font-size:1.6em;
		font-weight:bold;
		margin:0px 0px 0px 10px;
	}
  
#footermenu{display:none;}
#footertext small
	{
	display:block;
	font-size:1.1em;
	margin: 10px 0px 0px 210px;
	}

#footer
{
	display:inline;
	position:relative;	
}
#logotfl
{
	background: #ffffff url(images/slice/tfl_copytype.gif) no-repeat 0px 10px;
	height:40px;
	position:absolute;	
	right:100px;
	width:127px;
}
#logocubic
{
	background: url(images/slice/cubic_logo.gif);
	height:24px;
	position:absolute;
	right:10px;
	width:71px;
}

#welcomebox
{
	margin: 30px 0px 0px 3px;	
}

#welcomebox span {font-size:1.4em; font-weight:bold;}

#personalization{font-size:0.6em; margin: 0px 10px 0px 0px;}



.progressbarcontainer
{
   border: solid 1px black;
   height: 15px;
   padding: 1px;
   width: 98%;
}

.progressbar
{
   background-color: Red;
   height: 15px;
   width: 0px;
}

.detail-toggle-on
{
	background-image: url(../../images/toggle-on.gif);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: hand;
	display: inline;
	padding: 0px 4px 0px 0px;
	width: 16px;
}

.detail-toggle-off
{
	background-image: url(../../images/toggle-off.gif);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: hand;
	display: inline;
	padding: 0px 4px 0px 0px;
	width: 16px;
}

.panel-on  { display: block; visibility: visible }

.panel-off { display: none; visibility: hidden; }

.progress {
	float: right;
	margin-top: -20px;
}

.report-pdf
{
	background-image: url(../../images/icon-pdf.gif);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: hand;
	height: 16px;
	width: 16px;
}

.report-excel
{
	background-image: url(../../images/icon-excel.gif);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: hand;
	height: 16px;
	width: 16px;
}


.garagedetails table td{padding:0px;}

.editDetails td {font-size:0.7em;}
.editDetails td td {font-size:1em;}
.sectionsubtitle {font-size:1em;font-weight:bold;margin:0px 0px 0px 1px;}

.fieldsetIndent
{margin: 5px 0px 5px 10px;}
.alphaDesc{display:block;font-weight:bold;margin: 5px 0px 5px 0px;}
.toggleImage {vertical-align:middle;}
.insertPersonnel{float:left;font-size:0.7em;}
.insertPersonnel a{font-size:1.4em;}
.insertPersonnel label{margin:0px 5px 0px 0px;}
.insertPersonnel input{margin:0px 5px 0px 0px;}

.wizardGlobalStyle{vertical-align:top;}

.rblLists td {font-size:0.7em}

.orderSummaryTable td{vertical-align:top;}

.orderSummaryTablePart
{
    border: 1px #193144;
    border-collapse:separate;
}

.orderSummaryTablePart td
{
    padding-right: 10px;
}

.orderSummaryTablePart td:nth-child(even)
{
    color: blue;
    padding-right: 20px;
}


.collapseHeader{background:#0099cc;color:#ffffff; margin:10px 0px 0px 0px;}
.collapseHeader span {vertical-align:top;}
.collapseHeader h2,
#centercol .collapseHeader h2
{color:#ffffff;
 float:left;
 font-size: 1em; 
 margin: 0px 10px 0px 10px; 
 padding:0px;
 vertical-align:middle;}
 
 .wizardBlock{margin:10px 0px 0px 0px;}
 .wizardHeader{background: #ffff99;}
 .wizardNavigation{background:#0099cc;  display:block; margin:0px 0px 10px 0px;}
 
 .wizardNavigation a {
     color:#ffffff;
    padding: 2px 20px;
    text-decoration: none;
    border: solid 1px #FFFFFF;
    background-color: #0099ee;
 }
 .hdrPersonnel{background:#ffffff;}
 .jsLink{color:#0000ff; cursor:hand;text-decoration:underline;}
 .selectedGarage{background:#FFCC00;}
 
 .buttonClass
{
    top: -1px;
    padding: 2px 20px;
    text-decoration: none;
    border: solid 1px #FFFFFF;
    background-color: #0099ee;
}
.wizardNavigation a:hover
{
    border: solid 1px Black;
    background-color: #0099ee;
}
 
 .hotlistDeviceSelect, .garageDeviceSelect, .garageBusesSelect{margin:0px 0px 0px 5px;}
 .searchControls{float:left; line-height:28px; margin:10px 0px 10px 10px; width:300px;}
 .garageBusesSelect .searchControls{float:left; line-height:28px; margin:10px 0px 10px 10px; width:400px;}
 .hotlistDeviceSelect .searchControls{float:left; line-height:28px; margin:10px 0px 10px 10px; width:auto;}
 .pageControls{float:right;margin:10px 10px 10px 0px;}
 .searchButton{float:right;}
 .serialTextBox{width:150px;}

#wizardExtraNav tr:first-child { padding-bottom: 2px;}

#reportControls {font-size:0.7em; max-width:400px; width:90%;} 
.reportButton {float:right;}
/*.reportCalendar .ajax__calendar_body  { background-color:#fff; color:#646464;  z-index: 9}*/
.reportLabel{display:block;float:left;font-size:1em; margin: 5px 10px 0px 0px; width:150px;}
.reportTextBox{float:left;margin: 5px 20px 0px 0px;width:100px;}
.reportTextBox1{float:none;margin: -27px 20px 0px 0px;width:100px;}
.reportImageIcon{float:none;margin: 5px 20px 0px 0px;}
.reportDropDownList{float:left;margin: 5px 20px 0px 0px;width:180px;}
.reportTable {margin: 10px 0px 0px 0px;width:100%;}
.reportTableHeader td{background:#818689;color:#fff; }
.reportTableOn td{background:#ebebeb;}
.reportTableOff td{background:#fff;}
.reportTableHeader td a{color:#fff; }

.reportCalendar .ajax__calendar_container  {
    background-color: #FFFFFF;
    border:1px solid #646464;
    color: #000000;
}

#searchDescription
{
	margin:10px 0px 0px 0px;	
}

/*Completion screens*/
.comp_gridRow td{padding:2px; vertical-align:top;}
.comp_gridOffRow td{background-color:#dddddd;padding:2px; vertical-align:top;}
.comp_gridRow input
,.comp_gridOffRow input{border:#aaaaaa;}
.comp_gridHead td{background:#818689;color:#fff;font-weight:bold;padding:2px;vertical-align:top;}
.comp_hide{display:none;}
.comp_max{margin:0px;position:relative;width:100%;}

.comp_comment{}
.comp_commentUser{font-size:0.7em; font-weight:bold;}
.error{color:#cc3333; }
.warning{color:#ff8c00; }

.btnEditComplete {
    height: 44px!important; 
    float: right!important;
    margin-top: -200px!important;
    margin-right: 60px!important;
}

.btnFieldsLock {
    float: right!important;
    margin-right: 60px!important;
}