@Theme Name: 2016 GAIN THEME
@Description: This site was built by Central States Media. For more information about the site or this custom WordPress theme, you can contact Central States Media at: info@centralstatesmedia.com or call us at: 309-693-2345.
@Author: Central States Media
@Author URI: http://www.centralstatesmedia.com/
@Version: 1.0
@Date: March, 2016
@charset "utf-8";
/* CSS Document */

html, body{
	margin:0;
	padding:0;
	min-width:1200px;
	font:14px Arial, Helvetica, sans-serif;
	color:#484848;
	background:#00939e;
}
.clear{clear:both;}
a{text-decoration:none;outline:0;border:0;}
.Teal{color:#00939e;}
.Brown{color:#9d8d85;}
.Dark-Teal{color:#007582;}
.wpcmsdev-button{border-radius:0px !important;min-width:310px !important;max-width:100% !important;text-transform:uppercase;}
.color-blue, .color-teal{background:#00939e !important;}
.color-brown{background:#9d8d85 !important;}
.TealButton{background:#00939e;color:#fff;text-transform:uppercase;
padding:8px 15px;min-width:200px;display:inline-block;text-align:center;}
.TealButton a, a.TealButton{color:#fff !important;text-decoration:none !important;}
.TealButton:hover{background:#007582;text-decoration:none !important;}
.alignright{
                margin:0 0 2em 2em;
                padding:0px;
                float:right;
                border:0;}

.alignleft{
                margin:0 2em 2em 0;
                padding:0px;
                float:left;
                border:0;}

.aligncenter{
                display:block;
                margin-left:auto;
                margin-right:auto;
                padding:0px;
                border:0;}

/*************
TO BAR STYLES
*************/
#topbarbkgd{
	margin:0;
	min-width:1200px;
	padding:10px 0;
	position:relative;
	z-index:2;
	background: #00939e; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#009aa5 60%, #00838c); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#009aa5 60%, #00838c); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#009aa5 60%, #00838c); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#009aa5 60%, #00838c); /* Standard syntax */
	border-bottom:5px solid #9d8d85;
}
#topbar{
	margin:0px auto;
	width:1200px;
	position:relative;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
	text-align:right;}
#toptagline{
	float:left;
	border-radius:10px;
	background:#0a838c;
	padding:3px 400px 3px 50px;
	font-size:14px;
	letter-spacing:2px;
	color:#f1edea;
	font-weight:normal;
	min-width:600px;
	min-height:14px;
}
#topphone{
	font-weight:bold;
	font-size:18px;
	letter-spacing:2px;
	text-align:right;
	float:right;
	color:#fff;
}
#topphone a{color:#fff !important;text-decoration:none;}



/************
SOCIAL STYLES
************/
#socialbkgd{
	margin:0;
	min-width:1200px;
	padding:10px 0;
	position:relative;
	z-index:2;
	background: #00939e; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#009aa5 60%, #00838c); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#009aa5 60%, #00838c); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#009aa5 60%, #00838c); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#009aa5 60%, #00838c); /* Standard syntax */
	border-bottom:5px solid #9d8d85;
}
#social{
	margin:0px auto;
	width:1200px;
	position:relative;}
#socialbar{
	float:right;
	position:absolute;
	right:15%;
	top:50%;
	height:20px;
	width:1100px;
	margin:-12px 20px 0 0;
	border-radius:10px;
	background:#0a838c;
}
#socialicons{
	float:right;
	text-align:right;
}
#socialicons a{
	display:inline-block;
	background:url(images/icon_social.png) no-repeat;
	background-color:#f1edea;
	width:20px;height:20px;
	border-radius:30px;
	padding:0;
	margin:0 5px;
}
#socialicons a:hover{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.4);}
#socialicons .facebook{background-position:0 0;}
#socialicons .twitter{background-position:-20px 0;}
#socialicons .linkedin{background-position:-40px 0;}
#socialicons .googleplus{background-position:-60px 0;}
#socialicons .youtube{background-position:-80px 0;}

/************
HEADER STYLES
************/
#headerbkgd{
	clear:both;
	margin:0;padding:10px 0 0 0;
	background:#fff;
	box-shadow:0 0 30px 0 rgba(0,0,0,0.6);
	position:relative;
	z-index:1;
}
#header{
	margin:0px auto;
	width:1200px;
	position:relative;
}
#logo{	width:290px; float:left; margin:0 10px 0 0;position:absolute;left:0;top:50%;}
#logo img{max-width:100%;height:auto;margin-top:-17%;}

#hright{
	float:right;
	width:900px;
	padding:5px 0 0 0;
}
#hphone{
	float:right;
	color:#9d8d85;
	font-weight:bold;
	letter-spacing:2px;
	font-size:22px;
}
#boxlink{
	float:right;
	color:#9d8d85;
	font-weight:bold;
	font-size:12px;
	padding:3px 20px;
	border:2px solid #f1edea;
	border-radius:10px;
	text-transform:uppercase;
	background:#fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#boxlink:hover{background:#f1edea;}
#search{
	float:right;
	display:inline-block;
	padding:0;
	margin:10px 0;
	color:#9d8d85;
	font-size:25px;
	font-weight:bold;
	position:relative;
}
#sicon{
	position:absolute;
	right:0px;top:0px;
	z-index:0 !important;
}
#sform{
	position:absolute;
	right:-5px;top:-3px;
	z-index:100 !important;
	padding:0;
	display:none;
	background:#f1edea;
	border-radius:15px;}
#sform a{position:absolute;left:10px;top:8px;color:#716560;font-weight:normal;font-size:10px;}
#sform input[type=text]{
	background:none;
	border:0;
	padding:7px 15px;
	color:#716560;
	font-weight:bold;
	outline:none;
	width:300px;
	margin:0 30px 0 10px;}
.searchBtn{
	position:absolute;
	right:-2px;top:0;
	content:"";
	width:25px;height:100%;
	background-image:url(images/icon_search.png);
	background-repeat:no-repeat;
	background-position:center;
	border:0px;
	cursor:pointer;
	border-radius:20px;
	padding:15px 20px;
	background-color:#fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
.searchBtn:hover{background-color:#f1edea;}

/*****************
TEXT RESIZE STYLES
*****************/
#textresize{
	clear:right;
	float:right;
	display:inline-block;
	border-left:2px solid #f1edea;
	padding:0 0 0 10px;margin:10px;
	font-size:18px;color:#9d8d85;
	font-weight:bold;}
#textresize a{color:#9d8d85;text-decoration:none;}
#textresize a:hover{color:#716560;}

/****************
NAVIGATION STYLES
****************/
#nav{
	clear:right;
	float:right;
	padding:10px 0 0 0;
}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#nav ul li{
	float:left;
	position:relative;
	border-top:5px solid #f1edea;
	padding:10px 0;
}
#nav ul li a{
	display:block;
	text-decoration:none;
	color:#9d8d85;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 8px;
	border-left:2px solid #f1edea;
}
#nav ul li:first-child a{padding-left:0px;border-left:none;}
#nav ul li:last-child a{background:#9d8d85;color:#fff;border-radius:10px;padding:3px 22px;margin:-5px 0 0 25px;border-left:none;}
#nav li:last-child:hover > a,d
#nav li:last-child a:focus{background:#00939e;}
#nav ul li:last-child{border-top:5px solid #fff;}
#nav ul li:hover > ul {
	display: block;
}
#nav li:hover > a,d
#nav a:focus {
	color:#00939e;
}
#nav ul ul{
	display:none;
	position:absolute;left:0;
	top:33px;
	min-width:200px;
	border-top:5px solid #00939e;
	background:#fff;
	padding:5px 10px;
	box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
}
#nav ul ul li{width:100%;float:none;padding:0;border-top:2px solid #f1edea !important;}
#nav ul ul a{
	background:none !important;
	color:#9d8d85 !important;
	padding:8px 5px !important;
	border-radius:0 !important;
	margin:0 !important;
	border-left:none;
}
#nav ul ul li:first-child{border-top:none !important;}
#nav ul ul li:hover > a,d
#nav ul ul a:focus {
	color:#716560 !important;
	background:#f1edea !important;
}

/*************
CONTENT STYLES
*************/
#featured{
	clear:both;
	background:#8d8d8d;
	margin:0;padding:0;
}
#featured img{width:100%;height:auto;}
#contentbkgd{
	clear:both;
	background:#fff;
	margin:0;padding:0 0 15px 0;
}
#contentwrap{
	margin:0px auto;
	width:1200px;
	}
#title{
	clear:both;
	margin:0px auto;
	margin-bottom:50px;
	width:1000px;
	text-align:center;
	background:#9d8d85;
	height:3px;
}
#title h1{
	margin:0px;
	display:inline-block;
	background:#00939e;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	padding:10px 15px;
	width:800px;
	position:relative;
	top:-25px;
	font-size:24px;}

#content{
	border:2px solid #00939e;
	padding:25px;
	line-height:22px;
	color:#484848;
}
#content img{max-width:100%;height:auto;}
#content a{text-decoration:none;color:#007582;font-weight:bold;}
#content a:hover{color:#00939e;text-decoration:underline;}
#content h1, #content h1 a{
	margin:5px 0;
	color:#007582;
	font-weight:bold;
	text-transform:uppercase;
	font-size:22px;
}
#content h2, #content h2 a{
	margin:5px 0;
	color:#00939e;
	font-weight:bold;
	text-transform:uppercase;
	font-size:22px;
}
#content h3, #content h3 a{
	margin:5px 0;
	color:#9d8d85;
	font-weight:bold;
	text-transform:uppercase;
	font-size:22px;
}
#content h4, #content h4 a{
	margin:5px 0;
	color:#007582;
	font-size:18px;
	font-weight:normal;
}
#content h5, #content h5 a{
	margin:5px 0;
	color:#00939e;
	font-size:18px;
	font-weight:normal;
}
#content h6, #content h6 a{
	margin:5px 0;
	color:#9d8d85;
	font-size:18px;
	font-weight:normal;
}
#content ul{list-style-image:url(images/icon_bullet.png);padding:0 20px;}
#content ul li{margin:5px 0;}

/**************
HOMEPAGE STYLES
**************/
#rotate{
	clear:both;
	background:#fff;
	position:relative;
	margin:0 0 -40px 0 !important;
	padding:0px;
}
#rotate .flex-control-nav{margin:0px 0px 35px 0 !important;}
#rotate img{max-width:100%;height:auto;}
#rtagline{
	position:absolute;
	margin:0px auto;
	text-align:center;
	bottom:-20px;
	left:50%;
	margin-left:-400px;
}
#rtagline h1{
	margin:0px;
	display:inline-block;
	background:#00939e;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	padding:10px 15px;
	width:800px;
	position:relative;
	font-size:18px;}
#content.home{
	border:0px solid #00939e;
	padding:35px 25px 0 25px;
	line-height:22px;
	color:#484848;
	text-align:center;
}
#content.home h1{color:#484848;}
#content.home h1 strong{color:#00939e !important;}
#calloutsbkgd{
	clear:both;
	background:url(images/bkgd-callouts.jpg);
	padding:30px 0;
	box-shadow:inset 0 0 20px 0 rgba(0,0,0,0.3);
}
#callouts{
	margin:0px auto;
	width:1200px;
}
.callout{
	float:left;
	width:155px;
	padding:0 10px 0 5px;
	background:url(images/icon_calloutseperator.png) no-repeat;
	background-position:100% 80px;
	text-align:center;
}
.callout.last{background:none;}
.callouttitle{
	display:block;
	background:#9d8d85;
	text-align:center;
	height:35px;
	padding:10px;
	position:relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
.callout h2{
	margin:0;
	width:100%;
	position:absolute;
	top:50%;left:0;
	transform:translateY(-50%);
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;	
	font-weight:normal;
}
.calloutimg{
	margin:0px auto;
	border-radius:100px;
	width:80px;
	height:80px;
	padding:15px;
	border:8px solid #9d8d85;
	margin-top:20px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.callout img{max-width:100%;height:auto;}
.callout:hover .calloutimg{border:8px solid #00939e;}
.callout:hover .callouttitle{background:#00939e;}
/************
FOOTER STYLES
************/
#contactbar{
	clear:both;
	background:#007582;
	padding:20px 0;
	text-align:center;
	border-bottom:15px solid #fff;
	border-top:15px solid #fff;
}
#contactbar a{
	padding:3px 20px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	border:2px solid #fff;
	border-radius:10px;
	background:#007582;
	font-weight:bold;
	letter-spacing:1px;
}
#contactbar a:hover{background:#00939e;}
#footerbkgd{
	clear:both;
	background:#00939e;
	margin:10px 0 0 0;
	padding:20px 0;
}
#footer{
	margin:0px auto;
	width:1200px;
	color:#dfdfdf;
	font-size:12px;
	text-transform:uppercase;}
#fcolone{
	float:left;
	width:200px;
	text-align:left;
}
#fcolone img{max-width:100%;height:auto;}
#fcoltwo{
	float:left;
	width:700px;
	margin:0 50px;
	text-align:center;
}
#fcolthree{
	float:right;
	width:200px;
	text-align:right;
	padding:20px 0 0 0;
}
#fcolthree a{font-size:18px;text-transform:uppercase;color:#fff !important;text-decoration:none !important;border-radius:10px;border:2px solid #fff;padding:3px 20px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
#fcolthree a:hover{background:#fff;color:#00939e !important;}
#copyright{font-size:10px;}
#footer a{text-decoration:none;color:#dfdfdf;}
#footer a:hover{text-decoration:underline;color:#fff;}
#footer a img:hover{opacity:0.8;}

#mobileswitch{padding-top:40px;}
#mobileswitch a{clear:both;display:block;width:100%;background:#928285;color:#ffffff;text-decoration:none;text-align:center;padding:25px 0;font-size:45px;position:fixed;bottom:0px;z-index:10000;}


/************
GRAVITY FORMS
************/
.gform_button, .gform_next_button, .gform_previous_button{
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
	font-weight:bold;
	padding:8px 20px;
	background:#007582;
	border:0;
	outline:0;
	letter-spacing:1px;}
.gform_button:hover, .gform_next_button:hover, .gform_previous_button:hover{background:#00939e;}

/**********
TABLEPLUGIN
**********/
.textcenter{text-align:center;}
.dataTables_filter{display:none;}
.dataTables_info{display:none;}

/****************
TABLEPRESS PLUGIN
****************/
.tablepress{
	border:2px solid #000 !important;
	margin-left:auto !important;    
	margin-right:auto !important;
	width:100% !important;
	display:table;}
.tablepress thead th,
.tablepress tfoot th {
	background-color: #007582 !important;
	color:#fff;
}

.tablepress .odd td {
	background-color: rgba(0,147,158,0.2) !important;
}
.tablepress .even td {
	background-color: rgba(0,147,158,0.1) !important;
}
.tablepress .row-hover tr:hover td {
	background-color: rgba(0,147,158,0.4) !important;
}

.tablepress td{position:relative;vertical-align:middle !important;}
span.verticaltext{ 
	display:block;
	float:left;
	width:100%;
  	position:absolute;
	left:25%;
	top:50%;
	vertical-align:middle !important;
	text-align:center !important;
	-ms-transform:    rotate(270deg) translateY(-50%) !important;
	-moz-transform:    rotate(270deg) translateY(-50%) !important;
     -o-transform:      rotate(270deg) translateY(-50% !important;
     -webkit-transform: rotate(270deg) translateY(-50%) !important;
     transform:         rotate(270deg) translateY(-50%) !important;}
	 
/*comparison of instruments table*/
.tablepress-id-1 .odd td.column-1,
.tablepress-id-1 .even td.column-1{
	background-color: rgba(0,147,158,0.9) !important;
	color:#fff;font-weight:bold;
	width:30px !important;
	border-bottom:1px solid #fff !important;
	border-right:1px solid #000 !important;}
.tablepress-id-1 .column-3,
.tablepress-id-1 .column-4,
.tablepress-id-1 .column-5{text-align:center !important;border-right:1px solid #000 !important;}
.tablepress-id-1 .column-2{border-right:1px solid #000 !important;}
.tablepress-id-1 .row-1{white-space: nowrap;}

/*LEVEL OF TRAINING TABLE*/
.tablepress-id-2 .column-2,
.tablepress-id-2 .column-3,
.tablepress-id-2 .column-4{text-align:center !important;border-right:1px solid #000 !important;}
.tablepress-id-2 .column-1{border-right:1px solid #000 !important;}

/*TRAINING MONTHS TABLE*/
.tablepress-id-3 td, .tablepress-id-3 thead th{text-align:center !important;border-right:1px solid #000 !important;}

/*Software & Data Services TABLE*/
.tablepress-id-4 .column-2,
.tablepress-id-4 .column-3,
.tablepress-id-4 .column-4,
.tablepress-id-4 .column-5,
.tablepress-id-4 .column-6{text-align:center !important;border-right:1px solid #000 !important;}
.tablepress-id-4 .column-1{border-right:1px solid #000 !important;}

/****************
PAGINATION STYLES
*****************/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#666 !important;
background: #d5d5d5;
}
 
.pagination a:hover{
color:#fff !important;
background: #00939e;
}
.pagination span{background:#666;color:#fff !important;}
.pagination .current{
padding:6px 9px 5px 9px;
background: #00939e;
color:#fff !important;
}