/* 
    Document   : homepage
    Created on : 24-feb-2009, 20:33:23
    Author     : Pascal
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

div.newsDate
{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
    font-weight:600;
    color:#720013;
    margin-bottom:5px;
    margin-top:15px;
}

div.newsTitle
{
    margin-top:15px;
    margin-bottom:5px;
    font-size:15px;
    color:#720013;
}

div.newsText
{
    text-align:justify;
    color:#333333;
    margin-bottom:15px;
}

div.newsDivider
{
    width:278px;
    height:1px;
    background-image:url(../images/news_divider.jpg);
}

div.largeNewsTitle
{
    margin-top:15px;
    margin-bottom:5px;
    font-size:17px;
    color:#720013;
    font-weight:900;
}

div.largeNewsText
{
    text-align:justify;
    color:#333333;
    margin-bottom:15px;
}

div.largeNewsDivider {
    width:500px;
    height:2px;
    background-image:url(../images/divider-wide.png);
}

div.soonTitle
{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:14px;
    font-weight:900;
    color:#720013;
}

div.event-item {
    margin-bottom:15px;
}

div.event-item-hightlight {
    margin-bottom:15px;
    cursor:pointer;
}

div.eventDate
{
    font-size:10px;
    width:100px;
    text-align:right;
    color:#720013;
}

div.no-events-today {
    width:283px;
    font-size:13px;
    margin-top:24px;
    font-weight:500;
    color:#720013;
}

div.eventTitle
{
    width:183px;
    font-size:15px;
    font-weight:500;
    color:#720013;
}

div.eventText
{
    text-align:justify;
    width:283px;
    color:#484847;
}

div.event-text-highlight {
    color:#8a0319;
    cursor:pointer;
}

div.event-title-highlight {
    color:#a90b25;
    cursor:pointer;
}

#today_container
{
    position:absolute;
    left: 50%;
    margin-left: -460px;
    width:284px;
    height:530px;
    top:160px;
}

#today_availability{
    background-image:url(../images/tennis.jpg);
    background-position:0px 15px;
    background-repeat:no-repeat;
    height:260px;
    width:284px;
    line-height: 170%;
    padding-top:45px;
}

#latest_news_container
{
    position:absolute;
    left: 50%;
    margin-left: 170px;
    width:297px;
    height:368px;
    top:163px;
    padding:2px 10px 0px 10px;
    background-image: url(../images/laatste-nieuws.png)
}

#recent_events_container
{
    position:absolute;
    left: 50%;
    margin-left: -163px;
    width:284px;
    height:390px;
    top:175px;
}

#photoalbum
{
    position:absolute;
    margin-top:382px;
    left:30px;
    width:800px;
}

div#photomask-homepage
{
    position:absolute;
    width:800px;
    height:100px;
    top:0px;
    left:0px;
    background-image: url(../images/photomask.png);
    z-index:20;

}

div#photoalbum-link {
    position:relative;
    margin-left:105px;
    margin-top:5px;
    display: none;
    z-index: 2;
}

.photo-quick {
    display:none;
}

div#toplinks {
    position:absolute;
    left:50%;
    margin-left:350px;
    width:200px;
    height:30px;
}

.dialog {
    position:absolute;
    left:50%;
    top:50%;
    width:314px;
    height:238px;
    margin-left:-157px;
    margin-top:-119px;
    z-index:100;
    background-image:url(../images/dialog.png);
    display:none;
}

.modal-mask {
    position:absolute;
    height:100%;
    width:100%;
    left:0px;
    top:0px;
    background-color:gray;
    opacity:0.5;
    filter:alpha(opacity=50);
    z-index:99;
    display:none;
}

input.login-field {
    width:170px;
    background-color:transparent;
    border:0px;
    left:63px;
}

input#login-user {
    position:absolute;
    top:89px; 
}

input#login-password {
    position:absolute;
    top:136px;
}

div#login-ok-btn {
    position:absolute;
    top:187px;
    width:91px;
    height:23px;
    left:154px;
    cursor:pointer;
}

div#login-cancel-btn {
    position:absolute;
    top:187px;
    width:91px;
    height:23px;
    left:56px;
    cursor:pointer;
}

div.message-dialog {
    position:absolute;
    width:314px;
    height:238px;
    top:0px;
    left:0px;
    display:none;
}

div.waiting-dialog {
    background-image:url(../images/dialog-waiting.png);
    z-index:101;
}

div.error-dialog {
    background-image:url(../images/dialog-error.png);
}

div.blank-dialog {
    background-image:url(../images/dialog-blank.png);
}

div#apply_tema {
    width:301px;
    height:124px;
    margin-left:-5px;
    background-image:url(../images/nieuwsbrief.png);
    cursor:pointer;
}

div#weather-widget
{
	position:absolute;
	top:280px;
	left:50px;
}

div#member-login
{
    position:absolute;
    top:15px;
    left: 50%;
    margin-left:170px;
    width:301px;
    height:108px;
    padding-top:25px;
    padding-left:15px;
    background-image:url(../images/leden.png);
}

div#login-error
{
    position:absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0px;
    background-image:url(../images/login-error.png);
}

table#member-table
{
    width:284px;
}

table#member-table a
{
    font-size: 13px;    
}

div#member-login input {
    width:150px;
    background-color:#eae6d8;
    border:1px solid #c3bfae;
    left:63px;
}

div#login-button {
    position:relative;
    width:70px;
    height:20px;
    cursor:pointer;
    margin:3px 0px 6px 214px;
    background-image:url(../images/login-button.png);
}

div#active_user
{
    position:absolute;
    margin-left:-119px;
    left:50%;
    width:234px;
    height:26px;
    background-image:url(../images/user_background.jpg);
    color:#720013;
    font-size:14px;
    text-align:center;
    padding-top:4px;
    display:none;
    text-transform:capitalize;
}

.today-element
{
    position:absolute;
    width:220px;
    height:50px;
    left:50%;
    margin-left:-135px;
    font-size: 12px;
}

#today-morning
{
    top:37px;
}

#today-afternoon
{
    top:122px;
}

#today-evening
{
    top:209px;
}

span.bar-open
{
    color:#237a25;
}

span.bar-closed
{
    color:#80202e;
}

span.low-courts
{
    color:#80202e;
    font-weight:bold;
}

div.events
{
    margin-top:2px;
    padding-left: 5px;
    color:#4b5457;
}

div#search-panel
{
	position:absolute;
	left:400px;
	top:19px;	
}

div#search-panel input
{
	height:20px;
	font-size:13px;
	width:150px;
    background-color:#eae6d8;
    background-color:transparent;
    border:0px solid #c3bfae;
}

input.inactive
{
	color:#616265;
}