/****************************************************************************
**********************************FONTS**************************************
****************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Arvo:700);
@import url(https://fonts.googleapis.com/css?family=Cousine:700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400, 700);


/* -------------------------- general page div ------------- */

/* debug testing jul22/15 - used on news search page with centering tag */
/* debug move to similar styles */

.gen_div{
	width: 70%;
	height: auto;
	overflow:auto;
	/* debug testing overflow auto */
	background:#247A96;

	background:#9BCA36;
	/* debug testing - same on mini */
	border: 1px solid #000;
	border-radius: 1em;
	box-shadow: 6px 6px 5px black;
	margin: 10px auto;
	padding: 10px;
}



.gen_div_mini{
	width: 70%;
	height: auto;
	overflow:auto;
	/* debug testing overflow auto */
	background:#247A96;

	background:#9BCA36;
	/* debug testing - same on mini */
	border: 1px solid #000;
	border-radius: 1em;
	box-shadow: 6px 6px 5px black;
	margin: 10px auto;
	padding: 10px;
}




/* -------------------------- page titles (similar to table captions ------------- */

/* debug testing jul22/15 - used on news search page with centering tag */

.page_title_red{
	text-align:center;
	color:red;
	font-weight:bold;
	font-size:20px;
	font-weight: bold;
	text-shadow: 1px 0 green;
}


.page_title_green {
	text-align:center;
	color:green;
	font-weight:bold;
	font-size:20px;
	font-weight: bold;
	text-shadow: 1px 0 green;
	/* debug temp style */
}


a {
  color:#005B8F;
  font-weight: bold; 
  font-family: 'Raleway', 'sans-serif'; 
}


// ------------------- start test section debug -------------------- //


a.progresslinks {

  color:!important red;
  text-shadow: -1px -1px #000;
  text-decoration:none;
  border-bottom:1px #FCF500 dashed;c;
  /* debug testing, same on mini */
  padding:0;
}

a.progresslinks:hover, a.progresslinks:active {

color:#FCF500 !important;
text-decoration:none;
border-bottom:1px black solid;

}





// ------------------- end test section debug -------------------- //





a.pagelinks {

  color:#005B8F;
  text-shadow: -1px -1px #000;
  text-decoration:none;
  border-bottom:1px #FCF500 dashed;c;
  /* debug testing, same on mini */
  padding:0;
}

a.pagelinks:hover, a.pagelinks:active {

color:#FCF500 !important;
text-decoration:none;
border-bottom:1px black solid;

}




/* regular link style was here debug */





a.reglink {
  color:#005B8F;
  font-weight: bold; 
  font-family: 'Raleway', 'sans-serif'; 
}




a.reglink:hover { 

	color:#9BCA36 !important; 
	border-bottom:1px #FCF500 dashed;c;

}




/* **************** new barry style for message links ************** */

.msg_link { 
	text-align:center;
  	margin:0;
	padding-bottom:3px;
}




/*************WEB TITLE*******************/
h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 250%;
  padding-top: 15px;
  display: inline-block;
  float: left;
}




/*************PAGE TOP*******************/
h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 2em;
  font-weight: 700;
  padding-top: 20px;
}
/*************BOX TITLE*******************/
h4 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  padding-bottom: 5px;
  text-align: center;
}
p {
  font-family: 'Raleway', 'sans-serif';
  font-size: 120%;
  line-height: 1.4em;
}

.emphasize-green {
  font-weight: bold;
  color:#005B8F;
  /* debug testing color above, same on mini */

}
.emphasize-red {
  font-weight: bold;
  color:#ec0607;
}
.emphasize1 {//not used - keep?
  color:#E8FC05;
  color:#3E4040;
  font-size:21px;
  font-weight: bold;
  text-shadow: -1px -1px 1px #000;
}
.emphasize2 {//not used - keep?
  color:#E8FC05;
  color:#3E4040;
  font-size:25px;
  font-weight: bold;
  text-shadow: -1px -1px 1px #000;
}
.emphasizegreen {
  color:#005B8F;
  /* debug testing, same on mini */
  font-weight: bold;
  /* text-shadow: -1px -1px #000; */
  /* remove style above? debug */
}

.emphasizegreen2 {//not used-keep?
  font-size:20px;	
  color: #9ED5D9;
  font-weight: bold;
  text-shadow: -1px -1px #000;
}




.emphasizered {//not used-keep?
  color:#E3AFC9;
  font-weight: bold;
  text-shadow: -1px -1px #000;
}

.emphasizeblue {//not-used - keep? 
  color:blue;
  font-weight: bold;
  text-shadow: -1px -1px #000;
}


.normal {
  color:#fff;
  text-shadow: -1px -1px 1px #000;
}




.alert {
  color:#000;
  text-shadow: -1px -1px 1px #ddd;
}
.msg_text {

  /* color: #fff; */
  /* debug remove? */
  color:black;

}


.red_warning {//not used-keep?

  color:red;
  font-weight:bold;

}



/****************************************************************************
*****************************FOR ALL PAGES**********************************
****************************************************************************/
body {
  position: relative;
  background: url(images/bg.png);
  overflow: auto;
}
#wrapper-top { /*contents wrapper for upper half*/
  width: 100%;
  min-height: 65%;
  overflow: auto;
  background-color:#fff;
}
/***********************HEADER***********************/
#header {
  width: 100%;
  height: 110px;
}
header {
  width: 1050px;
  margin: 0 auto;
}
header img {
  width: auto;
  height: 80px;
  margin: 15px;
  float: left;
}


/***********************TOP MENU***********************/
#nav { /*when you need modify this menu ask me*/
  width: 100%;
  max-width: 100%;
  min-height: 35px;
  background-color:#ddd;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-bottom: 3px solid white;
  /* debug testing style above - remove original above it when accepted */
}
.nav {
  width: 1050px;
  margin: 0 auto;
}
.menu-link { display: none;}
.menu {
  float: left;
}
.menu ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-table;
}
.menu > li > ul.sub-menu {
  min-width: 10em;
  padding: 4px 0;
  background-color:#e7d1b7;
  border: 1px solid #CCC;
}
.menu ul li { padding: 0px; }
.menu > ul > li { display: inline-block; }
.menu ul li a { display: block; text-decoration: none; color: #000; font-size: 1em; font-family: 'Montserrat', sans-serif; font-weight: 400; }
.menu ul li > a { height:15px; padding: 11px 12px; }
.menu ul ul {
  display: none;
  position: absolute;
  top:100%;
  min-width: 160px;
  background-color:#e7d1b7;
  border: 1px solid #CCC;
}
.menu ul li:hover > ul { display: block; }
.menu ul ul > li { position: relative; z-index: 1;}
.menu ul ul > li a { padding: 5px 15px 5px 10px; height: auto; background-color: #e7d1b7; color: #000;}
.menu ul ul > li a:hover { background-color: #42BBA3; color: #fff; }


.menu ul > li a:hover { background-color: #42BBA3; color: #fff; } 
/* debug testing line above - adds hover on main menu bar */




/***********************CONTENTS***********************/
#contents { /*contents wrapper*/
  width: 1050px;
  min-height: 50%;
  overflow: hidden;
  margin: 0 auto;
  padding-bottom: 2%;
}
.contop { /*page title*/
  width: 100%;
  margin: 10px auto;
  text-align: center;
}
.left { /*contents box left side when contents have two columns not used?*/
  width: 70%;
  margin-top: 2%;
  float: left;
}

.ads { /*rotating ads not used - keep?*/
  width: 80%;
  padding-top: 20px;
  margin: 0 auto;
}

.middle {/*contents box in the middle when contents have only one column*/
  width: 100%;
  min-height: 100px;
  margin-top: 2%;
}
.right {/*contents box right side when contents have two columns*/
  width: 23%;
  margin-top: 2%;
  padding: 15px;
  float: right;
  background-color: #ddd;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
.right p {
  font-size: 100%;
}



/*********************BUTTONS***************************/
.btn { /*small buttons*/
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  text-align: center;
  font-size: 13px;
  display: block;
  /*background: #feffa5;*/
  background: #249679;
  background: #58B444;
  /* debug testing, same on mini */

  border: 1px solid #CCC;
  border-radius: 1.5em;
  color: #111;
  min-width: 100px;
  padding: 10px;
}
.btn:hover {
  box-shadow: inset 1px 1px 1px #444;
  /*background-color: #f8a45f;*/
  background-color: #249640;

  background: #FCF500;
  /* debug testing, same on mini */
}




/****************************************************************************
*****************************FOR MESSAGE PAGE********************************
****************************************************************************/
.message { /*contents wrapper*/
  width: 85%;
  margin: 20px auto;
  background-color: #fff;
  border-radius: 0.4em;
  border: 1px solid #000;
  padding: 20px;
}



/****************************************************************************
*****************************FOR LOGIN PAGE**********************************
****************************************************************************/
.log_contents { /*contents wrapper*/
  width: 70%;
  height: auto;
  background:#9BCA36;
  /* debug testing, same on mini */
  border: 1px solid #000;
  border-radius: 1em;
  box-shadow: 6px 6px 5px black; 
  /* debug box shadow messes up centering? */
  margin: 10px auto;
  padding: 10px;
}
.log_title {
  width: 95%;
  background-color: #fff;
  margin: 10px auto;
  padding: 5px;
  text-align: center;
}
.log_col_wrap { /*wrapping .log_text and .log_form*/
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 10px auto;
}
.log_text {
  width: 40%;
  float: left;
  margin-right: 1%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 2%;
  font-family: 'Raleway', 'sans-serif';
  font-size: 100%;
}
.log_form {
  width: 55%;
  float: left;
  padding-top: 5px;
  padding-bottom: 5px;
}
.log_border {
  clear: both;
  border-top: 1px dotted #fff;
}

/****************************************************************************
***************************FOR SUBSCRIBE PAGE debug remove?******************
****************************************************************************/
.sub_contents { /*contents wrapper*/
  width: 70%;
  height: auto;
  background-color: #9099F5;
  border: 1px solid #000;
  border-radius: 1em;
  margin: 10px auto;
  padding: 10px;
}
.sub_title {
  width: 95%;
  background-color: #fff;
  margin: 10px auto;
  padding: 5px;
  text-align: center;
}
.sub_price { /*wrapping .sub_text and .sub_price_col*/
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 10px auto;
}
.sub_text {
  width: 95%;
  margin: 5px auto;
  border-bottom: 1px dotted #fff;
  padding: 10px;
}
.sub_price_col1 { /*float 3 columns this will be removed floating on small screen*/
  width: 30%;
  float: left;
  margin-right: 1%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 2%;
  font-family: 'Raleway', 'sans-serif';
  font-size: 100%;
}
.sub_price_col { /*float 3 columns*/
  width: 30%;
  float: left;
  margin-right: 1%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 2%;
  font-family: 'Raleway', 'sans-serif';
  font-size: 100%;
}
.sub_border {
  clear: both;
  border-top: 1px dotted #fff;
}




.answer_button_container {
  width: 70%;
  overflow: hidden;
  margin: 0 auto;
}
















/* ------------- style for generic input boxes ------------- */


.generic_input {
	text-align:left;
	background-color:#7AB56F;
	background-color:#244196;
	background-color:#74BD40;
	/* debug testing */

}


input[class="generic_input"]:focus {
	background:#87C97B;
	background:#FCF500;
	/* debug testing */
}

textarea[class="generic_input"]:focus {
	background:#87C97B;
	background:#FCF500;
	/* debug testing */
}

/* --------------------- style for generic non-textarea input boxes ----------------- */

.generic_input_non_textarea {
	font-size:24px;
	text-align:left;
	background-color:#244196;

	background-color:#74BD40;
	/* debug testing markerr */

	/* debug testing, same on mini */

	height:30px;
}

input[class="generic_input_non_textarea"]:focus {
	background:#395fce;
	background:#FCF500;
	/* debug testing, same on mini */
	font-size:24px;
}





/* **************** new style for exercise buttons debug *********** */

.btn_exer { /*exercise buttons*/
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  text-align: center;
  font-size: 13px;
  display: block;
  background: #58B444;
  /* debug testing, same on mini */
  border: 1px solid #CCC;
  border-radius: 1.2em;
  color: #111; 
  width:200px;
  /* debug - testing completely new width style above */
  min-width: 100px;
  padding: 10px;
}


.btn_exer:hover {
  box-shadow: inset 1px 1px 1px #444;
  /*background-color: #f8a45f;*/
  background: #FCF500;
  /* debug testing, same on mini */

}

/* **************** new style for exercise buttons (mini version) debug *********** */

.btn_exer_mini { /*exercise buttons*/
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  text-align: center;
  font-size: 10px;
  display: block;
  /*background: #feffa5;*/
  background: #249679;
  border: 1px solid #CCC;
  border-radius: 1.5em;
  color: #111;
  width:140px;
  height:50px;	
  min-width: 100px;
  padding: 5px;
}

.btn_exer_mini:hover {
  box-shadow: inset 1px 1px 1px #444;
  /*background-color: #f8a45f;*/
  background-color: #249640;
}


/****************************************************************************
***************************** SYSTEM MESSAGE DISPLAY ************************
****************************************************************************/

/* marker/debug testing aug6/14 */

.reg_message {
	width:60%;
	background:#E52E78;
	border:2px solid black;
	padding:15px;
	border-radius:30px;
	box-shadow: 6px 6px 5px black;
	margin:0 auto;'>"; 
}


.mini_message {
	width:85%;
	background:#E52E78;
	border:2px solid black;
	padding:15px;
	border-radius:30px;
	margin:0 auto;'>"; 
}


.new_reg_message {
	width:60%;
	/*background:#247A96;*/
	/* DEBUG REMOVE COLOR ABOVE" */

	background:#9BCA36;
	border:2px solid black;
	padding:15px;
	border-radius:30px;
	box-shadow: 6px 6px 5px black;
	margin:0 auto;'>"; 
}




.new_mini_message {//debug new test colors
	width:85%;
	background:#9BCA36;
	border:2px solid black;
	padding:15px;
	border-radius:30px;
	margin:0 auto;'>"; 
}


.new_alert {
  /* color: #000; */
  color:black;
  /* debug testing */
  text-shadow: -1px -1px 1px #ddd;
}
.new_msg_text {
  /* color: #fff; */
  color:black;
  /* debug testing black  REMOVE THIS STYLE? NOT USED?*/


}



.new_page_title_green {
	text-align:center;
	color:#402496;
	font-weight:bold;
	font-size:20px;
	font-weight: bold;
	text-shadow: 1px 0 green;
}