/* ================================
    CSS STYLES FOR THE Basic 
	Content	Management System.
    v 2.0.0        27/10/2005
   ================================
*/   

/* DEFAULT Page Components */
.pagemaster {
	width: 100%;
	height: 100%;	
	background-color:White;
}

.skinmaster 
{
	width: 950px;
	height: 100%;
	background-color:White;
}

.controlSpace {
}

/* DEFAULT Menu Components */
.pagesBg {
    top:0;
	height: 20px;
	float:left;
}

.otherPage  a {color: #000000;
	width: 9em;
	overflow:hidden;
	text-decoration: none;
	font-weight:normal;
	font-size:11px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	background-color:Gray;
}
    
.otherPage a:hover {
	background-color:#FFFFFF;
}

/* CONTROL Panel*/
.ControlPanel {
    width: 100%;
    height: 64px;
    background-color: #CCCCCC;
    BORDER-RIGHT: #003366 1px solid; 
    BORDER-TOP: #003366 1px solid; 
    BORDER-LEFT: #003366 1px solid; 
    BORDER-BOTTOM: #003366 1px solid; 
}

/* DROPDOWN Menu*/
.ModuleTitle_MenuContainer {
	border-bottom: blue 0px solid; 
	border-left: blue 0px solid; 
	border-top: blue 0px solid; 
	border-right: blue 0px solid; 
}

.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16;
	background-color: Transparent;
}

.ModuleTitle_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: white 0px solid; 
	border-bottom: white 1px solid; 
	border-top: white 1px solid; 
	border-right: white 0px solid;
	background-color: Transparent;
}

.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}

.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak {
	border-bottom: #EEEEEE 1px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 1px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	height: 1px;
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;

	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

/* ItemStyles */
/* style for module titles */
.Head   {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    height: 35px;
    color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold
}

/* text style used for error messages */
.NormalRed
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
}

.ContainerMaster
{
}

.ContainerRow
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff0000;
}


/* MODULE Styles*/
/* Article Styles*/
.Article
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

.ArticleTitle{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
}

.ArticleContent{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

.SingleArticle{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

/* Custom Page Styles */
/* Image-Urls: ../../ (Because of css folder structure) */
.leftPane {
	width:373px;
	float:left;
}
.blue-extreme-car {
	width:373px;
	height:150px;
	float:left;
}
.subPane {
	width:373px;
	height:100%;
	float:left;
	border-right:1px;
	border-right-style:dashed;
}

.cars-body {
	width:550px;
	height:100%;
	float:left;
}
.cars-header {
	height:130px;
	background-image:url(../../images/carsxtreme/menubg.jpg);
}
.cars-xtreme-logo {
	width:550px;
	height:52px;
	float:left;
}
.menuPane {
	width:550px;
	height:58px;
	float:left;
}
.mainPane {
	width:550px;
	height:100%;
	float:left;
	background-image:url(../../images/carsxtreme/menubg.jpg);
	background-repeat:repeat-x;
	border-right:1px;
	border-right-style:solid;
}
.contentPane {
	width:550px;
	float:left;
	padding-right: 0px;
}

H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    height: 22px;
    color: #333333;
}

H2 {
	 FONT-SIZE: 14pt;
	 COLOR: #374042;
	 LINE-HEIGHT: 17pt;
	 font-weight: bold;
	 FONT-FAMILY: Arial, Verdana, Helvetica, Geneva, sans-serif;
}
TD {
	 FONT-SIZE: 10pt;
	 COLOR: #374042;
	 LINE-HEIGHT: 13pt;
	 FONT-FAMILY: Arial, Verdana, Helvetica, Geneva, sans-serif;
}


/* New Age Modules */
/* Website History Control */
.SingleBuilding
{
	width:600px;
	background-color:Gray;
}
.SingleBuildingItem
{
	width:280px;
	padding: 2 2 2 2;
	margin: 3 3 3px 3px;
	float: left;
	background-color:White;
}
.SingleBuildingItemValue
{
	width:280px;
	padding: 2 2 2 2;
	margin: 3 3 3px 3px;
	float: right;
	background-color:White;
}
.WebsiteHistory 
{
	width:600px;
	background-color:Gray;
}

.WebsiteHistoryItem
{
	width:290px;
	padding: 5 5 5 5;
	margin: 3 3 3px 3px;
	float: left;
	background-color:White;
	
}

.WebsiteHistoryItem h2
{
		FONT-SIZE: 11pt;
		text-decoration: none;
}

.WebsiteHistoryItem p
{
}

.WebsiteHistoryItem p a
{
	color:#3399CC;
	font-weight:bold;
	text-decoration: none;
}

.WebsiteHistoryItem p img {
	margin: 0 0 0px 0px;
	border: 0px solid #000;
}

/*Cars-Xtreme Top X*/
.SingleCar
{
	float:left;
	width:160px;
	height:160px;
	margin:5px 5px 5px 5px;	
	background-color:#D2AE4E;	
	text-align:center;
}
.SingleCar h2
{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.SingleCar img
{
	width:135px;
	border-color:White;
}
.SingleCompetitor
{
	float:left;
	margin:5px 5px 5px 5px;	
	background-color:White;	
	text-align:Left;
}
.SingleCompetitor H1
{
	color:Black;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}
.SingleCompetitor img
{
	border:solid 2px #D2AE4E;
	width:450px;
	border-color:White;
}
.SubPageLinks
{
	float:left;
	width:550px;
	background-color:#494D4C;	
	text-align:center;
	color:White;
	font-weight:bold;
	margin-top:20px;
}
.SubPageLinks a
{
	color:White;
	font-weight:bold;
}
.Aanmelden
{
	padding:2px 2px 2px 2px;	
	float:left;
	width:367px;
	background-color:#494D4C;
	background-image:url(../../images/carsxtreme/aanmeldengeel.jpg);
	background-repeat:repeat-x;
	text-align:center;
	color:White;
	font-weight:normal;
}
.Aanmelden a
{
	color:White;
	font-weight:bold;
	text-align:center;
}
.Aanmelden h2
{
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	color:White;
}
.Signup
{
	padding:2px 2px 2px 2px;	
	float:left;
	width:540px;
	background-color:#494D4C;
	background-image:url(../../images/carsxtreme/aanmeldengeel.jpg);
	background-repeat:repeat-x;
	text-align:left;
	color:White;
	font-weight:normal;
}
.Signup h2
{
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	color:White;
}
.MeedoenItem
{
	width:265px;
	float:left;
	font-weight:bold;
}

.FieldItem
{
	width:265px;
	float:left;
	font-weight:bold;
}
.FieldValue
{
	width:265px;
	float:left;
	font-weight:normal;
}

/*New Profile Module*/
.RegularFieldRow
{
	float:left;
	font-weight:normal;
	width:100%;
	background-color:#F6F8F8;
}
.BoldFieldRow
{
	float:left;
	font-weight:bold;
	width:100%;
	border-bottom:dashed 1px Gray;
	padding-top:20px;
}
.RegularFieldItem
{
	width:220px;
	float:left;
	font-weight:normal;
}
.BoldFieldItem
{
	width:230px;
	float:left;
	font-weight:bold;
}

.SingleImage
{
	float:left;
	width:160px;
	height:140px;
	padding: 8px 8px 8px 8px;
}
.SingleImage img
{
	width:135px;
	border-color:Gray;
}
.SingleProfile
{
	border-top:dashed 1px Gray;
	background-color:#F6F8F8;
	float:left;
	width:100%;
	padding: 8px 8px 8px 8px;
}
.SingleProfile img
{
	float: left;
	margin: 0 3px 3px 0px;
	width:135px;
	border-color:Gray;
}
.SingleProfile h2
{
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	color:black;
}