﻿@import url('RelatedContent.css');

div.ContentArea
{
	margin-left: 10px;
	margin-bottom: 0px;
	background-color: Transparent;
}

div.MainContentContents
{
	padding: 0px;
	margin: 0px;
}

div.cwsContentCurveTopLeft, div.cwsContentCurveTopRight
{
	display: none;
}

div.cwsContentCurveTopLeftProject, div.cwsContentCurveTopRightProject
{
	display: block;
	margin: 0px;
	width: 12px;
	height: 12px;
	position: absolute;
	background-image: url(../../images/CabiNewWeb/greyRoundTopLeft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	padding: 0px;
}
div.cwsContentCurveTopLeftProject
{
	left: 0px;
	top: 0px;
}
div.cwsContentCurveTopRightProject
{
	background-image: url(../../images/CabiNewWeb/greyRoundTopRight.gif);
	right: 0px;
	top: 0px;
}

div.cwsContent, div.cwsTabContainer
{
	width: 650px;
}

div.cwsContent
{
	background-color: White;
	clear: both;
	position: relative;
}

div.cwsTabContainer
{
	float: left;
	position: relative;
	clear: both;
}

div.cwsTabDataDivider
{
	clear: both;
	background-color: #e4e4e4;
	background-color: #d6d6d6;
	height: 10px;
	width: 100%;
	width: 90%;
	overflow: hidden;
	position: relative;
	margin: 0px;
}

div.cwsTabStrip
{
	clear: both;
	padding: 0 12px 0 12px;
	width: 630px;
}
div.cwsTabStripTab, div.cwsTabStripTabOn, div.cwsTabStripTabLast, div.cwsTabStripTabLastOn, div.cwsTabStripTabMedium, div.cwsTabStripTabOnMedium, div.cwsTabStripTabLastMedium, div.cwsTabStripTabLastOnMedium, div.cwsTabStripTabSmall, div.cwsTabStripTabOnSmall, div.cwsTabStripTabLastSmall, div.cwsTabStripTabLastOnSmall
{
	float: left;
	position: relative;
	background-color: #5bbf21;
	width: 15%;
	margin-right: 10px;
	min-height: 66px;
}
div.cwsTabStripTabMedium, div.cwsTabStripTabOnMedium, div.cwsTabStripTabLastMedium, div.cwsTabStripTabLastOnMedium
{
	min-height: 40px;
}
div.cwsTabStripTabSmall, div.cwsTabStripTabOnSmall, div.cwsTabStripTabLastSmall, div.cwsTabStripTabLastOnSmall
{
	min-height: 40px;
	margin-right: 5px;
}
div.cwsTabStripTabOn, div.cwsTabStripTabLastOn, div.cwsTabStripTab:hover, div.cwsTabStripTabLast:hover, div.cwsTabStripTabOnMedium, div.cwsTabStripTabLastOnMedium, div.cwsTabStripTabMedium:hover, div.cwsTabStripTabLastMedium:hover, div.cwsTabStripTabOnSmall, div.cwsTabStripTabLastOnSmall, div.cwsTabStripTabSmall:hover, div.cwsTabStripTabLastSmall:hover
{
	background-color: #e87511;
}
div.cwsTabStripTab:hover, div.cwsTabStripTabLast:hover, div.cwsTabStripTabMedium:hover, div.cwsTabStripTabLastMedium:hover, div.cwsTabStripTabSmall:hover, div.cwsTabStripTabLastSmall:hover
{
	cursor: pointer;
}
div.cwsTabStripTabLast, div.cwsTabStripTabLastOn, div.cwsTabStripTabLastMedium, div.cwsTabStripTabLastOnMedium, div.cwsTabStripTabLastSmall, div.cwsTabStripTabLastOnSmall
{
	margin-right: 0px;
}
div.cwsTabStripTabText, div.cwsTabStripTabTextMedium, div.cwsTabStripTabTextSmall
{
	margin: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 14pt;
	color: White;
}
div.cwsTabStripTabTextMedium
{
	font-size: 11pt;
}
div.cwsTabStripTabTextSmall
{
	margin: 10px 5px 10px 5px;
	font-size: 7.5pt;
}
div.cwsTabStripTab:hover, div.cwsTabStripTabLast:hover, div.cwsTabStripTabSmall:hover, div.cwsTabStripTabLastSmall:hover
{
	cursor: pointer;
}
div.cwsTabPane
{
	padding: 10px 10px 10px 10px;
	text-align: left;
	position: relative;
	clear: both;	
	min-height: 510px;
}
#tabPane0 p, #tabPane1 p
{
	margin-bottom: 12px;
}

div.cwsWhiteCurveTopLeft, div.cwsWhiteCurveTopRight, div.cwsWhiteCurveBottomLeft, div.cwsWhiteCurveBottomRight
{
	margin: 0px;
	width: 12px;
	height: 12px;
	position: absolute;
	background-image: url(../../images/whiteRoundTopLeft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	padding: 0px;
}
div.cwsWhiteCurveTopLeft
{
	left: 0px;
	top: 0px;
}
div.cwsWhiteCurveTopRight
{
	right: 0px;
	top: 0px;
	background-image: url(../../images/whiteRoundTopRight.gif);
}
div.cwsWhiteCurveBottomLeft
{
	left: 0px;
	bottom: 0px;
	background-image: url(../../images/whiteRoundBottomLeft.gif);
}
div.cwsWhiteCurveBottomRight
{
	right: 0px;
	bottom: 0px;
	background-image: url(../../images/whiteRoundBottomRight.gif);
}

p.cwsDetailsBoxHeaderGreen, p.cwsDetailsBoxHeaderOrange, p.cwsDetailsBoxHeaderGreenBig, p.cwsDetailsBoxHeaderOrangeBig, p.cwsDetailsBoxHeaderGrey, p.cwsDetailsBoxHeaderGreyBig, span.cwsDetailsBoxHeader
{
	font-size: 11pt;
	font-weight: bold;
	color: #5bbf21;
	text-align: left;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}
p.cwsDetailsBoxHeaderGreenBig, p.cwsDetailsBoxHeaderOrangeBig, p.cwsDetailsBoxHeaderGreyBig
{
	font-size: 14pt;
}
p.cwsDetailsBoxHeaderOrange, p.cwsDetailsBoxHeaderOrangeBig
{
	color: #e87511;
}
p.cwsDetailsBoxHeaderGrey, p.cwsDetailsBoxHeaderGreyBig
{
	color: #777777;
}

h1.cwsProjectHeaderText
{
	background-color: #e87511;
	padding: 4px 0 4px 0;
	text-align: center;
	color: White;
	font-size: 26pt;
	font-weight:normal;
	width: 970px; 
	font-size: 20pt; 
	height:auto; 
	min-height: 10px; 
	clear: both;
}

div.cwsProjectHeaderTextDivider
{
	height: 15px;
	overflow: hidden;
	clear: both;
}

div.cwsContentDataPane
{
	float: right;
	width: 25%;
	max-width: 222px;
	margin-right: 10px;
	margin-left: 10px;
}
div.cwsContentDataPaneHeader
{
	background-color: #e87511;
	color: White;
	font-weight: bold;
	font-size: 14pt;
	clear: both;
	padding: 10px;
}
div.cwsContentDataPaneBody
{
	background-image: url(../images/background_greentowhite.gif);
	background-repeat: repeat-x;
	clear: both;
	padding: 0 10px 0 10px;
}
div.cwsContentDataPaneBodyItem, table.cwsContentDataPaneBodyItem,
span.cwsContentDataPaneBodyItemLabel, span.cwsContentDataPaneBodyItemValue,
span.cwsContentDataPaneBodyItemValue a, span.cwsContentDataPaneBodyItemValue a:link, span.cwsContentDataPaneBodyItemValue a:hover, span.cwsContentDataPaneBodyItemValue a:visited
{
	color: #777777;
	font-size: 11pt;
	font-weight: normal;
}
div.cwsContentDataPaneBodyItem
{
	border-bottom: dotted 1px #777777;
	clear: both;
	padding: 10px 0 10px 0;
}
span.cwsContentDataPaneBodyItemLabel
{
	font-weight: bold;
}

div.cwsProjectsImagesAndTabs
{
	width: 660px; 
	float: left; 
	clear: left;
	margin-right: 10px;
}
div.cwsProjectsData
{
	width: 300px;
	float: left;
	clear: right;
	color: White;
}

div.cwsTeamMemberDivider
{
	clear: both;
	height: 15px;
}

div.cwsTeamMember
{
	clear: both;
}
div.cwsTeamMember img
{
	margin-right: 10px;
	width: 170px;
	height: 170px;
	margin-bottom: 15px;
}
.cwsTeamField, .cwsTeamFieldName, .cwsTeamFieldLabel
{
	font-size: 11pt;
}
.cwsTeamFieldLabel
{
	font-weight: bold;
}
.cwsTeamFieldName,
.cwsTeamFieldName a, .cwsTeamFieldName a:link, .cwsTeamFieldName a:hover, .cwsTeamFieldName a:visited
{
	font-weight: bold;
	font-size: 12pt;
	color: #777777;
}
