/* CSS Document */
.modalBackground {  background-color: #cccccc;  opacity:0.7; filter:alpha(opacity=70);  }

html, body {
	background:url(/_img/bgd.gif) repeat-y #eaedf0 center;
}

html, body, p, div, td, th, li, a, h1, h2, h3, h4, h5, input, select, button {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000;
	line-height:14px;
	
}

:focus { /* remove the dotted focus box around links onclick */
	outline: 0;
}







                                   /********** Structural **********/

#container {
	width:1000px;
	margin:0 auto;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background:#fff;
}


#bodyContentTable {
	width:100%;
}

#bodyContentTable th { /* main content area */
	vertical-align:top;
	width:754px;
	background:#fff;
}

#bodyContentTable td { /* sidebar */
	vertical-align:top;
	width:245px;  
	/*border-left:1px solid #fff;*/
	background:#f2f4f6;
}



p {
	margin:0 0 14px 0;
}

a {
	color:#004094;
	text-decoration:underline;
	padding:2px 0;
}

a:hover {
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6   
{
   	letter-spacing: 0.1em;
 
}

h1 { /* in case no graphic text is used for page titles, use this style */
	font-size:17px;
	font-weight:bold;
	margin:0 0 8px 0;
	color:#004094;
}

h2 { 
	font-size:13px;
	font-weight:bold;
	margin:0 0 6px 0;
	color:#004094;
}

h3 { 
	font-size:12px;
	font-weight:bold;
	margin:0 0 3px 0;
	color:#000;
}

h4 { 
	font-size:11px;
	font-weight:bold;
	margin:0 0 3px 0;
	color:#004db3;
}

h5 { 
	font-size:11px;
	font-weight:bold;
	margin:0 0 3px 0;
	color:#000;
}




/* for cascading styles that follow from these structural styles, look below. This section will be exclusively for structure */
/* The rest of the page will be loosely in a logical order: Header, Content, Footer and other extras after such as: Navigation, Lists, etc */


                                   /********** Header **********/

#masthead {
	position:relative;
	height:74px;
	overflow:hidden; /* for IE6 to remove unwanted space below */
}

.mastheadLogo {
	margin:14px 0 14px 42px;
}

#searchNav {
	color:#004db3;
	position:absolute;
	top:41px;
	right:20px;
}

#searchNav a {
	color:#004db3;
	padding:2px 0;
	text-decoration:none;
}

#searchNav a:hover {
	text-decoration:underline;
}

#searchNav span {
	padding:0 10px;
}



#topNav {
	background-color:#004db3;
	height:22px;
	text-align:right;
	padding-right:2px;
	margin:0 0 1px 0;
	overflow:hidden; /* this is for IE6 to remove unwanted space below images */
}

#topNav img {
	border:none;
}






                                   /********** Content area **********/

                                   /* left side, or main content area */


#mainContentArea {

}

#mainImage img {
	display:block;
	border-right:1px solid #fff;
}

#breadCrumb {
	font-size:10px;
	color:#84868c;
	margin:9px 0 18px 40px;
}

#breadCrumb span {
	margin:0 5px;
}

#breadCrumb a {
	font-size:10px;
	color:#84868c;
	text-decoration:none;
}

#breadCrumb a:hover {
	text-decoration:underline;
}




#mainContent {
	margin:0 38px 0 40px;
}







/*     E-learining     */

div#sbTest {
	background:url(../../_img/en/e-learning/bgd.test.jpg) no-repeat #e4eefc;
	position:relative;
	padding-bottom:10px;
	margin-top:10px;
}

	div#sbTest div.sbTestContent {
		padding-top:60px;
	}
	
		div#sbTest div.sbTestContent p {
			font-weight:bold;
			margin-bottom:8px;
		}
		
		div#sbTest div.sbTestContent span {
			font-weight:normal;
		}
		
		div#sbTest div.sbTestContent table {
			width:100%;
			margin-bottom:0px;
		}
		
		div#sbTest div.sbTestContent table td {
			background:none;
			border:none;
		}




div#sbTestimonial {
	background:url(../../_img/en/e-learning/bdd.testimonial.jpg) no-repeat #e4eefc;
	position:relative;
	height:150px;
	overflow:hidden;
}

	div#sbTestimonial div.sbTestimonialContent {
		padding-top:35px;
	}
	
	div#sbTestimonial div.sbTestimonialContent p {
		margin-bottom:8px;
	}
	
	div#sbTestimonial div.sbTestimonialContent img {
		border:1px solid #dce5f1;
		float:left;
		margin:2px 10px 10px 0;
	}

div#getNewsletter {
	padding-top:11px;
	padding-bottom:11px;
}

	div#getNewsletter div {
		border-top:1px solid #6c91c0;
		border-bottom:1px solid #6c91c0;
		padding:0;
		
	}
	
	div#getNewsletter p {
		margin:0;
	}

	div#getNewsletter p img {
		vertical-align:middle;
		display:inline;
		margin:3px 10px 3px 0;
	}
	
	div#getNewsletter p a {
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
		text-transform:uppercase;
		line-height:22px;
		margin:0;
	}
	
		div#getNewsletter p a:hover {
			text-decoration:underline;
		}

#detailsPricing {
	border:1px solid #97b1d1;
	padding-bottom:10px;
	margin: 10px 0 0 0;
	background-color:#fff;
}

	#detailsPricing img {
		display:block;
		margin-bottom:5px;
	}
	
	#detailsPricing p {
		margin: 0 14px 10px 14px;
	}
	
	#detailsPricing a {
		font-weight:bold;
	}


.sbPromo {
	margin-bottom:15px;
}

	.sbPromo img {
		display:block;
	}


	

#courseSearch {
	margin:20px 0;
}



.pilotSearchContent,
.maintenanceSearchContent {
	border:1px solid #a5b9d2;
	clear:left;
	height:77px;
	width:635px;
	overflow:hidden;
	background:url(../../_img/bgd.course.search.jpg) right top no-repeat #fff;
	padding:10px;
}

	.pilotSearchContent p,
	.maintenanceSearchContent p {
		font-weight:bold;
	}
	
		.pilotSearchContent p span,
		.maintenanceSearchContent p span {
			margin:0 15px;
			font-weight:normal;
		}
	
	.pilotSearchContent a,
	.maintenanceSearchContent a {
		font-weight:bold;
		text-decoration:none;
	}
	
		.pilotSearchContent a:hover,
		.maintenanceSearchContent a:hover {
			text-decoration:underline;
		}
	
	.pilotSearchContent p input,
	.maintenanceSearchContent p input {
		width:185px;
		margin:0 10px 0 5px;
	}
	
		.pilotSearchContent p input.standardButton,
		.maintenanceSearchContent p input.standardButton {
			width:auto;
		}
	
	
	
	.pilotSearchContent p select,
	.maintenanceSearchContent p select {
		margin:0 5px 0 5px;
	}
	
	


.pilotSearchContent {
	
}

.maintenanceSearchContent {
	
}

.ajax__tab_xp { /* container for the search module */
	margin-bottom:15px;
}

.ajax__tab_tab {
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#004094;
}



.searchResults { /* containing container for all results */
	margin-top:10px;
}

	#bodyContentTable th div#searchResults div table {
		width:100%;
	}
	
		#bodyContentTable th div#searchResults div table td {
			background-color:#fff;
			width:100%; /* added for IE */
		}


.searchResult {
	cursor:pointer;
	margin:0px 0 2px 0;
	padding:2px 0;
}

	.searchResult:hover {
		background-color:#ebf0f8;
	}

	.searchResult p {
		text-indent:-16px;
		padding-left:16px;
		font-weight:normal;
		margin:0 0 2px 0;
	}
	
	.searchResult img {
		margin:0 5px 0 0;
		vertical-align:middle;
	}

.searchResultContent {
	padding:10px 15px 20px 17px;
	background-color:#fff;
	margin-bottom:10px;
	border:1px solid #ccd9ea; /* added so IE[6,7] doesn't mysteriously disappear the background color after deploying an answer */
}

	.searchResultContent p {
		padding-right:40px;
	}

	
	.searchResultContent input.printMe {
		float:right;
		position:relative;
		margin-left:10px;
	}	

	.searchResultContent img.lettrine {
		border:1px solid #c4c4c4;
	}






/*########################### CollapsePanel ###############################*/
/* used specifically so the results panels aren't open briefly on page load */
.collapsePanel 
{
	 width:640px;
	 height:0px;
	 overflow:hidden;	 
}




#bodyContentTable table.resourceTable {
	width:100%;
	margin:0 0 14px 0;
}

	#bodyContentTable table.resourceTable th, 
	#bodyContentTable table.resourceTable td {
		vertical-align:top;
		padding-bottom:10px;
		background-color:#fff;
	}
	
	#bodyContentTable table.resourceTable th {
		padding-right:20px;
	}
	
	#bodyContentTable table.resourceTable td {
		width:auto;
	}
	
		#bodyContentTable table.resourceTable td p {
			margin:0 0 4px 0;
		}
		#bodyContentTable table.resourceTable td h3 {
			line-height:25px;
			margin-top:10px;
			background-color:#EAEDF0;
			padding:0 0 0 5px;
		}



















/*home page tiles*/
.homeTile {
	float:left;
	margin:0 0 15px 0; /* define right-margin inline */
}

.imgTile {
	position:relative;
	width:212px;
	
}

.imgTileTitle {
	position:absolute;
	top:77px;
	left:10px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

#mainContent div.homeTile .imgTileTitle a { /* cascade this style to override default value. Crazy browsers. */
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}

#mainContent div.homeTile .imgTileTitle a:hover {
	text-decoration:underline;
}

.tileContent {
	background:url(/_img/bgd.hometile.gif) repeat-x #fff;
	width:186px;
	height:143px;
	padding:9px 13px 0 13px;
}

.tileContent p {
	margin-bottom:5px;
}

.tileContent a {
	text-decoration:none;
}

.tileContent a:hover {
	text-decoration:underline;
}





.textTile {
	float:left;
	width:322px;
	margin-bottom:15px;
}

.textTile h1 {
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
	background-color:#004db3;
	padding:0 11px;
	line-height:20px;
	margin:0;
}

.textTile h1 a {
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	line-height:20px;
}

.textTile h1 a:hover {
	text-decoration:underline;
}

.textTitleCopy {
	height:65px;
	background:url(/_img/bgd.texttile.gif) repeat-x;
	padding:7px 11px 0 11px;
}

.textTitleCopyAddress {
	background-color: #E0E0E0;
	height:65px;
	padding:7px 11px 0 11px;
}

textTitleCopy p {
	margin-bottom:0;
}



.homeTileInvestor {
	float:left;
	border:1px solid #bcbdc0;
	background:url(/_img/bgd.invtile.gif) repeat-x #fff;
	height:310px;
	width:192px;
	padding:10px 12px;
	margin:0 0 15px 0; /* define right-margin inline */
}

.homeTileInvestor img {
	display:block;
}


#financials {
	border-top:1px solid #7396c4;
	border-bottom:1px solid #7396c4;
	padding:10px 0 0 0;
	margin:0 0 15px 0;
}

#financials h1 {
	font-size:14px;
	color:#004094;
	text-transform:uppercase;
	margin:0 0 2px 0;
}

#financials h2 {
	font-size:14px;
	color:#84868c;
	text-transform:uppercase;
	margin:0 0 15px 0;
}

	#financials h2 a {
		font-size:14px;
		color:#84868c;
		text-transform:uppercase;
		text-decoration:none;
	}
	
	#financials h2 a:hover {
		text-decoration:underline;
	}

#financialsList p  {
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	color:#004094;
	margin:0 0 8px 0;
}

#financialsList a {
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	color:#004094;
	text-decoration:none;
}

#financialsList a:hover {
	text-decoration:underline;
}


#invCEO {
	margin:5px 0 14px 0;
}

#invCEO img {
	border:1px solid #7893b3;
	border-bottom:none;
	display:block;
}

#invCEO div {
	background-color:#013c89;
	line-height:20px;
	color:#fff;
}

#invCEO div a {
	line-height:20px;
	color:#fff;
	padding:0 0 0 7px;
	text-decoration:none;
}

#invCEO div a:hover {
	text-decoration:underline;
}

#invReport {
	border:1px solid #7b9cc8;
}

#invReport img {
	display:block;
}





                                   /* sidebar */

#sideBar {

}


#sbContent {
	vertical-align:top; /*test */
	
	
	
	
	padding-top:0px; /* added here because IE6 bleeds colour down from bottom-margin if set on navigation DIV. Now we have appropriate space and colour between nav and content. this align the main img to the first promo */
}

#sbContent img { /* sets default behaviour to avoid the extra space to the right and especially below that can mess with your layout. Remember to change the value of images to "inline" as needed. */
	display:block;
	
	
}

.sbBlock {
	background-color:#d9e2ec;
	padding:0 16px 1px 15px;
	margin: 15px 0 0 0;
	
	
}

.sbTitleImage {
	border-bottom:1px solid #97b1d1;
	margin-bottom:10px;
	clear:left;

}

.sbPromo 
{
    margin: 10px 0 0 0;
}

.sbShoppingCart 
{
    padding-top:10px; 
    padding-left:5px; 
    padding-right:5px; 
	padding-bottom:10px;
    background-color:#ced9e7;	
    border:1px solid #97b1d1;
	margin: 10px 0 0 0;    
}
.sbPromoTile {
	border:1px solid #bdbdbd;
	margin-bottom:15px;
}

.sbPresentation {
	margin:0 0 15px 0;
}

.sbPresentation img {
	display:block;
}

.sbSignUp {
	background-color:#d9e2ec;
	padding:11px 16px 11px 15px;
	margin:0 0 15px 0;
}

.sbSignUp img {
	display:block;
	padding:4px 0;
	border-top:1px solid #6c91c0;
	border-bottom:1px solid #6c91c0;
}

#newsEvents {
	margin-bottom:15px;
	height:235px;
}




                                   /********** Footer **********/


.footer {
	border-top:1px solid #dadadc;
	margin:3px 0 10px 0;
	padding:5px 0 0 39px;
	font-size:10px;
	color:#84868c;
}

.footer a {
	font-size:10px;
	color:#84868c;
	text-decoration:underline;
}

.footer a:hover {
	color:#004094;
}















                                   /********** Sidebar navigation **********/
/* 
The basic idea is to use a regular list, and add styles to indicate the levels.
Using a background image instead of a default bullet, showing it on mouseover (hover) and when page is active.
*/


/* this will be a hidden layer containing the other lang's url for language switching. It will be written by navigation.asp */

#otherLang {
	display:block; 
	position:absolute; 
	left:-3000px;
}

/* define basic styles */

#sbNav {
	/*height:290px;*/
	margin:0 0 14px 0;
	padding-top:0px; /* space before the first top level menu in the nav*/
	background-color:#f2f4f6;
	border-bottom:1px solid #f2f4f6; /* added for IE6 to prevent dark background color bleeding down. */
}

#sbNav,
#sbNav a {
	line-height:16px;
}

#sbNav a {
	color:#000;
	text-decoration:none;
}


#sbNav ul {
	list-style-type:none; /* remove automatic bullet */	
	padding: 0 0 0 0; /* move bullet to the right (add padding-left) */
	margin: 0 0 0 0; /* complete list margins */
	background-color:#f2f4f6;
}

#sbNav ul li {
	background-image: none;
	padding: 0 0 0 0; /* define distance of text from bullet */
	margin: 0 0 0 0; /* define list items */
	border-bottom:1px solid #c2d0e2;
	padding:3px 0;
}


/* define level 1 styles */

#sbNav ul li a {
	padding-left:15px;
}
#sbNav ul li a:hover{
	background-image:url(/_img/bullet.nav.gif);
	background-position: 5px 6px;
	background-repeat: no-repeat; 
}

/* don't want arrow to apear for top level item */
#sbNav ul li.levelTop a:hover{
	background-image:none;
}

#sbNav ul li.levelTop {
	padding-left:5px;
	padding-top:20px;
	background-color:#ced9e7;
}

#sbNav ul li.levelTop a {
	padding-left:0px;
	color:#004094;
	font-weight:bold;
	text-transform:uppercase;
}


/* define level 2 styles */
/* IE6 cannot properly cascade two styles for one attribute, so I'm addding a new style "level1navOn" and "level2navOn" */

#sbNav ul li.level2,
#sbNav ul li.level2navOn {
	background-color:#eaedf0;
}

#sbNav ul li.level2 a,
#sbNav ul li.level2navOn a {
	padding-left:25px;
}

#sbNav ul li.level2 a:hover,
#sbNav ul li.level2navOn a:hover {
	background-position: 13px 6px;
}







/* styles for nav item of active page */

#sbNav ul li.level1navOn {
	background-image:url(/_img/bullet.nav.gif);
	background-position: 5px 8px;
	background-repeat: no-repeat;
	background-color:#eaedf0; 
}

#sbNav ul li.level2navOn {
	background-image:url(/_img/bullet.nav.gif);
	background-position: 13px 8px;
	background-repeat: no-repeat; 
}

#sbNav ul li.level2navOn a:hover,
#sbNav ul li.level1navOn a:hover { /* don't show bullet on hover, because already there. Also, difficulty lining them up between Moz and IE. */
	background-image:none; 
}


#sbNav ul li.level1navOn a,
#sbNav ul li.level2navOn a {
	color:#004094;
}







                                   /********** Lists **********/
/* Unordered */

ul {
	list-style-type:none; /* remove automatic bullet */	
	padding: 0 0 0 15px; /* move bullet to the right (add padding-left) */
	margin: 0 0 14px 0; /* complete list margins */
	line-height:14px; /* define so bullet image is placed properly from a defined 'Left' 'Top' */
}

ul li {
	background-image: url(/_img/bullet.gif); /* add custom bullet */
	background-repeat: no-repeat; 
	background-position: 0 6px; /* position from 'Left' 'Top' */
	padding: 0 0 0 10px; /* define distance of text from bullet */
	margin: 0 0 3px 0; /* define list items */
}

ul ul { /* nested unordered list */
	margin:3px 0 3px 0;
}

ul ol { /* nested ordered list */
	margin:3px 0 3px 0;
}

ul ol li {
	background-image:none;
}



/* Ordered */

ol {
	list-style-type:decimal;
    padding: 0 0 0 35px; /* move number to the right (add padding-left) */
	margin: 0 0 14px 0; /* Move number using left-margin */
	line-height:14px; /* define so bullet image is placed properly from a defined 'Left' 'Top' */
}

ol li {
	padding: 0 0 0 0; /* define distance of text from bullet */
	margin: 0 0 2px 0; /* define list items */
}

ol ol {
	margin:3px 0 3px 0;
	padding-left:25px;
}

ol ul {
	margin:3px 0 3px 0;
	padding-left:5px;
}

ol ul li {
	padding: 0 0 0 10px;
}



/* linkList - used for text situations that need list-type spacing, but no (or custom) bullets */

ul.linkList { 
	list-style-type:none;
	padding: 0 0 0 0; 
	margin: 0 0 14px 0; 
	line-height:14px;
}

	ul.linkList li {
		background-image: none; 
		background-repeat: no-repeat; 
		padding: 0 0 0 0; 
		margin: 0 0 4px 0; 
	}
	
		ul.linkList li img { /* in case there is a graphic bullet added inline */
			display:inline;
			margin-right:8px;
			vertical-align:middle;
		}







                                   /********** Other **********/








                                   /********** News & Events box **********/

#nouvcontent {
	height: 154px;
	overflow:hidden;
}

#nouvcontent p {
	margin-bottom:5px;
}

.list_news {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003580;
	font-weight: normal;
}
.list_news a {line-height:14px;}
.list_news a:link {  color: #003580; text-decoration: none;}
.list_news a:visited {color: #003580; text-decoration: none;}
.list_news a:hover {  text-decoration: none; color: #003580;}

.title_news h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003580;
	font-weight: bold;
	line-height: normal;
}


div.title_news p {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	line-height:12px;
	font-weight:bold;
	color:#000;
}

div.title_news ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:9px;
	font-weight:bold;
	color:#000;
}


.news p {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

.title_news {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
}

.title_news p {
	font-size: 16px;
	line-height:18px;
	font-weight: bold;
	margin-top: 40px;
}

.title_news ul li {
	list-style-position:inside;
	background-image: none;
	list-style-type : square;
	font-size: 12px;
	line-height:15px;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 0 0 3px 0;
}

.type_news p{
	text-align: right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 34px;
	font-weight: bold;
	color: #000000;
	margin: 50px 15px 25px 0;
	clear:right;
}

.caelogo {
	float:left;
}

.otherlogo {
	float:right;
}


/* For press release display */

#bodyContentTable table.PRlist {
	
}

#bodyContentTable table.PRlist td {
	padding:3px 20px 3px 10px;
	border:0;
	height:50px;
	background: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	vertical-align:top;
	width:auto;
}

#bodyContentTable table.PRlist td.yearHead {
	/*background: #004094;*/
	font-size:14px;
	font-weight:bold;
	color: #004094;
	vertical-align:middle;
	padding-left:10px;
	height:22px;
}

#bodyContentTable table.PRlist td.monthHead {
	background: #dae2ed;
	vertical-align:middle;
	border-top:2px solid white;
	border-bottom:2px solid white;
	font-weight:bold;
	color:#014397;
	height:22px;
}

#bodyContentTable table.PRlist td.date {
	background: #f3f4f6;
	color:#014397;
	font-weight:bold;
	width:115px;
}

#bodyContentTable table.PRlist td.light {
	background: #ffffff;
	padding-top:10px;
}

#bodyContentTable table.PRlist td.dark {
	background: #f3f4f6;
	padding-top:10px;
}

.PRlist a {
	text-decoration:none;
	color: #000000;
}









/* miscilaneous things */

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

sup {
	vertical-align:text-top;
}



#preloadImages {
	height:1px;
}

#preloadImages img {
	float:left;
	position:absolute;
	left:-5000px;
}




.lettrine { /* image at the beginning of a paragraph */
	float:left;
	margin:0 10px 10px 0;
	position:relative; /* added for IE6 */
}


.clearMe {
	clear:both;
	line-height:1px;
}


a.standardButton {
		font-weight:bold;
		font-size:10px;
		text-transform:uppercase;
		color:#004094;
		background-color:#e4eefc;
		border:1px solid #004094;
		line-height:17px;
		padding:1px 2px;
		margin:0 10px 0 0;
		overflow:visible;
		cursor:pointer;
		text-decoration:none;
	}

.standardButton {
		font-weight:bold;
		font-size:10px;
		text-transform:uppercase;
		color:#004094;
		background-color:#e4eefc;
		border:1px solid #004094;
		line-height:10px;
		padding:1px 2px;
		margin:0 10px 0 0;
		overflow:visible;
		cursor:pointer;
	}
	
	.standardButton:hover {
		background-color:#d9e2ec;
		cursor:pointer;
	}
	
.finishMe {
	background-color:yellow;
}


noscript p {
	color:#d80406;
	background-color:#EAEDF0;
	margin:0 0 14px 0;
	border:1px solid #97B1D1;
	font-weight:bold;
	padding:10px;
}

.quizError ul li
{
    color:Red;
}

#receipt
{
    /*border: solid 1px #004094;*/
}
#receipt div table tr td
{
    height:25px;
}

#receipt div table tr th 
{
    border: solid 1px #004094;
    background-color:#97B1D1;
    text-align:center;
    font-weight:bold;
    height:25px;
    vertical-align:middle;
}
#receipt div table tr th.hdrQuant,#receipt div table tr th.hdrItem
{
    width:10%;
    text-align:center;
}
#receipt div table tr th.hdrPrice,#receipt div table tr th.hdrTotal
{
    width:20%;
}

#receipt div table tr td
{
    border-left: solid 1px #004094;
    border-right: solid 1px #004094;
    padding:3px;
}
.ftrSubtotal,.ftrTotal
{
    border: solid 1px #004094;
    font-weight:bold;
    vertical-align:middle;
}

.ftrSubtotal
{
    text-align:right;
    padding-right:10px;

}

#receipt div table tr td.ftrExtra
{
    border-left: none 1px #004094;
    border-right: none 1px #004094;
    border-top: none 1px #004094;
    border-bottom: none 1px #004094;
}

#receipt div table tr td.ftrQuant, #receipt div table tr td.ftrItem, #receipt div table tr td.ftrDescr
{
    border-left: none 1px #004094;
    border-right: none 1px #004094;
    border-top: solid 1px #004094;
    border-bottom: none 1px #004094;
}