/*****************************************************************************
 *
 *  Copyright            : Copyright (C) Nico Habets
 *  Email                : nico_habets@hotmail.com
 *	
 *  
 *  Disclaimer:
 *	Niets uit dit script mag zonder toestemming van de maker van deze
 *	scripting gekopieerd, of doorverkocht worden aan derden. De maker van deze
 *	scripting blijft ten alle tijden copyright op dit product houden. De 
 *	scripting is ter beschikking gesteld door Nico Habets.
 *	Dit programma is GEEN vrije software, en mag niet worden doorverkocht en/
 * 	of gewijzigd worden tenzij de eigenaar toestemming hiervoor heeft verleend
 *
 *****************************************************************************/

html,body									{ font-family: Trebuchet MS, Helvetica, Verdana, Arial, sans-serif; letter-spacing: 1px; font-size: 14px; margin: 0px; height: 100%; background-color: #FFFFFF; }

img											{ border: none; }
h1,h2										{ font-family: Agency FB; Agency; Arial; font-style: normal; font-weight: normal; src:url(agency.eot); }
h1											{ font-family: Agency FB; Agency; Arial; margin: 0px; padding: 30px 0px 0px 0px; font-size: 40px; letter-spacing: 2px; src:url(agency.eot); }
h2											{ font-family: Agency FB; Agency; Arial; font-size: 30px; letter-spacing: 1px; src:url(agency.eot); }
form										{ margin: 0px; }
table, tr, td								{ border-collapse:collapse; vertical-align: top; }
tr.right *									{ text-align: right; }
td.right									{ text-align: right; }
td.right *									{ text-align: right; }
td											{ padding: 2px 5px 2px 5px; }
th											{ padding: 0px 5px 0px 5px; }
th img										{ vertical-align: middle; }
tbody tr.even td							{ background-color: #ffffff; }
tbody tr.ruled td							{ background-color: #c1d72e; color: #ffffff; }
input, textarea								{ font-family: Trebuchet MS, Helvetica, Verdana, Arial, sans-serif; }
pre											{ font-family: Trebuchet MS, Helvetica, Verdana, Arial, sans-serif; }
a											{ text-decoration: none; color: #5e9b3d; }
a:hover										{ text-decoration: underline; color: #5e9b3d; }
.stats a:visited							{ color:#72b84c; }

#header										{ background: url(../images/header.jpg) repeat-x bottom #fff; height: 100px; width: 100%;}

#menu										{ padding: 0px 30px 0px 30px; font-size: 11px; }
#menu a										{ font-family: Agency FB; Agency; Arial; font-size: 20px; color: #000000; text-decoration: none; letter-spacing: 1px; font-weight: 500; }
#menu a:hover								{ color: #c1d72e; text-decoration: none; }
#menu .on									{ color: #5e9b3d; }
#menu .border								{ margin: 0px 0px 2px 0px; padding: 2px 5px 2px 5px;  }
						

#modules									{ font-family: Agency; Arial; font-size: 15px; font-weight: bold; width: 100%; src:url(agency.eot); }
#modules table								{ width: 100%; margin-top: 20px;  }
#modules table td							{ background-repeat: no-repeat; background-position: right; height: 55px; }
#modules table td div						{ border-right: 2px solid #ffffff; padding: 25px 5px 0px 5px; white-space: nowrap; text-align: center; border-bottom: double; border-bottom-color: #f4f4ec; }
#modules .start								{ padding: 1px 0px 0px 6px; width:110px; }
#modules .end								{ width: 50px; }
#modules .end div							{ border:none; padding: 22px 0px 0px 0px; text-align: right; }

.info										{ margin: -70px 0px 0px 0px; }

#container									{ background: url(../images/background.jpg) left 60px no-repeat; min-height: 100%; height: auto !important; height: 100%; }

#content									{ min-height: 300px; height: auto !important; height: 300px; }
#content									{ padding: 0px 45px 100px 35px; }

#footer										{ position: relative; background: url(../images/footer.jpg) repeat-x top #fff; height: 80px; width: 100%; margin: -80px 0px 0px 0px; }
#footer a									{ color: #000000; text-decoration: none; }
#footer a:hover								{ color: #c1d72e; text-decoration: underline; }
#footer_stats								{ position: absolute; font-size: 12px; margin: 20px 0px 10px 20px; padding: 0px 15px 0px 15px; }

/*#form th									{ text-align: left; font-size: 80%; color:#666666; padding: 0px 5px 2em 5px; }*/
#form input									{ width: 600px; }
#form input[type=checkbox]					{ width: 15px; }
#form select								{ width: 606px; }
#form textarea								{ width: 400px; height: 150px; }
#form table									{ width: 100%; }
#form .right select							{ width: 100px; font-size: 90%; width: 100px; }
#form .submit								{ margin: 1em 0px 0px 0px; font-weight: bold; }

#hot_notice									{ font-weight: bold; color: #990000; }
#notice										{ font-size: 80%; font-weight: normal; text-align: left; color: #666666; }
#help										{ font-size: 80%; color:#666666; vertical-align: middle;  }

.corner										{ padding: 0px; background-color: #f4f4ec; font-size: 1px; }

#table_list									{ border-collapse: collapse; background: #f4f4ec; margin: 10px 0px 1em 0px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#table_list img								{ vertical-align: middle; }
#table_list_options							{ font-size: 10px; margin: 0px 0px 1em 0px; }
#table_list_options	input					{ font-size: 10px; }
.table_limit								{ font-size: 10px; }
.table_limit a								{ text-decoration: none; }
.table_limit a:hover						{ text-decoration: underline; }

#filebrowser h1								{ font-size: 18px; margin: 0px; padding: 0px; }
#filebrowser ul								{ list-style: none; padding: 0px; margin: 0px 0px 0px 5px; }
#filebrowser li								{ list-style: none; }
#filebrowser img							{ vertical-align:middle; }
#filebrowser_dir							{ border-right: 1px solid #333333; width:250px; padding: 10px 10px 10px 10px;	}
#filebrowser_files							{ height: 350px; padding: 10px 10px 10px 10px; }
#filebrowser_upload							{ border-top: 1px solid #333333; text-align: right; padding: 1em 0px 0px 0px; }
#filebrowser_upload	td						{ text-align: right; }

#frontpage									{ background: url(../images/background_frontpage.gif) no-repeat; padding: 50px 0px 0px 50px; height: 400px; width: 743px; text-align: left; }
#frontpage td								{ width: 342px; font-size: 13px;}
#frontpage input							{ width: 295px; border: 1px solid #c1d72e; background: #FFFFFF; margin: 0px 0px 3px 0px; font-size:12px; font-size: 14px; }
#frontpage .checkbox						{ width: 15px; border: none; background: none; vertical-align: middle; }
#frontpage .submit							{ background: url(../images/btn_login.gif); width: 136px; height:41px; border: none; cursor: pointer; }
#frontpage form td							{ width: auto; vertical-align: middle; }

/*
#frontpage									{ font-size: 11px; height: 180px; margin: 2em 0px 0px 0px; text-align: left; }
#frontpage a								{ color: #c1d72e; text-decoration: none; font-weight: bold; }
#frontpage a:hover							{ text-decoration: underline; }
#frontpage h2								{ clear: both; margin: 35px 0px 0px 0px; }
#frontpage p								{ margin: 0px; }
#frontpage .left							{ background: url(../images/login_left.gif) no-repeat; width: 328px; padding: 5px 0px 0px 8px; }
#frontpage .left input						{ width: 308px; border: 1px solid #f8f8f8; background: #FFFFFF; margin: 0px 0px 3px 0px; }
#frontpage .left .checkbox					{ width: 15px; border: none; background: none; vertical-align: middle; }
#frontpage .left .submit					{ width: 100px; margin: 0px 17px 0px 0px; font-weight: bold; cursor: hand; }
#frontpage .right							{ background:url(../images/login_right.gif) no-repeat; width: 514px; padding: 8px 5px 0px 8px; font-size: 14px; }
*/

#tab_selector								{ margin: 0px; padding: 0px; list-style: none; display: inline; }
#tab_selector li							{ float: left; background: url(../images/table_tab.gif) no-repeat top center; width: 56px; height: 20px; text-align: center; padding: 0px 3px 0px 3px; margin: 0px 3px 0px 0px; }
.tab										{ display: none; background: #f4f4ec; padding: 25px; margin-bottom: 25px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
/*
.tab_link									{ background-color: #f4f4ec; border: 1px solid #000000; padding: 2px 1em 2px 1em; text-decoration: none; }
.tab_link:hover								{ background-color: #f4f4ec; color: #606060; }
.tab_link img								{ vertical-align: bottom; }
.tab										{ display: none; }
.tab table									{ border: 1px solid #000000; background-color: #f4f4ec; width:100%; }
.tab table td								{ padding: 5px; }
*/

.stats td									{ border: 1px solid #f4f4ec; font-size: 80%; width: 100px; }
.stats th									{ border: 1px solid #ffffff; background: #f4f4ec; }
.stats td div								{ background: #f4f4ec; border-right: 1px dotted #999999; position: absolute; opacity: .9;	filter: alpha(opacity=90); }
.stats .small								{ width: 25px; }
.sat										{ background: #c1d72e; }
.sun										{ background: #c1d72e; }

.hand										{ cursor: pointer; }
.border										{ border: 1px solid #f4f4ec;  }
.left										{ float: left; }
.right										{ float: right; padding-right: 82px; }
.checkbox									{ width: 15px; }
.editor										{ background-color: #f4f4ec; padding: 3px 5px 3px 5px; }
.small *									{ font-size: 10px; }
.panel table								{ width: 100%; }
.panel td									{ width: 50%; }
.panel h2									{ margin: 2em 0px 0px 0px; }
.panel ul									{ margin: 0px 0px 0px 15px; }

.compact, .compact tr, .compact .td			{ margin: 0px; padding: 0px; border-collapse: collapse; font-size: 11px; }