/* Title */
div.SkinContainer h2.Title { text-align: left; }
div.SkinContainer h2.Title, div.SkinContainer h2.Title span
{
	color: #004078;
	font-weight: bold;
	font-size: 22px;
	font-family: Arial, Sans-Serif;
	padding: 4px 0;
}
/* Content */
div.SkinContainer .Content { margin-top: 2px; padding: 4px 0 0 0; }
div.SkinContainer .Content, div.SkinContainer .Content .Normal
{
	color: Black;
}

.SkinContainer {
	clear:both;
	margin:0px 0px 15px 0px;
	background:none !important;
	border:none !important;
}

.blackContainer
{
	background:url(images/trans-black-bg.png) repeat;
	border:solid 1px #002F4A;
	color:#fff;
	float:left;
	padding:5%;
	width:90%;
}

.blackContainer h2, .blackContainer h2 .Head
{
	color:#333;
	font-size:16px;
	font-weight:300;
	margin:0;
	text-transform:uppercase;
}

div.blackContainer .Content
{
	margin:0;
	padding:0;
}

.blackContainer p
{
	color:#fff;
	font-size:13px;
	line-height:140%;
	margin:0;
}

.blackContainer .DNNModuleContent 
{
	margin:0;
}
/*

BLUE CONTAINER

*/
.blueContainer
{
	background:url(images/trans-blue-bg.png) repeat;
	border:solid 1px #b4e2ff;
	color:#fff;
	float:left;
	padding:5%;
	width:90%;
}

.blueContainer h2, .blueContainer h2 .Head
{
	color:#000;
	font-size:16px;
	font-weight:300;
	margin:0;
	text-transform:uppercase;
}

div.blueContainer .Content
{
	margin:0;
	padding:0;
}

.blueContainer p
{
	color:#000;
	font-size:13px;
	line-height:140%;
	margin:0;
}

.blueContainer .DNNModuleContent 
{
	margin:0;
}
#dnn_rightPane .blueContainer a
{
	color:#fff;
}
/*

WHITE CONTAINER

*/
.whiteContainer
{
	background:url(images/trans-white-bg.png) repeat;
	border:solid 1px #fff;
	color:#000;
	float:left;
	padding:5%;
	width:90%;
}

.whiteContainer h2, .whiteContainer h2 .Head
{
	color:#005183;
	font-size:16px;
	font-weight:300;
	margin:0;
	text-transform:uppercase;
}

div.whiteContainer .Content
{
	margin:0;
	padding:0;
}

.whiteContainer p
{
	color:#000;
	font-size:13px;
	line-height:140%;
	margin:0;
}

.blackContainer .DNNModuleContent 
{
	margin:0;
}
.blog-title h2 span{
    background: #0053b9 none repeat scroll 0 0;
    color: #fff;
    font-family: "Roboto Condensed",Tahoma,Arial;
    font-size: 17px;
    font-weight: 500;
    line-height: 120%;
    margin: 0;
    padding: 7px 4%;
    width: 92%;
}

.grayform.SkinContainer{
  background:#eee !important;
  padding:20px;
}


.tab-container{clear:both;float:left;width:100%;border-bottom:1px dotted #0053B9;padding:15px 0;}

.tab-container .tab-body{display:none;clear:both;padding:0 0px 15px 0px;}
.tab-container .tab-body.active{display:block;}
.tab-header .Head{margin:5px 0 0 0;}
.tab-header h2,.tab-header h3{display:inline-block;margin:0;width:79%;vertical-align: middle}
.tab-header h3{font-weight:400;font-size:20px;}
.tab-btn {
  min-width:95px;
  text-align:center;
  cursor:pointer;
  text-transform:uppercase;
  font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#0053B9;
	display:inline-block;
  font-size:12px;padding:5px 10px;
  margin: 0 0px 0 0 ;
  border:1px solid #0053B9;
  background: #fff;
  position: relative;
  transition: all .15s ease-in-out;
  vertical-align:middle;
  width:16%;
}
.tab-btn:hover{
  color:#fff;
  background:#0053B9;
}
.tab-btn.active{
  color:#fff;
  background:#0053B9;
}




@media only screen and (max-width: 1000px){
.tab-header h2,.tab-header h3{width:74%;}	
}

@media only screen and (max-width: 800px){
	.tab-header h2,.tab-header h3{width:69%;}	
}

@media only screen and (max-width: 680px){
	.tab-header h2,.tab-header h3{width:77%;}	
}
@media only screen and (max-width: 600px){
	.tab-header h2,.tab-header h3{width:100%;}	
	.tab-header .Head{    margin: 5px 0 5px 0;}
}