/* GUI */

/* start all buttons closed */
.button_container .hide_container {
	overflow:hidden;
	height:0px;
}


.button_container {
}

	/* Link styles */
	.button_container a.button_title {
		height:20px;
		display:block;
		text-transform:uppercase;
        text-decoration:none;
		color:#fff;
		font-size:18px;
		padding:5px;
		margin-bottom:5px;
		padding-left:15px;
	}
	.button_container a.button_title:hover {
		color:#ddd;
	}
	.button_container div.button_title {
		position:relative;   /* for msie so the next button is on top of the previous sub menu... */
		color:#fff;
	}
	.button_container ul {
		margin:0px;
		padding:0px;
	}
	.button_container li {
		height:30px;
		margin-bottom:5px;
		cursor:pointer;
		list-style-type: none;
	}
	.button_container li a {
		height:20px;
    	display:block;
		text-transform:none;
        text-decoration:none;
		color:#fff;
		font-size:18px;
		padding:5px;
		padding-left:15px;
	}


    /* Block positions */
	.button_container div.button_menu {
		height:275px;
		width:225px;
		float:left;
		margin:0px;
		margin-right:5px;
		margin-bottom:5px;
		overflow:hidden;
	}
	.button_container div.button_content {
		height:275px;
		width:536px;
		float:right;
		margin-bottom:5px;
	}
		.button_container div.button_content iframe {
			overflow:hidden;
		}
	.button_container div.button_gui {
		height:30px;
		width:225px;
		float:left;
	}
	.button_container div.button_footer {
		height:30px;
		width:536px;
		float:left;
		margin-left:5px;
	}

		/* Button Colors*/
		#id_1 div.button_gui,
		#id_1 div.button_footer,
		#id_1 div.button_title {
			background-color:rgb(240,3,127);
		}
			#id_1 li.button_1 {
				background-color:rgb(88%, 4%, 47%);
			}
			#id_1 li.button_2 {
				background-color:rgb(82%, 7%, 45%);
			}
			#id_1 li.button_3 {
				background-color:rgb(76%, 10%, 43%);
			}
			#id_1 li.button_4 {
				background-color:rgb(70%, 13%, 41%);
			}
			#id_1 li.button_5 {
				background-color:rgb(64%, 16%, 39%);
			}
			#id_1 li.button_6 {
				background-color:rgb(58%, 19%, 37%);
			}
			#id_1 li.button_7 {
				background-color:rgb(42%, 21%, 35%);
			}
			#id_1 li.button_8 {
				background-color:rgb(36%, 24%, 33%);
			}


		#id_2 div.button_gui,
		#id_2 div.button_footer,
		#id_2 div.button_title {
			background-color:rgb(240,0,0);
		}
			#id_2 li.button_1 {
				background-color:rgb(93%, 3%, 3%);
			}
			#id_2 li.button_2 {
				background-color:rgb(87%, 6%, 5%);
			}
			#id_2 li.button_3 {
				background-color:rgb(81%, 9%, 7%);
			}
			#id_2 li.button_4 {
				background-color:rgb(75%, 12%, 9%);
			}
			#id_2 li.button_5 {
				background-color:rgb(69%, 15%, 11%);
			}
			#id_2 li.button_6 {
				background-color:rgb(63%, 18%, 13%);
			}
			#id_2 li.button_7 {
				background-color:rgb(57%, 21%, 15%);
			}
			#id_2 li.button_8 {
				background-color:rgb(51%, 24%, 17%);
			}


		#id_3 div.button_gui,
		#id_3 div.button_footer,
		#id_3 div.button_title {
			background-color:rgb(255,127,0);
		}
			#id_3 li.button_1 {
				background-color:rgb(93%, 48%, 3%);
			}
			#id_3 li.button_2 {
				background-color:rgb(87%, 46%, 5%);
			}
			#id_3 li.button_3 {
				background-color:rgb(80%, 44%, 8%);
			}
			#id_3 li.button_4 {
				background-color:rgb(74%, 42%, 11%);
			}
			#id_3 li.button_5 {
				background-color:rgb(67%, 40%, 14%);
			}
			#id_3 li.button_6 {
				background-color:rgb(60%, 38%, 16%);
			}
			#id_3 li.button_7 {
				background-color:rgb(54%, 36%, 19%);
			}
			#id_3 li.button_8 {
				background-color:rgb(47%, 35%, 22%);
			}


		#id_4 div.button_gui,
		#id_4 div.button_footer,
		#id_4 div.button_title {
			background-color:rgb(255,212,0);
		}
			#id_4 li.button_1 {
				background-color:rgb(93%, 78%, 3%);
			}
			#id_4 li.button_2 {
				background-color:rgb(87%, 73%, 5%);
			}
			#id_4 li.button_3 {
				background-color:rgb(80%, 67%, 8%);
			}
			#id_4 li.button_4 {
				background-color:rgb(74%, 62%, 11%);
			}
			#id_4 li.button_5 {
				background-color:rgb(67%, 57%, 14%);
			}
			#id_4 li.button_6 {
				background-color:rgb(60%, 51%, 16%);
			}
			#id_4 li.button_7 {
				background-color:rgb(54%, 46%, 19%);
			}
			#id_4 li.button_8 {
				background-color:rgb(47%, 41%, 22%);
			}


		#id_5 div.button_gui,
		#id_5 div.button_footer,
		#id_5 div.button_title {
			background-color:rgb(152,255,0);
		}
			#id_5 li.button_1 {
				background-color:rgb(57%, 93%, 3%);
			}
			#id_5 li.button_2 {
				background-color:rgb(55%, 86%, 5%);
			}
			#id_5 li.button_3 {
				background-color:rgb(52%, 79%, 8%);
			}
			#id_5 li.button_4 {
				background-color:rgb(50%, 72%, 11%);
			}
			#id_5 li.button_5 {
				background-color:rgb(47%, 65%, 14%);
			}
			#id_5 li.button_6 {
				background-color:rgb(44%, 58%, 16%);
			}
			#id_5 li.button_7 {
				background-color:rgb(42%, 51%, 19%);
			}
			#id_5 li.button_8 {
				background-color:rgb(39%, 44%, 22%);
			}


		/* Menu forward and back buttons */
        .backward {
        	display:none; /* start hidden! Unhide when needed with javascript... */
            float:left;
        	cursor:pointer;
        	background-image:url(/domains/studiovdb/fridayfree.com/images/terug.png);
        	background-repeat:no-repeat;
        	width:100px;
        	height:21px;
        	margin:4px;
        }
        .forward {
        	display:none; /* start hidden! Unhide when needed with javascript... */
            float:right;
        	cursor:pointer;
        	background-image:url(/domains/studiovdb/fridayfree.com/images/meer.png);
        	background-repeat:no-repeat;
        	width:100px;
        	height:21px;
        	margin:4px;
        }


		/* Anchor menu */
		.button_footer {
        	overflow:hidden;
		}
		.button_footer ul {
			margin:0px;
            margin-top:5px;
			padding:0px;
			display:block;
		}
		.button_footer li {
			display:inline;
			cursor:pointer;
			list-style-type: none;
		}

		.button_footer li a {
			display:inline;
			height:20px;
			text-transform:none;
			text-decoration:none;
			color:#fff;
			font-size:18px;
			padding:5px;
			padding-left:10px;
			padding-right:10px;
		}
		.button_footer .anchor_submenu .top,
		.button_footer .anchor_submenu .bottom {
        	display:none;
		}

        /* All mouse overs*/
		li a:hover {
			color:#ddd;
		}


			div.down_star {
				display:none;
				float:right;
				background-image:url(/domains/studiovdb/fridayfree.com/images/star_white.png);
				background-repeat:no-repeat;
				width:25px;
				height:30px;
			}