body {
	/*background: url("/images/backgrounds/FFFFFFE0E0CB_99.png");*/
	/*background: url("/images/backgrounds/temp/file000956420852.jpg");*/
	background: #F0F0F0;
	font-family: "Gisha", sans-serif;
	font-size: 16px;
	color: #333;
	margin: 0px;
}

#wrapheader {
	height: 85px;
	background: #131313;
	background: linear-gradient(to bottom, #131313 0%, #111111 20%, #212121 55%, #1c1c1c 80%, #131313 100%);
	position: relative;
	cursor: default;
}

#maintitle {
	position: absolute;
	top: 5px;
	left: 50px;
}

.maintitle {
	font-size: 48px;
	font-weight: bold;
	text-decoration: none;
	/*font-family: 'Artifika', serif;*/
	/*font-family: 'Della Respira', serif;*/
	/*font-family: 'Elsie', cursive;*/
	font-family: 'Oswald', sans-serif;
	/*font-family: 'Racing Sans One', cursive;*/
	background: #E6E6E6 url(/images/overlay-button.png) repeat-x 0 0;
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari */
}

.maintitle:hover {
	background: #81BEF7 url(/images/overlay-button.png) repeat-x 0 0;
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	transition: all 0.4s; -webkit-transition: all 0.4s; /* Safari */
}

.maintitle:active {
	background: #0040FF url(/images/overlay-button.png) repeat-x 0 0;
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	transition: all 0s; -webkit-transition: all 0s; /* Safari */
}

.maintitle_no_hover {
	font-size: 48px;
	font-weight: bold;
	text-decoration: none;
	font-family: 'Racing Sans One', cursive;
	/*font-family: edwardian script ITC;*/
	/*font-family: Eras Medium ITC;*/
	background: #E6E6E6 url(/images/overlay-button.png) repeat-x 0 0;
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari */
}

#login-area {
    font-size: 13px;
    color: white;
    position: absolute;
    top: 10px;
    right: 15px;
}

.navlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 12px
}
.navlist > li {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #A6A6A6;
}
.navlist > .last { padding-right: 0px; border-right: none }

.ul_list1 {
	list-style-type: none;
	margin: 20px 0px 20px 0px;
	padding: 0;
	line-height: 12px;
}
.ul_list1 > li {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 8px;
	color: #FF9500;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 14px 8px 14px;
	background: #222 url(/images/overlay-button.png) repeat-x 0 0;
	/*background-color: #F27D17;*/
	/*background: -webkit-linear-gradient(#FFCE18, #F27D17);*/
	background-color: #FAFAFA;
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
	border-color: #FF9500;
	cursor: pointer;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none;
	transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari */
}

.ul_list1 > li:hover { background-color: #FFDE70; transition: all 0.1s; -webkit-transition: all 0.1s; /* Safari */ }
.ul_list1 > li:active { background-color: #D5B960; transition: all 0.0s; -webkit-transition: all 0.1s; /* Safari */ }
.ul_list1 > li:first-child { }

.ul_list1 > li.disabled { background-color: #FAFAFA; color: #B5B5B5; border-color: #B5B5B5; cursor: default; }
.ul_list1 > li.selected { background-color: #FF9500; color: white; cursor: default; }

.ul_list1 > li.green { color: #FAFAFA; border-color: #91bd09; background-color: #91bd09; }
.ul_list1 > li.green:hover { background-color: #749a02; }
.ul_list1 > li.green:active { background-color: #485F03; }

.left { text-align: left }
.center { text-align: center }
.right { text-align: right }

.menu-link1 {
	text-decoration: none;
	color: white;
	border-bottom: 2px solid rgba(238, 214, 156, 0);		/*rgba(181, 222, 255, 0)*/
	padding-bottom: 2px;
	transition: all 0.3s; -webkit-transition: all 0.3s; /* Safari */
}
.menu-link1:visited {
	color: white;
}
.menu-link1:hover { border-bottom: 2px solid rgba(238, 214, 156, 1); color: #EED69C;}
.menu-link1:active { border-bottom: 2px solid rgba(168, 142, 79, 1); color: #A88E4F; transition: all 0s; -webkit-transition: all 0s; /* Safari */ }

.ajax-loader1 {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 100px;
}

.ajax-loader2 {
	margin: auto;
	display: inline-block;
	background-color: #999999;
	border-radius: 15px;
	padding: 20px 35px 20px 35px;
	-webkit-animation: loading 1s infinite;
	-webkit-animation-timing-function: linear;
}

.ajax-loader-title {
	margin-bottom: 8px;
	color: #FAFAFA;
	font-size: 22px;
	font-weight: bold;
}

@-webkit-keyframes loading {
  0% { background-color: #999999; }
  40% {	background-color: #FF8400; box-shadow:0 0 15px #FF8400; }
  60% {	background-color: #FF8400; box-shadow:0 0 15px #FF8400; }
  100% { background-color: #999999; }
}

.no_select {
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none;
}

.bold {font-weight: bold}
.floatright { float: right; }
.hidden { display: none; }

#wrapcontent {
	min-height: 480px;
}

#content {
	margin-top: 25px;
	margin-left: 35px;
	margin-right: 35px;
	margin-bottom: 25px;
	background-color: #FAFAFA;
	border-radius: 15px;
	/*box-shadow: 0 3px 10px rgba(0,0,0,0.6);*/
	padding: 20px 35px 20px 35px;
}

#wrapfooter {
	/*bottom:0px;*/
	background: #131313;
	background: linear-gradient(to bottom, #131313 0%, #111111 20%, #212121 55%, #1c1c1c 80%, #131313 100%);
	height: 35px;
	position: relative;
	cursor: default;
	/*width: 100%;
	z-index: 101;
	padding: 0px;
	position: fixed;*/ /*make position fixed to show footer at bottom of screen at all times.*/
}

.footer-links {
	font-size: 13px;
	bottom: 12px;
	right: 15px;
	color: white;
	position: absolute;
}

.footer-created-by {
	font-size: 13px;
	bottom: 12px;
	left: 15px;
	color: white;
	position: absolute;
}

.no_margin_top {margin-top: 0px;}

.error { color: red; }
.changed { color: green; }

.paddingleftright {
	padding-left: 20px;
	padding-right: 20px;
}

.paddingright { padding-right: 20px; }

.blogarchiveleft {
	max-width: 131px;
	white-space: nowrap;
	overflow: hidden;
}
.blogarchiveright {
	padding-left: 10px;
	text-align: right;
	width: 95px;
}

.table_timer {
	height: 40px;
	margin-left: auto;
	margin-right: auto;
}

.timer_tdl {
	padding-right: 0px;
	text-align: left;
	width: 110px;
	font-size: 25px;
}

.table_answers {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 14px;
}

.table_answers_heading { 
	padding-top: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

.admin_td {
	padding-right: 20px;
	max-width:250px;
	white-space:nowrap;
	overflow: hidden;
}

.newpost_td { padding-right: 20px; vertical-align: top; padding-top: 11px }
.newpost_td.disabled { color: #8B8B8B }

.newpostinput {
	width: 600px;
	border:2px solid #dadada;
    border-radius:8px;
    font-size:16px;
    padding:6px;
    transition: all 0.4s; -webkit-transition: all 0.4s; /* Safari */
}

.newpostinput:focus {
	outline:none;
	border-color:#2daebf;
    box-shadow:0 0 10px #2daebf;
}

.newposttextarea {
	width: 600px;
	border:2px solid #dadada;
    border-radius:8px;
    font-size:16px;
    padding:6px;
    transition: all 0.4s; -webkit-transition: all 0.4s; /* Safari */
}

.newposttextarea:focus {
	outline:none;
	border-color:#2daebf;
    box-shadow:0 0 10px #2daebf;
}

.comment_input {
	width: 400px;
	border:2px solid #dadada;
    border-radius:8px;
    font-size:16px;
    padding:6px;
    transition: all 0.4s; -webkit-transition: all 0.4s; /* Safari */
}

.comment_input:focus {
	outline:none;
	border-color:#2daebf;
    box-shadow:0 0 10px #2daebf;
}

.comment_textarea {
	width: 400px;
	height: 100px;
	border:2px solid #dadada;
    border-radius:8px;
    font-size:16px;
    padding:6px;
    transition: all 0.4s; -webkit-transition: all 0.4s; /* Safari */
}

.comment_textarea:focus {
	outline:none;
	border-color:#2daebf;
    box-shadow:0 0 10px #2daebf;
}

.partial_table {
	padding-left:11px;
	color: #91bd09;
}

.login_td { padding-right: 20px; }

.logininput {
	width: 250px;
	border:2px solid #dadada;
    border-radius:8px;
    font-size:16px;
    padding:6px;
    transition: all 0.4s; -webkit-transition: all 0.4s; /* Safari */
}

.logininput:focus {
	outline:none;
	border-color:#2daebf;
    box-shadow:0 0 10px #2daebf;
}

.userinput {
	width: 250px;
	border:2px solid #dadada;
    border-radius:8px;
    font-size:16px;
    /*color: #BDBDBD;*/
    padding:6px;
    transition: all 0.4s; -webkit-transition: all 0.4s; /* Safari */
}

.userinput:focus {
	outline:none;
	border-color:#2daebf;
	/*color: #333;*/
    box-shadow:0 0 10px #2daebf;
}

.quizforminput {
	min-width: 500px;
	border:2px solid #dadada;
    border-radius:8px;
    font-size:16px;
    padding:6px;
    transition: all 0.4s; -webkit-transition: all 0.4s; /* Safari */
}

.quizforminput:focus {
	outline:none;
	border-color:#2daebf;
    box-shadow:0 0 10px #2daebf;
}

.quizformselect {
	/*min-width: 250px;*/
	border:2px solid #dadada;
    border-radius:8px;
    font-size:16px;
    padding:6px;
    transition: all 0.4s; -webkit-transition: all 0.4s; /* Safari */
}

.quizformselect:focus {
	outline:none;
	border-color:#2daebf;
    box-shadow:0 0 10px #2daebf;
}

.cat_tab_modal {
	margin-left: auto;
	margin-right: auto;
}

.cat_td_modal { padding-right: 20px; transition: all 0.4s; -webkit-transition: all 0.4s; /* Safari */}
.cat_td_modal.disabled { color: #8B8B8B; }

.tab_modal {
	margin-left: auto;
	margin-right: auto;
	display: inline-table;
	text-align: left;
}

.categoryinput {
	width: 250px;
	border:2px solid #dadada;
    border-radius:8px;
    font-size:16px;
    padding:6px;
    transition: all 0.4s; -webkit-transition: all 0.4s; /* Safari */
}

.categoryinput:focus {
	outline:none;
	border-color:#2daebf;
    box-shadow:0 0 10px #2daebf;
}

.categoryselect {
	width: 266px;
	border:2px solid #dadada;
    border-radius:8px;
    font-size:16px;
    padding:6px;
    transition: all 0.4s; -webkit-transition: all 0.4s; /* Safari */
}

.categoryselect:focus {
	outline:none;
	border-color:#2daebf;
    box-shadow:0 0 10px #2daebf;
}

.uanswerinput {
	width: 300px;
	font-size: 16px;
	padding: 4px;
	font-family: Helvetica;
}

.popup {
	opacity: 0;
    position: absolute;
    right: -110px;
    top: -48px;
    z-index: -1;
    padding: 30px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.6);
    background: #F0F0F0;
    background: -webkit-linear-gradient(#fff, #ccc);
    padding: 5px;
    border-color: #131313;
    border-width: 5px;
    border-radius: 8px;
    text-shadow: 0 1px 0 #fff;
    transition: all 0.2s; -webkit-transition: all 0.4s; /* Safari */
}
.popup.hide { opacity: 0; z-index: -1;}
.popup.show { opacity: 1; z-index: 1000;}

.table-records {
	margin-left: auto;
	margin-right: auto;
    text-align: left;
	font-size: 14px;
}

.table2 {
	cursor: default;
	outline: none;
	display: inline-block;
	border-spacing: 4px;
	padding-bottom: 20px;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none;
}

.td2.buttons { padding-top: 5px; padding-bottom: 5px }
.td2.col1 { width: 100px; }
.td2.col2 { padding-right: 5px; }
.td2.col3 { width: 250px; padding-right: 5px; }
.td2.col4 { text-align: left}

.front_td_text {
	position: absolute;
	-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);
	transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari */
}

.table3 {
	cursor: default;
	outline: none;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none;
}

.td3 {
	background-color: #FFBF86;
	border-right: 2px solid #FAFAFA;
	padding: 2px 10px 2px 10px;
	position: relative;
	text-align: left;
	min-width: 180px;
	max-width: 180px;
	/*white-space: nowrap;
	overflow: hidden;*/
	transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari */
}

.td3:hover, .td3.alt:hover { 
	background-color: #FFFF00;
	transition: all 0.1s; -webkit-transition: all 0.1s; /* Safari */
}

.td3.alt {
	background-color: #FFDBBB;
}

.td3.head {
	background-color: #FF7700;
	color: #FAFAFA;
	border-bottom: 2px solid #FAFAFA;
	position: relative;
	font-weight: bold;
}

.td3.blank {
	background-color: #FAFAFA;
}

/* alternative colors for table3 */
.td3.color1 { background-color: #D4D4D4; }
.td3.color1.alt { background-color: #EAEAEA; }
.td3.color1.hover { background-color: #2BFF00; transition: all 0.1s; -webkit-transition: all 0.1s; /* Safari */ }		/* to simulate hover for mousever event */
.td3.color1.select { background-color: #FFE600; transition: all 0.1s; -webkit-transition: all 0.1s; /* Safari */ }		/* when cell selected */
.td3.color1.select_dis { background-color: #FCE072; transition: all 0.1s; -webkit-transition: all 0.1s; /* Safari */ }		/* when cell selected but not editing */
.td3.color1.hover.select { background-color: #FF2D2D; transition: all 0.1s; -webkit-transition: all 0.1s; /* Safari */ }		/* to simulate hover for mousever event */
.td3.color1.head { background-color: #FF7700; }
.td3.color1.head.disabled { background-color: #707070; }
.td3.color1.blank {	background-color: #FAFAFA; }

.table4 {
	margin-top: 10px;
	margin-bottom: 20px;
	background-color: #FAFAFA;
	cursor: default;
	outline: none;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none;
}

.th4 {
	text-align: left;
	padding: 2px 0px 2px 0px;
	position: relative;
}

.th4 button { float: right; }

.td4 {
	vertical-align: middle;
	padding: 2px 0px 2px 0px;
	text-align: left;
}

.td4:first-child {
	padding-right: 25px;
}

.th4.last, .td4.last { padding: 2px 0px 2px 0px }

.input4 {
	width: 300px;
	border:2px solid #dadada;
    border-radius:8px;
    font-size:16px;
    padding:6px;
    transition: all 0.4s; -webkit-transition: all 0.4s; /* Safari */
}

.table5 {
	cursor: default;
	outline: none;
	border-spacing: 0px;
	display: inline-block;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none;
}
.table5.topmargin { vertical-align:text-top; padding-top: 40px; }

.table5 tr { transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari */ }
.table5 tr.user { background-color: #A9F5A9; font-weight: bold; }
.table5 tr.hidden { display: none; }
.table5 tbody tr:hover { background-color: #CEF6F5; transition: all 0.1s; -webkit-transition: all 0.1s; /* Safari */ }
.table5 tr:nth-child(even) { background-color: #F2F1FA; }
.table5 tr.user:nth-child(even) { background-color: #A9F5A9; font-weight: bold; }
.table5 tbody tr:hover:nth-child(even) { background-color: #CEF6F5; transition: all 0.1s; -webkit-transition: all 0.1s; /* Safari */ }

.table5 td {
	min-width: 30px;
	max-width: 30px;
	border-right: 2px solid #FAFAFA;
	padding: 2px 10px 2px 10px;
	white-space: nowrap;
	overflow: hidden;
}

.table5 td.l { text-align: left; }
.table5 td.r { text-align: right; }
.table5 td.c { text-align: center; }
.table5 tfoot td { text-align: right; padding: 2px 0px 2px 0px; }

.table5 th {
	background-color: #E7E7E7;
	min-width: 60px;
	max-width: 60px;
	padding: 2px 10px 2px 10px;
	border-right: 2px solid #FAFAFA;
	border-bottom: 2px solid #FAFAFA;
	position: relative;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari */
}

.table5 th.l { padding-right: 22px;	text-align: left; }
.table5 th.r { padding-left: 22px; text-align: right; }
.table5 th.c { padding-left: 22px; padding-right: 22px; text-align: center; }

.table5 th:hover:not(.disabled, .blank) { background-color: #CECEF6; transition: all 0.1s; -webkit-transition: all 0.1s; /* Safari */ }
.table5 th:active:not(.disabled, .blank) {	background-color: #A9A9F5; transition: all 0s; -webkit-transition: all 0s; /* Safari */ }

.table5 th.disabled { cursor: default; }
.table5 th.disabled.blank { background-color: #FAFAFA; }

.table5 th.wide1 { min-width: 260px; max-width: 260px; }
.table5 th.wide2 { min-width: 200px; max-width: 200px; }
.table5 th.wide3 { min-width: 500px; max-width: 500px; }
.table5 th.thin1 { min-width: 45px; max-width: 45px; }
.table5 th.thin2 { min-width: 30px; max-width: 30px; }
.table5 th.thin3 { min-width: 20px; max-width: 20px; }
.table5 th.date { min-width: 120px; max-width: 120px; }

.table5 th.blank { background-color: #FAFAFA; cursor: default; }

.table5 th.sorted {	background-color: #CECEF6; transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari */ }
.table5 th.sorted:active { background-color: #A9A9F5; transition: all 0s; -webkit-transition: all 0s; /* Safari */ }

.table5 a:not(.icon):not(.front-menu-link) {
	text-decoration: none;
	color: #4536EB;
	transition: all 0.3s;
}
.table5 a:not(.icon):not(.front-menu-link):visited { color: #4536EB; }
.table5 a:not(.icon):not(.front-menu-link):hover { color: #8F3DB2; transition: all 0s; -webkit-transition: all 0s; /* Safari */ }
.table5 a:not(.icon):not(.front-menu-link):active { color: #5B157A; transition: all 0s; -webkit-transition: all 0s; /* Safari */ }

.image4 {
	transition: all 0.4s; -webkit-transition: all 0.4s; /* Safari */
	opacity: 1;
	padding-left: 2px;
	padding-right: 12px;
	cursor: pointer;
}

.image4.not_vis { opacity: 0; cursor: default; }

.icon {
	text-decoration: none;
	font-size: 14px;
	font-family: "Arial Black", sans serif;
	padding-right: 5px;
	transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari */
}

.icon.del {
	background: -webkit-linear-gradient(#EE8585, #640D0D);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.icon.del:hover { -webkit-text-fill-color: #FF0000; transition: all 0.1s; -webkit-transition: all 0.1s; /* Safari */ }
.icon.copy {
	background: -webkit-linear-gradient(#908CFF, #14116E);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.icon.copy:hover { -webkit-text-fill-color: #899DFF; transition: all 0.1s; -webkit-transition: all 0.1s; /* Safari */ }

.input4:focus {
	outline:none;
	border-color:#2daebf;
    box-shadow:0 0 10px #2daebf;
}

.tri {
	position: absolute;
	bottom: 5px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 0px solid #333;
	border-bottom: 10px solid #333;
	transition: all 0.2s; -webkit-transition: all 0.2s; /* Safari */
}

.tri.l { left: 6px; }
.tri.r { right: 6px; }
.tri.asc { }
.tri.des { -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
.tri.none { border-bottom: 0px solid #333; }

.bottom_tab{
	background: #F5F5F5; /*#E7E7E7*/
	position: relative;
	color: #848484;
	display: inline-block;
	vertical-align:text-top;
	font-weight: bold;
	font-size: 14px;
	padding: 3px 10px 3px 10px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	/*box-shadow: 0 1px 1px rgba(0,0,0,0.25);*/
	border-bottom: 1px solid #BDBDBD;
	cursor: pointer;
	transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari */
}

.bottom_tab:hover {
	background: #CECEF6;
	color: #333;
	transition: all 0.1s; -webkit-transition: all 0.1s; /* Safari */
}

.bottom_tab:active {
	background-color: #A9A9F5;
	color: #333;
	transition: all 0s; -webkit-transition: all 0s; /* Safari */
}

#quizmain {
    text-align: center
}

#records {
	margin-left: auto;
	margin-right: auto;
    text-align: center;
}

#quiz {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.question-answer {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	text-align: center;
	padding-right: 0px;
}

.table-question {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
    text-align: center;
    white-space:nowrap;
}

.table-landl-game {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
    text-align: left;
}

.answer-area {
	margin-bottom: 20px;
}

#answers {
    position: relative;
}

#answerimage {
	position: relative;
	text-align: center;
}

textarea {
	width: 600px;
	height: 200px;
	font-size: 16px;
	padding: 4px;
	font-family: Helvetica;
}

input[type=submit] {
	font-size: 16px;
}
/*
#content {
	margin-top: 25px;
	margin-left: 35px;
	margin-right: 35px;
	margin-bottom: 25px;
	background-color: #FAFAFA;
	border-radius: 15px;
	padding: 20px 35px 20px 35px;
}
*/

.blog-all {
	margin-top: 10px;
	margin-bottom: 10px;
}

.blog-all:after {
	content: "";
	display: table;
	clear: both;
}

.blog-header {
	padding: 10px 15px 10px 15px;
	background: #FAFAFA;
	/*background: linear-gradient(to bottom, #131313 0%, #111111 20%, #212121 55%, #1c1c1c 80%, #131313 100%);*/
	border-radius: 15px;
	margin-top: 10px;
	margin-bottom: 25px;
}

.blog-title {
	font-size: 36px;
	font-weight: bold;
	text-decoration: none;
	font-family: 'Racing Sans One', cursive;
	/*font-family: edwardian script ITC;*/
	/*font-family: Eras Medium ITC;*/
	background: #E6E6E6 url(/images/overlay-button.png) repeat-x 0 0;
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari */
}

.blog-content {
	float: left;
	width: 100%;
}

.blog-padder {
	margin-right: 310px;
}

.blog-sidebar {
	float: right;
	width: 100px;
	margin-left: -300px;
	transition: all 0.4s; -webkit-transition: all 0.4s; /* Safari */
}

.widen {
	width: 275px;
}

.post { cursor: default; }

.blog-window {
	padding: 10px 15px 10px 15px;
	background-color: #FAFAFA;
	border-radius: 15px;
	cursor: default;
}

.blog-window + .blog-window, .post + .post {
	margin-top: 25px;
}

.post-heading {
	position: relative;
	padding: 15px 120px 10px 15px;
	background-color: #F0F0F0;
	border-radius: 15px 15px 0px 0px;
	transition: all 0.4s; -webkit-transition: all 0.4s; /* Safari */
}

.post-heading:hover {
	background-color: #CEF6F5;
	transition: all 0.1s; -webkit-transition: all 0.1s; /* Safari */
	cursor: pointer;
}

.post-title {
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
}
.post-title:visited { color: #333; }

.post-date {
	position: absolute;
	right: 15px;
	bottom: 10px;
	color: #666;
}

.post-content {
	padding: 20px 15px 20px 15px;
	background-color: #FAFAFA;
}

.post-footer {
	position: relative;
	font-size: 12px;
	padding: 10px 15px 15px 15px;
	background-color: #F0F0F0;
	border-radius: 0px 0px 15px 15px;
}

.post-footer.permanent {
	font-size: 16px;
}

.post-footer-header {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 18px;
}

.post-comment {
	margin-top: 20px;
	position: relative;
	font-size: 14px;
	padding: 10px 10px 10px 10px;
	background-color: #FAFAFA;
}

.post-comment + .post-comment { margin-top: 10px }

.post-comment-header {
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 16px;
}

.post-comment-date {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #666;
}

.cache-date {
	position: absolute;
	right: 0px;
	font-size: 12px;
}

.cache-block {
	margin-top: 15px;
	position: relative;
}

.edit-area {
    font-size: 13px;
    color: gray;
    position: absolute;
    top: 10px;
    right: 120px;
}

.helpgame {
    color: gray;
    font-size: 12px;
}

.content-view {
	margin-top: 30px;
}

.history-table {
	font-size: 15px;
}

.history-row-gray {
	background-color: #E7E7E7;
}

.history-td {
	height: 35px;
}

.wrong-answer {
    color: red;
    text-decoration: none;
}

.wrong-answer:visited {
    color: purple;
}

.wrong-answer:hover {
    text-decoration: underline;
}

.right-answer {
    color: green;
    text-decoration: none;
}

.right-answer:visited {
    color: dark green;
}

.right-answer:hover {
    text-decoration: underline;
}

.form-row {
color: #333;
font-size: 12px;
line-height: 18px;
margin: 0 0 11px 0;
width: 100%;
overflow: hidden;
}

.form-row .label2 {
float: left;
font-weight: 700;
line-height: 15px;
padding-right: 10px;
padding-top: 6px;
width: 142px;
}

.form-row .field {
margin-left: 152px;
position: relative;
}

.bluetext {
	color: blue;
}

.inputmarginright {
	margin-right: 15px;
}

.status {
	margin-top: 20px;
	padding-bottom: 15px;
}

.prac_form_input {
	border:1px solid #dadada;
    border-radius:8px;
    width: 25px;
    text-align: right;
    padding:3px;
    -webkit-transition: all 0.4s; -webkit-transition: all 0.4s; /* Safari */
}

.prac_form_input:focus {
	outline:none;
	border-color:#2daebf;
    box-shadow:0 0 8px #2daebf;
}

.faq_questions {
	margin-top: 30px;
}

.content-link { text-decoration: none; color: #FF5E00; }
.content-link:hover {text-decoration: underline; cursor: pointer; }
.content-link:visited {color: #FF5E00 }
.content-link:active {color: #E40F04 }

.content-link2 { text-decoration: none; color: #005EFF; }
.content-link2:hover {text-decoration: underline; cursor: pointer; }
.content-link2:visited {color: #0048C5 }
.content-link2:active {color: #00235F }

.content-link3 { text-decoration: none; color: #9E9E9E; }
.content-link3:hover { color: #4032D3; cursor: pointer; }
.content-link3:visited { color: #7C7C7C }
.content-link3:active { color: #5B1192 }

.front-menu-link { text-decoration: none; color: #A4A4A4; transition: all 0.3s; -webkit-transition: all 0.3s; /* Safari */ }
.front-menu-link:visited { color: #A4A4A4; }											/* for some reason the order matters in this */
.front-menu-link:hover { color: #868686; cursor: pointer; transition: all 0s; -webkit-transition: all 0s; /* Safari */ }
.front-menu-link:active { color: #616161; transition: all 0s; -webkit-transition: all 0s; /* Safari */ }

.user-link { text-decoration: none; color: #008D8D; }
.user-link:hover { text-decoration: underline; cursor: pointer; }
.user-link:visited {color: #008D8D }
.user-link:active {color: #005858 }

.quizinput {
	width: 220px;
	border:2px solid #dadada;
    border-radius:8px;
    font-size:16px;
    padding:6px;
    transition: all 0.8s; -webkit-transition: all 0.8s; /* Safari */
}
.quizinput:focus { outline:none; border-color:#FFA02A; box-shadow:0 0 15px #FFA02A; }
.quizinput[disabled] { border-color:#91bd09; background-color: #F0F5E2; }
.quizinput.correct { border-color: #91bd09; box-shadow: 0 0 40px #91bd09; transition: all 0s; -webkit-transition: all 0s; /* Safari */ }
.quizinput.wrong { border-color: #FF0000; box-shadow: 0 0 40px #FF0000; transition: all 0s; -webkit-transition: all 0s; /* Safari */ }
.quizinput.skip { border-color: #BFBFBF; box-shadow:0 0 30px #BFBFBF; transition: all 0s; -webkit-transition: all 0s; /* Safari */ }

.quiz_header {
    font-size: 22px;
    font-weight: bold;
    margin-top: 20px;
	margin-bottom: 20px;
    transition: all 0.8s; -webkit-transition: all 0.8s; /* Safari */
}
.quiz_header.landl { font-size: 16px; }
.quiz_header.correct { color: #91bd09; transition: all 0s; -webkit-transition: all 0s; /* Safari */ }
.quiz_header.wrong { color: #FF0000; transition: all 0s; -webkit-transition: all 0s; /* Safari */ }
.quiz_header.skip { color:#BFBFBF; transition: all 0s; -webkit-transition: all 0s; /* Safari */ }

.digiclock {
	font-family: 'Agency FB';
	font-size: 200%;
	width: 110px;
	text-align: left;
	padding: 0px;
}

/* modals amended from www.paulrhayes.com/2011-04/css-modal/ */

/* Container */
.modal {

    /* Overlay page content */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10000;

    /* Transition opacity on open */
    -webkit-transition: opacity 350ms ease-in;
    transition: opacity 350ms ease-in;

    /* Hide for now */
    opacity: 0;
    pointer-events: none;
}

/* Show modal */
.modal.open {
    opacity: 1;
    pointer-events: auto;
    /* at time of writing (Feb 2012), pointer-events not supported by Opera or IE */
}

/* Content */
.modal > div {
    width: 500px;
    background: #fff;
    position: relative;
    margin: 10% auto;

    /* Default minimise animation */
    -webkit-animation: minimise 350ms ease-in;

    /* Prettify */
    padding: 30px;
    border-radius: 7px;
    box-shadow: 0 3px 20px rgba(0,0,0,0.9);
    background: #fff;
    background: -moz-linear-gradient(#fff, #ccc);
    background: -webkit-linear-gradient(#fff, #ccc);
    background: -o-linear-gradient(#fff, #ccc);
    text-shadow: 0 1px 0 #fff;
}

/* Override animation on modal open */
.modal.open > div {
    -webkit-animation-name: zoomin;
}

.modal h2 {
    font-size: 36px;
    padding: 0 0 0px;
}

/* Container */
.modal2 {

    /* Overlay page content */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10000;

    /* Transition opacity on open */
    -webkit-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in;

    /* Hide for now */
    opacity: 0;
    pointer-events: none;
}

/* Show modal */
.modal2.open {
    opacity: 1;
    pointer-events: auto;
    /* at time of writing (Feb 2012), pointer-events not supported by Opera or IE */
}

/* Content */
.modal2 > div {
    width: 300px;
    background: #fff;
    position: relative;
    margin: 12% auto;

    /* Default minimise animation */
    /*-webkit-animation: minimise 300ms ease-in;*/

    /* Prettify */
    padding: 30px;
    border-radius: 7px;
    box-shadow: 0 3px 20px rgba(0,0,0,0.9);
    background: #fff;
    background: -moz-linear-gradient(#FFE19F, #FFBA22);
    background: -webkit-linear-gradient(#FFE19F, #FFBA22);
    background: -o-linear-gradient(#FFE19F, #FFBA22);
    text-shadow: 0 1px 0 #FFBA22;
}

/* Override animation on modal open */
.modal2.open > div {
    -webkit-animation-name: bounce;
}

.modal2 h2 {
    font-size: 36px;
    padding: 0 0 0px;
}


/* Container */
.modal3 {

    /* Overlay page content */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10000;

    /* Transition opacity on open */
    -webkit-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in;

    /* Hide for now */
    opacity: 0;
    pointer-events: none;
}

/* Show modal */
.modal3.open {
    opacity: 1;
    pointer-events: auto;
    /* at time of writing (Feb 2012), pointer-events not supported by Opera or IE */
}

/* Content */
.modal3 > div {
    width: 300px;
    background: #fff;
    position: relative;
    margin: 12% auto;

    /* Default minimise animation */
    /*-webkit-animation: minimise 300ms ease-in;*/

    /* Prettify */
    padding: 30px;
    border-radius: 7px;
    box-shadow: 0 3px 20px rgba(0,0,0,0.9);
    background: #fff;
    background: -moz-linear-gradient(#AEFFA5, #33E71F);
    background: -webkit-linear-gradient(#AEFFA5, #33E71F);
    background: -o-linear-gradient(#AEFFA5, #33E71F);
    text-shadow: 0 1px 0 #AEFFA5;
}

/* Override animation on modal open */
.modal3.open > div {
    -webkit-animation-name: bounce;
}

.modal3 h2 {
    font-size: 36px;
    padding: 0 0 0px;
}

/* Container */
.modal4 {

    /* Overlay page content */
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10000;

    /* Transition opacity on open */
    -webkit-transition: opacity 350ms ease-in;
    transition: opacity 350ms ease-in;

    /* Hide for now */
    opacity: 0;
    pointer-events: none;
}

/* Show modal */
.modal4.open {
    opacity: 1;
    pointer-events: auto;
    /* at time of writing (Feb 2012), pointer-events not supported by Opera or IE */
}

/* Content */
.modal4 > div {
    background: #fff;
    position: relative;
    margin: 5% auto;
    display: inline-block;

    /* Default minimise animation */
    -webkit-animation: minimise 350ms ease-in;

    /* Prettify */
    padding: 30px;
    border-radius: 7px;
    box-shadow: 0 3px 20px rgba(0,0,0,0.9);
    background: #fff;
    background: -moz-linear-gradient(#fff, #ccc);
    background: -webkit-linear-gradient(#fff, #ccc);
    background: -o-linear-gradient(#fff, #ccc);
    text-shadow: 0 1px 0 #fff;
}

/* Override animation on modal open */
.modal4.open > div {
    -webkit-animation-name: zoomin;
}

.modal4 h2 {
    font-size: 36px;
    padding: 0 0 0px;
}

@-webkit-keyframes zoomin {
  0% {	-webkit-transform: scale3d(0.1,0.1,1);
    	box-shadow: 0 3px 20px rgba(0,0,0,0.9);	}
  100% {-webkit-transform: scale3d(1,1,1);
    	box-shadow: 0 3px 20px rgba(0,0,0,0.9);	}
}

@-webkit-keyframes bounce {
  0% {	-webkit-transform: scale3d(0.1,0.1,1);
    	box-shadow: 0 3px 20px rgba(0,0,0,0.9);	}
  55% {	-webkit-transform: scale3d(1.08,1.08,1);
  		box-shadow: 0 10px 20px rgba(0,0,0,0);	}
  75% {	-webkit-transform: scale3d(0.95,0.95,1);
    	box-shadow: 0 0 20px rgba(0,0,0,0.9);	}
  100% {-webkit-transform: scale3d(1,1,1);
    	box-shadow: 0 3px 20px rgba(0,0,0,0.9);	}
}

@-webkit-keyframes minimise {
  0% {	-webkit-transform: scale3d(1,1,1);		}
  100% {-webkit-transform: scale3d(0.1,0.1,1);	}
}

/* Modal close link */
.modal a[onClick="modal_close('practice_form')"] {
    position: absolute;
    right: 0;
    top: 0;
    color: transparent;
}

/* Reset native styles */
.modal a[onClick="modal_close('practice_form')"]:focus {
    outline: none;
}

/* Create close button */
.modal a[onClick="modal_close('practice_form')"]:after {
    content: 'X';
    display: block;

    /* Position */
    position: absolute;
    right: -10px;
    top: -10px;
    width: 1.5em;
    padding: 1px 1px 1px 1px;

    /* Style */
    text-decoration: none;
    text-shadow: none;
    text-align: center;
    font-weight: bold;
    background: #000;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    }

    .modal a[onClick="modal_close('practice_form')"]:focus:after,
    .modal a[onClick="modal_close('practice_form')"]:hover:after {
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
}

.modal a[onClick="modal_close('practice_form')"]:focus:after {
    outline: 1px solid #000;
}

/* Following used under MIT licence
The MIT License (MIT)
Copyright (c) <year> <copyright holders>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"),
to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/


/*	@group ZURButtons
	-------------------------------------------------- */
	.button { background: #222 url(/images/overlay-button.png) repeat-x 0 0; padding: 6px 15px 6px;
		color: #fff !important; font-size: 13px; font-weight: bold; font-family: Gisha, sans-serif; text-decoration: none;
		-webkit-border-radius: 5px;
		-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.25);
		text-shadow: 0 -1px 1px rgba(0,0,0,0.25); cursor: pointer; border: 1px; border-bottom: 1px solid rgba(0,0,0,0.25);
		-webkit-touch-callout: none; -webkit-user-select: none; user-select: none;
		transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari */ }
	.button:hover { background-color: #111; color: #fff; transition: all 0.1s; -webkit-transition: all 0.1s; /* Safari */ }
	.button:active { background-color: #000000; transition: all 0s; -webkit-transition: all 0s; /* Safari */ -webkit-box-shadow: 0 0px 1px rgba(0,0,0,0.25); -webkit-border-radius: 6px; }
	.button:focus { outline: none; }
	/* Class for link within button */
	.button.link { display: inline-block; }
	.buttonlink { color: #fff; text-decoration: none; }
	.buttonlink:visited { color: #fff; }
	/* Button Sizes */
	.small.button { font-size: 12px; padding: 5px 10px 5px; }
	.medium.button { font-size: 17.5px; padding: 7px 19px 7px; }
	.large.button { font-size: 20px; padding: 7px 19px 7px; -webkit-border-radius: 8px;}
	/* Colors for our beloved buttons */
	.green.button { background-color: #91bd09; }
	.green.button:hover { background-color: #749a02; }
	.green.button:active { background-color: #485F03; }
	.blue.button { background-color: #2daebf; }
	.blue.button:hover { background-color: #007d9a; }
	.blue.button:active { background-color: #024E5F; }
	.red.button { background-color: #e33100; }
	.red.button:hover { background-color: #B73202; }
	.red.button:active { background-color: #702105; }
	.magenta.button{ background-color: #BF0455; }
	.magenta.button:hover { background-color: #8E0145; }
	.magenta.button:active { background-color: #690034; }
	.orange.button { background-color: #ff5c00; }
	.orange.button:hover { background-color: #d45500; }
	.orange.button:active { background-color: #A54301; }
	.orangellow.button { background-color: #ffb515; }
	.orangellow.button:hover { background-color: #fc9200; }
	.orangellow.button:active { background-color: #CC7700; }
	.yellow.button { background-color: #E0DC00; }
	.yellow.button:hover { background-color: #B2AF00; }
	.yellow.button:active { background-color: #928F04; }
	.white.button { background-color: #fff; border: 1px solid #ccc; color: #666 !important; font-weight: normal; text-shadow: 0 1px 1px rgba(255,255,255,1); }
	.white.button:hover { background-color: #eee; }
	.white.button:active { background-color: #EBEBEB; }

	/*Disabled button*/
	.disabled.button { background-color: #D8D8D8; cursor: default;}
	
	/*Strike button*/
	.strike.button	{background-color: #4ADFC1}
	.strike.button:hover {background-color: #39ceb0}
	.strike.button:active { background-color: #25AF93}
	
	/* Secondary buttons (perfect for Cancels or other secondary actions */
	.secondary.button { background: #fff url(/images/gradients/36px-black.png) repeat-x 0 0; color: #555 !important; text-shadow: 0 1px 1px rgba(255,255,255,0.5); border: 1px solid #bbb; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
	.secondary.button:hover { background-color: #eee; color: #444 !important; border-color: #999; }
	.secondary.button:active { background-color: #D3D3D3; color: #444 !important; border-color: #999; }

	/* Make the buttons super awesomer */
	.super.button { background-image: url(/images/super-button-overlay.png); font-size: 13px; border: 1px solid rgba(0,0,0,.25); -webkit-border-radius: 15px; -moz-border-radius: 15px; }
	.super.button span { display: block; padding: 4px 15px 6px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-top: 1px solid rgba(255,255,255,.2); line-height: 1; }
	.small.super.button { font-size: 11px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }
	.small.super.button span { padding: 2px 12px 6px; -webkit-border-radius: 11px; -moz-border-radius: 11px; }
	.small.white.super.button span { padding: 3px 12px 5px; }
	.large.super.button { background-position: left bottom; -webkit-border-radius: 18px; -moz-border-radius: 18px; }
	.large.super.button span { font-size: 14px; padding: 7px 20px 9px; -webkit-border-radius: 17px; -moz-border-radius: 17px; }

	/* Radioactive buttons */
	.green.button.radioactive { -webkit-animation-name: greenPulse; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; }
	.orange.button.radioactive { -webkit-animation-name: orangePulse; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; }
	.blue.button.radioactive { -webkit-animation-name: bluePulse; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; }


.regular-radio {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 0px;
    position: relative;
}
 
.regular-radio:checked:after {
    content: ' ';
    width: 12px;
    height: 12px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: #99a1a7;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
    text-shadow: 0px;
    left: 3px;
    font-size: 32px;
}
 
.regular-radio:checked {
    background-color: #e9ecee;
    color: #99a1a7;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
 
.regular-radio:active, .regular-radio:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}