@charset "utf-8";
/* CSS Document */

html,body{
	font-size:12px;
	font-family:"Helvetica W01 Light", Helvetica, Arial, sans-serif;
	color:#333;
	font-weight:normal;
	margin:0;
	padding:0;
	line-height:1.6em;
	-webkit-text-size-adjust: 100%;
	-webkit-transition: font-size .5s;  
	transition: font-size .5s;
}

body{
	background-size:cover !important;
	background-attachment:fixed !important;
	background:transparent;
}
 
input, select, textarea{
	font-family:"Helvetica W01 Light", Helvetica, Arial, sans-serif;
}
img, h1, h2, h3, h4, h5, p, table, input, ul, li{
	border:0px;
	margin:0px;
	padding:0px;
	outline:0px;
}
a{
	color:#60489e;
	text-decoration:none;
}
a:hover{
	color:#d00;
}

.clear{
	clear:both;
}

#m_loader{
/*	position:fixed;*/
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
	background:rgba(0,0,0,.6);
	background:rgba(255,255,255,.6);
	top:0px;
	left:0px;
	display:none;
}

/*//////////////////////////////// WIDGET CLASSES /////////////////////////////*/

#ya_frame{
	min-height:310px;
	clear:both;
	height: 100%;
}
#janrainEngageEmbed{
	

}

.ya-btn, .ya-form-btn {
	height:46px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-shadow:  1px 1px 4px 		rgba(0,0,0,.4);
	-webkit-box-shadow:  1px 1px 4px 	rgba(0,0,0,.4);
	box-shadow:  1px 1px 4px 			rgba(0,0,0,.4);
	border-radius:6px;
	cursor:pointer;
	overflow:hidden;
	white-space:nowrap;
	-webkit-transition: height .5s, line-height .5s;  
	transition: height .5s, line-height .5s;
	
	border-radius:1px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.half-btn{
	margin:3% 0 2% 0 ;
	width:47.5%;
}

.full-btn{
	margin:3% 0 2% 0 ;
	width:100%;	
	clear:both;
}
.ya-form-btn.full-btn{
	margin:3% 0 0% 0 ;
}
.float-l{
	float:left;
}
.float-r{
	float:right;
}
.ya-btn .btn-icon, .ya-form-btn .btn-icon{
	float:left;
	height:100%;
	width:46px;
}
.ya-btn .btn-icon img, .ya-form-btn .btn-icon img{
	height:80%;
	margin:10%
}
.ya-btn .btn-divider, .ya-form-btn .btn-divider{
	float:left;
	border-left:1px solid #bbb;
	border-right:1px solid #777;
	opacity:.2;
	height:100%
	/*height:54px;*/
}
.ya-btn .btn-label{
	font-size:1.8em;
	line-height:44px;
	margin:0 0 0 10px;
	display:inline-block;
	float:left;
		overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:calc(100% - 60px);
	
}
.ya-form-btn .btn-label{
	font-size:1.8em;
	line-height:44px;
	margin:0 0 0 0px;
	float:none;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:center;
}


.ui-btn-c {
	border: 1px solid 		#888 /*{a-bar-border}*/;
	background: 			#aaa /*{a-bar-background-color}*/;
	color: 					#fff ;
	font-weight:normal;
	text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #6e6e6e /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #aaa /*{a-bar-background-start}*/), to( #888 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#aaa /*{a-bar-background-start}*/, #888 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#aaa /*{a-bar-background-start}*/, #888 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#aaa /*{a-bar-background-start}*/, #888 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#aaa /*{a-bar-background-start}*/, #888 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#aaa /*{a-bar-background-start}*/, #888 /*{a-bar-background-end}*/);
	
	background:#999;
}
.ui-btn-c .btn-label{
	color: #fff ;
}
.ui-btn-c:hover{
	background:#aaa;
}
.ui-btn-d {
	border: 1px solid 		#265478 /*{a-bar-border}*/;
	background: 			#5987ab /*{a-bar-background-color}*/;
	color: 					#fff ;
	font-weight:normal;
	text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #164468 /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #5987ab /*{a-bar-background-start}*/), to( #265478 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#5987ab /*{a-bar-background-start}*/, #265478 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#5987ab /*{a-bar-background-start}*/, #265478 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#5987ab /*{a-bar-background-start}*/, #265478 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#5987ab /*{a-bar-background-start}*/, #265478 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#5987ab /*{a-bar-background-start}*/, #265478 /*{a-bar-background-end}*/);
	background:#265478;
}
.ui-btn-d .btn-label{
	color: #fff ;
}
.ui-btn-d:hover{
	background:#5987ab;
}
.ui-btn-e2 {
	border: 1px solid 		#775C95 /*{a-bar-border}*/;
	background: 			#775C95 /*{a-bar-background-color}*/;
	color: 					#ffffff /*{a-bar-color}*/;
	font-weight:normal;
	text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #B68DE6  /*{a-bar-background-start}*/), to( #775C95 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#B68DE6  /*{a-bar-background-start}*/, #775C95 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#B68DE6  /*{a-bar-background-start}*/, #775C95 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#B68DE6  /*{a-bar-background-start}*/, #775C95 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#B68DE6  /*{a-bar-background-start}*/, #775C95 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#B68DE6  /*{a-bar-background-start}*/, #775C95 /*{a-bar-background-end}*/);
}
.ui-btn-e {
	background: 			#60489e;
	color: 					#fff ;
	border:1px solid #413368; /*7d619d*/
	font-weight:normal;
	text-shadow: 0  -1px  1px  #312358 ;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #60489e), to( #413368));
	background-image: -webkit-linear-gradient(#60489e, #413368);
	background-image:    -moz-linear-gradient(#60489e, #413368); 
	background-image:     -ms-linear-gradient(#60489e, #413368); 
	background-image:      -o-linear-gradient(#60489e, #413368);
	background-image:         linear-gradient(#60489e, #413368);
	background:#413368;
}
.ui-btn-e .btn-label{
	color: #fff ;
}
.ui-btn-e:hover{
	background: 			#60489e;
}
.ui-btn-g {
	background: 			#c00;
	color: 					#fff ;
	border:1px solid #b00; /*7d619d*/
	text-shadow: 0  -1px  1px  #b00 ;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #e00), to( #b00));
	background-image: -webkit-linear-gradient(#e00, #b00);
	background-image:    -moz-linear-gradient(#e00, #b00); 
	background-image:     -ms-linear-gradient(#e00, #b00); 
	background-image:      -o-linear-gradient(#e00, #b00);
	background-image:         linear-gradient(#e00, #b00);
}
.ui-btn-g:hover{
	background:#e00;
}

#janrainEngageEmbed h2{
	margin:0 0 5% 0;
	font-size:2em;
	line-height:1em;
	font-weight:normal;
}

.or-divider{
	position:relative;
	height:32px;
	margin:5% 0;
}
.or-divider-line{
	float:left;
	height:16px;
	width:calc(50% - 32px);
	border-bottom:1px solid #ddd;
}
.or-divider-text{
	float:left;
	width:32px;
	height:32px;
	border-radius:50%;
	background:#999;
	color:#fff;
	margin:0 16px;
	position:relative;
	text-align:center;
	line-height:30px;
	font-size:1.4em
}

.form-holder{
	margin:0px;
}
.header-logo img{
	border:0px;
	float:left;
	margin:0 6px 0 0;
}
.header-logo{
	font-size:1.4em;
	line-height:32px;
}

.header-back{
	float:right;
	border:0px;
	width:32px;
}
.header-back a img{
	border:0px;
}
.form-header{
	clear:both;
 /*	margin:0px 0 15px 0px;*/
}

.form-row{
	clear:both;
	float:left;
	width:100%;
	margin:0 0 10px 0;
}
.half-row-l{
	width:47.5%;
	clear:left!important;
}

.half-row-r{
	width:47.5%;
	float:right;
	clear:right!important;
	margin:0 ;
}
.req-ast{
	color:#d00;
	font-size:1.1em;
}
input.input-text, input.input-text-req{

	border:1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	-moz-box-shadow: inset 0px 1px 4px 		rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 1px 4px 	rgba(0,0,0,.2);
	box-shadow: inset 0px 1px 4px 			rgba(0,0,0,.2);	
	font-weight:normal;

	float:left;
	font-size:1.5em;
	padding:5px 24px 5px 6px;
	width:calc(100% - 32px);
}
input.input-checkbox{
	float:left;
	margin-right:5px;
	outline: none;
}
.textarea-div{
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	-moz-box-shadow: inset 0px 1px 4px 		rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 1px 4px 	rgba(0,0,0,.2);
	box-shadow: inset 0px 1px 4px 			rgba(0,0,0,.2);
	width:auto;
	float:left;
	background:#fff;
	padding-right:28px;
	width:100%;
	margin:3px 0 6px 0;
}
textarea.input-textarea{
	border:0px;
	outline: none;
	margin:2px 2px 2px 2px;
	font-weight:normal;
	font-size:1.4em;
	padding:.3em;
	float:left;
	width:99%;
	padding-right:24px;
	resize:vertical;
	overflow: auto;
}
.half-size-l input.input-text{
	width:43%;
	clear:left!important;
}
div.input-sel{	
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	-moz-box-shadow: inset 0px 1px 4px 		rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 1px 4px 	rgba(0,0,0,.2);
	box-shadow: inset 0px 1px 4px 			rgba(0,0,0,.2);
	float:left;	
margin-top:2px;
	clear:both;
	padding:.1em .1em .1em .1em;

}
div.input-sel.uh-oh, div.input-sel.good-2-go{	
	padding-right:24px;
}
select.input-sel{
	outline: none;
	border:none;
	font-weight:normal;
	font-size:1.4em;
	margin:.1em;
}


label, .form-field-title, .form-label{
	font-weight:bold;
	font-size:1.3em;
	width:100%;
	float:left;
	padding:0 0 0 4px;
	position:relative;
	line-height:1.3em;
	margin:0px;
	min-height:1.3em;
}
.form-field-title,.form-label{
	width:auto;
	font-size:1em;
	float:none;
}
.req{
	color:#d00;
}
.error-msg{
	min-width:24px;
	height:1em;
	
	margin:0em 0 0 8px; 
	font-weight:normal;
	color:#CC0000;
	font-size:.85em;
	line-height:.85em;
	/*bottom:2px;position:absolute;*/
}
.note-msg{
	margin:.5em 0 0 0px; 
	font-weight:normal;
	color:#775C95;
	font-size:1.1em;
	float:left
}
.good-2-go{
	background:#fff url(/paragon/ya/images/Thumbs-up-24x24.png) no-repeat right 4px;
	
}
.uh-oh{
	background:#fff url(/paragon/ya/images/Thumbdown-24x24.png) no-repeat right 4px;
}
input:-webkit-autofill {
	background-color:#fff!important;
}

.section-title-text{
	font-size:1.6em;
	margin:20px 0 20px 0;
	line-height:1.5em;
}
.lrg-title{
	font-size:2.2em;
	line-height:1.5em;
	text-align:left;
}

.header-back{
	opacity:.6;
/*	-webkit-transition: opacity .4s;  
	transition: opacity .4s;*/
}
.header-back:hover{
	opacity:1;
}
.error-dialog{
	position:absolute;
	z-index:10;
	width:100%;
	height:100%;
}

.error-mask{
	position:absolute;
	background:rgba(255,255,255,.9) url(/paragon/images/spinner.gif) no-repeat center 45%;
	z-index:1;
	width:100%;
	height:100%;
	/*-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	*/
}
.postback-mask{
	position:absolute;
	background:rgba(255,255,255,.9) url(/paragon/images/spinner.gif) no-repeat center 45%;
	z-index:100;
	width:100%;
	height:100%;
}

.error-ui{
	position:absolute;
	z-index:5;	
	border:1px solid #ddd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	background: #fff;
	-moz-box-shadow: 0px 3px 3px 			rgba(0,0,0,.4);
	-webkit-box-shadow: 0px 3px 3px 		rgba(0,0,0,.4);
	box-shadow: 0px 3px 3px 				rgba(0,0,0,.4);
	overflow:hidden;
	margin:20px;
}

.error-message-text{
	font-size:1.6em;
	margin:0 0 14px 0;
	line-height:1.7em;
}
.dialog-content{
	margin:15px 20px 15px 20px;
	position:relative;
}

.btm-btns{
 position:absolute;
 bottom:0px;
 width:100%;
}
.btm-btn{
 position:absolute;
 bottom:3px;
}
.float-l.btm-btn{
 left:0px;
}
.float-r.btm-btn{
 right:0px;
}


/*//////////////////////////////// END WIDGET CLASSES /////////////////////////////*/



/*//////////////////////////////// CONTAINER CLASSES /////////////////////////////*/

#wrapper{
	padding:0px 0 0 0;
	height:100%;
	width:100%;
}

/*//////////////////// HEADER ////////////////////*/
#header{
	width:100%;
	position:relative;
}
#header.fixed-pos{
	position:fixed!important;
	z-index:1000!important;
	top:0px;
}
#footer{
	width:100%;
	position:relative;
}
#header_content,
#footer_content,
#content{
	margin:0 auto;
	position:relative;
	max-width:1200px;
	
}
#content{
		width:100%;
	height:100%;
	position:relative;
	padding-bottom:20px;
	background:rgba(255,255,255,.93);
	-moz-box-shadow:  0px 1px 15px 		rgba(0,0,0,.7);
	-webkit-box-shadow:  0px 1px 15px 	rgba(0,0,0,.7);
	box-shadow:  0px 1px 15px 			rgba(0,0,0,.7);
}
body.modal #content{
	padding-bottom:5px;
}
.v-offset{
	padding-top:65px!important;
	-webkit-transition: padding .5s;  
	transition: padding .5s;
}
#footer.fixed-pos{
	position:fixed!important;
	z-index:999!important;
	bottom:0px;
}
#footer.rel-pos{
	position:relative!important;
	z-index:999!important;
	bottom:0px;
}

/*//////////////////////////// DEFAULT /////////////////////////////*/

#header{
	background:rgba(225,225,225,.95);
	-moz-box-shadow:  0px 1px 5px 		rgba(0,0,0,.5);
	-webkit-box-shadow:  0px 1px 5px 	rgba(0,0,0,.5);
	box-shadow:  0px 1px 5px 			rgba(0,0,0,.5);
	min-height:40px;
}
#header_logo{
	background:url(/paragon/images/YamahaLogoBlack.png) no-repeat;
	background-size: contain;	
	height:36px;
	float:left;
	width:165px;
}

#header_close{
	background:url(/paragon/images/Delete48x48.png) no-repeat;
	background-size: contain;
	margin:7px 28px;
	height:30px;
	float:right;
	width:30px;
	display:none;
	float:left;
	cursor:pointer;
	opacity:.7;
}
#header_close:hover{
	opacity:1;
}
#content_top{
/*	margin:0px 30px 0px 30px;*/
	padding:20px 0;
	clear:both;
}
#footer{
	background:rgba(225,225,225,.95);
	-moz-box-shadow:  0px 1px 5px 		rgba(0,0,0,.5);
	-webkit-box-shadow:  0px 1px 5px 	rgba(0,0,0,.5);
	box-shadow:  0px 1px 5px 			rgba(0,0,0,.5);
	min-height:40px;
}

#sign_in_opts, #cse_step2_section{
	float:left;
}
/*.box-gray-vari{
	border:1px solid #ccc;
	-moz-box-shadow:  0px 1px 5px 		rgba(0,0,0,.3);
	-webkit-box-shadow:  0px 1px 5px 	rgba(0,0,0,.3);
	box-shadow:  0px 1px 5px 			rgba(0,0,0,.3);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff), to( #f5f5f5));
	background-image: -webkit-linear-gradient(#ffffff, #f5f5f5);
	background-image:    -moz-linear-gradient(#ffffff, #f5f5f5); 
	background-image:     -ms-linear-gradient(#ffffff, #f5f5f5); 
	background-image:      -o-linear-gradient(#ffffff, #f5f5f5);
	background-image:         linear-gradient(#ffffff, #f5f5f5);
}*/
#main_heading{
	font-family:"Adelle W01 Bold";
	font-size:2.7em !important;
	margin:0 0 5px 0;
	line-height:1.5em;
}
#sub_heading{
		margin:0 0 30px 0;
}
#sub_heading h3{
	font-size:2em !important;
	margin:0 0 0 0;
}

.section-header{
	font-size:1.8em;
	line-height:1.2em;
}
.fab-list{
	font-size:1.35em ;
	line-height:1.5em;
	margin:10px 0 10px 25px;
}

.ya-btn-si{
	/*-moz-box-shadow: 0px 1px 2px 			rgba(0,0,0,.4);
	-webkit-box-shadow: 0x 1px 2px 		rgba(0,0,0,.4);
	box-shadow: 0px 1px 2px 				rgba(0,0,0,.4);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	*/	
	height:54px;
	cursor:pointer;
	box-shadow:none;
	border-radius: 1px;
}
.ya-btn-si .btn-label-si{
	color:#fff;
	text-shadow: 0px /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 3px /*{a-bar-shadow-radius}*/ #333 /*{a-bar-shadow-color}*/;
	float:left;
	padding:0 5px 0 0px;
	/*font-family:"Adelle W01 Bold";*/
	
	text-align:center;
	width:calc(100% - 69px);

text-shadow:none;
}
#ya_btn_si{
	margin:1.5%;
	width:auto;
	float:none;
}
#ya_btn_si .btn-label-si{
	font-size:1.9em;
	line-height:54px;
}
#ya_btn_si .btn-icon-img-si{
	background: url(/paragon/ya/images/ya-ya-button.png) no-repeat center;
	background-size:88%;
}
.btn-icon{
	float:left;
}
.btn-icon-si{
	height:54px;
	width:54px;
	float:left;
}

.btn-icon-img-si{
	height:46px;
	width:46px;
	margin:4px;
	border:0px;
}





/*//////////////////////////// DRK PURPLE LOGO ON WHITE //////////////////////////////*/
body.theme-drkprp #header{
	background:rgba(255,255,255,1);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom:1px solid #ddd;
}
body.theme-drkprp.modal #header{
	background:rgba(245,245,245,.95);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom:1px solid #ddd;
}
body.theme-drkprp #header_logo{
	background:url(/paragon/images/YamahaLogoPurple.png) no-repeat;
	background-size: contain;
}
body.theme-drkprp.modal #header_close{
	background:url(/paragon/images/Delete48x48.png) no-repeat;
	background-size: contain;
	display:block;
}
body.theme-drkprp #footer{
	background:rgba(225,225,225,.95);
}
body.theme-drkprp #footer_content{
	color:#676767;
}

body.theme-drkprp .tab-option-btn{
	border-radius:8px 8px 0 0;
	background: 			#ddd;
	color: 					#000 ;
	border:1px solid #ccc;
	text-shadow: 0  -1px  1px  #ccc ;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #eee), to( #ddd));
	background-image: -webkit-linear-gradient(#eee, #ddd);
	background-image:    -moz-linear-gradient(#eee, #ddd); 
	background-image:     -ms-linear-gradient(#eee, #ddd); 
	background-image:      -o-linear-gradient(#eee, #ddd);
	background-image:         linear-gradient(#eee, #ddd);
}

body.theme-drkprp .tab-option-btn.tab-sel{
	border-radius:8px 8px 0 0;
		background: 			#60489e;
	color: 					#fff ;
	border:1px solid #413368; /*7d619d*/
	text-shadow: 0  -1px  1px  #413368 ;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #60489e), to( #413368));
	background-image: -webkit-linear-gradient(#60489e, #413368);
	background-image:    -moz-linear-gradient(#60489e, #413368); 
	background-image:     -ms-linear-gradient(#60489e, #413368); 
	background-image:      -o-linear-gradient(#60489e, #413368);
	background-image:         linear-gradient(#60489e, #413368);
}
body.theme-drkprp .tab-option-btn .tab-footer{
	position:absolute;
	bottom:-9px;
	width:100%;
	height:10px;
	z-index:10;
}
body.theme-drkprp .tab-option-btn.tab-sel .tab-footer{
	background:url(/paragon/images/Navigation-up2-48x48_wh.png) no-repeat center -2px;
	background-size:18px;
}
body.theme-drkprp #content_tab_data{
	border-top:8px solid #413368;
}
body.theme-drkprp .tab-option-btn.tab-dis{
	background: 			#eee;
	color:#ccc;
	cursor:default;
	border-color:#ccc;
	text-shadow: none ;
}
body.theme-drkprp .ui-btn{
	background: 			#60489e;
	color: 					#fff ;
	border:1px solid #413368; /*7d619d*/
	text-shadow: 0  -1px  1px  #413368 ;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #60489e), to( #413368));
	background-image: -webkit-linear-gradient(#60489e, #413368);
	background-image:    -moz-linear-gradient(#60489e, #413368); 
	background-image:     -ms-linear-gradient(#60489e, #413368); 
	background-image:      -o-linear-gradient(#60489e, #413368);
	background-image:         linear-gradient(#60489e, #413368);
}
body.theme-drkprp .ui-btn:hover{
	background: 			#60489e;
}
body.theme-drkprp .ci-buy.ui-btn, body.theme-drkprp .sku-buy.ui-btn{
		background: 			#e6a303;
	color: 					#fff ;
	border:1px solid #e68903;
	text-shadow: 0  -1px  1px  #b88201 /*#d0a00c   e6a303*/ ;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fbb202), to( #e68903));
	background-image: -webkit-linear-gradient(#fbb202, #e68903);
	background-image:    -moz-linear-gradient(#fbb202, #e68903); 
	background-image:     -ms-linear-gradient(#fbb202, #e68903); 
	background-image:      -o-linear-gradient(#fbb202, #e68903);
	background-image:         linear-gradient(#fbb202, #e68903);
}
body.theme-drkprp .ci-buy.ui-btn:hover,
body.theme-drkprp .sku-buy.ui-btn:hover{
	background: 			#fbb202;
}
body.theme-drkprp .tab-option-btn:not(.tab-sel):not(.tab-dis):hover{
	background: 			#eee;
}
body.theme-drkprp .tab-option-btn .tab-sub-title{
	color: 					#333 ;
}

body.theme-drkprp .tab-option-btn.tab-sel .tab-sub-title{
	color: 					#eee ;
}
body.theme-drkprp .tab-option-btn.tab-dis .tab-sub-title{
	color: 					#ccc ;
}
body.theme-drkprp #header_viewcart, body.theme-drkprp #top_viewcart{
	background:url(/paragon/images/Shoppingbasket-48x48.png) top right no-repeat;
	background-size:contain;
	opacity:.7;
	color:#000;
}
body.theme-drkprp #header_viewcart:hover, body.theme-drkprp #top_viewcart:hover{
	opacity:1;
}
/*////////////////////////////////////////////////////////////////////////////////*/




body.modal #content{
	background:rgba(255,255,255,1);
}
body.modal #header_logo, body.modal #footer{
	display:none;
}
body.modal .cnt-min-hgt{
	min-height:500px;
}
body.modal .v-offset{
	padding-top:45px!important;
}












@media only screen
and (min-width : 0px) {
	html,body{
		font-size:10px!important;
	}
	.box-gray, .box-gray-vari{
		padding:12px;
		max-width:400px;	
		margin:0 -21px 0 -21px;
		
		border:1px solid #ccc;
		background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff), to( #f5f5f5));
		background-image: -webkit-linear-gradient(#ffffff, #f5f5f5);
		background-image:    -moz-linear-gradient(#ffffff, #f5f5f5); 
		background-image:     -ms-linear-gradient(#ffffff, #f5f5f5); 
		background-image:      -o-linear-gradient(#ffffff, #f5f5f5);
		background-image:         linear-gradient(#ffffff, #f5f5f5);
		
	-webkit-transition: max-width .5s, width .5s;  
	transition: max-width .5s, width .5s;
	}
	.box-gray-vari{
		max-width:none;
	}
	#sign_in_opts, #cse_step2_section{
		float:none;		
	}
	#copy_section, #copy_section_cse2{
		float:none;
		max-width:450px;	
		margin:25px auto;
	}
	#content_top, #content_pages{
		margin-left:20px;
		margin-right:20px;
		/*padding:5px;*/
	}
	body:not(.FB) #header_logo{
		margin:6px 20px;
		height:30px;
	}
	body.FB #header_logo{
		margin:0px;
	}
	#footer_copyright{
		float:none;
		text-align:center;
		font-size:1.1em;
		line-height:40px;
		white-space:nowrap;
		margin:0px 20px 0 20px;
	}
	#footer_links{
		float:none;
		text-align:center;
		font-size:1.1em;
		line-height:40px;
		white-space:nowrap;
		margin:0px 20px 0 20px;
	}
	.v-offset{
		padding-top:45px!important;
	}
	#footer.fixed-pos{
		position:relative!important;
		z-index:999!important;
		bottom:0px;
	}
	#footer_links span{
		display:none;
	}
	#ya_form_forgotpwd_btn .btn-label{
		line-height:1.1em;
		
		font-size:1.75em;
		white-space:normal;
		width:70%;
		margin:0 auto;
		margin-top:3px;
	}
	label, .form-field-title, .form-label{	
		font-size:1.2em;
	}

}
@media only screen
and (min-width : 321px) {
	html,body{
		font-size:10.5px!important;
	}
	.box-gray, .box-gray-vari{
		padding:13px 15px;
	}
	.ya-btn, .ya-form-btn{
		height:52px;		
	}
	.ya-btn .btn-icon, .ya-form-btn .btn-icon{
		width:50px;
	}
	.ya-btn .btn-label{
		line-height:50px;
		width:calc(100% - 66px);
	}
	.ya-form-btn .btn-label{
		line-height:50px;
	}
	#ya_form_forgotpwd_btn .btn-label{
		margin-top:5px;
	}

}
@media only screen
and (min-width : 380px) {
	html,body{
		font-size:11px!important;
	}
	.box-gray, .box-gray-vari{
		padding:15px;
		width:auto;	
		margin:0 auto;
			border:1px solid #ccc;
	-moz-box-shadow:  0px 1px 5px 		rgba(0,0,0,.3);
	-webkit-box-shadow:  0px 1px 5px 	rgba(0,0,0,.3);
	box-shadow:  0px 1px 5px 			rgba(0,0,0,.3);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	}
	
	#ya_form_forgotpwd_btn .btn-label{
		line-height:50px;
		
		font-size:1.75em;
		white-space:nowrap;
		width:auto;
		margin:0 auto;
	}
	label, .form-field-title, .form-label{	
		font-size:1.3em;
	}

}
@media only screen
and (min-width : 480px) {
	
.box-gray, .box-gray-vari{
		padding:23px 25px;
}

	
}
@media only screen
and (min-width : 600px) {
	#footer_copyright{
		float:left;
		text-align:left;
		font-size:1em;
		line-height:40px;
		white-space:nowrap;
	}
	#footer_links{
		float:right;
		text-align:right;
		font-size:1em;
		line-height:40px;
		white-space:nowrap;
	}
	
	#footer.fixed-pos{
		position:fixed!important;
		z-index:999!important;
		bottom:0px;
	}
	#footer_links span{
		display:inline;
	}
}
@media only screen
and (min-width : 768px) {
	html,body{
		font-size:11.5px!important;
	}
	#copy_section{
		float:right;
		width:calc(100% - 410px);
		margin:0px;
		max-width:none;
	}
	#copy_section_cse2{
		float:right;
		width:calc(100% - 470px);
		margin:0px;
		max-width:none;
	}
	#sign_in_opts, #cse_step2_section{
		float:left;
	}
	.box-gray, .box-gray-vari{
		padding:23px 25px;		
		min-width:321px;
	}
	.section-header{
		font-size:2em;
		line-height:1.2em;
	}
	.fab-list{
		font-size:1.4em ;
		line-height:1.5em;
		margin:10px 0 10px 25px;
	}
	#content_top, #content_pages{
		margin-left:30px;
		margin-right:30px;
		padding:20px 0;
	}
	body:not(.FB) #header_logo{
		margin:12px 30px;
		height:36px;
	}
	#footer_copyright{
		margin:0px 0 0 30px;
	}
	#footer_links{
		margin:0px 30px 0 0px;
	}
	.v-offset{
		padding-top:65px!important;
	}
}

@media only screen
and (min-width : 1024px) {
	html,body{
		font-size:13px!important;
	}
	.box-gray, .box-gray-vari{
		padding:23px 25px;		
		min-width:360px;
	}
	#copy_section{
		width:calc(100% - 455px);
	}
	#copy_section_cse2{
		width:calc(100% - 500px);
	}
	#footer_copyright{
		font-size:.9em;
	}
	#footer_links{
		font-size:.9em;
	}
}
@media only screen
and (min-width : 1200px) {
	html,body{
		font-size:13.5px!important;
	}
	.box-gray, .box-gray-vari{
		padding:23px 25px;		
		min-width:400px;
	}
	#copy_section, #copy_section_cse2{
		width:calc(100% - 500px)
	}
	#content_top, #content_pages{
		margin-left:40px;
		margin-right:40px;
	}
	body:not(.FB) #header_logo{
		margin:12px 40px;
		height:36px;
		width:165px;
	}

}