/* CSS Document */

body

{

	background: #949494 url(images/bg3.jpg) repeat-x !important;

	font-family:verdana;

	font-size:12px;

	align:center;

}



#rotator

{

	border: 0;

	cursor: pointer;

	overflow: hidden;

	margin: 0px auto 0px;

	position: relative;

	width: 350px;

	height: 357px;

}



#rotator img

{

	border: 0;

	cursor: pointer;

	width: 350px;

	height: 357px;

}





*

{

	margin: 0;

	padding: 0;

}





p

{

	margin-top:8px;

}



p.mem

{

	margin-top:5px;

	margin-left:50px;

	margin-right:50px;

	margin-bottom:5px;

}



ul

{

	margin-left:25px;

}



.indented

{	

	margin-left:40px;

}



p.headerlinks

{ 

word-spacing:30px;

margin-top:55px;

}



p.footer

{

word-spacing:20px;

}



p.blurbs

{

	font-family:verdana;

	font-size:10px;

	text-align:left;

}



font.cat

{

	

	font-size:11px;

        font-weight:bold;

	text-align:left;

}

font.prof

{

	

	font-size:12px;

        

	text-align:left;

}



font.goal

{

	

	color: black;

 	font-weight:normal;

        font-style: oblique;

	text-align:left;

}

p.blurbs2

{

	font-family:verdana;

	font-size:10px;

	margin-top:28px;

	margin-bottom:62px;

	text-align:left;

}



p.blurbs3

{

	font-family:verdana;

	font-size:10px;

	margin-top:20px;

	text-align:left;

}



p.bottomlink

{	

	margin-bottom:5px;

	vertical-align:text-bottom;

	text-align:center;

}

p.bottomlink1

{	

	margin-top:13px;

	vertical-align:text-bottom;

	text-align:center;

}





table#fb

{

	padding:10px;

	border:0px;

	width:690px;

	height:222px;

}



table#goals, td#goals

{

	padding:5px;

	margin:5px;

	border:0px;

	

	

}



.fbtable

{	

	padding-right:11px;

	padding-left:11px;

	padding-top:4px;

	padding-bottom:3px;

	height:209;

}



.twtable

{	

	padding-right:11px;

	padding-left:11px;

	padding-top:6px;

	padding-bottom:3px;

}

.newstable

{	

	padding-right:11px;

	padding-left:11px;

	padding-top:6px;

	padding-bottom:3px;

}



.yogatable

{	

	padding-right:5px;

	padding-left:5px;

	padding-top:3px;

	padding-bottom:3px;

	border:0px;

}



.news

{

	

	padding:0px;

	border:0px;

	width:176px;

	text-valign:top;

	

}	



.contentmain

{

	padding:5px;

	border:1px;

	border-color:#d8d8d8;

	background-color:#ffffff;

	width:776;

	text-align:left;

}



.headerrow

{

	align:center;

	height:85px;

	width:776px;

	vertical-align:baseline;

}

	

.headerlinks

{

	align:center;

	height:15px;

	padding:8px;

	border:0px;

	border-spacing:10px;

}





a:link

{

	color:#3C5A9A;

	font-size:10px;

	text-decoration:none;

	font-weight:bold;

	font-family:verdana;

}



a:visited

{	

	color:#3C5A9A;

	font-size:10px;

	text-decoration:none;

	font-weight:bold;

	font-family:verdana;

}



a:hover

{

	color:#EFC326;

	font-size:10px;

	text-decoration:none;

	font-weight:bold;

	font-family:verdana;

}

td.subdata a{

	font-weight:normal !important;

	font-family:Arial, sans-serif !important;

	font-size: 10pt !important;

}







h3

{

	font-family:verdana;

	font-size:15px;

	font-weight:bold;

	margin-bottom:4px;

	margin-top:4px;

	text-shadow:1px 1px 3px #0B0B61;

	text-align:center;

}



h4

{

	font-family:verdana;

	font-size:13px;

	font-weight:bold;

	margin-bottom:3px;

	margin-top:3px;

	text-shadow:1px 1px 2px #0B0B61;

	text-align:left;

}



h5

{

	font-family:verdana;

	font-size:10px;

	font-weight:normal;

	margin-bottom:3px;

	margin-top:3px;

	text-shadow:2px 2px 4px #B40404;

	text-align:left;

}



h6

{

	font-family:verdana;

	font-size:13px;

	font-weight:normal;

	margin-bottom:3px;

	margin-top:3px;

	text-shadow:1px 1px 2px #B40404;

	text-align:center;

}



table.edges

{



padding:5px;

margin:5px;

border-style:solid;

border-width:1px;

border-color:#cccccc;

border-top-style:solid;

border-right-style:solid;

border-bottom-style:solid;

border-left-style:none;

align:center;



}



table.nws

{

align:center; 

border-radius: 15px; 

border-width: 1px;

border-style: solid;

border-color: #a1a1a1;

padding: 10px; 

background: #FFEC99;

}





table.bws

{

align:center; 

border-radius: 15px; 

border-width: 1px;

border-style: solid;

border-color: #a1a1a1;

padding: 10px; 

background: #CEECF5;

}





td.top

{

border-top-style:none;

border-right-style:solid;

border-bottom-style:solid;

border-left-style:none;

border-width:2px;

border-color:#cccccc;

padding:6px;

text-align:center;

}



td.phy

{

border-top-style:none;

border-right-style:none;

border-bottom-style:solid;

border-left-style:none;

border-width:2px;

border-color:#cccccc;

padding:6px;

text-align:left;

}



th

{

text-weight:bold;

background-color:#F6C513;

border-top-style:none;

border-right-style:solid;

border-bottom-style:solid;

border-left-style:none;

border-width:2px;

border-color:#cccccc;

padding:6px;

text-align:center;

}







div.ltg {

    width: 420px;

    padding: 6px;

    border: 4px solid brown;

    border-bottom: 0px;

    margin-left: 400px;

    border-top-left-radius: 10px 10px;

    

}



div.ig3 {

    width: 520px;

    padding: 6px;

    border: 4px solid brown;

    border-bottom: 0px;

    margin: 0;

    margin-left: 300px;

    border-top-left-radius: 10px 10px;

}

div.ig2 {

    width: 620px;

    padding: 6px;

    border: 4px solid brown;

    border-bottom: 0px;

    margin-left: 200px;

    border-top-left-radius: 10px 10px;

    

}



div.ig1 {

    width: 720px;

    padding: 6px;

    border: 4px solid brown;

    margin-left: 100px;

    border-top-left-radius: 10px 10px;

}



div.ltgs {

    width: 220px;

    padding: 4px;

    border: 2px solid brown;

    border-bottom: 0px;

    margin-left: 60px;

    border-top-left-radius: 6px 10px;

    

}



div.ig3s {

    width: 240px;

    padding: 4px;

    border: 2px solid brown;

    border-bottom: 0px;

    margin: 0;

    margin-left: 40px;

    border-top-left-radius: 6px 10px;

}

div.ig2s {

    width: 260px;

    padding: 4px;

    border: 2px solid brown;

    border-bottom: 0px;

    margin-left: 20px;

    border-top-left-radius: 6px 10px;

    

}



div.ig1s {

    width: 280px;

    padding: 4px;

    border: 2px solid brown;

    margin-left: 0px;

    border-top-left-radius: 6px 10px;

}



div.ltgsi {

    width: 180px;

    padding: 4px;

    border: 2px solid brown;

    border-bottom: 0px;

    margin-left: 300px;

    border-top-left-radius: 6px 10px;

    border-top-right-radius: 6px 10px;

    background:#FBEFEF;

    text-align:center;

    

    

}



div.ig3si {

    width: 240px;

    padding: 4px;

    border: 2px solid brown;

    border-bottom: 0px;

    margin: 0;

    margin-left: 270px;

    border-top-left-radius: 6px 10px;

    border-top-right-radius: 6px 10px;

    text-align:center;

    font-style: oblique;

}

div.ig2si {

    width: 300px;

    padding: 4px;

    border: 2px solid brown;

    border-bottom: 0px;

    margin-left: 240px;

    border-top-left-radius: 6px 10px;		

    border-top-right-radius: 6px 10px; 

    text-align:center;  

    font-style: oblique; 

}



div.ig1si {

    width: 360px;

    padding: 4px;

    border: 2px solid brown;

    margin-left: 210px;

    border-top-left-radius: 6px 10px;

    border-top-right-radius: 6px 10px;

    text-align:center;

    font-style: oblique;

}





ul.pyr {

    list-style-type: none;

    padding: 0px;

    margin: 0px;

}



ul li.pyr {

    background-image: url(sqpurple.gif);

    background-repeat: no-repeat;

    background-position: 0px center; 

    padding-left: 8px;

}



img.ppic {

    float: left;



}



img.runtop {

    position: absolute;

    right: 50px; 



}



img.run4 {

    

    margin-left: 45px; 

}

img.run3 {

  

    margin-left: 0px; 

}

img.run2 {

    

    margin-left: 0px; 

}

img.run1 {

    

    margin-left: 0px; 

}







/* 12week.cfm file started */

.modal-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: auto;

    background: rgba(0, 0, 0, 0.5);

	justify-content: center;

    align-items: center;

	display: none;

}



.more-info-modal {

	position: fixed;

	top: 20%;

    width: auto;

    max-height: 60%;

	overflow-y: auto;

    background: white;

    padding: 40px 10px 10px 10px;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

    border-radius: 8px;

    text-align: center;

}

.more-info-modal.map-modal{

	top: 5%;

    max-height: 85%;

}

.closeModalBtn {

    position: absolute;

    top: 10px;

    right: 10px;

    font-size: 24px;

    cursor: pointer;

}



.closeModalBtn :hover{

	cursor: pointer;

}



.hr-table {

	width: 100%;

	margin: 10px 0px;

  	border: 1px solid #dddddd;

	border-radius: 10px 10px 0px 0px!important;

}



.hr-table tr{

	width: 100%;

	border-bottom: 1px solid #dddddd;

}



.hr-table td, th {

	text-align: center;

	padding: 8px 10px;

	margin: 0px!important;

}



.laps-table {

	margin: 10px 0px;

  	border: 1px solid #dddddd;

	border-radius: 10px;

}



.laps-table tr{

	border-bottom: 1px solid #dddddd;

}



.laps-table td, th {

	text-align: center;

	padding: 8px 10px;

	margin: 0px!important;

}



.table-name td {

	font-size: 18px;

	font-weight: 600;

	padding: 20px 20px 5px 20px;

	text-align: left;

}



.table-header td {

	background-color: #F7F7F7;

	font-weight: 600;

}



.openModalBtn{

	color: #3C5A9A;

	font-family: verdana;

	font-size: 10px;

}



.openModalBtn :hover{

	cursor: pointer;

	color: #EEC747;

}

.button-group{

	width: 100%;

	display: flex;

}

.dash{

	color: #3C5A9A;

}



.box-shadow {

	font-family: cursive, sans-serif;

	background-color: #DCDCDC;

	color: black;

	padding: 5px;

	border-radius: 1px;

	

}



/* month.cfm file style */

.context-menu {

	background-color: #fff;

	border: 1px solid #ccc;

	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

	z-index: 9999;

}



.context-menu ul {

	list-style-type: none;

	padding: 10px;

	margin: 0;

}



.context-menu li {

	padding: 5px 10px;

	cursor: pointer;

}



.context-menu li:hover {

	background-color: #f0f0f0;

}

.box {

	width: 80px;

	height: 80px;

	justify-content: center;

	align-items: center;

	cursor: pointer;

	border: 2px solid #000;

}

.box:hover {

	background-color: lightgray;

}



.modal-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: auto;

    background: rgba(0, 0, 0, 0.5);

	justify-content: center;

    align-items: center;

	display: none;

}



.more-info-modal {

	position: fixed;

	top: 20%;

    width: auto;

    max-height: 60%;

	overflow-y: auto;

    background: white;

    padding: 40px 10px 10px 10px;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

    border-radius: 8px;

    text-align: center;

	z-index: 9;

}



.closeModalBtn {

    position: absolute;

    top: 10px;

    right: 10px;

    font-size: 24px;

    cursor: pointer;

}



.closeModalBtn :hover{

	cursor: pointer;

}



.hr-table {

	width: 100%;

	margin: 10px 0px;

  	border: 1px solid #dddddd;

	border-radius: 10px 10px 0px 0px!important;

}



.hr-table tr{

	width: 100%;

	border-bottom: 1px solid #dddddd;

}



.hr-table td, th {

	text-align: center;

	padding: 8px 10px;

	margin: 0px!important;

}



.laps-table {

	margin: 10px 0px;

  	border: 1px solid #dddddd;

	border-radius: 10px;

}



.laps-table tr{

	border-bottom: 1px solid #dddddd;

}



.laps-table td, th {

	text-align: center;

	padding: 8px 10px;

	margin: 0px!important;

}



.table-name td {

	font-size: 18px;

	font-weight: 600;

	padding: 20px 20px 5px 20px;

	text-align: left;

}



.table-header td {

	background-color: #F7F7F7;

	font-weight: 600;

}



.openModalBtn{

	color: #3C5A9A;

	font-family: verdana;

	font-size: 10px;

}



.openModalBtn :hover{

	cursor: pointer;

	color: #EEC747;

}

.button-group{

	width: 100%;

	display: flex;

}

.dash{

	color: #3C5A9A;

}



/* template and scroll down css */

/* Custom dropdown styles */

.custom-dropdown {

	list-style: none;

	padding: 0;

	margin: 0;

	border: 1px solid #ccc;

	background: white;

	max-height: 350px;

	overflow-y: auto;

	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);

}



.custom-dropdown li {

	padding: 10px;

	cursor: pointer;

	background: #f9f9f9;

	border-bottom: 1px solid #ddd;

}



.custom-dropdown li:last-child {

	border-bottom: none;

}



.custom-dropdown li:hover {

	background: #ddd;

}



/* Styling while dragging */

.dragging {

	opacity: 0.5;

	background: yellow;

}

select#templateDropdown {

	position: fixed;

	transform: translate(0px, -80px);

}

.custom-dropdown {

	position: fixed !important;

	z-index: 9;

}

.right-multi-dropdown {

	width: 200px;

	height: 180px;

	position: relative;

}

.right-multi-dropdown label {

	position: absolute;

	top: 0;

}

.scroll-down select#templateDropdown {

	left: 20px;

}