/* CSS Document */

@font-face {
    font-family: 'balhamregular';
    src: url('fonts/balham/balham.eot'); /* IE9 Compat Modes */
    src: url('fonts/balham/balham.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/balham/balham.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/balham/balham.woff') format('woff'), /* Modern Browsers */
         url('fonts/balham/balham.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/balham/balham.svg#balhamregular') format('svg'); /* Legacy iOS */
}

#video_background {
	position: fixed;
	top: 0px;
	right: 0px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
    padding: 0px;
    margin: 0px;
	z-index: -1000;
	overflow: hidden;
    border: 0;
}
#background_overlay {
	position: fixed;
    background-color: black;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding: 0px;
    margin: 0px;
    z-index: -1;
    border: 0;
}
#top {
    background-color: black;
    padding: 0em 2em 0em 2em;
    margin-left: -8px;
    position: fixed;
    border: 0;
    top: 0;
	width: 98%;
    height: 6em;
    z-index: 100;
}
#main {
    padding: 6em 0em 0em 0em;
    width: 100%;
    z-index: 1;  
}
#main_inlay {
    z-index: 2;
    padding: 0em 2em 1em 1em; 
}
#half_left {
    padding: 6em 0em 0em 0em;
    float: left;
    width: 50%;
    z-index: 1;
}
#left_inlay {
    z-index: 2;
    padding: 0em 1em 1em 1em;
}
#half_right {
    padding: 6em 0em 0em 0em;
    right: 0;
    float: right;
    width: 50%;
    z-index: 1;
}
#right_inlay {
    z-index: 2;
    padding: 0em 1em 1em 1em;
}
#after_split {
    clear: both;
    z-index: 1;  
}
#floating_topics {
    padding: 0em 1em 1em 0em;
    float: left;
    text-align: center;
}

body {
    font-family: 'balhamregular', "Lao UI", Segoe UI, Kalinga, Arial;
    color: white;
}
h1 {
    font-size: 230%;
}
h2 {
    font-size: 190%;
}
h3 {
    font-size: 135%;
}

.submit_standard {
    font-family: 'balhamregular', "Lao UI", Segoe UI, Kalinga, Arial; 
    font-size: 100%;
    background: black url(input_standard.jpg) repeat;
    background-size: 100% 100%;
    color: white;
    padding: 0.5em 1em 0.5em 1em;
    margin: 0.1em 0.0em 0.1em 0.0em;
    box-sizing: border-box;
    border: 0px solid #ccc;
    border-radius: 0.1em;
}
.submit_marked {
    font-family: 'balhamregular', "Lao UI", Segoe UI, Kalinga, Arial; 
    font-size: 100%;
    background: black url(input_standard.jpg) repeat;
    background-size: 100% 100%;
    color: white;
    padding: 0.5em 1em 0.5em 1em;
    margin: 0.1em 0.0em 0.1em 0.0em;
    box-sizing: border-box;
    border: 0.15em solid #c75922;
    border-radius: 0.1em;
}
.submit_summary_h1 {
    font-family: 'balhamregular', "Lao UI", Segoe UI, Kalinga, Arial; 
    font-size: 230%;
    background-color: rgba(95,38,0,0.5);
    color: white;
    padding: 0.5em 1em 0.5em 1em;
    margin: 0.1em 0.0em 0.1em 0.0em;
    box-sizing: border-box;
    border: 0px solid #ccc;
    border-radius: 0.1em;
}
.submit_summary_h2 {
    font-family: 'balhamregular', "Lao UI", Segoe UI, Kalinga, Arial; 
    font-size: 190%;
    background-color: rgba(80,40,0,0.5);
    color: white;
    padding: 0.5em 1em 0.5em 1em;
    margin: 0.1em 0.0em 0.1em 0.0em;
    box-sizing: border-box;
    border: 0px solid #ccc;
    border-radius: 0.1em;
}
.submit_summary_h3 {
    font-family: 'balhamregular', "Lao UI", Segoe UI, Kalinga, Arial; 
    font-size: 135%;
    background-color: rgba(0,80,80,0.5);
    color: white;
    padding: 0.5em 1em 0.5em 1em;
    margin: 0.1em 0.0em 0.1em 0.0em;
    box-sizing: border-box;
    border: 0px solid #ccc;
    border-radius: 0.1em;
}
.input_standard {
    font-family: 'balhamregular', "Lao UI", Segoe UI, Kalinga, Arial; 
    font-size: 100%;
    background-color: rgba(0,255,255,0.2);
    color: white;
    text-align: center;
    padding: 0.1em 0.25em 0.1em 0.25em;
    margin: 0.1em 0.0em 0.1em 0.0em;
    box-sizing: border-box;
    border: 0px solid #ccc;
    border-radius: 0.1em;    
}
.input_textarea {
    font-family: 'balhamregular', "Lao UI", Segoe UI, Kalinga, Arial; 
    font-size: 100%; 
    background: black url(input_textarea.jpg) repeat;
    background-size: 100% 100%;
    color: white;
    padding: 0.1em 0.25em 0.1em 0.25em;
    margin: 0.1em 0.0em 0.1em 0.0em;
    box-sizing: border-box;
    border: 0px solid white;
    border-radius: 0.1em;
}
.input_checkbox {
    font-family: 'balhamregular', "Lao UI", Segoe UI, Kalinga, Arial; 
    width: 1.5em;
    height: 1.5em;
}
.input_radio {
    font-family: 'balhamregular', "Lao UI", Segoe UI, Kalinga, Arial; 
    width: 2em;
    height: 2em;
    background-color: #462007; 
    color: white;
}

.summary_dropdown {
    
}

.table_border {
    border-collapse: collapse;
    hyphens: auto;
}
.table_center {
    hyphens: auto;
}
.table_left {
    hyphens: auto;
}

.table_border tr {
    border: 1px solid white;
}
/*.table_left.table_center tr:nth-child(even) {
   background-color: #303030;
}
.table_left.table_center tr:nth-child(odd) {
   background-color: black;
}*/
.table_border th {
    border: 1px solid white;
    padding: 0.15em 0.20em 0.15em 0.2em;
    font-weight: bold;
    text-align: center;
    background: url(th_row_background.jpg);
    background-size: 100% 100%;
}
.table_border td {
    border: 1px solid white;
    padding: 0.15em 0.20em 0.15em 0.2em;
    text-align: center;
    vertical-align: middle;
    background: url(td_row_background.png);
    background-size: 100% 100%;
}
.table_center th {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    padding: 0em 0.25em 0em 0.25em;
    background: url(th_row_background.jpg);
    background-size: 100% 100%;
}
.table_center td {
    text-align: center;
    vertical-align: middle;
    padding: 0em 0.25em 0em 0.25em;
    background: url(td_row_background.png);
    background-size: 100% 100%;
}
.table_left th {
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    padding: 0em 0.25em 0em 0.25em;
    background: url(th_row_background.jpg);
    background-size: 100% 100%;
}
.table_left td {
    text-align: left;
    vertical-align: middle;
    padding: 0em 0.25em 0em 0.25em;
    background: url(td_row_background.png);
    background-size: 100% 100%;
}

.menu_button_general {
    font-family: 'balhamregular', "Lao UI", Segoe UI, Kalinga, Arial;
	background: black url(input_standard.jpg) repeat;
    background-size: 100% 100%;
    font-size: 100%;
    color: white;
    padding: 0.0em 0.5em 0.0em 0.5em;
    margin: 0.1em 0.0em 0.1em 0.0em;
    box-sizing: border-box;
    border: 0px solid white;
    border-radius: 0.1em;
    float: left;
}
.menu_button_hero {
    font-family: 'balhamregular', "Lao UI", Segoe UI, Kalinga, Arial;
	background: black url(input_standard.jpg) repeat;
    background-size: 100% 100%;
    filter: grayscale(50%);
    filter: sepia(50%);
    font-size: 100%;
    color: white;
    padding: 0.0em 0.5em 0.0em 0.5em;
    margin: 0.1em 0.0em 0.1em 0.0em;
    box-sizing: border-box;
    border: 0px solid white;
    border-radius: 0.1em;
    float: left;
}
.menu_button_objects {
    font-family: 'balhamregular', "Lao UI", Segoe UI, Kalinga, Arial;
	background: black url(input_standard.jpg) repeat;
    background-size: 100% 100%;
    filter: grayscale(75%);
    font-size: 100%;
    color: white;
    padding: 0.0em 0.5em 0.0em 0.5em;
    margin: 0.1em 0.0em 0.1em 0.0em;
    box-sizing: border-box;
    border: 0px solid white;
    border-radius: 0.1em;
    float: left;
}
.dropdown {
    font-family: 'balhamregular', "Lao UI", Segoe UI, Kalinga, Arial;
	background: black url(input_standard.jpg) repeat;
    background-size: 100% 100%;
    font-size: 100%;
    color: white;
    padding: 0.5em 0.05em 0.5em 0.05em;
    margin: 0.0em 0.0em 0.0em 0.0em;
    box-sizing: border-box;
    border: 0px solid white;
    border-radius: 0.1em;
    float: left;
}

a:link, a:visited {
    color: white;
    background-color: rgba(0,255,255,0.2);
    text-decoration: none;
}
a:hover, a:active {
    color: #a41111;
    background-color: rgba(104,111,64,0.1);
    text-decoration: none;
}

div.ouija_table {
    text-align: center;
    border-collapse: initial;    
}
.divTable.ouija_table .table_spell_cell {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    padding: 10px 10px;
    min-width: 400px;
    width: 400px;
    height: 300px;
    vertical-align: middle;
    border: 0px solid;
}

.divTable.ouija_table .table_empty_cell {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    padding-left: 50px;
    width: 100px;
    height: 100px;
    vertical-align: middle;
}
.divTable.ouija_table .cell_border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}
.divTable.ouija_table .cell_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 340px;
    height: 265px;
    margin: 40px;
}

.divTable { display: table; }
.divTableRow { display: table-row; }
.table_spell_cell { display: table-cell;}
.table_empty_cell { display: table-cell;}
.divTableBody { display: table-row-group;}