/***** Dotcom: Last updated 10.02.2015 - p00579 *****/

/* Wider than desktop */
@media only screen and (min-width:1500px){
	
	.fullStretch .mainPromo{
		left: 500px;
	}
	.fullStretch .flexBoxes .promoCol .tricarePromo a span,
	.fullStretch .flexBoxes .promoCol .accredoPromo a span {
		width: 300px;
	}
	
}
/* Wider than desktop */
@media only screen and(max-width: 1280px) and (max-height:800px){	
	
	
	.fullStretch .flexBoxes .promoCol .tricarePromo a span,
	.fullStretch .flexBoxes .promoCol .accredoPromo a span {
		width: 150px;
	}
	.fullStretch .mainPromo {    
    left: 300px;    
	}
}

@media only screen and (max-width:1050px){
	.fullStretch .mainPromo {    
    left: 30%;    
	}
	#section0{min-height:1130px;}
	.fullStretch .flexBoxes .newsCol,
	.fullStretch .flexBoxes .loginCol,
	.fullStretch .flexBoxes .promoCol{
		float: none;
		width: auto;
		margin: 10px;
		display:block;
		height: auto;	
	}
	.fullStretch .flexBoxes .loginCol{
		margin: 5px;
		position:absolute;
		top: 0;
		width: 50%;			
	}
	.fullStretch .flexBoxes .promoCol{
		position:absolute;
		top: 0;
		width: 48%;
		right:0;
		height: 240px;	
		margin-top:5px;		
	}
	.fullStretch .flexBoxes .newsCol{
		position:absolute;
		top: 260px;
		width: 98%;		
	}
	.fullStretch .flexBoxes {
    height: 40%;
	}
	
	.fullStretch .flexBoxes .promoCol .tricarePromo a span,
	.fullStretch .flexBoxes .promoCol .accredoPromo a span {
		width: 150px;
	}
	
	.fullStretch dl.topLnx{ display:none;}
	.comFooter .regulationInfo {
    float: left;
	}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	#section0{
	min-height: 1050px;
	box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.5);
	}	
	.comFooter .regulationInfo {
    width: 100%;	
	}
	.fullStretch ul.topLnx{
		display:none;
	}	
	.fullStretch .mainNav .logo .logoBlock{
		right: 10px;
		top:10px;
		left: 36%;
		position:absolute;
		background-size:100%;
		width: 150px;
		}
		
		
	/* HEADER - Nav icon
	----------------------------------------------- */
	.navIcon {
		padding: 0.3em 0.5em;
		position: absolute;
		cursor: pointer;		
		min-height: 2em;
		min-width: 2em;		
		left: 5px;
		top: 5px;
		z-index:10;
	}
	.navIcon .bar {
		background-color: #666;
		margin: 0.41em 0;
		height: 0.15em;
		display: block;
	}
	.navIcon {
    cursor: pointer;
	}
	/*** Nav open position ***/
	body.active .flexLinks { 
		margin-left: 0; 
	}
	body.active .topContent { 
		margin-right: -85%;
	} 
	/* MOBILE NAV
	----------------------------------------------- */
	html, body {
		height: 100%; 
	}
	body {
		background-color: #005377;
		background: linear-gradient(to right, #333 81%,#222 85%);
		font-size:1em;
	}
	.page {
		transition: transform 0.28s ease-in-out 0s;
		position: relative;
		height: 100%;
	}
	.page .fullStretch {
		max-width: 100%;
		height: 100%;
		width: 100%;
	}
	.topContent, 
	.flexLinks { 
		transition: .2s margin ease;
		position: relative;
		display: block;
	}
	.topContent { 
		background-color: #fff;
		position: relative;
	}
	body.active .topContent:before { 
		position: absolute; 
		height: 100%;
		content: ""; 
		z-index: -1;		
		width: 100%;
		left: -100%; 
		top: 0; 
	}
	
	/*** Nav closed position ***/
	.flexLinks {			
		margin-left: -85% !important;
		float: left;
		width: 85%;
		z-index: 2;
		background-color:#fff;
		
	}
	.topContent {			 
		margin-left: 0;
		float: right;
		width: 100%; 
		padding: 0;
	}
	
	.flexLinks {
    background: none repeat scroll 0 0 #333;
    border-top: medium none;
    height: 100%;
    min-height:1600px;
    padding: 0;
	}
	.flexLinks:after {
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0 transparent;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em;
	}
	
	.flexLinks ul li a {
    background-color: #666;
    border-bottom: 1px solid #222222;
    border-top: 1px solid #555555;
    color: #FFFFFF;
    display: block;



    font-size: 1em;
    padding: 0.75em 0.75em 0.75em 1.5em;
    text-decoration: none;
    white-space: normal;
	}
	.flexLinks ul li a:hover {
    background-color: #777777;
    border-top: 1px solid #999999;
    text-decoration: none;
	}
	.flexLinks ul {
    font-weight: normal;
    text-align: left;
	}
	.flexLinks ul li {
    display: block;
    padding: 0;
	}
	
	/*** content update ***/
	#section0{
	min-height:1100px !important;
	}
	.fullStretch #section0{
	background:none #fff;
	}
	.fullStretch .flexBoxes {
		position: relative;
		height:auto;
		bottom:auto;
	}
	.fullStretch .flexBoxes .newsCol h2,
	.fullStretch .flexBoxes .loginCol h2{
	font-size: 1.2em;
	}
	.fullStretch .flexBoxes .newsCol .latestInfo ul li{
	font-size:.9em;
	}
	div.btm_links {
		display:none;
	}
	.comFooter .corpInfo{
	width:auto;
	}
	.fullStretch .mainNav{
		background-color:#fff;
		height: 55px;
		box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
		z-index:1;
	}
	.fullStretch .mainPromo{
	background-position:50% ;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100% ;
	top:0; left:0;
	background-image: url("../../art/site/elements/home_bg.jpg");
	text-align:center;    
	}
	.fullStretch .mainPromo h1{
		font-size: 3em;
		position: relative;
		text-align: center;
		top: 50px;
		}
	.fullStretch .mainPromo p{
	 background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
    color: #333333;
    font-size: 1.35em;
    height: auto;
    padding: 10px 5px 61px 5px;
    position: relative;
    text-align: center;
    top: 42px;
	filter: alpha(opacity=60);
	}
	.fullStretch .mainPromo a{
	position: relative;
    text-decoration: none;
    top: -10px;
	font-size: .8em;
	margin: 0;
		}
	
	.fullStretch .flexBoxes .newsCol, 
	.fullStretch .flexBoxes .loginCol,
	.fullStretch .flexBoxes .promoCol{
		background-color:#fff; margin: 7px; width: auto; top:auto; position: relative;}
	.fullStretch .flexBoxes .newsCol{top: 455px; position: absolute;} 
	.fullStretch .flexBoxes .loginCol{top: 0px;} 
	.fullStretch .flexBoxes .promoCol{height:210px;}
	.fullStretch .flexBoxes .widgetBlock{margin: 0;}
	.comFooter {
		border:none;
		font-size:.9em;
	}
	div#icons {
    left: 0px;
	}
	fieldset.login a.gologin:link, 
	fieldset.login a.gologin:visited{
		background-position:95px 11px;}
	fieldset.login input[type="text"], 
	fieldset.login input[type="password"] {
	font-size:1em;}
	fieldset.login .createNow { top: -25px;font-size:.9em;}
	.fullStretch .flexBoxes .promoCol .tricarePromo a {
    background-position: 55px 0;
	font-size: 0.9em;
    }
	
	.fullStretch .flexBoxes .promoCol .accredoPromo a {
		font-size: 0.9em;
	}
	.fullStretch .flexBoxes .newsCol .latestInfo {
    padding: 20px 75px 20px 20px;
	}
	.fullStretch .flexBoxes .widgetBlock{
	padding: 20px 20px 0;	
	}
	.fullStretch .flexBoxes .promoCol .supportPromo {
    padding: 20px 10px;
	}
	.fullStretch .mainPromo p span{
		white-space: nowrap;
	}
}
/* 320 x 480 HVGA (old iPhones, small Androids)
----------------------------------------------- */
@media only screen and (max-width: 480px) {
	#section0{min-height: 950px;}
	.fullStretch .mainPromo h1{font-size:2.2em;}
	.fullStretch .mainPromo p{
		font-size:1.3em;
		}
	.fullStretch .mainPromo{margin-bottom:80px;}
	.fullStretch .flexBoxes .newsCol .latestInfo {
		padding: 40px 25px 20px 20px;}
	.fullStretch .flexBoxes .widgetBlock{
		padding: 20px 20px 0;
		height:235px;
		}
	.fieldset.login .createNow {font-size:.8em !important;}
	.fullStretch .flexBoxes .widgetBlock{height:;}
	.fullStretch .mainPromo a {
    font-size: 0.8em;
    top: -10px;
	}
	.fullStretch .mainPromo p {
    font-size: 1.2em; color:#000
	}	
	.fullStretch .mainPromo h1{
	height: 70px;}
	.fullStretch .flexBoxes {
    position: relative;
    top: -70px;    
	}
	}
/* 320 x 480 HVGA (old iPhones, small Androids)
----------------------------------------------- */
@media only screen and (max-width: 320px) {
	#section0{min-height: 1100px;}
	fieldset.login ul.forgot {
    left: 0;
    margin: 20px 0 30px;
    position: relative;
    width: 120px;
	top:0;
	}
	div#icons {
    width: 200px;
	}
	.fullStretch .mainPromo p {    
    top: 42px; color:#000;
	font-size: 1.2em;}
	
	.fullStretch .mainPromo a {
    font-size: .8em;
    top: -15px;
	margin-top:10px;
	}
	.fullStretch .mainPromo h1{
	height: 70px;
	font-size: 2em;}
	.fullStretch .flexBoxes {
    position: relative;
    top: -70px;    
	}
	.fullStretch .flexBoxes .promoCol .tricarePromo a {
    background-position: 53px 0;
    }
	.fullStretch .flexBoxes .newsCol{top:495px;}
	.comFooter {padding:10px;} 
	
	.fullStretch .flexBoxes .widgetBlock {    
    height: 260px;
	}
	
}


/* 320 x 480 HVGA (old iPhones, small Androids)
----------------------------------------------- */
@media only screen and (max-width: 320px) {
	
	fieldset.login ul.forgot{
	display: inline-block;
    margin: 15px 0 0;
    position: relative;
	left: 0;
	top:0;
	}
	
	fieldset.login .createNow {
	top:6px;
	
	}
}

@media only screen and (max-width: 1280px){
	fieldset.login ul.forgot {
    position: relative;
	left: 130px;
	top:-33px;
	width:120px;
	}
	fieldset.login ul.forgot li a,
	fieldset.login ul.forgot li a:link, 
	fieldset.login ul.forgot li a:visited {    
    font-size: 14px;
	}
}