/*	general styles	*/
body{
	background:#0082C3 url(../images/bg-body-ms-training.gif) repeat-x;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0;
}
/*	structure	*/
#page{
	width:900px;
	overflow:hidden;
	background:url(../images/bg-page-ms-training.gif) repeat-y;
	margin:0 auto;
}
.page-btm{
	width:900px;
	overflow:hidden;
	background:url(../images/btm-page-ms-training.gif) no-repeat 0 bottom;
	padding-bottom:30px;
}
.header
{
	width:900px;
	height:103px;
	background: url(../images/microsoft-computer-training.jpg) no-repeat 0px 0;
	overflow:hidden;
}
.header h1{
	float:left;
	margin:12px 0 0 0px;
	padding:0;
	overflow:hidden;
}
.header h1 a{
	display:block;
	width:900px;
	height:103px;
	overflow:hidden;
	text-indent:-9999px;
}
.left-column{
	width:711px;
	float:left;
	overflow:hidden;
	padding-bottom:10px;
}
.right-column{
	width:189px;
	float:right;
	overflow:hidden;
}
.container{
	width:655px;
	float:right;
	overflow:hidden;
	margin-top: 20px;
}
.homepagecontainer{
	width:555px;
	float:right;
	overflow:hidden;
}
.bottom{
	width:900px;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/bg-bottom-ms-training.gif) repeat-y;
	color: #000;
}
/*	header styles	*/
.header span{
	float:right;
	width:189px;
	height:103px;
	background:#c30;
	position:relative;
	z-index:0;
}
.login_btn{
	position:relative;
	left:30px;
	top:34px;
	z-index:99;
	width:109px;
	height:18px;
	border:  none;
	overflow:hidden;
	text-indent:-9999px;
}


/*	top navigation styles	*/
.top-nav{
	width:711px;
	height:23px;
	overflow:hidden;
	background:url(../images/bg-nav.gif) repeat-x;
	margin:0;
	padding:0;
	list-style:none;
}
.top-nav li{
	float:left;
}
.top-nav li a{
	float:left;
	padding:0 19px 2px;
	line-height:21px;
	font-size:14px;
	text-decoration:none;
	color:#fff;
}
.top-nav li a:hover{
	background:url(../images/bg-nav-active.gif) repeat-x;
	color:#333;
}
/* quotes */
.quotesIntro
{
	text-align: center;
	margin: 20px 10px 0 10px;
	padding: 5px;
	width: 115px;
	font-size: 10px;
	font-weight: bold;
}
.quotes
{
    /* 	settings for scrolling quotes list commented out here 
	
	margin: 10px 10px 0 10px;
	border: 1px solid #000;
	padding: 5px;
	overflow:auto; 
	overflow-x:hidden; 
	height: 400px;
	width: 115px;
	background-color: #99CCFF; */
    border: 2px solid #990000;
    background-color: #FFDDFF;
    width: 105px;
    margin: 20px 15px 0 15px;
    padding: 5px;
    text-align: center;
}
.quotes p
{
   font-weight: bold;
    color: #990000;
}

.quotes span {
    color: #990000;
    font-weight: bold;
}

.quotes ol {
    margin-left: 0;
    padding-left: 25px;
}
.quotes ol li {
    text-align: left;	
    margin-bottom: 10px;
    padding-left: -5px;
  }

/*	sub navigation styles	*/
/* August 2008 - subnav was 131px wide */
.leftMenu 
{
	float:left;
	display:inline;
}
	
.subnav,.subnav div,.subnav div div{
	width:141px;
	overflow:hidden;
}
.subnav{
	
	margin:10px 0 0 8px;
	background:url(../images/subnav-bg.gif) repeat-y;
}
.subnav div{
	background:url(../images/subnav-top.gif) no-repeat;

}
.subnav div div{
	background:url(../images/subnav-btm.gif) no-repeat 0 bottom;
	padding-bottom:17px;
}
.subnav ul{
	margin:22px 0 0 1px;
	padding:0;
	list-style:none;
}
.subnav ul li{
	display:block;
	overflow:hidden;
	background:url(../images/line-subnav.gif) no-repeat 18px bottom;
	padding:7px 0 17px 0;
}
.subnav ul li.last{
	background:none;
}
/* August 2008 - this was 80px wide */
.subnav ul li a{
	display:block;
	width:90px;
	overflow:hidden;
	text-decoration:none;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	padding-left:15px;
	color:#fff;
	/* AUGUST 2008 - took out these lines 
		background:url(../images/bullet-subnav.gif) no-repeat 10px 3px; 
		padding-left:23px;
	*/
}
.subnav ul li a:hover{
	color:#f90;
}
/*	container styles	*/
h1{
	display:block;
	margin:10px 0 9px;
	padding:0;
	color:#c30;
	font-size:1.4em;
}
h2{
	display:block;
	margin:40px 0px 10px 0px;
	padding:0;
	color:#c30;
	font-size:1.2em;
}

.container p{
	display:block;
	overflow:hidden;
	padding:0 40px 0 0;
	line-height:20px;
	font-size:14px;
}
.container p a
{
	color:#c30;
	/* color:#f90; */
	font-weight:bold;
}
.container p a:hover{
	text-decoration:none;
}
/*homepage container text only*/
.homepagecontainer p{
	display:block;
	overflow:hidden;
	padding:0 40px 0 0;
	line-height:20px;
	font-size:14px;
}
.homepagecontainer p a
{
	color: #0066ff; /* color:#f90; */
	font-weight: bold;
}
.homepagecontainer p a:hover{
	text-decoration:none;
}
.homepagecontainer ul li
{
	font:14px Verdana, Arial, Helvetica, sans-serif;
}
/*	tiles box styles	*/
.tiles{
	width:568px;
	overflow:hidden;
	margin:10px 0 0;
}
.column{
	width:130px;
	overflow:hidden;
	float:left;
}
.column h3{
	margin:0 0 10px;
	padding:0;
	text-align:center;
	font-size:9px;
	color:#15303F;
}
.column h3 a{
	color:#15303F;
	display:inline;
	font-size:13px;
	font-weight:bold;
	padding:0;
	margin:0;
	background:none !important;
	text-decoration:underline;
}
.column h3 a:hover{
	text-decoration:none;
}
.column ul{
	margin:0;
	padding:0;
	list-style:none;
}
.column ul li{
	margin:0 0 13px;
}
.column a{
	display:block;
	width:110px;
	height:39px;
	overflow:hidden;
	text-decoration:none;
	font-size:14px;
	color:#fff;
	padding:10px 0 0 15px;
}
.column a strong{
	display:block;
	margin:0;
	padding:0;
	font-size:12px;
}
.column a:hover{
	background-position:0 -49px !important;	
}
.column.red a{
	background:url(../images/tile-red.gif);
}
.column.gold a{
	background:url(../images/tile-gold.gif);
}
.column.green a{
	background:url(../images/tile-green.gif);
	
}
.column.blue a{
	background:url(../images/tile-blue.gif);
}
/*	right column styles	*/
.right-column h4{
	display:block;
	margin:0;
	padding:0;
	width:189px;
	background:#163140 url(../images/bg-right-nav.gif) repeat-x;
	line-height:22px;
	color:#fff;
	font-size:14px;
	padding-left:8px;
	font-weight:normal;
	border-top:1px #163140 solid;
}
.right-column ul{
	margin:0;
	padding:0;
	list-style:none;
}
.right-column ul li{
	border-top:1px #163140 solid;
}
.right-column ul li.last{
	border-bottom:1px #163140 solid;
}
.right-column ul li a{
	display:block;
	width:189px;
	line-height:24px;
	padding-left:8px;
	color:#fff;
	text-decoration:none;
}
.right-column ul li a:hover{
	background:url(../images/bg-right-nav-over.gif) repeat-x 0 bottom;
	color:#1A3543;
}
.right-column ul.tools
{
	/* keep two padding figures in these 2 lines the same */
	padding:20px 0 0 8px;
	background:url(../images/tools.gif) no-repeat 0 20px;
}
.right-column ul.tools li{
	border:none;
	margin-bottom:3px;
}
.right-column ul.tools li a{
	margin-left:25px;
}
.right-column ul.tools li a:hover{
	background:none;
	text-decoration:underline;
	color:#fff;
}
/*login button*/
.right-column ul.login{
	margin-top:40px;
	border:none;
	}
.right-column ul.login li{
	list-style-type: none;
	border:none;
}
.right-column ul.login li a{
	margin-left:5px;
	border:none;
}
.right-column ul.login li a:hover{
	background:none;
	text-decoration:none;
	border:none;
}

/*	bottom box styles	*/
.grad-bottom{
	width:892px;
	/* height:386px; ajb */
	height:345px;
	overflow:hidden;
	margin-left:4px;
	background:#000 url(../images/grad-bottom.gif) repeat-x; 
}
.grad-bottom div.box{
	width:373px;
	height:280px;
	overflow:hidden;
	float:left;
}
.grad-bottom div.box.middle{
	width:359px !important;
}
.grad-bottom div.box div{
	display:block;
	margin:18px 0 0 10px;
	padding:0;
}
.grad-bottom div.box div h5{
	display:inline;
	background:#000;
	color:#fff;
	margin:0 0 0 20px;
	padding:2px 10px;
	font-size:12px;
}
.bottom ul{
	margin:10px 0 0 32px;
	padding:0;
	list-style:none;
}
.bottom ul li{
	margin-bottom:7px;
}
.bottom ul a{
	color:#fff;
	text-decoration:none;
	font-size:11px;
}
.bottom ul a:hover{
	text-decoration:underline;
	color:#fc0;
}
div.grad-bottom ul.tests{
	width:115px;
	overflow:hidden;
	margin:0;
	padding-top:16px !important;
}
.tests li{
	display:block;
}
.tests li a{
	display:block;
	width:115px;
	height:96px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:25px;
}
.tests li a:hover{
	background-position:0 -96px !important;
}
li#iq a{
	background:url(../images/test.jpg) no-repeat;
}
li#meet a{
	background:url(../images/meet.jpg) no-repeat;
}
/*	list box styles	*/
.list{
	width:900px !important;
	height:auto !important;
	clear:both;
	overflow:hidden;
	margin:0;
}
.list p{
	display:block;
	width:768px;
	margin:0 0 0 38px;
	padding:0;
	color:#fff;
	font-size:10px;
	line-height:18px;
}
.list p a,.bottom em a{
	color:#fc0;
}
.list p a:hover,.bottom em a:hover{
	text-decoration:none;
}
.bottom em{
	display:block;
	width:900px;
	clear:both;
	text-align:center;
	color:#4D9AC0;
	overflow:hidden;
	font-size:11px;
	padding-top:20px;
}
/* image styles */
.img_left {
	float:  left;
	border: 6px solid #bcdde8;
	margin: 10px;
}
/*	page specific styles	*/

/* quotation marks not used? */

.customer_comments{
	background: url(../images/comments.gif) no-repeat scroll left top;
	text-indent: 30px;
	width: 500px;
	margin: 20px;
	font-style: italic;
	font-size: 1.4em;
}
.comment_name{
	color: #005986;
	background: url(../images/comment_name.gif) no-repeat scroll;
	padding-left: 30px;
	padding-bottom: 30px;
} 

/* ======================== */
/* STYLES ADDED BY WISE OWL */
/* ======================== */

/* boxes replacing previous tables with borders and shading */
.ImportantMessageBox
{
	text-align:center;
	width: 50%;
	border: #000 1px solid;
	background-color: #cc0066;
	font-weight: bold;
	color: #fff;
	margin: 20px 0 30px 0;
	padding: 5px;
	font-size:1em;
	line-height: 1.2;
}
.barebox
{
	width: 80%;
}
.blueboxthin
{
	width: 65%;
	border: #000 1px solid;
	background-color: #ffc;
	padding: 5px;
}
.blueboxwide
{
	width: 100%;
	border: #000 1px solid;
	background-color: #ffc;
}
.bluebox500
{
	width: 500px;
	border: #000 1px solid;
	background-color: #ffc;
	padding: 5px;
}
.bluebox
{
	width: 90%;
	border: #000 1px solid;
	background-color: #ffc;
}
.blueboxBooking /* includes space below */
{
	width: 90%;
	border: #000 1px solid;
	background-color: #ffc;
	margin-top: 20px;
}
.whitebox
{
	width: 90%;
	border: #008 1px solid;
	background-color: #fff;
}
.gridviewbox
{
	padding: 0px 10px 0px 0px;
	width: 95%;
	text-align:center;
	display:block;
	border: #fff 0px solid;
	background-color: #fff
}
/* standard appearance for HTML tags */
.container i 
{
	font-style: italic;
}
.container td
{
	vertical-align: top;
	font-size: 14px;
}
.container ul
{
	font-size: 14px;
	/* if left padding 0, FireFox hides bullets/numbers */
	padding: 0 40px 0 20px;
}

.container hr
{
	width: 90%;
	text-align:left;
}
.container ol
{
	/* if left padding 0, FireFox hides bullets/numbers */
	font-size: 14px;
	padding: 0 40px 0 20px;
	/* list-style-type: decimal; */
}
.container th
{
	vertical-align: top;
	text-align:left;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
}
.container sup
{
	font-size: 0.8em;
	font-style: italic;
}
/*	images */
.imgFloat
{
	font-style: italic;
	display: block;
}
.imgFloat img
{
	border: solid 1px #000;
	float:  left;
	margin: 0 20px 20px 0;
}
.ClearFloat
{
	clear: both;
}
/* table classes */
.container .tdLeftColumn
{
	font-style:italic;
	font-size: 14px;
}
/* quotation section classes */
.container p.qnText
{
	display:block;
	overflow:hidden;
	font-style: italic;
	margin: 30px 40px 10px 30px;
	
}
.container p.qnAuthor
{
	text-align:right;
	margin: 0 40px 0px 30px;
	font-style: italic;
	color: #03c;
}
.container p.qnAuthorLast
{
	text-align:right;
	margin: 0 40px 40px 30px;
	font-style: italic;
	color: #03c;
}
.footnote
{
	/* NOTES at bottom of tables */
	font-weight: bold;
}
/* images */
.exImage
{
	text-align:center;
	padding: 10px 0;
}
.exImage img
{
	text-align:center;
	border: solid 1px #000;
	margin: 0 0 5px 0;
	display: block;
}
td.exImage span
{
	font-style:italic;
	text-align:center;
	font-size:0.9em;
}
.imgBorder
{
	border: #000 1px solid;
}
.imgNoBorder
{
	border: #000 0px solid;
}
/* clickable links on course listing pages */
.container .obv-link a
{
	display: block;
	line-height: 21px;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	width: 80%;
	border-right: #330099 thin solid;
	border-top: #330099 thin solid;
	border-left: #330099 thin solid;
	border-bottom: #330099 thin solid;
	overflow: hidden;
	padding: 0;
	background-color: #ccffff;
	color: #330099;
}
.obv-link a:hover{
	background:url(../images/bg-nav-active.gif) repeat-x;
	color:#333;
	border-right: #000 thin solid;
	border-top: #000 thin solid;
	border-left: #000 thin solid;
	border-bottom: #000 thin solid;
}
.obv-link
{
	padding: 0 0 0px 0;
	text-align: center;
}
/* legacy booking site */
.titlerow
{
	 background-color: #69c;
	 color: #fff;
}

/* FAQ pages */
.container p.FaqQuestion
{
	display:block;
	overflow:hidden;
	font-style: italic;
	margin: 30px 40px 10px 10px;
	
}
.container p.FaqAnswer
{
	margin: 0 40px 40px 10px;
	font-style: italic;
	color: #03c;
}

/* exercises */
.HintPicture 
{
	vertical-align: middle;
}
.HintText 
{
	 vertical-align: middle;
	  font-style:italic;
	  color: Blue;
	  padding-top: 20px;
}
/* sightsavers */
.sightsavers 
{
	 margin: 30px 0 0 10px;
}
.sightsavers p 
{
	text-align:left;
	font-size: small;
	margin: 0;
	color: #fff;
	font-style: italic;
	padding: 5px 0;
}
.sightsavers img 
{
	text-align:left;
	border: solid 1px black;
	background-color: #fff;
	padding: 5px;
	display: block;
	margin: 0;
}
/* Microsoft Certified Partner program */
.mcp 
{
	 margin: 20px 0 0 10px;
}
.mcp p 
{
	text-align:left;
	font-size: small;
	margin: 0;
	color: #fff;
	font-style: italic;
	padding: 5px 0;
}
.mcp img 
{
	text-align:left;
	border: solid 1px black;
	background-color: #fff;
	padding: 5px;
	display: block;
	margin: 0;
}
/* Woodie legacy booking form */
.valSummary 
{
	margin: 30px 0 0 0;
	padding: 20px 0 0 20px;
}
/* training course - space out bullet points */
.ulSpaced 
{
	margin-left: 20px;
	margin-bottom: 0;
}
.ulSpaced li
{
	padding: 0 0 20px 0;
}
.footnotebox
{
	width: 90%;
	border: #000 1px solid;
	background-color: #FFCCFF;
	margin-top: 20px;
}
.footnotebox li
{
	padding: 20px 0 0 0;
}
/* nice lists (vertical spacing, owl to the left) */
.OwlList ul { /* for positioning and styling preferences */
	padding:0; 
	margin:0; 
} 
/* .OwlList li a, .OwlList li a:visited { */
.OwlList li {
	list-style-type:none; /* removes default bullet */
	background-image:url("../favicon.ico"); 
	background-repeat: no-repeat; /* ONE bullet only please */
	background-position: 0 .45em; /* .45em from top (vertical) */ 
	padding:0 0 20px 30px; /* space between bullet and text */ 
	/* styling options below */
	line-height:1.5em; 
	color:#000;
	text-decoration:none;
}
.HomeQuote 
{
	font-style: italic;
	padding: 0 10px 10px 10px;
}
/* printer icon */
.divPrinter 
{
	
}
.divPrinter img 
{
	float:  left;
	border: 0px solid #bcdde8;
	margin: 5px 15px 0 0;
}
.divPrinter p 
{
	font-size: smaller;
}
.divPrinter p a 
{
	font-style: italic;
	color: Blue;
}
.listSpaced li 
{
    padding-bottom: 20px;
    padding-left: 10px;
    margin-left: 20px;
}
/* Dave's wrong page message tidied up */
.h1WrongPage 
{
    text-align: center;
    border: 1px;
    padding: 10px 20px;
    background-color: White;
    margin: 50px;
}
/*
h2{
	display:block;
	margin:0px 0px 10px 0px;
	padding:0;
	color:#c30;
	font-size:1.2em;
} */
h2{
	display:block;
	margin:40px 0px 10px 0px;
	padding:0;
	color:#c30;
	font-size:1.2em;
}

/* Office 2010 new feature pages */
.divNewFeatureShell
{
    padding: 10px 5px;
    background-color: #C0C0C0;
    border: 1px solid #000000;
    margin-right: 40px;
    margin-bottom: 20px;
}
.divNewFeature
{
    border: 1px solid #000000;
    text-align: center;
    padding: 20px;
    margin: 20px;
    background-color: white;
}
.divNewFeature p 
{
    text-align: left;
}
.divNewFeature h2 
{
    margin-top: 0;
    font-size: 10pt;
    text-align: left;
}
.pNewFeature 
{
    font-style: italic;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
}

.pNewFeature img 
{
    float: left;
    margin: 0 30px 0 10px;
    border: solid 1px black;
}
.pNewFeatureFooter 
{
    text-align: center;
}
.divNewFeature ul 
{
    margin-left: 10px;
    margin-bottom: 0;
}
.divNewFeature ul li 
{
    text-align: left;
    margin: 0;
    padding: 0 0 20px 20px;
}
    
.FormSearch
{
    padding: 20px;
    background-color: #EEFFFF;
    border: solid 1px #000;
    width: 300px;
}
.FormSearchError
{
    display: block;
    width: 300px;
    background-color: #FFFFCC;
    padding: 10px;
    margin: 20px 0;
    border: solid 1px #000;
}
.FormSearchError p 
{
    text-align: left;
    color: #CC3300;
    font-weight: bold;
}