/******************************************************
	Style: Copyright Jasper Vermorgen | 2007 - 2009
******************************************************/

/*** tags ***/

*, html {
	padding:0;
	margin:0;
}
body {
	background-attachment:fixed;
	background-position:top center;
	background-repeat:repeat-y;
	background-image:url(../images/backgr_2.png);
	color:#999999;
	font-family:"Times New Roman", Times, serif;
	font-size:0.9em;
	margin:5px;
	overflow:hidden;
	text-align:center;
	height:100%;
}
td {
	padding:0;
	margin:0;
	vertical-align:middle;
}
p {
	border-left:none 1px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin:8px;
}
p.justify {
	text-align:justify;
}
ul.naviUl {
	padding:0px;
	margin:0px;
	vertical-align:middle
}
li.naviLi {
	list-style:none;
	display:inline;
	margin:1px;
	padding:1px;
	position:relative;
}
img {
	border:none;
	vertical-align:top;
}
h1 {
	font-size:26px;
	padding:3px;
	padding-left:15px;
	background-image:url(../images/Subtitles_2.png);
}
h2 {
	background:url(../images/Subtitles_2H2-2.png) no-repeat;
	padding-left:25px;
	padding-bottom:3px;
	padding-top:5px;
	margin:2px;
}
tr {
	border:none;
	margin:0px;
	padding:0px;
}
th {
	background-image:url(../images/Subtitles.png);
}
td {
	background-image:url(../images/lighter.png);
	background-repeat:repeat;
}
hr {
	margin-top:5px;
	margin-bottom:10px;
	height:1px;
	color:#898989;
	background-color:#898989;
	border:0;
}
/*** ID selectors ***/
	
#header {
	vertical-align:top;
	background-color:#336699;
	position:fixed;
	top:5px;
	border:solid #999999 1px;
	height:100px;
	width:750px;
}
#titleimg {
	z-index:1;
	position:relative;
	top:0px;
}
#navi {
	vertical-align:middle;
	text-align:center;
	background-color:#336699;
	background-image:url(../images/navbar-bg.gif);
	background-repeat:repeat-x;
	background-position:center;
	border:solid 1px #999999;
	position:fixed;
	top:105px;
	width:750px;
	height:30px;
}
#content {
	border:solid 1px #999999;
	background-color:#607393;
	background-image:url(../images/Content-bg.png);
	background-position:top center;
	background-repeat:repeat-y;
	background-attachment:scroll;
	text-align:left;
	padding:15px 25px 0 25px;
	height:auto;
	width:700px;
	overflow:auto;
	position:fixed;
	top:135px;
	bottom:45px;
	margin-top:0;
	margin-bottom:0;
}
#pages {
	background:none;
}
#stylebar {
	background-image:url(../images/linkbar-bg.gif);
	background-repeat:repeat-x;
	background-position:center;
	vertical-align:middle;
	border:none;
	width:750px;
	height:20px;
	top:auto;
	bottom:25px;
	margin-top:0px;
	margin-bottom:0px;
	position:fixed;
	text-align:center;
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
}
#footer {
	background-image:url(../images/footer-bg.gif);
	background-repeat:repeat-x;
	background-position:center;
	vertical-align:middle;
	border:none;
	position:fixed;
	top:auto;
	width:750px;
	margin-top:0px;
	margin-bottom:0px;
	height:20px;
	bottom:5px;
	text-align:center;
	border-bottom:solid 1px #999999;
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
}
#me {
	float:left;
	vertical-align:baseline;
	padding-bottom:3px;
	padding-right:10px;
	padding-top:3px;
}
#infofield {
	padding:3px;
	margin:0px;
	padding:0px;
}
#smileys {
	text-align:center;
	vertical-align:middle;
}
#friendsContent, #freetimeContent, #generalContent, #tranceContent {
    width:683px;
    margin-left:15px;
}
#songtrackTable {
    width:600px;
}
/*#loginform {display:none;}*/
#loginToggle {
	font-size:10px;
	font-style:normal;
}
#test {
	position:relative;
	top:-92px;
	text-align:right;
	z-index:2;
	margin:0px;
	padding:0px;
	margin-right:10px;
	height:0px;
}
#floatingContact {
	width:458px;
	height:298px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-149px auto auto -229px;
	z-index:9;
	display:none;
}
#contactTable {
	width:400px;
	background-image:url(../images/Content-bg.png);
	background-position:top center;
	background-repeat:repeat;
	border:2px solid black;
}
#floatingGB {
	width:425px;
	height:458px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-229px auto auto -212px;
	z-index:9;
	display:none;
}
#guestbookTable {
	width:425px;
	background-image:url(../images/Content-bg.png);
	background-position:top center;
	background-repeat:repeat;
	border:2px solid black;
}
#floatingLogin {
	width:325px;
	height:258px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-129px auto auto -162px;
	z-index:9;
	display:none;
}
#loginTable {
	width:325px;
	background-image:url(../images/Content-bg.png);
	background-position:top center;
	background-repeat:repeat;
	border:2px solid black;
}
#floatingForm {
	width:458px;
	height:298px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-149px auto auto -229px;
	z-index:9;
	display:none;
}
#floatingSearchForm {
	width:100%;
	height:38px;
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
	z-index:12;
	display:none;
}
#searchBar {
	width:100%;
	height:34px;
	position:absolute;
	top:0;
	left:0;
	padding:3px 0 2px 0;
	margin:0;
	text-align:right;
	background-image:url(../images/lighter.png);
	background-position:top center;
	background-repeat:repeat;
	border-bottom:1px solid #555555;
}
#searchField {
	margin:0;
	padding:5px 3px;
	margin:2px;
	height:16px;
}
#searchAlgorithmDropDown {
	position:absolute;
	top:5px;
	left:10px;
	height:28px;
	width:250px;
	padding:5px 3px;
	border:1px solid #ababab;
	background:#dedede;
}
#appointmentTable {
	width:458px;
	background-image:url(../images/Content-bg.png);
	background-position:top center;
	background-repeat:repeat;
	border:2px solid black;
}
#weekDetails th, #weekDetails td {
    border:solid 1px #999999;
}
#recurrencePanel {
    background: url(../images/Subtitles.png) center repeat-y;
    border:solid 1px #999999;
    margin-top: 5px;
    display: none;
}
#recurrencePattern {
    padding: 5px;
}
#resultTable {
	width:400px;
	background-image:url(../images/Content-bg.png);
	background-position:top center;
	background-repeat:repeat;
	border:2px solid black;
}
#globalMessage {
	width:450px;
	height:100px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-82px auto auto -225px;
	padding-top:64px;
	background-image:url(../images/messageKader.png);
	background-repeat:no-repeat;
	background-position:center;
	color:#336b45;
	z-index:10;
	display:none;
	font-weight:bold;
	cursor:crosshair;
}
#globalMessageText {
	height:24px;
}
#globalMessageBackground {
	width:100%;
	height:100%;
	position:absolute;
	top:0%;
	bottom:0%;
	left:0%;
	right:0%;
	margin:0;
	background-color:#000000;
	z-index:4;
	display:none;
}
#loadingImage {
	position:absolute;
	top:60px;
	left:50%;
	margin:0 auto auto -350px;
	z-index:15;
	display:none;
}
#tt {
 position:absolute;
 display:block;
 background:url(../images/tt_left.gif) top left no-repeat;
}
#tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(../images/tt_top.gif) top right no-repeat;
 overflow:hidden;
}
#ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 background:#666;
 color:#fff;
 text-align:left;
}
#ttbot {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(../images/tt_bottom.gif) top right no-repeat;
 overflow:hidden;
}
#infoBox {
    border:none;
    margin-bottom:10px;
    margin-top:10px;
    width:425px;
}
#vst-plugs table {
    width:500px;
}
#agendaMonthSelector {
    width:675px;
    text-align:right;
}

/*** class selectors ***/
			
.lighter {
	background-image:url(../images/lighter.png);
	background-repeat:repeat;
}
.noleft {
	border-left:none;
}
.content {
	border:solid 1px #999999;
	padding:5px;
	margin:0;
	padding-left:15px;
	padding-right:15px;
}
.contentHeader {
	border:solid 1px #999999;
	padding:5px;
	margin:0;
	padding-left:15px;
	padding-right:15px;
	text-align:right;
	font-style:italic;
}
.block {
	list-style:none;
	display:block;
	margin:1px;
	padding:1px;
	position:relative;
}
.hide {
	display:none;
}
.error {
	color:#FF0000;
	font-style:italic;
}
.accentuate {
	font-weight:bold;
}
.accentError {
	text-decoration:underline overline;
	font-weight:bold;
}
.headerGB {
	font-style:italic;
	font-size:14px;
}
.melding {
	text-decoration:underline overline;
	font-style:italic;
	font-size:14px;
	border-left:0;
}
.header2 {
	font-weight:bold;
	font-size:22px;
	margin-top:15px;
	margin-bottom:10px;
}
.message {
	margin:15px;
	font-style:normal;
}
.guestbook {
	width:683px;
}
.gbCell1 {
	border:solid 1px #999999;
	text-align:left;
	padding:5px;
	background-image:url(../images/Subtitles.png);
	border-right:solid 1px #666666;
}
.gbCell2 {
	border:solid 1px #999999;
	text-align:center;
	padding:5px;
	width:200px;
	background-image:url(../images/Subtitles.png);
	border-left:solid 1px #666666;
}
.gbCell3 {
	border:solid 1px #999999;
	padding:5px;
}
.accentError {
	text-decoration:underline overline;
	font-weight:bold;
}
.iconrow {
	background-image:url(../images/Subtitles.png);
	border:solid 1px #999999;
	padding:5px;
	margin:5px;
}
.icon {
	vertical-align:middle;
}
.stylelink {
	font-family:"Courier New", Courier, monospace;
	font-size:10px;
}
.linkcells {
	text-align:left;
	padding:5px;
	border:1px solid #999999;
}
.linkcells2 {
	text-align:left;
	padding:5px;
	border:1px solid #999999;
	background-image:url(../images/lighter.png);
	
}
.opsomming {
	padding-left:25px;
	display:block;
	background:url(../images/icons/arrow.png) no-repeat;
}
.opsommingslijst {
	padding-left:0;
	margin-left:5px;
	text-align:left;
	margin-top:10px;
	padding-top:5px;
}
.vstLink {
	margin-left:20px;
	padding-left:35px;
	background:url(../images/icons/VST_logo.png) no-repeat;
}
.centerDiv {
	margin-left:auto;
	margin-right:auto;
	width:750px;
	text-align:left;
}
.c2 {
	margin-top:20px;
	margin-bottom:20px;
}
.titleBar {
	background-image:url(../images/Subtitles.png);
}
.title {
	width:75%;
	float:left;
	text-align:left;
	font-weight:bold;
	font-size:18px;
}
.controlBar {
	width:24%;
	float:left;
	text-align:right;
}
.close {
	cursor:pointer;
	margin:1px;
}
.closeSearch {
	cursor:pointer;
	margin:6px;
}
input.button {
	background-color:#ababab;
	border:2px solid black;
	padding:5px;
}
img.thumb {
	width:200px;
}
img.okMark {
	vertical-align:top;
}
table.calendar {
	width:686px;
	border:1px solid #444444;
	margin-top:20px;
	margin-bottom:20px;
}
th.calendarHeader {
	width:98px;
	height:30px;
	text-align:center;
}
table.calendar td.day {
	text-align:center;
	padding:3px;
	margin:0;
	vertical-align:top;
	height:40px;
}
table.calendar td.day div.number {
	height:20px;
	border:1px solid #777777;
	background:#313945;
	margin:0;
	cursor:crosshair;
}
table.calendar td.day div.now {
	height:20px;
	border:1px solid #aaaaaa;
	background:#202834;
	color: #cccccc;
	font-weight: bold;
	margin:0;
	cursor:crosshair;
}
table.calendar td.day div.appointments {
	margin:0 0 5px 0;
	padding:0;
	height:auto;
}
table.calendar td.day div.appointment {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	height:auto;
	border:1px solid #5d5d5d;
	padding:3px;
	margin:3px 0 0 0;
	cursor:crosshair;
}
.greenBack {
	background:url("../images/appointment_green_bg.png") scroll top center repeat;
}
.blueBack {
	background:url("../images/appointment_blue_bg.png") scroll top center repeat;
}
.purpleBack {
	background:url("../images/appointment_purple_bg.png") scroll top center repeat;
}
.canceledBack {
	background:url("../images/appointment_grey_bg_canceled.png") scroll top center repeat;
	color:#aaaaaa;
}
/*** pseudo selectors ***/
a:link {
	color:#92bfe3;
	text-decoration:none;
}
a:hover {
	color:#92bfe3;
	text-decoration:underline;
}
a:active {
	color:#FFFFFF;
	text-decoration:underline;
}
a:visited {
	color:#92bfe3;
	text-decoration:none;
}
h2:hover {
	text-decoration:none;<p style="line-height: 100%"></p>
}
input.button:hover {
	background-color:#cccccc;
}
.close:hover {
	background-image:url(../images/lighter.png);
	border:1px solid #aaaaaa;
	margin:0;
}
.closeSearch:hover {
	background-image:url(../images/lighter.png);
	border:1px solid #aaaaaa;
	margin:5px;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

#ui-datepicker-div
{
    z-index: 9999999;
}

@media handheld,  only screen and (max-width: 800px) {    
    body {
        overflow: auto;
        height: auto;        
    }
    
    #header {
    	position:relative;
    	top:auto;
        bottom:auto;
        height:50px;
    	width:396px;
    }
    
    #navi {    	
    	position:relative;
    	top:auto;
        bottom:auto;
        height:60px;
    	width:396px;
        background-repeat:repeat;
	background-position:top;
    }
    
    #content {
    	width:346px;
    	position:relative;
        top:auto;
    	bottom:auto;
    }
    
    #stylebar {
    	
    	width:396px;
        top:auto;
    	bottom:auto;
    	position:relative;
    }
    #footer {
    	position:relative;
    	width:396px;
        top:auto;
    	bottom:auto;
    }
    
    #titleimg {
    	z-index:1;
    	position:relative;
    	top:auto;
        bottom:auto;
        width: 396px;
    }
    
    .guestbook {
    	width:346px;
    }
    
    .centerDiv {
    	width:396px;
    }
    
    #infoBox {
        width:346px;
    }
    
    #vst-plugs table {
        width:346px;
    }
    
    #friendsContent, #freetimeContent, #generalContent, #tranceContent {
        width:346px;
    }
    
    #agendaMonthSelector {
        width:346px;
        text-align:right;
    }
    
    #songtrackTable {
        width:346px;
    }
}