@charset "utf-8";

/*
  ╔═══════════════════════════════════════════════════════════════════════════
   stylesheet_modules.css
   created by : Machiel van Gelder.
   creation date: 22 April 2009.
   modified by:____________________
   modification date: __ ________ ____
   ===================================
    
   This css is used to define the css for modules and components in the site.
   ===========================================================================
   Page module items are described in the template as <!-- *** example *** -->
   ═══════════════════════════════════════════════════════════════════════════
*/

/* ##################### MENUS ##################### */ 



/* ---------- *** searchbox *** ---------- */

.search {
	float:left;
	position: relative;
	height:34px;
	padding:0;
	margin: 0px;
	top:0px;
	left: 0px;
	_display:inline; /* IE6 hack */
}

.search_button {
	position:absolute;
	color: #fff;
	font-weight: bold;
	width: 47px;
	height: 25px;
	line-height:22px;
	background: transparent;
	text-align: center;
	cursor: pointer;
	left:45px;
	top:0px;
	border: 0px;
	padding-top:4px;
	#padding-top: 0px; /* Fixes layout for IE */ 
}

.search_field {
 	float: left;
	border:0;
	width:124px;
	height:21px;
	padding-top:2px;
	#padding-top: 2px; /* Fixes layout for IE */ 
	margin-left:112px;
	margin-top: 0px;
	#margin-top: 0px; /* Fixes layout for IE */ 
	font-size: 12px;
	color: #0079aa;
	background-color: transparent;
}

.search_bg, .search_bgIE {
	background:url(../images/search_bg.jpg) no-repeat;
	width:255px;
	height:34px;
	display:block;
	border: 0;
}	

/* ---------- *** functionmenu *** ---------- */

#contentwrapper #functiemenu
{
    position: absolute;
    width: 20px; 
    height: 50px; 
    #top: -22px !important; /* Fixes the top offset from the contentwrapper for IE */
    #right: 10px!important; /* Fixes the padding from the contentwrapper for IE */   
}

#contentwrapper .FunctieNaarBoven
{
    position: absolute;
    right: 0px;
    bottom:0px;
    hasLayout: false;
    #bottom: 125px; /* Fixes the bottom offset from the contentwrapper for IE >> play with this value to get the desired result */
    #right:10px; /* Fixes the padding from the contentwrapper for IE >> insert width of right padding here */
} 

#functiemenu .functionbutton
{
    width:20px;
    height:20px;
    margin: 0px 0px 4px 0px;
    padding: 0px;
    border: 0px;
    font-size:1px;
}
.functionbutton a
{ 
}
	
#mail_form 
{
    background-color: #e8f1f9; 
    display:none;
    position: absolute; 
    width: 300px; 
    top: 24px; 
    right: 30px; 
}
	
#mail_form .form_title
{
    font-weight: bold;
    font-size: 12px;
}
	
#mail_form .inside table
{
    width: 100%;
    table-layout: fixed; 
    padding:5px !important;
    font-size: 11px;        
    color: #005072;
}
#mail_form .inside table td	{ padding:3px; }
   
#mail_form input { width: 100%; }
#mail_form textarea { width: 100%; height: 5em; }
    
#mail_form .CloseButton 
{ 
    display: block;
    width:17px; 
    height:17px;
    line-height: 17px;
    font-weight: bold;
    font-size: 12px;
    color: Red;
    background-color: white;
    border: 1px solid #afd2ea;
    float:right; 
    text-align:center;
    text-decoration: none;
}
    
#mail_form .SubmitButton 
{ 
    display: block;
    width:127px;
    height:23px;
    line-height: 23px;
    font-weight: bold;
    color: White;
    background-color: transparent;
    float:right; 
    text-align:center;
    background: #0079aa;
    border: none 0px transparent; 
    cursor: pointer;
}


/* ##################### MENUS ##################### */ 

/* ##################### LITE  ##################### */ 

/* ---------- *** TopMenu *** ---------- 
	
	.TopMenu
	{
		display: block;
		float: left;
		width: 705px;
		overflow: hidden;
		text-align: left;
	}	
	
	.TopMenu ul, .TopMenu li
	, .TopMenu .TopItem
	{
		display: block;
		padding: 0;
		margin: 0px 0px 0px 0px;
		line-height: 34px;
		float:left;
		list-style: none;
		list-style-type: none;
		height: 34px;
	}
	
	.TopMenu li#Item001
	, .TopMenu Table#ctl01_ctl00_0
	{
	    width:165px;
	}
	
	.TopMenu li#Item002
	, .TopMenu Table#ctl01_ctl00_4
	{
	    width:100px;
	}
	
	.TopMenu li#Item003
		, .TopMenu Table#ctl01_ctl00_6
	{
	    width:105px;
	}
	
	.TopMenu li#Item004
		, .TopMenu Table#ctl01_ctl00_7
	{
	    width:141px;
	}
	
	.TopMenu li#Item005
		, .TopMenu Table#ctl01_ctl00_8
	{
	    width:76px;
	}
	
	.TopMenu li#Item006
	{
	    width:118px;
	}
	
	.TopMenuItem a:link,.TopMenuItem a:hover,.TopMenuItem a:active,.TopMenuItem a:visited
	, .TopMenu .TopItem
	{
		display: block;
		height:34px;
		color: #dfedf7;
		font-weight: thin;
		font-size: 1px;
	}
	
	.TopMenu li a
	, .TopMenu .TopItem
	{
	    background-image: url(../images/menu/topmenu.jpg);
	}
	
	
	.TopMenu li#Item001 a
	
	{
		background-position: 0px 0px;
	}
	
	.TopMenu li#Item001 a:hover
	{
		background-position: 0px 68px;
	}
	
	.TopMenu li#Item001.TopMenuItemSelected a, .TopMenu li#Item001.TopMenuItemSelected a:hover
	{
	    background-position: 0px 34px; 
	}
	
	.TopMenu li#Item002 a
	{
		background-position: 540px 0px;
	}
	
	.TopMenu li#Item002 a:hover
	{
		background-position: 540px 68px;
	}
	
	.TopMenu li#Item002.TopMenuItemSelected a, .TopMenu li#Item002.TopMenuItemSelected a:hover
	{
	    background-position: 540px 34px; 
	}
	
	.TopMenu li#Item003 a
	{
	    background-position: 440px 0px;
	}
	
	.TopMenu li#Item003 a:hover
	{
		background-position: 440px 68px;
	}
	
	.TopMenu li#Item003.TopMenuItemSelected a, .TopMenu li#Item003.TopMenuItemSelected a:hover
	{
	    background-position: 440px 34px; 
	}
	
	.TopMenu li#Item004 a
	{
	    background-position: 335px 0px;
	}
	
	.TopMenu li#Item004 a:hover
	{
		background-position: 335px 68px;
	}
	
	.TopMenu li#Item004.TopMenuItemSelected a, .TopMenu li#Item004.TopMenuItemSelected a:hover
	{
	    background-position: 335px 34px; 
	}
	
	
	.TopMenu li#Item005 a
	{
	    background-position: 194px 0px;
	}
	
	.TopMenu li#Item005 a:hover
	{
		background-position: 194px 68px;
	}
	
	.TopMenu li#Item005.TopMenuItemSelected a, .TopMenu li#Item005.TopMenuItemSelected a:hover
	{
	    background-position: 194px 34px; 
	}
	
	.TopMenu li#Item006 a
	{
		background-position: right top;
	}
	
	.TopMenu li#Item006 a:hover
	{
		background-position: right 68px;
	}
	
	.TopMenu li#Item006.TopMenuItemSelected a, .TopMenu li#Item006.TopMenuItemSelected a:hover
	{
	    background-position: right 34px; 
	}	
	
	.TopMenu li.TopMenuItemSelected a
	{
	    cursor: default!important;
	}*/

/* ---------- *** SubMenu *** ---------- */

	.contentsubs
	{
	    border: 1px solid #97c6e5;
	    width: 160px;
	    background-color: #f7fbfd;
	    font-family: Trebuchet MS, Tahoma!important;
	}
	
	.contentsubs ul, .contentsubs li
	{
		padding: 0;
		margin: 0;
		list-style: none;
		list-style-type: none;
	}
	
	.contentsubs a:link,
	.contentsubs a:hover,	
	.contentsubs a:active,	
	.contentsubs a:visited
	{
	  display: block;
	  line-height: 35px;
      color: #5ba9c9;
      font-weight: bold;
      border-top: 1px solid #f7fbfd;
      border-bottom: 1px solid #f7fbfd;
      text-decoration:none;
      padding-left: 10px;
	}
	
	.contentsubs a:hover
	{
      background: #eff7fc; 
      color: #005072;
      border-top: 1px solid #5ba9c9;
      border-bottom: 1px solid #5ba9c9;
      background: url(../images/menu/sub_rollover.gif) no-repeat left top;
      padding-left: 20px;
	}
	
	.submenu_item_selected a:link,
	.submenu_item_selected a:hover,
	.submenu_item_selected a:active,
	.submenu_item_selected a:visited
	{
		cursor: default;
		color: #eb8e8c;
		text-decoration: none;
	}
	
/* ---------- *** VoetMenu *** ---------- */

	.VoetMenu
	{
		display: block;
		width: 290px;
		float:right;
		text-align: center;	
	}	
	
	.VoetMenu ul, .VoetMenu li
	{
		display: inline;
		padding: 0;
		margin: 0px 0px 0px 4px;
		list-style: none;
		list-style-type: none;
	}
	
	.VoetMenuItem a:link,
	.VoetMenuItem a:hover,
	.VoetMenuItem a:active,
	.VoetMenuItem a:visited,
	DIV#footer_info a:link, DIV#footer_info a:hover, DIV#footer_info a:active, DIV#footer_info a:visited 
	{	    
		font-family: Trebuchet MS, Tahoma;
	    font-weight: bold;
	    text-decoration: underline;
	    display: inline;
		color: #fff;
		font-size: 1em;	
		text-transform: uppercase;
		line-height:25px;
	}
	
	
	DIV#footer_info
	{   
	    width: 300px;
	    float:left;
	    margin-left:286px;
	    font-family: Trebuchet MS, Tahoma;
	    color: #005072;
	    text-transform: none;	
	    line-height:25px;   
	    text-align: left; 
	}
	
	DIV#footer_info a:link, DIV#footer_info a:hover, DIV#footer_info a:active, DIV#footer_info a:visited 
    {
        color: #0079aa;
        padding: 0px 5px;
        text-transform: none;
    }



/* ##################### HEAVY  ##################### */ 

/* ---------- *** TopMenu *** ---------- */
    
        /* - Top item styles - */
        
        .TopMenu /* This is the style for the table containing the menu */
        {
            display: block;
		    float: left;
		    width: 705px;
		    height: 34px;
		    overflow: hidden;
		    text-align: left;
            background: url(../images/menu/bg_topmenu.jpg) no-repeat;
        }
        
        .TopMenu *
        {
            font-family: Trebuchet MS, Tahoma!important;
            font-size: 16px!important;
        }
        
        .TopMenu TD
        {   
        }
        
        .TopMenu .TopItem, .TopMenu .TopItemHover, .TopMenu .TopItemExpanded, .TopMenu .SelectedItem, .TopMenu .SelectedItemHover, .TopMenu .SelectedItemExpanded    
        {
	        color: #0079aa;
	        text-decoration: none;
	        text-transform: uppercase;
	        font-weight: bold;
	        cursor: pointer;
        }

        .TopMenu .TopItemHover, .TopMenu .TopItemExpanded,.TopMenu .SelectedItemHover,.TopMenu .SelectedItemExpanded
        {
            font-size: 18px;
            text-decoration: underline;
        }
        
        .TopMenu .TopItemExpanded
        {
            
        }
        
        .TopMenu .SelectedItem, .TopMenu .SelectedItemHover, .TopMenu .SelectedItemExpanded /* These are styles for the selected menu items */
        {
            color: #e33d37;
            cursor: default!important;
        }
        
        /* - Default item styles - */
        
        .TopMenu_Sub /* This is the style for the table containing the submenu */
        {
            background: #0079aa;
            border: 1px solid #0079aa;
        }
        
        .TopMenu_Sub *
        {
            font-family: Trebuchet MS, Tahoma!important;
        }
        
        .TopMenu_Sub TD, .TopMenu_Sub TD IMG /* Set the alignment for text and images here */
        {
            vertical-align: middle;
            margin-left: 10px;
            margin-right:10px;
        }
        
        .TopMenu_Sub .DefaultItem, .TopMenu_Sub .DefaultItemHover, .TopMenu_Sub .DefaultItemExpanded, .TopMenu_Sub .SelectedItem, .TopMenu_Sub .SelectedItemHover, .TopMenu_Sub .SelectedItemExpanded    
        {
	        background: #0079aa;
	        color: #badbe8;
	        font-weight: bold;
	        text-decoration: none;
	        cursor: pointer;
	        overflow: hidden;
        }
        
        .TopMenu_Sub .DefaultItemHover, .TopMenu_Sub .DefaultItemExpanded 
        {
            background: #e8f1f9; 
            color: #3f99bf;
        }
        
        .TopMenu_Sub .SelectedItem, .TopMenu_Sub .SelectedItemHover, .TopMenu_Sub .SelectedItemExpanded /* These are styles for the selected menu items */
        {
            background: #e8f1f9; 
            color: #dd6060;
            cursor: default!important;
            line-height: 30px;
        }


/* ---------- *** HoofdMenu *** ---------- */


    
        /* - Top item styles - */
        
        .HoofdMenu /* This is the style for the table containing the menu */
        {
            width: 219px;
            background: transparent;
            margin: 12px 0px 32px 32px;  
        }
        
        .HoofdMenu *
        {
            font-family: Trebuchet MS, Tahoma!important;
            font-size: 13px!important;
        }
        
        .HoofdMenu TD, .HoofdMenu TD IMG /* Set the alignment for text and images here */
        {   
            vertical-align: middle;
            margin-right: 12px;
        }
        
        
        .HoofdMenu .TopItem, .HoofdMenu .TopItemHover, .HoofdMenu .TopItemExpanded, .HoofdMenu .SelectedItem, .HoofdMenu .SelectedItemHover, .HoofdMenu .SelectedItemExpanded    
        {
	        background: transparent url(../images/menu/button.jpg);
	        color: #3f99bf;
	        text-decoration: none;
	        text-transform: uppercase;
	        font-weight: bold;
	        cursor: pointer;
	        overflow: hidden;
	        height: 40px;
        }

        .HoofdMenu .TopItemHover, .HoofdMenu .TopItemExpanded
        {
            color: #badbe8;
            text-indent: 12px;
	        background: transparent url(../images/menu/button_hover.gif);
        }
        
        .HoofdMenu .TopItemExpanded
        {
            font-style: italic;
        }
        
        .HoofdMenu .SelectedItem, .HoofdMenu .SelectedItemHover, .HoofdMenu .SelectedItemExpanded /* These are styles for the selected menu items */
        {
            background: transparent;
            color: #dd6060;
            cursor: default!important;
        }
        
        /* - Default item styles - */
        
        .HoofdMenu_Sub /* This is the style for the table containing the submenu */
        {
            background: #0079aa;
            border: 1px solid #0079aa;
        }
        
        .HoofdMenu_Sub *
        {
            font-family: Trebuchet MS, Tahoma!important;
        }
        
        .HoofdMenu_Sub TD, .HoofdMenu_Sub TD IMG /* Set the alignment for text and images here */
        {
            vertical-align: middle;
            margin-left: 10px;
            margin-right:10px;
        }
        
        .HoofdMenu_Sub .DefaultItem, .HoofdMenu_Sub .DefaultItemHover, .HoofdMenu_Sub .DefaultItemExpanded, .HoofdMenu_Sub .SelectedItem, .HoofdMenu_Sub .SelectedItemHover, .HoofdMenu_Sub .SelectedItemExpanded    
        {
	        background: #0079aa;
	        color: #badbe8;
	        font-weight: bold;
	        text-decoration: none;
	        cursor: pointer;
	        overflow: hidden;
        }
        
        .HoofdMenu_Sub .DefaultItemHover, .HoofdMenu_Sub .DefaultItemExpanded 
        {
            background: #e8f1f9; 
            color: #3f99bf;
        }
        
        .HoofdMenu_Sub .SelectedItem, .HoofdMenu_Sub .SelectedItemHover, .HoofdMenu_Sub .SelectedItemExpanded /* These are styles for the selected menu items */
        {
            background: #e8f1f9; 
            color: #dd6060;
            cursor: default!important;
            line-height: 30px;
        }


/* --- extra login button ---*/

a.login_icon:link, a.login_icon:visited, a.login_icon:hover, a.login_icon:active
{
    background: transparent url(../images/menu/login.png) no-repeat top left;
    height: 26px;
    width: 26px;
    display: block;
    margin: 0px 0px 0px 35px;
    text-decoration: none;
}

a.login_icon:hover
{
    width: 196px;
}


/* ##################### MODULES ##################### */  

/* ---------- [ Default button] ---------- */

.buttonborder
{
	border: 1px solid #bfddea;
	background: #e6f2f8;
    height: 33px;
    #display:inline;
    display: inline-block;
    margin:0;
    padding:0;
}

.button, .buttonHover
{
    font-family: Trebuchet MS, Tahoma;
	background:none;
    border:0;
    margin:0;
    padding:0;
	width: auto;
	font-size: 1em;
	font-weight: bold;
	color: #0079aa;
	cursor: pointer;
	height: 33px;
	line-height: 33px;
	text-align: center;
}

.buttonHover
{
	background: #0079aa;
	border: none;
	width: auto;
	font-size: 1em;
	font-weight: bold;
	color: #dbecf3;
	cursor: pointer;
	line-height: 33px;
}

/* ------ *** MODULE: WEBUSERLOGIN *** ------ */

    .cb3Module_WebUserLogin
    {
        width: 320px;
        color: #e12f29;
    }
	
    .cb3Module_WebUserLogin .Label
    {
        width: 40%;
        color: #0079aa;
    }
	
    .cb3Module_WebUserLogin .Content
    {
        width: 60%;
    }
	
    .cb3Module_WebUserLogin .Content .veld
    {
        width: 100%;
        color: #0079aa;
        padding-left: 5px;
        padding-top:2px;
        line-height: 1.33em;
    }
      
    .cb3Module_WebUserLoguitmelding
    {
        color: #0079aa;
    }
    
    .cb3Module_WebUserLoguitname
    {
        color: #e12f29;
    }
    
    /* extra loguit */
    
    .cb3Module_WebUserLoguitblokje 
	{
	  padding-left: 35px;
	}

   

/* ---------- *** MODULE: NEWSOVERVIEW *** ---------- */
    	
    	        
	.cb3Module_News
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		clear:both;	
	}	

	.cb3Module_News .NewsTitle
	{
       	display:block;
       	clear:both; 
        font-size: 1em;
        font-weight: bold;
        color: #0079aa;
        text-decoration: none;
	}
	
	.cb3Module_News .NewsImage
	{
        margin: 0px 8px 8px 0px;
	}
	
	.cb3Module_News .date
	{
        display: block;
        font-size: 0.92em;
        font-weight: bold;
        color: #afd2ea;
        margin: 4px 0px 4px 0px;
	}
	
	.cb3Module_News .IntroText
	{
        font-weight: normal;
        font-size: 0.92em;
        color: #005072;
        border-bottom: 0px;
	}
	
	.cb3Module_News .NewsLink
	{
	    font-size: 0.92em;
	    display:block;
	    margin: 0px 0px 10px 0px;
	    height:1.33em;
	    color:#e12f29 !important;
	    clear:both;
	}
	
	.cb3Module_News .divider
	{  
	}
	
/* -- ---- [ MODULE: CALENDAROVERVIEW ] ---- -- */

    .cb3Module_CalendarOverview
    {
        display: block;
        margin: 0px 0px 10px 0px;	
    }
	
    .cDate
    {
        display: block;
        font-size: 0.92em;
        font-weight: bold;
        color: #afd2ea;
        margin: 4px 0px 4px 0px;
    }
	
    .cb3Module_CalendarOverview .Summary
    {
        display: block;
        margin: 8px 0px 8px 0px;
    }

/* ------ *** MODULE: PHOTO ALBUM *** ------ */

.photoalbum_pictureHolder, .photoalbum_pictureHolderHover
{
	width: 140px;
	height: 140px;
	overflow:hidden;
	float: left;
	margin: 0px 2px 2px 0px;
	cursor: pointer;
	text-align: center;
	background-color: #bfddea;
	position:relative;
}

.photoalbum_pictureHolder .thickbox, .photoalbum_pictureHolderHover .thickbox
{
    display:inline-block;
    margin: 20% auto;
    padding:0px;
    border: 1px #0079AA solid!important;
    background-color: #fff;
}

.photoalbum_pictureHolder IMG, .photoalbum_pictureHolderHover IMG
{
    margin: 10px;
}

.photoalbum_pictureHolderHover
{
	z-index: 15;
}

.photoalbum_pictureHolder .pa_info
{
    display:none;
}

.photoalbum_pictureHolderHover .pa_info
{
    display:block !important;
    position:absolute;
    z-index:100;
    width:140px;
    height:140px;
    background-color:#0079AA;
    -moz-opacity:.70;
    filter:alpha(opacity=70);
    opacity:.70;
    left:0px;
    top: 0px;
}

.pa_title
{
    color:#ffffff;
    display:block;
    font-family: Trebuchet MS, Tahoma !important;
    font-size:0.91em!important;
    font-weight: bold;
    text-align: center;
    background-color:#0079AA;
    padding:5px;
}

.pa_description
{
    padding:2px;
}

#photoalbum_information_container
{
    width: 120px;
    height: 100px;
    background: #FFFFFF;
    border: 1px #0079AA solid;
    z-index: 70;
}

#photoalbum_information_container strong
{
	font-size: 1.1em;
	font-weight: bolder;
	color: #0079AA;
}

/* ------ *** MODULE: LINKOVERVIEW / DOCUMENTOVERVIEW *** ------ */

.cb3Module_LinkOverview, .documentoverviewCss
/* this is the two column table */
{
	width: 100%;	
	border-collapse: collapse;
	table-layout: fixed;
}	

.cb3Module_LinkOverview .Column, .documentoverviewCss .column /* this is the column */
{
    padding-top:20px;
}

.cb3Module_LinkOverview UL, .documentoverviewCss UL, .documentoverviewCss UL .documentCss, .documentoverviewCss UL .documentCss UL
{
    margin:0px!important;
    padding:0px!important;
    list-style-image:none;
    list-style-type:none;
}

.documentoverviewCss UL .documentCss
{
    #margin-left: -15px; /* fix for ignorant IE behaviour */
}

.cb3Module_LinkOverview .CategoryWrapper, .documentoverviewCss .categoyCss
{
    display:block;
    float:left;
    position: relative;
    top: -20px;
    margin-bottom: -20px;
    #left:-15px; /* fix for ignorant IE behaviour */
    height: 20px; /* same value as the top padding in the Column */
}

.cb3Module_LinkOverview .CategoryItem,  
.documentoverviewCss .CategoryItem,  
.documentoverviewCss .categoyCss LI /* this is the category title */
{
    margin: 0px!important;
    font-weight: bold;
    color: #e12f29;
}

.cb3Module_LinkOverview .Link, .documentoverviewCss .documentCss /* the span containing the link ul */
{
    display: block;
    clear:both;
}

.cb3Module_LinkOverview .LinkItem, .documentoverviewCss .documentCss UL LI  /* the list item in the Link list */
{
    margin: 0 0 0 15px;
    #margin: 0px;  /* fix for ignorant IE behaviour */
    font-weight: normal;
}

.cb3Module_LinkOverview a:link span, .cb3Module_LinkOverview a:active span, .cb3Module_LinkOverview a:visited span
{
    display:none;
}

.documentimageCss
{
    display:block;
    height:22px;
    width:22px;
    float:left;
    background-repeat:no-repeat;
    background-position:top left;
}

.bmp { background-image:url(../images/File_types/bmp.gif); }
.doc { background-image:url(../images/File_types/doc.gif); }
.gif { background-image:url(../images/File_types/gif.gif); }
.jpg { background-image:url(../images/File_types/jpg.gif); }
.mp3 { background-image:url(../images/File_types/mp3.gif); }
.pdf { background-image:url(../images/File_types/pdf.gif); }
.png { background-image:url(../images/File_types/png.gif); }
.ppt { background-image:url(../images/File_types/ppt.gif); }
.txt { background-image:url(../images/File_types/txt.gif); }
.xls { background-image:url(../images/File_types/xls.gif); }
.zip { background-image:url(../images/File_types/zip.gif); }
.unknown { background-image:url(../images/File_types/unknown.gif); }


/*___________________________________

  ------ *** MODULE: FORMS *** ------ 
  ___________________________________*/


.cb3Module_Form
{
    display:block;
    width:98%;
    clear:both;
}

.Form_ItemContainer
{
    display:block;
    clear:both;
    padding-top:3px;
}

.Form_ItemLabel
{
    display:block;
    width:33%;
    float:left;
    clear:left;
    vertical-align:top; 
    font-weight:bold; 
}

.Form_ContentLabel, .form_attachment INPUT
{
    display:block;
    width:62%;
    float:right;
    clear:right;
    text-align:left;
}

.Form_ContentLabel .field, .Form_ContentLabel .withWatermarkClass, .Form_ContentLabel .withoutWatermarkClass, .Form_ContentLabel .form_dropdown
{
    width:100%;
}

.Form_ContentLabel .area, .Form_ContentLabel .resizable-textarea
{
    width:100% !important;
    height:100px;
}

/* classes for options and radio buttons */

.Form_OptionLabel
{
    display:block;
    font-style:italic;
}

.Form_ContentLabel .CheckboxlistControl, .Form_ContentLabel .RadioboxlistControl
{
    table-layout:fixed;
    width:100% !important;
    vertical-align:top;
}

.Form_ContentLabel .CheckboxlistControl td, .Form_ContentLabel .RadioboxlistControl td
{
    vertical-align:top;
    font-size:0.92em;
}

.Form_ContentLabel .CheckboxlistControl input, .Form_ContentLabel .RadioboxlistControl input
{
    display:block;
    float:left;
}

.Form_ContentLabel .CheckboxlistControl label, .Form_ContentLabel .RadioboxlistControl label
{
    text-align:left;
    padding-left:2px;
}

.Form_ItemContainer .button
{
    float:right;
    cursor:pointer;
    cursor:hand;
	border: 1px solid #bfddea;
	background: #e6f2f8;
    height: 33px;
}

.Form_Submittext
{
    font-weight:bold;
}

/* form error styling */

.Form_Errorspan
{
    display:block;
    height:10px;
    width:10px;
    color:Red;
    position:absolute;
    margin-left:-10px;
    font-weight:bold;
}

/* this is to prevent the Telerik editor from redefining font sizes */


.cb3Module_Form FONT
{
    font-size:12px !important;
}

                            	
/* -- ---- [ MODULE: SITEMAP ] ---- -- */
	
    .SiteMapWrapperTable
    {
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
        color: #005072;
    }
	
    td.SiteMapHeading
    {
        font-size: 13px !important;
        font-weight: bold;	
    }
	
    td.SiteMapIconColumn, td.SiteMapIconColumnNoBg
    {
        width: 20px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        background: Transparent url(../images/sitemap/i.gif) repeat-y 0% 0%;
        vertical-align: top;
    }
	
    td.SiteMapIconColumnNoBg
    {
        background: Transparent url();
    }
	
    td.SiteMapColumn
    {
        padding: 0px 0px 10px 0px;
    }
	
    .SiteMap
    {
        /*margin:0px 0px 0px 10px;*/
    }

    .RootNode
    { 
        /* RootNode Div styling */
        font-size: 12px;
        font-weight: normal;
        padding: 0px 0px 1px 0x;
    } 

    .RootNode a:link,
    .RootNode a:active,
    .RootNode a:visited
    { 
        /* RootNode Link styling */
        text-decoration: underline;
    } 

    .RootNode a:hover
    { 
        /* RootNode Link styling */
        text-decoration: none;
    } 

    .ParentNode
    { 
        /* ParentNode Div styling */
        font-size:11px;  
        font-weight: bold;
    } 

    .ParentNode a
    { 
        /* ParentNode Link styling */
    } 

    .ParentNode a:hover
    { 
        /* ParentNode Link styling */
    } 

    .LeafNode
    { 
        /* LeadNode Div styling */
        font-size:11px;  
        width: 200px;
        overflow: hidden;
    } 

    .LeafNode a:link,
    .LeafNode a:active,
    .LeafNode a:visited
    { 
        /* LeadNode Link styling */
    } 

    .LeafNode a:hover
    { 
        /* LeadNode Link styling */
    } 


/* 
═══════════════════════════════════════════════════════════════════════════════════
Not used
	                           
/* -- ---- [ MODULE: FAQ-OVERVIEW ] ---- -- /

    .cb3Module_Faq
    {
    }
    
    .cb3Module_Faq .title
    {
        font-weight:bold;
    }

    .FaqSubjectWrapper
    {
		font-size:12px;
		line-height:19px;
    }

	.SubjectRepeater,
	.FaqOverviewDetails
	{
		margin: 0px 0px 10px 0px;	
	}
	
	.FaqSubjectInt
	{
		display: none;
	}
	
	.FaqSubjectLink
	{
		display: block;
        border-bottom:1px solid #bfd9e4;
        margin-bottom:10px;
        padding-bottom:10px;
	}
	
	.SubjectDetailHeader
	{
		display: block;	
        width:100%;
        height:20px;
        overflow:hidden;
		font-weight: bold;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	
	.SubjectDetailHeader .SubjectNameWrapper
	{
		display: block;
		width: 40%;
		float: left;
	}
	
	.SubjectDetailHeader .ViewAllAnswerWrapper
	{
		display: none;
		width: 35%;
		font-size:11px;
		float: right;
		font-weight: normal;
	}
	
	.SubjectDetailHeader .TopOfThePageLink
	{
		display: block;
		float: right;
		width: 16px;
		height: 24px;
		background: Transparent url(../images/faq/arrowToTop.gif) no-repeat 0% 50%;
		margin: 0px 4px 0px 10px;
	}
	
	.SubjectDetailHeader .TopOfThePageLink:Hover
	{
		background-position: 100% 50%;
	}
	
	.FaqSubjectGroup
	{
		display: block;
		margin: 0px 0px 10px 0px;	
	}
	
	.SubjectQuestionWrapper, .faq_question
	{
		display: block;
		background: Transparent url(../images/icons/question_mark.gif) no-repeat 0px 2px;
		padding: 2px 0px 2px 22px;
		margin: 2px 0px 3px 0px;
	}
	
	.SubjectAnswerWrapper, .faq_answer
	{
		display: block;
		background: Transparent url(../images/icons/answer_mark.gif) no-repeat 0px 2px;
		padding: 0px 0px 0px 22px;
		margin: 0px 0px 14px 0px;
	}
	
    .cb3_FaqOverview_AnswerText
    {
        display:block;
        clear:both;
    }
                 	
                            	
/* ---- -- [ MODULE: POLL ] -- ---- 

    .full .cb3Module_Poll_table
    {
        width:95%;
    }
    
    .polltd
    {
        background-color:#0073be;
        background-image:url(../images/poll/poll_topright.gif);
        background-position:top right;
        background-repeat:no-repeat;
    }
    
    .poll_topleft
    {
        width:100%;
        height:5px;
        float:left;
        clear:both;
        background-image:url(../images/poll/poll_topleft.gif);
        background-position:top left;
        background-repeat:no-repeat;
    }
    
    .cb3Module_Poll
    {
        display: block;
    }

    .cb3Module_Poll .PollTitle
    {
        display:block;
        padding:5px 9px 15px 9px;
        border-style:solid;
        border-width:0px 1px 0px 1px;
        border-color:#0073be;
        background-color:#66abd8;
        font-size: 11px;
        line-height:18px;
        font-weight: bold;
        color:#000000;		                            
    }
    
    .cb3Module_Poll .IntroText
    {
        border:0px;
        padding:30px 10px 10px 10px;
        margin:0px;
        font-weight:normal;
        color:#ffffff;
        line-height:18px;
        background: transparent url(../images/poll/poll_title.gif) no-repeat 10px 10px;      
    }
    
    .Answers
    {
        display:block;
        padding:0px 9px 0px 9px;
        border-style:solid;
        border-width:0px 1px 0px 1px;
        border-color:#0073be;
        background-color:#66abd8;
        color:#313131;
    }
    
	
    .AnswerWrapper, 
    .AnswerWrapperHover
    {
        display: block;
        cursor: default;
    }
	
	
    .AnswerWrapperHover
    {
        background: Transparent url(../images/default/menu/ItemBg.gif) repeat-x 0% 100%;
    }
	
    .AnswerRadioButton
    {
        margin: 0px 10px 0px 0px;
    }
	
    .SubmitWrapper
    {
        display: block;	
        padding:9px 9px 9px 9px;
        border-style:solid;
        border-width:0px 1px 0px 1px;
        border-color:#0073be;
        background-color:#66abd8;
    }
	
    .SubmitWrapper a:link,
    .SubmitWrapper a:hover,
    .SubmitWrapper a:active,
    .SubmitWrapper a:visited
    {
        color:#313131;
    }
	
    .SubmitWrapper .button
    {
        display: block;	
        height:25px;
        width:156px;
        background-image:url(../images/poll/poll_button_normal.gif);
        background-position:top left;
        background-repeat:no-repeat;
        background-color:#66abd8;
    }
    
    .SubmitWrapper .buttonHover
    {
        display: block;	
        height:25px;
        width:156px;
        background-image:url(../images/poll/poll_button_over.gif);
        background-position:top left;
        background-repeat:no-repeat;
        background-color:#66abd8;
    }
    
    .ShowResultsLink:link, .ShowResultsLink:active, .ShowResultsLink:visited, .ShowResultsLink:hover
    {
        display:block;
        border-style:solid;
        border-width:0px 1px 0px 1px;
        border-color:#0073be;
        background-color:#ffffff;
        padding:5px 0px 5px 31px;
        background-image:url(../images/icon_plus.gif);
        background-position:9px 8px;
        background-repeat:no-repeat;
        color:#1380c4 !important;
    }
	
    .ResultsRepeater
    {
        display: block;
        clear:both;
        padding: 10px 0px 0px 0px;
     }
	
    .AnswerResultWrapper,
    .AnswerResultHeadingWrapper
    {
        display: block;
        clear: both;
        padding: 0px 10px 0px 10px;
        color:#ffffff;
    }
	
    .AnswerResultHeadingWrapper
    {
        background: Transparent url(../images/default/menu/ItemBg.gif) repeat-x 0% 100%;
        height: 22px;
        margin: 0px 0px 2px 0px;
    }

    .NoOfVotes,
    .NoOfVotesInPercentage
    {
        display: block;
        float: left;
    }
	
    .NumberOfVotes,
    .NumberOfVotesTotal,
    .Percentage
    {
        padding-left:4px;
    }
	
	.Percentage
	{
	    font-weight: bold;
	}
	
    .AnswerTextHeading,
    .PercentageHeading,
    .AnswerText
    {
        display: block;
        float: left;
    }
	
    .AnswerTextHeading,
    .NumberOfVotesHeading,
    .PercentageHeading
    {
        font-weight: bold;	
    }
	
    .PercentageWrapper
    {
        display: block;
        padding: 0px 0px 0px 0px;
        margin: 0px 2px 0px 0px;
        background: Transparent url(../images/default/menu/TopItemBg.gif) repeat-x 0% 100%;
    }
	
    .PercentageDiv
    {
        height: 20px;
        margin: 5px 0px 5px 0px;
        background-color:#f6b400;

    }
    
    .pollspacer
    {
        width:198px;
        min-width:190px;
        height:1px;
        clear:both;
    }
    
    .pollFooter
    {
        height:5px;
        overflow:hidden;
        font-size:1px;
        background-color:#0073be;
        background-image:url(../images/poll/poll_bottomright.gif);
        background-position:bottom right;
        background-repeat:no-repeat;    
    }
    
    .poll_bottomleft
    {
        height:5px;
        width:5px;
        background-image:url(../images/poll/poll_bottomleft.gif);
        background-position:bottom left;
        background-repeat:no-repeat;
        float:left;
        clear:both;
    }
	                            
═══════════════════════════════════════════════════════════════════════════════════
*/