@import url('css/bootstrap.css');
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
/*
Theme Name: The Practice Guide
Theme URI: http://www.thepracticeguide.com
Author: Mike Thomas
Description: A template for http://sinet0.schoolimprovement.com/javascript-web-developer/.
Version: 1.0
License: GNU General Public License

-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */

body{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	background:#1E0E05 url(images/bg.png) no-repeat center top;
}
.page-content{
}
.site-footer{
}
strong{
	font-weight:700;
}
.main-nav{
}
.logo{
	float:left;
	margin-right:30px;
	padding:5px 0px;
}
.nav{
	float:right;
	width:500px;
}
.nav li a{
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	background: #91b0ce; /* Old browsers */
	background: -moz-linear-gradient(top,  #91b0ce 0%, #5478aa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91b0ce), color-stop(100%,#5478aa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #91b0ce 0%,#5478aa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #91b0ce 0%,#5478aa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #91b0ce 0%,#5478aa 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #91b0ce 0%,#5478aa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91b0ce', endColorstr='#5478aa',GradientType=0 ); /* IE6-9 */
	font-size:16px;
	padding:20px 16px;
	float:right;
	margin:10px 5px 0px 5px;
	color:#fff;
	text-transform: uppercase;
}
.nav li.active a{
	background:#FFF;
	color:#000;
}
.nav li a:hover{
	background:#A4C7E2;
	color:#001F5B;
}
.container{
	margin:0 auto!important;
}
.container-small{
	max-width:950px;
	margin:0 auto!important;
}
.text-48{ font-size:48px!important; }
.text-40{ font-size:40px!important; }
.text-30{ font-size:30px!important; }
.text-24{ font-size:24px!important; }
.text-20{ font-size:20px!important; }
.text-18{ font-size:18px!important; }
.text-16{ font-size:16px!important; }
.text-14{ font-size:14px!important; }
.text-13{ font-size:13px!important; }
.text-12{ font-size:12px!important; }
.text-11{ font-size:11px!important; }
.text-10{ font-size:10px!important; }
.text-9{ font-size:9px!important; }
.text-8{ font-size:8px!important; }
.pa5{padding:5px;}
.pt5{padding-top:5px;}
.pb5{padding-bottom:5px;}
.ptb5{padding:5px 0px;}
.pl5{padding-left:5px;}
.pr5{padding-right:5px;}
.plr5{padding:0px 5px;}
.pa10{padding:10px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.ptb10{padding:10px 0px;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px;}
.plr10{padding:0px 10px;}
.pa20{padding:20px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.ptb20{padding:20px 0px;}
.pl20{padding-left:20px;}
.pr20{padding-right:20px;}
.plr20{padding:0px 20px;}
.pa30{padding:30px;}
.pt30{padding-top:30px;}
.pb30{padding-bottom:30px;}
.ptb30{padding:30px 0px;}
.pl30{padding-left:30px;}
.pr30{padding-right:30px;}
.plr30{padding:0px 30px;}
.pa40{padding:40px;}
.pt40{padding-top:40px;}
.pb40{padding-bottom:40px;}
.ptb40{padding:40px 0px;}
.pl40{padding-left:40px;}
.pr40{padding-right:40px;}
.plr40{padding:0px 40px;}
.pa50{padding:50px;}
.pt50{padding-top:50px;}
.pb50{padding-bottom:50px;}
.ptb50{padding:50px 0px;}
.pl50{padding-left:50px;}
.pr50{padding-right:50px;}
.plr50{padding:0px 50px;}

.ma5{margin:5px;}
.mt5{margin-top:5px;}
.mb5{margin-bottom:5px;}
.mtb5{margin:5px 0px;}
.ml5{margin-left:5px;}
.mr5{margin-right:5px;}
.mlr5{margin:0px 5px;}
.ma10{margin:10px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.mtb10{margin:10px 0px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.mlr10{margin:0px 10px;}
.ma20{margin:20px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.mtb20{margin:20px 0px;}
.ml20{margin-left:20px;}
.mr20{margin-right:20px;}
.mlr20{margin:0px 20px;}
.ma30{margin:30px;}
.mt30{margin-top:30px;}
.mb30{margin-bottom:30px;}
.mtb30{margin:30px 0px;}
.ml30{margin-left:30px;}
.mr30{margin-right:30px;}
.mlr30{margin:0px 30px;}
.ma40{margin:40px;}
.mt40{margin-top:40px;}
.mb40{margin-bottom:40px;}
.mtb40{margin:40px 0px;}
.ml40{margin-left:40px;}
.mr40{margin-right:40px;}
.mlr40{margin:0px 40px;}
.ma50{margin:50px;}
.mt50{margin-top:50px;}
.mb50{margin-bottom:50px;}
.mtb50{margin:50px 0px;}
.ml50{margin-left:50px;}
.mr50{margin-right:50px;}
.mlr50{margin:0px 50px;}
.mt0{margin-top:0px;}
.mb0{margin-bottom:0px;}
.mlauto{margin-left:auto;}
.mrauto{margin-right:auto;}
.mcenter{margin:0px auto;}
.pad8{padding:0px 8%;}
.pr5{padding-right:5%;}
.pl5{padding-left:5%;}

.wpb_tabs_nav li a{
	font-size:20px;
	color:#005CB8;
}
.wpb_tabs_nav li{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
body .wpb_content_element .wpb_tabs_nav li.ui-tabs-active { background-color: #EDEDED; }
.ui-tabs-panel{
	background:#EDEDED!important;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding:30px!important;
	margin-bottom:40px;
}
.wpb_tabs_nav li a:hover{
	background-color:#005CB8!important;
	color:#FFF!important;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.text-footer{
	color:#FFF;
	font-size:12px;
	text-align:right;
	padding:10px 0px;
}
.text-white{ color:#FFFFFF; }
.text-black{ color:#000000; }
.text-yellow{ color:#FFC627; }
.text-orange{ color:#FF9900; }
.text-green{ color:#66CC33; }
.text-neongreen{ color:#66ff33; }
.text-blue{ color:#0099FF; }
.text-purple{ color:#330066; }

.text-white a{ color:#FFFFFF; }
.text-black a{ color:#000000; }
.text-yellow a{ color:#FFC627; }
.text-green a{ color:#66CC33; }

.text-48{ font-size:48px; }
.text-40{ font-size:40px; }
.text-30{ font-size:30px; }
.text-24{ font-size:24px; }
.text-20{ font-size:20px; }
.text-18{ font-size:18px; }
.text-16{ font-size:16px; }
.text-14{ font-size:14px; }
.text-13{ font-size:13px; }
.text-12{ font-size:12px; }
.text-11{ font-size:11px; }
.text-10{ font-size:10px; }
.text-9{ font-size:9px; }

.text-8{ font-size:8px; }

.text-line-50{ line-height:50px; }
.text-line-35{ line-height:35px; }
.text-line-20{ line-height:20px; }

.text-light{ font-weight:300; }
.text-normal{ font-weight:400; }
.text-semibold{ font-weight:600; }
.text-bold{ font-weight:700; }
.text-extrabold{ font-weight:800; }
.text-liteitalic{ font-weight:300;font-style: italic; }

.test{
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	background: #91b0ce; /* Old browsers */
	background: -moz-linear-gradient(top,  #91b0ce 0%, #5478aa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91b0ce), color-stop(100%,#5478aa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #91b0ce 0%,#5478aa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #91b0ce 0%,#5478aa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #91b0ce 0%,#5478aa 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #91b0ce 0%,#5478aa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91b0ce', endColorstr='#5478aa',GradientType=0 ); /* IE6-9 */
	font-size:16px;
	padding:20px 16px;
	float:right;
	margin:10px 5px 0px 5px;
	color:#fff;
	text-transform: uppercase;
}
.main-content-box{
	background-color:#fff;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	-moz-box-shadow:     0 8px 6px -6px black;
  -webkit-box-shadow:  0 8px 6px -6px black;
  box-shadow:          0 8px 6px -6px black;
	padding:20px;
}
.sidebar{
	background:#DDCFB4;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding:10px;
}
.btn-main{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background: #91b0ce; /* Old browsers */
	background: -moz-linear-gradient(top,  #91b0ce 0%, #5478aa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91b0ce), color-stop(100%,#5478aa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #91b0ce 0%,#5478aa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #91b0ce 0%,#5478aa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #91b0ce 0%,#5478aa 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #91b0ce 0%,#5478aa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91b0ce', endColorstr='#5478aa',GradientType=0 ); /* IE6-9 */
	font-size:16px;
	padding:10px 16px;
	float:right;
	margin:0px 5px;
	color:#fff;
	text-transform: uppercase;
}