/* modals.css */
/* Overlay */
#simplemodal-overlay {background-color:#000;}

#simplemodal-container {color:#bbb; background:transparent; border:0px solid #444; padding:12px; box-sizing:content-box;}
#simplemodal-container .simplemodal-data {padding:0px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a.modalCloseImg {background:url('../modals/images/icon_close_green.gif') no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:20px; right:10px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
/*** end simple modal styles ***/

#modalDialog{width:345px; background-color:transparent;display:none;overflow:hidden; box-sizing:content-box;}
#modalContent a{ text-decoration:underline;}
#modalDialog h1{background:#bddb8c url('../modals/images/modal_heading_bkg.gif') repeat-x; color:#333; font-size:16px; font-weight:bold;padding:5px; border-top-left-radius:10px; border-top-right-radius:10px; text-align:center;margin:0px;border-bottom:1px solid #777; }
#modalDialog h1.gray{color:#fff; background:#999 none no-repeat 0 0 scroll; }
#modalContent{padding:5px 10px 15px 10px ;background-color:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } 
#modalContent input,#modalContent select,#modalContent option {font-size:12px; outline:none;}
#modalContent input{padding:2px;overflow:hidden;-mox-outline: none;}
#modalContent select{padding:2px;}
#modalContent p,#modalContent label{font-size:11px;color:#444;margin-bottom:8px;}
#modalContent b{font-weight:bold;color:#000;}
#modalContent label{font-size:11px; color:#444; margin-bottom:8px; margin:0px; padding:0px; display:inline;}
#modalContent a{font-size:11px;}
#modalContent #rememberMeForm{margin-bottom:15px;}
#modalContent .modalDesc{font-size:11px; margin:11px 0px;}
#modalContent .modalGeneralDesc{font-size:12px; margin:11px 0px;}
#modalContent .reason{font-size:10px;}
#modalContent .formFieldErr{background-color:#fefcb7;}
#modalContent h2{font-size:14px;font-weight:bold;color:#000;padding:0px;margin:0px;padding-bottom:5px;border:none;}
#modalContent h2.toggle{padding-left:20px;cursor:pointer;background-image:url('../modals/images/arrow_closed.gif');background-position:top left;background-repeat:no-repeat;}
#modalContent h2.active{background-image:url('../modals/images/arrow_open.gif');}
#modalContent .modalAreaBlock{width:293px; border:1px solid #797979; background-color:#d6d6d6; padding:8px 8px 8px 19px; *padding-bottom:0px; margin-bottom:10px; border-radius:10px; }
#modalContent .modalGeneralBlock{width:293px; background-color:#fff; padding:8px; margin-bottom:10px;}
#modalContent .modalContentBlock{overflow:hidden;}
#modalContent .formIntro{margin-top:0px;padding-top:0px;}
#modalContent .formBlockInline{margin:0px; margin-right:4px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; overflow:hidden; width:auto;}
#modalContent .formBlockInline.right{float:right;text-align:right;}
#modalContent .formBlock{width:auto; margin:0px; padding:0px; overflow:hidden; *display:block;}
#modalContent .infoLink{height:25px;margin-top:15px;font-size:11px;vertical-align:middle;}
#modalContent .icon_lock{padding-top:5px;padding-left:20px;background-image:url('../modals/images/lock.gif');background-repeat:no-repeat; background-position:center left;}
#modalContent .moreInfoLink{margin-left:3px;padding-left:17px;font-size:11px;background:url('../modals/images/sm-arrow_closed.gif') top left no-repeat;}
#modalContent .moreInfoLinkActive{background:url('../modals/images/sm-arrow_open.gif') top left no-repeat;}
#modalContent .moreInfoLink p {margin:5px 5px 5px 0px;}
#modalContent .helpLink{margin-left:15px;}
#modalContent .legacyDomain{display:none;}
#modalContent .Q_areaSelection{display:none;}

#modalContent .MAM_diplayZipFromCookie{font-size:12px; padding-left:15px;}
#modalContent .zipchange{padding-left:15px;font-size:10px;}
#modalContent .leftcol{vertical-align:top;width:20px;}
#modalContent .rightcol{width:260px;}
#modalContent .formRow{margin-bottom:6px;}
#modalContent .OOR {font-size:12px}

#modalErrorBlock{display:none;min-height:21px; padding:0px 5px; margin:15px 0px 15px 10px;background-image:url('../modals/images/icon_formError.gif');background-repeat:no-repeat;background-position:left top;}
#modalErrorBlock.gray{background-image:url('../modals/images/icon_formError_graybkg.gif');}
#modalErrorBlock p{font-size:12px;color:red;padding:0px;margin:0px; margin-left:25px;}

#modalInfoContent{padding:5px 10px 15px 10px;background-color:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; color:#333;}


/******* Modal CSS3 Buttons *******/
#modalDialog input.modalbutton {
	background-color: #7bae3b,;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7bae3b), to(#0e723b));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #7bae3b, #0e723b);
	background-image: -moz-linear-gradient(top, #7bae3b, #0e723b);
	background-image: -ms-linear-gradient(top, #7bae3b, #0e723b);
	background-image: -o-linear-gradient(top, #7bae3b, #0e723b);
	background-image: linear-gradient(top, #7bae3b, #0e723b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7bae3b', endColorstr='#0e723b');
    zoom: 1;
	border: 1px solid #226c3c;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 0 0 #9fd35e;
	-moz-box-shadow: inset 0 1px 0 0 #9fd35e;
	-ms-box-shadow: inset 0 1px 0 0 #9fd35e;
	-o-box-shadow: inset 0 1px 0 0 #9fd35e;
	box-shadow: inset 0 1px 0 0 #9fd35e;
	color: #fff;
	font: bold 10px Verdana, Arial, sans-serif;
	line-height: 1;
	padding: 4px 10px;
	text-align: center;
	text-shadow: 0 -1px 1px #027333;
	text-transform: uppercase;
	height:22px;
}
#modalDialog  input.modalbutton:hover {
	background-color: #06883e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#65c146), to(#06883e));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #65c146, #06883e);
	background-image: -moz-linear-gradient(top, #65c146, #06883e);
	background-image: -ms-linear-gradient(top, #65c146, #06883e);
	background-image: -o-linear-gradient(top, #65c146, #06883e);
	background-image: linear-gradient(top, #65c146, #06883e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65c146', endColorstr='#06883e');
    zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 0 #b0e888;
	-moz-box-shadow: inset 0 1px 0 0 #b0e888;
	-ms-box-shadow: inset 0 1px 0 0 #b0e888;
	-o-box-shadow: inset 0 1px 0 0 #b0e888;
	box-shadow: inset 0 1px 0 0 #b0e888;
}
#modalDialog input.modalbutton:active {
	border: 1px solid #546685;
	-webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
	-moz-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
	-ms-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
	-o-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
	box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
}

#modalDialog  input.disabledButton, input.disabledButton:hover, input.disabledButton:active {
	background-color: #ddd;
	border: 1px solid #999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	font: bold 10px Verdana, Arial, sans-serif;
	line-height: 1;
	color: #777;
	cursor:pointer;
	padding: 4px 10px;
	text-align: center;
	text-shadow: none;
	text-transform: uppercase;
	width:100px;
}
input::-moz-focus-inner {
  border: 0;
}


/** Special dialog for Prism redirect of Triple Bundles **/
#prismModal {color: #333; background-color: #fff; padding: 1em; border: 2px solid green; 
	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;
}
#prismOverlay {background-color: #eee;}
.simplemodal-close {position: absolute; bottom: 15px; right: 3em; font-size: 0.8em;}


/*---------------------------------------------*/
/*             New Global Modal                */
/*---------------------------------------------*/

/* Modal Containers */

body.standard-modal #simplemodal-overlay,
body.find-my-tech-modal #simplemodal-overlay {
    background: #fff;
}

body.find-my-tech-modal #modalContent
{padding:4px 0px 0px 0px;}

body.standard-modal #simplemodal-container,
body.find-my-tech-modal #simplemodal-container {
    border-radius: 5px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 20px;
	width: 100%;
}

@media (min-width: 769px) {
	body.standard-modal #simplemodal-container,
	body.find-my-tech-modal #simplemodal-container {
	    background: #faf9f8;
		-webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.7);
		-moz-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.7);
	    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.7);
		min-width: 668px;
		max-width: 668px;
	    padding: 0;
	}
}

#modalDialog.standard-modal {
    width: 100%;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 6px;
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.6);
}

@media (min-width: 769px) {
	#modalDialog.standard-modal {
		border: none;
		background: transparent;
		padding: 0;
		box-shadow: none;
	}
}

#modalDialog.standard-modal #modal-heading,
#modalDialog.standard-modal #modal-content-wrapper {
    border-radius: 0;
}

#modalDialog.standard-modal #modal-content-wrapper {
	background: #fff;
    box-sizing: border-box;
    height: 100%;
    padding: 0;
}

/* #modalDialog.standard-modal #modalContent{
		padding:0 0 0 0 ; background-color:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; 
} */


@media (min-width: 769px) {
	#modalDialog.standard-modal #modal-content-wrapper {
	    background: #faf9f8;
	    border-left: 1px solid #ccc;
	    border-right: 1px solid #ccc;
	    border-bottom: 1px solid #ccc;
	    padding: 5px 35px 35px;
	}
}


/* Heading */

#modalDialog.standard-modal #modal-heading {
	background: none;
	color: #00853f;
    text-align: left;
    border: 0;
    box-sizing: border-box;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
}

@media (min-width: 769px) {
	#modalDialog.standard-modal #modal-heading {
	    background: url('../images/modal-title-background-middle.jpg') repeat-x;
	    color: #333;
	    font-size: 20px;
	    height: 51px;
	    margin-bottom: 0;
	    padding: 16px 35px 0;
	}
}

@media (min-width: 769px) {
	#modalDialog.standard-modal #modal-heading:before {
	    background: url('../images/modal-title-background-left.png') no-repeat;
	    content: "";
	    height: 51px;
	    width: 25px;
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 3201;
	}

	#modalDialog.standard-modal #modal-heading:after {
	    background: url('../images/modal-title-background-right.png') no-repeat;
	    content: "";
	    height: 51px;
	    width: 25px;
	    position: absolute;
	    top: 0;
	    right: 0;
	    z-index: 3201;
	}
}


/* Content Containers */

.modal-content {
    background: #fff;
    color: #000;
}

@media (min-width: 769px) {
	.modal-content {
	    border: 1px solid #ccc;
	    border-radius: 3px;
	    padding: 15px;
	}
}


/* Close icon */

.find-my-tech-modal .simplemodal-close,
.standard-modal .simplemodal-close {
    /*display: none !important;*/
	display: none;
}


/* Content Copy */

.modal-content {
	color: #333;
    font-size: 14px;
    line-height: 1.35;
	padding: 0px;
}

@media (min-width: 769px) {
	.modal-content {
		color: #000;
	    line-height: 1.25;
	}
}

.modal-content strong {
	color: #666;
}

@media (min-width: 769px) {
	.modal-content strong {
		color: #000;
	}
}


/* Modals without subtitle */

.modal-content.no-subtitle {
	margin-top: 26px;
}


/* Modals with scrollbars */

#with-scrollbar {
	max-height: 300px;
	padding-right: 15px;
	position: relative;
}


/* Subtitles */

.modal-subtitle {
    color: #666;
    font-size: 15px;
    font-weight: 700;
    margin: 10px 0;
}

@media (min-width: 769px) {
	.modal-subtitle {
	    color: #000;
	    font-size: 14px;
	}	
}


/*---------------------------------------------*/
/*       Cancel Scheduled Payment Modal        */
/*---------------------------------------------*/

/* Dynamic Elements */

#cancel-payment-success-modal,
.hidden-scheduled-payment-info,
.cancel-payment-success-modal-title,
#cancel-payment-success-modal-subtitle,
#cancel-payment-error {
    display: none;
}


/* Dates and Amounts */

#cancel-payment-amount,
#cancel-payment-success-amount {
	color: #666;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    margin: 10px 0 5px;
    vertical-align: top;
}

@media (min-width: 769px) {
	#cancel-payment-amount,
	#cancel-payment-success-amount {
		color: #000;
	    margin: 15px 0;
	}
}

#cancel-payment-date,
#cancel-payment-success-date {
	color: #666;
    font-weight: 700;
}

@media (min-width: 769px) {
	#cancel-payment-date,
	#cancel-payment-success-date {
		color: #000;
	}	
}


/* Links and Buttons */

.button-wrapper {
	margin: 20px 0 0;
}

#modalDialog.find-my-tech-modal .ctlButton {
    font-size: 14px;
    line-height: 30px;
    text-decoration: none;
}

.find-my-tech-modal #cancel-request-link {
	font-size: 16px;
	text-decoration: underline;
}

@media (min-width: 769px) {
	.find-my-tech-modal #cancel-request-link {
		display: inline-block;
		font-size: 11px;
		width: auto;
	}	
}

#cancel-request-link,
#modalDialog.find-my-tech-modal .ctlButton {
	box-sizing: border-box;
	display: block;
	font-size: 18px;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

#modalDialog.find-my-tech-modal .ctlButton {
	margin: 15px auto 0;
}

@media (min-width: 400px) {
	#cancel-request-link,
	#modalDialog.find-my-tech-modal .ctlButton {
		display: inline-block;
	}
	#modalDialog.find-my-tech-modal .ctlButton {
		font-size: 14px;
		margin: 15px auto 0;
	}
	#cancel-request-link {
	    margin: 0 15px;
	}
}

@media (min-width: 769px) {
	#modalDialog.find-my-tech-modal .ctlButton {
		line-height: normal;
		margin-top: 0;
		min-width: 130px;
		width: auto;
	}
}

#dismiss-modal-button {
    display: block;
    margin: 10px auto;
}

.find-my-tech-modal .simplemodal-close:before {
    content: "Close";
    font-weight: 700;
    font-size: 14px;
    right: 35px;
    position: absolute;
    top: 2px;
}

#modal-close-button {
    background: url('../images/mobile-close-icon.png') no-repeat;
    /* background: url('../images/modal-close.png') no-repeat; */ 
    background-size: 37.5px;
	background-position: 50%;
    color: #00853F;
    cursor: pointer;
    display: inline;
    font-size: 0;
    font-weight: 700;
    height: 38px;
    margin: 0;
    padding: 2px 11px 0 0;
    position: absolute;
    right: 4px;
    top: 9px;
    width: 38px;
    z-index: 3202;
}


@media (min-width: 769px) {
	#modal-close-button {
	    background: url('../images/modal-close.png') no-repeat;
	    background-position: top right;
	    font-size: 14px;
	    margin: 0 5px 0 0;
	    right: 32px;
	    top: 17px;
	    /* width: 55px; */
	    width: 63px;
	}
}

@media (min-width: 769px) {
	.oneThirdLeft.twoThirdRight {display:block; margin:0em; padding: 0em 1em 0em 1em;}
}



 #loading-spinner-wrapper {
	height: 100%;
	margin-top: 15px;
	position: relative;
	width: 100%;
}
	
#loading-spinner {
	background:  url('../images/loading_interstitial.gif') no-repeat center 85px;
	/* box-sizing: border-box; */
	color: #666;
	/* font-size: 14px; */
	/* font-weight: 100; */
	height: 100%;
	/* padding-top: 35px; */
	position: absolute;
	/* text-align: center; */
	width: 100%;
	z-index:100;
}

#googleMap {
	height: 250px;
	width: 100%;
	color: black;
	font-size: 150%;
}

@media (min-width: 992px) {
	#googleMap {
		height: 300px;
	}
}

.tech-photo {
	width: 30%
}

.tech-info {
	width: 70%;
}

#tech-info {
	font-size: 0;
}
/*
#tech-info-photo,
#tech-info-ticket {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
}*/
/*
#techPhoto {
	height: auto;
	max-width: 60%;
	/* width:60%;
}*/
/*
#ticket-number {
	font-size: 14px;
	float: right;
	text-align: right;
	font-weight: bold;
	margin-right:-28px;
}
*/
#tech-info-ticket table {
	padding-left: 10px;
	width: 100%;
}

#tech-name p {
	font-size: 23px;
	font-weight: bold;
}
/*
#estimated-time {
	font-weight: bold;
	font-size: 14px;
}
/*
#estimated-time-value p {
	font-size: 21px;
	font-weight: bold;
	margin-top: 11px;
}*/

tr.trTime  td{
	padding-top: 18px;
}
.tech-approximate-location {
	font-size: 15px;
	font-weight: bold;
	color: black;
}

.ticket-info {
	font-size: 12px;
	color: #444;
	margin-bottom: 8px;
	margin: 0px;
	padding: 0px;
	display: inline;
}

#refresh {
	float: right;
	font-weight: bold;
	text-align: right;
}

@media (min-width: 992px) {
	.tech-approximate-location,
	.ticket-info {
		font-size: 14px;
	}
}


#googleMapErrorMessage{
	font-size: 150%;
	color:black;
}
 
@media (max-width: 768px) {
	#techPhoto {
	height: auto;
    max-width: 105%;
    width: 105%;
	}
}
@media (max-width: 768px) {
	#tech-info-ticket table{
    margin-left: 8%;
	}
}

@media (max-width: 768px) {
body.standard-modal #simplemodal-overlay,
body.find-my-tech-modal #simplemodal-overlay {
background: rgba(0,0,0,0.6);
	}
}

.techName{
	width: 103%;
	margin-left: -11%;
}  

/*
#ticket-number-value{
	 font-size: 16px;
}*/
/* @media (max-width: 768px) {
	#refreshButtonDiv, #map {
		padding: 0em 0em 0em 0em;
	
	}
} */  

@media (max-width: 768px) {
	tr.trTime td {
    padding-top: 0px;
	}
}
/* Ipaids (portrait) --  --  --  --  -- - */
@media (min-width: 500px) and (max-width: 768px) {
	#tech-info-ticket table{
    margin-left: -10%;
	margin-top: -5%;
	}
	#googleMap {
	height: 150px;
	width:100%;
	}
	#techPhoto{
	max-width: 70%;
	}
	#tech-name p {
    font-size: 180%;
    font-weight: bold;
	margin-top: 5%;
	}
	#estimated-time {
    font-size: 13px;
	}
	/*#estimated-time-value p {
    font-size: 130%;
    margin-top: 1%;
	}*/
	.tech-approximate-location {
    font-size: 130%;
	}
	#refreshBtnText p{
	font-size: 16px;
	}
	#modalDialog.standard-modal #modal-heading{
	font-size: 20px;
	}
}
/* Smartphones (portrait) --  --  --  --  -- - */

@media (min-width: 300px) and (max-width: 450px) {
	/*
	#estimated-time {
    font-size: 13px;
	}
	#estimated-time-value p{
	font-size: 135%;
	margin-top: 1%;
	}*/

}
@media (min-width: 300px) and (max-width: 362px){
	.tech-approximate-location{
	font-size: 105%;
	}
}
@media (min-width: 363px) and (max-width: 420px){
	.tech-approximate-location{
	font-size: 135%;
	}
}
/* Layer little-bit Shifted to upward,for Iphone5(not for iphone 4/4s) onwards small devices (portrait) --  --  --  --  -- - */
@media (min-height: 300px) and (max-height: 520px){
	.layerShift {
	top: 1%;
	}
	#googleMap {
	height: 180px;
	width:100%;
	}
}
@media (min-height: 521px) and (max-height: 750px){
	.layerShift {
	top: 3%;
	}
}
@media (min-height: 800px) and (max-height: 1024px){
	.layerShift {
	top: 10%;
	}
}
/*modified for .hidden-sm and .hidden-md in resposive.css */
@media (min-width: 769px) and (max-width: 991px){
	#ticket-number {
	display: inline;
    }
}
/*for landscape View Ipad onwards*/
@media (min-width: 450px) and (max-width: 740px) and (min-height: 300px) and (max-height: 430px){
	#techPhoto{
	width: 45%;
	margin-top: -10px;
	}
	#tech-name p {
    font-size: 20px;
	}
	#estimated-time{
	font-size: 12px;
	}
	#estimated-time-value p{
	font-size: 15px;
	margin-top: 1%;
	}
	.tech-approximate-location{
	font-size: 13px;
	padding-top: 6%;
	}
	#modalDialog.standard-modal #modal-heading{
	margin-top: -2%;
	font-size: 15px;
	}
	.layerShift{
    top: 2%;
	}
	#refreshBtnText{
	font-size: 9px;
	}
	#tech-info-ticket table{
	    margin-left: -24%;
		margin-top: -13px;
	}
	#googleMap {
	height: 100px;
	width:100%;
	}
	#refreshButtonDiv.full{
	margin-top: -30px;
	}
}
.layerShift{
	top: 4%;
}
}