/* 
================================
Skin styles for DotNetNuke - Grimpeur Wielersport - DNN Services http://www.dnnservices.nl
================================
*/  

/* Standard Classes to keep the look and feel of 
   the layout throughout the site when changing skins */ 


/* Background Color of Skin */
.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #000000;
}

/* Manages the width of the skin */
.skinmaster {
	width: 1024px;
	height: 100%;
	background-color: #EB1818;
	border-right: #000000 0px solid; 
	border-top: #000000 0px solid; 
	border-left: #000000 0px solid; 
	border-bottom: #000000 0px solid; 
}

/* Manages the Control Panel Background Colour */
.ControlPanel {
	background-color: #FFFFFF;
}

/* Classes of the contentpanes */
.ContentPane  { 
	padding: 3px;
}

.TopPane  { 
	padding: 3px;
}

.RightPane  { 
	padding: 3px;
}

.LeftPane  { 
	padding: 3px;
}

.BottomPane  { 
	padding: 3px;
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: black;
}

/* text style for the selected tab */
.SelectedTab {
   font-weight: bold;
   font-size: 65%;
   color: #000000;
	font-family: Comic Sans MS MS, Tahoma, Arial, Helvetica;
   text-decoration: none;
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
    font-weight: bold;
    font-size: 65%;
    color: #000000;
	 font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.SelectedTab:visited  {
    font-weight: bold;
    font-size: 65%;
    color: #000000;
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.SelectedTab:active   {
    font-weight: bold;
    font-size: 65%;
    color: #000000;
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
	text-decoration: none;
}

A.SelectedTab:hover    {
    font-weight: bold;
    font-size: 65%;
    color: #FFFF00;
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
    text-decoration: none;
}

/* text style for the unselected tabs */
.OtherTabs {
    font-weight: bold;
    font-size: 65%;
    color: #000000;
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
    text-decoration: none;
}

/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
    font-weight: bold;
    font-size: 65%;
    color: #000000;
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.OtherTabs:visited  {
    font-weight: bold;
    font-size: 65%;
    color: #000000;
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
	text-decoration: none;
}

A.OtherTabs:active   {
    font-weight: bold;
    font-size: 65%;
    color: #000000;
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
	text-decoration: none;
}

A.OtherTabs:hover    {
    font-weight: bold;
    font-size: 65%;
    color: #FFFF00;
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
	text-decoration: none;
}
    
/* GENERAL */
/* style for module titles */
.Head   {
	color: #FFFF00; 
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
	font-size: 125%; 
	font-weight: bold;
	vertical-align: top;
}

/* style of item titles on edit and admin pages */
.SubHead    {
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
	font-size: 85%;
	font-weight:    bold;
	color: black;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
    font-size: 85%;
    font-weight: bold; 
}

/* text style used for most text rendered by modules */
.Normal
{
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
	margin: 0em 0% 0em 0%;
	font-size: 85%;	
	cursor: default; 
	color: #000000;
   text-decoration: none;
	font-weight: bold;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
	margin: 0em 0% 0em 0%;
	font-size: 85%;	
	cursor: default; 
	color: #000000;
    text-decoration: none;
}

.NormalRed
{
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
   font-size: 85%;
   font-weight: bold;
   color: #FFFF00;
}

.NormalBold
{
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
    font-size: 85%;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Arial, Helvetica;
    font-size: 85%;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration: underline;
    color: #000000;
}
A.CommandButton:visited {
    text-decoration: underline;
    color: #000000;
}
A.CommandButton:active {
    text-decoration: underline;
    color: #000000;
}
A.CommandButton:hover {
    text-decoration: underline;
    color: #000000;
}       

/* GENERIC */
H1 {
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
	font-size: 120%;
	color: #FFFF00;
	font-style: italic;
}
H2 {
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
    font-size: 110%;
    color: #FFFF00;
}
H3 {
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
    font-size: 100%;
    color: #FFFF00;
}
H4 {
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
    font-size: 95%;
    color: #FFFF00;
}
H5 {
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
    font-size: 90%;
    color: #FFFF00;
}

H6 {
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
    font-size: 85%;
    color: #FFFF00;
}
TFOOT, THEAD {
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
    font-size: 95%;
    color: #000000;
}
TH  {
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
    font-size:  100%;
    font-weight: bold;
    color: #000000;
}
/* Common links */
A:link {
    text-decoration: underline;
    color: #FFFF00;
}
A:visited {
    text-decoration: underline;
    color:  #FFFF00;
}
A:active {
    text-decoration: underline;
    color: #FFFF00;
}
A:hover {
	text-decoration: underline;
    color: #FFFF00;
}

/* Solpart Menu Functions */
.MainMenu_MenuContainer TD{
	background-color: #EB1818;
}

.MainMenu_MenuContainer {
	height: 20px;
}

.MainMenu_MenuBar {
	cursor: hand; 
	height: 20px;
	Background-color: transparent;
}

.MainMenu_MenuItem{
	background-color:#000000;
	color: #FFFF00;
	height: 20px;
	font-size: 12px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px soid #000000;
	padding-right: 5px;
}

.MainMenu_MenuItemSel {
	background-color:#FFFF00;
	color: #EB1818;
	height: 20px;
	font-size: 12px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding-right: 5px;
}

.MyRootMenuItem TD{
	background-image:url(images/Menuitem.jpg);
	color: #FFFF00; 
	cursor: hand; 
	height: 32px;
	font-family: Arial, Helvetica;
	font-size: 14px; 	
	text-align:center;
	width: 142px;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	padding: 0em 0em 0em 0em;
}

.MyRootMenuActiveItem TD{
	background-image:url(images/Menuitem.jpg);
	color: #FFFF00; 
	cursor: hand; 
	height: 32px;
	font-family: Arial, Helvetica;
	font-size: 14px; 	
	text-align:center;
	width: 142px;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	padding: 0em 0em 0em 0em;
}

.MyRootMenuSelectedItem TD{
	background-image:url(images/Menuitemover.jpg);
	color: #EB1818; 
	cursor: hand; 
	height: 32px;
	width: 142px;
	font-family: Arial, Helvetica;
	font-size: 14px; 	
	text-align:center;
	width: 142px;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	padding: 0em 0em 0em 0em;
}

.MainMenu_SubMenu{
	background: #EB1818;
	z-index: 1000; 
	cursor: hand;
	font-family: Arial, Helvetica; 
	font-size: 12px; 
	filter: none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 0em 0em 0em 0em;
}

.Breadcrumb_Rootmenuitem TD{
	background-image:url(images/Menuitem.jpg);
	color: #FFFF00; 
	cursor: hand; 
	height: 32px;
	font-family: Arial, Helvetica;
	font-size: 14px; 	
	text-align:center;
	width: 142px;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	padding: 0em 0em 0em 0em;
}

.MainMenu_MenuIcon {
	display:none;
}

.MainMenu_MenuBreak {
	border-top: 0px solid #EB1818;
	border-bottom: 3px solid #EB1818;
}

.MainMenu_MenuArrow {
	display: none;
}

.MainMenu_RootMenuArrow  {
	display: none;
}

/* End Standard Classes for DotNetNuke */


/* Custom Tags - These create the custom look and feel of the skin */

/* Shows the background Image for the Non Flash Skins and for those who don't have Flash */
.FlashMaster {
	background-image: url(GreenPix/MediaFlashBackground.jpg);
	width: 520px;
	height:85px;
	background-repeat: no-repeat:
}

/* Image left that cannot be repeated */
.Bokleft {
	background-image:url(images/grimpeur_01.jpg);
	background-color: Black;
	height: 100%;
	width: 153px;
	background-repeat: no-repeat;
}

/* Image right that cannot be repeated */
.Bokright {
	background-image:url(images/grimpeur_03.jpg);
	background-color: Black;
	height: 100%;
	width: 142px;
	background-repeat: no-repeat;
}

/* Top image behind flashlogo*/
.Topimage {
	background-image:url(images/grimpeur_04.jpg);
	width: 729px;
	height: 110px;
	background-repeat: no-repeat;
}

/* Backgroundimage contentpanes */
.Contentbackground {
	background-image: url(images/grimpeur_07.jpg);
	background-color: #EB1818;
	background-position: 0 35;
	width: 587px;
	height: 100%;
	background-repeat: no-repeat;
	SCROLLBAR-FACE-COLOR:#EB1717; SCROLLBAR-HIGHLIGHT-COLOR: #ffff00; SCROLLBAR-SHADOW-COLOR: #ffff00; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #FFFF00; SCROLLBAR-TRACK-COLOR: #EB1717; SCROLLBAR-DARKSHADOW-COLOR: #000000;
}

/* Top gradient */
.Topgradient {
	/* background-image: url(images/grimpeur_02.jpg); */
	background-color: Black;
	height: 15px; /* was 63px */
	width: 729px;
	background-repeat:repeat-x;
}
	
/* Bottom gradient */
.Bottomgradient {
	/* background-image: url(images/bottomimage.jpg); */
	background-color: Black;
	height: 15px; /* was 63px */
	width: 729px;
	background-repeat:repeat-x;
}
	
/* Yellow bar */
.Yellowbar {
	background-image: url(images/yellowbar.jpg);
	height: 26px;
	width: 729px;
	background-repeat:repeat-x;
   color: #000000;
	font-size:8pt;
	font-family: Tahoma, Arial;
   text-decoration: none;	
	text-align: center;
	padding-bottom: 15px;
	vertical-align: text-bottom;
}
	
/* Searchbutton background */
.searchbackgroundrow {
	background-image:url(images/grimpeur_05.jpg);
	height: 27px;
	width: 105px;
	background-repeat:no-repeat;
	padding-left: 15px;
}

.SearchTD { 
	text-align:right; 
	vertical-align:bottom;
	padding: 0px 0px 0px 0px; 
	height:22px; 
	width:200px;
}

/*-- textbox used for search    --*/ 
#dnn_dnnSEARCH_txtSearch.NormalTextBox { 
	height:21px; 
	background: transparent; 
	width: 86px; 
	color: #000000; 
	padding: 0px 2px 0px 0px; 
	border: 0px solid #FFFFFF; 
	cursor:text;
} 

/*-- search button in search form      --*/ 
.SearchButton { 
	background: transparent; 
	padding: 10px 0px 4px 55px; 
	cursor: hand; 
	font-size:1px; 
	text-align:right;
	margin: 0 0 0 0px;
	color: #000000;
}

A.SearchButton:link { 
	background: transparent; 
	padding: 10px 0px 4px 55px; 
	cursor: hand; 
	font-size:1px; 
	text-align:right;
	margin: 0 0 0 0px;
	color: #000000;
}

A.SearchButton:visited { 
	background: transparent; 
	padding: 10px 0px 4px 55px; 
	cursor: hand; 
	font-size:1px; 
	text-align:right;
	margin: 0 0 0 0px;
	color: #000000;
}

A.SearchButton:active { 
	background: transparent; 
	padding: 10px 0px 4px 55px; 
	cursor: hand; 
	font-size:1px; 
	text-align:right;
	margin: 0 0 0 0px;
	color: #000000;
}

A.SearchButton:hover { 
	background: transparent; 
	padding: 10px 0px 4px 55px; 
	cursor: hand; 
	font-size:1px; 
	text-align:right;
	margin: 0 0 0 0px;
	color: #000000;
}
.Aximius {
    color: #ffffff;
	 font-size:8pt;
	 font-family: Tahoma, Arial;
    text-decoration: none;	
	 text-align: center;
	 padding-bottom: 5px;
	 vertical-align: text-bottom;
}
.Aximius:link {
	color: black;
}
.Aximius:hover {
	color: #EB1818;
}
.Aximius:visited {
	color: #EB1818;
}
.Register {
	width: 400px;
	color: Yellow;
	background-color: black;
	padding-left: 10px;
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
	font-size:10pt; 
}
.Bovenbalk {
	background-color: Black;
}

.NormalGPK {
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
	margin: 0em 0% 0em 0%;
	font-size: 80%;	
	cursor: default; 
	color: #000000;
   text-decoration: none;
	font-weight: bold;	
}
.SubHeadGPK {
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
	font-size: 80%;
	font-weight:    bold;
	color: black;
}
.NormalBoldGPK {
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
    font-size: 65%;
	 font-weight: normal;
}
.HeadGPK {
	color: #FFFF00; 
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
	font-size: 100%; 
	font-weight: bold;
	vertical-align: top;
}
.NormalTextBoxGPK {
	font-family: Comic Sans MS, Tahoma, Arial, Helvetica;
	margin: 0em 0% 0em 0%;
	font-size: 100%;	
	cursor: default; 
	color: #000000;
   text-decoration: none;	
}
.CommandButtonGPK {
    font-family: Arial, Helvetica;
    font-size: 80%;
    font-weight: normal;	
}