@import url('accusupport.css');
/*colors
#0063a3 rgb(0,99,163) blue
#eae9e9 rgb(234,233,233) gray
#F7F7F7 rgb(247,247,247) footer font #666
rgb(66,133,244) 4285f4 header blue
	header border 3367d6 rgb(51,103,214)
	footer border: rgb(224,224,224) #E0E0E0 darker rgb(229,229,229)#E5E5E5

*/

html, body {
	color: #666; /*#212121*/
	font-family: 'Segoe UI', Verdana,Roboto,'Microsoft Sans Serif',sans-serif,Arial;
	font-size: 1em;
	-webkit-font-smoothing: antialiased;
	line-height: 1em;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	height: 100%;
	/*holiday
         background-image: url("../Content/Images/halloween.jpg");
    */
	background-image: url("../Content/Images/Accuback1.jpg");
	background-size: 1920px 1080px;
	background-repeat: no-repeat;
}


#page-header {
	position: fixed;
	z-index: 10;
	right: 0;
	left: 0;
	top: 0;
	transition: transform 350ms ease-in-out;
}

#ctl00_h1Topheader {
	color: #fff;
	left: 100px;
}

#regmaindiv{
 background-color: #ffffff; /* Set the background color */
  border-radius: 10px; /* Adjust the border radius to control corner roundness */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
padding: 10px;
}

#divtop {
	height: 150px;
	background-color: rgba(66,133,244,.9);
	/*holiday 
	background-color: rgba(66,133,244,.6);
        background-color: #4285f4;
    */
	color: #fff;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	border-bottom: 2px solid #3367d6;
	position: fixed;
	box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}

.divcenter {
	margin: auto;
	width: 80%;
	padding: 10px;
}

#divtoprow {
	margin: 0 auto;
	max-width: 1400px;
	padding-top: 10px;
}

#divcontent {
	position: fixed;
	top: 95px;
	margin: 0 auto;
	max-width: 2400px;
	bottom: 55px;
	left: 0;
	right: 0;
	overflow: auto;
}

#LogoHd {
	width: 300px;
	height: 67.5px;
}

.header table {
	border-collapse: separate;
	border-spacing: 10px;
}

.header td {
	vertical-align: bottom;
	padding: 15px;
	height: 93px;
}

#otherdivtoprapper {
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
}

#otherdivtop1 {
	background-color: #fff;
	height: 75px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding-top: 5px;
}

#otherdivtop2 {
	top: 75px;
	padding-top: 10px;
	position: fixed;
	width: 100%;
	background-color: #4285f4;
	height: 75px;
	box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}

.otherdivcenter {
	margin: auto;
	width: 80%;
	padding: 0;
}

#otherdivcontent {
	position: fixed;
	top: 170px;
	margin: 0 auto;
	max-width: 2400px;
	bottom: 55px;
	left: 0;
	right: 0;
	overflow: auto;
}

#divtopotherrow {
	position: fixed;
	width: 100%;
	background-color: #4285f4;
	box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}

#footer {
	font-size: 86%;
	/*holiday 
	background-color: rgba(247,247,247,.6);
	border-top: 2px solid #e0e0e0;
	*/
	background-color: rgba(247,247,247,.8);
	border-top: 2px solid rgba(229,229,229,0);
	position: fixed;
	height: 55px;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	z-index: 250000;
}

#logo {
	height: 54px;
	float: right;
	padding-right: 40px;
}

.footer {
	width: 100%;
	text-align: right;
}

	.footer table {
		border-collapse: separate;
		border-spacing: 5px;
		padding: 5px;
		border: 1px solid red;
	}

	.footer td {
		vertical-align: middle;
	}

/*Inner*/
.zonediv {
	float: left;
	background-color: #fff;
}

#leftdiv {
	width: 400px;
	height: 490px;
	border: none;
	display: block;
	padding-left: 50px;
	margin-right: 10px;
	min-width: 320px;
}

#rightdiv {
	background-color: #0072C6;
	height: 490px;
	width: 500px;
	border: none /*solid 1px #4285f4*/;
	display: block;
	background: url(/Content/Images/customer_service-1.jpg) -95px 0px;
        background-size: cover;
	box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}

/*remove*/
#rightdivother {
	height: 490px;
	width: 50%;
	border: none /*solid 1px #4285f4*/;
	display: block;
	float: left;
}

.overlaytransbox {
	font-family: 'Segoe UI', Verdana,Roboto,'Microsoft Sans Serif',sans-serif,Arial;
}

div.overlaytransbox {
	background-color: #4285f4;
	border: solid 1px #3367d6;
	color: white;
	position: relative;
	height: 65px;
	width: 400px;
	top: 400px;
	opacity: 0.6;
	padding-left: 0;
	filter: alpha(opacity=60); /* For IE8 and earlier */
	box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
	text-align: justify;
	text-justify: inter-word;
}

	div.overlaytransbox p {
		margin: 2%;
		font-weight: bold;
		color: #fff;
		opacity: 100;
	}

#centerdiv {
	/*margin: 0 auto;*/
	width: 995px;
	margin-left: auto;
	margin-right: auto;
	padding: 70px;
}

/*REG*/

#regctrdiv {
	width: 100%;
	height: 650px;
	border: none;
	display: block;
	min-width: 320px;
	float: left;
	background-color: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}

.divLeft50pad20 {
	float: left;
	width: 40%;
	padding: 20px;
	min-width: 320px;
}

.divLeft100pad10 {
	float: left;
	width: 99%;
	padding: 10px;
	min-width: 320px;
}

/*remove*/
#tableReg {
	border-collapse: separate;
	border-spacing: 10px;
	vertical-align: bottom;
	padding: 15px;
}

#logoItem {
	background: url("/Content/Images/logo.png") no-repeat;
	background-size: 258px 60px;
	background-position-y: 8px;
	background-position-x: 10px;
	height: 65px;
	/*background-color: #0072C6;  border-bottom: 2px solid #e0e0e0;
        border-bottom: 2px solid #3367d6;*/
	width: 100%;
}




/*END REG*/

/*Div TABLE*/
.divtablecontainer {
	display: table;
	width: 0px;
}

.divtable-row {
	display: table-row;
}

.divtable-left, .divgtable-right, .divtable-middle {
	display: table-cell;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	height: 60px;
}
/*Div TABLE END*/

/* iPads (landscape) */
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#divcontent {
		width: 1024px;
		height: 100%;
		max-width: 1024px;
	}

	#centerdiv {
		max-width: 1000px;
		/*top right bottom left*/
		padding: 20px 0 0 10px;
		width: 1000px;
	}
}
/* iPads (portrait) */
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {


	div.overlaytransbox {
		max-width: 385px;
		width: 385px;
		height: 70px;
	}

		div.overlaytransbox p {
			margin: 2%;
			font-size: 13px;
		}

	h1 {
		font-size: 30px;
	}

	#divcontent {
		width: 1024px;
		height: 100%;
		max-width: 1024px;
	}

	#centerdiv {
		max-width: 1004px;
		/*top right bottom left*/
		padding: 20px 20px 0 10px;
		width: 994px;
	}

	#leftdiv {
		padding: 0;
		max-width: 500px;
		width: 350px;
		min-width: 200px;
		padding-left: 5px;
	}

	#rightdiv {
		background-color: #0072C6;
		height: 490px;
		max-width: 500px;
		width: 385px;
		border: none /*solid 1px #4285f4*/;
		display: block;
		background: url(/Content/Images/ts.jpg) -770px -500px;
		box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
	}
}

/*@media screen and (max-height:720px), screen and (max-width:800px) {*/
@media only screen and (max-width: 357px), only screen and (max-width: 400px) {


	html, body {
		background-image: none !important;
	}

	#rightdiv, #footer, #LogoHd, #loginh1 {
		visibility: hidden;
		width: 0;
		padding: 0;
	}

	#logoItem {
		background: url("/Content/Images/whitelogo.png") no-repeat;
		background-color: #4285f4;
		background-size: 260px 60px;
		background-position-y: 8px;
		background-position-x: 8px;
		height: 60px;
		width: 280px;
		min-width: 280px;
	}

	#otherdivtop1 {
		background-color: #4285f4;
		height: 60px;
		width: 100%;
		min-width: 280px;
	}

	#divtop {
		background: url("/Content/Images/whitelogo.png") no-repeat;
		background-color: #4285f4;
		background-size: 258px 60px;
		background-position-y: 8px;
		background-position-x: 10px;
		height: 65px;
		width: 100%;
		min-width: 260px;
	}

	#ctl00_h1Topheader {
		color: #fff;
		font-size: 1em;
		padding-left: 10px;
	}

	#divcontent {
		position: fixed;
		top: 65px;
		left: 0;
		right: 0;
		overflow: auto;
		width: 400px;
		height: 100%;
		max-width: 400px;
	}

	#centerdiv {
		max-width: 400px;
		padding: 0;
		width: 400px;
	}

	#leftdiv {
		padding: 0;
		max-width: 400px;
		width: 400px;
		min-width: 400px;
		padding-left: 5px;
	}

	.otherdivcenter {
		margin: 0;
		width: 400px;
		padding: 0;
		height: 100%;
		max-width: 400px;
		min-width: 400px;
	}


	#otherdivcontent {
		position: fixed;
		top: 110px;
		left: 0;
		right: 0;
		overflow: auto;
		width: 400px;
		height: 100%;
		max-width: 400px;
	}

	#otherdivtop1 {
		height: 60px;
		padding-top: 0;
	}

	#otherdivtop2 {
		top: 60px;
		padding-top: 0;
		position: fixed;
		width: 100%;
		background-color: #4285f4;
		height: 40px;
		box-shadow: none;
	}

	/*REG*/
	#regctrdiv {
		width: 290px;
		height: 900px;
		min-width: 290px;
		box-shadow: none;
	}

	.divLeft100pad10 {
		float: left;
		width: 270px;
		padding: 0 0 10px 0;
		min-width: 270px;
	}


	.divLeft50pad20 {
		padding: 10px;
	}
}

@media only screen and (max-device-width : 375px) and (orientation : landscape) {
	#rightdiv, #footer, #LogoHd, #loginh1 {
		visibility: hidden;
		width: 0;
		padding: 0;
	}

	#logoItem {
		background: url("/Content/Images/whitelogo.png") no-repeat;
		background-color: #4285f4;
		background-size: 260px 60px;
		background-position-y: 8px;
		background-position-x: 8px;
		height: 60px;
		width: 280px;
		min-width: 280px;
	}

	#otherdivtop1 {
		background-color: #4285f4;
		height: 60px;
		width: 100%;
		min-width: 280px;
	}

	#divtop {
		background: url("/Content/Images/whitelogo.png") no-repeat;
		background-color: #4285f4;
		background-size: 258px 60px;
		background-position-y: 8px;
		background-position-x: 10px;
		height: 65px;
		width: 100%;
		min-width: 260px;
	}

	#ctl00_h1Topheader {
		color: #fff;
		font-size: 1em;
		padding-left: 10px;
	}

	#divcontent {
		position: fixed;
		top: 65px;
		left: 0;
		right: 0;
		overflow: auto;
		width: 400px;
		height: 100%;
		max-width: 400px;
	}

	#centerdiv {
		max-width: 400px;
		padding: 0;
		width: 400px;
	}

	#leftdiv {
		padding: 0;
		max-width: 400px;
		width: 400px;
		min-width: 400px;
		padding-left: 5px;
	}

	.otherdivcenter {
		margin: 0;
		width: 400px;
		padding: 0;
		height: 100%;
		max-width: 400px;
		min-width: 400px;
	}


	#otherdivcontent {
		position: fixed;
		top: 110px;
		left: 0;
		right: 0;
		overflow: auto;
		width: 400px;
		height: 100%;
		max-width: 400px;
	}

	#otherdivtop1 {
		height: 60px;
		padding-top: 0;
	}

	#otherdivtop2 {
		top: 60px;
		padding-top: 0;
		position: fixed;
		width: 100%;
		background-color: #4285f4;
		height: 40px;
		box-shadow: none;
	}

	/*REG*/
	#regctrdiv {
		width: 290px;
		height: 900px;
		min-width: 290px;
		box-shadow: none;
	}

	.divLeft100pad10 {
		float: left;
		width: 270px;
		padding: 0 0 10px 0;
		min-width: 270px;
	}

	.divLeft50pad20 {
		padding: 10px;
	}
}

@media (min-width: 1921px) {
   html, body
{      background-size: cover;
    }
}