/*--------------Icon Styles------------------------------------------------*/


@font-face {
  font-family: 'socialmedia_icon';
  src: url('fonts/socialmedia_icon.eot');
}
@font-face {
  font-family: 'socialmedia_icon';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'socialmedia_icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}

/*-------------------------  Main Content  -------------------------------------*/

/*
#main_content div div p{ 
padding: 55px 0px 10px 0px;
}


#main_content div div{
border-right: 1px dotted #ccc;	
border-left: 1px dotted #ccc;	
}
*/

#reminder{
font-family:Arial;
color:#808080;
font-size:28px;
letter-spacing:-1px;
padding:35px 0px 20px 0px;
}

/*------------ TEST ----------------*/

/*------------------------  Tabs / Panels -------------------------------------*/

.tabs{
margin: 0;
padding: 0;
color: #b3b3b3;
}


.topRow{
padding:15px 0px 0px 0px;
margin: 0px;
cursor: pointer;
}

.topRow:hover{
font-size: 20px;
color: #fff;
background-color: rgba(0,0,0, .15);
}


.topRow.active{
font-size: 20px;
color: #fff;
background-color: rgba(0,0,0, .50);
}

.panel{
display:none;
color: #fff;
font-size: 35px;
background-color: rgba();
padding:20px 0px;
}

.panel.active{
display: block;
background-color: rgba(0,0,0, .50);
}

.panel-content{
background-color: rgba(0,0,0, .1);
}

#panel1 p{
font-size: px;
}

#panel_1_content h1{
font-size: px;
}



/*------------------------ Routine Design Tabs -------------------------------------*/
/*
.rdesign_tabs{
margin: 0;
padding: 0;
}
*/

.rd_topRow{
color:;
font-size: 20px;
padding:15px 0px 0px 0px;
margin: 0px;
cursor: pointer;
}

.rd_topRow:hover{
font-size: 20px;
color: #ccc;
background-color: #fff;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}


.rd_topRow.active{
color: rgb(172, 83, 83);
font-size:25px;
background-color: #fff;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}

.rd_panel{
display:none;
color: ;
background-color: #fff;
padding:20px;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}

.rd_panel.active{
display: block;
color: #595959;
font-size: 5px;
background-color: #fff;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}


/*------------------------ Physical Readiness Tabs -------------------------------------*/

.physical_readiness_tab p{
color: #;
font-size: 20px;
}

#physical_readiness_tab.active{
color: rgb(172, 83, 83);
}


.panel_content p{
color: #ccc;
font-size: 25px;
}

.physical_readiness_tab{
padding:15px 0px 0px 0px;
margin: 0px;

cursor: pointer;
background-color:;
}

.physical_readiness_tab:hover{
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}


.physical_readiness_tab.active{
color: rgb(172, 83, 83);
background-color: #fff;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}

.panel_content{
display:none;
color:;
font-size: 35px;
background-color: #fff;
padding:20px;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}

.panel_content.active{
display: block;
background-color:;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}


/*------------------------  Where will you be Exercising Tabs -------------------------------------*/

.ex_where_design_tabs p{
color: #;
font-size: 20px;
}

#ex_where_topRow.active{
color: rgb(172, 83, 83);
}


.ex_where_panel p{
color: #ccc;
font-size: 25px;
}

.ex_where_topRow{
padding:15px 0px 0px 0px;
margin: 0px;

cursor: pointer;
background-color:;
}

.ex_where_topRow:hover{
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}


.ex_where_topRow.active{
color: rgb(172, 83, 83);
background-color: #fff;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}

.ex_where_panel{
display:none;
color:;
font-size: 35px;
background-color: #fff;
padding:20px;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}

.ex_where_panel.active{
display: block;
background-color:;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}


/*------------------------  Training Phase Panels -------------------------------------*/

.phase_training_tabs{
margin: 0;
padding: 0;
color: #999;
font-size: 20px;
}


.phase_t_topRow{
padding:15px 0px 0px 0px;
margin: 0px;
cursor: pointer;
}

.phase_t_topRow:hover{
font-size: 20px;
color:;
background-color: ;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}


.phase_t_topRow.active{
color: rgb(172, 83, 83);
background-color:;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}

.phase_t_panel{
display:none;
color: #ccc;
font-size: 35px;
padding:20px;
border-top: 1px dotted #ccc;

}

.phase_t_panel.active{
display: block;
background-color: rgba(,,, .);
border-top: 1px dotted #ccc;

}



#conditioning_info p{
color: #808080;
font-size: 20px;
}

#conditioning_info_2{
color: #808080;
font-size: 20px;
background-color: rgba(0,0,0,.03);
}


/*------------------------------- Errors  ---------------------------------------------------------------------*/

.error{
color: red;
border: 1p dotted #ccc;
margin: 1em;
padding: 1em;
}

.error ul{
padding-left: 2em;
}

/*------------------------------- Navigation ---------------------------------------------------------------------*/

#navigation{
background-color: #ccc; 
color: #fff;"
}



ul.pages{
padding-left: 2em;
list-style: ;
font-weight: normal;
}

.selected{
font-weight: bold;
}


/*------------------------------- Index Page ---------------------------------------------------------------------*/



#member_link{
height:;
background-color: rgba(0,0,0, .15);
background-image: url("../images/login_button_background.png");
}

#member_link:hover{
background-color: #39ff14;
}

#member_link:visited{
text-decoration: none;
}

#member_link a:visited{
text-decoration: none;
}


#member_link a{
text-decoration: none;
}

#member_link p{
color: #fff;
font-weight:;
font-size: 25px;
}

#member_link p:hover{
text-shadow:2px 2px 3px #4d4d4d;
}


/*------------------------------- Members Page ---------------------------------------------------------------------*/

#login_signup_info div p{
color: #fff;
}



#login_signup_info div div{

color: #fff;
text-shadow:3px 3px 5px #000;

}

#login_signup_info div div a{
text-decoration:;
font-size: 30px;
letter-spacing: 2px;
}

#member_page_login:hover{
background-color: rgba(0,0,0,.25);
}

.login_link{
text-decoration: none;
}

#member_page_join:hover{
background-color: rgba(0,0,0,.25);	
}

#member_page_login a{
text-decoration: none;	
}

#member_page_info a{
text-decoration: none;	
}


#member_page_login{
padding: 2px 0px 1px 0px;
margin-bottom: 0px;
}


#member_page_join{
padding: 2px 0px 5px 0px;
}

#member_page_info{
padding: 2px 0px 1px 0px;
margin-bottom: 0px;
}

#member_page_join a{
text-decoration: none;
}

#signup_collapse_section{
background-color: rgba(0,0,0,.65);

}

#signup_collapse_section div{
padding: 0px 0px 10px 0px;
}


#signup_collapse_section p{
color: #fff;
font-size: 20px;
padding: 30px 2px 5px 2px;
}


#more_info_collapse_section p{
color: #fff;
font-size: 20px;
margin-right: 2px;
padding: 30px 0px 5px 0px;
}


#signup_collapse_section_links_1 a{
color: #fff;
}

#signup_collapse_section_links_2 a{
color: #fff;
}


#signup_collapse_section_links_1:hover{
background-color: rgba(225,225,225,.45);
}


#signup_collapse_section_links_1:hover{
text-shadow:2px 2px 2px #000;

}

#signup_collapse_section_links_2:hover{

}

#more_info_collapse_section{
background-color: rgba(0,0,0,.65);

}

#more_info_collapse_section p{
color: #fff;
font-size: 20px;
}

#more_info_collapse_section ul li{
padding: 5px;
list-style: none;
font-size: 20px;
}

#more_info_collapse_section ul li:hover{
background-color: rgba(225,225,225,.45);
}


#member_page_info:hover{
background-color: rgba(0,0,0,.25);	
}



/*------------------------------- Page ---------------------------------------------------------------------*/

#page{
position: ;
top: .5em;
}



div.message{
border: 1px dotted #cccccc;
color: #333333;
font-weight: bold;
margin: 1em;
padding: 1em;

}

#page{
background:;
height: 100%;
}

.view-content{
margin: 1em;
padding: 1em;
border: 1px dotted #cccccc;
}


/*------------------------------- Footer ---------------------------------------------------------------------*/


#footer_section{
	position: ;
	top: 11em;
}


#footer_links ul li a{
	padding: 0px 10px 0px 10px;
}


#footer_social ul li a{
	padding: 0px 10px 0px 10px;
}






/* --------------------------------------------------------------------------- Large screen styles -----------------------------   1450 px ----------------------------*/

@media screen and (max-width: 1450px){
	

}

/* --------------------------------------------------------------------------- Medium screen styles -----------------------------   1100 px ----------------------------*/

@media screen and (max-width: 1100px){
	
	
}


/* --------------------------------------------------------------------------- Small screen styles -----------------------------    985 px ----------------------------*/

@media screen and (max-width: 992px){

}


/* --------------------------------------------------------------------------- Small screen styles -----------------------------    770 px ----------------------------*/

@media screen and (max-width: 770px){


}


/* --------------------------------------------------------------------------- Small screen styles -----------------------------    570 px ----------------------------*/

@media screen and (max-width: 570px){
	
	
}

/* --------------------------------------------------------------------------- Small screen styles -----------------------------    300 px ----------------------------*/

@media screen and (max-width: 320px){

	
}