/* list of fields to populate cellproperties style dropdown (formbuilder) */
/* {frontendformitemlabel,frontendformitemlabelreq,frontendformiteminput,frontendformitemcheckbox} */
/************************************************************************/
/*Block Level Styles                                                    */
/*                                                                      */
/*body, table, td, h1-h6, p, div, span, a, ul, ol, li                   */
/*These styles are read into vars and initialization of the site's      */
/*application, and they're used to define the basic look and feel of    */
/*the front end of the site.                                            */
/*                                                                      */
/*please put any custom classes or styles in the Custom area below this */
/*one                                                                   */
/************************************************************************/
body{
	background-color:#dedad7;
}
body, table, td, p, div, span, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5f564d;
}



ul {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	padding: 0px 0px 0px 20px;
	margin : 0px 0px 0px 0px; 
}
h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	color: #5f564d;
}
h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #da6717;
}
h3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #689cce;
}
a, a:focus, a:hover, a:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size : inherit;
	color: #699cce;
	text-decoration: none;
	font-weight : inherit;
}
a:hover {
	color: #3b6188;
	text-decoration: underline;
}
.clearFloats{clear:both;}

a.MappingLink{ 
	display:block; 
	background-image:url(/admintools/media/images/icon_mapping.gif); 
	background-repeat:no-repeat; 
	background-color:#666666; 
	background-position: center left;
	text-decoration:none; 
	padding:10px 15px 10px 35px; 
	color:#ffffff; 
	width: 100px; 
	position:absolute; 
	border:1px solid #000000;
	text-align: right;
	top:0; 
	right:0; 
 } 
 a.MappingLink:hover{ 
	background-color:#888888; 
	text-decoration:underline; 
 }
/************************************************************************/
/*Site Map Styles;                                            */
/************************************************************************/
.sitemapColumn{
	margin:0;
	padding:5px;
}
.sitemapSection{
	font-weight:bold;
}
.sitemapSubSection{
	font-weight:bold;
}
.sitemapPage{
	font-weight:normal;
}

/* nav manager */
.navItemLevel_1{
	margin-left: 3px;
	background-color:#E1E1E1;
}
.parentLevel_1{
	margin-left: 3px;
	background-color:#E1E1E1;
}
.navItemLevel_2{
	margin-left: 6px;
	background-color:#CCCCCC;
}
.parentLevel_2{
	margin-left: 6px;
	background-color:#CCCCCC;
}
/************************************************************************/
/*Error Handeling Styles                                                */
/************************************************************************/
#errorBlock{
	margin-left: 15px;
	margin-bottom: 10px;
}
#errorBlock h2{
	color: #cc0000;
	margin: 2px;
	height: 25px;
	background-image:url(/media/images/icon_error.gif);
	background-repeat:no-repeat;
	padding-left: 30px;
}
#errorBlock ul{
	list-style:square;
	margin: 3px 0px;
	padding-left: 30px;
}
#errorBlock ul li{
	color: #cc0000;
	border-left: 1px solid #cc0000;
	margin-left: 3px;
	padding-left: 8px;
}

#rightSidebar a img{
	border:none;
}

/************************************************************************/
/*Generic Data Driven Display Styles                                    */
/************************************************************************/
.dddListing{}
.dddListing h3{
	border-bottom:1px solid;
}
.dddItem{}
.dddDetail{}

.sidebarResourceBlock{}
.sidebarResourceBlock h3{
/*site specific*/
	color:#d56718; 
	font-size:12px; 
	text-transform:uppercase; 
	background-image:url(/media/images/sidebar_icon.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:14px;
	margin-bottom:2px;
/**************/
}
.sidebarResourceBlock ul{
	margin-top:0;
	padding-top:0;
	padding-bottom:4px;
}
.sidebarResourceBlock li{
/*site specific*/
	font-size:11px;
/**************/
}

.abstract{}
.bodyText{}
.author{}
.date{}
.PDF{
	margin-top:10px;
	font-size:10px;
}
.externalLink{}
.Image{}

.detailLink,.listingLink{}
.detailLink{
	text-align:center;
}
.listingLink
{
	margin-top:20px;
}
.detailLink a, .detailLink a:focus, .detailLink a:hover, .detailLink a:visited, .listingLink a, .listingLink a:focus, .listingLink a:hover, .listingLink a:visited{
	font-size:10px;
	text-decoration:none;
}
.detailLink a, .detailLink a:focus, .detailLink a:hover, .detailLink a:visited{
	background-image:url(/media/images/detail_icon.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:17px; /* may change depeding upone width of detail_icon.gif 10px for installer */
}
/*.detailLink a:before{content:">> << "} use printscreen to create images*/
.listingLink a, .listingLink a:focus, .listingLink a:hover, .listingLink a:visited{
	background-image:url(/media/images/listing_icon.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px; /* may change depeding upone width of detail_icon.gif 10px for installer */
}

/************************************************************************/
/*Custom Classes and Styles;                                            */
/*                                                                      */
/*Any custom classes or styles needed specifically for this site's      */
/*front end go here.                                                    */
/************************************************************************/
/* Template Styles */
#siteContainerTop,#siteContainerBottom{
	margin:0 auto;
	width:990px;
	height:6px;
}
#siteContainerTop{
	margin: 8px auto 0 auto;
}
#siteContainer{
	margin:0 auto;
	padding:15px 0;
	width:990px;
	border-left:1px solid #aba09a;
	border-right:1px solid #aba09a;
	background-color:#fff;
	background-image:url(../media/images/siteBG.gif);
	background-repeat:repeat-x;
	z-index:-10;
}
#homeContainer, #interiorContainer, #interiorContainer2Col{
	width:885px;
	margin:0 auto;
	z-index:10;
	background-color:#fff;
	background-image:none;
}
#headerLogo{
	position:relative;
	top:8px;
	left:30px;
}
#logoImg{
	float:left;
}
#textNav{
	float:right;
	margin-right:35px;
	font-size:11px;
}
#headerImg{
	border-left:1px solid #5f564f;
}
#roleContainer{
	background-color:#da6717;
	border-top:1px solid #5f564f;
	border-bottom:1px solid #5f564f;
	height:35px;
}
#roleText{
	margin-top:8px;
	text-transform:uppercase;
	color:#fff;	
	float:right;
	text-align:right;
	font-weight:bold;
	letter-spacing:1px;
}
#roleNav{
	margin:3px 5px;
	text-align:right;
	float:right;
	height:30px;
}
#roleNav ul{
	margin:0;
	padding:0;
}
#roleNav li{
	list-style:none;
	display:inline;
}
#roleNav li div{
	display:inline;
	margin:0 2px;
}
#footerContainer{
	clear:both;
}
#footerCopy, #footerDP{
	text-align:center;
	font-size:11px;	
}
#footernav{
	display:inline;
}
#footernav ul{
	margin:0;
	padding:0;
	display:inline;
}
#footernav li{
	list-style:none;
	display:inline;
	margin-right:5px;
}
#footernav li div{
	display:inline;
	font-size:11px;
}
/** home only ****************************************************/
#homeNav{
	width:150px;
	position:relative;
	top:70px;
	left:600px;
	height:0; /*to negate any whitespace left from where nav would normally show **for most browsers */
}
#homeText{
	width:290px;
	height:200px;
	overflow:auto;
	position:relative;
	left:120px;
	top:20px;
	line-height:18px;
}
* html #homeText{
	top:-145px;
}
.homeHeader{
	color:#da6717;
	text-transform:uppercase;
	font-size:17px;
	font-weight:bold;
	margin-top:35px;
	margin-bottom:5px;
}
#postHomeNav{
	margin-top:-200px;/* to negate any whitespace left from where homeText would normally show **for most browsers */
	#margin-top:-203px;
}
* html #postHomeNav{
	margin-top:-365px; /* to negate any whitespace left from where nav + homeText would normally show **IE6 only */
}						
#homeNav ul{
	margin:0;
	padding:0;
}
#homeNav li{
	list-style:none;
}
#homeNav #homeNav_100058{
	display:none; /* hide "Home" nav on homepage" */
}
/* IE spacing fix */
#homeNav a {display: inline-block;} 
#homeNav a {display: block;}

#homeNav a, #homeNav a:focus, #homeNav a:hover, #homeNav a:visited{
	color:#fff;
	background-color:#3b6188;
	opacity:.8;
 	filter:alpha(opacity=80);
	border-bottom:1px solid #a2c1e8;
	#margin-bottom:-3px;
}
#homeNav a:hover{
	background-color:#13477d;
}
#homeContentTop, #homeContentMid, #homeContentBottom{
	background-color:#7699bf;
}
.homecolumn{
	float:left;
	padding:0 10px 5px 10px;
	background-color:#fff;
	min-height:50px;
}
* html .homecolumn{
	height:50px;
}
.homecolumn h1, .homecolumn h2, .homecolumn h3{
	/*margin-top:0;
	padding-top:0;*/
}
.homecolumn .homeHeading{
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
}
#homeContentMid #articles{
	width:170px;	
	margin-left:6px;
}
* html #homeContentMid #articles{width:164px;}/*IE6 fix*/ 
#homeContentMid #designDevelopDeliver{
	width:425px;
	margin-left:11px;
}
#homeContentMid #casestudy{
	width:190px;
	margin-left:12px;
}
#homeContentMid{
	background-image:url(../media/images/homeColumnsMid.gif);
	background-repeat:repeat-y;
	border:0px solid;
}
/** interior only *******************************************************/
#interiorContainer #tagline, #interiorContainer2Col #tagline{
	/*border-right:1px solid #d8d0cd;*/
	text-align:right;
}	
#interiorBorder{
	border-left:1px solid #d8d0cd;
	border-right:1px solid #d8d0cd;
	width:885px;
}
#interiorContainer #roleContainer, #interiorContainer2Col #roleContainer{
	opacity:.9;
 	filter:alpha(opacity=90);
	position:relative;
	top:-73px;
}
#interiorContainer #roleText, #interiorContainer2Col #roleText{
	opacity:1;
 	filter:alpha(opacity=100);
}
#postRoleNav{
	margin-top:-37px; /*to negate any whitespace left from where roles would normally show **for most browsers */
}
* html #postRoleNav{
	margin-top:-55px; /*to negate any whitespace left from where roles would normally show **IE6 only */
}
#bodyContainer{
	background-image:url(../media/images/sidebarBG.gif);
	background-repeat:repeat-y;
	background-color:#fff;
	height:100%; /* to fix IE background image disapearing on scroll */
}
#bodyContainernew{
	background-color:#fff;
	height:100%; /* to fix IE background image disapearing on scroll */
}
#interiorContainer2Col #bodyContainer{
	background-image:none;
}
#leftNav{
	width:170px;
	float:left;	
}
#leftNav ul{
	margin:0;
	padding:0;
}
#leftNav li{
	list-style:none;
}
#leftNav .leftNavselected, #leftNav .leftNavselected:visited{
	color:#fff;
	background-color:#13477D;
}
/* IE spacing fix */
#leftNav a {display: inline-block;} 
#leftNav a {display: block;}

/* level 1 */
#leftNav li a, #leftNav li a:focus, #leftNav li a:hover, #leftNav li a:visited{
	color:#fff;
	background-color:#3b6188;
	border-bottom:1px solid #a2c1e8;
	#margin-bottom:-3px;
	font-size:11px;
}
#leftNav li a:hover{
	background-color:#13477d;
}
/*level 2 */
#leftNav li li a, #leftNav li li a:focus, #leftNav li li a:hover, #leftNav li li a:visited{
	color:#2b4966;
	background-color:#dbe2e9;
	padding:3px 3px 3px 20px;
	border-bottom:1px solid #B5C2CF;
}
/** hide all subnav items & display current section subnav items **/
#leftNav li li{
	display:none;	
}
#leftNav li.open li{
	display:block;
}
/*level 3 */
#leftNav li.open li li{
	display:block;
	
}
#leftNav li.open li ul{
	border-bottom:1px solid #B5C2CF;
}
#leftNav li li li a, #leftNav li li li a:focus, #leftNav li li li a:hover, #leftNav li li li a:visited{
	padding:3px 3px 3px 30px;
	font-size:10px;
	border-bottom:0px solid #B5C2CF;
}
#bodyContent{
	margin-top:-35px; /*to negate any whitespace left from where roles would normally show **for most browsers */
	#margin-top:0; /* IE6 & 7 */
	padding:0 5px 0 30px;
	#padding-top:15px; /*IE6 & 7 fix */
	float:left; 
	width:475px;
}
#bodyContentnew{
	margin-top:1px; /*to negate any whitespace left from where roles would normally show **for most browsers */
	#margin-top:0; /* IE6 & 7 */
	padding:0 5px 0 30px;
	#padding-top:15px; /*IE6 & 7 fix */
	float:left; 
	width:650px;
}

#bodyContent li{
	margin-left:20px;
}

#interiorContainer2Col #bodyContent{
	width:675px;
}
#rightSidebar{
	margin-top:-35px; /*to negate any whitespace left from where roles would normally show **for most browsers */
	#margin-top:0; /* IE6 & 7 */
	float:right;
	width:170px;
	padding:0 10px;
	#padding-top:15px; /*IE6 & 7 fix */
}

/************************************************************************/
/*Admin Tools Styles and classes;                                       */
/*                                                                      */
/*Used by admintools and administrative displays on the front end       */
/*(Not actually put into use yet - still using admintools.css           */
/************************************************************************/

.formbuilderheader {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #FFFFFF;
	vertical-align : top;
	background-color : #4c4c4c;
}
.smallfontsize {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9px;
	color : #000000;
}
.errortext {
	padding-bottom : 5px;
	padding-left : 8px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #ffffff;
	background-color : #f4f4f4;
	border : 3px solid #cc0000;
}
.logintext {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #663366;
}
.submitbuttonFront {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	color : #5D8DB8;
	background-color : #ffffff;
	border: 1px solid #5D8DB8;
}
.submitbuttonGray {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
	padding-left:5px;
	padding-right:5px;
	color : #ffffff;
	background-color : #666666;
	border : 2px ridge #dadada;
}
.frontendformitemlabel{
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	vertical-align : top;
	font-style : italic;
}
.frontendformitemlabelreq{
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	vertical-align : top;
}
.frontendformiteminput {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	vertical-align : top;
	border-style : none;
}
.frontendformitemcheckbox {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	vertical-align : top;
}
.frontendinputfield{
	background-color:#F0F0F0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	padding: 1px;
}
.submitbutton {
	BACKGROUND-COLOR: #749BAD;
	BORDER-BOTTOM: #dadada 2px ridge;
	BORDER-LEFT: #dadada 2px ridge;
	BORDER-RIGHT: #dadada 2px ridge;
	BORDER-TOP: #dadada 2px ridge;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center
}
.successtext {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #ffffff;
	background-color : #c4c4ff;
	border : 1px dashed #555555;
}
.toolheader {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 8px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	text-align : right;
	color : #ffffff;
	background-color : #333333;
}
.toolheaderi3 {
	BACKGROUND-COLOR: #5B879C;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 6px;
	PADDING-LEFT: 6px;
	PADDING-TOP: 6px;
	PADDING-RIGHT: 6px;
}
.toolTable {
	BACKGROUND-COLOR: #ffffff
}