#main_container {
	top: 0;
	left: 0;
	width: 300px;
	height: 250px;
	position: absolute;
	overflow: hidden;
	background-color: #121b78;
}

#main_container #clicktag {
	width: 300px;
	height: 250px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	overflow: hidden;
	background: transparent;
	cursor: pointer;
	text-indent: -9999px;
	z-index: 15000;
}

#main_container #border {
	border: 1px solid #666;
	width: 298px;
	height: 248px;
	position: absolute;
	top: 0;
	left: 0;
}

#main_container #bkg_solid {
	top: 0;
	left: 0;
	width: 300px;
	height: 250px;
	background-color: #3c9edb;
	position: absolute;
}

#main_container #loading { 
	background-color: #3c9edb;
	width: 300px;
	height: 250px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 10000;
}

#ref_image {
	top: 0;
	left: 0;
	position: absolute;
	width: 300px;
	height: 250px;
	/*opacity: 0.5;*/
	background: url("../../_DESIGN_ASSETS/300x250/0010_Preferences+Ubiquity_F4.jpg") no-repeat;
}

.fix_shake {
	-webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	transform:rotateZ(0.001deg);    
}



/*  */
.skew_contents {
	-ms-transform: skew(-10deg, 0deg); /* IE 9 */
    -webkit-transform: skew(-10deg, 0deg); /* Safari */
    transform: skew(-10deg, 0deg);
}


/* IMAGE LOAD */
#main_container .sprite_load {
	background: transparent url("img/pp_pref_300x250_SPRITE.svg") 0 0 no-repeat;
	width: 255px;height: 628px;
	-webkit-background-size: 255px 628px;
	     -o-background-size: 255px 628px;
	        background-size: 255px 628px;
}

#main_container .cta_text_load {
	background: transparent url("img/pp_ctaText_300x250.svg") 0 0 no-repeat;
	width: 54px;height: 20px;
	-webkit-background-size: 54px 20px;
	     -o-background-size: 54px 20px;
	        background-size: 54px 20px;
}

#main_container .pp_logo_load {
	background: transparent url("img/PP_logo.svg") 0 0 no-repeat;
	width: 497px;height: 76px;
	-webkit-background-size: 497px 76px;
	     -o-background-size: 497px 76px;
	        background-size: 497px 76px;
}

#main_container #main_bkg_1 {
	background: url("img/pp_pref1_300x250_img.jpg") no-repeat;
	width: 325px;height: 250px;top: 0;left: 0;position: absolute;
}

#main_container #main_bkg_2 {
	background: url("img/pp_pref2_300x250_img.jpg") no-repeat;
	width: 325px;height: 250px;top: 0;left: 0;position: absolute;
}

/* SHAPE ELEMENTS */

#main_container #text_grad {
	width: 300px;height: 250px;top: 0;left: 0;position: absolute;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.8+0,0+53 */
background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 53%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
#main_container #blue_grad_bkg {
	width: 600px;height: 250px;top: 0;left: 0;position: absolute;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007fc7+0,094f9b+100 */
background: rgb(0,127,199); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,127,199,1) 0%, rgba(9,79,155,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,127,199,1) 0%,rgba(9,79,155,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,127,199,1) 0%,rgba(9,79,155,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fc7', endColorstr='#094f9b',GradientType=0 ); /* IE6-9 */

}

#main_container #left_corner_mask {
	width: 300px;height: 250px;top: 0;left: -300px;position: absolute;
}

#main_container #left_corner {
	width: 300px;height: 250px;top: 0;left: 0px;position: absolute;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003a8f+0,008cd1+43 */
background: rgb(0,58,143); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,58,143,1) 0%, rgba(0,140,209,1) 43%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,58,143,1) 0%,rgba(0,140,209,1) 43%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,58,143,1) 0%,rgba(0,140,209,1) 43%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003a8f', endColorstr='#008cd1',GradientType=0 ); /* IE6-9 */
}

#main_container #right_corner {
	width: 300px;height: 250px;top: 0;left: 301px;position: absolute;
	background-color: #009cde;
}

#main_container .transition_shape {
	width: 350px;height: 250px;top: 0;left: 0;position: absolute;
}

#main_container #transition_1 {
	background-color: #b6489f;
}

#main_container #transition_2 {
	background-color: #f1933e;
}

#main_container #transition_3 {
	background-color: #dd4765;
}

#main_container #transition_4 {
	background-color: #67ddd3;
}

/* TEXT ELEMENTS */

#main_container #t1_A {
	width: 189px;height: 51px;top: 3px;left: 19px;position: absolute;overflow: hidden;
	background-position: 0 0px;
}

#main_container #t2_A {
	width: 134px;height: 51px;top: 51px;left: 12px;position: absolute;overflow: hidden;
	background-position: 0px -48px;
}

#main_container #t3_A {
	width: 178px;height: 51px;top: 98px;left: 5px;position: absolute;overflow: hidden;
	background-position: 0px -96px;
}

#main_container #t1_B {
	width: 184px;height: 51px;top: 4px;left: 19px;position: absolute;overflow: hidden;
	background-position: 0 -144px;
}

#main_container #t2_B {
	width: 173px;height: 51px;top: 51px;left: 13px;position: absolute;overflow: hidden;
	background-position: 0px -192px;
}

#main_container #t3_B {
	width: 139px;height: 51px;top: 98px;left: 6px;position: absolute;overflow: hidden;
	background-position: 0px -240px;
}

#main_container #t4_B {
	width: 214px;height: 51px;top: 145px;left: 3px;position: absolute;overflow: hidden;
	background-position: 0px -288px;
}

#main_container #t1_C {
	width: 248px;height: 51px;top: 4px;left: 19px;position: absolute;overflow: hidden;
	background-position: 0 -336px;
}

#main_container #t2_C {
	width: 162px;height: 51px;top: 50px;left: 12px;position: absolute;overflow: hidden;
	background-position: 0px -383px;
}

#main_container #t3_C {
	width: 209px;height: 51px;top: 98px;left: 5px;position: absolute;overflow: hidden;
	background-position: 0px -432px;
}

#main_container #t4_C {
	width: 159px;height: 51px;top: 145px;left: 3px;position: absolute;overflow: hidden;
	background-position: 0px -480px;
}

#main_container #t1_D {
	width: 183px;height: 51px;top: 5px;left: 19px;position: absolute;overflow: hidden;
	background-position: 0 -529px;
}

#main_container #t2_D {
	width: 127px;height: 51px;top: 52px;left: 12px;position: absolute;overflow: hidden;
	background-position: 0px -577px;
}

/* LOGO */
#main_container #logo_container {
	width: 150px;height: 48px;top: 202px;left: 84px;position: absolute;
}

#main_container #logo_box {
	width: 276px;height: 48px;top: 0;left: 0;position: absolute;
	background-color: #FFF;
}

#main_container #logo_lockUp {
	width: 497px;height: 76px;top: 13px;left: 17px;position: absolute;
}

/* CTA */

#main_container #cta_container {
	width: 135px;height: 28px;top: 165px;left: 158px;position: absolute;
}

#main_container .cta_box {
	width: 120px;height: 28px;top: 0;left: 5px;position: absolute;
	background-color: #009cde;
}

#main_container #cta_blue {
	background-color: #009cde;
}

#main_container #cta_over {
	background-color: #67ddd3;
}

#main_container #cta_text {
	width: 55px;height: 21px;top: 4px;left: 39px;position: absolute;
}