/**
 * All cross-site common CSS.
 *
 * Last Modified By:  $Author: rdallaw1 $
 * Revision:          $Revision: 1.7 $ $Date: 2008-06-04 19:48:45 $
 */

/* NOTES: */
/* 1. # = ID selector, applies the rule to only ONE element in the entire document */


/* --------------------------------- */
/* Generic css rules                 */
/* --------------------------------- */

	body {
		background-color: #ffffff;
		color: #000000;
		font-family: Verdana, Arial, Helvetica, Trebuchet, _sans;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	pre {
    		font-family: Verdana, Arial, Helvetica, Trebuchet, _sans;
        }
	.bold { font-weight: bold; }
	.italic { font-style: italic; }
	
	/* This is the main div used for layout, replaces the mainTable and the td styles
	(ALWAYS USE THIS) */
	.mainDiv {
		margin-top: 0;
		margin-bottom: 0;
		margin-right: 3mm;
		margin-left: 3mm;
		/* You can set the default font size for ALL the content pages using mainDIV here: */
		font-size:  0.80em;
		color: #000000;
	}
	
	.clearDiv {
		clear: both;
	}
	
	/* This is the main table used for layout (Old! This will become redundant when replaced with divs!) */
	.mainTable {
		margin-top: 0;
		margin-bottom: 0;
		margin-right: 3mm;
		margin-left: 3mm;
	}
	
	/* Main title style */
	.mainDiv h2 {
		font-size: 1.25em;
		margin-top: 1.2mm;
		margin-bottom: 2mm;
		color: #003F87;
		font-weight: bold;
	}
	
	/* Main title style (Old! This will become redundant, should use one above when using divs!) */
	h2 {
		font-size: 1.25em;
		margin-top: 1.2mm;
		margin-bottom: 0;
		color: #003F87;
		font-weight: bold;
	}
	
	.h2withhelp {
		padding-bottom: 2px;
		display: block; 
	}
	
	/* Contextual help link rule */
	.needhelp
	{
		font-size: 0.70em;
		text-align: right;
		white-space: nowrap;
		float: right;
		vertical-align: top;
		margin-top: 2px;
	}
		
	/* This should affect the font size of the whole site (will need to change this when layout replaced with divs) */
	td {
		font-size:  0.80em;
	}
	/* This is currently inherited from the td */
	p, .para {
		font-size:  1em;
	    margin-top: 0;
	    margin-bottom: 0.75em;
	}	
	
	.imgNoBorder {
		border: 0;
	}

	span.italicNote
	{
		font-size: 0.8em;
		font-style: italic;
	}

	a:link {
		color: Blue;
		text-decoration: none;
	}
	
	a:hover	{
		text-decoration: underline;
	}
	
	a:visited {
		color: #ba55d3;
		text-decoration: none;
	}
	
	/* Light blue zone style (we should change the class name at some point!) */	
	.whatsnewBorder, .blueBoxGreyBorder	{
		border: 1px solid #CECFD6;
		background-color: #F0F8FF;
	}
	
	/* Light blue zone sub title style (we should change the class name at some point!) */
	.whatsnewheader, .blueBoxSubTitle {
		font-size: 0.80em;
	  font-weight: bold;
	  vertical-align:bottom;
	  color: #003F87; 
	}
	
	.zoneContent {
		font-size: 0.75em;
	  vertical-align: bottom;
	  color: #000000; 
	}

	/* White zone style */
	.whiteBoxGreyBorder	{
		border: 1px solid #CECFD6;
		background-color: #FFFFFF;
	}
	
	/* Red zone style */
	.redBoxGreyBorder	{
		border: 1px solid #CECFD6;
		background-color: #ffe0e0;
	}

	/* Green zone style */
	.greenBoxGreyBorder	{
		border: 1px solid #CECFD6;
		background-color: #e0ffd0;
	}

	/* Amber zone style */
	.amberBoxGreyBorder	{
		border: 1px solid #CECFD6;
		background-color: #ffe699;
	}


	/* Form prompt style */
	.prompt {
		color: #003F87;
	   	font-weight: bold;
	   	white-space: nowrap;
	}	
	.subPrompt {
		color: #003F87;
	   	font-weight: normal;
	   	white-space: nowrap;
	}	
	
	.stateOn {
		color: green;
	   	white-space: nowrap;
	   	margin-top: 2mm;
		margin-bottom: 3mm;
        display: none;
	}	
	
	.stateOff {
	   	white-space: nowrap;
	   	margin-top: 2mm;
		margin-bottom:3mm;
        display: none;
    }

	.ignitionPane {
		display: none;
		position: absolute;
		z-index:1000;
		top: 100px;
		left: 300px
	}

	.ignitionGfxPane {
		position: absolute;
		z-index:1001;
		top: 4px;
		left: 22px
	}

	.error {
		color:	#ff0000; /* hex for red */
	   	font-weight: normal;
	}
	
	/* *** Need to combine these to one class in jsps: */
	.restrictions, .hints {
		font-size: 0.7em;
		color: #686868 
	}
	
	.welcomeMain {
		width: 58%;
		vertical-align:top;
	}
	
	.promtList {
		float: left;
		color: #003F87;
		font-weight: bold;
		padding: 0;
	}

	.contentList {
		margin-left: 5cm;
	}
	

/* --------------------------------- */
/* End Generic css rules             */
/* --------------------------------- */


/* --------------------------------- */
/* Logo only css rules               */
/* --------------------------------- */

	
	#fordLogo {
		float: left;
	}
	
	#userIndicator {
		float: right;
	  	margin-right: 8px;
	  	margin-top: 12px;
		font-size: 0.70em;
		text-align: right;
	}
	
	#statusIcons {
		float: right;
		margin-top: 8px;
		margin-right: 12px;
		width:140px;
	}

	.doNotFloat {
		clear: both;
	}


    /** CSS for toasts, and links inside toasts. */
    .toast {
    	position: absolute;
        font-size: 0.8em;
        right: 0px;
        top: 0px;
        padding: 3px;
        color: white;
        background-color: #AA0000;
        filter: alpha(opacity=85);
        -moz-opacity:.85;
        opacity:.85;
		z-index:200;
        }

	a:link.toastLink {
        color: white;
        text-decoration: none;
    }
    
    a:visited.toastLink {
        color: white;
        text-decoration: none;
    }
    
	a:hover.toastLink {
        color: white;
        text-decoration: underline;
    }
    
    /** CSS for yellow toasts. */
    .yellowToast {
        position: absolute;
        font-size: 0.8em;
        right: 0px;
        top: 0px;
        padding: 3px;
        color: white;
        background-color: #FFCD6D;
        filter: alpha(opacity=85);
        -moz-opacity:.85;
        opacity:.85;
        z-index:200;
    }
    
    /** CSS for green toasts. */
    .greenToast {
        position: absolute;
        font-size: 0.8em;
        right: 0px;
        top: 0px;
        padding: 3px;
        color: white;
        background-color: #00AA00;
        filter: alpha(opacity=85);
        -moz-opacity:.85;
        opacity:.85;
        z-index:200;
    }
    
/* --------------------------------- */
/* End Logo css rules                */
/* --------------------------------- */

/* --------------------------------- */
/* Modal layer css rules             */
/* --------------------------------- */

	.modalLayerMask {
		background-image: url('/img/hash.gif');
		background-repeat: repeat;
		position: absolute;
		z-index:1000;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		width: 100%;
		height: 100%; 		
	}

	.modalLayerOuterFrame {
		position: absolute;
		z-index: 1001;
		top: 80px;
		left: 200px;
		width: 600px;
		background-color: #FF2222;
	}

	.modalLayerInnerFrame {
		margin-left: 12px;
		margin-right: 12px;
		margin-top: 12px;
		margin-bottom: 12px;
		padding: 12px;
		background-color:#FFFFFF; 
	}

	.modalLayerContent {
		font-size:  0.80em;
		overflow: auto;
		height: 200px;
	}

/* --------------------------------- */
/* End Modal layer css rules         */
/* --------------------------------- */



/* --------------------------------- */
/* Progress bar css rules            */
/* --------------------------------- */

	div.progress
	{
		background: #EEEEEE; 
	}
	
	div.progressdone
	{
		background: #000088; 
		float: left;	
		height: 15px;
		overflow: hidden;
		border-width: 1px;
		border-style: solid;
		border-color: #000088;
		background-image: url(/img/progressdone.jpg); 
		background-repeat: repeat-x;
	}
	
	div.progresstodo
	{
		background: #EEEEEE; 
		float: left;	
		height: 15px;
		overflow: hidden;
		border-width: 1px;
		border-style: solid;
		border-color: #AAA;
		background-image: url(/img/progresstodo.jpg); 
		background-repeat: repeat-x;
	}
	
	div.progresspc
	{
		float: left;	
		font-size: 0.9em;
	}
	
	div.meter-wrap
	{
	    position: relative;
	}
	
	div.meter-wrap, .meter-value, .meter-text
	{
	    width: 155px; height: 20px;
	}
	
	div.meter-wrap, .meter-value
	{
	    background: #cecfd6 top left no-repeat;
	}
	
	div.meter-text
	{
	    position: absolute;
	    top:0; left:0;
	    padding-top: 2px;
	    color: #000;
	    text-align: center;
	    width: 99%;
	}

/* --------------------------------- */
/* End Progress bar css rules        */
/* --------------------------------- */



/* --------------------------------- */
/* Tree nav css rules                */
/* --------------------------------- */

	/* table surrounding old style tree navs (wsm/b&p/wiring) */
	.treeTable {
		margin-top: 0;
		margin-bottom: 0;
		margin-right: 3mm;
		margin-left: 3mm;
	}

/* --------------------------------- */
/* End Tree nav css rules            */
/* --------------------------------- */

	td.selectedVehicleTile
	{
		color: White;
		background-color: #005FA7;	
	}
	a.selectedVehicleTile
	{
		color: White;
		background-color: #005FA7;	
	}
	a.selectedVehicleTile:link    {color: White}     
	a.selectedVehicleTile:visited {color: White} 
	a.selectedVehicleTile:hover   {color: White}   
	a.selectedVehicleTile:active  {color: White}   

	.lightBlueRow
	{
		background-color: #F0F8FF;
	}
	
	.whiteRow
	{
		background-color: #FFFFFF;
	}

	div.warrantyCodeUpdate
	{
		float:left;
		padding-left: 5px;
		padding-right: 8px;
	}

	div.warrantyCodeRemove
	{
		float:left;
		padding-left: 5px;
		padding-right: 8px;
	}
	
	div.warrantyCodeListHeader
	{
		clear: both;
		padding: 2px;
		color: #FFFFFF;
		background-color: #003F87;
		font-weight: bold;
		width: auto; 
	}
	
	div.warrantyCodeListHeaderCode
	{
		float: left;
		font-weight: bold;
		width: 7em;
	}


/* --------------------------------- */
/* Document css rules                */
/* --------------------------------- */

	.documentTable {
		border: solid #003F87 1px;
		margin-left: 3mm;
		margin-top: 1mm;
		margin-right: 3mm;
		margin-bottom: 0;
	}
	.sessionSummaryTable {
		border: solid #003F87 1px;
		margin: 0;
	}
	.documentTableWithTree {
		border: solid #003F87 1px;
		margin-left: 0;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
	}

	/* document header text style (top-left) */
	.documentHeader {
		background-color: #003f87;
		border-bottom: solid #003F87 1px;
		border-right: solid #003F87 1px;
	    text-align: left;
	    vertical-align: middle;
	    font-weight: bold;
	    color: #ffffff;
	}

	.documentHeader_print {
		background-color: #ffffff;
		border-bottom: solid #003F87 1px;
		border-right: solid #003F87 1px;
	    text-align: left;
	    vertical-align: middle;
	    font-weight: bold;
	    color: #003F87;
	}
	
	/* document header text style (top-right) */
	.documentHeaderRight {
		border-bottom: solid #003F87 1px;
	    text-align: right;
	    vertical-align: middle;
		font-size: 0.65em;
		color: #003f87;
		white-space: nowrap;
	}

	.documentType
{ 
	font-size: 1em; 
	color: #003F87;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	text-align: center
}
	
	/* This is to be replaced with .documentHeader when all xsl has been changed */
	/* To change - TSB, BCM, VIN Enquiry, WSM proc, Training proc, template proc (FSA done) */
	td.header-blue {
		background-color: #003f87;
	}
	/* This is to be replaced with .documentHeader when all xsl has been changed */
	p.header-blue {
	    font-size: 1.2em;
	    font-weight: bold;
	    color: #ffffff;
	}
	

	/* Need to move this to an lts.css file: */
	.ltsprompt {
		color: #003F87;
   	font-weight: bold;
   	}	
	   	
	.printIcon {
		text-align: center;
		vertical-align: bottom;
		margin-top: 2px;
	}

	.pluginIcon {
		text-align: left;
		vertical-align: middle;
		margin-top: 2px;
	}

	a.pluginIcon {
		font-size: 0.8em;
	}
	.pluginIcon {
		vertical-align: middle;
	}
	
	.bemmVehicleName {
		font-size: 0.9em; 
		vertical-align: top;
		text-align: right;
		margin-right: 5mm;
		float: right;
	}
	
	/* For use when multiple vehicle support is enabled. */
	/*.bemmVehicleContainer {
		clear: both
	}*/
	
	/*.bemmImage {
		width: 50%;
		text-align:right; 
		float:right"
	}*/
	
	/*.bemmLinks {
		width: 50%;
		float: left
	}	*/

	
	/* javascript:window.print() option */
	.printOption {
		text-align: right;
		vertical-align: middle;
		font-size: 0.65em;
		white-space: nowrap;
	}
	
	/* CHRIS ADDED TEMPORARY WARRANTY CSS */
	.smallText
	{
		font-size: small;
		color: #000000;
	}
	
	.redSmallText
	{
		font-size: small;
		color: #FF0000;
	}
	
	.warrantyTerms
	{
		border: 0px solid #ff0000;
	}
	
	.warrantyTerms td
	{
		border: 1px solid #DDD;
		font-size: small;
		color: #000000;
		text-align: center;
	}
	
	.warrantyTerms td.header
	{
		background-color: #F5F5F5;
		font-size: small;
		color: #003F87;
	   	font-weight: bold;
	   	white-space: nowrap;
	}	
	
	.warrantyTerms td.row
	{
		background-color: #F5F5F5;
		font-size: small;
		color: #000000;
		text-align: center;
	}
		
	.warrantyTermsNote
	{
		text-align: left;
	}
	
	/** procedure to procedure linking */
	.procedureToProcedureLinkingEmbeddedProcMaximize 
	{ 
		overflow-y:auto;height:auto; 
	}
	
	.procedureToProcedureLinkingEmbeddedProcMinimize 
	{
		overflow-y:scroll;height:400px; 
	}

/* --------------------------------- */
/* End Document css rules            */
/* --------------------------------- */

/* --------------------------------- */
/* Footer css rules                  */
/* --------------------------------- */
	.footer {
  	font-size: 0.70em;
  	white-space: nowrap;
  	vertical-align: bottom;
  	text-align: center;
  	margin-top: 5px;  	
  	clear: both;
	}
	
	.actionTime {
	  	position: relative;
	  	right: 5px;
	  	top: -1em;
		font-size: 0.65em;
		text-align: right;
  	vertical-align: bottom;
  	white-space: nowrap;
  	color: #CECFD6;
	}
/* --------------------------------- */
/* End Footer css rules              */
/* --------------------------------- */

	.welcomeLeftDiv {
		float: left;
		width: 65%;
	}
	
	.welcomeRightDiv {
		float: right;
		width: 30%;
	}
	.zoneStyle {
		margin-top: 12px;
		padding: 6px;
	}
	
.nowrap {white-space: nowrap;}

.noScriptBox {
	padding: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #CECFD6;
	background-color: #ffe0e0;
}

.didyouknow {
	padding: 4px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 4mm;
}

.whiteTextDarkBackgroundHeader
{
	color: white;
	background-color: #003F87;
	background-image: url('/img/dark-grad.png'); 
	background-repeat: repeat-x;	
	padding: 0.4em;
	margin-left: 0em;
	margin-bottom: 0.5em; 
}

.listEvenBackground
{
	background-color: #F1F1F1;
}

.zoomContainer 
{ 
	position:relative;
}

.zoomIcon 
{ 
	position:absolute; 
	left:0;
	display:none;
}

.zoomOutIcon 
{ 
	position:absolute; 
	right:-1;
}

.hideLargeImage
{
	display: none
}

.viewLargeImage
{ 
    z-index:25; 
	display:block;
    position:absolute;
    top:20px; left:20px;
    border:1px solid #000000;
    text-align: center
}	

div.listitem-prefix {float: left; width: 10px; clear: left;}
div.listitem-suffix {}

div.tas-procqual {margin-left: 283px; margin-top: 3mm; margin-bottom: 1mm; font-size: 9pt; }

div.tas-materialname {float: left; width: 170px; clear: left; border: 0.5pt solid black; padding: 2pt; border-top: 0pt;}
div.tas-materialspec { border: 0.5pt solid black; padding: 2pt; border-top: 0pt;}

div.genequip {width: 323px; border-top: 0.5pt solid black;}
div.tas-equipname {width: 320px; border: 0.5pt solid black; border-top: 0pt; padding: 1pt;}

div.sst {width: 323px; border-top: 0.5pt solid black;}
div.tool {border: 0.5pt solid black; width: 322px; border-top: 0pt; height: 85px;}
div.toolillus {float: left; width: 110px; padding: 2pt;}
div.toolinfo {float: left; width: 170px; border-left: 0.5pt solid black; padding: 2pt;height: 80px;}
p.servinfosub {	margin-left: 283px; text-align: left;}
div.toolsEquipmentTitle {font-weight: bold; margin-top: 2mm; margin-botom: 1mm;}

div.calloutitem {border: 0.5pt solid black; border-top: 0pt;}
div.callitem {float: left; width: 30px; padding: 2pt; text-align: center;}

div.calloutdesc {margin-left: 36px; border-left: 0.5pt solid black;}
div.callpartno {position: absolute; width: 110px; left: 44px; padding: 2pt; text-align: center;}
div.calldesc {padding: 2pt;}
div.calldescWithPartno {margin-left: 114px; border-left: 0.5pt solid black; padding: 2pt;}

div.teststep-ptxt {margin-left: 25px;}
div.teststep-number {float: left; margin-left: 2px; text-align: center; font-weight: bold; border: 0.5pt solid black; width: 10;}

div.question {}
div.ppaction {margin-left: 25px;}
div.result {font-weight: bold;}

div.diagcond-bullet {float: left; width: 10px; clear: left;}
div.diagcond-ptxt { margin-left: 15px;}

#procContent 
{
	margin-right:15px;		
}

acronym
{
	cursor: help;
	color: blue;
	border-bottom: none;
}

span.acronym
{
	color: blue;
}

.100fontSize
{
	font-size: 1em;
}

.80fontSize
{
	font-size: 0.8em;
}

div.mainDiv
{
	padding: 0px 10px 0px 10px;
}