@charset "utf-8";
/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * For full copyrightnd license information, please see the LICENSE.txt
 * Redistributions of files must retain thebove copyright notice.
 *
 * @copyright     Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package      pp.webroot.css
 * @license       http://www.opensource.org/licenses/mit-license.php MIT License
 */

* {
	margin:0;
	padding:0;
}

@font-face{font-family:'Ripstar';src:url('../fonts/ripstar.eot');src:url('../fonts/ripstar.eot?iefix') format('eot'),
url('../fonts/ripstar.woff') format('woff'),
url('../fonts/ripstar.ttf') format('truetype'),
url('../fonts/ripstar.svg#webfontZam02nTh') format('svg');font-weight:normal;font-style:normal;}

/* General */
body{
    font:14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#444;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;
}
ul{
    list-style:inside;list-style-image:url(../img/bullet-ripstar.gif)
}
.startdate{
    text-align: right;
    width: 25px;
    float: left;
    margin-left: 5px;
    margin-top:2px;
}
.startday{
    font-size: 20pt;
}
.startmonth{   
    line-height: 8pt;
    vertical-align:top;
    font-size: 12pt;
}
.enddate{
    text-align: right;
    float: left;
    vertical-align: top;
    margin-left: 12px;
    margin-top: 1px;
    line-height: 9pt;
}
.endday{
    font-size: 10pt;
}
.endmonth{
    font-size: 8pt;
}
.activityname{
    font-size: 13pt;
    line-height: 10pt;
}
.uppercase{
    text-transform: uppercase;
}
.activityname a{
    text-decoration: none;
    color: #00adef;
}
.activityname a:hover{
    text-decoration: underline;
    color: #000;
}
.location{
    font-size: 10.5pt;
}
.activity{
    margin-top: 1px;
    padding-left: 10px;
    float: left;
}
.altrow{
    background-color: #e8f6fc;
}
.available{
   vertical-align: middle;
   margin-left: 5px;
}

/* Upcoming schedule */
.upcoming{
    max-width: 267px;
    clear:both;
}
.upcoming_header{
    font-family: 'Ripstar';
    color: #fff;
    background-color: #00adef;
    font-size: 21pt;
    padding: 10px;   
}
.upcoming_activity{
    height: 40px;
    padding: 5px 0px;
    color: #00adef;
    font-family: 'Ripstar';
}

/* Schedule per month */
.month_schedule{
    clear:both;
}
.month_header{
    font-family: 'Ripstar';
    color: #fff;
    background-color: #00adef;
    font-size: 21pt;
    text-transform: uppercase;
    padding: 10px;
}
.month{
    display: inline-block;
    margin: 10px;
    width: 261px;
}

/* Schedule per week */
.week_schedule{
    clear:both;    
}
.week_header{
    font-family: 'Ripstar';
    color: #fff;
    background-color: #00adef;
    font-size: 21pt;
    text-transform: uppercase;
    padding: 10px;
}
.week{
    display: inline-block;
    margin: 10px;
    width: 261px;
}

/* Activity details */
.activity_details{
}

.activity_details ul{
    margin-bottom:20px;
}
.activity_details p.spacing{
    margin-bottom: 20px;
}
.activity_details .available{
    vertical-align: text-top;
}

table.date-price-table{width:100%;border-collapse:collapse;}
.date-price-table tr:nth-of-type(odd){background:#ebf7fc;}
.date-price-table th{background:#333;color:white;font-weight:bold;}
.date-price-table td, th{padding:8px;text-align:left; vertical-align: middle; line-height:10px;}
@media (min-device-width:849px){
.date-price-table tr td:nth-of-type(1){width:70%;}
.date-price-table tr td:nth-of-type(2){width:13%;}
.date-price-table tr td:nth-of-type(3){width:17%;}
/*.date-price-table tr td:nth-of-type(4){width:17%;}*/
}
@media (min-device-width:579px) and (max-width:749px){
.date-price-table tr td:nth-of-type(1){width:62%;}
.date-price-table tr td:nth-of-type(2){width:13%;}
.date-price-table tr td:nth-of-type(3){width:23%;}
/*.date-price-table tr td:nth-of-type(4){width:17%;}*/
}

@media only screen and (max-width:579px){.date-price-table table, thead, tbody, th, td, tr{display:block;}
.date-price-table thead tr{position:absolute;top:-9999px;left:-9999px;}
.date-price-table td{border:none;position:relative;}
.date-price-table tr td:nth-of-type(n){width:100%;}
.date-price-table td:before{position:absolute;}
}

.activitytype_schedule a{
    color: #444;
    text-decoration: none;
}
.activitytype_schedule a:hover{
    text-decoration: underline;
}