body {
        font-size: 40px;
		text-align: center;
		/* line-height: 100px; */
		vertical-align: middle;
        /* font:12px Verdana,Arial; */
		/* background-color:#DFEDEC; */
    }
#ddoc_header_span
	{
	width: 100%;
	border: solid 1px blue;
	vertical-align: middle;
	background: #DFEDEC;
	vertical-align: top;
	}
#ddoc_footer_span
	{
	border: solid 1px lightblue;
	background: #DFEDEC;
	}
#ddoc_content_span
	{
	width: 100%;
	text-align: left;
	float: right;
	/* 
	background: #F0F7F7;
	background: #F0FCFC;
	*/
	background: #FFFFFF;
	}
#imageContainer
	{
	margin: 10px;
	width: auto;
	/* forces 10px fixed margin around object */
	}
#mainImage
	{
	width: 100%;
	/* the image grows proportionally with #mainContent 
	   but still maintains 10px of gutter 
	*/
	}
.ddoc_radio
	{
	border: 1px solid #999999;
	color: #000000;	
	}
.ddoc_radio_label
	{
    font:16px Verdana,Arial;
	font-weight: bold;
	}
.ddoc_textfield
	{
	border: 1px solid #999999;
	color: #000000;	
	}
.ddoc_textfield_required
	{
	border: 2px solid #0000FF;
	color: #000000;	
	}
.ddoc_textfield_required_grey
	{
	border: 2px solid #0000FF;
	color: #999999;	
	}
.ddoc_textfield_grey
	{
	border: 1px solid #999999;
	color: #999999;	
	}
.ddoc_textfield_error
	{
	border: 1px solid #FF0000;
	color: #000000;	
	}
.ddoc_textfield_error_grey
	{
	border: 1px solid #FF0000;
	color: #999999;	
	}
#ddoc_left_wrapper
	{
	width: 30%;
	float: left;
	}
.add_hostname_button
	{
    font:14px Verdana,Arial;
	font-weight: bold;
	}
.left_button
	{
    font:20px Verdana,Arial;
	font-weight: bold;
	}
.left_button_14_text
	{
    font:14px Verdana,Arial;
	font-weight: bold;
	}
.left_button_small_text
	{
    font:12px Verdana,Arial;
	font-weight: bold;
	}
.product_button
	{
    font:16px Verdana,Arial;
	font-weight: bold;
	}
.login_left_button
	{
    font:16px Verdana,Arial;
	font-weight: bold;
	}
.login_left_wide_button
	{
    font:16px Verdana,Arial;
	font-weight: bold;
	}
.contact_button
	{
    font:16px Verdana,Arial;
	font-weight: bold;
	}
#ddoc_left_span
	{
	margin-right: 10px;
	/* sideContent always keeps 20px of right margin,
	   relative to it's parent container, (#sideContentWrapper)
	   Otherwise it would grow proportionately
	*/
	/* background: #DEFAF3; */
	background: #FFFFFF;
	}
oldbody {
        margin:0;
        font:12px Verdana,Arial;
		background-color:#DFEDEC;
    }
.header_zone {
        margin:0;
        font:12px Verdana,Arial;
		height:50;
		width:100%;
		text-align:center;
		background-color:#E6F5F4;
    }
html_editor {
        border:1px solid #bbb;
        padding:0 1px 1px;
        font:12px Verdana,Arial;
        margin:25px;
    }
.html_editor_iframe     
	{
   	border:none;
	}
.html_editor_header 
	{
            height:31px;
            border-bottom:1px solid #bbb;
            /* background-image:url(Images/html_editor_header-bg.gif)  */
            /* repeat-x; */
            padding-top:1px;
	}

.html_editor_header     select  {
                                    float:left;
                                    margin-top:5px;
                                }
.html_editor_font {
            margin-left:12px;
        }
.html_editor_size {
            margin:0 3px;
        }
.html_editor_style {
            margin-right:12px;
        }
.html_editor_divider {
                float:left;
                width:1px;
                height:30px;
                background:#ccc;
            }
.html_editor_control {
                float:left;
                width:34px;
                height:30px;
                cursor:pointer;
            }
.html_editor_control:hover {
                    background-color:#fff;
                    background-position:30px 0;
                    }
.html_editor_footer {
            height:32px;
            border-top:1px solid #bbb;
            background:#f5f5f5;
            }
.html_editor_toggle {
            float:left;
            padding:9px 13px 0 31px;
            height:23px;
            border-right:1px solid #ccc;
            cursor:pointer;
            color:#666;
            }
.html_editor_toggle:hover {
                            background-color:#fff;
                        }
.html_editor_resize {
            float:right;
            height:32px;
            width:32px;
            /* background-image:url(Images/html_editor_resize.gif) 15px 15px no-repeat; */
            cursor:s-resize;
        }

.logout_button	{
					white-space: normal;
					font-size: 22px;
					font-weight: bold;
					border-width: 2px 2px 2px 2px;	
					border-style: solid;
					background-color: #EDF9FA;
					border-color: #009966;
					}


.food_button	{
					white-space: normal;
					font-size: 18px;
					font-weight: bold;
					border-width: 2px 2px 2px 2px;	
					border-style: solid;
					background-color: #EDF9FA;
					border-color: #009966;
					}

.food_text	{
					font-size: 12px;
					font-weight: bold;
					border-width: 2px 2px 2px 2px;	
					border-style: solid;
					background-color: #EDF9FA;
					border-color: #009966;
					}

.food_box {
		height:400px;
		font-size: 12px;
		color:	#333333;
		vertical-align: top;
		font-family: monospace;
		font-weight: normal;
		background-color: #ffffff;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		padding: 0.2em 0.3em 0.2em 0.3em;
		border-color: #009966;
		}

.theater_box {
		height:400px;
		font-size: 12px;
		color:	#333333;
		vertical-align: top;
		font-family: monospace;
		font-weight: normal;
		background-color: #ffffff;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		padding: 0.2em 0.3em 0.2em 0.3em;
		border-color: #009966;
		}

.theater_total_box {
		height:400px;
		font-size: 12px;
		color:	#333333;
		vertical-align: top;
		font-family: monospace;
		font-weight: normal;
		background-color: #ffffff;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		padding: 0.2em 0.3em 0.2em 0.3em;
		border-color: #009966;
		}

.theater_total {
		height:400px;
		font-size: 12px;
		color:	#333333;
		vertical-align: top;
		font-family: monospace;
		font-weight: normal;
		background-color: #ffffff;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		padding: 0.2em 0.3em 0.2em 0.3em;
		border-color: #009966;
		}

.theater_receipt_box {
		height:400px;
		font-size: 12px;
		color:	#333333;
		vertical-align: top;
		font-family: monospace;
		font-weight: normal;
		background-color: #ffffff;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		padding: 0.2em 0.3em 0.2em 0.3em;
		border-color: #009966;
		}

.theater_movie_box {
		height:500px;
		font-size: 12px;
		color:	#333333;
		vertical-align: top;
		font-family: monospace;
		font-weight: normal;
		background-color: #ffffff;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		padding: 0.2em 0.3em 0.2em 0.3em;
		border-color: #009966;
		}

.theater_total_box {
					font-size: 14px;
					font-weight: bold;
					border-width: 2px 2px 2px 2px;	
					border-style: solid;
					background-color: #EDF9FA;
					border-color: #009966;
					}


.pos_box {
		height:400px;
		font-size: 12px;
		color:	#333333;
		vertical-align: top;
		font-family: monospace;
		font-weight: normal;
		background-color: #ffffff;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		padding: 0.2em 0.3em 0.2em 0.3em;
		border-color: #009966;
		}

.pos_total_box {
		height:400px;
		font-size: 12px;
		color:	#333333;
		vertical-align: top;
		font-family: monospace;
		font-weight: normal;
		background-color: #ffffff;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		padding: 0.2em 0.3em 0.2em 0.3em;
		border-color: #009966;
		}

.pos_total {
		height:400px;
		font-size: 12px;
		color:	#333333;
		vertical-align: top;
		font-family: monospace;
		font-weight: normal;
		background-color: #ffffff;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		padding: 0.2em 0.3em 0.2em 0.3em;
		border-color: #009966;
		}

.pos_receipt_box {
		height:400px;
		font-size: 12px;
		color:	#333333;
		vertical-align: top;
		font-family: monospace;
		font-weight: normal;
		background-color: #ffffff;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		padding: 0.2em 0.3em 0.2em 0.3em;
		border-color: #009966;
		}

.pos_movie_box {
		height:500px;
		font-size: 12px;
		color:	#333333;
		vertical-align: top;
		font-family: monospace;
		font-weight: normal;
		background-color: #ffffff;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		padding: 0.2em 0.3em 0.2em 0.3em;
		border-color: #009966;
		}

.pos_total_box {
					font-size: 14px;
					font-weight: bold;
					border-width: 2px 2px 2px 2px;	
					border-style: solid;
					background-color: #EDF9FA;
					border-color: #009966;
					}


.total_text {
					font-size: 14px;
					font-weight: bold;
					border-width: 2px 2px 2px 2px;	
					border-style: solid;
					background-color: #EDF9FA;
					border-color: #009966;
					}


.numberpad_button	{
					font-size: 32px;
					font-weight: bold;
					border-width: 2px 2px 2px 2px;	
					border-style: solid;
					background-color: #EDF9FA;
					border-color: #009966;
					}

.numberpad_text	{
					font-size: 26px;
					font-weight: bold;
					border-width: 2px 2px 2px 2px;	
					border-style: solid;
					background-color: #EDF9FA;
					border-color: #009966;
					}

.numberpad_backspace	{
					font-size: 14px;
					font-weight: bold;
					border-width: 2px 2px 2px 2px;	
					border-style: solid;
					background-color: #EDF9FA;
					border-color: #009966;
					}

.numberpad_text 	{
					font-size: 32px;
					font-weight: bold;
					border-width: 2px 2px 2px 2px;	
					border-style: solid;
					background-color: #EDF9FA;
					border-color: #009966;
					text-align: center;
					}



.sfdsbs_box {
		font-size: 12px;
		color:	#333333;
		font-family: Arial,sanserif;
		font-weight: normal;
		background-color: #ffffff;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		padding: 0.2em 0.3em 0.2em 0.3em;
		border-color: #009966;
		}

/* # screensaver */

screen_saver_html, screen_saver_body
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 100%;
	-webkit-text-size-adjust: 100%;
}

screen_saver_body
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: black;
	background-color: white;
	margin: 0;
	padding: 0;
}

#container
{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0px auto;
	background-color: black;
	display: none;
}

#app
{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: white;
}

canvas /* applies to all canvas objects */
{
	position: absolute;
	width: 100%;
	height: 100%;
}