/* ====================================================== */
/* Main content and left menu styles */
/* ====================================================== */

#content
{
	padding: 50px 27px 54px 27px;
	width: 716px;
	position: relative;
	min-height: 100%;
	line-height: 1.4em;
	text-align: left;
}

/* ----------------------------- */
/* vertical align middle         */
/* ----------------------------- */
.vAlignMiddle
{
    vertical-align: middle;
}

/* ----------------------------- */
/* require field style           */
/* ----------------------------- */
.required-field
{
    color: #FF0000;
}

/* ----------------------------- */
/* home page styles              */
/* ----------------------------- */
.noWrap
{
    clear: both;
	margin-bottom: 10px;
	width: 100%;
}

.noWrap h1, .noWrap h2, .noWrap h3, .noWrap h4
{
    color: #FFFFFF;
    font-size: 100%;
    font-weight: bold;
    line-height: 25px;
    margin: 0px;
    padding-bottom: 0px;
    padding-left: 6px;
}

#registerBox
{
    width: 300px;
}

#registerHeader
{
    background-color: #D70A5B;
    height: 25px;
	width: 100%;
}

#registerContent
{
    border: solid 1px #D70A5B;
    margin: 0px;
    padding: 10px;
    height: 560px;
}

#imgRegister
{
    margin-right: 6px;
    vertical-align: middle;
}

#registerContent ul
{
    list-style-image: url(/img/bullet-red.gif);
}

#homeLayout
{
    left: 337px;
    position: absolute;
    top: 50px;
    width: 578px;
}

#chooseBox
{
    padding-bottom: 10px;
    width: 100%;
}

#chooseHeader
{
    background-color: #661759;
    height: 25px;
	width: 100%;
}

#chooseContent
{ 
    background-color: #EDDAEA;
    border: solid 1px #661759;
    margin: 0px;
    padding: 10px;
}

#imgChoose
{
    
    margin-right: 6px;
    vertical-align: middle;
}

#fastBox
{
    float: right;
    padding-top: 10px;
    width: 146px;
}

#fastHeader
{
    background-color: #3D6AB3;
    height: 25px;
	width: 100%;
}

#fastContent
{
    background-color: #D7E2F3;
    border: solid 1px #3D6AB3;
    margin: 0px;
    padding: 10px;
    height: 57px;
}

#imgFast
{
    margin-right: 6px;
    vertical-align: middle;
}

#employersBox
{
    float: left;   
    padding-top: 10px;
    width: 146px;
}

#employersHeader
{
    background-color: #661759;
    height: 25px;
	width: 100%;
}

#employersContent
{
    background-color: #EDDAEA;
    border: solid 1px #661759;
    margin: 0px;
    padding: 10px;
    height: 57px;
}

#imgEmployers
{
    margin-right: 6px;
    vertical-align: middle;
}

/* ----------------------------- */
/* JD Course UC style            */
/* ----------------------------- */
#courseLayout
{
    width: 578px;
    padding: 0 0 10px 0;
}

#courseLayout img
{
	float: right;
}

#courseLayout h2 
{
    color: #3692C0;
}

.arrowBullet
{
	list-style-image: url(../img/bullet_go.png);
	padding-left: 22px;
}

/* ----------------------------- */
/* JD - Course information pages */
/* ----------------------------- */
#courseWrap
{
	width: 570px;
}

#courseWrap h2
{
	color: #FFFFFF;
    font-size: 100%;
    font-weight: bold;
	padding: 10px 0 0 10px;
	margin: 0;
	margin-right: 33px;
}

/* 1st level box - Get Qualified */
#qualifiedBox
{
	width: 570px;
	padding: 0 0 15px 0;
}

#qualifiedHeader 
{
	height: 35px;
	background-color: #000000;
	color: #FFFFFF;
}

#qualifiedContent
{
	background-color: #FFFFFF;
}

#qualifiedContent td
{
	padding: 5px 10px 5px 15px;
}

/* 2nd level boxes */
#detailBox
{
	width: 280px;
	margin: 0;
	padding: 0 10px 15px 0;
	float: left;
}

#detailHeader
{
    background: url(/img/smallCorner.png) no-repeat right top;
	height: 35px;
	color: #FFFFFF;
}

#eligibilityBox
{
	width: 280px;
	padding: 0 0 15px 0;
	float: left;
}

#eligibilityHeader
{
    background: url(/img/smallCorner.png) no-repeat right top;
	height: 35px;
	color: #FFFFFF;
}

#detailContent, #eligibilityContent
{
	height: 162px;
}

#detailContent ul, #eligibilityContent ul
{
	margin-top: 0;
	padding-top: 20px;
	padding-bottom: 10px;
	list-style-image: url(/img/bullet_black.png);
}

/* 3rd level boxes */
#qualBox
{
	width: 280px;
	margin: 0;
	padding: 0 10px 15px 0;
	float: left;
}

#qualHeader
{
    background: url(/img/smallCorner.png) no-repeat right top;	
	height: 35px;
	color: #FFFFFF;
}

#qualContent
{
	height: 222px;
}

#applyBox
{
	width: 280px;
	padding: 0 0 10px 0;
	float: left;
}

#applyHeader
{
    background: url(/img/smallCorner.png) no-repeat right top;
	height: 35px;
	color: #FFFFFF;
}

#contactBox
{
	margin: 0;
	width: 280px;
	padding: 0 0 15px 0;
	float: left;
}

#contactHeader
{
    background: url(/img/smallCorner.png) no-repeat right top;
	height: 35px;
	color: #FFFFFF;
}

#detailContent, #eligibilityContent, #qualContent, #applyContent, #contactContent
{
	background-color: #F5F5F5;
	margin-top: 0;
	padding: 5px 10px;
	min-height: 100%;
}

.smallCorner
{
    background: url(/img/smallCorner.png) no-repeat center top;
    height: 32px;
	float: right;
	width: 33px;
	vertical-align: top;
}

.right
{
	float: right;
}

.left
{
	float: left;
}

.clear 
{
	clear: both;
}

/* UC Courses*/
.edBackground 
{
    background: transparent url(../img/ed-level2.png) no-repeat bottom right; 
}

.itq2Background 
{
    background: transparent url(../img/itq-level2.png) no-repeat bottom right; 
}

.itq1Background 
{
    background: transparent url(../img/itq-level1.png) no-repeat bottom right; 
}

.baBackground 
{
    background: transparent url(../img/ba-level2.png) no-repeat bottom right;
}

.btnMoreInfo 
{
    height: 26px;
    width: 104px;
    border: 0;
    text-decoration: none;
}