@charset "utf-8";
/* CSS Document */

/************************************************************************************/
/* Main Layout                                                                      */
/************************************************************************************/

body { background-color:#eceff4; font-family: 'Montserrat', sans-serif; color:#333; font-size:14px; line-height:1.8em}


.standard_off{ display:none;} /* opposite of mobile_off */


ul{ border:0px solid red; list-style-type: none;padding: 0px;margin: 0px; margin-bottom:20px;}
ul li{background-image: url(../images/bullet.png);background-repeat: no-repeat;background-position: 4px 6px;padding-left: 20px; line-height:2.0em}

h1, h2 { color:#ffce55}
h1 {font-size:22px; font-weight:bold;padding-top:1.6em;padding-bottom:0em; margin-bottom:0.8em; border:0px solid red;}
h2 {font-size:16px; font-weight:bold;padding-top:1.6em;padding-bottom:0em; margin-bottom:0.8em; border:0px solid red}
h3 {font-size:14px; font-weight:normal; text-decoration:underline; padding-top:1.6em; margin-bottom:0.8em; border:0px solid red}
hr { border:0; border-bottom:1px solid #ccc}
strong, b {font-weight:bold}
em { font-style:italic}
p { margin-bottom:1em; }


input[type=submit] {cursor: pointer;}
a:hover {cursor: pointer;}


a {color:white; text-decoration:none}
label {display: inline-block; width:140px; border:0px solid red}

.width100{width:100%}
.main_width{ max-width:1100px; margin:auto auto; width:96%; padding-left:2%; padding-right:2%; border:0px solid red}
.clear_both{ clear:both; line-height:0}
.float_right {float:right;}


.enter { height:0px; width:0px; overflow:hidden}

.content{ min-height:600px;}


.crunchify-top { margin-top:0px; margin-left:auto; margin-right:20px; position:relative; top:-26px; z-index:1000; display: block; border:1px solid #ffce55; background-color:#3b4554;
   transition: background-color 0.3s linear;
   -webkit-transition: background-color 0.3s linear;
   -moz-transition: background-color 0.3s linear;}

.crunchify-top:hover {
   background-color: #ccc;
}


.footer{ margin-top:-48px; background-color:#3b4554; color:white; font-size:14px; text-align:right; padding-top:30px; padding-bottom:30px; width:100%; border:0px solid blue}
.footer a{ color:#ffce55}
.facebook_page { position:relative; left:6px; top:5px; border:0px solid red}
.fb-like { margin-top:40px;}

.debug_footer{font-family: 'Roboto Mono', monospace; line-height:1.2em}



.padding_top{ padding-top:40px}
.padding_bottom{ padding-bottom:80px}

.bg_white { background-color:white}
.bg_white a{color:#d7474f}
.bg_light_grey { background-color: #eceff4}
.bg_light_grey a{color: #d7474f}
.bg_medium_grey { background-color: #828d9f}
.bg_dark_grey { background-color: #3b4554}
.bg_dark_grey a{color:#ffce55}
.bg_dark_yellow {background-color: #ffce55}

.white_text { color:#fbfbfb}
.red_text { color:#d7474f}
.dark_grey_text { color:#3b4554}


.margin_left20{ margin-left:20px}





.auto-resizable-iframe {
  max-width: 960px;
  margin: 0px;
}

.auto-resizable-iframe > div {
  position: relative;
  padding-bottom: 55%;
  height: 0px;
}

.auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/************************************************************************************/
/* User Message                                                                     */
/************************************************************************************/
.error_message{ background-color:#bd0000; color:white; padding:20px}
.error_message a { text-decoration:underline}
.user_message{ background-color:#00bd00; color:white; padding:20px}
.user_message a { text-decoration:underline}




/************************************************************************************/
/* Buttons                                                                          */
/************************************************************************************/
.btn_rounded_grey{ height:46px; border:0; background-color:#828d9f;margin-top:40px; margin-right:20px; padding-left:22px; padding-right:22px; font-size:18px; color:white; border-radius: 8px;}
.btn_rounded_grey_small{ height:22px; border:0; background-color:#828d9f;margin:0px; padding-left:11px; padding-right:11px; font-size:10px; color:white; border-radius: 4px;}

.margin_left_button { margin-left:20px} /* used to tile button out goes to 0px on small */






/************************************************************************************/
/* header                                                                           */
/************************************************************************************/
.header{ color:white; font-size:16px; background-color:#3b4554;min-height:54px;padding-top:36px; padding-bottom:10px; width:100%; border:0px solid blue}


.button_header { background-color:transparent; border:0px solid green; color:#FFF; font-size:16px}


.logo_div {float:left; margin-left:0; margin-right:0; display: flex; min-height:110px; line-height:110px; margin-top:-36px; margin-bottom:-10px; overflow:hidden; padding-top:2px; padding-bottom:2px}
.logo_div img{object-fit: cover; max-height:114px; max-width:168px; display:inline-block; vertical-align: middle;}
.logo_div_club img{max-height:94px; max-width:148px;} /*slightly smaller*/

.calendar_div {float:left; margin-left:3.5%; border:0px solid red}
.days_div {float:left; margin-left:1.2%; height:39px;}
.today_div {float:left; margin-left:1.2%; border:0px solid red}

.my_settings_div {float:right; margin-right:1.2%; border:0px solid red;}
.messages_div {float:right;margin-right:1.2%; border:0px solid red;}
.help_div {float:right; border:0px solid red;}


.button_logo {display:inline-block;height:61px ; width: 168px; vertical-align: middle; border:0; background-color:#3b4554; background-image: url(../images/rowter-logo.png); background-repeat:no-repeat; }
.button_my_profile { border:0;background-color:#3b4554;  background-image:url(../images/button-my-profile.png); background-repeat:no-repeat;background-position:center; height:38px ; width:38px;}
.button_calendar { border:0;background-color:#3b4554; background-image:url(../images/button-calendar.png); background-repeat:no-repeat;background-position:center; height:38px ; width:32px;}
.button_days { border:0;background-color:#3b4554; background-image:url(../images/button-days.png); background-repeat:no-repeat;background-position:center; height:39px ; width:32px;}
.button_today { border:0;background-color:#3b4554; background-image:url(../images/button-today.png); background-repeat:no-repeat;background-position:center; height:38px ; width:32px;}
.button_messages { border:0;background-color:#3b4554; background-image:url(../images/button-messages.png); background-repeat:no-repeat; background-position:center; height:38px ; width:33px;}
.button_help { border:0;background-color:#3b4554; background-image:url(../images/button-help.png); background-repeat:no-repeat;background-position:center; height:38px ; width:36px;}


.event_date { background-color:#828d9f; width:100%; height:60px; line-height:60px; overflow:hidden; margin-top:-60px; z-index:2;  text-align:center; vertical-align:middle; color:white}
.event_date a{ color:#ffce55; margin-left:10px; margin-right:10px}




/************************************************************************************/
/* breadcrumbs and tabs                                                             */
/************************************************************************************/
.breadcrumbs { background-color:#828d9f; width:100%; height:60px; line-height:60px; overflow:hidden; vertical-align:middle; color:white}
.breadcrumbs select{text-decoration:underline; cursor: pointer;}
.tab {font-weight:bold; color:#333333;display:inline-block; background-color: #ffce55;  margin:0; padding:0; height:30px; border-radius:8px 8px 0 0 ; padding-top:10px; padding-left:20px; padding-right:20px;}
.tab_active {color:#828d9f; background-color: #ffffff}




/************************************************************************************/
/* Calendar Page                                                                    */
/************************************************************************************/
.calendar_table{ display:inline-table; color:#eceff4;text-transform:uppercase; text-align:center; background-color:#828d9f; border:0px solid #828d9f; width: 200px; margin-right:20px; margin-bottom:40px;}
.key {width:27px;  border:0px solid #828d9f;}
.key_bg { display:inline-block; padding-bottom:0px; width:27px; margin-left:30px; line-height:29px; vertical-align:middle; margin-bottom:-30px; margin-right:0px; border: 0px solid white }
.calendar_table tr{border:0px solid red;}
.calendar_table td{height:30px; border-bottom:#8c96a6 solid 1px;border-right:#8c96a6 solid 1px; vertical-align:middle; line-height:29px; overflow:hidden; width:14% } /*14% was needed! height divisible by number of line classes (5) see .line*/
.month_names { background-color:#1985ae;}
.day_names { background-color:#3baeda;}


.calendar_table .month_names td{ border-bottom:0;} 
.calendar_table .day_names td{ border-bottom:0;} 


.container {height:100%; width:100%;overflow:hidden; position: relative;}
.input_bg {width:100%; height: 100%; position: absolute; top: 0; left: 0; }
.input_bg .line {width: 100%; height:6px;}
.user_in {background-color:#d74750}
.can_add {background-color:#8cc051}
.request {background-color:#ffce55}
.no_space {background-color:#1985ae}
.not_eligible {background-color:#000000}
.input_container {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index:2}
.calendar_month_input {width: 100%; height: 100%;  border:1px solid #828d9f; color:white; background-color:transparent;}
.available_input {width: 100%; height: 100%;  border:1px solid #eceff4; color:white; background-color:transparent;}






/************************************************************************************/
/* Events Page                                                                      */
/************************************************************************************/

.previous_day {background-image:url(../images/button-previous-day.png); background-repeat:no-repeat; border:0; height:19px; width:26px;}
.next_day {background-image:url(../images/button-next-day.png); background-repeat:no-repeat; border:0; height:19px; width:26px;}

.previous_week {background-image:url(../images/button-previous-week.png); background-repeat:no-repeat; border:0; height:19px; width:26px; margin-right:20px}
.next_week {background-image:url(../images/button-next-week.png); background-repeat:no-repeat; border:0; height:19px; width:26px; margin-left:20px}


.btn1 {margin:0; padding-bottom:12px; width:280px; background-image:url(../images/arrow-down.png); background-position:right center; background-repeat:no-repeat}
#open {display:none;}

.availability_lhs { width:50%; float:left; border:0px solid white}
.availability_rhs {width:49%; float:right; border-left:0px solid white}


.count_row { clear:both; width:100%; border-bottom:0px solid #EEE; padding-top:30px; padding-top:0 }
.count_row_number {display:inline-block; background-repeat:no-repeat;  font-size:15px;  height:120px; padding-left:10px; width:30px; overflow:hidden; }





/* avalibilty button */
.availability_button_container { height:80px; width:200px; overflow:hidden; display:inline-block; border:0px solid green;margin-bottom:30px; margin-right:20px; background-repeat:no-repeat; background-position:bottom left }
.active { background-image:url(../images/people-transparent-active.png)}
.availability_button_text {height:80px; background-repeat:no-repeat; text-align:center; font-size:15px; color:white; border:0px solid white; text-transform:capitalize}
.availability_button {height:80px; width:200px;   background-color:transparent; z-index:10000; border:0px solid red;position:relative; top:-100px}
/* avalibilty button background-color:transparent;  z-index:10000; position:relative; top:-180px */



.male {background-color:#3baeda}
.female {background-color:#8cc051}
.junior_male {background-color:#e9823e}
.junior_female {background-color:#6a53a6}
.cox {background-color:#d7474f}





/* rower button */
.button_container { line-height:1.4em; height:120px; width:120px; overflow:hidden; display:inline-block; border:0px solid green;margin-bottom:30px; margin-right:20px }
.button_text {background-repeat:no-repeat; text-align:center; font-size:15px; color:white; height:108px; width:120px; padding-top:12px; overflow:hidden; border:1px solid transparent; text-transform:capitalize}
.active { background-image:url(../images/people-transparent-active.png)}
.rower_button {height:120px; width:120px;  background-color:transparent; border:0px solid red; z-index:1000; position:relative; top:-120px}
.rower_category {margin-top:-38px; padding-left:98px; text-align:right; width:20px; heigth:20px; color:white; border:0px solid red}

.delete_button { float:left; width:120px;}



.male_adult_both {background-image:url(../images/rowers/male-adult-both.png)}
.male_adult_prefer_bow {background-image:url(../images/rowers/male-adult-prefer-bow.png)}
.male_adult_prefer_stroke {background-image:url(../images/rowers/male-adult-prefer-stroke.png)}
.male_adult_bow_only {background-image:url(../images/rowers/male-adult-bow-only.png)}
.male_adult_stroke_only {background-image:url(../images/rowers/male-adult-stroke-only.png)}
.male_adult_neither {background-image:url(../images/rowers/male-adult-neither.png)}
.female_adult_both {background-image:url(../images/rowers/female-adult-both.png)}
.female_adult_prefer_bow {background-image:url(../images/rowers/female-adult-prefer-bow.png)}
.female_adult_prefer_stroke {background-image:url(../images/rowers/female-adult-prefer-stroke.png)}
.female_adult_bow_only {background-image:url(../images/rowers/female-adult-bow-only.png)}
.female_adult_stroke_only {background-image:url(../images/rowers/female-adult-stroke-only.png)}
.female_adult_neither {background-image:url(../images/rowers/female-adult-neither.png)}

.male_junior_both {background-image:url(../images/rowers/male-junior-both.png)}
.male_junior_prefer_bow {background-image:url(../images/rowers/male-junior-prefer-bow.png)}
.male_junior_prefer_stroke {background-image:url(../images/rowers/male-junior-prefer-stroke.png)}
.male_junior_bow_only {background-image:url(../images/rowers/male-junior-bow-only.png)}
.male_junior_stroke_only {background-image:url(../images/rowers/male-junior-stroke-only.png)}
.male_junior_neither {background-image:url(../images/rowers/male-junior-neither.png)}
.female_junior_both {background-image:url(../images/rowers/female-junior-both.png)}
.female_junior_prefer_bow {background-image:url(../images/rowers/female-junior-prefer-bow.png)}
.female_junior_prefer_stroke {background-image:url(../images/rowers/female-junior-prefer-stroke.png)}
.female_junior_bow_only {background-image:url(../images/rowers/female-junior-bow-only.png)}
.female_junior_stroke_only {background-image:url(../images/rowers/female-junior-stroke-only.png)}
.female_junior_neither {background-image:url(../images/rowers/female-junior-neither.png)}

.cox_both {background-image:url(../images/rowers/cox-both.png)}
.cox_prefer_bow {background-image:url(../images/rowers/cox-prefer-bow.png)}
.cox_prefer_stroke {background-image:url(../images/rowers/cox-prefer-stroke.png)}
.cox_bow_only {background-image:url(../images/rowers/cox-bow-only.png)}
.cox_stroke_only {background-image:url(../images/rowers/cox-stroke-only.png)}
.cox_neither {background-image:url(../images/rowers/cox-neither.png)}

.empty {background-image:url(../images/rowers/empty.png)}
.add {background-image:url(../images/rowers/add.png)}
.locked {background-image:url(../images/rowers/locked.png)}



.boat { float:left; background-color:#3b4554; background-image:url(../images/bg-boat-bow.png),url(../images/bg-boat-stern.png);background-position:center top,center bottom; background-repeat:no-repeat,no-repeat; width:204px; padding-top:140px; padding-bottom:40px;padding-left:43px; margin-bottom:20px; }
.boat .button_container{margin-bottom:10px; margin-right:0px}
.boat .position_number { display:inline-block; position:relative; top:-20px; left:5px; border:0px solid red}

.space {float:left;background-color:#3b4554; padding:10px; width:604px}
.space .button_container{ display:inline-block; margin-bottom:10px; margin-right:10px;}
.space .button_wrapper{display:inline-block;}
.space .position_number {display:inline-block; position:relative; top:0px; left:0px; border:0px solid red}

.rower_rhs { margin-left:43px}
.sculling { margin-left:21px}





.boat_details { float:right; width:400px; margin-left:60px; margin-top:0px; border-bottom:0px solid #d6d9df}
.boat_details label {display: inline-block; width:80px;}



.boats_overview { padding:20px; color:#828d9f;}
.boats_overview_bg {background-image: url(../images/gant-bg.png); background-repeat:repeat-y;}
.boats_overview a{ color:#aaa}
.boats_overview .active_boat a{ color:#fff}
.time_line {display: inline-block; height:10px;}
.time_line_bg_colour {background-color:#828d9f}

.boat_row { border:0px solid red; height:60px; margin-bottom:10px}
.boat_row_hight_fixed { border:0px solid red; height:20px; overflow:hidden}
/*.messages { border:0px solid red; height:20px;text-align:right; overflow:hidden;position:relative; top:-20px; margin-bottom:-20px}
.messages img{ height:16px; width:auto; }*/

.has_messages { background-image:url(../images/messages-grey.png); background-repeat:no-repeat; background-position:right}
.has_messages_active {background-image:url(../images/messages.png); background-repeat:no-repeat; background-position:right}

.timeline_button { border:0px solid green; background-color:transparent; width:360px; height:50px; position:relative; top:-56px}

.details_pane { padding:20px; padding-bottom:0} 

.scale {font-family: 'Roboto Mono', monospace; font-size:7px; color:#ccc}
.scale_cell { width:19px; float:left; padding-left:1px}

.update_boat_form {}
.update_boat_form hr{ border:0; border-bottom:1px dashed white}
.update_boat_form .date {width:80px; margin-left:80px}





/************************************************************************************/
/* Days Page                                                                        */
/************************************************************************************/

.horizontal {width:3080px; overflow:hidden; border:0px solid red}
.scroll_horizontal {overflow-x:scroll; overflow-y:auto}
.timeline_container {float:left; padding-bottom:40px;}
.horizontal .boat_details { margin:0; margin-right:40px; }
.horizontal .boats_overview_bg {min-height:400px; }



/************************************************************************************/
/* Messages Page                                                                    */
/************************************************************************************/

.search_messages { width:100%; text-align:right}
.search_messages input{ background-color:#eceff4; color:#828d9f; height:28px; border:0;}
.search_messages input[type=submit]{height:30px; border-radius:6px; background-color: #828d9f; color:#ffffff}
.search_results_tip { font-size:8px; font-weight:bold}
.search_hit { background-color:#bba7a7; color:#bd0000}

.send_message_form{ color:white; padding:40px; width:100%; margin-bottom:80px}
.send_message_form textarea{ margin-top:30px; width:350px; height:100px; border:0px solid red; font-family: 'Roboto Mono', monospace;}

.message { border:0px solid black; margin-top:40px; background-color:#ffce55; border-radius: 5px; padding:4px; padding-left:12px; margin-bottom:2px}
.message input{border-radius: 5px; border:0; background-color:#3b4554; color:#FFF; padding:4px; font-size:0.8em; margin-left:10px; margin-top:2px}
.message input[type=checkbox]{margin:0; margin-right:2px; position:relative; top:1px}
.message textarea{ background-color:white; width:50%; height:4em; display:block; border:0; margin-top:2px; margin-bottom:2px;border-radius:2px;}
.message .message_text { display:inline-block; margin-top:14px; margin-bottom:6px; padding:4px; padding-left:10px; padding-right:10px; background-color:white; border-radius:2px; }
.response { margin-top:0; margin-left:40px; background-color:#ffeec3}

.select_messages {margin:0; border:1px solid red}


.group_row{display:block; width:500px; border:0px solid black; padding:0; margin-bottom:12px}
.group_row_header{ font-weight:bold;}
.group_name{display: inline-block; width:200px; border:0px solid red; padding:0px}
.group_count{display: inline-block; width:200px; border:0px solid red; padding:0px}
.group_button{display: inline-block; width:80px; border:0px solid red; padding:0px;}





/************************************************************************************/
/* Login Form                                                                       */
/************************************************************************************/
.login_form {}
.login_form label{}
.login_form input[type=text], input[type=password]{ background-color:#828d9f; border:0; padding:5px; color:white; margin-bottom:20px; font-size:20px}



/************************************************************************************/
/* Registration Form                                                                */
/************************************************************************************/
select { height:30px; background-color:#828d9f; color:#FFF; border:0; text-transform:uppercase}


/************************************************************************************/
/* Contact Form                                                                     */
/************************************************************************************/
.contact_jxwd { display:none}
.contact_message { width:300px; height:160px; ; background-color:#828d9f; color:#FFF}


/************************************************************************************/
/* Member Admin Form                                                                */
/************************************************************************************/

.member_table { width:100%; background-color: #828d9f; border:2px solid #3b4554}
.member_table thead{ font-weight:bold}
.member_table td{ padding:2px}

.drop_lhs { float:left; width:40%}
.drop_rhs { float:left; width:60%}

.odd { background-color:white}
.no_wrap {width: 1%; white-space: nowrap;}