﻿/*global*/
*{margin:0;padding:0;}
html{height:100%}
img{border:0}
fieldset{border:0}
body{margin:0px auto 0px;background:#FFF;text-align:center;height:100%;font-family:Tahoma, Helvetica, Arial;color:#7f7f7f;font-size:small;}
form{height:100%}
table{border:0;border-collapse:collapse}
th,td{text-align:left;vertical-align:top}
address{font-style:normal}
ul{list-style:none;}
ol{list-style:none;}
.clear{clear:both;height:1px;visibility:hidden;margin-bottom:-1px}
.none{display:none}
.notop{margin-top:0 !important}
.smallBreak{clear:both;height:4px;}
.largeBreak{clear:both;height:10px;}
.smaller{font-size:0.9em}

/*base layout*/
#cmswrapper
{
	width:946px;
	margin:auto;
	background:white;
}
#wrapper
{
	width:940px; /*944px*/
	margin:0 auto;
	text-align:left;
	border:0px;
	vertical-align: top;
	/*border: solid 1px green;*/
}
#header
{
	position: relative;
	top: 0px;
	float:left;
	width:942px;
	height:185px;
}
#microheader	/*Added by Tom for Event Micro Sites*/
{
	position: relative;
	top: 0px;
	float:left;
	width:942px;
	/*height:207px;*/
}
#mainContent
{
	position: relative;
	top: 16px;
	width: 692px;
	float: left;
	margin-top: 18px;
}
#sideBar
{
	position: relative;
	top: 16px;
	float: right;
	width: 230px;
	margin-top: 18px;
}
#leftCol
{
	position: relative;
	top: 16px;
	float:left;
	width: 146px;
	vertical-align: top;
	/*border: solid 1px green;*/
}
#rightCol
{
	top: 16px;
	float: right;
	width: 780px;
	vertical-align: top;
	/*border: solid 1px red;*/
}
#rcContent
{
	margin-left: 14px;
	margin-right: 10px;
	width: 494px;
	float: left;
	overflow: hidden;
	/*border: solid 1px blue;*/
}
#rcSideBar
{
	position: relative;
	float: right;
	width: 248px;
	margin-top: 18px;
	/*border: solid 1px pink;*/
}
#footer
{
	position: relative;
	top: 10px;
	float: left;
	background: url(images/footerBar.gif) 0 0 repeat-x;
	width: 940px;
	height: 60px;
	margin-top: 20px;
	/*border: solid 1px black;*/
}
#microFooter	/*Added by Tom for Event Micro Sites*/
{
	position: relative;
	top: 10px;
	float: left;
	/*background: url(images/footerBar.gif) 0 0 repeat-x;*/
	border-top: solid 5px #7f7f7f;
	width: 940px;
	height: 60px;
	margin-top: 20px;
	/*border: solid 1px black;*/
}

/*header*/
#hTop
{
	float:left;
	width:940px;
	margin-bottom: 6px;
}
#hLeft
{
	float:left;
	width: 310px;
	/*width: 159px;*/
	height: 85px;
	position: relative;
}
#hleftLogo
{
	position: absolute;
	bottom: 0;
}
#hRight
{
	float:right;
	width: 630px;
	/*width: 781px;*/
}
#microhLeft	/*Added by Tom for Event Micro Sites*/
{
	float:left;
	width: 350px;
}
#microhRight	/*Added by Tom for Event Micro Sites*/
{
	float:right;
	width: 590px;
}
#hrTop
{
	float: right;
	width: 630px;
	height: 50px;
	/*width: 781px;
	height: 93px;*/
}
#hrtTop
{
	float: right;
	text-align: right;
	width: 628px;
	/*width: 779px;*/
	height: 45px;
	margin-top: 10px;
	vertical-align: middle;
}
#hrtBottom
{
	float: right;
	height: 49px;
	vertical-align: middle;
}
#microhrTop	/*Added by Tom for Event Micro Sites*/
{
	float: right;
	width: 590px;
	/*height: 93px;*/
}
#microhrtTop	/*Added by Tom for Event Micro Sites*/
{
	float: right;
	text-align: right;
	width: 588px;
	/*height: 45px;*/
	margin-top: 10px;
	vertical-align: middle;
}
#microhrtBottom	/*Added by Tom for Event Micro Sites*/
{
	float: right;
	/*height: 49px;*/
	vertical-align: middle;
}
#hrBottom
{
	width: 630px;
}

#hrBottomMenu
{
	float: right;
}
#microhrBottom	/*Added by Tom for Event Micro Sites*/
{
	width: 590px;
}

#hBottom
{
	float: left;
	width: 940px;
	height: 67px;
	background: url(images/searchBar.gif) 0 0 no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#microhBottom	/*Added by Tom for Event Micro Sites*/
{
	float: left;
	width: 940px;
	/*height: 67px;*/
	/*background: url(images/searchBar.gif) 0 0 no-repeat;*/
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#searchBox
{
	float:left;
	position: relative;
	background: url(images/searchBarBox.gif) no-repeat left top;
	left: 154px;
	top: 34px;
	width: 154px;
	height: 24px;
	border: 0px solid white;
}
#searchButton
{
	float:left;
	border: 0px;
	margin: 0px;
	padding: 0px;
	margin-left: 160px;
	margin-top: 23px;
}
#chat
{
	float: right;
	margin-top: 15px;
	margin-right: 20px;
}
#topSearchButton
{
	float:right;
	position: relative;
	top: 0px;
	right: 0px;
	width: 35px;
	height: 34px;
}
#topSearchBox
{
	float:right;
	position: relative;
	top: 7px;
	background: url(images/searchBox.gif) no-repeat left top;
	width: 154px;
	height: 24px;
}
#topSearchType
{
	float:right;
	margin-top: 7px;
	height: 12px;
}
#topSearchType label
{
	height: 12px;
	line-height: 12px;
	vertical-align: middle;
	margin: 0px;
	font-family: Arial;
	font-size: 11px;
	color: #999870;
}

/*Footer*/
#fText
{
	padding-top: 7px;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	color: #7f7f7f;
	/*color: #ffa500;
	color: #EBDE66; -Tom*/
}


/*classes*/
input.textBox_Search
{
	position: relative;
	top: 4px;
	left: 5px;
	border: 0px solid white;
	background: transparent;
	width: 144px;
	color: #A8A898;
	font-family: Verdana;
	font-size: 12px;
	letter-spacing:-.03em;
	vertical-align:middle;
	height:16px;
	line-height: 12px;
}

/* Right Side Bar	*/
.rightSide
{
}

.rightSide .top
{
	height: 13px;
	width: 248px;
	background: url(../../images/sideBar_Top.gif) no-repeat left top;
	clear: both;
}

.rightSide .center
{
	margin: 0px 9px;
	width: 230px;
	clear: both;
    font-size: 12px;
    font-family: Tahoma, Helvetica, Arial;
    color: #7f7f7f;
	
}

.rightSide .center a
{
	color: #7F7F7F;
}

.rightSide .bottom
{
	height: 13px;
	width: 248px;
	background: url(../../images/sideBar_Bottom.gif) no-repeat left top;
	clear: both;
}

.rightSide .more
{
	float: right;
	clear: both;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~ Styles Added by Tom and Nicole from here down ~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#rightCol h1, #leftCol h1, #mainContent h1, #sideBar h1
{
	/*color: #00a290;*/
	color: #E66000;
}

#rightCol h2, #rightCol h3, #leftCol h2, #leftCol h3, #mainContent h3, #sideBar h3
{
	/*color: #00a290;*/
	color: #E66000;
}
#rightCol h4, #leftCol h4, #mainContent h4, #sideBar h4
{
	/*color: #00a290;*/
	color: #666;
	font-size: 14px;
}

.content
{
	text-align: left;
	padding:  10px 10px 10px 10px;
}

.formspacing
{
	padding:  10px 0px 10px 0px;
}

.orangebottom
{
	border-bottom: solid 1px #ffa500;
	padding:  10px 0px 10px 0px;
}

.tealbottom
{
	border-bottom: solid 1px #00a290;
	padding:  0px 0px 0px 0px;
	vertical-align: bottom;
}

.rightalign
{
	margin-top: -45px;
	text-align: right;
	padding:  10px 0px 10px 0px;
}

.rightalign2
{
	text-align: right;
	padding:  10px 0px 10px 0px;
}

.form-left
{
    margin-left: 5px;
    margin-right: 3px;
    width: 110px;
    float: left;
    clear: both;
}

.form-left-required
{
	margin-left: 5px;
	margin-right: 3px;
  width: 110px;
  float: left;
  clear: both;
	background-position: right center;
	background-image: url(../../Images/dot-black.gif);
	background-repeat: no-repeat;
}

.formheadline 
{
	color: #00a290;
	font-size: 14pt;
}

.formleft
{
	width: 290px;
	float: left;
	/*border: 1px solid red;*/
}

.rblreg
{
	margin-left: 120px;
}

.deliverymethodhead
{
	color: #00a290;
	font-size: 14pt;
	border-bottom: solid 1px #00a290;
	padding: 0px 3px 0px 3px;
	vertical-align: bottom;
}

.deliverymethod
{
	color: #00a290;
	font-size: 14pt;
	padding: 0px 3px 0px 3px;
	vertical-align: middle;
}

.orangeheadline 
{
	color: #ffa500;
	font-size: 14pt;
}

.pnlDates
{
	padding: 5px;
}

/* Rounded Corners	*/
.nothing{}

.rbtl { background: url(images/roundedcornr_tl.png) no-repeat top left; float: left; width: 15px; height: 15px; }
.rbboxtop {border-top: solid 1px #7f7f7f; float: left; width: 464px; height: 14px; }
.rbboxtopwide {border-top: solid 1px #7f7f7f; float: left; width: 662px; height: 14px; }
.rbboxtopnarrow {border-top: solid 1px #7f7f7f; float: left; width: 200px; height: 14px; }

/* .rbboxtop { background: url(images/roundedcornr_1x1pixel.png) repeat-x top; float: left; width: 464px; height: 15px; } */
.rbtr { background: url(images/roundedcornr_tr.png) no-repeat top right; float: right; width: 15px; height: 15px; }

/* .rbboxleft { background: url(images/roundedcornr_1x1pixel.png) repeat-y left; float: left; width: 15px; height: 100%; } */
.rbcontent { float: left; width: 462px; padding: 0 15px 0 15px; border-left: solid 1px #7f7f7f; border-right: solid 1px #7f7f7f; }
.rbcontentwide { float: left; width: 660px; padding: 0 15px 0 15px; border-left: solid 1px #7f7f7f; border-right: solid 1px #7f7f7f; }
.rbcontentnarrow { float: left; width: 198px; padding: 0 15px 0 15px; border-left: solid 1px #7f7f7f; border-right: solid 1px #7f7f7f; }
/* .rbboxright { background: url(images/roundedcornr_1x1pixel.png) repeat-y right; float: right; width: 15px; height: 100%; } */

.rbbl { background: url(images/roundedcornr_bl.png) no-repeat bottom left; float: left; width: 15px; height: 15px; clear: both; }
.rbboxbottom {border-bottom: solid 1px #7f7f7f; float: left; width: 464px; height: 14px; }
.rbboxbottomwide {border-bottom: solid 1px #7f7f7f; float: left; width: 662px; height: 14px; }
.rbboxbottomnarrow {border-bottom: solid 1px #7f7f7f; float: left; width: 200px; height: 14px; }
/* .rbboxbottom { background: url(images/roundedcornr_1x1pixel.png) repeat-x bottom; float: left; width: 464px; height: 15px; } */
.rbbr { background: url(images/roundedcornr_br.png) no-repeat bottom right; float: right; width: 15px; height: 15px; }

TD.line-grey
{
	/*background-color: #7f7f7f;*/
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: silver;
}

TD.line-orange
{
	/*background-color: #7f7f7f;*/
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #ffa500;
}
	
TD.csr-main {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: silver;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
	/*background-color: #FFFFFF;
	color: #00529B;*/
}

TD.csr-alt	{
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #FFFFFF;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
	background-color: #ececec; /*#ece9db;*/
	/*color: #00529B;*/
}

A:link	{	
	text-decoration:	underline;
	color:	#7f7f7f;
	}	
	
A:visited	{	
	text-decoration:	underline;
	color:	#00a290;
	}
	
A:link.teal	{	
	text-decoration:	underline;
	color:	#00a290;
	}	
	
A:visited.teal	{	
	text-decoration:	underline;
	color:	#00a290;
	}
	
/*
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
*/

.bullets
{
	margin: 10px;
	padding-left: 20px;
	list-style: disc;
	list-style-position: outside;
}

ol.numbers
{
	list-style: decimal;
	}

.validator
{
	margin-left: 25px;
	padding-left: 30px;
	padding-top: 10px;
	background-position: left center;
	background-image: url(../../Images/exclamation.gif);
	background-repeat: no-repeat;
	min-height: 60px;
	color: #7f7f7f;
}


.floatLeft
{
	float: left;
}

.strong
{
	font-weight: bold;
}

.paddingLeft5
{
	padding-left: 5px;
}

.paddingTop5
{
	padding-top: 5px;
}

.darkGrey
{
	color: #666666;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Course Outline styles - added by Tom */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.crsTitle
{
	/*border-bottom: solid 1px #00a290;*/
	padding:  0px 0px 0px 0px;
	vertical-align: bottom;
	color: #00a290;
	font-size: 14pt;
	font-weight: bold;
}

.secHead
{
	font-weight: bold;
}

.teal
{
	color: #00a290;
}

.crsOutline ul
{
	margin: 10px;
	padding-left: 20px;
	list-style: disc;
	list-style-position: outside;
}

.crsRight
{
	float: right;

}

.crsLeft
{
	float: left;
	width: 92%;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~ Blogs - added by Tom ~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
#rcBlogContent
{
	margin-left: 14px;
	margin-right: 10px;
	width: 596px;
	float: left;
	overflow: hidden;
	/*border: solid 1px blue;*/
}
/*
#rcBlogContent h2
{
	color: #7f7f7f;
}
*/
#rcBlogSideBar
{
	position: relative;
	float: right;
	width: 146px;
	/*border: solid 1px pink;*/
}
#oneCol
{
	top: 16px;
	float: right;
	width: 940px;
	vertical-align: top;
	/*border: solid 1px red;*/
}
.feed
{
	background-image: url(images/RSSfeed.gif);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 5px 0 5px 30px;
	margin: 10px 0;
	border-top: solid 1px #666;
	border-bottom: solid 1px #666;
	float: right;
	width: 120px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Education Track styles - added by Tom */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.multipage
{
	padding-top: -10px;
}
.pageview
{
	margin: 10px;
}
.CourseBox
{
	/*background-image:url('../../Images/Tracks/Course_Icon2.png');*/
	background-image:url('../../Images/Tracks/Course_Icon3.png'); 
	width:112px;
	/*height:91px;*/
	height:103px;
	float:left;
}
.CourseLink A:link, .CourseLink A:visited
{	
	text-decoration:	underline;
	color: #ffffff;
}
.CourseLabel
{	
	text-decoration:	underline;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
}
.Tracks
{
	/*background-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;*/
	margin: 25px 10px 0px 10px;
	/*height: 90px;*/
	/*padding-top:25px;
	padding-bottom:25px;*/
}
.Headings
	{
		color:#ffa500;
		font-size: large;
		}
.SubHeadings
{
	/*font-size:medium;*/
	color:#ffa500;
	font-family: Verdana;
	}
.Description
{
	color: #CCCCCC;
}

.cbToolTip
{
	min-height: 200px;
	max-width: 700px;
}



/*
#ffa500	Orange
#7f7f7f	Grey
#00a290	Teal
*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~ Communities Selector ToolTip ~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#nav_IT a, #nav_dev a, #nav_process a, #nav_busapp a, #nav_assess a, #nav_design a, #nav_busint a, #nav_individ a, #nav_busskill a
{
    display: block;
    width: 132px;
    height: 73px;
    overflow: hidden;
    margin: 0 10px 10px 0;
    float: left;
    text-decoration: none;
    line-height: 14px;
    padding: 25px 6px 20px 6px;
    font-size: 11px;
    font-family: Tahoma, Helvetica, Arial;
    color: #7f7f7f;
    border: 0;
}

#nav_IT a, #nav_IT a:visited
{
    background: url(images/button-it.gif) 0 0 no-repeat;
}

#nav_dev a, #nav_dev a:visited
{
    background: url(images/button-dev.gif) 0 0 no-repeat;
}

#nav_process a, #nav_process a:visited
{
    background: url(images/button-process.gif) 0 0 no-repeat;
}

#nav_busapp a, #nav_busapp a:visited
{
    background: url(images/button-busapp.gif) 0 0 no-repeat;
}

#nav_assess a, #nav_assess a:visited
{
    background: url('images/button-assess.gif') 0 0 no-repeat;
}

#nav_design a, #nav_design a:visited
{
    background: url('images/button-design.gif') 0 0 no-repeat;
}

#nav_busint a, #nav_busint a:visited
{
    background: url('images/button-busint.gif') 0 0 no-repeat;
}

#nav_individ a, #nav_individ a:visited
{
    background: url('images/button-individ.gif') 0 0 no-repeat;
}

#nav_busskill a, #nav_busskill a:visited
{
    background: url('images/button-busskill.gif') 0 0 no-repeat;
}

#nav_IT a:hover, #nav_dev a:hover, #nav_process a:hover, #nav_busapp a:hover, #nav_assess a:hover, #nav_design a:hover, #nav_busint a:hover, #nav_individ a:hover, #nav_busskill a:hover 
{
    background-position: -144px 0;
}

