/* Crimson Consultants Custom Master Page Styles */
/* Author: Matthew Guy, (C) Picseli 2009 */

div#s4-bodyContainer
{
	background-color: #EAEAEC;
	background-image: url(../images/top-bg-red.jpg);
	background-position: left top;
	background-repeat: repeat-x;	
}

div.outerContainer
{
	min-height:100%;
	position:relative;
}

div.innerContainer
{
	margin: 0 auto;
	width: 990px;
	height: 100%;
}

div.leftShadow
{
	background-image: url(../images/bg-left-new1.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	float: left;
	height: 1598px;
	width:107px;
	margin-top: 90px;
}

div.siteContent
{
	background: #ffffff url(../images/bg-shadow.jpg) repeat-y 0 0;
	float: left;
	width: 1000px;
	margin: 0;
	padding: 0;
	display: inline;
}

div.siteContent table
{
	width: 99%;
}

div.dynamicContent
{
	min-height: 650px;
	margin: 0;
	padding: 0;
}

div.contentContainer
{
	margin: 0;
	padding: 0;
}

div.rightShadow
{
	background-image: url(../images/bg-right-new1.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	height: 1598px;
	width: 117px;
	margin-top: 90px;
}

div.topBanner
{
	background-color: #EAEAEC;
	/*background-image: url(../images/top-vines.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;*/
	width: 100%;
	display: block;
	height: 90px;
}

div.topWSSMenus
{
	float: right;
	display: block;
}
div.siteLogo
{
	background-color: #EAEAEC;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;	
}

div.siteLogo img
{
	padding: 0;
	margin: 0;
	border: 0;
	margin-bottom: -3px;
}

div.crimsonContact
{
	font-size: 10pt;
	color: #961007;
	text-align: right;
	float: right;	
	/* margin-right: 20px; GW - was this*/
	margin-right: 20px;
	background-color: #EAEAEC;

	margin-bottom: 0;
	display: block;
}

div.MicrosoftLogo
{
	font-size: 10pt;
	text-align: right;
	float: right;	
	/* margin-right: 20px; GW - was this*/
	margin-right: 5px;
	margin-top: 15px;
}


div.crimsonContact p
{
	text-align: left;
	margin: 0;
	padding: 0;
	float: right;
	display: block;
	
}

div.crimsonContact p span
{
	display: block;
	position: relative;
	left: 0px;
	margin: 0;
	padding: 0;
}

#flashLeft {
	float: left;
	height: 180px; 
	width: 5px; 
	background: transparent url(../images/top-bg-red-left.jpg) no-repeat 0 0;
}

#flashRight {
	float: left;
	height: 180px; 
	width: 5px; 
	background: transparent url(../images/top-bg-red-right.jpg) no-repeat 0 0;
}


div.flashBanner
{
	background-color: #961007;
	/*background-image: url(../images/banner.jpg);*/
	background-position: center center;
	background-repeat: 	no-repeat;
	height: 180px;	
	float: left;
}

div.welcome
{
	display: block;
	float: right;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.welcome a
{
	font-size: 10px;
	color: #961007;
}

div.siteActions
{
	display: block;
	float: right;
	padding: 4px 4px 4px 4px;
	border: 1px solid transparent;
}

div.siteActions a
{
	
	font-size: 10px;
	color: DarkBlue;
	text-decoration: none;
}

div.siteActions a:hover
{
	text-decoration: underline;
}


/* Top Navigation Styles */

div.divCrimsonTopNavContainer
{
	/* GW was: font-family:  Tahoma, Verdana, Arial; */
	font-family:  Calibri, Verdana, Tahoma, Arial;
	font-size: 14pt;
	width: 935px;
	padding-left: 25px;
}

ul.ulCrimsonTopNavTopLevel
{
	list-style: none;
	float: left;	
	width: 940px;
	
	padding-left: 0px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 4px;
	margin-right: -40px;
}

li.liCrimsonTopNavTopLevel
{
	position: relative;
	display: block;
	float: left;
	width: 145px;
	z-index:100;
}

div.divCrimsonTopNavTopLevel
{
	display: inline;
	width: 147px;
}

div.divCrimsonTopNavTopLevelLinkContainer
{
	position: relative;
	display: inline;
	margin-right: 0px;
	text-transform: lowercase;
	background-color: #FFFFFF;
	color: #807F84;
	width: 100%;
}

a
{
	font-family: Calibri, Verdana, Tahoma, Arial;
	font-weight: lighter;
	line-height: 1.5em;	
	color:#4c4c4c;
}

a.aTopNavTopLevel
{
	background-color: #FFFFFF;
	color: #807F84;
	padding: 0;
	margin: 0;
	text-decoration: none;
	font-weight: 100;
	text-align: center;
	width: 147px;
	display: block;
}

div.divCrimsonTopNavTopLevel:hover a.aTopNavTopLevel
{
	background-color: #4A4A4A;
	color: #FFFFFF;
}

div.divCrimsonTopNavTopLevel:hover div.divCrimsonTopNavSubItemsContainer
{
	display: block;

}


div.divCrimsonTopNavSubItemsContainer
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	width: 145px;
	/* GW background-color: #4A4A4A; CBCBCB*/
	background-color: #DFDFDF;
	padding: 0;
	display: none;
	z-index: 1000;	
	top:  26px;
}

ul.ulCrimsonTopNavSubItems
{
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #DFDFDF;
	float: left;
	width: 100%;
	
}

li.liCrimsonTopNavSubItem
{
	width: 145px;
	background-color: #DFDFDF;
	color: #807F84;
	font-size: .7em;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	line-height: 22px;	
	margin-top: 1px;
}

li.liCrimsonTopNavSubItem:hover
{
	background-color: #4A4A4A;
	color: #FFFFFF;
}

div.divCrimsonTopNavSubItemLinkContainer
{
	
}

a.aTopNavSubItem
{
	color: #4A4A4A;
	text-decoration: none;
	padding-left: 2px;
}

li.liCrimsonTopNavSubItem:hover a.aTopNavSubItem
{
	background-color: #4A4A4A;
	color: #FFFFFF;
	

}
/* End Top Navigation Styles */

/* Bottom Navigation Styles */

div.divBottomNavContainer
{
	/* font-family:  Tahoma, Verdana, Arial; */
	font-family:  Calibri, Verdana, Tahoma, Arial;

}

h1.h1CrimsonTitle
{
	font-size: 18pt;
	font-weight: normal;
	margin-left: 10px;
	margin-bottom: 0px;
}

h1.h1Crimson
{
	font-size: 18pt;
	font-weight: normal;
	margin-bottom: 0px;
}

h2.h2Crimson
{
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 0px;
}

h2.hNoGap
{
	margin-top:0px;
}

h3.h3Crimson
{
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom:0px;
}

h3.hNoGap
{
	margin-top:0px;
}

p.pCrimson
{
	font-size: 9pt;
	font-weight: lighter;
	line-height: 1.5em;	
	text-align: justify;
	}

p.pCrimson strong
{
	font-size: 9pt;
	font-weight: bold;
	line-height: 1.5em;	
	text-align: justify;
	}

p.pQuote
{
	font-size: 8pt;
	font-weight: lighter;
	line-height: 1.5em;	
	text-align: justify;
}

p.pQuoteBy
{
	font-size: 8pt;
	font-weight: bold;
	line-height: 1.5em;	
}

p.pNoGap
{
	margin-top:0px;
}

li.liCrimson
{
	font-family:  Calibri, Verdana, Tahoma, Arial;
	font-size: 10pt;
	font-weight: lighter;
	line-height: 1.5em;	
	list-style-image: url(/Web%20Images/Pictures/Leaf.jpg);
	text-align: justify;

}

span.spnTitleGrey
{
	color: #99999B;
}

span.spnTitleRed
{
	color: #971106;
}

span.spnTitleGreen
{
	color: #008250;
}

ul.ulBottomNav
{
	margin-top: 5px;
	list-style: none;
	margin-left: 2px;
	padding: 0;
	float: left;
	width: 100%;
}

li.liBottomNav
{
	position: relative;
	width: 164px;
	float: left;
	margin-left: 5px;
}

div.divBottomNavItem
{
	position: relative;
	display: inline;
}

div.divTitleBlock
{
	position: relative;
	width: 161px;
	height: 34px;
	margin: 1px 1px 1px 1px;
	padding-top: 7px;
	background-image: url(../images/shiny-btn-small.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	
}

span.spnTitle
{
	margin-bottom: -15px;
	color: white;
	font-size: 12pt;
	
}

div.divPictureContainer
{
	position: relative;
	display: block;
	width: 160px;
	height: 102px;
	border: 1px solid #99999B;
	padding-left: 0px;
	margin-left: 2px;
}

div.divBottomNav_Recruitment
{
	position: relative;
	width: 160px;
	height: 102px;
	background-image: url(../images/jobs.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	margin-top: 1px;
}

div.divBottomNav_SalesMarketing
{
	position: relative;
	width: 160px;
	height: 102px;
	background-image: url(../images/thirdsector.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	margin-top: 1px;

}

div.divBottomNav_CS
{
	position: relative;
	width: 160px;
	height: 102px;
	background-image: url(../images/associations.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	margin-top: 1px;

}
div.divBottomNav_Legal
{
	position: relative;
	width: 160px;
	height: 102px;
	background-image: url(../images/legal.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	margin-top: 1px;

}

div.divBottomNav_Education
{
	position: relative;
	width: 160px;
	height: 102px;
	background-image: url(../images/education.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	margin-top: 1px;

}

div.divBottomNav_xRM
{
	position: relative;
	width: 160px;
	height: 102px;
	background-image: url(../images/xrm.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	margin-top: 1px;

}


div.divReadMoreLink
{
	position: relative;
	display: block;
	margin-top: 82px; /* was 78 */
	float: right;
	margin-right: 10px; /* was 15 */
}

a.aReadMore
{
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	color: #464445;
}

a.aReadMore:hover
{
	text-decoration: underline;
	color: black;
}

div.divTrees
{
	background-color: white;
	margin-top: 40px;
	height: 195px;
	width: 656px;
	margin-left: 15px;
	background-image: url(../images/environment.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
/* End Bottom Navigation Styles */

/* bottom strip stuff */
div.divRedStrip
{
	float: left;
	display: block;
	background: #C5180A url(../images/red-stripe.jpg) repeat-y 0 0;
	width: 1000px;
	height: 15px;	
}

span.clearText
{
	visibility: hidden;
}

div.footerStrip
{
	float: left;
	background-color: #770F06;
	/*background-image: url(/Web%20Images/Pictures/Gold_Partner_rgb.png);*/
	/*background-position: right top;*/
	/*background-repeat: no-repeat;*/
	/* background-color: #961005; <- original  8B0000 - deep red, #8B1A1A*/
	width: 99%;
	display: block;
	height: 250px;	
	margin:0;
	padding: 0;
}

div.footerStrip span
{
	color: white;
	font-size: 8pt;
	font-weight: normal;
	margin-left: 25px;
	
}

div.footerContainer
{
	float: left;
	background: transparent url(../images/footer-bg.jpg) repeat-y 0 0;
	padding: 5px 5px 0px 5px;
	width: 1000px;
	
}
div.footerInfo
{
	float: left;
	margin-top: 15px;
	width: 99%;
}

div.divCrimsonSEONavContainer
{
	font-family:  Tahoma, Verdana, Arial;
	font-size: 13pt;
	width: 99%;
	padding-left: 10px;
	float: left;
}

ul.ulCrimsonSEONavTopLevel
{
	list-style: none;
	float: left;	
	padding: 0px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 2px;
	height: 200px;
}

li.liCrimsonSEONavTopLevel
{
	position: relative;
	display: block;
	float: left;
	width: 155px;
}

div.divCrimsonSEONavTopLevel
{
	display: inline-block;
	width: 155px;
}

div.divCrimsonSEONavTopLevelLinkContainer
{
	position: relative;
	display: inline;
	margin-right: 20px;
	text-transform: lowercase;
	color: #FFFFFF;
	width: 155px;
}

a.aSEONavTopLevel
{
	color: #FFFFFF;
	padding: 4px 4px 4px 0px;
	text-decoration: none;
	font-weight: 100;
	text-align: center;
}

a.aSEONavTopLevel:hover
{
	color: #DADADA;
}

div.divCrimsonSEONavSubItemsContainer
{
	position: relative;
	top: 0px;
	left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	display: block;
}

ul.ulCrimsonSEONavSubItems
{
	list-style: none;
	padding: 1px 5px 3px 0;
	margin-left: 0px;
	float: left;
	width: 115px;
}

li.liCrimsonSEONavSubItem
{
	width: 100%;
	color: #FFFFFF;
	font-size: .7em;
	padding: 2px 2px -2px 0;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-left: 0px;
	line-height: 20px;
}

li.liCrimsonSEONavSubItem:hover
{
	color: #DADADA;
}

div.divCrimsonSEONavSubItemLinkContainer
{
	
}

a.aSEONavSubItem
{
	color: #FFFFFF;
	text-decoration: none;
	width: 110px;
	display: block;
}

a.aSEONavSubItem:hover
{
	text-decoration: underline;
}
li.liCrimsonSEONavSubItem:hover a.aSEONavSubItem
{
	color: #DADADA;
}


div.trunk
{
	float: left;
	height: 105px;
	background-color: white;
	width: 100%;	
	background-image: url(../images/trunk.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

div.contactMap
{
	margin-top: 25px;
	width: 250px;
	height: 215px;
	background-color: #770F06;
	/* background-color: #961005; 770F06*/
	background-image: url(../images/map.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 20px;
	float: right;
}

p.contactAddress
{
	margin-top: -5px;
	padding-top: 0px;
	line-height: 1.5em;
}

div.footerStrip span.contactTitle
{
	font-size: 12pt;
	display: block;
	margin-bottom: -25px;
}

p.telEmail
{
	margin-top: 50px;
}

p.telEmail span.emailAddress
{
	display: block;
	margin-top: 12px;
	color: #FFE900;
	font-weight: bold;
	
}

div.bottomVine
{
	width: 966px;
	height: 65px;
	background-image: url(../images/bottom-vines.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #EAEAEC;
	
}

hr.hrCrimsonNavSeparator
{
	color: #961005;
	background-color:#961005;
	height: 1px;
	width: 980px;
	margin: 0px auto 0px auto;
	border:none;
}

div.contentContainer
{
	margin-left: 45px;
	width: 935px;
	overflow: auto;
}

div.shinyTitle
{
	height: 34px;
	width: 200px;
	background-image: url(../images/shiny-btn.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0;
	padding-top: 8px;
}

div.shinyTitle div.titleText
{
	font-size: 12pt;
	font-weight: lighter;
	color: #FFFFFF;
	margin-left: 12px;
}

div.shinyTitleLarge
{
	height: 34px;
	width: 300px;
	background-image: url(../images/shiny-btn-large.png);
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0;
	padding-top: 8px;
}

div.shinyTitleLarge div.titleText
{
	font-size: 12pt;
	font-weight: lighter;
	color: #FFFFFF;
	margin-left: 12px;
}

div.demoContainer
{
	height: 110px;
	width: 200px;
	border: 1px solid #CCCCCC;
	background-image: url(../images/demonstration.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

div.demoContainer a.demoReadMore
{
	display: block;
	margin-left: 127px;
	margin-top: 88px;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	color: #464445;
}

div.demoContainer a.demoReadMore:hover
{
	text-decoration: underline;
	color: #000000;	
}

div.rightText
{
	line-height: 1.5em;
}
div.rightText p
{
	width: 200px;
	margin-top: 0px;
	margin-bottom: 3px;
}

div.rightText p + p
{
	margin-top: 2px;
	
}

input.Textbox190
{
	border: solid 1px #CCCCCC;
	width: 150px;
	background-image: url(../images/input-area-bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	margin-top: 5px;
}

input.cmdNewsLetter
{
	width: 79px;
	height: 40px;
	background-image: url(../images/submit-btn.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	background-color: transparent;
	border: 0;
}

div.divShareLinks
{
	overflow: hidden;
	
}

ul.ulShareLinks
{
	list-style: none;
	margin-left: 15px;
	padding-left: 0px;
	margin-top: 5px;
	width: 200px;
}

ul.ulShareLinks li
{
	display: inline;
	position: relative;
	margin-right: 15px;
	height: 48px;
	overflow: hidden;
	float: left;

}
ul.ulShareLinks li div
{
	display: inline;
}
ul.ulShareLinks li a
{
	position: relative;
	display: inline-block;
	height: 48px;
	min-height: 48px;
	width: 48px;
	background-position: center center;
	background-repeat: no-repeat;
}


ul.ulShareLinks li a.rssLink
{
	background-image: url(../images/rss.jpg);	
}


ul.ulShareLinks li a.facebookLink
{
	background-image: url(../images/facebook.jpg);
}


ul.ulShareLinks li a.twitterLink
{
	background-image: url(../images/twitter.jpg);
}

/* Search box */
table.ms-searchform
{
	margin: 0;
	top: 0px;
}

table.ms-searchform select.ms-searchbox
{
	display: block;
	border: 1px solid silver;
	font-size: 8pt;
	color: black;
	height: 25px !important;
	padding: 2px 2px 2px 2px;
	visibility: hidden;
}

table.ms-searchform input.ms-searchbox
{
	height: 13px !important;
}

td.ms-vb2 
{
	
	font-family: Calibri, Verdana, Tahoma, Arial;
	font-size: 9pt;
	font-weight: lighter;
	line-height: 1.5em;	
	color:#4c4c4c;
}

td.ms-pagebreadcrumb
{
	visibility: hidden;
}

tr.ms-viewheadertr
{
	display:none;
}

tr.ms-alternating
{
	background-color:white;
}

table.tCrimson { border-collapse:collapse; }
tr.rowCrimson { border:1px solid lightgray; }
td.tdCrimsonBL {
	border-left:1px solid lightgrey;
	border-top:1px solid lightgrey;
	border-bottom:1px solid lightgrey;
}
td.tdCrimsonBR {
	border-right:1px solid lightgrey;
	border-top:1px solid lightgrey;
	border-bottom:1px solid lightgrey;
}