﻿/* General styles */
.routeweb_body {
    margin:0 0 0 0;
    padding:0 0 0 0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    min-width:1000px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	background-color :#ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

/* Header styles */
.routeweb_header {
/*     clear:both;
    float:left; */
    width:100%;
    /* overflow:hidden;*/
    /* height:auto;*/
        
    padding:0 0 0 0;
    padding:0 0 0 0;
}

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden b ug and stops the layout jumping out of place */
	clear:both;
	float:left;
    width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

/* holy grail 3 column settings */
.holygrail {}

.holygrail .colmid 
{
    float:left;
    width:200%;
    margin-left:-200px; 	/* Width of right column */
    position:relative;
    right:100%;
    padding-top:20px;
}

.holygrail .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:400px;         	/* Left column width + right column width */
}

.holygrail .col1wrap {
    float:left;
	width:50%;
	position:relative;
	right:200px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	    
}
	
.holygrail .routeweb_middle_panel {
    margin:0px 225px 0px 225px;     	/* Centre column side padding:
                            Left padding = left column width + centre column left padding width
                            Right padding = right column width + centre column right padding width */
    position:relative;
	left:200%;
	    
	/*padding-right:5px;*/
	    
	/*overflow:hidden;*/
	overflow-x: auto;
	overflow-y: hidden;
        
}
	
.holygrail .routeweb_left_panel {
    /*  float:left;*/
    float:right;			/* This overrides the float:left above */
    width:175px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:0px;         		/* Width of the left-had side padding on the left column */
		
	height:auto;
	overflow:hidden;		/* This chops off any overhanging divs */
}
    
.holygrail .routeweb_right_panel {
    /*  float:left;*/
    float:right;			/* This overrides the float:left above */
    width:175px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-right:50px;  	/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
        
	height:auto;
	overflow:hidden;		/* This chops off any overhanging divs */
        
}
	
/* Footer styles */
.routeweb_footer {
    clear:both;
    float:left;
    width:100%;
    height:auto;
    overflow:hidden;		/* This chops off any overhanging divs */
}
    
.button_expand 
{
    border:solid 1px #009999;
	background-color:#009999; cursor:pointer;
}

.button_expand_selected 
{
    border:solid 1px #009999;
	background-color:#f1e1f1; cursor:pointer;
}
    
.bullet_downloaddocument {
    background-image: url("../Images/buttons/Download01.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 90px;
}

.bullet_readdocument {
  background-image: url("../Images/icons/trail_edit.gif");
  background-position: 0 0;
  background-repeat: no-repeat;
  padding-left: 20px;
}

.bullet_red
{
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position:left 2px;
	background-image: url(../Images/bullets/bullet_red.gif);
	line-height:22px;
}

.bullet_green
{
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position:left 2px;
	background-image: url(../Images/bullets/bullet_green.gif);
	line-height:22px;
}

.bullet_red_small
{
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position:left 2px;
	background-image: url(../Images/bullets/bullet_red_small.gif);
}

.bullet_green_small
{
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position:left 2px;
	background-image: url(../Images/bullets/bullet_green_small.gif);
}

.icon_edit
{
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position:left 2px;
	background-image: url(../Images/buttons/edit.gif);
}


/*****************************/
/*
    oude routeweb.css styles
*/
/*****************************/

/******************************/
/********Main content  ********/

.maincontent
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 15px;
	letter-spacing: 0px;
	position:relative;
}

.maincontent body
{
	margin: 0;
	padding: 10px;
}

div.maincontentbox
{
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-top-width: 1px;
	background-color: #FFFFFF;
	width: 100%;
	padding: 0px;
	margin: 15px 0px 10px 0px;
}

table.maincontent
{
	border-collapse: collapse;
	border-spacing: 0px 0px;
	padding: 0px 0px;
	border: 0px;
	margin: 0px;
}


div.maincontent
{
	padding: 5px;
	margin: 0px;
	line-height: 18px;
}

.maincontent p
{
	
	font-size: 12px;
	color: #000000;
	padding-left: 0px;
	z-index: 5;
	line-height: 18px;
}

.maincontent h1
{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.maincontent h2
{
	color: #016767;
	font-size: 14px;
	padding-left: 0px;
	line-height: 18px;
	margin-top: 0px;
	padding-right: 0px;
	font-weight: bold;
}

.maincontent h3
{
	color: #016767;
	font-size: 14px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 4px;
	padding-right: 0px;
	line-height: 10px;
	font-weight: bold;
}

.maincontent a:link
{
	color: #09aacd;
	text-decoration: none;
}
.maincontent a:visited
{
	color: #09aacd;
	text-decoration: none;
}

.maincontent a:hover
{
	color: #09aacd;
	font-weight: bold;
}

.maincontent p a:link
{
	color: #09aacd;
	text-decoration: none;
}
.maincontent p a:visited
{
	color: #09aacd;
	text-decoration: none;
}

.maincontent p a:hover
{
	color: #09aacd;
	font-weight: bold;
}

/********* navigation sidebar styles *********/
/*********************************************/


div.navsidebar
{
	border: 1px;
	background-color: #ffffff;
	width: 100%;
}

.navsidebar a:link
{
	font-size: 11px;
	color: #09aacd;
	text-decoration: none;
	line-height: 16px;
}

.navsidebar a:visited
{
	font-size: 11px;
	color: #09aacd;
	text-decoration: none;
	line-height: 16px;
}

.navsidebar a:hover
{
	font-size: 11px;
	color: #09aacd;
	font-weight: bold;
	line-height: 16px;
}

.navsidebar h1
{
	color: #000000;
	font-size: 11px;
	line-height: 15px;
	padding-left: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 5px;
	font-weight: normal;
}

.navsidebar h2
{
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 18px;
	padding-left: 5px;
	padding-top: 2px;
	margin-bottom: 0px;
	margin-top: 0px;
	border-left-style: dotted;
	border-left-color: #009999;
	border-left-width: 1px;
	border-bottom-color: #efefef;
	background-color: #009999;
	float: none;
}

.navsidebar h3
{
	color: #000000;
	font-size: 12px;
	line-height: 20px;
	padding-left: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 5px;
	font-weight: normal;
}

.navsidebar p
{
	color: #000000;
	font-size: 11px;
	padding-left: 5px;
	line-height: 17px;
	margin-bottom: 0px;
	margin-top: 0px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #009999;
	padding-top: 5px;
}

div.navsidebarcontent
{
	color: #000000;
	font-size: 11px;
	padding-left: 5px;
	line-height: 17px;
	/*background-color:#b3e6e6;*/
	padding-bottom: 6px;
	
	border-collapse: collapse;
	border-width: 0px;
	border-left-width: 1px;
	border-style: dotted;
	border-color: #009999;
}

.navsidebar table
{
	border-collapse: collapse;
	border-spacing: 0px 0px;
	padding: 0px 0px;
	border: 0px;
	margin: 0px;
	line-height: 16px;
}

.navsidebar td
{
}


/************************/

.title
{
	font-size: 18px;
	padding-top: 0px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #016767;
	letter-spacing: 1px;
	background-repeat: no-repeat;
	background-position: 0px -23px;
	background-image: url(../Images/backgrounds/title01.gif);
	left: 205px;
	top: 25px; /*width: 525px;*/
	height: 30px;
	z-index: 4;
	visibility: visible;
}

.note
{
	font-size: 10px;
	color: #000000;
}
.horizontal_line
{
	height:1px;
	width:100%;
	margin:6px 0px 6px 0px;
	font-size: 0px;
	line-height: 0px;
	border-bottom: solid 1px #009999;
	/*background-color: #009999;*/
}

.webbutton
{
	font-size: 12px;
	color: #FFFFFF;
	background-color: #009999;
	height: 22px;
	font-family: Arial, Helvetica, sans-serif;
}

textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}

input, select
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}

.imageButton
{
	cursor: pointer;
	border: 0;
	vertical-align: middle;
}

.linkImage
{	
	cursor: pointer;
	border: 0;
}

.imageIcon
{
	border: 0;
}

.bullet_back
{
	padding-left: 20px;
	padding-bottom: 2px;
	background-repeat: no-repeat;
	background-image: url(../images/bullets/arrow011.gif);
	background-position: 0px 0px;
}
.bullet_back_light
{
	padding-left: 20px;
	padding-bottom: 2px;
	background-repeat: no-repeat;
	background-image: url(../images/bullets/arrow011.gif);
	background-position: 0px 0px;
	line-height:22px;
}

.bullet_forward
{
	padding-left: 20px;
	padding-bottom: 2px;
	background-repeat: no-repeat;
	background-image: url(../images/bullets/arrow07.gif);
	background-position: 0px 0px;
	line-height:22px;
}

.bullet_info
{
	padding-left: 20px;
	padding-bottom: 2px;
	background-repeat: no-repeat;
	background-image: url(../images/bullets/info04.gif);
	background-position: 0px 0px;
	line-height:22px;
}

.bullet_mail
{
	padding-left: 30px;
	width:25px;
	height:auto;
	background-image: url(../images/bullets/Mail01.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	
	overflow:visible;
}

.bullet_arrow010
{
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-image: url(../images/bullets/arrow010.gif);
}

.bullet_edit
{
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0px 1px;
	background-image: url(../images/icons/trail_developer_role.gif);
}

.bullet_malefemale
{
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position:left center;
	background-image: url(../images/bullets/malefemale01.gif);
}

.bullet_malefemale02
{
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position:left center;
	background-image: url(../images/bullets/malefemale02.gif);
}

.bullet_male
{
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position:left center;
	background-image: url(../images/bullets/male01.gif);
}

.bullet_female
{
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position:left center;
	background-image: url(../images/bullets/female01.gif);
}

.footer
{
	background-color: #cfe9e9;
	font-size: 12px;
	color: #000000;
	margin:4px 25px 4px 25px; 
	padding: 2px 5px 2px 5px;

	border-color: #009999;
	border-style: solid;
	border-width: 1px;
}

.button_mail01
{
	padding-left: 24px;
	background-repeat: no-repeat;
	background-position:left 2px;
	background-image: url(../images/buttons/but_mail01.gif);
	line-height:22px;
}



.Photograph
{
	border-left-color: #009999;
	border-top-color: #009999;
	border-right-color: #009999;
	border-bottom-color: #009999;
	border-style: solid;
	border-width: 1px;
}

/******************************/
/********    filter    ********/

table.filter
{
	border-collapse: collapse; /*	border-spacing: 0px 0px;*/
	padding: 0px 0px;
	border: 0px;
	margin: 0px;
}

td.filter
{
	color: #000000;
	font-size: 12px;
	padding: 2px 4px 2px 4px;
	border: 0px; /*width: 170px;*/
	vertical-align: middle;
}


/*****************/
/* questionpanel */
/*****************/

.QuestionPanel
{
	border: solid 1px #009999;
	width: 512px;
	margin-bottom:6px;
}
		
.QuestionTitle
{
	border-collapse: collapse;
	border: solid 1px #009999;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;
	background-color: #009999;
	border-bottom: #009999 1px solid;
	padding: 2px 4px 2px 4px;
}
		
.QuestionDescription
{
	background-color: #d7eded;
	color: #000000;
	font-size: 12px;
	font-weight:bold;
			
	padding: 2px 4px 4px 4px;
	vertical-align:middle;
}
		
.QuestionComment
{
	border-collapse: collapse;
	border-top: solid 1px #009999;
	color: #DE2F18;
	font-size: 10px;
	font-style:normal;

	background-color: #E8C4E8;
	padding: 2px 4px 2px 4px;
}
		
.QuestionAnswerPanel
{
	background-color: #ffffff;
	padding: 0px 4px 4px 4px;
}
		
.QuestionAnswerOption
{
	color: #000000;
	font-size: 12px;
	padding: 0px 0px 2px 4px;
	vertical-align:middle;
}
		
.QuestionAnswerComment
{
	color: #000000;
	font-size: 10px;
	font-weight:normal;
}

.QuestionAnswerValue
{
	color: #000000;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	vertical-align:middle;
}
		
.QuestionAnswerValueFreeTextMultiLine
{
	width:485px;
	height:90px;
}
		
.QuestionAnswerValueFreeTextSingleLine
{
}
		
.QuestionAnswerValueCheckbox
{
	margin-left:-4px;
}
		
.QuestionAnswerValueRadioButton
{
	margin-left:-4px;
}



/***********************/

/********************/
.UserPictureBox
{
	border-left-color: #00dddd;
	border-top-color: #00dddd;
	border-right-color: #005555;
	border-bottom-color: #005555;
	border-style: solid;
	border-width: 1px;
	background-color: #009999;
    
}

.UserPictureBox .Photograph
{
	border-left-color: #005555;
	border-top-color: #005555;
	border-right-color: #00dddd;
	border-bottom-color: #00dddd;
	border-style: solid;
	border-width: 1px;
	width: 125px;
	height: 125px;
}

.UserUnavailable,
.UserPictureBox .FooterDisabled
{
	background-image: url(../images/bullets/bullet_red_small_01.gif);
	background-repeat:no-repeat;
	background-position:right top;

	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 11px;
}

.UserAvailable,
.UserPictureBox .FooterEnabled
{
	background-image: url(../images/bullets/bullet_green_small_01.gif);
	background-repeat:no-repeat;
	background-position:right top;

	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 11px;
}

.UserPictureBox .Picture
{
	margin: 5px;
}

.UserPictureBox .Footer
{
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 11px;
    color: white;
}

.UserPictureBox  a:link
{
	color: white;
	text-decoration: none;
}
.UserPictureBox  a:visited
{
	color: white;
	text-decoration: none;
}

.UserPictureBox  a:hover
{
	color: white;
	font-weight: bold;
}

.NormalFrame
{
	border-left-color: #009999;
	border-top-color: #009999;
	border-right-color: #009999;
	border-bottom-color: #009999;
	border-style: solid;
	border-width: 1px;
}

.SunkenFrame
{
	border-left-color: #009999;
	border-top-color: #009999;
	border-right-color: #009999;
	border-bottom-color: #009999;
	border-style: solid;
	border-width: 1px;
}

.FlatFrame
{
	border-left-color: #009999;
	border-top-color: #009999;
	border-right-color: #009999;
	border-bottom-color: #009999;
	border-style: solid;
	border-width: 1px;
	width:100%;
	
	padding:4px;
	background-color:#ffffff;
}



/******************************/
/********    edit      ********/
table.edit
{
	border-collapse: collapse; /*	border-spacing: 0px 0px;*/
	padding: 0px 0px;
	border: 0px;
	margin: 0px;
}

.editcaption
{
	border-collapse: collapse;
	border: solid 1px #009999;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;
	background-color: #009999;
	border-bottom: #009999 1px solid;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
}

.edittitle
{
	color: #000000;
	font-size: 14px;
	font-weight:bold;
	padding: 2px 4px 4px 4px;
	vertical-align: top; /*border:solid 1px #009999;	*/
}

.routeweb_body .edittitle
{
	/*background-color: #b3e6e6;*/
	background-image: url(../images/backgrounds/titlebar01.gif);
	background-repeat:no-repeat;
	color: #ffffff;
	
}

.editlabel
{
	
	color: #000000;
	font-size: 12px;
	padding: 2px 4px 2px 4px;
	width: 160px;
	vertical-align: top;
}

.routeweb_body .editlabel
{
	background-color: #b3e6e6;
	vertical-align: top;
}

.editfield
{
	font-size: 12px;
/*	background-color: #d7eded;*/
	color: #000000;
	padding: 2px 4px 2px 4px;
}

.routeweb_body .editfield
{
	background-color: #d7eded;
}

.editfield input[type=text]{
	width: 100%;
}

.editapplication
{
	background-color: #009999;
	color: #000000;
	font-size: 12px;
	padding: 2px 4px 2px 4px;
	border: 0px;
	vertical-align: top;
	border: solid 1px #009999;
}

/**************************************/
/********   displayproperties   ********/

table.display
{
	border-collapse: collapse; /*	border-spacing: 0px 0px;*/
	padding: 0px 0px;
	border: 0px;
	margin: 0px;
    width: 100%;
}

.displaytitle
{
	color: #000000;
	font-size: 14px;
	font-weight:bold;
	padding: 2px 4px 4px 4px;
	vertical-align: top; /*border:solid 1px #009999;	*/
}

.routeweb_body .displaytitle
{
	/*background-color: #b3e6e6;*/
	background-image: url(../images/backgrounds/titlebar01.gif);
	background-repeat:no-repeat;
	color: #ffffff;
	
}

.displaylabel
{
/*	background-color: #b3e6e6;*/
	color: #000000;
	font-size: 12px;
	padding: 2px 4px 2px 4px;
	width: 160px;
	vertical-align: top; /*border:solid 1px #009999;	*/
}

.routeweb_body .displaylabel
{
	background-color: #b3e6e6;
}

.displayfield
{
	font-size: 12px;
/*	background-color: #d7eded;*/
	color: #000000;
	padding: 2px 4px 2px 4px;
}

.routeweb_body .displayfield
{
	background-color: #d7eded;
}

.displayfield td
{	
	padding: 2px 4px 2px 4px;
	border: 0px;
	vertical-align: middle; /*border:solid 1px #009999;	*/
}

td.displayapplication
{
	background-color: #009999;
	color: #000000;
	font-size: 12px;
	padding: 2px 4px 2px 4px;
	border: 0px;
	vertical-align: top; /*border:solid 1px #009999;	*/
}



/******************************/
/********Popup content  ********/

body.popupcontent
{
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

div.popupcontent
{
	border: 1px;
	border-style: solid;
	border-left-color: #ffe8f4;
	border-top-color: #009999;
	border-right-color: #ffe8f4;
	border-bottom-color: #ffe8f4;
	padding-left: 5px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-color: #ffe8f4;
	width: 100%;
}

.popupcontent p
{
	font-size: 12px;
	color: #000000;
	padding-left: 0px;
	z-index: 5;
	line-height: 18px;
}

.popupcontent h1
{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.popupcontent h2
{
	color: #000000;
	font-size: 14px;
	padding-left: 0px;
	line-height: 18px;
	margin-top: 0px;
	padding-right: 0px;
	font-weight: bold;
}

.popupcontent h3
{
	color: #000000;
	font-size: 14px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 4px;
	padding-right: 0px;
	line-height: 10px;
	font-weight: bold;
}

.horizontal_line
{
	height:1px;
	width:100%;
	margin:6px 0px 6px 0px;
	font-size: 0px;
	line-height: 0px;
	border-bottom: solid 1px #009999;
	/*background-color: #009999;*/
}

.popupcontent a:link
{
	color: #09aacd;
	text-decoration: none;
}
.popupcontent a:visited
{
	color: #09aacd;
	text-decoration: none;
}

.popupcontent a:hover
{
	color: #09aacd;
	font-weight: bold;
}

.popupcontent p a:link
{
	color: #09aacd;
	text-decoration: none;
}
.popupcontent p a:visited
{
	color: #09aacd;
	text-decoration: none;
}

.popupcontent p a:hover
{
	color: #09aacd;
	font-weight: bold;
}



.icon_selectfromlist
{
	width:25px;
	height:20px;
	cursor:pointer;
	background-image: url(../images/buttons/ButtonSelect.gif);
	background-repeat:no-repeat;
}


.bullet_step1
{
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/bullets/stap1.gif);
	background-position: 0px 0px;
	line-height:22px;
}

.bullet_step2
{
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/bullets/stap2.gif);
	background-position: 0px 0px;
	line-height:22px;
}
.bullet_step3
{
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/bullets/stap3.gif);
	background-position: 0px 0px;
	line-height:22px;
}
.bullet_step4
{
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/bullets/stap4.gif);
	background-position: 0px 0px;
	line-height:22px;
}
.bullet_step5
{
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/bullets/stap5.gif);
	background-position: 0px 0px;
	line-height:22px;
}
.bullet_step6
{
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/bullets/stap6.gif);
	background-position: 0px 0px;
	line-height:22px;
}
.bullet_step7
{
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/bullets/stap7.gif);
	background-position: 0px 0px;
	line-height:22px;
}
.bullet_step8
{
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/bullets/stap8.gif);
	background-position: 0px 0px;
	line-height:22px;
}
.bullet_step9
{
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/bullets/stap9.gif);
	background-position: 0px 0px;
	line-height:22px;
}


table.basic
{
	border-collapse: collapse; /*	border-spacing: 0px 0px;*/
	padding: 0px 0px;
	border: 0px;
	margin: 0px;
}

td.basic
{
	padding: 0px;
	border: 0px;
}


.yellownote {
  background-color: #cfe9e9;
  border: 1px solid #CCCCCC;
  padding: 10px;
  width: 300px;
}

/*
label{
    display:block;
    width:400px;
}
*/

.navsidebar h2.toggler {
	cursor: pointer;
	color:#009999;
}
.togglercontent {
	margin-bottom:1px;
	height:auto;
	overflow:hidden;
}

.navsidebar .togglerActive {
	cursor: pointer;
	color:#ffffff;
	height:auto;
}
		
.navsidebar .togglerInactive {
	cursor: pointer;
	color:#8ad3d3;
	height:auto;
}

.maincontent.row .content a:hover {
	font-weight: normal;
}

.glyphicon-calendar {
    cursor: pointer;
}

.top5 {
    margin-top: 5px;
}

.top7 {
    margin-top: 7px;
}

.top10 {
    margin-top: 10px;
}

.top15 {
    margin-top: 15px;
}

.top17 {
    margin-top: 17px;
}

.top30 {
    margin-top: 30px;
}

.empty-row{
	height: 20px;
}