/*	global styles	*/

body{
	background:#0082C3 url(../images/bg-body-ms-training.gif) repeat-x;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 30px 0; 
	padding:0;
}
#CartOkpage
{
    width: 900px;
    overflow: hidden;
    background: #FFF;
    margin: 0 auto;
    border: 1px solid #000099;
}
.CartOkgrad-bottom
{
    width: 900px;
    border-width: 2px 0;
    padding: 10px 0 10px 0;
    overflow: hidden; 
    margin: 40px 0 0px 0;
     background: #CFF;
    border-top-style: solid;
    border-top-color: #039;
    text-align: center;
}
.CartOkgrad-bottom p 
{
    display: block;
    width: 90%;
    font-weight: bold;
    margin: 10px auto;
    color: #039;
}
.CartOkheader
{
	width:900px;
	/* height:103px; */
	text-align: center;
	overflow:hidden;
}
.tdMasterHeader
{
    font-weight: bold;
    font-size:1.5em;
    color: #c30;
    padding: 10px 0px;
    background-color: #fff;
}

h1{
	display:block;
	margin:10px 0 9px;
	padding:0;
	color:#c30;
	font-size:1.3em;
}

h2{
	display:block;
	margin:40px 0px 0px 0px;
	padding:0;
	color:#c30;
	font-size:1.1em;
}

/*	top menu	*/

.carttop-nav{
	width:900px;
	height:23px;
	overflow:hidden;
	background:url(../images/bg-nav.gif) repeat-x;
	margin:0;
	padding:0;
	list-style:none;
}
.carttop-nav li{
	float:left;
}
.carttop-nav li a{
	float:left;
	padding:0 19px 2px;
	line-height:21px;
	font-size:14px;
	text-decoration:none;
	color:#fff;
}
.carttop-nav li a:hover{
	background:url(../images/bg-nav-active.gif) repeat-x;
	color:#333;
}

/*	main body of page	*/

.container{
	width:800px;
	margin: 30px auto 20px auto;
	overflow:hidden;
	text-align: left;
}
.container p{
	display:block;
	overflow:hidden;
	line-height:20px;
	font-size:14px;
}
.container p a
{
	color:#c30;
	/* color:#f90; */
	font-weight:bold;
}
.container p a:hover{
	text-decoration:none;
}

.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 ul li
{
	padding-left: 10px;
	margin-left: 10px;
}
.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;
}
.container .tdLeftColumn
{
	font-style:italic;
	font-size: 14px;
}

/* boxes */

.blueboxthin
{
    width: 400px;
    border: #000 1px solid;
    background-color: #EEFFFF;
    padding: 0px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.blueboxwide
{
	width: 95%;
	border: #000 1px solid;
	background-color: #EEFFFF;
	padding: 0px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.bluebox550
{
    width: 550px;
    border: #000 1px solid;
    background-color: #EFF;
    padding: 0px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.blueboxthin p 
{
    margin: 5px 10px 5px 10px;
}
.blueboxwide p 
{
    margin: 5px 10px 5px 10px;
    text-align: left;
}
.bluebox550 p 
{
    margin: 5px 10px 5px 10px;
}
.bluebox350
{
    width: 350px;
    border: #000 1px solid;
    background-color: #EEFFFF;
    padding: 0px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    overflow: hidden;
}
.bluebox350 p 
{
    margin: 5px 10px 5px 10px;
}
.boxBanner
{
    background-color: #0066CC;
    width: 100%;
    margin: 0;
    color: #FFFFFF;
    padding: 0px; 
    margin-bottom: 10px;
    overflow: hidden;
}
.boxBanner p 
{
    padding-left: 10px;
    font-weight: bold;
}

/* help panels - green border would be #009900, back colour #CCFFCC; green banner is #006600 */

.helpbox
{
    width: 95%;
    text-align: center;
    border: 1px solid #DD0000;
    background-color: #FEE;
    padding: 0px;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-bottom: 30px;
    /* margin-left: auto;
    margin-right: auto; */
}
.helpbox p 
{
    margin: 5px 10px 5px 10px;
    text-align: left;
    overflow: hidden;
}
.helpBanner
{
    background-color: #DD0000;
    width: 100%;
    margin: 0;
    color: #FFFFFF;
    padding: 0px;
    margin-bottom: 10px;
    overflow: hidden;
}
.helpBanner p 
{
    font-weight: bold;
}

/* error panels */

.errorbox
{
    width: 90%;
    border: 1px solid #DD0000;
    background-color: #FEE;
    padding: 0px;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-bottom: 30px;
    overflow: hidden;
        /* margin-left: auto;
    margin-right: auto; */

}
.errorbox p 
{
    margin: 5px 10px 5px 10px;
    text-align: left;
}
.errorBanner
{
    background-color: #DD0000;
    width: 100%;
    margin: 0;
    color: #FFFFFF;
    padding: 0px;
    margin-bottom: 10px;
    overflow: hidden;
}
.errorBanner p 
{
    font-weight: bold;
}
/*	images */

.imgFloat
{
	font-style: italic;
	display: block;
}
.imgFloat img
{
	border: solid 1px #000;
	float:  left;
	margin: 0 20px 20px 0;
}
.imgBorder
{
	border: #000 1px solid;
}
.imgNoBorder
{
	border: #000 0px solid;
}
.ClearFloat
{
	clear: both;
}

/* 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;
}

/* log-in form */
.divLoginExisting
{
    padding: 15px;
    border: solid 1px #000;
    background-color: #DDF;
    margin-right: 30px;
}
.divLoginExisting h2 
{
    margin-top: 0;
}
.divLoginNew
{
    padding: 15px;
    border: solid 1px #000;
    background-color: #DDF;
}
.divLoginNew h2 
{
    margin-top: 0;
}
.BottomNote
{
    display: block;
    margin: 30px 0 0px 0;
    text-align: left;
    background-color: #EFE;
    color: darkgreen;
    padding: 10px 0px 0px 10px;
    border: 2px solid darkgreen;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    width: 410px;
}