/*************************** Page Structure ***************************/

html {
	background: #363839;
	-ms-overflow-style: scrollbar;
} 
body{ 
	background: #ffffff;
	overflow-y:scroll;
	} 
.l-logobar {
    background: #ffffff;
    min-height: 40px;
}
.l-logobar__logo {
    background: url('../../microsoft/MSFT_logo_gray_100_x2.png') 0 10px no-repeat #ffffff; 
    min-height: 40px;
    background-size: auto 21px;
}
.l-header {                                                      
	background: #bd2e0c;
	color: #ffffff;
}	
/*.l-header__link {
    display:block;
    width:100%;
    height:180px;
}*/
.l-header__link:focus,
.l-header__link:active {
	text-decoration:none;
}
.l-header__content { 
    background: url(../img/QIP_banner_xs.png) 0 0 no-repeat;
    background-size:auto 180px;
    height:180px;
	margin: 0 -15px;
	padding: 0 15px;	
	}
    
    @media (max-width:549px) and (-webkit-min-device-pixel-ratio: 2), 
        (max-width:549px) and (min-resolution: 192dpi) {
    .l-header__content { 
	    background: url(../img/QIP_banner_xs_x2.png) 0 0 no-repeat;
        background-size:auto 180px;
	    height:180px;
	    background-color: #bd2e0c;
	    }
          }
        @media (min-width: 550px) and (max-width: 767px) {
       .l-header__content {
           	background: url(../img/QIP_banner_sm.png) 0 0 no-repeat #bd2e0c;
       }
    }
        @media (min-width: 768px) and (max-width: 991px) {
       .l-header__content {
           	background: url(../img/QIP_banner_md.png) 0 0 no-repeat #bd2e0c;
       }
    }
    @media (min-width: 992px) {
       .l-header__content {
           	background: url(../img/QIP_banner_lg.png) 0 0 no-repeat #bd2e0c;
       }
    }
    @media (min-width: 1200px) {
       .l-header__content {
           	background: url(../img/QIP_banner_xl.png) 0 0 no-repeat #bd2e0c;
       }
    }


.l-main {
	background: transparent;
}
.l-main__content {
	margin: 0 -15px;
	padding: 20px 15px 40px;
	min-height: 400px;
	background: #ffffff;	
}
.l-footer {
	background: #363839;
    border-top: 12px solid #e9eaee;
	clear: both;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
}
.l-footer__content { 
	margin: 0 -15px;
	padding: 10px 15px 10px;	
}
.l-footer__block {
    display:inline-block;
}
.mslogo {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100px;
    display:block;
}
@media (min-width: 499px) {
    .mslogo {
        float:right;
        margin-left:10px;
    }
}




/*************************** Typography ***************************/

@font-face {
  font-family: 'SegoeUILightLocal';
  src: local('Segoe UI Light'), local("Segoe WP Light"), local('SegoeUI-Light');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'SegoeUILocal';
  src: local("Segoe UI"), local("Segoe"), local("Segoe WP");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'SegoeUISemiboldLocal';
  src: local("Segoe UI Semibold"), local("Segoe Semibold"), local("Segoe WP Semibold");
  font-weight: normal;
  font-style: normal;
}

body {
	font-family: 'Segoe UI', 'SegoeUILocal', 'wf_segoe-ui_normal',  Arial, Geneva, Helvetica, sans-serif;
	color: #4e4e4e;
    }
    
/*************************** Headers ***************************/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Segoe UI Light', 'SegoeUILightLocal','wf_segoe-ui_light', 'Segoe UI', 'SegoeUILocal', 'wf_segoe-ui_normal', Arial, Geneva, Helvetica, sans-serif;
}

h1, .h1 {
	font-weight: normal;
	color: #000000;
	font-size: 38px;
	line-height: 41px;
	margin-bottom: 20px;  }
    @media (max-width: 767px) {
        h1, .h1 {
	    font-size: 32px;
	    line-height: 1.2; } }

h2, .h2 {
	font-weight: normal;
	color: #000000;
	font-size: 29px;
	line-height: 31px;
	margin-bottom: 10px;}
    @media (max-width: 767px) {
        h2, .h2 {
	    font-size: 26px;
	    line-height: 1.2; } }
h3, .h3 { 
	font-weight: normal; 
	color: #505050; 
	font-size: 24px;
	line-height: 1.2;
	margin-bottom:10px; 
}
h4, .h4 { 
    color: #333; 
	font-size: 18px; 
	line-height: 1.2;
	margin-bottom:10px;}

.l-header__title {
	font-size:36px;
    font-weight: normal;
	margin-bottom: 20px;
    margin-top: 20px;
	color:#ffffff;
    line-height: 1.1;
    font-family: 'Segoe UI Light', 'SegoeUILightLocal','wf_segoe-ui_light', 'Segoe UI', 'SegoeUILocal', 'wf_segoe-ui_normal', Arial, Geneva, Helvetica, sans-serif;
    text-decoration: none; }
    @media (max-width: 767px) {
        .l-header__title {
	    font-size: 32px;
	    line-height: 1.2; } }


/*************************** Links ***************************/

a {
	color: #bd2e0c;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #bd2e0c;
	text-decoration: underline;
}

.l-footer a,
.l-footer a:link,
.l-footer a:active {color: #ffffff;text-decoration: none;}
.l-footer a:hover,
.l-footer a:focus { color: #ffffff;text-decoration: underline;}






/***************  Edit/Confirmation Styles ******************/

.badge-info {
    background: url("../../cache/bg_badge.png") no-repeat scroll 0 0 #FFFFFF;
    min-height: 221px;
    padding: 45px 30px 5px;
    text-align: center;
    width: 333px;
}
.panel-edit .form-group {
    margin-left: 0;
    margin-right: 0;
}
.panel-edit .form-group:first-child .form-control-static {
    margin-right: 50px;
}
.panel-edit .control-label {
	font-weight:bold;
}
.panel-edit .panel-body {position:relative;}
.btn-edit {position: absolute;right: 15px;top:25px;z-index:1000;}
#status-summary .row div:first-child {
	font-weight: bold;
}
        

/***************  Misc Styles ******************/

.return-block {
    color:#bd2e0c;
 	font-size: 24px;
 	margin-bottom: 20px;
 	font-family: 'Segoe UI Light', 'SegoeUILightLocal','wf_segoe-ui_light', 'Segoe UI', 'SegoeUILocal', 'wf_segoe-ui_normal', Arial, Geneva, Helvetica, sans-serif;
 	cursor:pointer;
 	display: inline-block;
}
.return-block:hover {
	color:#bd2e0c;
}
.return-block i {
 	font-size: 40px;
 	vertical-align:middle;
 	margin-right:10px;
 	cursor:pointer;
}
.return-block span:hover {
 	text-decoration: underline;
 	cursor:pointer;
}
.return-block:hover i,
.return-block i:hover {
 	text-decoration: none;
 	cursor:pointer;
}  
.validation-mark:after {
	content: "*";
	color: #A94442;
	margin-left:3px;
	position:absolute;
}
.text-light {
	color: #ffffff;
}
.horizontal-stack {
	padding-bottom:5px;
}
.radio.radio-other input[type='radio'] {
    top:0;
}
.form-horizontal .radio.radio-other input[type='radio'] {
    top:7px;
}
.other-block {
	display:block;
}
.font-normal {
	font-weight: normal;
}


/*************************** Well tiles ***************************/

.well-tile {
	min-height: 220px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.well-tile:hover {
	opacity:.9;
}
.well-tile .well-tile-text {
	margin-bottom: 0;
	font-size: 16px;
	margin-top: 30px;
	position: absolute;
	bottom:15px;
	left:15px;
	right:15px;
}
.well-icon {
	margin-top: 2.5em;
}
.well-icon i {
	font-size: 5.5em;  
}   
.well-tile .well-tile-text a,
.well-tile .well-tile-text a:hover {
	text-decoration:none;
	color:inherit;
}  

/*************************** File upload replacement ***************************/   
	
.file-upload {
    height: 50px;
    overflow: hidden;
    position: relative;
    width: auto;
}
.file-upload input {
    cursor: pointer;
    font-size: 300px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}