/**
 * Copyright (c) 2007-2010 Gbanga, Millform AG.
 *
 * @author Matthias
 * @version 1
 * @platform Desktop IE/Opera/Firefox/Safari
 */

/**
 * Hides vertical scroll bar in IE:http://www.trap17.com/index.php/css-trick-hide-disabled-internet-explorer-vertical-scrollbar_t20688.html
 */
html {
	overflow:hidden!important;
}

ul, ol {
	margin:0;
	padding:0 0 0 15px;
}

li {
	margin:0 0 0 5px;
	padding-left:0;
}

iframe {
	background:transparent;
}

body {
	font-family: Arial;
	color:#3880be;
	font-size:smaller;
	margin:0;
	padding:0;
	background-color:#bde6ff;
}

#logo {
	position:fixed;
	left:0;
	top:0;
	width:117px;
	height:68px;
	background-image:url(http://static.gbanga.com/img/logo.png);
	z-index:901;
	cursor:pointer;
}

#map {
	position:fixed!important;
	right:450px;/* +scrollbar width */
	top:20px;
	left:0;
	bottom:0;
	z-index:0;
}

.olControlAttribution {
	bottom:4px;
	left:40px;
	font-size:xx-small;
	text-align:right;
	vertical-align:bottom;
}

.olControlPanZoomBar {
	bottom:4px;
	left:0!important;
	height:285px;
	width:77px;
	top:auto!important;
}

.olControlPanZoomBar div {
	cursor:pointer;
}

.olControlScaleLine  {
	bottom:24px;
	left:44px;
	font-size:smaller;
}

.olControlScaleLineTop {
	border-bottom:#90b9ed solid 2px;
}

.olControlScaleLineBottom {
	border-top:#90b9ed solid 2px;
}

#topbar {
	position:fixed;
	background-color:#90b9ed;
	left:0;
	top:0;
	right:0;
	height:52px;
	color:white;
	background:url(http://static.gbanga.com/img/topbar.png) repeat-x;
	z-index:900;
}

#topic {
	top:8px;
	position:relative;
	float:left;
	left:110px;
	right:30%;
}

#topic a {
	font-weight:bold;
}

#right {
	position:relative;
	top:8px;
	float:right;
	right:8px;
}

#youare {
	padding-right:10px;
	font-style:italic;
}

#right a {
	/*text-decoration:underline!important;*/
	padding-left:15px;
	vertical-align:top;
}

#right a.share {
	padding-left:0!important;
}

a.stbutton {
	vertical-align:baseline!important;
}

.stbuttontext {
	padding-left:5px;
}

#sidebar {
	position:absolute;
	background-color:#bde6ff;
	width:450px;/* +scrollbar width */
	top:35px;
	right:0;
	bottom:0;
	/*overflow-y:scroll;*/
	/*overflow-x:hidden;*/
	overflow:hidden;
	z-index:500;
}

#closer {
	color:#6095F1;
	background-color:#3880be;
	position:absolute;
	right:435px;/* +scrollbar width */
	top:35px;
	bottom:0;
	width:15px;
	float:left;
	font-size:larger;
	font-weight:bold;
	color:white;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	z-index:600;
}

.closed {
	right:0!important;
}

#closer.open {
	background:#3880be url(http://static.gbanga.com/img/verticalclose.png) center center no-repeat;
}
#closer.closed {
	background:#3880be url(http://static.gbanga.com/img/verticalopen.png) center center no-repeat;
}
#header {
	background-color:#3880be;
	position:absolute;
	top:0;
	right:0;
	left:15px;
	height:25px;
	padding-top:17px;
	width:435px;/* +scrollbar width */
	float:left;
	z-index:900;
}

#search {
	float:left;
	top:-3px;
	position:relative;
}

#search input {
	width:212px;
	border:solid #eeeeee 1px;
}

#modes {
	float:right;
	color:white;
}

.column1, .column2, .onecolumn {
	width:212px;
	padding:0px;
	top:47px;
	float:left;
	position:relative;
}

.onecolumn {
	width:424px;
	/*position:relative!important;*/
}

#pitch {
	width:404px!important;
}

#pitch span, .prompt span {
	font-size:larger;
	font-weight:bold;
}

.column1, .onecolumn {
	/*position:relative;*/
	left:19px;
}

.column2, .onecolumn {
	right:4px;
}

.column2 {
	float:right;
	/*position:relative;*/
}

.column1 > div > *, .column2 > div > *, .panel p {
	margin:5px;
}

.onecolumn div, .onecolumn p, .onecolumn h1, .onecolumn h2 {
	margin:5px;
}

h2 {
	font-size:medium;
}

#footer {
	background-color:#3880be;
	width:435px;/* +scrollbar width */
	float:left;
	right:0;
	position:absolute;
	bottom:0;
	z-index:550;
}

.panel {
	/*border-right: solid 1px #9cc3df;
	border-top: solid 1px #9cc3df;
	border-bottom: solid #bde3ff 1px;
	border-left: solid #bde3ff 1px;*/
	border:solid 1px #add8e6;
	margin-top:4px;
}

/*#home > div > div {*/
/*	min-height:200px;*/
/*}*/

.panel h1, .olPopupContent h1 {
	background-color:#3880be;
	font-size:small;
	color:white;
	/*text-transform:uppercase;*/
	padding:3px;
	margin:0!important;
	font-weight:600;
}

.panel h1 a {
	color:white;
}

.panel h2 {
	font-size:small;
	font-weight:600;
}

.sidenote {
	text-align:right;
	font-size:smaller;
	padding-top:20px;
	position:absolute;
}

.onecolumn .sidenote, popup_contentDiv .sidenote {
	top:5px;
	right:0px;
	padding-top:0px;
}

.highlight {
	font-size:large;
}

.highlight, .sidenote a, #pitch, .prompt {
	background-color:#cde43d!important;
}

#footer a {
	margin:5px 14px 5px 0;
}

#header a {
	margin:0 10px;
}

#footer a, #header a {
	float:left;
	color:#bde6ff;
	text-decoration:none;
}

#footer a:active, #footer a:hover, #footer a:focus, #header a:active, #header a:hover, #header a:focus {
	color:white;
	text-decoration:underline;
}

#copyright {
	float:right;
	padding:5px;
	font-size:smaller;
	color:#bde6ff;
	bottom:0;
}

a {
	color:#3880be;
	text-decoration:underline;
}

#topbar a {
	color:white;
	text-decoration:none;
}

#topbar a[href=register] {
	font-weight:bold;
}

#topbar a:hover, #topbar a:active {
	text-decoration:underline;
}

#welcome {
	cursor:pointer;
}

a.button, .sidenote a, #pitch, .prompt {
	text-align:center;
	display:inline-block;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border:1px solid #ffffff;
	padding:10px;
	text-align:center;
}

h2.button {
	display:inline-block;
}

.sidenote p {
	margin:4px 0;
	padding:0;
}

.sidenote a {
	padding:0 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin:0;
	display:inline;
}

h1, h2, h3 {
	margin:0;
}

#videoDialog p {
	text-align:center;
}

input.defaulttext {
	color:#aaaaaa;
	text-align:center;
}

p#sponsors, p#awards {
	text-align:center;
}

p#sponsors a, p#awards a {
	text-decoration:none;
	margin:5px;
}

#awards div {
	text-align:center;
	width:21%;
	display:inline-table;
}

p#sponsors a img, p#awards a img {
	margin:5px 0;
	text-decoration:none;
}

.labelledicon {
	margin:5px;
}

.labelledicon img {
	vertical-align:middle;
	margin-right:5px;
}

.labelledicon span {
	margin-left:33px;
	display:inline-table;
}

em {
	/*background-color:#c0cd69;*/
	/*color:#ffffff;*/
	/*font-weight:bold;*/
	margin:0;
}

em a {
	/*background-color:#c0cd69;*/
	/*color:#ffffff;*/
	text-decoration:underline;
}

#logo:hover {
	background-image:url(http://static.gbanga.com/img/home.png);
}

.olPopupContent {
	/*max-width:400px;*/
	/*width:200px;*/
	left:8px;
}

.olPopupContent p {
	padding:0;
	margin:5px 0;
}

.olPopupCloseBox {
	background:url(http://static.gbanga.com/img/closepopup.png);
	right:8px!important;
	cursor:pointer;
}

.olPopup {
	filter:none!important;
}

#promo {
	background:url(http://static.gbanga.com/img/gbanga-famiglia.gif) center top no-repeat;
	height:170px;
	text-align:center;
	margin:3px;
}

/*#media1, #media2, #help1, #help2, #contact1, #contact2, #business1, #business2, #security1, #security2, #api1, #api2 {*/
/*	min-height:100px;*/
/*}*/

#contact1, #business1 {
	height:85px;
}

#contact2, #business2  {
	height:70px;
	position:relative;
}

#team1, #team2 {
	background:url(http://static.gbanga.com/img/team.png) left no-repeat;
	height:159px;
}

/*#team2 {*/
/*	background-position:right;*/
/*	margin:0 2px 0 -4px;*/
/*}*/
/**/
/*#team2 h1 {*/
/*	text-align:right;*/
/*}*/

.player, .cell {
	white-space:nowrap;
	/*text-decoration: none;*/
	/*border-bottom: dotted 1px #3880be; */
}

/* https://developer.mozilla.org/en/css/-moz-box-shadow */
.player img {
	border:1px solid white;
	box-shadow:1px 1px 1px 0px #aaaaaa;
	-moz-box-shadow:1px 1px 1px 0px #aaaaaa;
	-webkit-box-shadow:1px 1px 1px 0px #aaaaaa;
}

#signup label, #login label, #upload label, #profile label.textlabel {
	min-width:40%;
	text-align:right;
	margin-right:5px;
	display:inline-block;
}

#signup div, #login div, #upload div {
	text-align:right;
}

#signup div.ui-state-error, #login div.ui-state-error, #upload div.ui-state-error {
	text-align:left!important;
	padding:5px 0;
}

#signup input, #signup select, #login input, #login select {
	width:55%;
	margin:5px 0;
}

input#registeredatswisscomlabs {
	width:auto;
	margin:5px;
}

.wrong {
	background-color:#fa9084;
}

div.standalone {
	margin:60px 20% 0 20%;
}

html.standalone {
	overflow-y:scroll!important;
}

div.standalone div {
	/*overflow:hidden;*/
}

code {
	font-size:medium;
}

hr {
	border:0 transparent;
	height:1px;
	background-color:#3880be;
	margin:10px 5px !important;
}

.loader {
	text-align:center;
	vertical-align:middle;
	top:50%;
	position:absolute;
	width:100%;
}

blockquote {
	padding-left:15px;
}

.appstore {
	font-size:large;
	color:#FFFFFF;
	background:url(http://static.gbanga.com/img/iphone.png) no-repeat 5px center grey;
	padding-left:30px!important;
}

table {
	text-align:left;
	font-size:small;
	width:100%;
	overflow:hidden;
}

ul.pocket li, ul.friends li, ul.stats li {
	display:inline-block;
	overflow:hidden;
	margin:0 1px 5px;
	padding:0;
	text-align:center;
	vertical-align:top;
	width:100px;
}

ul.stats li {
	background-color:#cde43d;
	font-weight:bold;
	margin:2px;
	padding:2px;
	width:55px;
	font-size:x-small;
	-webkit-border-radius:3px;
	-moz-border-radius:3px 3px 3px 3px;
	box-shadow:1px 1px 0 0 #AAAAAA;
	-moz-box-shadow:1px 1px 0 0 #AAAAAA;	
	-webkit-box-shadow:1px 1px 0 0 #AAAAAA;	
}

ul.stats li span {
	font-size:larger;
	background-color:transparent!important;
}

input#status {
	background:transparent;
	border:1px solid #eeeeee;
	color:#3880be;
	width:100%;
}

.advisoryboard td {
	vertical-align:top;
	padding-bottom:5px;
}

#profile input[type=text] {
	width:50%;
}

ul.locationVisibility li {
	display:inline-block;
	overflow:hidden;
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:top;
	width:30%;
}

.rank {
	font-size:large;
}

.facearea {
	cursor:pointer;
}

.totalcolumn {
	margin:0 2px!important;
	width:32%!important;
	top:10px;
}

.chronological li {
	padding-bottom:6px;
}

div.menu {
	display:block;
	float:left;
	position:relative;
	top:10px;
	width:100%;
	padding-bottom:20px;
}

ul.menu, ul.submenu {
	list-style:none outside none;
	text-align:left;
	padding:5px 0 0 0;
}

ul.menu li {
	display:inline-block;
	margin-right:5%;
	vertical-align:top;
}

.menu a {
	text-decoration:none;
}

.menu a:hover {
	text-decoration:underline;
}

ul.submenu li {
	margin:0;
	display:list-item;
	width:auto;
}

.big {
	font-size:26px;
	font-weight:bold;
	line-height:31px;
}

ul.activity {
	padding:0;
}

.activity li {
	border:1px solid #add8e6;
	list-style:none outside none;
	margin:5px;
	padding:5px;
}

.activity li .timestamp {
	color:grey;
	display:block;
	font-size:xx-small;
	text-align:right;
	/*float:right;*/
}

.faq {
	color:white;
	background-color:grey;
	padding:0 3px;
	font-size:x-small;
	-webkit-border-radius:5px;
	-moz-border-radius:5px 5px 5px 5px;
	text-decoration:none;
}

.activity .faq {
	float:right;
}

#toPreviousScreen {
	font-size:small;
	text-align:right;
}