body {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color:#404040;
	background-color:#fff;
}

/*body.waiting * { cursor: wait; }
*/
tr
/********************/
 {
	max-height: 6px;
}

p,td,th
{
	line-height:1.5em;
	margin: 0 0 .8em 0;
}



h1{
	color: #823BC9;
	font-size: 1.8em;
	margin-top: 0.6em;
}
h2{
	color: #644981;
	font-size: 1.5em;
	margin: 0 0 .1em 0;

}
h3{
	color: #666;
	font-size: 1.2em;
	margin: .2em 0 .2em 0;

	/* [disabled]margin: 0.3em; */
}
a {
	color:#DE2255;
	text-decoration:none
}
#footer a:hover {
	color:#fff;
}

#column {
	width: 26%;
	background-color:#CCC;
	padding: 1em;
	float: left;
	margin: .5em;
}
.bigcol{
	width: 48%;
	background-color:#CCC;
	padding: 2%;
	float: left;
	margin: 1%;
	/*	 display:inline-table; 
clear: both;*/
}
#bigcol2{
	width: 40%;
	background-color:#CCC;
	padding: 1em;
	float: left;
	margin: .5em;
	
}

#manageSchools{
	width: 100%;
	padding: 2% 2% 0 2%;
	text-align: center;
}
#manageSchools select{
	width: 100%;
	margin: 0 0 1em 0;
}
/* restyling file input button */
#manageSchools input{
	width: 47%;
	margin: 0 0 1% 0;
	height: 26px;
}
.file-input-wrapper {
    /* width: 200px; */
    /* height: 40px; */
    overflow: hidden;
    position: relative;
  }
  .file-input-wrapper > input[type="file"] {
    font-size: 200px; 
    position: absolute;
    top: 0;
    right: 25%;
    opacity: 0;
  }
  .file-input-wrapper > .btn-file-input {
    display: inline-block;
	
   /* width: 200px;
    height: 40px;*/
  }
 /*    .btn-file-input input:hover{
		background-color:#0F0;
		}*/

.clear{
	
	clear: both;
}
#left_panel
{
	float: left;
	width: 14%;
	margin: 0 0 0 0;

	background-color: #f2f2f2;
	padding: 3%;
}
/*#home .info_hide p, #home .rules_hide p, 
#rules .rules_hide p, #register .rules_hide p,
#contact .rules_hide p, 
#home .tt_hide, #rules .tt_hide {
	
	font-size: 0;
	height: 0;
	visibility: hidden;	
}*/
	 

#container
{
	width: 40%;
	margin: 1% 2%;
	background-color: #f2f2f2;
	padding: 2% 3%;
	float: left;
}	
#export #container, #contact #container, #help_demo #container
{
	width: 90%;
	
}
#publish_container {
	margin: 3%; 
}
#publish_container h3 {
   
 	margin: 0.5em 0;
}

#themes  .bigcol{

	width: 44%;	
	float: left;
}

#home td, #rules_bottom td {
	
	/*padding: 0 12px 12px 12px;*/
}
#home td p, #rules_bottom td p{
	/*margin-bottom: 5px;*/
	
}
/*.tt_header{
	
	width: 48%;
	margin: 0 0 1em 0;
	float: left;
}
.tt_header_right{
	
	width: 48%;
	margin: 0 0 1em 0;
	float: right;
}*/
#table_area{
	margin:1em auto;
	padding:0;
/*	height: 600px;
	width: 100%;
*/	overflow:hidden;
}
table.containertable td{
	padding: 0.6em 1em 1em 1em;
	
}
#saveLoadButtons input[type=text], #themes input[type=text]{
	width: 100%;
}
input.save {
	text-align:center; 
}
.redborder {
	
	border: 1px solid red;
}

#contact td.label{
	text-align: right;
	vertical-align: top;
}

.smaller {
	font-size: 12px;
}
.hidden {
	display:none;
	visibility: hidden;
   
	left: 9999px;

}
.err {
	color:#d50000;
	font-style: italic;
	
}
.info {
	color:#03af14;
	font-style: italic;
	
}
#help em{
	color:#C00;
	}
	
.visible {
	visibility:visible;
}

table.tweak {
	margin: 1%;
	float: left;
	width: 31.2%;
}
table.tweak td {
	padding: 3px 4%;
    background-color: #ccc;
	margin: 2%;
}
/*table.tweak td:nth-child(1){
	width: 40%;
}*/


.quote {
	font-family:"Times New Roman", Times, serif;
	display: block;
	font-style: italic;
	font-size: 1.3em;
	clear: both;
	padding: 0;
}
.author{
	/* padding: 0 0 2em 0; */
	/* font-style:normal; */
	font-weight: bold;
	display: block;
	margin: 0.4em 0 1.5em 0;
}
.author::before{/* content: "<br>"; */}
footer {
	clear: both;
	background-color:#CCC;
	padding: 1em 1em 0.1em 1em;
	margin: 1em auto;
/*	width:80%;
*/	text-align:center;
	letter-spacing: 0.4em;
}

#error_box{
	color: #FF0000;
	font-weight: bold;
}
 .email {
	display: none;
	
}
#export textarea {

	width: 100%;
	white-space: pre;
	
}
#print_button {
       display: block;
	   width: 10em; 
	   height: 2em;
	   margin: 0 auto;
    }
@media print {
   #print_button {
       display: none;
    }
  
}

@media screen and (max-width: 800px) {
table.tweak {
	width: 48%;
}
.bigcol{
	width: 98%;
}
#help #container {
	width: 90%;
}

}
@media screen and (max-width: 600px) {
table.tweak {
	width: 98%;
}