/*
CSS Author: Kris Nyreen, Inetium
Creation Date: May 2009
Contact Info: knyreen@inetium.com
*/

#MarketingTextCol
{
	padding: 0px 0px 0px 0px;
}
#MarketingTextCol p
{
	color: White;	
}

#TechnologyPath
{
	padding-top: 83px;
	padding-left: 25px;	
}

#getStartedCol
{
	background-image:url(../img/center-gd.gif);
	background-repeat:repeat-y;
	width: 900px;
	padding-left: 20px;
	padding-right: 20px;
}
#getStartedCol h1
{
	font-size: 25px;
	margin-bottom:5px;
}
h1.home
{
	color: #d3db45;
	font-size: 16px;
	margin-bottom: 8px;
	line-height: 18px;
	font-weight:normal;
}

h2.home
{
	color: #fff;
	font-size: 14px;
	margin-bottom: 8px;
	line-height: 18px;
	
}
h3
{
	font-size: 14px;
	font-weight: bold;
	color: #008e7f;
}
h1.widgets
{
	color: #fff;
	font-size: 30px;
	margin-bottom: 8px;
	line-height: 18px;
	font-weight:normal;
}
#siteHeader
{
	background-color:#008e7f;
	color: White;
	font-size:20px;
	font-weight:bold;
	padding: 3px 10px 3px 10px;
	
}
#videoHeader
{
	background-color:#008e7f;
	color: White;
	font-size:20px;
	font-weight:bold;
	padding: 3px 10px 3px 10px;
	line-height:20px;
	height:50px;
}

#VideoCol
{
	background-color: #333;
}
ul.tip li {
	list-style-image: url(../img/lightbulb.gif);
	/*list-style-position:inside !important;*/
	display:list-item;
	font-style:italic;
	color: #269f92;
}

/*Styles for modal windows*/
#modalWindow
{
	width:800px;
}
#modalLeftCol
{
	float:left; 
	width:340px; 
	padding-right:10px
}
#modalLeftCol210
{
	float:left; 
	width:210px; 
	padding-right:10px
}
#modalRightCol
{
	float:right; 
	width:440px; 
	margin-left:10px;
}
#modalRightCol570
{
	float:right; 
	width:570px; 
	margin-left:10px;
}
.modalHeader
{
	background-color:#008e7f; color:White;
}
h1.modal
{
	color: White;
	padding:3px 0px 3px 10px;
}
h2.modal
{
	color: #008e7f;
	padding:3px 0px 3px 0px;
	margin-bottom:0px;
}
body.modal
{
	margin:10px 10px 10px 10px;
}
.quote
{
	background-color:#efefef;
	border:solid 1px #ccc;
	padding:10px;
}
.sidequote
{
	padding:5px;
	font-style:italic;
	color :#008e7f;
}
.intro
{
	color: #008e7f;
	font-size: 15px;
	font-style:italic;	
}
.score
{
	font-size: 40px;
	font-weight: bold;
	color: #008e7f;
}
.sideText
{
	padding:5px;
	color :#333;
}
.quotedBy
{
	color: #333;
	font-size: 12px;
	font-style: italic;
	text-align:right;
	padding-bottom: 5px;
}
.sidequoteBy
{
	color: #333;
	font-size: 12px;
	font-style: italic;
	text-align:left;
	padding:5px;
	
}
.callout
{
	color: #008e7f;
}
#pathLocation
{
	background-image:url(../img/currentPath-bg.gif);
	background-color:#193c38;
}
#currentPath
{
	color:White;
	font-size: 16px;
	margin-left: 15px;
	font-weight:bold;
	height:30px;
	padding-top:1px;
}
#choosePath
{
	color:White;
	font-size: 16px;
	font-weight:bold;
	padding-top: 2px;
	text-align:right; 
	padding-right: 20px; 
}
.pathHighlight{color: #e4e34b;}

/*Left Sub Nav styles*/
#leftNavCol
{
	padding:10px 0px 0px 10px;
	border: solid 1px #ccc;
	margin: 10px 0px 0px 10px;	
}
#leftNavCol a{color: #018b7b;}
#leftNavCol a:hover{color: #dfcf39;}

/*Right Column*/
#resourcesNavCol
{
	padding:10px 0px 0px 10px;
	border: solid 1px #ccc;
	margin: 10px 10px 0px 0px;	
}
#resourcesNavCol a{color: #018b7b;}
#resourcesNavCol a:hover{color: #dfcf39;}

/*Core IO University Highlight*/
div.coreIOHighlightImage 
{
	margin: 0 0 0 5px;
}
#resourcesNavCol .coreIOLink 
{
	font-weight: bold;
}
#resourcesNavCol .coreIOBlurb {
    font-size: 11px;
    line-height: 14px;
    padding: 2px 10px 0 0; 
}

/* EDITS START HERE */

/* Resources List Highlight and styling */
div.resourcesHighlightImage {margin: 0 0 0 5px;}
#resourcesNavCol .resourcesHighlightLink {font-weight: bold;}
#resourcesNavCol .resourcesBlurb {
	font-size: 11px;
	line-height: 14px;
	padding: 2px 10px 0 0; 
}
#resourcesNavCol ul li {
	margin: 0 0 5px 30px;
}

.greyDivider {
	border-bottom: 1px #e3e3e3 solid;
	border-top: 1px #e3e3e3 solid;
	height: 1px;
	width: 190px;
	margin: 0 12px 15px 0;
}

/* EDITS END HERE */

div.title{
	font-size:14px;
	font-weight:bold;
	height: 30px;
	text-decoration:none;
	padding: 3px 0 0 10px;
}
.grayColHdr {
	background-image:url(../img/gray-title.jpg);
	background-repeat:no-repeat;
	padding-bottom:5px;
	width:195px;
}
#nextBtn
{
  display: block;
  width: 74px;
  height: 30px;
  background: url("../img/Button-Next.gif") no-repeat 0 0;
  margin: 0px 0px 2px 0px;
}
#nextBtn:hover{ background-position: 0 -30px;}
#nextBtn span {display: none;}

#mainContentCol
{
	padding-top: 10px;
}
#mainContentCol a{color: #018b7b;}
#mainContentCol a:hover{color: #dfcf39;}

/*Rollover Images*/
#getStarted
{
  display: block;
  width: 221px;
  height: 127px;
  background: url("../img/Get-Started-btn.gif") no-repeat 0 0;
  margin: 0px 0px 2px 0px;
  
}
#getStarted:hover{ background-position: 0 -127px;}
#getStarted span {display: none;}

#takeAssessment
{
  display: block;
  width: 330px;
  height: 46px;
  background: url("../img/Take-Assessment-btn.gif") no-repeat 0 0;
  margin: 0px 0px 2px 0px;
  
}
#takeAssessment:hover{ background-position: 0 -46px;}
#takeAssessment span {display: none;}

.marketList1
{
  display: block;
  width: 198px;
  height: 26px;
  background: url("../img/Server-btn.gif") no-repeat 0 0;
  margin-bottom: 5px;
}
.marketList1:hover{ background-position: 0 -26px;}
.marketList1 span {display: none;}

.marketList1On
{
  display: block;
  width: 198px;
  height: 26px;
  background: url("../img/Server-btn.gif") no-repeat 0 0;
  margin-bottom: 5px;
  background-position:0 -26px;
}
.marketList1On span {display: none;}


.marketList2
{
  display: block;
  width: 198px;
  height: 26px;
  background: url("../img/Identity-btn.gif") no-repeat 0 0;
  margin-bottom: 5px;
}
.marketList2:hover{ background-position: 0 -26px;}
.marketList2 span {display: none;}

.marketList2On
{
  display: block;
  width: 198px;
  height: 26px;
  background: url("../img/Identity-btn.gif") no-repeat 0 0;
  margin-bottom: 5px;
  background-position:0 -26px;
}
.marketList2On span {display: none;}

.marketList3
{
  display: block;
  width: 198px;
  height: 26px;
  background: url("../img/Systems-btn.gif") no-repeat 0 0;
  margin-bottom: 5px;
}
.marketList3:hover{ background-position: 0 -26px;}
.marketList3 span {display: none;}


.marketList3On
{
  display: block;
  width: 198px;
  height: 26px;
  background: url("../img/Systems-btn.gif") no-repeat 0 0;
  margin-bottom: 5px;
  background-position:0 -26px;
}
.marketList3On span {display: none;}

.marketList4
{
  display: block;
  width: 198px;
  height: 26px;
  background: url("../img/Virtualization-btn.gif") no-repeat 0 0;
  margin-bottom: 5px;
}
.marketList4:hover{ background-position: 0 -26px;}
.marketList4 span {display: none;}

.marketList4On
{
  display: block;
  width: 198px;
  height: 26px;
  background: url("../img/Virtualization-btn.gif") no-repeat 0 0;
  margin-bottom: 5px;
  background-position:0 -26px;
}
.marketList4On span {display: none;}

#whyInvestList1
{
  display: block;
  width: 330px;
  height: 46px;
  background: url("../img/Expand-Your-Role-btn.gif") no-repeat 0 0;
  margin-bottom:8px;
}
#whyInvestList1:hover{ background-position: 0 -46px;}
#whyInvestList1 span {display: none;}

#whyInvestList2
{
  display: block;
  width: 330px;
  height: 46px;
  background: url("../img/Deliver-Increasing-Value-btn.gif") no-repeat 0 0;
  margin-bottom: 8px;
}
#whyInvestList2:hover { background-position: 0 -46px;}
#whyInvestList2 span {display: none;}

#whyInvestList3
{
  display: block;
  width: 330px;
  height: 46px;
  background: url("../img/Grow-Your-Business-btn.gif") no-repeat 0 0;
  margin-bottom: 8px;
}
#whyInvestList3:hover { background-position: 0 -46px;}
#whyInvestList3 span {display: none;}


/*Table Grid Styles*/
#TableGrid td, #TableGrid2 td, #TableGrid3 td, #TableGrid4 td {padding: 2px 2px 2px 2px;}


tr.header
{
	background-color: #ccc;
	font-weight:bold;
}

.altRow
{
	background-color:#fffabc;
}
/*Widget Styles*/
.seeSample
{
	display: block;
	width: 170px;
	height: 29px;
	background-color: #fff79e;
	padding: 6px;
	border: solid 1px #ccc;
}
.seeSample:hover
{
	background-color: #ccc;
}
.seeSample span
{
	font-size: 16px;
	text-align:center;
}
a.seeSample
{
	text-decoration:none;
}
.codeTextArea 
{
	margin-top:15px;
	border: solid 1px #333;
	font-size:12px;
	overflow:auto;
	width:720px;
	height: 163px;
}

/*Assessment Styles*/
#AssessmentTable
{
	padding:0px 10px 0px 10px;
}
#AssessmentTable table
{
	border:solid 1px #999;
}
#AssessmentTable td
{
	padding: 3px 3px 3px 3px;
	text-align:center;
}
#AssessmentTable th.group
{
	padding: 3px 3px 3px 10px;
	text-align:left;
}
#AssessmentTable td.leftCol
{
	text-align:left;
}
.tableHeader
{
	background-color:#008e7f;
	color: White;
}
#AssessmentMessage
{
	background-color: #fffabc;
	padding: 20px 20px 20px 20px;
}
#nextButton
{
	padding-bottom: 15px;
}
.recPath{color: Red}

.scoreEmerging
{
	background-color: #ffff99;
	padding: 20px 20px 20px 20px;
}
.scoreProficient
{
	background-color:#99ccff;
	padding: 20px 20px 20px 20px;
}
.scoreMature
{
	background-color:#66cc66;
	padding: 20px 20px 20px 20px;
}

#AssessmentReport
{
	padding:0px 10px 0px 10px;
}

/*Overrides from custom.css*/
#InnerContainerHome
{
	background-color:#313132;
	padding-top:20px;
	background-image: url(../img/HomeFeature.jpg);
	background-position:right top;
	background-repeat: no-repeat;
}
#InnerContainerHome2
{
	
}
#InnerContainerWidgets
{
	background-color:#313132;
	padding-top:20px;
	background-image: url(../Widgets/HomeFeature.jpg);
	background-position:right top;
	background-repeat: no-repeat;
}
#InnerContainer
{
	/*border: solid 1px #333;*/
	background-color:#fff;
}
#BottomContainer
{
	background-color:#fff;
	margin-top:10px;
}