/* @include url(/Frameworks/Common/Styles/Common.css); */


:root


{


	overflow-y: scroll;


}





body 


{


	background: #3c95a2;


}





/*** Region ***/ 


.region:after


{


	content: ".";


	clear: both;


	display: block;


	visibility: hidden;


	height: 0;


}





/*** ContentBlocks ***/ 


.cb


{


	margin: 0 0 10px 0;


	


}


#RegionContent .cb


{


	padding-bottom: 10px;


	background-image: url(/Frameworks/Default/Images/TransparentWhite70.png);


}

















 


/* @include url(/Frameworks/Common/InnerTemplates/ThreeColumns.css); */


.ThreeColumn .blockArea


{


	float: left;


	width: 130px;


}





.ThreeColumn .CenterColumn,


.ThreeColumn .RightColumn


{


	margin-left: 15px;


} 


/* @include url(/Frameworks/Common/InnerTemplates/TwoColumns.css); */


.TwoColumn .blockArea


{


	float: left;


	width: 200px;


}





.TwoColumn .RightColumn


{


	float: right;


}





 


/* @include url(/Frameworks/Default/Styles/Base.css); */


/******************************************************


/* Base.css


/* This stylesheet contains the default styling 


/* of html elements and general classes used 


/* throughout the project.


/*


/* Don't add control, framework, template 


/* or contentblock specific classes to this file! 


/*****************************************************/





body, form, h1, h2, h3, h4, h5, h6, h6, p, img, blockquote


{


	margin: 0;


	padding: 0;


}











html


{


	font-size: small;


}





body


{


	font-size: 85%;


	line-height: 1.455;


}





form


{


}





p


{


	margin-bottom: 10px;


}





.ingress


{


	font-weight: bold;


	margin-bottom: 10px;


}





.category


{


	color: #666;


	text-transform: uppercase;


	font-size: .9em;


}





.dateLabel


{


	font-size: .8em;


	color: #666;


}





span.action 


{


	color: #3b3b3b;


	cursor: pointer;


}





/******************************************************


/* Headings


/*****************************************************/


h1, h2, h3, h4, h5, h6


{


	margin-bottom: .3em;


}





h1


{


	color: #3b3b3b;


	font-size: 180%;


}





h2


{


	color: #3b3b3b;


	font-size: 140%;


}





h3


{


	color: #3b3b3b;


	font-size: 110%;


}





h4, h5, h6


{


	font-size: 100%;


}











/*********************************


/ Lists 


/********************************/


ul, ol, dl


{


	margin: 0 0 10px;


}





ul, ol


{


	padding-left: 1.5em;


}





li


{


	margin: 0 0 .3em;


	vertical-align: middle;


}





dt


{


	font-weight: bold;


	margin: 0 0 .2em;


	clear: both;


}





dd


{


	margin: 0 0 10px;


}





dl.compact dt


{


	clear: both;


	float: left;


	width: 15em;


}





dl.compact dd


{


	margin-left: 16em;


}





/******************************************************


/* Images


/*****************************************************/


img


{


	border: 0;


}





img.blockImage


{


	display: block;


	line-height: 0;


}





img.leftAligned


{


	float: left;


}





img.rightAligned


{


	float: right;


}





/******************************************************


/* Tables


/*****************************************************/


table


{


	border-spacing: 0px;


	empty-cells: show;


	border-collapse: collapse;


	border-color: #ccc;


	margin-bottom: 10px;


}





td


{


	border-color: #ccc;


}





/******************************************************


/* Separators


/*****************************************************/


hr


{


	clear: both;


	display: block;


	border-width: 0;


	height: 1px;


	color: #ccc;


	background-color: #ccc;


	margin: 10px 0;


}





/******************************************************


/* Float container fix


/*****************************************************/


.fc:after


{


	content: ".";


	clear: both;


	display: block;


	visibility: hidden;


	height: 0;


}


 


/* @include url(/Frameworks/Default/Styles/Forms.css); */


/******************************************************


/* This file should only contain basic form styles.


/*


/*****************************************************/


.textBox, 


textarea, 


select,


.stateCtrl input, 


.stateList input,


.button, 


label


{


	vertical-align: middle;


}





input,


textarea,


select, 


option


{


	color: ;


	font-size: 1em;


	line-height: normal;


}





/******************************************************


/* BLOCKS


/*****************************************************/


.inputBlock


{


	clear: both;


	margin-bottom: 5px;


}





fieldset


{


	padding: 10px;


	border: solid 1px #ccc;


	margin-bottom: 10px;


}





legend


{


	padding: 0 .5em;


	color: ;


}





/******************************************************


/* LABELS


/*****************************************************/


label


{


/*	line-height: 20px; /* Height of input fields */


}





.infoLabel label


{


	font-weight: bold;


	width: 120px;


	float: left;


}





.infoLabel span


{


	vertical-align: middle;


}





.blockLabel


{


	float: left;


	width: 120px;


	font-weight: bold;


}





.displayLabel


{


	display: block;


	margin-left: 120px;


}





/******************************************************


/* TEXTBOX


/*****************************************************/


.textBox


{


	padding: 1px;


	border: solid 1px #ccc;


	width: 150px;


}





textarea


{


	width: 250px;


	height: 100px;


	overflow: auto;


}





/******************************************************


/* select


/*****************************************************/


select


{


	width: 150px;


}





select option


{


}





/******************************************************


/* STATE CONTROLS (checkbox & radiobutton)


/*****************************************************/


.stateList


{


	display: block;


}





.inputBlock .stateList


{


	margin-left: 120px;


}





/******************************************************


/* BUTTONS


/*****************************************************/


.buttonBlock


{


	clear: both;


	margin: 10px 0;


	text-align: right;


}





.buttonBlock .button,


.inputBlock .button


{


	margin-left: 5px;


}





/******************************************************


/* ERRORS


/*****************************************************/


.errorLabel


{


	color: #f00;


	display: block;


}





.errorList


{


	margin-left: 120px;


}





.errorList ul


{


	color: #f00;


	list-style-type: none;


	margin: 0;


}





.errorIndicator


{


	color: #f00;


	margin-left: 5px;


	vertical-align: top;


}








/******************************************************


/* CLEAR SPACER


/*****************************************************/


.inputBlock:after


{


	content: ".";


	display: block;


	height: 0;


	clear: both;


	visibility: hidden;


}





/* Hides from IE-mac \*/


* html .inputBlock


{


	height: 1px;


	padding-bottom: 1px; /* Fix for dropdown so that not bottom-border gets hidden */


}


/* End hide from IE-mac */


  


/* @include url(/Frameworks/Default/Styles/MasterPage.css); */


/******************************************************


/* FRAMEWORK STATICS


/******************************************************/


* {


	margin: 0;


	padding:0px;


}





html, body, form {height: 100%;}


body, td, th


{


	color: #333;


	font-family: Tahoma, Arial, Helvetica, Sans-Serif;


}


form 


{


	display: block;


	width: auto;	


	background-color: none;


}


/*********************************


/ Links 


/********************************/


a


{


	outline: none;


	padding:2px;


	color: #3b3b3b;


	display:inline;


}





a:hover


{


	color: #fff;


}





/******************************************************


/* REGIONS


/******************************************************/


#RegionPageBody


{


	overflow:visible;


	height: auto !important;


	height: 100%;


	padding-bottom:0px;


	margin-bottom:0px;


}





#RegionHeader


{


	position:relative;


	z-index:1;


	width: 890px;


	margin: 0 auto;


}





#RegionPage


{


	clear: both;


	padding: 0px;


	width: 890px;


	margin: 10px auto 20px auto;


	height:auto;


}





#RegionSidebar


{


	float: left;


	width: 170px;


}





#RegionContent


{


	float: right;


	width: 710px;


	padding-bottom:0px;


	margin-bottom:0px;


}


#RegionMainContent


{


	float: left;


	width: 470px;


	overflow:hidden;	


	height:auto;


	padding-bottom:10px;


}





#RegionSecondaryContent


{


	float: right;


	width: 230px;	


	padding-bottom:0px;


}





#push


{


	height:60px;


	padding:0px;


}


#RegionFooter


{


	font-size:0.9em;	


	background:url("/Frameworks/Default/Images/TransparentWhite70.png");


	padding: 10px 10px 20px 10px;	


}








/* EXTENSION FIX - fixed the gap on the floating menu*/


.Ext3FunctionBarHeader, #aspnetForm .Ext3DialogHeader 


{


	display:block !important;


}





.Ext3ContentArea 


{


	position: relative;


} 


/* @include url(/Frameworks/Default/Styles/PageFooter.css); */


#RegionFooter ul


{


	list-style-type:none;	


	width:910px;


	margin:0 auto;


}


#RegionFooter ul li


{


	width:205px;


	float:left;


	border-right:1px solid #3b3b3b;


	margin:0px 0 -10px 0;


	padding-right: 20px;


}


#RegionFooter ul li.second


{


	padding-left:30px;


	padding-right:30px;


	width:175px;


}


#RegionFooter ul li.third


{


	width:410px;


	border-right:0px;


	padding-right:0px;	


	padding-left:30px;


} 


/* @include url(/Frameworks/Default/Styles/PageHeader.css); */


#RegionHeader,


.PageHeader


{


	overflow:visible;	


}


.PageHeaderLogo


{


	margin: 10px 0px;


	display:block;


	float:left;


	overflow:visible;


	cursor:pointer;


}


 


/* @include url(/Frameworks/Default/Styles/Subsidiaries.css); */


#Subsidiaries .PuffHeading .buttonLink


{


	float: right;


	margin: 6px 1px 0 0;


}


#Subsidiaries .boxed


{


	margin-bottom: 0;


}





#Subsidiaries .jcarousel-container


{


	padding: 3px 39px;


	width: 835px;


	height: 85px;


	background-color: #fff;


}


#Subsidiaries .jcarousel-clip-horizontal


{


	width: 835px;


	height: 85px;


}





#Subsidiaries ul


{


	list-style: none none;


	margin: 0;


	padding: 0;


}


#Subsidiaries ul li


{


	float: left;


	width: 125px;


	height: 85px;


	margin: 0 17px 0 0;


	padding: 0;


	overflow: hidden;


}





#Subsidiaries li img


{


	width: 125px;


	height: 85px;


	margin: 0;


	padding: 0;


	display: block;


}


#Subsidiaries .Navigation


{


	width: 19px;


	height: 85px;


	position: absolute;


	top: 4px;


	cursor: pointer;


	background: transparent url(/Frameworks/Default/Images/SubsidiariesNavigation.gif) no-repeat 0 0;


}


#Subsidiaries .PrevButton


{


	left: 4px;


}


#Subsidiaries .PrevButton:hover


{


	background-position: -76px 0;


}


#Subsidiaries .jcarousel-prev-disabled,


#Subsidiaries .jcarousel-prev-disabled:hover


{


	background-position: -38px 0;


	cursor: auto;	


}


#Subsidiaries .NextButton


{


	right: 4px;


	background-position: -19px 0;


}


#Subsidiaries .NextButton:hover


{


	background-position: -95px 0;


}


#Subsidiaries .jcarousel-next-disabled,


#Subsidiaries .jcarousel-next-disabled:hover


{


	background-position: -57px 0;


	cursor: auto;


}


 


/* @include url(/Frameworks/Default/Styles/TopMenu.css); */


.TopMenu


{	


	position:absolute;	


	float:right;


	bottom:20px;


	right:0px;


	width:auto;	


	overflow:visible !important;


	font-size: 1.15em;


}





.TopMenu ul


{


	background:url("/Frameworks/Default/Images/TransparentWhite30.png");


	list-style-image: none;


	list-style-type: none;


	margin: 0;


	padding: 0;


	height:38px;


	overflow:visible;	


	width:auto;


	float:right;


}








.TopMenu li


{


	float: left;


	line-height: normal;


	margin: 0;


	display:block;


}





.TopMenu a


{


	display: block;


	text-decoration: none;


	color: #fff;


	padding:10px;


	font-weight:bolder;


	font-size:1em;





}





.TopMenu a:hover


{


	background-color: #fff;


	color:#3b3b3b;


}





.TopMenu .sel a, .TopMenu .sel a:hover


{


	color: #3b3b3b;


	background-color: #fff;


}


 


/* @include url(/Frameworks/Default/Styles/TreeMenu.css); */


.TreeMenu


{


	padding: 0px 0 5px 0;


	background:url("/Frameworks/Default/Images/TransparentWhite70.png");	


}





.TreeMenu ul


{


	list-style-image: none;


	list-style-type: none;


	margin:2px 0 10px 0;


	padding: 5px 0 0 0;


}





.TreeMenu li


{


	list-style-image: none;


	list-style-type: none;


	margin:3px 0 0 0;


}





.TreeMenu a, 


.TreeMenu .sel li a


{	


	display: block;


	text-decoration: none;


	color: #3b3b3b;


	background-color: Transparent;


}





.TreeMenu a:hover


{


	text-decoration: none;


	background:none;


}





.TreeMenu .sel a


{


	font-weight:bold;	


}





.TreeMenu .sel a:hover


{


	text-decoration: none;


}








/*** INDENT ***/


.TreeMenu li a


{


	padding-left:10px;


}





.TreeMenu li li a


{


	padding-left: 20px;


}





.TreeMenu li li li a


{


	padding-left: 30px;


}





/* Include sub styles*/


 


/* @include url(/Sites/Carpenova/Frameworks/Default/Styles/Functions.css); */


/*





.FunctionsArea


{


	width:608px;


	float:right;


	display:inline;


	margin:8px 0;


	height:16px;


	padding-right:16px;


}





.FunctionsArea ul


{


	list-style:none;


	margin:0;


	padding:0;


	float:right;


	display:inline;


}





.FunctionsArea ul li


{


	list-style:none;


	margin:0 0 0 20px;


	padding:0;


	display:inline-block;


	float:left;


}


*/





.fc .Functions


{


    float: right;


    padding-top: 10px;


    width: 500px;


    display: inline; 


}





.Functions ul


{


    margin: 0;


    padding: 0;


    list-style: none;


    line-height: normal;


    display: inline;


}


.Functions ul li


{


    list-style: none;


    float: right;


    display: inline-block;


    padding-left: 5px;


}








.Functions li A


{


    font-size: 0.8em;


    color: #ffffff;


    font-weight: bold;


    text-transform:capitalize;


}





.Functions li A IMG


{


    padding-left: 0px;


    padding-right: 0px;


    vertical-align: text-bottom;


    


}








/**********************************/


/* display or hide the different functions */


.fc .Functions


{


    display: inline;  


}





.Functions .LoginView


{


    display: none;


}


.Functions .SiteMap


{


     display: none;    


}


.Functions .Language


{


    display: inherit;


}


.Functions .Language .LanguageImage


{


    display: none;


}


.Functions .Language .LanguageLink


{





    display: inherit;


}


/* END display or hide*/


/**********************************/








/*Common*/


body


{


	background-color: #ad3034;


}





body, td, th


{


	color: #3b3b3b;


	font-family: Tahoma, Arial, Helvetica;


	font-size:1em;	


	line-height:1.2;


}








/*Headings*/


h1,h2,h3,h4,h5,h6


{


	font-family:"Arial Black", Arial, sans-serif, verdana;


	font-weight:bold;	


	margin:0px;


	line-height:normal;


	color:#3b3b3b;


}


h1


{


	font-size:2em;


	line-height:1.1em;


	margin-bottom:10px;


	margin-top:10px;


	letter-spacing:-1px;


}


h2


{	


	font-size:1.10em;


	font-family:"Arial Black",Arial, sans-serif, verdana;


}


.cb h2


{


	background:#FFFFFF;


	color:#3B3B3B;


	


	font-weight:bolder;


	padding:0px 0 0px 0px;


	font-family:"Arial Black",Arial, sans-serif, verdana;


}


h3


{


	font-size:1.6em;


}


h4


{


	


}





/*Start page*/


.StartPage #RegionMainContent


{


	width:590px;


	background:#fff;	


	padding-top:10px;


	padding-bottom:0px;	


}


.StartPage #RegionSecondaryContent


{


	width:290px;


}


.StartPage .StandardTeaser h2


{


	margin-bottom:5px;


}








.PageHeader a.PageHeaderLogo


{


	margin-left:-40px;	


	margin-top:20px;


	position:relative;	


}


.PageHeader a:hover.PageHeaderLogo


{


	background:none;	


}


.StartPage #RegionMainContent h2.first-h2


{


	font-size:1.3em;	


}


.StartPage #RegionMainContent div.FiftyFiftyDivider


{


	margin-bottom:0px;


	padding-bottom:0px;


}


.StartPage #RegionContent .FiftyFiftyDivider .imageHolder


{


	height:110px;


	overflow:hidden;	


	margin:0 0px 5px 00px;


}





/*Top menu*/


.TopMenu li.sel


{


	background:url("/Sites/Carpenova/Frameworks/Default/Images/TopMenuArrow.png") no-repeat bottom center !important;	


	padding-bottom:8px;


}


.TopMenu li a


{


	color:#fff;	


}





/*Tree menu*/


.TreeMenu h2


{


	background:#fff;


	padding:5px 0 5px 10px;


	color:#3b3b3b;


	font-weight:bolder;


	margin:0px 0 0 0px;


}


.TreeMenu h2 img


{


	padding:0px;


	margin:0px;	


}


.TreeMenu .sel a


{


	background:url("/Sites/Carpenova/Frameworks/Default/Images/TreeMenuArrow.gif") no-repeat center left;	


}


.breadcrumb


{


	background:#fff;


	font-size:0.8em;


}


.breadcrumb a


{


	color:#3b3b3b;


}





/*Article*/





.Article


{


	background:url("/Frameworks/Default/Images/TransparentWhite70.png");	


	margin-bottom:10px;


}








/* Tabcontrol */


#RegionContent .TabControl 


{


	padding-bottom: 0px;


	padding-top:0px;


	margin-top:27px;


	background:none;


	overflow:visible;


	  	


}


#RegionContent .TabControl .ArticleList


{


	background:transparent url(/Frameworks/Default/Images/TransparentWhite70.png) repeat scroll 0 0; 


	


}








#RegionMainContent .TabControl


{


	padding-bottom: 0px;


}


.TabControl .Text{


	


}





.TabControl .Text ul


{


    margin:0px;


    padding:10px 0 10px 10px;


}





.TabControl .Text .tabStrip


{


    background:none;


    


    width:100%;


	list-style-image: none;


	list-style-type: none;


	


	margin: -26px 0 0 0;


	padding: 0 0 0 0px;


}


.TabControl .Text .MainLink {


	font-size:1em;


	margin-bottom:10px;


	margin-left:10px;


	margin-top:10px;


}


.TabControl .Text .noLink {


	


	display:none;


}


.TabControl .Text .SubscriptionBox


{


	margin:10px 0 0 0;	


}


#RegionPageBody


{


	


}


.TabControl .tabStrip li


{


	background:transparent url(/Frameworks/Default/Images/TransparentWhite70.png) repeat scroll 0 0;       


    text-align:left;


    color:#333;   


    border:none;


    text-align:left; 


    font-size:1.1em;    


    float: left;


	list-style-image: none;


	list-style-type: none;


	cursor: pointer;


	padding: 3px 8px 6px 8px;


	margin:0 2px 0 0;


	font-family:"Arial Black",Arial,sans-serif,verdana;


	font-weight:bolder;


	


}








.TabControl .tabStrip li.hover,


.TabControl .tabStrip li.active


{


	color:#000;


	background-color: #fff;


}














/*Right color-palette*/


ul#ColorPalette


{


	position:fixed;


	right:0px;


	top:0px;


	height:	100%;


	list-style-type:none;


	margin:0px;


	padding:0px;


}


ul#ColorPalette li


{


	margin:0px;


	padding:0px;


	height:17%;


	width:10px;


	background:#ffcc00;


	position:relative;


}


ul#ColorPalette li a


{


    display:block;


    height:100%;   


}


ul#ColorPalette li a:hover


{


    background:none;   


}


ul#ColorPalette li.Red


{


	background:#ad3034;	


}


ul#ColorPalette li.DarkBrown


{


	background:#8e5e3f;	


}


ul#ColorPalette li.Blue


{


	background:#79aab6;	


}


ul#ColorPalette li.Orange


{


	background:#f68523;	


}


ul#ColorPalette li.LightBrown


{


	background:#afa273;	


}


ul#ColorPalette li.Yellow


{


	background:#cfc747;	


}








/*SET IE6 specific settings*/


.selectTagIe6Fix {


       white-space:pre;


}














/*UNDO IE6 specific settings*/


html>body .selectTagIe6Fix {


       white-space:nowrap;


       


}





body


{


	background-color: #ad3034;


}


a


{


	color:#ad3034;	


}


a:hover


{


	background-color:#ad3034;


}