/* Reisiplaneerija */

label.error {
    display: inline !important;
    padding-left: 0 !important;
}

#tripPlannerHeader {
    min-width: 600px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    display: none;
}

* html #tripPlannerHeader {
    width: 600px;
}

#startPlanning {
    cursor: pointer;
    font-size: 15px;
    color: #333;
    font-weight: bold;
    padding-left: 40px;
    background: url(/i/images/icons/clock_32_white.png) no-repeat left top;
    line-height: 32px;
    margin-bottom: 20px;
}

#fromWhere, #whereTo, #tripDescription {
    width: 350px;
}

#tripDescription {
    height: 218px;
}

#tripDescription.eng {
    height: 175px;
}

div.leftBlock {
    width: 290px;
    float: left;
}

div.rightBlock {
    width: 210px;
    float: right;
}


/* Trip List */

#tripList {
    border-top: 1px solid #eeeeee;
}

#tripList div.trip {
    clear: both;
    padding: 0 5px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eeeeee;
    color: #333;
}

    #tripList div.trip.odd {
        background-color: #fff;
    }

    #tripList div.trip.even {
        background-color: #fafafa;
    } 
    
    #tripList div.trip div.tripHeader {
        display: block;
        cursor: pointer;    
    }
        
        #tripList div.trip div.tripHeader strong, #tripList div.trip div.tripHeader span {
            line-height: 29px !important;
        }
    
        #tripList div.trip div.tripHeader strong {
            float: left;
            margin: 0 5px;
            width: 280px;
        }
    
        #tripList div.trip div.tripHeader span {
            margin-left: 10px;
        }
    
        #tripList div.trip div.tripHeader span.former {
            float: right;
            padding-left: 18px;
            font-weight: bold;
            color: #999;
            margin-right: 5px;
            background: url(/i/images/icons/user_16_white.png) no-repeat left 6px;
        }
        
    #tripList div.trip div.tripInfo {
        position: relative;
        display: none;
        min-width: 600px;
        margin: 5px 0;
        background-color: #fff;
        float: left;
    }
    
    * html #tripList div.trip div.tripInfo {
        width: 600px;
    }
        #tripList div.trip div.tripInfo a.singlePageArrow {
            position: absolute;
            right: 15px;
            top: 8px;
            display: block;
            height: 32px;
            width: 32px;
            background: url(/i/images/icons/next_32_white.png) no-repeat left top;
        }
    
        #tripList div.trip div.tripInfo p.tripDescription {
            float: left;
            width: 320px;
            padding: 5px 5px 0;
        }
    
        #tripList div.trip div.tripInfo div.tripParticipants {
            float: right;
            width: 240px;
            padding: 10px;
        }
    
        #tripList div.trip div.tripInfo span.tripParticipant {
            display: block;
            margin-bottom: 10px;
            padding-left: 45px;
            line-height: 30px;
        }
    
            #tripList div.trip div.tripInfo div.tripParticipants a {
                color: #333;
            }
    
            #tripList div.trip div.tripInfo span.tripParticipant img {
                float: left;
                width: 30px;
                height: 30px;
                background: url(/i/images/spinner_16.gif) no-repeat 7px 7px;
                margin-left: -40px;
            }
    
    #tripList div.trip div.tripInfo a.addMe {
        display: block;
        line-height: 16px;
        padding-left: 20px;
        color: #333;
        font-weight: bold;
        margin: 10px 5px 5px 0;
        width: 180px;
        background: url(/i/images/icons/plus_16_white.png) no-repeat left top;
    }
    
        #tripList div.trip div.tripInfo a.addMe.disabled {
            color: #999;
            background: url(/i/images/icons/plus_16_disabled_white.png) no-repeat left top;
            cursor: default;
        }
    
    #tripList div.trip div.tripInfo a.removeMe {
        display: block;
        line-height: 16px;
        padding-left: 23px;
        color: #333;
        font-weight: bold;
        margin: 10px 5px 5px 0;
        width: 180px;
        background: url(/i/images/icons/minus_16_white.png) no-repeat left top;
    }    


/* Single trip page */

#content {
    position: relative;
}

#editTripButton {
	display: block;
	width: 48px;
	height: 48px;
	position: absolute;
	right: 20px;
	top: -12px;
	z-index: 110;
	background: url(/i/images/modify_48x48.png) no-repeat left top;
}

	* html #editTripButton {
		background: url(/i/images/modify_48x48_nonalpha.png) no-repeat left top;
	}


#singleTrip {
    border-top: 1px solid #eeeeee;
}

#singleTrip div.trip {
    clear: both;
    padding: 0 5px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eeeeee;
    color: #333;
}

#singleTrip .dynInfo {
    display: none;
}

    #singleTrip div.trip.odd {
        background-color: #fff;
    }

    #singleTrip div.trip.even {
        background-color: #fafafa;
    } 
    
    #singleTrip div.trip div.tripHeader {
        display: block;
    }
        
        #singleTrip div.trip div.tripHeader span.dynInfo input {
            width: 65px;
        }
        
        #singleTrip div.trip div.tripHeader strong, #singleTrip div.trip div.tripHeader span {
            line-height: 29px !important;
        }
    
        #singleTrip div.trip div.tripHeader strong {
            float: left;
            margin: 0 5px;
            width: 280px;
        }
        
        #singleTrip div.trip div.tripHeader #whereTo {
            float: left;
            margin: 4px 15px 0 5px;
            width: 260px;
        }
    
        #singleTrip div.trip div.tripHeader span {
            margin-left: 10px;
        }
    
        #singleTrip div.trip div.tripHeader span.former {
            float: right;
            padding-left: 18px;
            font-weight: bold;
            color: #999;
            margin-right: 5px;
            background: url(/i/images/icons/user_16_white.png) no-repeat left 6px;
        }
        
    #singleTrip div.trip div.tripInfo {
        min-width: 600px;
        margin: 5px 0;
        background-color: #fff;
        float: left;
    }
    
    * html #singleTrip div.trip div.tripInfo {
        width: 600px;
    }
    
        #singleTrip div.trip div.tripInfo p.dynInfo {
            margin-top: 4px;
            float: left;
            width: 320px;
            padding: 5px 5px 0;
        }
            #singleTrip div.trip div.tripInfo p.dynInfo input#whereFrom {
                width: 310px;
                margin-bottom: 10px;
            }
            
            #singleTrip div.trip div.tripInfo p.dynInfo #tripDescription {
                width: 310px;
                height: 225px;
                margin-bottom: 10px;
            }
        
        #singleTrip div.trip div.tripInfo p.tripDescription {
            float: left;
            width: 320px;
            padding: 5px 5px 0;
        }
    
        #singleTrip div.trip div.tripInfo div.tripParticipants {
            float: right;
            width: 240px;
            padding: 10px;
        }
    
        #singleTrip div.trip div.tripInfo span.tripParticipant {
            display: block;
            margin-bottom: 10px;
            padding-left: 80px;
            line-height: 16px;
            height: 70px;
        }
        
            #singleTrip div.trip div.tripInfo span.tripParticipant .detail {
                color: #999;
                line-height: 14px;
                font-size: 11px;
            }
    
            #singleTrip div.trip div.tripInfo div.tripParticipants a {
                color: #333;
                font-weight: bold;
            }
    
            #singleTrip div.trip div.tripInfo span.tripParticipant img {
                float: left;
                width: 70px;
                height: 70px;
                background: url(/i/images/spinner_16.gif) no-repeat 27px 27px;
                margin-left: -80px;
            }
    
    #singleTrip div.trip div.tripInfo a.addMe {
        display: block;
        line-height: 16px;
        padding-left: 20px;
        color: #333;
        font-weight: bold;
        margin: 10px 5px 5px 0;
        width: 180px;
        background: url(/i/images/icons/plus_16_white.png) no-repeat left top;
    }
    
        #singleTrip div.trip div.tripInfo a.addMe.disabled {
            color: #999;
            background: url(/i/images/icons/plus_16_disabled_white.png) no-repeat left top;
            cursor: default;
        }
    
    #singleTrip div.trip div.tripInfo a.removeMe {
        display: block;
        line-height: 16px;
        padding-left: 23px;
        color: #333;
        font-weight: bold;
        margin: 10px 5px 5px 0;
        width: 180px;
        background: url(/i/images/icons/minus_16_white.png) no-repeat left top;
    }    


/* Calendar stuff */

#calendarContainer {
    background-color: #fff;
    border: 1px solid #eee;
    height: 100%;
    overflow: hidden;
    padding: 5px;
    width: 185px;
}

#calendarHeader {
    position: relative;
    padding-bottom: 10px;
    background: url(/i/images/calendar/spiral.png) no-repeat bottom center;
}

    #calendarHeader div#currentMonth {
        position: absolute;
        z-index: 100;
        background-color: #000;
        color: #fff;
        opacity: 0.4;
        filter: alpha(opacity = 40);
        top: 90px;
        height: 24px;
        width: 175px;
        font: bold 15px/24px Arial, Helvetica, sans-serif;
        padding: 0 5px;
        text-align: right;
    }
    
    #calendarHeader div#headerImg {
        width: 185px;
        height: 123px;
        background-color: #fff;
        margin-bottom: 10px;
    }

        #calendarHeader div#headerImg.header-0 {
            background: url(/i/images/calendar/1.jpg) no-repeat left top;
        }
    
        #calendarHeader div#headerImg.header-1 {
            background: url(/i/images/calendar/2.jpg) no-repeat left top;
        }
    
        #calendarHeader div#headerImg.header-2 {
            background: url(/i/images/calendar/3.jpg) no-repeat left top;
        }
    
        #calendarHeader div#headerImg.header-3 {
            background: url(/i/images/calendar/4.jpg) no-repeat left top;
        }
    
        #calendarHeader div#headerImg.header-4 {
            background: url(/i/images/calendar/5.jpg) no-repeat left top;
        }
    
        #calendarHeader div#headerImg.header-5 {
            background: url(/i/images/calendar/6.jpg) no-repeat left top;
        }
    
        #calendarHeader div#headerImg.header-6 {
            background: url(/i/images/calendar/7.jpg) no-repeat left top;
        }
    
        #calendarHeader div#headerImg.header-7 {
            background: url(/i/images/calendar/8.jpg) no-repeat left top;
        }
    
        #calendarHeader div#headerImg.header-8 {
            background: url(/i/images/calendar/9.jpg) no-repeat left top;
        }

        #calendarHeader div#headerImg.header-9 {
            background: url(/i/images/calendar/10.jpg) no-repeat left top;
        }
    
        #calendarHeader div#headerImg.header-10 {
            background: url(/i/images/calendar/11.jpg) no-repeat left top;
        }
    
        #calendarHeader div#headerImg.header-11 {
            background: url(/i/images/calendar/12.jpg) no-repeat left top;
        }
    
        #calendarHeader div#headerImg.header-12 {
            background: url(/i/images/calendar/12.jpg) no-repeat left top;
        }    
    
    

/* Styles for ui-datepicker */

#altCalendar {
    margin-top: 10px;
    width: 190px;    
}

#ui-datepicker-div, .ui-datepicker-inline {
	font-size: 11px;
	padding: 0;
	margin: 0;
	width: 185px;
}
#ui-datepicker-div {
	display: none;
	border: 1px solid #FF9900;
	z-index: 10;
}

.ui-datepicker td {
    text-align: center;
}

.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #a6eb6c !important;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}
.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #E0F4D7;
	color: #000;
}
* html .ui-datepicker-prompt {
	width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #FFF;
}
.ui-datepicker-control {
	background: #FF9900;
	padding: 2px 0px;
}
.ui-datepicker-links {
	padding: 2px 0px;
	display: none;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
    font-size: 10px;
	letter-spacing: 1px;
}
.ui-datepicker-links label {
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}
.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}
.ui-datepicker-header {
	background: #f0d144;
    height: 28px;
}
.ui-datepicker-header select {
	font-size: 9px;
	margin: 5px;
}
.ui-datepicker {
	background: #CCC;
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a {
	display: block;
	width: 100%;
}
.ui-datepicker-title-row {
	background: #ffed9c;
	border-left: 1px solid #eee;
}

.ui-datepicker-title-row .ui-datepicker-week-end-cell {
/*  background: #fcde57;*/
}
.ui-datepicker-days-row {
	background: #fff;
}
.ui-datepicker-week-col {
	background: #B1DB87;
}
.ui-datepicker-days-cell {
	color: #333;
	border: 1px solid #eee;
}
.ui-datepicker-days-cell a {
	display: block;
}
.ui-datepicker-week-end-cell {
	background: #fff7d4;
}
.ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell {
	background: #B1DB87 !important;
}
.ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell {
	background: #ffe055 !important;
	font-weight: bold;
}
* html .ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #B1DB87 !important;
}
* html .ui-datepicker-week-end-cell {
	background: #E0F4D7 !important;
	border: 1px solid #DDD !important;
}
* html .ui-datepicker-days-cell-over {
	background: #FFF !important;
	border: 1px solid #777 !important;
}
* html .ui-datepicker-current-day {
	background: #a6eb6c !important;
}
.ui-datepicker-today {
	background: #B1DB87 !important;
}
.ui-datepicker-current-day {
	background: #a6eb6c !important;
}
.ui-datepicker-status {
	background: #E0F4D7;
	width: 100%;
	font-size: 80%;
	text-align: center;
}
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #333;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #000 !important;
}
.ui-datepicker-title-row a {
    font-weight: bold;
    color: #333;
}
.ui-datepicker-control a:hover {
	background: #FDD !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
    background: #FFF !important;
	color: #333 !important;
}
.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #a6eb6c;
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}

.isEmpty {
    padding-top: 10px;
    font-weight: bold;
    color: #666 !important;
}

/* Surfipäevikud */

div.shortBlogPost {
    padding: 8px 8px 8px 80px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eeeeee;
    height: 100%;
    overflow: hidden;
}

div.shortBlogPost.odd {
    background-color: #fff;
}

div.shortBlogPost.even {
    background-color: #fafafa;
}

    div.shortBlogPost img.userAvatar {
        float: left;
        margin-left: -68px;
        margin-top: 2px;
        width: 56px;
        height: 56px;
    }
    
    div.shortBlogPost.odd img.userAvatar {
        background: url(/i/images/spinner_16.gif) no-repeat 20px 20px;
    }
    div.shortBlogPost.even img.userAvatar {
        background: url(/i/images/spinner_16_ongray.gif) no-repeat 20px 20px;
    }

    #content div.shortBlogPost h2 {
    	display: block;
    	height: 100%;
    	overflow: hidden;        
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 5px;
    }
    
    #content div.shortBlogPost h2 a {
        color: #323232;
    }
    
    #content div.shortBlogPost h2 span {
        width: 360px;
    	float: left;
    }
    
    #content div.shortBlogPost h2 em.surfhours {
    	color: #c1c1c1;
    	text-decoration: none;
    	font-style: normal;    	
    }

    #content div.shortBlogPost h2 em.date {
    	float: right;
    	color: #c1c1c1;
    	text-decoration: none;
    	font-style: normal;
    }
    
    
    #content div.shortBlogPost div.postContent p {
        margin: 0;
    }