body
{
	background-color: #FFF;
	color: #5B5B5B;
}

html, body, #wrapper
{
	font-size: 10pt;
	font-family: Trebuchet MS;
	margin: 0;
	padding: 0;
}

a
{
	color: #5E82DD;
	text-decoration: underline;
}

#wrapper
{
	background-color: white;
	margin: 0 auto;
	width: 940px;
}

#topContainer
{
	height: 105px;	
	position: relative;
	margin: 0 auto;
	width: 940px;	
}

#topLeftContainer
{
	clear: left;
	float: left;
	height: 100%;	
	width: 250px;
}

#topRightContainer
{
	float: left;
	position: absolute;
	right: 15px;	
	top: 35px;	
	width: auto;
}

#middleContainer
{
	height: 100%;
	padding: 10px 15px;
}

#bottomContainer
{
	background-image:url(../Images/footer-background-slice.png);
	background-repeat: repeat-x;
	font-size: 10pt;
	height: 167px;
	margin: 0 auto;
	text-align:center;	
	width: 100%;
}

#bottomContainer #copyright
{
 	color: #BDD8FF;
	position: relative;
	top: 20px;
}

#footerLinks {
	height: 48px;
	position: relative;
	top: 15px;
}

#secondaryFooterLinks {
	line-height: 63px;
	position: relative;	
}

#bottomContainer #copyright,
#footerLinks,
#secondaryFooterLinks
{
	display: block;
	font-weight: bold;
	padding: 0;
	margin: 0 auto;
	width: 940px;
	text-align:left;	
	padding-left: 25px;
}

#footerLinks div,
#secondaryFooterLinks div
{
	display: inline;
	font-size: 10pt;
	padding-right: 32px;
}

#secondaryFooterLinks div
{
	padding-right: 12px;
	padding-top: 16px;
	padding-bottom: 20px;	
	color: #CCE3FF;	
}

#footerLinks a,
#secondaryFooterLinks a
{
	color: white;
	text-decoration: underline;
}

a.image {
	text-decoration: none;
}

#footerLinks a:hover
{
	color: white;
}

#secondaryFooterLinks a
{
	color: #CCE3FF;
}

#secondaryFooterLinks .socialMedia {
	padding-right: 20px;
}

div#topNav
{
	background-image: url(../Images/navigation-background-slice.png);
	background-repeat:repeat-x;
	bottom: 0;
	color: White;
	font-size: 10pt;
	font-weight: bold;
	line-height: 30px;
	left: 0;
	text-align: center;
	position: relative;
	width: 100%;
}

#mainLinks div
{
	/* display: inline; */
	padding: 6px 0 6px 0;
	width: 940px;
	border: 1px solid red;
	position: relative;
}

#mainLinks div.link
{
	margin: 0;
	padding: 0;
	text-align:center;
}

.linkLogin {
	background-color:#84A8EF;
	padding: 0px 18px 0px 18px;
}

#mainLinks div.linkLogin a {
	color: white;
	text-decoration: none;
}

#mainLinks div.link a
{
	color: White;
	padding: 6px 18px 6px 18px;
	text-decoration: none;
}

#mainLinks div.link a:hover
{
	background-color: #FF9700;
	color: white;
	padding: 6px 18px 6px 18px;
	width: auto;
}

ul#topLinks li
{
	float: left;
	height: 38px;
	list-style-type: none;
	text-align: center;
	width: 126px;
}

ul#topLinks li
{
	float: left;
	height: 38px;
	list-style-type: none;
	text-align: center;
	width: 126px;
}

ul#topLinks li.current
{
	background-image: url(../Images/top-of-page-site-switch-button.png);
	float: left;
	height: 38px;
	list-style-type: none;
	text-align: center;
	width: 126px;
}

ul#topLinks li a.current {
	color: #FFFFFF;
	position: relative;	
	text-decoration: none;	
	top: 10px;	
}

ul#topLinks li a.current:hover {
	color: #FFFFFF;
	position: relative;	
	text-decoration: underline;	
	top: 10px;	
}

ul#topLinks li a {
	color: #888;
	position: relative;	
	text-decoration: none;	
	top: 10px;	
}

ul#topLinks li a:hover {
	color: #000;
	text-decoration: underline;	
}


div.pageTitle {
	border-bottom: 1px solid #D6D6D6;
	color: #325ea5;
	font-size: 16pt;
	margin-bottom: 15px;
}

div.pageTitle img {
	padding-left: 15px;
	padding-right: 5px;
}

div.pageTitle span {
	color: #5B5B5B;
	font-size: 10pt;
	margin-top: 5px;
}

#jscript
{
	/* border: 1px solid red; */
	height: 258px;
	margin-bottom: 10px;
}

.metrixAbout {
	background-image:url(../Images/introduction-text-background.png);
	background-repeat: no-repeat;
	font-size: 14pt;
	color: #444;
	background-color: #e1e1e1;
	padding: 10px;
	border: 1px solid #D6D6D6;
}

.metrixAbout span {
	font-size: 17pt;
}

.homeCallout,
.subCalloutWhite {
	color: black;
}

.homeCallout .content {
	padding: 10px 15px;
}

.homeCallout .title,
.subCalloutWhite .title {
	border-bottom: 1px solid #D6D6D6;
	font-size: 12pt;
	font-weight: bold;
	margin: 0px 3px;	
	padding: 3px 15px;
}

.homeCallout span{
	float: right;
	font-size: 10pt;
	margin-top: 3px;
}

.homeCalloutBorder,
.subCalloutWhite {
	border: 1px solid #D6D6D6;
}

.homeCallout ul.courses {
	float: left;
	margin: 0px;
	padding: 0px;		
	padding-bottom: 15px;
	list-style-image:url(../Images/orange-bullet-box.png);
}

.homeCallout ul.courses li {
	xlist-style-image:url(../Images/orange-bullet-box.png);
	margin: 2px 14px;
	padding: 0px;
}

.homeCallout ul.inTheNews {
	margin: 0px;
	padding: 0px;
	list-style-image:url(../Images/blue-bullet-box.png);
}

.homeCallout ul.inTheNews li {
	/* list-style-type: none;*/
	xlist-style-image:url(../Images/blue-bullet-box.png);
	margin: 2px 14px;
	padding: 0px;
}

.blueList {
	margin: 0px;
	padding: 0px;
	list-style-image:url(../Images/blue-bullet-box.png);
}

.blueList li {
	/* list-style-type: none;*/
	xlist-style-image:url(../Images/blue-bullet-box.png);
	margin: 0px 14px;
	padding: 0px 0px 10px 0px;
}

.subContentLeft {
	width: 596px;
	padding-bottom: 20px;
	font-size: 11pt;
}

.subContentFull {
	width: 100%;
	padding-bottom: 20px;
	font-size: 11pt;
}

.subCalloutOrange {
	background-image:url(../Images/sub-page-featured-area-background.png);
	background-repeat: no-repeat;
	background-position:bottom;
	background-color: #ffb243;
	color: white;
	margin-bottom: 15px;
	width: 300px;	
}

.subCalloutOrange span {
	display: block;
	font-size: 13pt;
	font-weight: bold;
	padding: 10px 15px 0px 15px;
}

.subCalloutOrange div {
	display: block;
	padding: 0px 15px 0px 15px;
	font-size: 11pt;
}

.subCalloutOrange a {
	color: white;
	text-decoration: none;
}

.contentBullets li{
	list-style-image:url(../Images/blue-bullet-box.png);
}

ul.listOrangeBullet {
	padding: 0px;
	margin: 10px 32px;
	list-style-image:url(../Images/orange-bullet-box.png);	
}

ul.listOrangeBullet li{
	list-style-type:none;
	padding-bottom: 10px;
	margin: 0px;
}

ul.listBlueBullet {
	padding: 0px;
	margin: 0px 20px;
	list-style-image:url(../Images/blue-bullet-box.png);	
}

ul.listBlueBullet li{
	list-style-type:none;
	padding-bottom: 10px;
	margin: 0px;
}

ul.listNoBullet {
	padding: 0px;
	margin: 10px 20px;
}

ul.listNoBullet li{
	list-style-type:none;
	padding-bottom: 10px;
	margin: 0px;
}

img {
	border: 0px;
}

.orangeArrow {
	color: orange;
}

/* bubble up stuff */
div#demo {
	margin: 50px auto 50px auto;
	text-align: center;
}

div#demo ul#menu {
    margin: 5px 0px;
    list-style: none;
    display: inline-block;
}
    
div#demo ul#menu li {
    padding: 0px;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 48px;
    height: 30px;
}

div#demo ul#menu li a {
    position: absolute;
}

div#demo ul#menu li img {
    position: absolute;
    width: 88px;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0 8px 0 0;
    border: none;
    overflow: hidden;
}
/* //bubble up stuff */

/* feature list stuff */
h3 {
			margin: 0;	
			padding: 7px 0 0px 0;
			font-size: 14pt;
			/* text-transform: uppercase; */
		}

		div#feature_list {
			width: 909px;
			height: 258px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 250px;
			/* border: 1px solid green; */
			height: 256px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 68px;
			outline: none;
		}


		ul#tabs li a:hover {
			text-decoration: none;
		}

		ul#tabs li a.current {
			background: url(../Images/fl/feature-tab-current-orange.png);
			color: #FFF;
			width: 250px;
			/* border: 1px solid black; */
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 657px;
			height: 258px;
			position: relative;
			/* border: 1px solid orange; */
		}

		ul#output li {
			position: absolute;
			width: 655px;
			height: 258px;
		}

		/* learn more Image */
		ul#output li a {
			background: url(../images/banner-button-back.png);
			background-repeat: no-repeat;
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 0px 8px;
			width: 122px;
			height: 37px;
			text-decoration: none;
			font-size: 11pt;
			color: #FFF;
			/* background: #ff9700; */
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover, ul#output li a.bannerMWLink:hover, ul#output li a.bannerSDLink:hover, ul#output li a.bannerCertLink:hover {
			text-decoration: underline;
		}


		/* learn more Image */
		ul#output li a.bannerMWLink {
			background: url(../images/banner-button-back.png);
			background-repeat: no-repeat;
			position: absolute;
			margin-right: 100px;
			bottom: 10px;
			right: 10px;
			padding: 0px 8px;
			width: 122px;
			height: 37px;
			text-decoration: none;
			font-size: 11pt;
			color: #FFF;
			/* background: #ff9700; */
			-moz-border-radius: 5px;
		}

		/* learn more Image */
		ul#output li a.bannerSDLink {
			background: url(../images/banner-button-back.png);
			background-repeat: no-repeat;
			position: absolute;
			margin-right: 270px;
			bottom: 5px;
			right: 10px;
			padding: 0px 8px;
			width: 122px;
			height: 37px;
			text-decoration: none;
			font-size: 11pt;
			color: #FFF;
			/* background: #ff9700; */
			-moz-border-radius: 5px;
		}

		/* learn more Image */
		ul#output li a.bannerCertLink {
			background: url(../images/banner-button-back.png);
			background-repeat: no-repeat;
			position: absolute;
			margin-right: 300px;
			bottom: 10px;
			right: 10px;
			padding: 0px 8px;
			width: 122px;
			height: 37px;
			text-decoration: none;
			font-size: 11pt;
			color: #FFF;
			/* background: #ff9700; */
			-moz-border-radius: 5px;
		}

/* // feature list stuff */

.subHead {
	font-size: 13pt;
	font-weight: bold;
}

.quoteAuthor {
	width: 570px;
	padding-right: 20px;
	text-align: right;
	padding-bottom: 35px;
}

#printReady {
	width: 600px;
}

a.button {
	border: 1px solid #3f8cd8;
	background: url(../images/icons/buttonBackground.gif);
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 7px;
	padding-right: 7px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

a.button:hover {
	border: 1px solid #000;
	background-color: #FFF;
	text-decoration: underline;
}

/* datagrid */
table.dataGrid
{
	margin-bottom: 15px;
	width: 910px;
}

table.dataGrid thead td
{
	background-color: #e6eaff;
	border-top: 2px solid #8da0ff;
	border-bottom: 2px solid #8da0ff;
	padding: 5px 0px 5px 0px;	
}

table.dataGrid thead td.filter
{
	border-bottom: 2px solid #e6eaff;
	padding: 5px 0px 5px 0px;	
}

table.dataGrid thead td.filter div.az
{
	font-size: 10px; 
	float: right; 
	width: 310px; 
	text-align: right; 
	padding-right: 10px;
}

table.dataGrid thead td.filter div.theFilter
{
	float: left; width: 430px;
}

table.dataGrid tbody td
{
	border-bottom: 2px solid #8da0ff;
	vertical-align: top;
}

table.dataGrid tbody td.normal
{
	border-bottom: 0px;
	padding: 0px;
}

table.dataGrid tbody td.normaltb
{
	border-top: 0px;
	border-bottom: 0px;
}

table.dataGrid td 
{
	padding: 5px 0px 5px 0px;
}
/* datagrid */


a.alphaNav
{
	color: #000;
	text-decoration: underline;
	font-size: 10pt;
}