.alert_area {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

table, th, td {
   border: 0px;
}

.no_position_align {
	position: relative;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}


.search_area{
	width: 610px;
	height: 100px;
	background-color: #FFFFFF;
	overflow: hidden;
}
.search_box_area{
	position: absolute;
	left: 40px;
	border: 5px solid #4C6880;
	width: 490px;
	height: 90px;
	overflow: hidden;
}
.search_box{
	height: 90px;
	width: 490px;
	box-sizing: border-box;
	font-size: 36px;
	border: none;
	background-color: #FFFFFF;
	background-position: 10px 10px; 
	background-repeat: no-repeat;
	padding: 12px 20px 12px 40px;
}
.search_button_area{
	position: absolute;
	left: 540px;
	width: 110px;
	height: 100px;
}
.search_button{
	position: absolute;
	font-size: 24px;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	color: #FFFFFF;
	background-color: #CC0000;
	border: none;
	width: 110px;
	height: 100px;
	white-space: normal;
}
.search_value{
	position: relative;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}


.keypad_area{
	width: 610px;
	height: 800px;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	border: 5px solid #4C6880;
}
.keypad_message{
	position: absolute;
	top: 15px;
	left: 80px;
	width: 510px;
	height: 50px;
	margin: 0;
	padding: 10px;
	font-size: 24px;
	color: #4C6880;
}
.keypad_display{
	position: absolute;
	top: 90px;
	left: 135px;
	width: 380px;
	height: 60px;
	margin: 0;
	padding: 5px;
	font-size: 48px;
	color: #4C6880;
	background-color: #FFFFFF;
	border: 10px solid #4C6880;
	overflow: hidden;
}
.keypad_digit{
	width: 120px;
	height: 90px;
	font-size: 48px;
	color: #FFFFFF;
	background-color: #4C6880;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
.keypad_word{
	width: 120px;
	height: 90px;
	font-size: 24px;
	color: #FFFFFF;
	background-color: #4C6880;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
.keypad_button{
	width: 195px;
	height: 90px;
	font-size: 36px;
	color: #FFFFFF;
	background-color: #4C6880;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
.keypad_value{
	position: relative;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}	
.keypad_digit#digit_1{
	position: absolute;
	top: 210px;
	left: 135px;
}
.keypad_digit#digit_2{
	position: absolute;
	top: 210px;
	left: 285px;
}
.keypad_digit#digit_3{
	position: absolute;
	top: 210px;
	left: 435px;
}
.keypad_digit#digit_4{
	position: absolute;
	top: 320px;
	left: 135px;
}
.keypad_digit#digit_5{
	position: absolute;
	top: 320px;
	left: 285px;
}
.keypad_digit#digit_6{
	position: absolute;
	top: 320px;
	left: 435px;
}
.keypad_digit#digit_7{
	position: absolute;
	top: 430px;
	left: 135px;
}
.keypad_digit#digit_8{
	position: absolute;
	top: 430px;
	left: 285px;
}
.keypad_digit#digit_9{
	position: absolute;
	top: 430px;
	left: 435px;
}
.keypad_digit#digit_0{
	position: absolute;
	top: 540px;
	left: 285px;
}
.keypad_word#delete_button{
	position: absolute;
	top: 540px;
	left: 135px;
}
.keypad_word#clear_button{
	position: absolute;
	top: 540px;
	left: 435px;
}
.keypad_button#cancel_button{
	position: absolute;
	top: 650px;
	left: 135px;
	background-color: #990000;
}
.keypad_button#enter_button{
	position: absolute;
	top: 650px;
	left: 365px;
	background-color: #009900;
}

.display_style {
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color: #4C6880;
	padding:5px;
}


.display_area {
    top: 10px;
    left: 10px;
    width: 1260px;
    height: 1004px;
    position: absolute;
    margin: 0;
    padding: 0;
    /*border:1px solid #229954;*/
    /*font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;*/
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    box-sizing: border-box;
    overflow:hidden;
}

div#left_pane {
    top: 0px;
    left: 0px;
    width: 630px;
    height: 870px;
    position: absolute;
    background: #FFFF99;
    box-sizing: border-box;
    /* border:1px solid #000000; */
}

div#left_pane_ss {
    top: 0px;
    left: 0px;
    width: 630px;
    height: 870px;
    position: absolute;
    background: #FFFFFF;
    box-sizing: border-box;
    /* border:1px solid #000000; */
}


.ss_masthead_left_frame{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 220px;
	height: 150px;
	box-sizing: border-box;
	text-align: left;
}

.ss_masthead_logo{
	max-width: 216px;
	max-height: 146px;
	position: relative;
	top: 50%;
	transform: translate(0, -50%);
}

.ss_masthead_frame{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 240px;
	width: 380px;
	height: 150px;
	box-sizing: border-box;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #4C6880;
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
}

.ss_main_frame{
	margin: 0;
	padding: 10px;
	position: absolute;
	top: 170px;
	left: 10px;
	width: 610px;
	height: 670px;
	box-sizing: border-box;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	color: #4C6880;
	/*border:1px solid #000000;*/
	overflow: hidden;
}

div#right_pane {
	top: 0px;
	left: 630px;
	width: 630px;
	height: 870px;
	position: absolute;
	background: #FFFFFF;
	box-sizing: border-box;
	/*border:1px solid #000000;*/
}

.ss_right_top_button_frame{
	font-size: 24px;
	font-weight: bold;
	color: #CC0000;
	margin: 0;
	padding: 10px;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 615px;
	height: 45px;
	box-sizing: border-box;
	overflow: hidden;
	/*border:1px solid #FF0000;*/
}

.ss_right_top_frame{
	margin: 0;
	padding: 10px;
	position: absolute;
	top: 55px;
	left: 5px;
	width: 615px;
	height: 195px;
	box-sizing: border-box;
	overflow: hidden;
	/*border:1px solid #FF0000;*/
}

.ss_right_bottom_button_frame{
	margin: 0;
	padding: 10px;
	position: absolute;
	top: 500px;
	left: 5px;
	width: 615px;
	height: 90px;
	box-sizing: border-box;
	overflow: hidden;
	/*border:1px solid #FF0000;*/
}

.ss_right_middle_frame{
	margin: 0;
	padding: 10px;
	position: absolute;
	top: 255px;
	left: 5px;
	width: 615px;
	height: 240px;
	box-sizing: border-box;
	overflow: hidden;
	/*border:1px solid #FF0000;*/
	font-size: 20px;
	font-weight: bold;
	color: #4C6880;
}

.ss_right_bottom_frame{
	margin: 0;
	padding: 10px;
	position: absolute;
	top: 595px;
	left: 5px;
	width: 615px;
	height: 265px;
	box-sizing: border-box;
	overflow: hidden;
	/*border:1px solid #FF0000;*/
	font-size: 20px;
	font-weight: bold;
	color: #4C6880;
}

.ss_button {
    box-shadow: 0px 0px 0px 2px #DF761D;
    background-color: #4C6880;
    border-color: #32953A;
    border-radius: 9px;
    border-style: solid;
    border: 0;
    border-width: 1px;
    display: inline-block;
    /* cursor: url(sc_pointer.png) 5 5, auto; */
    color: #FFFFFF;
    font-family: Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 3px;
    text-decoration: none;
    text-shadow: 0px 19px 0px #2f6627;
    width: 200px;
}
.ss_button_default {
    box-shadow: 0px 0px 0px 2px #25E8F2;
    background-color: #4C6880;
    border-color: #32953A;
    border-radius: 9px;
    border-style: solid;
    border: 0;
    border-width: 1px;
    display: inline-block;
    /* cursor: url(sc_pointer.png) 5 5, auto; */
    color: #FFFFFF;
    font-family: Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 3px;
    text-decoration: none;
    text-shadow: 0px 19px 0px #2f6627;
    width: 200px;
}
.ss_button:hover {
    box-shadow: 0px 0px 0px 2px #25E8F2;
}

.information_area{
	margin: 0;
	padding: 0;
	position: relative;
	top: 0px;
	left: 5px;
	width: 620px;
	height: 140px;
	/* border:1px solid #000000; */
	/* background: #FFFF99; */
}
.information_description {
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 10px;
	width: 605px;
	height: 30px;
	/* border:1px solid #000000; */
}
.banner_button {
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	color: #000000;
	background-color: #CACFED;
	border-radius: 15px;
	width: 200px;
	height: 90px;
	white-space: normal;
	-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .6), inset -2px -2px 2px rgba(125, 125, 125, 1);
	-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .6), inset -2px -2px 2px rgba(125, 125, 125, 1);
}
.menu_group_banner {
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 40px;
	left: 130px;
	width: 200px;
	height: 90px;
}
.menu_group_image {
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 40px;
	left: 10px;
	width: 110px;
	height: 100px;
	/* border:1px solid #000000; */
}
.menu_group_1 {
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 40px;
	left: 130px;
	width: 50px;
	height: 40px;
	/* border:1px solid #000000; */
}
.menu_group_2 {
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 90px;
	left: 130px;
	width: 50px;
	height: 40px;
	/* border:1px solid #000000; */
}
.menu_group_3 {
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 40px;
	left: 190px;
	width: 50px;
	height: 40px;
	/* border:1px solid #000000; */
}
.menu_group_4 {
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 90px;
	left: 190px;
	width: 50px;
	height: 40px;
	/* border:1px solid #000000; */
}
.menu_group_5 {
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 40px;
	left: 250px;
	width: 50px;
	height: 40px;
	/* border:1px solid #000000; */
}
.menu_group_6 {
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 90px;
	left: 250px;
	width: 50px;
	height: 40px;
	/* border:1px solid #000000; */
}
.menu_group_7 {
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 40px;
	left: 310px;
	width: 50px;
	height: 40px;
	/* border:1px solid #000000; */
}

.information_label_1 {
	vertical-align: middle;
	text-align: right;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	left: 310px;
	width: 220px;
	height: 40px;
	/* border:1px solid #000000; */
}
.information_value_1 {
	vertical-align: middle;
	text-align: right;
	font-size: 24px;
	margin: 0;
	padding: 2px;
	position: absolute;
	top: 23px;
	left: 535px;
	width: 75px;
	height: 30px;
	background: #ECD540;
	color: #000000;
	border:1px solid #000000;

}
.information_label_2 {
	vertical-align: middle;
	text-align: right;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 65px;
	left: 310px;
	width: 220px;
	height: 40px;
	/* border:1px solid #000000; */
}
.information_value_2 {
	vertical-align: middle;
	text-align: right;
	font-size: 24px;
	margin: 0;
	padding: 2px;
	position: absolute;
	top: 68px;
	left: 535px;
	width: 75px;
	height: 30px;
	background: #4C6880;
	color: #FFFFFF;
	border:1px solid #000000;
}

.receipt_area{
	margin: 0;
	padding: 0;
	position: relative;
	top: 0px;
	left: 5px;
	width: 615px;
	height: 720px;
	/* border:1px solid #000000; */
}

.receipt_H_1 {
	vertical-align: middle;
	text-align: right;
	font-size: 16px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 120px;
	left: 455px;
	width: 75px;
	height: 25px;
	/* border:1px solid #000000 */;
}
.receipt_H_2 {
	vertical-align: middle;
	text-align: right;
	font-size: 16px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 120px;
	left: 535px;
	width: 75px;
	height: 25px;
	/* border:1px solid #000000; */
}
.receipt_item {
	margin: 5px;
	position: relative;
	width: 605px;
	height: 50px;
	background: #FFFFFF;
	border: 1px solid #555555;    
	-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .6), inset -2px -2px 2px rgba(125, 125, 125, 1);
	-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .6), inset -2px -2px 2px rgba(125, 125, 125, 1);
}
.receipt_item_selected {
	margin: 5px;
	position: relative;
	width: 605px;
	height: 50px;
	background: #999999;
	border: 1px solid #555555;    
	-moz-box-shadow: inset 2px 2px 2px rgba(125, 125, 125, 1), inset -2px -2px 2px rgba(255, 255, 255, .6);
	-webkit-box-shadow: inset 2px 2px 2px rgba(125, 125, 125, 1), inset -2px -2px 2px rgba(255, 255, 255, .6);
}
.receipt_item_image {
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 4px;
	left: 5px;
	width: 40px;
	height: 40px;
	background: #FFFFFF;
	/* border:1px solid #000000; */
}
.receipt_item_description {
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 50px;
	width: 415px;
	height: 40px;
	/* border:1px solid #000000; */
	overflow: hidden;
	white-space: nowrap;
}
.receipt_item_attribute_1 {
	vertical-align: middle;
	text-align: right;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 470px;
	width: 50px;
	height: 40px;
	/* border:1px solid #000000; */
}
.receipt_item_attribute_2 {
	vertical-align: middle;
	text-align: right;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 525px;
	width: 75px;
	height: 40px;
	/* border:1px solid #000000; */
}

.receipt_button {
	border: none;
	color: white;
	padding: 0;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 24px;
	font-weight:bold;
	width: 50px;
	height: 40px;
}
.receipt_item_change {
	background-color: blue;
}
.receipt_item_remove {
	background-color: red;
}

div#navigation_area{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 890px;
	left: 0px;
	width: 1260px;
	height: 110px;
	/* border:1px solid #000000; */
	background: #FFFFFF;
	box-sizing: border-box;
}

.navigation_L1 {
	text-align: center;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 120px;
	height: 100px;
	/* border:1px solid #000000; */
}
.navigation_L2 {
	text-align: center;
	position: absolute;
	top: 5px;
	left: 130px;
	width: 120px;
	height: 100px;
	/* border:1px solid #000000; */
}
.navigation_L3 {
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	position: absolute;
	top: 5px;
	left: 255px;
	width: 120px;
	height: 100px;
	/* border:1px solid #000000; */
	white-space: normal;
}
.navigation_L4 {
	text-align: center;
	position: absolute;
	top: 5px;
	left: 380px;
	width: 120px;
	height: 100px;
	/* border:1px solid #000000; */
}
.navigation_L5 {
	text-align: center;
	position: absolute;
	top: 5px;
	left: 505px;
	width: 120px;
	height: 100px;
	/* border:1px solid #000000; */
}
.navigation_R1 {
	text-align: center;
	position: absolute;
	top: 5px;
	left: 635px;
	width: 120px;
	height: 100px;
	/* border:1px solid #000000; */
}
.navigation_R2 {
	text-align: center;
	position: absolute;
	top: 5px;
	left: 760px;
	width: 120px;
	height: 100px;
	/* border:1px solid #000000; */
}
.navigation_R3 {
	text-align: center;
	position: absolute;
	top: 5px;
	left: 885px;
	width: 120px;
	height: 100px;
	/* border:1px solid #000000; */
}
.navigation_R4 {
	text-align: center;
	position: absolute;
	top: 5px;
	left: 1010px;
	width: 120px;
	height: 100px;
	/* border:1px solid #000000; */
}
.navigation_R5 {
	text-align: center;
	position: absolute;
	top: 5px;
	left: 1135px;
	width: 120px;
	height: 100px;
	/* border:1px solid #000000; */
}
.nav_button {
	font-size: 24px;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	color: #FFFFFF;
	background-color: #339966;
	border: none;
	border-radius: 5px;
	width: 110px;
	height: 100px;
	white-space: normal;
}

.up_area {
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	position: absolute;
	top: 90px;
	left: 300px;
	width: 200;
	height: 70;
	display: inline-block;
	position: absolute;
	background: orange;
	padding: 15px;
	border:1px solid #000000;
	white-space: normal;
	
}
.up_area:after {
	content: '';
	display: block;  
	position: absolute;
	left: 20px;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 10px solid green;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

.surveyDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.surveyDialog:target {
	opacity:1;
	pointer-events: auto;
}
.surveyDialog > div {
	width: 1050px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #FFFFFF;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.exitModal {	
	display: none;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	width: 100%;
	height: 100%;
	
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.exitModal:target {
	opacity:1;
	pointer-events: auto;
}
.exitModal > div {
	width: 650px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #FFFFFF;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	overflow: auto;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}
.modalDialog > div {
	width: 650px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #FFFFFF;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.modalNoFlicker {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	opacity:0;
	pointer-events: none;
	overflow: auto;
}
.modalNoFlicker:target {
	opacity:1;
	pointer-events: auto;
}
.modalNoFlicker > div {
	width: 650px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #FFFFFF;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover {
	background: #00d9ff;
}

input[class="red_box"] {
	display:none;
}

input[class="red_box"] + label span {
	display:inline-block;

	vertical-align:middle;
	background:url(/images/restrictions/red_box.png) left top no-repeat;
	cursor:pointer;
}

input[class="red_box"]:checked + label span {
    background:url(/images/restrictions/red_box_checked.png) left top no-repeat;
}

input[class="green_box"] {
	display:none;
}

input[class="green_box"] + label span {
	display:inline-block;

	vertical-align:middle;
	background:url(/images/restrictions/green_box.png) left top no-repeat;
	cursor:pointer;
}

input[class="green_box"]:checked + label span {
    background:url(/images/restrictions/green_box_checked.png) left top no-repeat;
}

.pickup_calendar_box {
	position: absolute;
	padding: 0px 0px;
	top: 290px;
	width: 70px;
	height: 100px;
	border: 1px solid #000000;
	background: #FFFFFF;
}

.pickup_calendar_top {
	position: relative;
	padding: 0px 0px;
	width: 70px;
	height: 25px;
	font-size: 24px;
}

.pickup_calendar_middle {
	position: relative;
	padding: 0px 0px;
	width: 70px;
	height: 50px;
	font-size: 42px;
	font-weight: bold;
}

.pickup_calendar_bottom {
	position: relative;
	padding: 0px 0px;
	width: 70px;
	height: 25px;
	font-size: 24px;
}

#pcb_1 {
	left: 50px;
}
#pcb_2 {
	left: 125px;
}
#pcb_3 {
	left: 200px;
}
#pcb_4 {
	left: 275px;
}
#pcb_5 {
	left: 350px;
}
#pcb_6 {
	left: 425px;
}
#pcb_7 {
	left: 500px;
}

.pickup_location_modal {
	text-align: center;
	vertical-align: middle;
	margin: 5px;
	position: relative;
	width: 640px;
	height: 450px;
	background-color: #FFFFFF;
	border: 1px solid #F5F5F5;
	font-size: 32px;
}

.pickup_time_modal {
	text-align: center;
	vertical-align: middle;
	margin: 5px;
	position: relative;
	width: 640px;
	height: 570px;
	background-color: #FFFFFF;
	border: 1px solid #F5F5F5;
	font-size: 32px;
}

.pickup_location_container {
	margin: auto;
	position: relative;
	width: 640px;
	height: 410px;
}

.pickup_location_dot_area {
	text-align: center;
	vertical-align: middle;
	margin: 5px;
	position: absolute;
	top: 280px;
	left: 5px;
	width: 620px;
	height: 50px;
	font-size: 32px;
}

.pickup_location_message_area {
	text-align: center;
	vertical-align: middle;
	margin: 5px;
	position: absolute;
	top: 20px;
	left: 5px;
	width: 620px;
	height: 300px;
	font-size: 24px;
}

.pickup_time_message_area {
	text-align: center;
	vertical-align: middle;
	margin: 5px;
	position: absolute;
	top: 40px;
	left: 5px;
	width: 620px;
	height: 320px;
	font-size: 24px;
}

.pickup_location_address_area {
	text-align: center;
	vertical-align: middle;
	margin: 5px;
	position: absolute;
	top: 10px;
	left: 55px;
	width: 500px;
	height: 200px;
	background-color: #FFFFFF;
	font-size: 24px;
}

.pickup_location_button_area {
	text-align: center;
	vertical-align: middle;
	margin: 5px;
	position: absolute;
	top: 320px;
	left: 5px;
	width: 620px;
	height: 65px;
	background: #FFFFFF;
	font-size: 32px;
}

.pickup_time_button_area {
	text-align: center;
	vertical-align: middle;
	margin: 5px;
	position: absolute;
	top: 370px;
	left: 5px;
	width: 620px;
	height: 180px;
	background: #FFFFFF;
	font-size: 32px;
}

.carousel_slide {
	display: none;
}

.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 20%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: white;
	font-weight: bold;
	font-size: 50px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	background-color: rgba(0,0,0,0.8);
	text-decoration: none;
}

.prev {
	left: 5px;
}

.next {
	right: 5px;
}

.prev:hover, .next:hover {
	background-color: rgba(0,0,0,0.8);
	text-decoration: none;
}

.dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active, .dot:hover {
	background-color: #717171;
}




.diet_modal {
	text-align: center;
	vertical-align: middle;
	margin: 5px;
	position: relative;
	width: 640px;
	height: 770px;
	background: #EEEEEE;
	border: 1px solid #555555;
	font-size: 32px;
}

.diet_modal_message_area_1 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 620px;
	height: 80px;
}

.diet_modal_message_area_2 {
	position: absolute;
	top: 350px;
	left: 10px;
	width: 620px;
	height: 80px;
}

.diet_modal_button_area {
	position: absolute;
	top: 695px;
	left: 10px;
	width: 620px;
	height: 60px;
}

.modal_special_button {
	position: absolute;
	padding: 0px 0px; 
	width: 170px;
	height: 69px;
	border: 1px solid #DDDDDD; 
	border-radius: 15px;
	background: #FFFFFF;
	-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .6), inset -2px -2px 2px rgba(125, 125, 125, 1);
	-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .6), inset -2px -2px 2px rgba(125, 125, 125, 1);
}

.modal_special_icon {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 5px;
	left: 23px;
	width: 57px;
	height: 57px;
}

.modal_special_box {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 5px;
	left: 90px;
	width: 57px;
	height: 57px;
}

#msb_a_1 {
	top: 100px;
	left: 20px;
}

#msb_a_2 {
	top: 100px;
	left: 230px;
}

#msb_a_3 {
	top: 100px;
	left: 440px;
}

#msb_a_4 {
	top: 180px;
	left: 20px;
}

#msb_a_5 {
	top: 180px;
	left: 230px;
}

#msb_a_6 {
	top: 180px;
	left: 440px;
}

#msb_a_7 {
	top: 260px;
	left: 20px;
}

#msb_a_8 {
	top: 260px;
	left: 230px;
}

#msb_a_9 {
	top: 260px;
	left: 440px;
}

#msb_b_1 {
	top: 440px;
	left: 20px;
}

#msb_b_2 {
	top: 440px;
	left: 230px;
}

#msb_b_3 {
	top: 440px;
	left: 440px;
}

#msb_b_4 {
	top: 520px;
	left: 20px;
}

#msb_b_5 {
	top: 520px;
	left: 230px;
}

#msb_b_6 {
	top: 520px;
	left: 440px;
}

#msb_b_7 {
	top: 600px;
	left: 20px;
}

#msb_b_8 {
	top: 600px;
	left: 230px;
}

#msb_b_9 {
	top: 600px;
	left: 440px;
}

.modal_item_image {
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 70px;
	left: 10px;
	width: 230px;
	height: 240px;
	/* border:1px solid #000000; */
}

.modal_item_icon_1 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 20px;
	width: 57px;
	height: 57px;
	/* border:1px solid #000000; */
}

.modal_item_icon_2 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 80px;
	width: 57px;
	height: 57px;
	/* border:1px solid #000000; */
}

.modal_item_icon_3 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 140px;
	width: 57px;
	height: 57px;
	/* border:1px solid #000000; */
}

.modal_item_icon_4 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 200px;
	width: 57px;
	height: 57px;
	/* border:1px solid #000000; */
}

.modal_item_icon_5 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 260px;
	width: 57px;
	height: 57px;
	/* border:1px solid #000000; */
}

.modal_item_icon_6 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 320px;
	width: 57px;
	height: 57px;
	/* border:1px solid #000000; */
}

.modal_item_icon_7 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 380px;
	width: 57px;
	height: 57px;
	/* border:1px solid #000000; */
}

.modal_item_icon_8 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 440px;
	width: 57px;
	height: 57px;
	/* border:1px solid #000000; */
}

.modal_item_icon_9 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 500px;
	width: 57px;
	height: 57px;
	/* border:1px solid #000000; */
}

.modal_item_icon_10 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 560px;
	width: 57px;
	height: 57px;
	/* border:1px solid #000000; */
}

.modal_item_label {
	vertical-align: middle;
	font-size: 32px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 95px;
	left: 245px;
	width: 390px;
	height: 40px;
	/* border:1px solid #000000; */
	overflow: hidden;
}

.modal_item_description {
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 140px;
	left: 245px;
	width: 390px;
	height: 60px;
	/* border:1px solid #000000; */
	overflow: hidden;
}

.modal_item_attribute_1L {
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 205px;
	left: 245px;
	width: 190px;
	height: 30px;
	/* border:1px solid #000000; */
}

.modal_item_attribute_2L {
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 240px;
	left: 245px;
	width: 190px;
	height: 30px;
	/* border:1px solid #000000; */
}

.modal_item_attribute_1R {
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 205px;
	left: 445px;
	width: 190px;
	height: 30px;
	/* border:1px solid #000000; */
}

.modal_item_attribute_2R {
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 240px;
	left: 445px;
	width: 190px;
	height: 30px;
	/* border:1px solid #000000; */
}

.modal_attribute_1 {
	text-align: center;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 295px;
	left: 10px;
	width: 90px;
	height: 90px;
	/* border:1px solid #000000; */
}

.plus_box {
	box-shadow: 0 0 20px #00B200;
}

.minus_box {
	box-shadow: 0 0 20px #B20000;
}

.neutral_box {
	box-shadow: 0 0 20px #B2B2B2;
}

.plus_button {
	display:block;
	width:90px;
	height:90px;
	line-height:50px;
	border: 2px solid #f5f5f5;
	border-radius: 50%;
	color:#f5f5f5;
	text-align:center;
	text-decoration:none;
	background: #00B200;
	box-shadow: 0 0 3px gray;
	font-size:72px;
	font-weight:bold;
}

.minus_button {
	display:block;
	width:90px;
	height:90px;
	line-height:50px;
	border: 2px solid #f5f5f5;
	border-radius: 50%;
	color:#f5f5f5;
	text-align:center;
	text-decoration:none;
	background: #B20000;
	box-shadow: 0 0 3px gray;
	font-size:72px;
	font-weight:bold;
}

.plus_minus_button_disabled {
	display:block;
	width:90px;
	height:90px;
	line-height:50px;
	border: 2px solid #f5f5f5;
	border-radius: 50%;
	color: #B2B2B2;
	text-align:center;
	text-decoration:none;
	background: #808080;
	box-shadow: 0 0 3px gray;
	font-size:72px;
	font-weight:bold;
}

.modal_attribute_2 {
	text-align: center;
	font-size: 48px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 315px;
	left: 110px;
	width: 90px;
	height: 50px;
	/* border:1px solid #000000; */
}

.modal_attribute_3 {
	text-align: center;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 295px;
	left: 210px;
	width: 90px;
	height: 90px;
	/* border:1px solid #000000; */
}

.modal_attribute_4 {
	text-align: center;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 290px;
	left: 350px;
	width: 120px;
	height: 100px;
	/* border:1px solid #000000; */
}
.modal_button_1 {
	font-size: 24px;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	color: #FFFFFF;
	background-color: #336633;
	border: none;
	border-radius: 5px;
	width: 120px;
	height: 100px;
	white-space: normal;
}

.modal_attribute_5 {
	text-align: center;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 290px;
	left: 500px;
	width: 120px;
	height: 100px;
	/* border:1px solid #000000; */
}

.modal_button_2 {
	font-size: 24px;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	color: #FFFFFF;
	background-color: #CC0000;
	border: none;
	border-radius: 5px;
	width: 120px;
	height: 100px;
	white-space: normal;
}

.menugroup {
	margin: 9px;
	position: relative;
	width: 610px;
	height: 100px;
	background: #FFFFFF;
	/* border: 1px solid #555555; */   
	-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .6), inset -2px -2px 2px rgba(125, 125, 125, 1);
	-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .6), inset -2px -2px 2px rgba(125, 125, 125, 1);
}

.menugroup_image {
	text-align: center;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 2px;
	left: 2px;
	width: 179px;
	height: 96px;
	/* border:1px solid #000000; */
	overflow: hidden;
	background: #FFFFFF;
}

.menugroup_src {
    /* width: 100%; */
}

.menugroup_label {
	vertical-align: middle;
	font-size: 32px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 220px;
	width: 385px;
	height: 80px;
	/* border:1px solid #000000; */
}

.item {
	margin: 10px 5px;
	position: relative;
	width: 620px;
	height: 190px;
	background: #FFFFFF;
	border: 1px solid #555555;    
	-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .6), inset -2px -2px 2px rgba(125, 125, 125, 1);
	-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .6), inset -2px -2px 2px rgba(125, 125, 125, 1);
}

.item_group_header {
	margin: 5px;
	position: relative;
	width: 620px;
	height: 40px;
	/* border:1px solid #000000; */
}

.item_modal {
	margin: 5px;
	position: relative;
	width: 640px;
	height: 400px;
	background: #FFFFFF;
	border: 1px solid #555555;
}

.item_modal_verbose {
	margin: 5px;
	position: relative;
	width: 640px;
	height: 470px;
	background: #FFFFFF;
	border: 1px solid #555555;
}

.modal_message_box {
	text-align: center;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 405px;
	left: 5px;
	width: 630px;
	height: 60px;
	visibility: hidden;
}

.message_modal {
	text-align: center;
	vertical-align: middle;
	margin: 5px;
	padding: 30px;
	position: relative;
	width: 580px;
	background: #FFFFFF;
	border: 1px solid #555555;
	font-size: 32px;
}

.welcome_modal {
	text-align: center;
	vertical-align: middle;
	margin: 5px;
	padding: 30px;
	position: relative;
	width: 580px;
	background: #FFFFFF;
	border: 1px solid #555555;
	font-size: 24px;
}


/* .item_image_align {
	position: relative;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
} */

.item_image {
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 10px;
	width: 200px;
	height: 180px;
	/* border:1px solid #000000; */
}

img {
    max-width: 100%;
    max-height: 100%;
}

.item_icon_1 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 220px;
	width: 30px;
	height: 30px;
	/* border:1px solid #000000; */
}

.item_icon_2 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 260px;
	width: 30px;
	height: 30px;
	/* border:1px solid #000000; */
}

.item_icon_3 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 300px;
	width: 30px;
	height: 30px;
	/* border:1px solid #000000; */
}

.item_icon_4 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 340px;
	width: 30px;
	height: 30px;
	/* border:1px solid #000000; */
}

.item_icon_5 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 380px;
	width: 30px;
	height: 30px;
	/* border:1px solid #000000; */
}

.item_icon_6 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 420px;
	width: 30px;
	height: 30px;
	/* border:1px solid #000000; */
}

.item_icon_7 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 460px;
	width: 30px;
	height: 30px;
	/* border:1px solid #000000; */
}

.item_icon_8 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 500px;
	width: 30px;
	height: 30px;
	/* border:1px solid #000000; */
}

.item_icon_9 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 540px;
	width: 30px;
	height: 30px;
	/* border:1px solid #000000; */
}

.item_icon_10 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 580px;
	width: 30px;
	height: 30px;
	/* border:1px solid #000000; */
}

.item_label {
	vertical-align: middle;
	font-size: 32px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 40px;
	left: 220px;
	width: 390px;
	height: 40px;
	/* border:1px solid #000000; */
	overflow: hidden;
}

.item_description {
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 85px;
	left: 220px;
	width: 390px;
	height: 30px;
	/* border:1px solid #000000; */
	overflow: hidden;
}

.item_attribute_1L {
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 120px;
	left: 220px;
	width: 190px;
	height: 30px;
	/* border:1px solid #000000; */
}

.item_attribute_2L {
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 155px;
	left: 220px;
	width: 190px;
	height: 30px;
	/* border:1px solid #000000; */
}

.item_attribute_1R {
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 120px;
	left: 420px;
	width: 190px;
	height: 30px;
	/* border:1px solid #000000; */
}

.item_attribute_2R {
	vertical-align: middle;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 155px;
	left: 420px;
	width: 190px;
	height: 30px;
	/* border:1px solid #000000; */
}

.item_up {
	text-align: center;
	position: absolute;
	top: 5px;
	left: 360px;
	width: 120px;
	height: 100px;
	border:1px solid #000000;
}

.arrow_button {
	display: inline-block;
	font-size: 75px;
	cursor: pointer;
	text-decoration: none;
	text-shadow: 6px 6px #555555;
	outline: none;
	color: #FFFFFF;
	background-color: #339966;
	border: none;
	border-radius: 5px;
	width: 110px;
	height: 100px;
}

.disabled {
	opacity: 0.6;
	cursor: not-allowed;
}







.active_arrow {
	display: inline-block;
	padding: 15px 25px;
	font-size: 24px;
	cursor: pointer;
	text-align: center;	
	text-decoration: none;
	outline: none;
	color: #FFFFFF;
	background-color: #3e8e41;
	border: none;
	border-radius: 15px;
	box-shadow: 0 5px #666;
	width: 200px;
	height: 50px;
	transform: translateY(4px);
}










button em{
    vertical-align:middle;
    margin:0 2px;
    display:inline-block;    
}

button em.leftImage{
    background-position: -96px -112px;
}

button em.rightImage{
    background-position: -64px -16px;
}

button em:hover {
    color: red;
}

.survey_modal {
	text-align: left;
	vertical-align: middle;
	margin: 5px;
	padding: 30px;
	position: relative;
	width: 980px;
	background: #FFFFFF;
	border: 1px solid #555555;
	font-size: 24px;
}

.no_overflow {
	content: "";
	clear: both;
	display: table;
	width: 980px;
}

.modal_nav_button {
	vertical-align: top;
	display: inline-block;
	padding: 15px 25px;
	font-size: 24px;
	cursor: pointer;
	text-align: center;	
	text-decoration: none;
	outline: none;
	color: #FFFFFF;
	background-color: #339966;
	border: none;
	border-radius: 15px;
	box-shadow: 0 9px #999;
	width: 200px;
	height: 50px;
}

#mb_left {
	float: left;
}

#mb_right {
	float: right;
}

.mc_mr_button {
	vertical-align: top;
	display: inline-block;
	padding: 15px 25px;
	font-size: 24px;
	cursor: pointer;
	text-align: left;	
	text-decoration: none;
	outline: none;
	color: #FFFFFF;
	background-color: #339966;
	border: none;
	border-radius: 15px;
	box-shadow: 0 9px #999;
	width: 400px;
}

.mc_mr_element:checked + .mc_mr_button {
	vertical-align: top;
	display: inline-block;
	padding: 15px 25px;
	font-size: 24px;
	cursor: pointer;
	text-align: left;	
	text-decoration: none;
	outline: none;
	color: #FFFFFF;
	background-color: #9999E0;
	border: none;
	border-radius: 15px;
	box-shadow: 0 5px #666;
	width: 400px;
	transform: translateY(4px);
}

.unselected_button {
	vertical-align: top;
	display: inline-block;
	padding: 15px 25px;
	font-size: 24px;
	cursor: pointer;
	text-align: center;	
	text-decoration: none;
	outline: none;
	color: #FFFFFF;
	background-color: #339966;
	border: none;
	border-radius: 15px;
	box-shadow: 0 9px #999;
	width: 200px;
	height: 50px;
}
.important_button {
	display: inline-block;
	padding: 15px 25px;
	font-size: 24px;
	cursor: pointer;
	text-align: center;	
	text-decoration: none;
	outline: none;
	color: #FFFFFF;
	background-color: #CC0000;
	border: none;
	border-radius: 15px;
	box-shadow: 0 9px #999;
	width: 200px;
	height: 50px;
}
.selected_button {
	vertical-align: top;
	display: inline-block;
	padding: 15px 25px;
	font-size: 24px;
	cursor: pointer;
	text-align: center;	
	text-decoration: none;
	outline: none;
	color: #FFFFFF;
	background-color: #3e8e41;
	border: none;
	border-radius: 15px;
	box-shadow: 0 5px #666;
	width: 200px;
	height: 50px;
	transform: translateY(4px);
}

.multiple_choice_label {
	
}

.multiple_selection_label {
	
}


.alt_button {
	display: inline-block;
	padding: 15px 25px;
	font-size: 24px;
	cursor: pointer;
	text-align: center;	
	text-decoration: none;
	outline: none;
	color: #FFFFFF;
	background-color: #3e8e41;
	border: none;
	border-radius: 15px;
	box-shadow: 0 5px #666;
	height: 50px;
	transform: translateY(4px);
}

body {
	margin: 5px;
	background-color: #FFFFFF;
}


a{
	text-decoration:none;
}
input{
	font:14px Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	color:#000000;
	border:1px solid #666666;
	padding:3px;
	padding-top: 1px;
	padding-bottom:3px;
}
#SmartChoice_Blue{
	color: #4C6880;
}
#AS_Blue{
	color: #25619D;
}
#Warning_Red{
	color: #B33A3A;
}
#logo{
	float: center; width: 175px; height: 83px; margin: 30px 0 0 5px; text-indent: -9999px;
} 

.SmartChoice_Blue{
	color: #4C6880;
}

.SmartChoice_Sans{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
}

.AS_Georgia{
	font-family:Georgia,Arial,sans-serif;
}
.sprite{
	background: url('/images/global-sprite.png') no-repeat; 
}
.titleBox{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:32px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	padding:5px;
	background-color:#4C6880;
}





#scrolling_box {
	width:100%; 
	height:25%;
	overflow:auto;
}

.box{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	padding:5px;
	background-color:#FFFFFF;
	border:2px solid #4C6880;
}
.box2{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#4C6880;
	padding:5px;
	background-color:#EFF9FF;
	border:2px solid #4C6880;
}
.bigbox{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#4C6880;
	padding:5px;
	background-color:#BFB678;
	border:5px solid #4C6880;
}
.smallbox{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#4C6880;
	padding:5px;
	background-color:#BFB678;
	border:1px solid #4C6880;
}
.button{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#4C6880;
	text-align:center;
	padding:5px;
	background-color:#FFFFFF;
	border:2px solid #4C6880;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4), inset 0 1px 0 #4C6880;
}
.button1{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:5px;
	background-color:#4C6880;
	border:2px solid #FFFFFF;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4), inset 0 1px 0 #4C6880;
}
.button2{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:5px;
	background-color:#4C6880;
	border:2px solid #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #4C6880;
}
.button2a{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:5px;
	background-color:#4C6880;
	border:2px solid #BFB678;
}
.button2b{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:1px;
	background-color:#4C6880;
	border:1px solid #FFFFFF;	
}
.button2c{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:5px;
	background-color:#4C6880;
	border:2px solid #FFFF00;
	border-radius: 8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #4C6880;
}
.button2x{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:5px;
	background-color:#B33A3A;
	border:2px solid #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #B33A3A;
}
.button3{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:1x;
	background-color:#4C6880;
	border:2px solid #FFFFFF;
}
.button4{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:1x;
	background-color:#4C6880;
	border:0px solid #FFFFFF;
}

.PageMain {
	margin: 5px;
	background-color: #EAF4FF;
	border: medium solid #0922ff;
}
.HeaderTable{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size: 14px;
	color:#4C6880;
	font-weight: Bold;
	margin: 0px;
}
.HeaderData{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size: 14px;
	color:#4C6880;
	font-weight:bold;
	margin: 5px;
}
.HeaderLogo{
	margin: 0px;
	align: right;
}
.HeaderLabel {
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size: 14px;
	color:#4C6880;
	font-weight:bold;
}
.HeaderText {
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size: 14px;
	color:#4C6880;
	font-weight:bold;
	text-align: left;
}
.NormalText{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size: 11px;
	color:#4C6880;
	font-weight:Normal;
	text-decoration:none;
}
.Instructions{
	padding: 0px 5px 0 5px;
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size: 11px;
	color:#4C6880;
	font-weight:Bold;
}
.InputText{
	background-color:#ffffff;
	padding: 0px;
	margin: 0px;
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#4C6880;
}
.PageBody{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size: 11px;
	color: #2E2895;
	word-wrap:break-word;
	font-weight:Bold;
	border: medium solid #3C8BFF;
	margin: 5px;
	padding: 5px;
}
.Navigation{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size: 11px;
	color: #993399;
	background-color: #7CAFF9;
	font-weight:Normal;
	padding: 2px;
	/*border: thin solid #2E2895;*/
}
.welcome{
	border:2px solid;
	border-radius:25px;
	background-color:#FFFFFF;
	padding: 4px;
}

.column
{
    float: left;
    width: 33%;
}
.column + .column{
    margin-left:25px;
}

button, input, select, textarea {
  font-family : inherit;
  font-size   : 100%;
}

.box-style{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#4C6880;
}
#nav{
	border:1px solid #4C6880;
	border-width:1px 0;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	
	background:#BFB678;
}
#nav li{
	position:relative;
	display:inline;
}
#nav a{
	display:inline-block;
	padding:10px;
}
#nav ul{
	position:absolute;
	left:-9999px;
	margin:0;
	padding:0;
	text-align:left;
}
#nav ul li{
	display:block;
}
#nav li:hover ul{
	left:0;
	border:1px solid #4C6880;
}
#nav li:hover a{
	text-decoration:underline;
	/*background:#f1f1f1;*/
}
#nav li:hover ul a{
	text-decoration:none;
	background:#f1f1f1;
}
#nav li:hover ul a:hover{
	text-decoration:underline;
	/*background:#f1f1f1;*/
}
#nav ul a{
	white-space:nowrap;
	display:block;
	border-bottom:1px solid #4C6880;
}
a{
	color:#4C6880;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	text-decoration:underline;
	/*background:#f1f1f1;*/
}

.buttonTab{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#4C6880;
	text-align:center;
	padding:5px;
	background: #D1D1D1;
	background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	border:2px solid #4C6880;
	height: 35px;
	width:120px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #ECECEC
}
.buttonTabSelected{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:5px;
	background-color:#E99619;
	border:none;
	height: 35px;
	width:120px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.buttonTab2{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#4C6880;
	text-align:center;
	padding:5px;
	background: #D1D1D1;
	background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	border:2px solid #E99619;
	height: 35px;
	width:120px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #ECECEC
}

.buttonTab3{
	font-family:Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#B33A3A;
	text-align:center;
	padding:5px;
	background: #D1D1D1;
	background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	border:2px solid #B33A3A;
	height: 35px;
	width:120px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #ECECEC
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -60px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tabrow {
    text-align: left;
    list-style: none;
    margin: 0px 0 0px;
    padding: 0;
    line-height: 24px;
    height: 26px;
    overflow: hidden;
    font-size: 14px;
    font-family: Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
    font-weight: bold;
    position: relative;
}
.tabrow li {
    border: 1px solid #4C6880;
    background: #D1D1D1;
    background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    display: inline-block;
    position: relative;
    z-index: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #4C6880;
    margin: 0 -5px;
    padding: 0 20px;
}
.tabrow a {
    color: #4C6880;
    text-decoration: none;
}
.tabrow li.selected {
    background: #E99619;
    color: #4C6880;
    z-index: 2;
    border-bottom-color: #E99619;
}
.tabrow:before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #4C6880;
    z-index: 1;
}
.tabrow li:before,
.tabrow li:after {
    border: 1px solid #4C6880;
    position: absolute;
    bottom: -1px;
    width: 5px;
    height: 5px;
    content: " ";
}
.tabrow li:before {
    left: -6px;
    border-bottom-right-radius: 6px;
    border-width: 0 1px 1px 0;
    box-shadow: 2px 2px 0 #D1D1D1;
}
.tabrow li:after {
    right: -6px;
    border-bottom-left-radius: 6px;
    border-width: 0 0 1px 1px;
    box-shadow: -2px 2px 0 #D1D1D1;
}
.tabrow li.selected:before {
    box-shadow: 2px 2px 0 #BFB678;
}
.tabrow li.selected:after {
    box-shadow: 2px 2px 0 #BFB678;
}

.tabrow li#selected {
    background: #E99619;
    color: #4C6880;
    z-index: 2;
    border-bottom-color: #E99619;
}


.wrapper {
  margin: 50px auto;
  width: 280px;
  height: 370px;
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
  position: relative;
  z-index: 90;
}




.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #4C6880; border-radius: 20px;
}
.onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #BFB678; color: #4C6880;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #4C6880; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}