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

input:focus{
outline:none;
border:none;
}

input[type="radio"]:focus {
    outline: none;
	border:none;
	box-shadow: none;
	outline-color: transparent;
}


.grid_button_positioner{
	position: relative;
	top: 15px;
	left: -8px;
}
.cvd_button{
	position: relative;
	top: -14px;
	left: -112px;
}

/*into / welcome*/
.intro_login_buttons{
	color: #777;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    background: #fff;
	display: inline-block;
    width: 165px;
	height:33px;
  
	padding: 10px 7px 10px 7px;
    font: 700 12px/1 'Open Sans',sans-serif;
    border-radius: 5px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	} 
	
	.intro_login_buttons:hover{
	color: #000000;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    background: #e9e9e9;
	display: inline-block;
	width: 165px;
	height:33px;

    padding: 10px 5px 10px 5px;
    font: 700 12px/1 'Open Sans',sans-serif;
    border-radius: 5px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	} 
/*into / welcome end*/

/*new user*/

.shpw_button{
	color: #777;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    background: #fff;
	display: inline-block;
    width:85px;
	height:33px;
    margin: 0px 0px;
    padding: 10px 7px 10px 7px;
    font: 700 12px/1 'Open Sans',sans-serif;
    border-radius: 5px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	} 
.shpw_button:hover{color:#000;background: #e9e9e9;}


.shpw_button_active{position:relative;line-height:12px;width:210px;height:23px;color:#ffffff;background: #353339; /*the colour of the button*/
background: -webkit-linear-gradient(top, #353339, #513f74);background: -moz-linear-gradient(top, #353339, #513f74);background: -o-linear-gradient(top, #353339, #513f74);background: linear-gradient(top, #353339, #513f74);/*reduce the size of the shadow to give a pushed effect*/
-webkit-box-shadow: inset 0px 1px 0px #605c65, 0px 2px 0px 0px #605c65, 0px 2px 5px #999;-moz-box-shadow: inset 0px 1px 0px #605c65, 0px 2px 0px 0px #605c65, 0px 2px 5px #999;box-shadow: inset 0px 1px 0px #605c65, 0px 2px 0px 0px #605c65, 0px 2px 5px #999;user-select: none;}

.shpw_button_red{font-size:10px; position:relative; line-height:10px; width:70px; height:15px; color:#eeeeee; background: #f00; /*the colour of the button*/
background: -webkit-linear-gradient(top, #f00, #f00); background: -moz-linear-gradient(top, #f00, #f00); background: -o-linear-gradient(top, #f00, #f00); background: linear-gradient(top, #f00, #f00); /*reduce the size of the shadow to give a pushed effect*/
-webkit-box-shadow: inset 0px 1px 0px #605c65, 0px 2px 0px 0px #605c65, 0px 2px 5px #999;-moz-box-shadow: inset 0px 1px 0px #605c65, 0px 2px 0px 0px #605c65, 0px 2px 5px #999;box-shadow: inset 0px 1px 0px #605c65, 0px 2px 0px 0px #605c65, 0px 2px 5px #999;user-select: none;}

.shpw_button_02{  position:relative; line-height:10px; width:170px; height:15px; background: #ceccd6; /*the colour of the button ceccd6 ceccd6*/
background: -webkit-linear-gradient(top, #a69eae, #ceccd6); background: -moz-linear-gradient(top, #a69eae, #ceccd6); background: -o-linear-gradient(top, #a69eae, #ceccd6); background: linear-gradient(top, #a69eae, #ceccd6); padding: 2px 2px 2px 2px; /*apply some padding inside the button*/
margin-bottom:3px;border:1px solid #a69eae; /*required or the default border for the browser will appear*/
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
/*style the text*/
font-size:8px; font-weight:bold; font-family: Arial, Verdana, Geneva, "Helvetica Neue",  Helvetica, sans-serif; /*Oswald is available from http://www.google.com/webfonts/specimen/Oswald*/
letter-spacing:2px;text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
color: #555555;/*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/
-webkit-box-shadow: inset 0px 1px 0px #ceccd6, 0px 3px 0px 0px #6d607c, 0px 10px 5px #a9a8ac; -moz-box-shadow: inset 0px 1px 0px #ceccd6, 0px 3px 0px 0px #6d607c, 0px 10px 5px #a9a8ac; 
box-shadow: inset 0px 1px 0px #ceccd6, 0px 3px 0px 0px #6d607c, 0px 10px 5px #a9a8ac;/*give the corners a small curve*/
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: block;user-select: none; } 

.shpw_button_active_02{position:relative;line-height:12px;width:210px;height:23px;color:#ffffff;background: #353339; /*the colour of the button*/
background: -webkit-linear-gradient(top, #353339, #513f74);background: -moz-linear-gradient(top, #353339, #513f74);background: -o-linear-gradient(top, #353339, #513f74);background: linear-gradient(top, #353339, #513f74);/*reduce the size of the shadow to give a pushed effect*/
-webkit-box-shadow: inset 0px 1px 0px #605c65, 0px 2px 0px 0px #605c65, 0px 2px 5px #999;-moz-box-shadow: inset 0px 1px 0px #605c65, 0px 2px 0px 0px #605c65, 0px 2px 5px #999;box-shadow: inset 0px 1px 0px #605c65, 0px 2px 0px 0px #605c65, 0px 2px 5px #999;user-select: none;}
/*new user end*/


.top_nav_button_div_ghosted{  
position:relative;
color: #eee;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
background: #333;
width: 100%;
height:40px;
margin: 0px 0px;
padding: 10px 10px 10px 10px;
font: 400 16px/1 'Open Sans',sans-serif;
border-radius: 5px;
border: solid medium #333;
/*box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);*/
cursor: none;
text-align: center;
overflow: hidden;
}


/*glimmer*/
.top_nav_button_div_red{  
position:relative;
color: #eee;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
background: #911;
width:  100%;
height:40px;
margin: 0px 0px;
padding: 10px 10px 10px 10px;
font: 400 16px/1 'Open Sans',sans-serif;
border-radius: 5px;
border: solid medium #911;
/*box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);*/
cursor: pointer;
text-align: center;
overflow: hidden;
animation: buttonAnim 1s 2.5s backwards;
transition:all 1.5s;}

.top_nav_button_div_red::before{
content:'/';
color:transparent;
text-shadow: 0 0 0 #fff;
width:100%;
height:60px;
right:100%;
background: linear-gradient(to right, transparent, #fff, transparent);
position: absolute;
top:0;
left:-100%;
transform:skewX(-30deg);
opacity: .4;
transition: left .5s;}

.top_nav_button_div_red:hover::before{
left:100%;}

.top_nav_button_div_red:focus{
outline:none;}
@keyframes buttonAnim{
0%{opacity:0;}
100%{opacity:0.3;}
}
/*wide*/

.top_nav_button_div_red_wide{  
user-select: none;
position:relative;
color: #eee;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
background: #911;
width: 100%;
height:40px;
margin: 0px 0px;
padding: 10px 10px 10px 10px;
font: 400 16px/1 'Open Sans',sans-serif;
border-radius: 5px;
border: solid medium #911;
box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
cursor: pointer;
text-align: center;
overflow: hidden;
animation: buttonAnim 1s 1s backwards;
transition:all 1s;}

.top_nav_button_div_red_wide::before{
content:'/';
color:transparent;
text-shadow: 0 0 0 #fff;
width:100%;
height:60px;
right:100%;
background: linear-gradient(to right, transparent, #fff, transparent);
position: absolute;
top:0;
left:-100%;
transform:skewX(-30deg);
opacity: .4;
transition: left .5s;}

.top_nav_button_div_red_wide:hover::before{
left:100%;}

.top_nav_button_div_red_wide:focus{
outline:none;}
@keyframes buttonAnim{
0%{opacity:0;}
100%{opacity:0.3;}
}

/*wide end*/


/* yes / no small buttons */
.button_div_red_sm{  
user-select: none;
position:relative;
color: #eee;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
background: #911;
width: 100px;
height:40px;
margin: 0px 0px;
padding: 10px 10px 10px 10px;
font: 400 16px/1 'Open Sans',sans-serif;
border-radius: 5px;
border: solid medium #911;
/*box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);*/
cursor: pointer;
text-align: center;
overflow: hidden;
animation: buttonAnim 1s 1s backwards;
transition:all 1s;}

.button_div_red_sm::before{
content:'/';
color:transparent;
text-shadow: 0 0 0 #fff;
width:100%;
height:60px;
right:100%;
background: linear-gradient(to right, transparent, #fff, transparent);
position: absolute;
top:0;
left:-100%;
transform:skewX(-30deg);
opacity: .4;
transition: left .5s;}

.button_div_red_sm:hover::before{
left:100%;}

.button_div_red_sm:focus{
outline:none;}
@keyframes buttonAnim{
0%{opacity:0;}
100%{opacity:0.3;}
}


.button_div_grey_sm{  
user-select: none;
position:relative;
color: #eee;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
background: #333;
width: 100px;
height:40px;
margin: 0px 0px;
padding: 10px 10px 10px 10px;
font: 400 16px/1 'Open Sans',sans-serif;
border-radius: 5px;
border: solid medium #333;
/*box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);*/
cursor: pointer;
text-align: center;
overflow: hidden;
animation: buttonAnim 1s 1s backwards;
transition:all 1s;}

.button_div_grey_sm::before{
content:'/';
color:transparent;
text-shadow: 0 0 0 #fff;
width:100%;
height:60px;
right:100%;
background: linear-gradient(to right, transparent, #fff, transparent);
position: absolute;
top:0;
left:-100%;
transform:skewX(-30deg);
opacity: .4;
transition: left .5s;}

.button_div_grey_sm:hover::before{
left:100%;}

.button_div_grey_sm:focus{
outline:none;}
@keyframes buttonAnim{
0%{opacity:0;}
100%{opacity:0.3;}
}
/*yes / no small btn end*/



/*ghosted*/

.top_nav_button_div_ghosted_wide_002{  
user-select: none;
position:relative;
color: #eee;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
background: #555;
/*line-height: 20px;*/
width: 400px;
height:80px;
margin: 0px 0px;
padding: 10px 10px 10px 10px;
font: 400 16px/1.5 'Open Sans',sans-serif;
border-radius: 5px;
border: solid medium #555;
/*box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);*/
cursor: pointer;
text-align: center;
overflow: hidden;
animation: buttonAnim 1s 1s backwards;
transition:all 1s;}


.top_nav_button_div_ghosted_wide{  
user-select: none;
position:relative;
color: #eee;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
background: #555;
width: 100%;
height:40px;
margin: 0px 0px;
padding: 10px 10px 10px 10px;
font: 400 16px/1 'Open Sans',sans-serif;
border-radius: 5px;
border: solid medium #555;
/*box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);*/
cursor: pointer;
text-align: center;
overflow: hidden;
animation: buttonAnim 1s 1s backwards;
transition:all 1s;}

.top_nav_button_div_ghosted_wide::before{
content:'/';
color:transparent;
text-shadow: 0 0 0 #fff;
width:100%;
height:60px;
right:100%;
background: linear-gradient(to right, transparent, #fff, transparent);
position: absolute;
top:0;
left:-100%;
transform:skewX(-30deg);
opacity: .4;
transition: left .5s;}

.top_nav_button_div_ghosted_wide:hover::before{
left:100%;}

.top_nav_button_div_ghosted_wide:focus{
outline:none;}
@keyframes buttonAnim{
0%{opacity:0;}
100%{opacity:0.3;}
}
/*ghosted end*/
/*glimmer end*/

.top_nav_button_div_wide{
	position:relative;
	top:0px;
	left:0px;
	color: #777;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    background: #fff;
    width: 430px;
	height:37px;
    margin: 5px 0px;
    padding: 12px 10px 0px 10px;
    font: 700 12px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	/*border: solid medium #ddd;*/
	border: solid medium linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	user-select: none;
	text-align: center;
	}

.top_nav_button_div_wide:hover{
	position:relative;
	top:0px;
	left:0px;
	color: #222;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	background: rgb(238,238,238); 
	background: -webkit-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(228,228,228,1) 59%);
background: -o-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(228,228,228,1) 59%);
background: linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(228,228,228,1) 59%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#e4e4e4",GradientType=1);
	
    width: 430px;
	height:37px;
    margin: 5px 0px;
    padding: 12px 10px 0px 10px;
    font: 700 12px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	/*border: solid medium #ddd;*/
	border: solid medium linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	user-select: none;
	text-align: center;
	}

.top_nav_button_div:hover,.top_nav_button_div_index:hover{
	position:relative;
	top:0px;
	left:0px;
	color: #000;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    background-image: linear-gradient(#e9e9e9, #d7d7d7);
	width:  100%;
	height:37px;
    margin: 5px 0px;
    padding: 9px 10px 0px 10px;
    font: 700 12px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	border: solid medium #ddd;
	border: solid medium linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	user-select: none;
	text-align: center;
	}

.top_nav_button_div:active,.top_nav_button_div_index:active,.top_nav_button_div:focus,.top_nav_button_div_index:focus{
	position:relative;
	top:0px;
	left:0px;
	color: #000;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    background-image: linear-gradient(#e9e9e9, #d7d7d7);
	width:  100%;
	height:37px;
    margin: 5px 0px;
    padding: 10px 10px 10px 10px;
    font: 700 12px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	border: solid medium #ddd;
    box-shadow: inset 0 -2px 0 2px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
	}	

.top_nav_button_div_active{  
	position:relative;
	top:0px;
	left:0px;
	color: #000;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    background-image: linear-gradient(#e9e9e9, #d7d7d7);
	width:  100%;
	height:37px;
    margin: 5px 0px;
    padding: 10px 10px 10px 10px;
    font: 700 12px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	border: solid medium #ddd;
    box-shadow: inset 0 -2px 0 2px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
	}	
		
.top_nav_button_div_active:hover{  
	position:relative;
	top:0px;
	left:0px;
	color: #000;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    background-image: linear-gradient(#e9e9e9, #d7d7d7);
	width:  100%;
	height:37px;
    margin: 5px 0px;
    padding: 10px 10px 10px 10px;
    font: 700 12px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	border: solid medium #ddd;
    box-shadow: inset 0 -2px 0 2px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
	user-select: none;
	}

    .custom-control-label:before{
	position:relative;
	top:1px;
	left:0px;
    background-color:#bab5b7;
    }


#craft_or_full.custom-control-label:before{
	position:relative;
	top:20px;
	left:-20px;
    background-color:#bab5b7;
    }
    .custom-checkbox .custom-control-input:checked~.custom-control-label::before{
		padding:0;
        background-color:#5a4951;
    }

    .custom-control-input:active~.custom-control-label::before{
		padding: 0;
        background-color:#502634;
    }
   
   .custom-checkbox .custom-control-input:focus~.custom-control-label::before{
        box-shadow: 0 0 0 1px #333, 0 0 0 0.2rem rgba(55, 55, 55, 0.25); 
    }

	.custom-checkbox .custom-control-input:checked~.custom-control-label::after{
		background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
		position:relative;
		top:-15px;
		left:0px;
}

/*Qualification RorC*/
.custom-radio .custom-control-input:checked~.custom-control-label::after {
	position:relative;
	top:-15px;
	left:0px;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e);
}

 .custom-radio .custom-control-input:active~.custom-control-label::before{
	padding: 0;
    background-color:#502634;
	border: none;
    }

/*program name*/


	.accept_info_button_div,.accept_button_div{  
	letter-spacing: 1px;
	position:relative;
	color: #777;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    background: #fff;
    width: 100px;
	height:30px;
    margin: 0px 0px;
    padding-left: 8px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 10px;
    font: 700 11px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	border: solid medium #ddd;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
		user-select: none;
	}
	
	.accept_info_button_div:hover,.accept_button_div:hover{  
	letter-spacing: 1px;
	position:relative;
	color: #000;
    text-shadow: 0 2px 0 rgba(255,255,255,0.8);
    background-image: linear-gradient(#e9e9e9, #d7d7d7);
    width: 100px;
	height:30px;
    margin: 0px 0px;
    padding-left: 8px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 10px;
    font: 700 11px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	border: solid medium #ddd;
    box-shadow: inset 0 -2px 0 2px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
		user-select: none;
	}

.accept_button_div_red{  
	letter-spacing: 1px;
	position:relative;
	color: #eee;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    background: #6A0C0C;
    width: 100px;
	height:30px;
    margin: 0px 0px;
    padding-left: 8px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 10px;
    font: 700 11px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	border: solid medium #ddd;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
		user-select: none;
	}
	
.accept_button_div_red:hover{  
	letter-spacing: 1px;
	position:relative;
	color: #eee;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    background: #771414;
    width: 100px;
	height:30px;
    margin: 0px 0px;
    padding-left: 8px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 10px;
    font: 700 11px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	border: solid medium #ddd;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
		user-select: none;
	}

	.store_synopsis_button_div{  
	letter-spacing: 1px;
	position:relative;
	color: #777;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    background: #fff;
    width: 135px;
	height:30px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
    padding-left: 8px;
    padding-top: 9px;
    padding-right: 10px;
    padding-bottom: 10px;
    font: 700 11px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	border: solid medium #ddd;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
	user-select: none;
	}
	
	.store_synopsis_button_div:hover{  
	letter-spacing: 1px;
	position:relative;
	color: #000;
    text-shadow: 0 2px 0 rgba(255,255,255,0.8);
    background-image: linear-gradient(#e9e9e9, #d7d7d7);
    width: 135px;
	height:30px;
   	margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
    padding-left: 8px;
    padding-top: 9px;
    padding-right: 10px;
    padding-bottom: 10px;
    font: 700 11px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	border: solid medium #ddd;
    box-shadow: inset 0 -2px 0 2px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
		user-select: none;
	}
	
	.store_synopsis_button_div_complete{  
	letter-spacing: 1px;
	position:relative;
	color: #eee;
    text-shadow: 0 1px 0 rgba(69,58,90,0.8);
    background: #826c91;
    width: 135px;
	height:30px;
    margin: 0px 0px;
    padding-left: 8px;
    padding-top: 9px;
    padding-right: 10px;
    padding-bottom: 10px;
    font: 700 11px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	border: solid medium #ddd;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
		user-select: none;
	}	

	.accept_info_button_div_complete{  
	letter-spacing: 1px;
	position:relative;
	color: #eee;
    text-shadow: 0 1px 0 rgba(69,58,90,0.8);
    background: #826c91;
    width: 100px;
	height:30px;
    margin: 0px 0px;
    padding: 10px;
    font: 700 11px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	border: solid medium #ddd;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
		user-select: none;
	}
	
.moc_button,.moc_button_red,.moc_button:focus,.moc_button_red:focus,.moc_button:active,.moc_button_red:active{outline:0;}

	.moc_button{  
	letter-spacing: 1px;
	position:relative;
	color: #777;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    background: #fff;
    width: 100%;
/*	height:40px;*/
    margin: 0px 0px;
 /*padding: 10px 10px 10px 10px;*/
    font: 700 12px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	border: solid medium #ddd;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
	user-select: none;
		z-index: 999;
	}
	
	.moc_button:hover{  
	letter-spacing: 1px;
	position:relative;
	color: #ffffff;
    text-shadow: 0 1px 0 rgba(91,74,82,0.8);
    background-image: linear-gradient(#a18861, #ae8b54);
    font: 700 12px/1 'Open Sans',sans-serif;
	border: solid medium #ddd;
    box-shadow: inset 0 -2px 0 2px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
		user-select: none;
	}
	
	
	.moc_button_active{ 
	letter-spacing: 1px;
	position:relative;
	color:#ffffff;
	background: #353339;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    width: 100%;
/*	height:40px;*/
    margin: 0px 0px;
  /*padding: 10px 10px 10px 10px;*/
    font: 700 12px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	border: solid medium #ddd;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
	}
	
	.moc_button_red{ 
	letter-spacing: 1px;
	position:relative;
	color:#ffffff;
	background: #5c4b53;
	background-image: linear-gradient(#5c4b53, #6a5d63);
    text-shadow: 0 1px 0 rgba(84,73,78,0.8);
    width: 100%;
/*	height:40px;*/
    margin: 0px 0px;
    /*padding: 10px 10px 10px 10px;*/
    font: 700 12px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	border: solid medium #ddd;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
		user-select: none;
	}

	
	/*accept btn*/
		
	.storing_button{
	position:relative;
	top:0px;
	left:0px;
	color: #eee;
    text-shadow: 0 1px 0 rgba(30,30,30,0.6);
    background: #930; /*the colour of the button ceccd6 ceccd6*/
background: -webkit-linear-gradient(#930, #600);
background: -o-linear-gradient(#930, #600);
background: linear-gradient(#930, #600); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#e4e4e4",GradientType=1);
    width: 100%;
	height:37px;
    margin: 5px 0px;
    padding: 12px 10px 0px 10px;
    font: 700 12px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	/*border: solid medium #ddd;*/
	border: solid medium linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	user-select: none;
	text-align: center;
	}

/**/

@media only screen and (min-width:870px) {
	
/*global button style*/

	
/*MPC Buttons*/
.mpc_buttons {
    height: 30px;

    color: #3a3434;
    text-shadow: 0 1px 0 rgba(55,55,55,0.1);
    background: #f6f6f6;
    display: block;

    padding-top: 15px;

    padding-bottom: 30px;
    padding-left: auto;
    padding-right: auto;
    font: 700 16px/1 'Open Sans',sans-serif;
    border-radius: 5px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
    text-align: center;
	user-select: none;
}

.mpc_buttons:hover {
    height: 30px;

	color: #000;
    text-shadow: 0 1px 0 rgba(55,55,55,0.1);
    background-image: linear-gradient(#e9e9e9, #d7d7d7);
    display: block;

    padding-top: 15px;

    padding-bottom: 30px;
    padding-left: auto;
    padding-right: auto;
    font: 700 16px/1 'Open Sans',sans-serif;
    border-radius: 5px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
    text-align: center;
	user-select: none;
}
	
.mpc_buttons_active{
    height: 30px;

	color: #3a3434;
    text-shadow: 0 1px 0 rgba(55,55,55,0.1);
    display: block;

    padding-top: 15px;

    padding-bottom: 30px;
    padding-left: auto;
    padding-right: auto;
    font: 700 16px/1 'Open Sans',sans-serif;
    border-radius: 5px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
    text-align: center;
	
background: rgb(207,205,206);
background: -moz-linear-gradient(90deg, rgba(207,205,206,1) 0%, rgba(186,181,183,1) 59%);
background: -webkit-linear-gradient(90deg, rgba(207,205,206,1) 0%, rgba(186,181,183,1) 59%);
background: linear-gradient(90deg, rgba(207,205,206,1) 0%, rgba(186,181,183,1) 59%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcdce",endColorstr="#bab5b7",GradientType=1);
	user-select: none;
}


	.yes_button_div{  
	letter-spacing: 1px;
	position:relative;
	color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background: #fff;
    width: 100px;
	height:30px;
    margin: 0px 0px;
    padding-left: 8px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 8px;
    font: 700 11px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	border: solid thin #c1bcbe;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.3), inset 0 -10px 20px rgba(0,0,0,0.4);
    cursor: pointer;
	text-align: center;
	user-select: none;
	}
	
	.yes_button_div:hover{  
	letter-spacing: 1px;
	position:relative;
/*	color: #000;
    text-shadow: 0 2px 0 rgba(255,255,255,0.8);
    background-image: linear-gradient(#e9e9e9, #d7d7d7);*/
		
			color: #000;
    text-shadow: 0 1px 0 rgba(55,55,55,0.1);
    background-image: linear-gradient(#e9e9e9, #d7d7d7);
		
    width: 100px;
	height:30px;
    margin: 0px 0px;
    padding-left: 8px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 8px;
    font: 700 11px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	border: solid thin #ddd;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
	user-select: none;
	}
}

@media only screen and (min-width: 600px) and (max-width: 869px) {
	
				/*global button style*/

	
	
.top_nav_button_banner_div,.top_nav_button_div,.top_nav_button_div_index{
	position:relative;
	top:0px;
	left:0px;
	color: #777;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    background: #fff;
    width:100%;
	height:50px;
    margin: 5px 0px;
    padding: 18px 10px 0px 10px;
    font: 700 12px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	/*border: solid medium #ddd;*/
	border: solid medium linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	user-select: none;
	text-align: center;
	}

.top_nav_button_banner_div:hover{
	position:relative;
	top:0px;
	left:0px;
	color: #222;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	
background: rgb(238,238,238);
background: -moz-linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(228,228,228,1) 59%);
background: -webkit-linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(228,228,228,1) 59%);
background: linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(228,228,228,1) 59%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#e4e4e4",GradientType=1);
	
    width:100%;
	height:50px;
    margin: 5px 0px;
    padding: 18px 10px 0px 10px;
    font: 700 12px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	/*border: solid medium #ddd;*/
	border: solid medium linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	user-select: none;
	text-align: center;
	}
	
	
/*MPC Buttons*/
.mpc_buttons {
    height: 30px;

    color: #3a3434;
    text-shadow: 0 1px 0 rgba(55,55,55,0.1);
    background: #f6f6f6;
    display: block;

    padding-top: 15px;

    padding-bottom: 30px;
    padding-left: auto;
    padding-right: auto;
    font: 700 16px/1 'Open Sans',sans-serif;
    border-radius: 5px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
    text-align: center;
	user-select: none;
}

.mpc_buttons:hover {
    height: 30px;

	color: #000;
    text-shadow: 0 1px 0 rgba(55,55,55,0.1);
    background-image: linear-gradient(#e9e9e9, #d7d7d7);
    display: block;

    padding-top: 15px;

    padding-bottom: 30px;
    padding-left: auto;
    padding-right: auto;
    font: 700 16px/1 'Open Sans',sans-serif;
    border-radius: 5px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
    text-align: center;
	user-select: none;
}
	
.mpc_buttons_active{
    height: 30px;

	color: #3a3434;
    text-shadow: 0 1px 0 rgba(55,55,55,0.1);
    display: block;
    padding-top: 15px;
    padding-bottom: 30px;
    padding-left: auto;
    padding-right: auto;
    font: 700 16px/1 'Open Sans',sans-serif;
    border-radius: 5px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
    text-align: center;
	
background: rgb(207,205,206);
background: -moz-linear-gradient(90deg, rgba(207,205,206,1) 0%, rgba(186,181,183,1) 59%);
background: -webkit-linear-gradient(90deg, rgba(207,205,206,1) 0%, rgba(186,181,183,1) 59%);
background: linear-gradient(90deg, rgba(207,205,206,1) 0%, rgba(186,181,183,1) 59%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcdce",endColorstr="#bab5b7",GradientType=1);
	user-select: none;
}

	
	
	.yes_button_div{  
	letter-spacing: 1px;
	position:relative;
    margin: 0px 0px;	
	border: solid thin #c1bcbe;		
		
/*    width: 100%;
	height:50px;
	color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background: #fff;
    padding-left: 8px;
 	padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 8px;
    margin-bottom: 30px;
    font: 700 11px/1 'Open Sans',sans-serif;
    border-radius: 5px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.3), inset 0 -10px 20px rgba(0,0,0,0.4);
    cursor: pointer;
	text-align: center;
	user-select: none;
		*/

    width: 100%;
	height:30px;
	color: #3a3434;
    text-shadow: 0 1px 0 rgba(55,55,55,0.1);
    background: #f6f6f6;
    display: block;
    padding-top: 15px;
    padding-bottom: 30px;
    padding-left: auto;
    padding-right: auto;
    font: 700 16px/1 'Open Sans',sans-serif;
    border-radius: 5px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
	user-select: none;
		
	}
	
	.yes_button_div:hover{  
	letter-spacing: 1px;
	position:relative;
	color: #000;
    text-shadow: 0 2px 0 rgba(255,255,255,0.8);
    background-image: linear-gradient(#e9e9e9, #d7d7d7);
    width: 100%;
	height:30px;
    box-shadow: inset 0 -2px 0 2px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
	user-select: none;
	}
	
}

@media only screen and (max-width: 599px) {
	body {background-color: #ccc;}	
	
	
			/*global button style*/

	
	
.top_nav_button_banner_div,.top_nav_button_div,.top_nav_button_div_index{
	position:relative;
	top:0px;
	left:0px;
	color: #777;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    background: #fff;
    width: 100%;
	height:50px;
    margin: 5px 0px;
    padding: 18px 10px 8px 10px;
    font: 700 12px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	/*border: solid medium #ddd;*/
	border: solid medium linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	user-select: none;
	text-align: center;
	}

.top_nav_button_banner_div:hover{
	position:relative;
	top:0px;
	left:0px;
	color: #222;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	
background: rgb(238,238,238);
background: -moz-linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(228,228,228,1) 59%);
background: -webkit-linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(228,228,228,1) 59%);
background: linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(228,228,228,1) 59%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#e4e4e4",GradientType=1);
	
    width: 100%;
	height:50px;
    margin: 5px 0px;
    padding: 18px 10px 8px 10px;
    font: 700 12px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	/*border: solid medium #ddd;*/
	border: solid medium linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	user-select: none;
	text-align: center;
	}
	
	
/*MPC Buttons*/
.mpc_buttons {
    height: 30px;

    color: #3a3434;
    text-shadow: 0 1px 0 rgba(55,55,55,0.1);
    background: #f6f6f6;
    display: block;

    padding-top: 15px;

    padding-bottom: 30px;
    padding-left: auto;
    padding-right: auto;
    font: 700 16px/1 'Open Sans',sans-serif;
    border-radius: 5px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
    text-align: center;
	user-select: none;
}

.mpc_buttons:hover {
    height: 30px;

	color: #000;
    text-shadow: 0 1px 0 rgba(55,55,55,0.1);
    background-image: linear-gradient(#e9e9e9, #d7d7d7);
    display: block;

    padding-top: 15px;

    padding-bottom: 30px;
    padding-left: auto;
    padding-right: auto;
    font: 700 16px/1 'Open Sans',sans-serif;
    border-radius: 5px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
    text-align: center;
	user-select: none;
}
	
.mpc_buttons_active{
    height: 30px;

	color: #3a3434;
    text-shadow: 0 1px 0 rgba(55,55,55,0.1);
    display: block;

    padding-top: 15px;

    padding-bottom: 30px;
    padding-left: auto;
    padding-right: auto;
    font: 700 16px/1 'Open Sans',sans-serif;
    border-radius: 5px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
    text-align: center;
	
background: rgb(207,205,206);
background: -moz-linear-gradient(90deg, rgba(207,205,206,1) 0%, rgba(186,181,183,1) 59%);
background: -webkit-linear-gradient(90deg, rgba(207,205,206,1) 0%, rgba(186,181,183,1) 59%);
background: linear-gradient(90deg, rgba(207,205,206,1) 0%, rgba(186,181,183,1) 59%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcdce",endColorstr="#bab5b7",GradientType=1);
	user-select: none;
}

	
	.yes_button_div{  
	letter-spacing: 1px;
	position:relative;
		

		
    width: 100%;
	height:50px;
		

		
	color: #3a3434;
    text-shadow: 0 1px 0 rgba(55,55,55,0.1);
    background: #f6f6f6;
    display: block;

    padding-top: 15px;
    padding-bottom: 30px;
    padding-left: auto;
    padding-right: auto;
    font: 700 16px/1 'Open Sans',sans-serif;
    border-radius: 5px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
		
		
    cursor: pointer;
	text-align: center;
	user-select: none;
	}
	
	.yes_button_div:hover{  
	letter-spacing: 1px;
	position:relative;
	color: #000;
    text-shadow: 0 2px 0 rgba(255,255,255,0.8);
    background-image: linear-gradient(#e9e9e9, #d7d7d7);
    width: 100%;
	height:50px;
    margin: 0px 0px;
    padding-left: 8px;
 padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font: 700 11px/1 'Open Sans',sans-serif;
    border-radius: 5px;
	border: solid thin #ddd;
    box-shadow: inset 0 -2px 0 2px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    cursor: pointer;
	text-align: center;
	user-select: none;
	}
	
}