/* Name:		skin.css
 * Description: Style sheet that belongs to the CSV DotNetNuke skin
 * Author:		Reggy de Jongh
 * Copyrights:	Van Aaken Automatisering
 *
 * Changelog:
 * $RJ01 - 30 Mar 2006 - Initial draft
 * $RJ02 - 03 Apr 2006 - Added styles for home template
 * $RJ03 - 05 Apr 2006 - Added styles for alternative content template
 * $RJ04 - 06 Apr 2006 - Finetuned lots of styles
 *
 */


/* -----------------------
 * CUSTOM STYLE CLASSES
 * -----------------------
 */


/* Style classes for the top spacers.
 * These are the table columns at the top of the page, where the logo is located.
 */

.topSpacerLeft {
	width: 96px; 
	background-image: url(top_spacer_left.gif);
}

.topSpacerMiddle {
	width: 100%;
	background-image: url(top_spacer_middle.gif);
}

.topSpacerRight {
	width: 96px; 
	background-image: url(top_spacer_right.gif);
}

.topSpacerLeft, .topSpacerMiddle, .topSpacerRight {
	height: 125px; 
}

/* Style classes for the menu spacers.
 * These are the table columns where the DNN dropdown menu is located.
 */

.menuSpacerLeft {
	width: 96px;  
	background-image: url(menu_spacer_left.gif);
}

.menuSpacerMiddle {
	width: 100%; 
	background-image: url(menu_spacer_middle.gif);
}

.menuSpacerRight {
	width: 96px; 
	background-image: url(menu_spacer_middle.gif);
}

.menuSpacerLeft, .menuSpacerMiddle, .menuSpacerRight {
	height: 45px; 
}


/* Style classes for the gradient spacers.
 * These are the table columns where the gradient overlay from white to gray occurs.
 */

.gradientSpacerLeft {
	width: 96px; 
	height: 70px; 
	background-image: url(gradient_spacer_left.gif);
}

.gradientSpacerMiddle {
	width: 100%; 
	height: 70px; 
	background-image: url(gradient_spacer_middle.gif); 
	vertical-align: bottom;
}

.gradientSpacerMiddleRight {
	width: 192px; 
	height: 70px; 
	background-image: url(gradient_spacer_right.gif);
}

.gradientSpacerRight {
	width: 96px; 
	height: 70px; 
	background-image: url(gradient_spacer_right.gif);
}

/* Special class for the home template */
.gradientHomeSpacerMiddle {
	width: 100%; 
	height: 70px; 
	background-image: url(home_gradient_spacer.gif); 
	vertical-align: bottom;
}

/* Special class for the home template */
.gradientHomeSpacerMiddleSides {
	width: 192px; 
	height: 70px; 
	background-image: url(home_gradient_spacer.gif);
}



/* Style classes for the links spacers.
 * Name is a bit misleading, it affect the table columns where the breadcrumbs are printed.
 */

.linksSpacerLeft {
	width: 96px; 
	height: 20px; 
	background-image: url(links_spacer_left.gif);
}

.linksSpacerMiddle {
	width: 100%; 
	height: 20px; 
	background-color: #fff7a5;
}

.linksSpacerMiddleRight {
	width: 192px; 
	height: 20px; 
	background-image: url(links_spacer_right.gif);
}

.linksSpacerRight {
	width: 96px; 
	height: 20px; 
	background-image: url(links_spacer_right.gif);
}


/* Style classes for the content spacers.
 * These are the table columns where the ContentPane is located.
 */

.contentSpacerLeft {
	padding: 10px;
	width: 150px; 
	vertical-align: top;
	background-color: #fff7a5;
}

.contentSpacerMiddle {
	width: 100%;
	background-color: #fff7a5;
	vertical-align: top; 
	text-align: center;
}

.contentSpacerMiddleRight {
	/*width: 192px;*/ 
	width: 120px;
	background-image: url(content_spacer_right.gif); 
	vertical-align: top;
}

.contentSpacerRight {
	width: 96px; 
	background-image: url(content_spacer_right.gif);
}

/* Special class for the home template */
.contentHomeSpacerMiddle {
	width: 100%; 
	background-image: url(home_contentpane_background.gif); 
	background-color: #fff7a5;
	vertical-align: top; 
	text-align: center;
}

.contentSpacerLeftHome {
	width: 285px;
	vertical-align: top;
	background-image: url(content_spacer_left.gif);
}

.contentSpacerRightHome {
	width: 190px;
	vertical-align: top;
	background-image: url(content_spacer_right.gif);
}

.contentSpacerMiddleHome {
	width: 100%;
	vertical-align: top;
	text-align: center;
	background-color: #fff7a5;	
}

/* Style classes for the content spacers.
 * These are the table columns where the ContentPane is located.
 */
.content2SpacerLeftTop, .content2SpacerMiddleTop, .content2SpacerRightTop, .content2SpacerLeftBottom, .content2SpacerMiddleBottom, .content2SpacerRightBottom {
	height: 96px;
}

.content2SpacerLeftTop {
	width: 192px; 
	background-image: url(content02_spacer_left.gif);
}

.content2SpacerMiddleTop {
	width: 100%; 
	background-image: url(content02_spacer_middle.gif); 
	vertical-align: top;
}

.content2SpacerRightTop {
	width: 192px; 
	background-image: url(content02_spacer_right.gif);
}

.content2SpacerLeftBottom {
	width: 192px; 
	background-image: url(content02_spacer_left.gif);
}

.content2SpacerMiddleBottom {
	width: 100%; 
	background-image: url(content02_spacer_middle.gif); 
	vertical-align: top;
}

.content2SpacerRightBottom {
	width: 192px; 
	background-image: url(content02_spacer_right_bottom.gif);
}

.content2Footer {
	height: 96px;
	background-image: url(content02_spacer_footer.gif);
	vertical-align: bottom;
	text-align: right;
	color: #FFFFFF;
}

/* Style classes for the footer spacers.
 * These are the bottom table columns, that contain the copyright notice, terms, etc.
 */

.footerSpacer {
	width: 96px; 
	height: 20px; 
	background-color: #bebb00;
}

.footerMiddleLeft {
	width: 96px; 
}

.footerMiddleRight {
	width: 100%; 
	text-align: right;
}

.footerMiddleLeft, .footerMiddleRight {
	height: 20px; 
	background-color: #bebb00;
}

.footerMiddleLeft, .footerMiddleRight, .footerText {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #FFFFFF;
}


/* Links in the footer */

A.footerText {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
}

A.footerText:link{
	text-decoration: underline;
	color: #FFFFFF;
}

A.footerText:visited {
	text-decoration: underline;
	color: #FFFFFF;
}

A.footerText:active {
	text-decoration: underline;
	color: #FFFFFF;
}

A.footerText:hover {
	text-decoration: none;
	color: #694d39;
}


/* Links in the header */

A.headerText {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
}

A.headerText:link{
	text-decoration: underline;
	color: #120d0a;
}

A.headerText:visited {
	text-decoration: underline;
	color: #120d0a;
}

A.headerText:active {
	text-decoration: underline;
	color: #120d0a;
}

A.headerText:hover {
	text-decoration: none;
	color: #694d39;
}


/* ------------------------
 * DOTNETNUKE STYLE CLASSES
 * ------------------------
 */

/* Menu Container */
.MainMenu_MenuContainer {
	background-color: transparent; 
}

/* Menu Bar */
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: transparent;
	color: #120d0a;
}


/* Drop down menu style */
.MainMenu_SubMenu {
	border: 1px solid #ebe1da;
	background-color: #ebe1da;

}

/* Menu Items */
.MainMenu_MenuItem {
	font-family: Verdana, Arial, Helvetica;
	font-style: normal; 
	font-weight: bold; 
	font-size: 13.5px; 
	cursor: pointer; 
	cursor: hand;  
	border: 0px;
	background-color: transparent;
}

/* Menu Items Home page */
.MainMenu_MenuItem_Home {
	font-family: Verdana, Arial, Helvetica;
	font-style: normal; 
	font-weight: bold; 
	font-size: 13.5px; 
	cursor: pointer; 
	cursor: hand; 
	background-color: transparent;
}

/* Menu items for mouse-over */
.MainMenu_MenuItemSel {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 13.5px; 
	font-weight: bold; 
	font-style: normal;
	background-color: #120d0a; 
	cursor: pointer; 
	cursor: hand; 
	color: #FFFFFF; 
}

/* Menu Icons */
.MainMenu_MenuIcon {
	background-color: #694d39; 
	border: 0px;
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}

/* Menu Arrow */
.MainMenu_MenuArrow {
	border-right: #000000 0px solid; 
	border-bottom: #000000 0px solid; 
	border-top: #000000 0px solid;
	font-family: webdings; 
	font-size: 13.5px; 
	cursor: pointer; 
	cursor: hand; 
}

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

.SkinObject {
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-size: 12px;
	color: #120d0a;
}

A.SkinObject {
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-size: 12px;
}

A.SkinObject:link{
	text-decoration: underline;
	color: #120d0a;
}

A.SkinObject:visited {
	text-decoration: underline;
	color: #120d0a;
}

A.SkinObject:active {
	text-decoration: underline;
	color: #120d0a;
}

A.SkinObject:hover {
	text-decoration: none;
	color: #120d0a;
}

/* ----------------------------
 * VAA SPECIFIEKE STYLE CLASSES
 * ----------------------------
 */

.topSpacerVAA {
	width: 100%;
	background-image: url(top_spacer_VAA.gif);
	height: 106px
}

.contentSpacerRightVAA {
	width: 95px;
	background-image: url(VAAcontent_spacer_right.gif); 
	vertical-align: top;
}

td.mailLogin {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;	
	text-decoration: none;
	color: #000000;
	width: 200px;
	background-image: url(top_spacer_VAA.gif);
}