body {
	padding: 0;
    margin: 0;
	background: linear-gradient(#0D2445,#3B689A);
			background-image: url("http://data-rockfaller.twinoid.com/img/stars2.png");
			background-repeat: repeat-y;
			background-position: top}

#wrapper {
	width: 1100px;
	
	margin: 0 auto;
	padding: 0;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#header {
	height: 200px;
	
	margin: 0;
	padding: 0;
}

#gamesbar {
	height: 70px;
	text-align: center;
	
	margin: 0 auto;
	padding: 0;
	
	background-image:url(/images/themes/gamebar.png);
}

#inner-gamesbar {
	display: inline-block;
	height: 30px;

	padding: 20px;
}

inner-gamesbar li {
	height: 30px;
}

#main-block {
	width: 1100px;
	
	margin: 0 auto;
	padding: 0;
}

#content {
	height: 100%;
	width: 950px;
	
	min-height: 650px;
	
	float: right;
	margin: 0;
	padding: 0;
	
	background-color: #B1CFF5;
	color: #21557C;
}

#head-content {
	height: 50px;
	
	margin: 0;
	padding: 0;
}

#main-title {
	display: inline-block;
	float: left;
	line-height: 0;
	
	font-size: 25px;
	font-family: "Arial Black", Gadget, sans-serif; 
}

#log {
	display: inline-block;
	float: right;
	
	text-align: right;
	font-size: 14px;
}

hr {
	border-color: #000;
	color: #000;
	background-color: #000;
}

#main-text {
	margin: 0 auto;
	padding: 20px;
}

#sidebar {
	height: 100%;
	width: 146px;
	
	float: left;
	margin: 0;
	padding: 0;
	
	text-align: center;
	
	background-color: #1A66BB;
	border: solid 2px #0D2445;
	border-bottom: none;
}

#sidebar ul {
	display: inline-block;
	
	margin: 0;
	padding: 0;
	
	list-style-type: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
	
	list-style-type: none;
	list-style: none;
}

.side-category {
	width: 146px;
	height: 50px;
	line-height: 50px;
	
	display: inline-block;
	margin-bottom: 10px;
	
	font-size: 15px;
	font-family: Trebuchet MS;
	text-align: center;
	color: #666;
	font-weight: bold;
	
	background-image:url(/images/themes/cloud.png);
}

.mini-text {
	font-size: 10px;
	color: #EEE;
}

#bottom {
	height: 70px;
	width: 1100px;
	
	display: inline-block;
	
	background-color: #1A66BB;
	border: solid 2px #0D2445;
	border-top: none;
	
	font-weight: bold;
}

#support-links {
	display: inline-block;
	float: left;
	
	padding: 5px;
	margin-left: 30px;
	
	text-align: left;
	font-size: 14px;
	color: #EEE;
}

#copyright {
	width: 400px;
	
	display: inline-block;
	float: right;
	
	padding: 5px;
}

#support-links a {
	color: #EEE;
}

subtitle, h1
{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 22px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	color: #21557C;
}

minititle, h2
{
	font-size: 16px;
	font-weight: bold;
	text-decoration:underline;
	font-family: Verdana;	
}	

a:link {
	color: #126C8C;
}

a:active, a:visited {
	color: #131E2D;
}

/** TABLES **/

table {
	margin: auto;	
}

#userTable {
	width: 740px;
	background-color: #A9C5DA;
	border: 1px solid black;
}
	
#userTable th {
	background-color: #488799;
	border: 1px solid black;
	padding: 5px;
	min-width: 60px;
}

#userTable td {
	padding: 5px;
	text-align: center;
	border: 1px solid black;
}
	
#kube-table {
	width: 900px;
	border: 2px solid  #0D2445;
	color: white;
	float: center;
	border-spacing: 0px;
}

#kube-table th {
	text-align: center;
	padding: 5px;
	min-width: 50px;
}

#kube-table th.odd {
	background-color: #7773C1;
}

#kube-table th.even {
	background-color: #7D79C4;
}

#kube-table td {
	padding: 5px;
	text-align: center;
}

#kube-table tr.odd {
	background-color: #7684C7;
}

#kube-table tr.odd > td.odd {
	background-color: #7594CC;
}

#kube-table tr.odd > td.even {
	background-color: #7B98CE;
}

#kube-table tr.even > td.odd {
	background-color: #7684C7;
}

#kube-table tr.even > td.even {
	background-color: #7E8CCB;
}

#kube-table input[type="radio"] {
	width: 15px;
	margin-left: 2px;
}

#kube-table #radios {
	text-align: left;
	margin-bottom: 10px;	
}

#kube-table form {
	font-size: 11px;	
}

#kube-table input[type="image"] {
	margin: auto;
}

#kube-table #tierra-firme {
	margin-top: 10px;	
}

#kube-table #warponia {
    margin-left: 22px;	
}

#kube-table #paraiso {
	margin-left: 10px;	
}

#kube-table #arkubepielago {
	margin-left: 12px;	
}

#distance {
	margin-right: 19px;	
}

#kube-table.entry {
	width: auto;
}

#kube-table.entry th,
#kube-table.entry td {
	padding: 15px;		
}

#hammerfest-table {
	width: 900px;
	color: #21557C;
	font-size: 12px;
	float: center;
	background-color: #3CB7E6;
	border-spacing: 5px;
    border-collapse: separate;
}

#hammerfest-table th {
	background-color: #91D6F0;
	border: 3px solid #5EC4EA;
	text-align: center;
	font-size: 14px;
	padding: 5px;
}

#hammerfest-table td {
	padding: 5px;
	text-align: center;
	border: 3px solid #A3DDF3;
	background-color: #B1CFF5;
	min-width: 50px;
}

#mush-table {
	width: 900px;
	border: 2px solid  #0D2445;
	color: white;
	float: center;
	border-spacing: 0px;
}

#mush-table th {
	background-color: #1E6FC8;
	text-align: center;
	padding: 5px;
}

#mush-table tr.odd {
	background-color: #448FE3;
}

#mush-table td {
	padding: 5px;
	text-align: center;
}

#mush-table tr.odd > td.odd {
	background-color: #6BA7E9;
}

#mush-table tr.odd > td.even {
	background-color: #76ADEB;
}

#mush-table tr.even > td.odd {
	background-color: #3888E0;
}

#mush-table tr.even > td.even {
	background-color: #448FE3;
}

#snake-table {
	width: 900px;
	border: 2px solid  #0D2445;
	color: white;
	float: center;
	border-spacing: 0px;
}

#snake-table th {
	background-color: #55BA12;
	text-align: center;
	padding: 5px;
}

#snake-table tr.odd {
	background-color: #71D72D;
}

#snake-table tr.even {
	background-color: #60CD16;
}

#snake-table td {
	padding: 5px;
	text-align: center;
}

#snake-table tr.odd > td.odd {
	background-color: #71D72D;
}

#snake-table tr.odd > td.even {
	background-color: #7DDB40;
}

#snake-table tr.even > td.odd {
	background-color: #5CC815;
}

#snake-table tr.even > td.even {
	background-color: #60CD16;
}

#main-table {
	width: 900px;
	border: 2px solid  #0D2445;
	color: white;
	float: center;
	border-spacing: 0px;
}

#main-table th {
	text-align: center;
	padding: 5px;
	min-width: 50px;
}

#main-table th.odd {
	background-color: #5C84DE;
}

#main-table th.even {
	background-color: #6187E0;
}

#main-table td {
	padding: 5px;
	text-align: center;
}

#main-table tr.odd > td.odd {
	background-color: #80BFE6;
}

#main-table tr.odd > td.even {
	background-color: #95CAEA;
}

#main-table tr.even > td.odd {
	background-color: #62A5EE;
}

#main-table tr.even > td.even {
	background-color: #75AFF0;
}

#writer-table {
	width: 900px;
	border: 2px solid  #0D2445;
	color: white;
	float: center;
	border-spacing: 0px;
}

#writer-table th {
	text-align: center;
	padding: 5px;
	min-width: 50px;
}

#writer-table th.odd {
	background-color: #407899;
}

#writer-table th.even {
	background-color: #3F7EA3;
}

#writer-table td {
	padding: 5px;
	text-align: center;
}

#writer-table tr.even > td.odd {
	background-color: #4A85A3;
}

#writer-table tr.even > td.even {
	background-color: #5289A5;
}

#writer-table tr.odd > td.odd {
	background-color: #568EB0;
}

#writer-table tr.odd > td.even {
	background-color: #5E93B3;
}

.alphabounce-table {
	width: 900px;
	border: 2px solid  #0D2445;
	color: white;
	float: center;
	border-spacing: 0px;
}

.alphabounce-table th {
	background-color: #1E6FC8;
	text-align: center;
	padding: 5px;
}

.alphabounce-table tr.odd {
	background-color: #448FE3;
}

.alphabounce-table td {
	padding: 5px;
	text-align: center;
	height: 50px;
}

.alphabounce-table tr.odd > td.odd {
	background-color: #6BA7E9;
}

.alphabounce-table tr.odd > td.even {
	background-color: #76ADEB;
}

.alphabounce-table tr.even > td.odd {
	background-color: #3888E0;
}

.alphabounce-table tr.even > td.even {
	background-color: #448FE3;
}

#teacher-story-table {
	width: 900px;
	border: 2px solid #1D4943;
	color: white;
	float: center;
	border-spacing: 0px;
}

#teacher-story-table th {
	text-align: center;
	padding: 5px;
	min-width: 50px;
}

#teacher-story-table th.odd {
	background-color: #2E949E;
}

#teacher-story-table th.even {
	background-color: #339AA5;
}

#teacher-story-table td {
	padding: 5px;
	text-align: center;
    color: #C28834;
}

#teacher-story-table tr.even > td.odd {
	background-color: #FCE7A6;
}

#teacher-story-table tr.even > td.even {
	background-color: #FDECB7;
}

#teacher-story-table tr.odd > td.odd {
	background-color: #F9E8B5;
}

#teacher-story-table tr.odd > td.even {
	background-color: #FCEEC2;
}

/*** OTHER ***/

.center {
	text-align: center;	
}

.ok {
	color: #090;
	font-weight: bold;
	text-align: center;	
}

.error {
	color: #F00;
	font-weight: bold;
	text-align: center;	
}

/*** NAV BARS ***/

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu li {
	position: relative;
	min-height: 20px;
}

.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}

.sf-menu > li {
	height: 30px;
	float: left;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}

.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/*** DEMO SKIN ***/

.sf-menu {
	float: left;
	margin-bottom: 1em;
}

.sf-menu ul {
	text-align:left;
	font-weight:bold;
	line-height:22px;
	text-indent:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 11em; /* allow long menu items to determine submenu width */
	*width: 11em; /* no auto sub width for IE7, see white-space comment below */
	min-height: 25px;
	border-top: 2px solid #2C3445;
	border-bottom: 2px solid #2C3445;
	border-left: 2px solid #2C3445;
	border-right: 2px solid #2C3445;
}

.sf-menu a {
	text-decoration: none;
	zoom: 1; /* IE7 */
}

.sf-menu a {
	color:#CCCCCC;
}

.sf-menu li {
	background: #3D475F;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}

.sf-menu ul li {
	background: #3D475F;
}

.sf-menu ul ul li {
	background: #3D475F;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
	background:#485673;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/

.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}

/* styling for both css and generated arrows */

.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}

/* styling for right-facing arrows */

.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

/*** SIDE BUTTON ***/

.button {
  /* background-image: -webkit-linear-gradient(top, rgba(29,145,222,1) 30%,rgba(15,101,158,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(29,145,222,1) 30%,rgba(15,101,158,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(29,145,222,1) 30%,rgba(15,101,158,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(29,145,222,1) 30%,rgba(15,101,158,1) 100%);
   background-image:         linear-gradient(top, rgba(29,145,222,1) 30%,rgba(15,101,158,1) 100%);
   border: solid 2px #184878;
   -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
           border-radius: 10px; */
	width: 146px;
	height: 30px;
	line-height: 30px;
	
	display: inline-block;
	
	font-size: 15px;
	font-family: Trebuchet MS;
	text-align: center;
	color: #EEE;
	font-weight: bold;
}
.button:hover {	
	background-color: #17273C;	
   /*background-image:    -moz-linear-gradient(top, rgba(29,137,204,1) 30%,rgba(15,92,140,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(29,137,204,1) 30%,rgba(15,92,140,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(29,137,204,1) 30%,rgba(15,92,140,1) 100%);
   background-image:         linear-gradient(top, rgba(29,137,204,1) 30%,rgba(15,92,140,1) 100%);*/
}

/*.button:active {
   background-image: -webkit-linear-gradient(top, rgba(29,133,194,1) 0%,rgba(29,133,194,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(29,133,194,1) 0%,rgba(29,133,194,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(29,133,194,1) 0%,rgba(29,133,194,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(29,133,194,1) 0%,rgba(29,133,194,1) 100%);
   background-image:         linear-gradient(top, rgba(29,133,194,1) 0%,rgba(29,133,194,1) 100%);
   -webkit-box-shadow: 0px -2px 20px 2px rgba(15,92,140,1)inset;
      -moz-box-shadow: 0px -2px 20px 2px rgba(15,92,140,1)inset;
           box-shadow: 0px -2px 20px 2px rgba(15,92,140,1)inset;
}*/

.button a {
	text-decoration: none;
	color: inherit;
}

/*** SEARCHBAR ***/

#sidebar #___gcse_0 {
	padding-top: 5px;
}

#sidebar .gsc-control-cse.gsc-control-cse-es {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px; 
	background-color: #1A66BB;
	border: none;
}

#sidebar .cse .gsc-control-cse, #sidebar .gsc-control-cse {
	padding: 7px;	
}

#sidebar .gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-right: 5px;
}

#sidebar table.gsc-search-box td {
	vertical-align: middle;
}

#sidebar .gsib_a, #sidebar .gsib_b {
	vertical-align: top;
}

#gsc-i-id1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

#sidebar #gs_st50 {
	font-size: 1px;
	padding: 0px;
}

#sidebar .gsst_a {
	padding: 1px 2px;
}

#gs_cb50 {
	font: 12px/13px arial,sans-serif;
}

#sidebar input.gsc-search-button, input.gsc-search-button:hover, #sidebar input.gsc-search-button:focus {
	border: 2px solid #0D2445;
	background-color: #17273C;
}

#sidebar .cse .gsc-search-button input.gsc-search-button-v2, #sidebar input.gsc-search-button-v2 {
	padding: 5px 6px;
	margin-top: 2px;
	border-radius: 5px;
}
	
/*** TABLE-TAGS ***/

.mush-table-form input,
.snake-table-form input,
.kube-table-form input
 {
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;	
}

.mush-table-btn,
.snake-table-btn,
.kube-table-btn {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  font-size: 10px;
  padding: 3px 3px 3px 3px;
  text-decoration: none;
  font-weight: bold;
}

.mush-table-btn:hover,
.snake-table-btn:hover,
.kube-table-btn:hover {
  text-decoration: none;
}

.mush-table-form input {
	width: 120px;
	background-color: #3347A6;
	border: 2px solid #0058B0;
	color: white;
}

.mush-table-btn {
  background: #1E63D5;
  background-image: -webkit-linear-gradient(top, #1E63D5, #1c4a94);
  background-image: -moz-linear-gradient(top, #1E63D5, #1c4a94);
  background-image: -ms-linear-gradient(top, #1E63D5, #1c4a94);
  background-image: -o-linear-gradient(top, #1E63D5, #1c4a94);
  background-image: linear-gradient(to bottom, #1E63D5, #1c4a94);
  color: #ffffff;
  border: solid #103D6D 2px;
}

.snake-table-form input {
	width: 150px;
	background-color: #63D516;
	border: 2px solid #488C1A;
	color: white;
}

.snake-table-btn {
  background: #4FB50B;
  background-image: -webkit-linear-gradient(top, #4FB50B, #0C7628);
  background-image: -moz-linear-gradient(top, #4FB50B, #0C7628);
  background-image: -ms-linear-gradient(top, #4FB50B, #0C7628);
  background-image: -o-linear-gradient(top, #4FB50B, #0C7628);
  background-image: linear-gradient(to bottom, #4FB50B, #0C7628);
  color: #ffffff;
  border: solid #106B38 2px;
}

.kube-table-form input[type="text"],
.kube-table-form input[type="number"],
.kube-table-form textarea {
	background-color: #605CAE;
	border: 2px solid #4E4B90;
	color: white;
}

.kube-table-form input[type="text"],
.kube-table-form input[type="number"] {
	width: 70px;
}

.kube-table-form textarea {
	width: 200px;
	height: 60px;
	vertical-align: top;
}

.distance::-webkit-input-placeholder {
	color: #FFF; 
	text-align: center;
} 

.distance:-moz-placeholder {
	color: #FFF; 
	text-align: center;
} 

.distance:-ms-input-placeholder {
	color: #FFF; 
	text-align: center;
} 

.distance::-moz-placeholder {
	color: #FFF; 
	text-align: center;
} 


.kube-table-btn {
  background: #667AD5;
  background-image: -webkit-linear-gradient(top, #667AD5, #5552A3);
  background-image: -moz-linear-gradient(top, #667AD5, #5552A3);
  background-image: -ms-linear-gradient(top, #667AD5, #5552A3);
  background-image: -o-linear-gradient(top, #667AD5, #5552A3);
  background-image: linear-gradient(to bottom, #667AD5, #5552A3);
	color: #ffffff;
	border: solid #4E4B90 2px;
}