/* Activate page widget */
.activateWidget {
	margin-top: 30px;
}
.activateWidget .activateFailed, .activateWidget .activateSuccess, .activateWidget .activatePending, .activateWidget .activateExists, .activateWidget .credentialsForm, .activateWidget .userFailed, .activateWidget .userSuccess {
	display: none;
	font-weight: bold;
}
.activateWidget .activatePending {
	text-align: center;
}
.activateWidget .activateFailed, .activateWidget .userFailed {
	color: #ff0000;
}
.activateWidget .activateSuccess, .activateWidget .userSuccess {
	color: #36ad00;
}
.activateWidget .activateExists {
	color: #0502d8;
}
.activateWidget label {
	display: inline;
	font-weight: bold;
    font-size: 18px;
	margin-right: 20px;
}
.activateWidget .input-field {
    width: 340px;
    margin-right: 20px;
    font-size: 18px;
    padding: 10px;
}
.activateWidget .submit {
    display: inline;
    font-size: 18px;
    font-weight: bold;
}
.activateWidget .form-row {
	margin-left: 110px;
}
.activateWidget #activateModal {

}
.activateWidget #activateModal .modal-dialog {
	width: 600px;
}
.activateWidget #activateModal p {
	font-size: 14px;
}
.activateWidget #activateModal h3 {
	font-size: 14px;
	line-height: 95px;
}
.activateWidget #activateModal img.label {
	float: left;
	margin: 0px 20px 20px 0px;
}
.activateWidget #activateModal .clear {
	clear: both;
}
@media (max-width: 768px) {

}
	.modal-backdrop.in {
        opacity: .8;
    }
    .modal {
        z-index: 10006;
        top: 60px;
    }
    .modal-backdrop {
        z-index: 10000;
    }
    button.close {
        font-size: 36px;
    }
    .modal-creative img {
        width: 700px;
        height: 500px;
    }
    .modal .mobile {
        display: none;
    }
    #myModal .modal-dialog {
        width: 730px;
		max-width: 730px;
        margin: 0px auto;
    }
    #myModal .modal-header {
        padding: 5px 15px 0px 15px;
		display: block;
    }
    #myModal .modal-header .modal-title {
        font-weight: bold;
        font-size: 16px;
        color: #ed1b34;
        text-transform: uppercase;
        display: inline-block;
        margin-right: 10px;
        padding-right: 15px;
        border-right: solid 1px #cccccc;
    }
    #myModal .modal-header .modal-title:last-of-type {
        margin-right: 0px;
        padding-right: 0px;
        border-right: none;
    }
    #myModal .modal-header .modal-title a {
        color: #ed1b34;
        text-decoration: none;
    }
    #myModal button.close {
        font-size: 28px;
		padding: 0px;
		margin: 0px;
    }
    #myModal .modal-body {
        padding: 15px;
    }
    #myModal .modal-footer, #loginModal .modal-footer {
        padding: 5px 15px;
    }
    .modal-footer .sub-activate {
        font-size: 14px;
        text-align: center;
        width: 100%;
        margin: 0px auto;
    }
    .modal-footer .sub-activate a {
        color: #ed1b34;
    }
    .meter-content { display: none; }
    .roadblock .close {
        display: none;
    }

	#loginModal .hidden {
		display: none;
	}
	#loginModal .modal-header, #activateModal .modal-header {
		display: block;
	}
    #loginModal.loginLayer {
        top: 20%;
    }
    #loginModal .modal-dialog {
        width: 400px;
    }
    #loginModal .close, #activateModal .close {
        font-size: 28px;
		padding: 0px;
		margin: 0px;
		-webkit-appearance: none;
    }
    #loginModal .modal-header .modal-title, #activateModal .modal-header .modal-title {
        font-size: 22px;
    }
    #loginModal .loginFailed, #loginModal .loginSuccess, #loginModal .loginPending, #loginModal .loginNotFound, #loginModal .pwFailed, #loginModal .pwSuccess, #loginModal .loginExpired, #loginModal .pwEmailSent, #loginModal .pwEmailFailed, #activateModal .activateFailed, #activateModal .activateSuccess, #activateModal .activatePending {
        display: none;
    }
    #loginModal .loginFailed, #loginModal .loginNotFound, #loginModal .pwFailed, #loginModal .pwEmailFailed, #loginModal .loginExpired {
        color: #ed1b34;
        font-weight: bold;
        margin-bottom: 10px;
    }
    #loginModal .loginSuccess, #loginModal .pwEmailSent, #loginModal .pwSuccess {
        font-weight: bold;
        text-align: center;
        font-size: 18px;
    }
    #loginModal .loginReturn {
        color: #ed1b34;
    }
    #loginModal .loginPending {
        text-align: center;
        padding: 50px 0px;
    }
    #loginModal label, #activateModal label {
        display: block;
        font-size: 18px;
    }
    #loginModal .input-field, #activateModal .input-field {
        width: 340px;
        margin-bottom: 20px;
        font-size: 18px;
        padding: 10px;
    }
    #loginModal .submit, #activateModal .submit {
        display: block;
        font-size: 18px;
        font-weight: bold;
        float: left;
    }
    /*#loginModal #userPW, #loginModal #pwSet {
        display: none;
    }*/
    #loginModal .forgotPW {
        float: right;
        font-weight: bold;
    }

    #sub-services {
      position: fixed;
      bottom: -120px;
      width: 100%;
      height: 120px;
      font-family: Tiempos-Text, serif;
		font-size: 13px;
    }
	#sub-services .clear {
		clear: both;
	}
    #sub-services a {
      color: #ffffff;
      text-decoration: none;
    }
    #sub-services a:hover {
      text-decoration: underline;
    }
    #sub-services .menu-tab {
      background-color: #1E3160;
      color: #ffffff;
      position: relative;
      top: 0px;
      left: 20px;
      display: inline-block;
      padding: 10px;
		height: 40px;
		font-size: 16px;
    }
    #sub-services .menu {
      background-color: #1E3160;
      color: #ffffff;
      height: 80px;
      padding: 10px 30px;
    }
	#sub-services .menu .menu-left {
		width: 60%;
	}
	#sub-services .menu .menu-left .menu-row {
		height: 30px;
		line-height: 30px;
		display: block;
		width: 100%;
	}
    #sub-services .welcome, #sub-services .account-term, #sub-services .menu-left, #sub-services .menu-left ul, #sub-services .menu-right {
      float: left;
    }
    #sub-services .welcome, #sub-services .account-term {
		width: 170px;
    }
    #sub-services .menu-left ul {
      list-style: none;
		margin: 0px;
		padding: 0px;
    }
    #sub-services .menu-left ul li {
      display: inline-block;
      padding-right: 20px;
    }
    #sub-services .menu-right {
      float: right;
		width: 40%;
    }
    #sub-services .clear {
      clear: both;
    }
    
@media (max-width: 768px) {
    .modal {
        top: 10%;
    }
    #myModal .modal-dialog, #loginModal .modal-dialog {
        width: 90%;
    }
    #myModal .modal-body {
        padding: 15px;
    }
    #myModal .modal-body .modal-creative {
        width: 100%;
        margin: 0px auto;
    }
    #loginModal.loginLayer .modal-dialog {
        width: 95%;
    }
    #loginModal .input-field {
        width: 93%;
    }
    .modal-footer .sub-activate {
        width: 90%;
    }
    .modal-creative img {
        width: 100%;
        height: auto;
    }
    .modal .desktop {
        display: none;
    }
    .modal .mobile {
        display: block;
    }

	/* Navigation styles */
}

.Page-contents {z-index: 20000 !important;}