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

/* General */
.txt-left{text-align:left;}
.txt-right{text-align:right;}
.menu-block a{display:block;width:100%;margin:0px;padding:1px 4px 3px 18px;color:#003300;font-size:18px;line-height:1.2;}
.menu-block a:hover{color:#aaddaa;background-color:#003300;}
#footer a{color:inherit;background-color:transparent;}

/* Menu */
#address-block p{margin:0px;padding:0px;line-height:1.2;}
#times-block p{margin:0px;padding:0px;line-height:1.4;}

/* Home Page */
.home-page-pic{position:relative; border:3px solid #666;width:100%;margin:8px 0px; box-shadow:#777 3px 3px 6px;line-height:0;}
.home-page-pic img{width:100%;margin:0px;}

/* History Page */
.history-pics img{width:auto;height:160px; margin:0px 1px;}

/* Gallery Page */
/*#page img{width:auto; height:100%;} OLD VERSION*/
#page img{height:auto; width:auto; max-width:100%; max-height:94%;}

/* Contact Page */
#FmContact {width:96%; margin:20px auto; border:solid 2px #003300; border-radius: 8px;}
.FmRow {width:100%; padding:0px; margin:1px auto; text-align:left;}
.FmRowSpace {margin-top:8px;}
.FmLabel {display:inline-block; width:30%; text-align:left; font-size:100%; padding:0px 0px 0px 8px;}
.FmRow input {font-size:16px; width:66%; padding:1px 2px; border-radius: 4px; box-shadow: 1px 1px 2px #bbd; color:#669;}
.FmRow input[type="submit"] {width:98%; padding:2px; margin:0px 4px 8px 4px; font-size:16px; cursor:pointer;}
.FmRow input[type="radio"] {width:auto;}
.FmRow select {font-size:16px; width:66%; padding:1px 2px; border-radius: 4px; box-shadow: 1px 1px 2px #bbd; color:#669;}
.FmRow textarea {font-size:14px; width:98%; height:90px; padding:1px 2px; margin:2px; border-radius: 4px; box-shadow: 1px 1px 2px #bbd; color:#669;}
#FmContact h1 {margin:0px 0px 8px 0px; padding:0px 2px 2px 2px; font-size:30px;  background-color:#003300; color:#fff;}
#FmContact h2 {margin:10px 0px 20px 0px; font-size:24px;}
#FmContact p {margin:2px 0px; padding:0px 8px; font-size:90%; line-height:1.2em;}
#FmContact p.TxtSmall{font-size:80%;}

#GoogleMap{width:100%; height:auto; text-align:center; padding:0px 6px;}
#GoogleMap img{border:solid 1px #003300;}

/* Competitions Page */
.CompListBox{margin:0px auto; padding:0px 0px 8px 0px; width:96%; background-color:#fff; border:solid 1px #003300; border-radius:4px;}
.CompListBox h2{margin:0px 0px 6px 0px; padding:1px; background-color:#003300; color:#fff; font-size:20px;}
.CompListBox p{margin:2px 0px 2px 10px; padding:0px; font-size:14px; text-align:left;}
#CompInfoBox {position:absolute; width:300px; margin:0px auto; background-color:#fff; border:solid 4px #003300; border-radius:6px; box-shadow:0px 0px 8px 4px #aaa; display:none;}
#CompInfoBox h2{background-color:#003300; color:#fff; font-size:20px; margin:0px 0px 10px 0px; padding:1px;}
#CompInfoBox h3{font-size:18px; margin:0px; padding:1px;}
#CompInfoBox p{font-size:14px; margin:0px; padding:1px;}
#CompInfoBox a.CancelPopup{display:block; font-size:12px; margin:0px; padding:10px;}

/* Fixtures Page */
.FixturesTable{font-size:80%; margin:1px auto; width:auto;}
.FixturesTable th, .FixturesTable td{padding:1px 6px 1px 4px; min-width:46px;}
.FixturesTable th.icon-cell, .FixturesTable td.icon-cell{padding:1px 0px 1px 4px; min-width:10px;}
.FixturesTable th{color:#003300;}
.FixturesTable .ShadedRow{background-color:#cfdeb5;}
.FixturesTable .PlayedRow, .FixturesTable .PlayedRow a{color:#669966;}

#SignUpBox {position:absolute; width:350px; margin:0px auto; background-color:#fff; border:solid 4px #003300; border-radius:6px; box-shadow:0px 0px 8px 4px #aaa; display:none;}
#SignUpBox form{margin:2px auto;}
#SignUpBox .FmRow{width:96%;}
#SignUpBox h2{background-color:#003300; color:#fff; margin:0px 0px 10px 0px; padding:1px;}
#SignUpBox .FmRow #Travel {width:98%;}

.IconTick{background:url(../images/icons/small-tick.png) no-repeat center; width:18px; height:16px;}
.IconCross{background:url(../images/icons/small-cross.png) no-repeat center; width:18px; height:16px;}
.IconQuestion{background:url(../images/icons/small-sprites.png) no-repeat -36px; width:18px; height:18px;}
.IconPencil{background:url(../images/icons/small-sprites.png) no-repeat -54px; width:18px; height:18px;}
.SignUpLink{cursor:pointer;}

/* Fixtures Sign-up and Admin Pages */
.FixturesMiniTable{font-size:90%; margin:1px auto; width:auto; border:solid 1px #006600;}
.FixturesMiniTable th, .FixturesMiniTable td{padding:1px 8px;}
.FixturesMiniTable th{color:#003300;}

/* Rotas Page */
ul.RotasBullets{margin:8px 0px 4px 40px;}
table.jobs{font-size:14px; line-height:120%;}
table.jobs td{padding:4px; vertical-align:top;}

table.Rota{font-size:90%; margin:2px auto; width:auto; line-height:120%;}
table.Rota h2{font-size:18px;padding:2px;margin:4px 0px 0px 0px;background-color:#003300;color:#fff; line-height:140%;}
table.Rota th, table.Rota td{padding:2px 12px 2px 6px; min-width:70px;}
table.Rota th.cell-small, table.Rota td.cell-small{min-width:10px;padding:4px 0px 4px 2px;}
.Catering th{font-size:12px; line-height:110%; font-weight:normal; color:#060;}
.Catering td{padding:1px 4px; border:solid 1px #99cc99;}

.RotaEdit{display:none;}
table.Rota .RotaEdit th, table.Rota .RotaEdit td{padding:4px 2px 4px 2px;}
.ShowRotaEdit, .RotaEditDone{cursor:pointer;}

.RotaNotes{padding:4px; margin:10px; text-align:left;}
.RotaNotes h3{padding:0px; margin:8px 0px 2px 0px;}
.RotaNotes p{padding:0px; margin:4px 0px 2px 0px;}

/* Rink Booking Page */
#RollUpNav {margin:2px; padding:0px 20px 0px 0px; text-align:right;}
.tblRollup{font-size:80%; margin:2px auto 12px auto; width:auto;}
.tblRollup th, .tblRollup td{width:140px; text-align:center;}
.tblRollup td{padding:1px 6px; height:24px; border:solid 1px #ACA;}
.tblRollup th{padding:0px 6px; color:#003300; height:22px;}
.tblRollup th.RinkCol, .tblRollup td.RinkCol{width:40px;}
.tblRollup th.DateRow{padding:0px 8px; border:solid 1px #006600; background-color:#006600; text-align:left; height:auto;}
.tblRollup h2{margin:0px; padding:0px; color:#FFF; font-size:16px;}
.DayIndicator{float:right;}
.tblRinkSummary th, .tblRinkSummary td{text-align:center;}

.Slot-rollup{background-color:#9D9;cursor:pointer;color:#060;}
.Slot-match{background-color:#9DE;cursor:pointer;color:#006;}
.Slot-competition{background-color:#FCE;cursor:pointer;color:#600;}
.Slot-training{background-color:#9B9;cursor:pointer;color:#030;}
.Slot-other{background-color:#9BD;cursor:pointer;color:#0030;}
.SlotAvailable{cursor:pointer;}
.SlotFilled{font-size:90%; line-height:120%;}

#SlotInfoBox{position:absolute; width:350px; top:100px; left:100px; margin:0px; padding:0px 0px 8px 0px; border:solid 1px #006600; box-shadow:0px 0px 8px 4px #CCC; background-color:#FFF; text-align:left; display:none;}
#SlotInfoContent h2{text-align:center; font-size:20px; color:#FFF; background-color:#006600; margin:0px; padding:0px;}
#SlotInfoContent p{margin:0px; padding:4px 8px;}
#SlotInfoBox h3{text-align:center; margin:10px 0px 0px 0px; padding:0px; font-size:14px; border-top:solid 1px #006600;}
#SlotInfoBox form{text-align:center; margin:4px auto; padding:0px; font-size:14px;}


#RinkBookingBox{position:absolute; width:400px; top:100px; left:100px; margin:0px; padding:0px 0px 8px 0px; border:solid 1px #006600; box-shadow:0px 0px 8px 4px #CCC; background-color:#FFF; display:none; font-size:14px;}
#RinkBookingBox h2{text-align:center; font-size:20px; color:#FFF; background-color:#006600; margin:0px; padding:0px;}
#RinkBookingBox p{margin:0px; padding:4px 8px;}
#RinkBookingBox h3{text-align:center; margin:10px 0px 0px 0px; padding:0px; font-size:14px;}

#RinkBookingBox .FmLabel {display:inline-block; width:20%; text-align:left; font-size:12px; padding:0px 0px 0px 8px; vertical-align:top;}
#RinkBookingBox .FmRow input {font-size:12px; width:76%; padding:1px 2px; border-radius: 4px; box-shadow: 1px 1px 2px #bbd; color:#669;}
#RinkBookingBox .FmRow input[type="submit"] {width:98%; padding:2px; margin:0px 4px 8px 4px; font-size:14px; cursor:pointer;}
#RinkBookingBox .FmRow select {font-size:12px; width:76%; padding:1px 2px; border-radius: 4px; box-shadow: 1px 1px 2px #bbd; color:#669;}
#RinkBookingBox .FmRow select.number {width:50px;}
#RinkBookingBox .FmRow textarea {height:40px; padding:1px 2px; margin:2px; border-radius: 4px; box-shadow: 1px 1px 2px #bbd; color:#669;}
#RinkBookingBox #FmAdminBooking .FmRow textarea {width:76%; font-size:12px;}
#RinkBookingBox #FmMemberBooking .FmRow textarea {width:76%; font-size:14px; margin:0px 2px 0px 4px;}
.BookingPrompt {font-size:11px; padding:0px; margin:0px 8px; text-align:right;}

#RinkBookingBox #FmAdminBooking{text-align:left;}
#RinkBookingBox #FmMemberBooking{text-align:center;}


/* JMC Pics Page */
.JmcGallery{position:relative; margin:0px 0px 0px 2px; padding:0px; text-align:center; width:100%;}
.JmcGallery:after{display:block; content:""; clear:both;}
.JmcPic{float:left; width:31%; margin:6px 1%; padding:0px;}
.JmcPic img{display:block; border:solid 1px #669;}
.JmcPic p{margin:0px; padding:6px 0px;}