* {
	-webkit-tap-highlight-color: transparent;
}

[onClick] {
	cursor: pointer;
}

body {
	background-color    : #000;
	margin              : 0;
	padding             : 0;
	font-family         : sans-serif;
	color               : #eee;
	font-size           : 16px;
}

#groups {
	margin-bottom: 8px;
}

#semesters {
}

#country {
	font-size:  20px;
	text-align: center;
	margin:     8px 0 24px 0;
}

.country.selected {
	font-weight: bold;
	color:       #f60;
}

#content {
	max-width:        600px;
	margin:           0 auto;
	background-color: #222;
}

#error {
	width      : 100%;
	height     : 48px;
	color      : #fff;
	background : #e00;
	text-align : center;
	display    : none;
}

#aoeu-logo {
	width     : 50%;
	max-width : 250px;
	margin    : 12px 12px 8px 0;
}

#fetching {
	display    : none;
	position   : absolute;
	top        : 0;
	left       : 0;
	width      : 100%;
	height     : 100%;
	z-index    : 1024;
	background : rgba(0, 0, 0, 0.75);
}

#fetching img {
	position     : absolute;
	top          : 50%;
	left         : 50%;
	margin-right : -50%;
	transform    : translate(-50%, -50%)
}

h1 {
	color : #444;
}

select.large {
	height    : 64px;
	font-size : 32px;
	width     : 90%;
}

#menus {
	border-top:    2px solid #fff;
	border-bottom: 2px solid #fff;
	margin-bottom: 48px;
	overflow:      hidden;

	-webkit-box-shadow: 0px 7px 14px -4px rgba(0,0,0,1);
	-moz-box-shadow: 0px 7px 14px -4px rgba(0,0,0,1);
	box-shadow: 0px 7px 14px -4px rgba(0,0,0,1);
}

div.menu {
	float         : left;
	width         : 50%;
	height        : 48px;
	line-height   : 48px;
	margin-bottom : 0;
}

div.menu-inner {
	margin      : 0px 2px 2px 2px;
	text-align  : center;
}

.menu:first-child .menu-inner {
	margin-left: 0;
}

.menu:last-child .menu-inner {
	margin-right: 0;
}

div.menu-inner.active {
	color       : #fff;
	background  : #302977;
	font-weight : bold;
}

div.menu-inner.inactive {
	color      : #aaa;
	background : #666;
}

input, select {
	border     : 0;
	background : rgba(128, 128, 128, 0.3);
	color      : #fff;
	padding    : 4px;
	font-size  : 18px;
}

select {
	height : 28px;
}

div.left  { margin-left:  4px; }
div.right { margin-right: 4px; }

.clickable {
	cursor        : pointer;
	background    : #302977;
	padding       : 12px;
	color         : #fff;
	border        : 1px solid #999;
}

.clickable.large {
	font-size: 16pt;
}

:-webkit-full-screen {
    background-color: rgba(0,0,0,0);
}


.reseller:nth-child(6n+1) {
	background : #333;
}

td.contact {
	font-size: 11pt;
}

tr.contacts > td:first-child {
	padding: 16px 0 8px 0;
}

tr.contacts td {
	vertical-align : top;
	padding        : 6px 16px 6px 16px;
}

a {
	color           : #5da371;
	text-decoration : none;
}


#courses td:first-child {
	white-space: nowrap;
}

#courses > tr:nth-child(6n+1) {
	background : #333;
}

small {
	color : #aaa;
}




table.data {
	width          : 100%;
	border         : 0px;
	border-spacing : 0;
}

table.data td {
	font-size      : 11pt;
	padding        : 8px 8px 8px 8px;
	vertical-align : top;
}

.more-details {
	font-size  : 11pt;
	background : #2e2d40;
	padding    : 8px;
}

.details {
	display    : none;
	background : #343348;
}

.shadow-beneath {
	-webkit-box-shadow: inset 0px 6px 5px 0px rgba(0,0,0,0.37), 0px 6px 5px 0px rgba(0,0,0,0.37);
	-moz-box-shadow:    inset 0px 6px 5px 0px rgba(0,0,0,0.37), 0px 6px 5px 0px rgba(0,0,0,0.37);
	box-shadow:         inset 0px 6px 5px 0px rgba(0,0,0,0.37), 0px 6px 5px 0px rgba(0,0,0,0.37);

	margin-bottom: 8px;
}

.details-table {
	width  : 100%;
	border : 0;
}

.details-table td {
	white-space: normal;
}

.details-table td:first-child {
	padding-left: 0;
}

.details-table td:last-child {
	padding-right: 0;
}