html{
	overflow-y: scroll;
}

html, body{
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}

body{
	background: #111;
	color: #ccc;
/*
	font-family: 'Lucida Grande', sans-serif;
*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6, h7{
/*
	font-family: 'Helvetica Neue', sans-serif;
*/
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
}

/* HTML5 support
-------------------------
*/
header, section, nav, article{
	display: block;
}

a{
	color: #369;
	position: relative;
}

a:active{
	top: 1px;
}

code {
  background: #e1e1e1;
  padding: 4px 5px;
}

blockquote {
  background: #eee;
  border-radius: 5px;
  padding: 10px 12px;
  margin: 10px 10px;
}

br.clear{
	clear: both;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.yes{
	color: green;
}
.no{
	color: #8b0000;
}

.info{
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	background: #ee9;
	border: 1px solid #dd0;
	color: #333;
	padding: 1%;
}
.info p{
	margin-top: 0;
  margin-bottom: 0;
}
.info h3{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.warning{
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	background: #ff0000;
	border: 1px solid purple;
	color: #eee;
	padding: 1%;
}
.warning h4{
	color: #8b0000;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.hidden {
  display: none;
}

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

th, td{
	padding: 0.2em;
}

thead th {
  position: sticky;
  top: 0;
}

th{
	text-align: left;
	vertical-align: bottom;
}

th.number, td.number{
	text-align: right;
  white-space: nowrap;
}
th.date, td.date{
	text-align: right;
  white-space: nowrap;
}
th.bool, td.bool{
	text-align: right;
}
th.center, td.center{
  text-align: center;
}
.cancelled{
	color: #ccc;
	text-decoration: line-through;
}
.cancelled a, .cancelled .yes, .cancelled .no{
	color: #ccc;
}

/*
	FORMS
	________________________________________
*/

label{
	cursor: pointer;
/*
	display: inline-block;
	min-width: 10em;
*/
}

input, textarea, button, select{
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	background: #eee;
	border: 1px solid #aaa;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 0.3em;
}

/*
.rightcolumn input, textarea, button, select{
	border-color: #fff;
}
*/

input[type="submit"], input[type="submit"]:focus{
	/*
	background: #111;
	border-color: #111;
	color: #fff;
	*/
	float: right;
	/*
		Inspired by Komodo Media:
		http://lab.komodomedia.com/#/pushy_button
	*/
	border-radius:0.5em;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	cursor: pointer;
	text-align: center;
	margin: 0;
	box-shadow:
	    inset 0 -4px 0 rgba(0,0,0,0.06),
	    inset 0 -3px 0 rgba(0,0,0,0.06),
	    inset 0 -2px 0 rgba(0,0,0,0.06),
	    inset 0 -1px 0 rgba(0,0,0,0.06),
	    inset 0 -5px 0 rgba(255,255,255,1),
	    inset 0 1px 1px rgba(255,255,255,1),
	    0 2px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:
	    inset 0 -4px 0 rgba(0,0,0,0.06),
	    inset 0 -3px 0 rgba(0,0,0,0.06),
	    inset 0 -2px 0 rgba(0,0,0,0.06),
	    inset 0 -1px 0 rgba(0,0,0,0.06),
	    inset 0 -5px 0 rgba(255,255,255,1),
	    inset 0 1px 1px rgba(255,255,255,1),
	    0 2px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:
	    inset 0 -4px 0 rgba(0,0,0,0.06),
	    inset 0 -3px 0 rgba(0,0,0,0.06),
	    inset 0 -2px 0 rgba(0,0,0,0.06),
	    inset 0 -1px 0 rgba(0,0,0,0.06),
	    inset 0 -5px 0 rgba(255,255,255,1),
	    inset 0 1px 1px rgba(255,255,255,1),
	    0 2px 3px rgba(0,0,0,0.1);
	border: 1px solid rgba(0,0,0,0.35);
	color:#222;
	color:rgba(0,0,0,0.8);
	padding:0.4em 0.75em 0.7em 0.75em;
	/*margin-bottom: -.3em;*/
	position:relative;
	text-decoration:none;
	text-shadow:0 1px 0px rgba(255,255,255,0.8);
	font-weight:400;
	background:
	    rgba(245,245,245,1)
	    -webkit-gradient(
	        linear,
	        left top,
	        left bottom,
	        color-stop(0, rgba(0,0,0,0.07) ),
	        color-stop(.3, rgba(0,0,0,0) ),
	        color-stop(.6, rgba(0,0,0,0) ),
	        color-stop(1, rgba(0,0,0,0.09) )
	    );

	background:
	    rgba(245,245,245,1)
	    -moz-linear-gradient(
	        center top,
	        rgba(0,0,0,0.07) 0%,
	        rgba(0,0,0,0.0) 30%,
	        rgba(0,0,0,0.0) 60%,
	        rgba(0,0,0,0.09) 100%
	    );

	display: inline-block;
	font-size:inherit;
	font-family: inherit;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
}

input[type="submit"]:hover{
	color: #222;
	background:
	    rgba(255,255,255,1)
	    -webkit-gradient(
	        linear,
	        left top,
	        left bottom,
	        color-stop(0, rgba(0,0,0,0.06) ),
	        color-stop(.3, rgba(0,0,0,0.03) ),
	        color-stop(1, rgba(0,0,0,0.01) )
	    );
	background:
	    rgba(255,255,255,1)
	    -moz-linear-gradient(
	        center top,
	        rgba(0,0,0,0.06) 0%,
	        rgba(0,0,0,0.03) 30%,
	        rgba(0,0,0,0.01) 100%
	    );
}

input[type="submit"]:active{
	color: #666;
	margin-top: 0.3em !important;
	padding:0.4em 0.75em 0.4em 0.75em !important;
	box-shadow:
	    inset 0 -1px 0 rgba(255,255,255,1),
	    inset 0 1px 1px rgba(255,255,255,1);
	-moz-box-shadow:
	    inset 0 -1px 0 rgba(255,255,255,1),
	    inset 0 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
	    inset 0 -1px 0 rgba(0,0,0,0.1),
	    inset 0 -5px 0 rgba(255,255,255,1),
	    inset 0 1px 1px rgba(255,255,255,1),
	    0 1px 2px rgba(0,0,0,0.1);
}

input:focus, textarea:focus, button:focus{
	background: #eec;
}

input.money{
	text-align: right;
}

textarea{
	min-height: 10em;
	width: 100%;
}

form .required{
	color: red;
	font-weight: bold;
}

fieldset{
	border: 1px solid #ccc;
	border-right: none;
	border-left: none;
	border-bottom: none;
	margin: 1em 0;
}

legend{
	font-size: 90%;
	font-weight: bold;
	padding: 7px;
}

form label{
	display: block;
	margin-top: 1em;
}

form label.checkbox, form label.radio, form label.inline{
	display: inline;
	margin: inherit;
}

form input.username{}
form input.password{}
form input.firstname{
	width: 5em;
}
form input.surname{
	width: 8.5em;
}

form input.email{
	width: 14.4em;
}

form input.address{
	width: 15em;
}

form input.postalnumber{
	width: 4em;
}

form input.lastFourDigits{
	width: 2.5em;
}

form .description{
	color: #999;
	display: block;
	font-size: 80%;
}

form.add.user fieldset{
}

.error, .errors{
	color: red;
}

/*
	Header
	________________________________________
*/

.ruler{
	border-top: 1px solid #ccc;
}

#everything{

}

header{
/*	background: url('../images/Banner-2010-01-02-1740.png') no-repeat center;*/
/*	background: url('../images/logo_gate22_bg.png') no-repeat center;*/
	background: none; /* OVERRIDE THIS */
	float: left;
/*	height: 141px;*/
	width: 100%;
}

#header-wrapper{
	margin: 0 auto;
	width: 960px;
}

header #organized-by{
	color: #cee;
	float: right;
	font-family: 'Lucida Grande', 'Trebuchet MS';
	font-size: 75%;
	padding: 0.5em 0;
}

header #organized-by a{
	color: #eff;
}

header h1{
	color: white;
	font-family: 'Trebuchet MS';
	font-size: 40pt;
	font-weight: bolder;
	margin: 0;
	padding: 0;
	padding-top: 19px;
	height: 0.9em;
	text-align: center;
/*	text-indent: -9999px;*/
	/* WebKit (Safari/Chrome) Only */
	-webkit-text-stroke: 1px black;
	-moz-text-stroke: 1px black;
	text-stroke: 1px black;

	/* If we weren't using text-shadow, we'd set a fallback color
	   and use this to set color instead
	  -webkit-text-fill-color: white; */

	/* Simulated effect for Firefox and Opera
		 and nice enhancement for WebKit */
	text-shadow:
	  2px 2px 0 #000,

	 -2px -2px 0 #000,
	  2px -2px 0 #000,
	 -2px  2px 0 #000,
	  2px  2px 0 #000;
}

header h1 a{
        top: 10px;
	color: #fff;
	text-decoration: none;
}
header h1 a span{
	color: #59FF1E;
	-webkit-text-stroke: 0;
	text-shadow:   0 1px 0 #1E7E00,
	               0 2px 0 #1E7E00,
	               0 3px 0 #1E7E00,
	               0 4px 0 #1E7E00,
	               0 5px 0 #1E7E00,
	               0 6px 1px rgba(0,0,0,.1),
	               0 0 5px rgba(0,0,0,.1),
	               0 1px 3px rgba(0,0,0,.3),
	               0 3px 5px rgba(0,0,0,.2),
	               0 5px 10px rgba(0,0,0,.25),
	               0 10px 10px rgba(0,0,0,.2),
	               0 20px 20px rgba(0,0,0,.15);
}
header h1 a span:last-child{
	color: #fff;
	/*
		Inspired by Mark Dotto:
		http://markdotto.com/playground/3d-text/
	*/
	-webkit-text-stroke: 0;
	text-shadow:
                   0 1px 0 #999999,
                   0 2px 0 #999999,
                   0 3px 0 #999999,
                   0 4px 0 #999999,
                   0 5px 0 #999999,
                   /*
                   0 1px 0 #cccccc,
	               0 2px 0 #c9c9c9,
	               0 3px 0 #bbbbbb,
	               0 4px 0 #b9b9b9,
	               0 5px 0 #aaaaaa,
				   */
	               0 6px 1px rgba(0,0,0,.1),
	               0 0 5px rgba(0,0,0,.1),
	               0 1px 3px rgba(0,0,0,.3),
	               0 3px 5px rgba(0,0,0,.2),
	               0 5px 10px rgba(0,0,0,.25),
	               0 10px 10px rgba(0,0,0,.2),
	               0 20px 20px rgba(0,0,0,.15);
}/*
header h1 a span:last-child{
	color: #80FF62;
	-webkit-text-stroke: 0;
	text-shadow:   0 1px 0 #55B045,
	               0 2px 0 #55B045,
	               0 3px 0 #55B045,
	               0 4px 0 #55B045,
	               0 5px 0 #55B045,
	               0 6px 1px rgba(0,0,0,.1),
	               0 0 5px rgba(0,0,0,.1),
	               0 1px 3px rgba(0,0,0,.3),
	               0 3px 5px rgba(0,0,0,.2),
	               0 5px 10px rgba(0,0,0,.25),
	               0 10px 10px rgba(0,0,0,.2),
	               0 20px 20px rgba(0,0,0,.15);
}
*/
header h1 a:hover span{
	color: #fff;
	text-shadow:   0 1px 0 #000,
	               0 2px 0 #000,
	               0 3px 0 #000,
	               0 4px 0 #000,
	               0 5px 0 #000,
	               0 6px 1px rgba(0,0,0,.1),
	               0 0 5px rgba(0,0,0,.1),
	               0 1px 3px rgba(0,0,0,.3),
	               0 3px 5px rgba(0,0,0,.2),
	               0 5px 10px rgba(0,0,0,.25),
	               0 10px 10px rgba(0,0,0,.2),
	               0 20px 20px rgba(0,0,0,.15);
}

#navigation{
}

#navigation ul{
	-moz-border-radius-topleft: 0.4em;
	-moz-border-radius-topright: 0.4em;
	-webkit-border-top-left-radius: 0.4em;
	-webkit-border-top-right-radius: 0.4em;
	background: rgba(203, 249, 234, 0.8);/*rgba(203, 234, 249, 0.6)*/ /*#CBEAF9*/
	float: left;
	list-style: none;
	margin: 0;
	margin-top: 3%;
	padding: 0;
}

#navigation li{
	float: left;
}

#navigation a{
	-moz-border-radius-topleft: 0.4em;
	-moz-border-radius-topright: 0.4em;
	-webkit-border-top-left-radius: 0.4em;
	-webkit-border-top-right-radius: 0.4em;
	color: #fff;
	display: block;
	font-family: 'Myriad Pro', sans-serif;
	font-size: 95%;
	font-weight: bold;
	margin: 1px;
	margin-bottom: -1px;
	padding: 0.5em 0.7em;
	text-align: center;
	text-decoration: none;
	text-shadow: #000 0 1px 0;
}

#navigation .current a, #navigation .current a:hover{
	-moz-border-radius-topleft: 0.4em;
	-moz-border-radius-topright: 0.4em;
	-webkit-border-top-left-radius: 0.4em;
	-webkit-border-top-right-radius: 0.4em;
	background: #262626 url('../images/bg_gray_noise.png');
	border: 1px solid #fff;
	border-bottom: none;
	color: #fff;
	cursor: default;
	margin: 0;
	margin-bottom: -1px;
	text-shadow: #000 0 1px 0;
}

#navigation .current a span.description, #navigation .current a:hover span.description{
	color: #ccc;
	text-shadow: #000 0 1px 0;
}

#navigation a:focus{
	outline: none;
}

#navigation a:hover{
	background: rgba(255,255,255,0.7);
	color: #000;
	text-shadow: #fff 0 1px 0;
	/*
	background: #262626;
	border: 1px solid #555;
	border-bottom: none;
	margin: 0;
	margin-bottom: -1px;
	*/
}

#navigation a:hover span.description{
	color: #000;
}

#navigation a span.description{
	color: #000;
	display: block;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-shadow: none;
}

#navigation a span.discrete{
	color: #666;
	padding: 0 0.05em;
}

#subnavigation{
	clear: both;
}

#subnavigation ul{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#subnavigation li{
	float: left;
}

#subnavigation a:focus{
	outline: none;
}

#subnavigation a{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	background: rgba(255,255,255,0.1);
	/* border-bottom: 1px solid #333; */
	/*	Blue:	*/
/*	color: #CBEAF9;*/
	/*	Green: 	*/
	color: #fff;
	display: block;
	padding: 0 1.0em;
	padding-top: 0.4em;
	padding-bottom: 0.35em;
	margin-left: 0.5em;
/*	margin-top: 1em;*/
	text-decoration: none;
}

#subnavigation li.current a, #subnavigation li.current a:hover{
	background: #fff;
	border-color: #fff;
	color: #000;
}

#subnavigation a:hover{
	/*	Blue:	*/
	background: rgba(62, 183, 249, 0.8) /*#3EB7F9*/ /*#96D6F8*/ /*#BA6001*/;
	color: #fff;
	/*	Green: 	*/
}

/*	"Tabs" without tab effect and very minimal GUI	*/
/*
#subnavigation a{
	border-left: 1px solid #333;
	color: #fff;
	display: block;
	font-size: 80%;
	margin: 0.5em 0;
	padding: 0.0em 1.2em;
	text-decoration: none;
}

#subnavigation li.current a{
	color: #666;
}

#subnavigation a:hover{
	text-decoration: underline;
}

#subnavigation li:first-child a{
	border-left: none;
}
*/

#admin_menu{
	font-size: 75%;
	float: right;
	left: -845px;
	margin-bottom: -27px;
	position: relative;
	top: -70px;
	z-index: 1000;
}

#admin_menu > li > a{
	background: #54FF00;
	box-shadow: #000 5px 5px 5px, #000 -5px 5px 5px;
	color: #000;
	text-shadow: none;/*#1D6E00 0 1px 0;*/
}

#admin_menu > li:hover > a{
	background: #333;
	border-color: #333;
	color: #fff;
	text-shadow: #000 0 -1px 0;
}

/*
	CSS3 Dropdown menu, inspired by Web Designer Wall:
	http://www.webdesignerwall.com/demo/css3-dropdown-menu/css-gradient-dropdown.html
*/

.css3_list_menu{
	display: inline-block;
	list-style-type: none;
	overflow: visible;
	margin: 0;
	padding: 0;
	width: 10em;
}

.css3_list_menu:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

* html .css3_list_menu {
	height: 1%;
}

.css3_list_menu li{
	margin: 0 5px;
/*	padding: 0 0 8px;*/
	float: left;
	position: relative;
	list-style: none;
}

.css3_list_menu ul a{
	font-weight: bold;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

/*
.css3_list_menu ul a.disabled{
	color: #bbb !important;
}

.css3_list_menu ul li:hover > a.disabled{
	background: none !important;
	color: #bbb !important;
	cursor: default;
	text-shadow: none;
}
*/

.css3_list_menu > li > a{
	border-top: 1px solid #000;
	display: block;
	margin: 0;
	/*padding: 8px 20px;*/
	padding: 8px 20px;
}

.css3_list_menu li a span.count{
	background: #ccc;
	border-radius: 3px;
	box-shadow: #bbb 0px 1px 0px;
	color: #666;
	float: right;
	font-size: 95%;
	padding: 1px 4px;
}

.css3_list_menu li a span.count.new{
	background: red;
	color: #fff;
	text-shadow: darkred 1px 1px 0;
}

.css3_list_menu li a img{
	border: none;
	float: left;
	margin-left: -0.8em;
	margin-right: 0.8em;
	position: relative;
	top: -2px;
}

.css3_list_menu ul a.add{
	background: url('../images/icons/symbolize/16x16/add.png') no-repeat 15em !important;
}

.css3_list_menu ul li ul a img{
	float: right;
	margin-right: -1.1em;
}

.css3_list_menu li:hover > a {
	background: #d1d1d1; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */

	color: #444;
	border-top: solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}

.css3_list_menu ul{
	background: #ddd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */

	display: none;
	margin: 0;
	padding: 0;
	width: 200px;
	position: absolute;
	top: 22px;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

.css3_list_menu li:hover > ul{
	display: block;
	z-index: 10;
}

.css3_list_menu ul li:hover a, .css3_list_menu li:hover li a {
	background: none;
	border: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.css3_list_menu ul a:hover{
	background: #0399d4 !important; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #04acec,  #0186ba) !important; /* for firefox 3.6+ */

	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}

.css3_list_menu ul li{
	float: none;
	margin: 0;
	padding: 0;
}

.css3_list_menu ul a{
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}

.css3_list_menu ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
.css3_list_menu ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

.css3_list_menu ul ul {
	left: 188px;
	top: -3px;
}

/*
	??
	________________________________________
*/

#content{
	background: #262626 url('../images/bg_gray_noise.png');
	border-top: 1px solid #fff;
	border-bottom: 1px solid #444;
	clear: both;
	padding: 1.5% 0;
	width: 100%;
}

#content-wrapper{
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
}

#content .leftcolumn{
	float: left;
	width: 73%;
	clear: both;
}

#content .leftcolumn .block{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-background-clip: padding-box;
	background: #fff;
	-moz-box-shadow: #111 0px 1px 1px;
	box-shadow: #111 0px 1px 1px;
	color: #333;
	overflow: hidden;
	padding: 1em;
}

#content .leftcolumn .block h2{
	margin-top: 0;
}

#content .block.oldStyle h2 {
  margin-top: 0;
}

#news .post{
	border-bottom: 1px solid #ccc;
	margin-bottom: 2em;
	padding-bottom: 1em;
}

#news .post h3{
	margin: 0;
	padding: 0;
}

/*	Högerkolumnen
	____________________________________	*/

#content .rightcolumn{
	float: right;
	font-family: 'Lucida Grande', 'Trebuchet MS', sans-serif;
	width: 25%;
}

#content .rightcolumn a {
	text-shadow: none;
}

#content .rightcolumn .block{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-background-clip: padding-box;
	background: rgba(100,100,100, 0.1);
	/*
	border: 1px solid #404040;
	*/
	/*
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
	*/
	-moz-box-shadow: #111 0px 1px 1px;
	box-shadow: #111 0px 1px 1px;
	color: #666;
	font-size: 90%;
	margin-bottom: 1.3em;
	padding: 1em;
	text-shadow: rgba(0, 0, 0, 0.597656) 0px 1px 0px;
}

#content .rightcolumn ul{
	padding: 0 1.9em;
	padding-right: 0.5em;
	padding-left: 0.9em;
	line-height: 1.5em;
	list-style-type: none;
}

#content .rightcolumn .block.green{
	background: #09a301 url('../images/gradient_green.png') no-repeat;*/
	color: #cf9;
	/*
	background: #151;
	color: #cec;
	*/
}

#content .rightcolumn .block.statistics{
	background: rgba(255,255,255,0.1); /*#1577cd url('../images/gradient_lighterblue.png') no-repeat;*/
/*	color: #9cf;*/
	/*cf9
	background: #115;
	color: #cce;
	*/
}

#content .rightcolumn .block.top10{
	/*#d118cb url('../images/gradient_purple.png') no-repeat;*/
/*	color: #c9f;*/
	box-shadow: none;
	background: none;
	border-radius: 0;
	border-bottom: 1px solid #111;
	margin-bottom: 0;
}

#content .rightcolumn .block.partners{
	background: rgba(209, 24, 203, 0.2); /*#6f1a21 url('../images/gradient_red4.png') no-repeat;*/
/*	color: #f99;*/
	border: none;
	box-shadow: none;
	background: none;
	border-radius: 0;
	border-top: 1px solid #222;
	padding-top: 25px;
}

#content .rightcolumn .block h3{
	color: #ddd;
	margin-top: 0;
	text-shadow: rgba(0, 0, 0, 0.597656) 0px 1px 0px;
}

#content .rightcolumn .block a{
	color: #999;
	text-shadow: #222 0 1px 2px;
}

#content .rightcolumn .block a:hover{
	color: #fff;
}

#content #statistics{
}

#content #statistics .ticket-amount-left{
	color: #fff;
	display: inline-block;
	font-family: 'Myriad Pro', sans-serif;
	font-size: 150%;
	font-weight: bold;
	margin-top: -0.1em;
	padding-right: 0.15em;
	text-align: right;
}

#content #statistics .ticket-type{
	color: #fff;
	font-size: 90%;
}

#content #statistics .ticket-amounts{
	float: right;
}

/*	Personliga menyn
	____________________________________	*/

#content .rightcolumn .block#usermenu{
	background: rgba(111, 255, 0, 0.1);/*#ba6001 url('../images/gradient_orange5.png') no-repeat;*/
	color: #fff;
}

#usermenu form input[type=submit]{
	float: none;
/*	margin: 10px 0 10px 2px;*/
}

#usermenu input[type=text], #usermenu input[type=password]{
	border: 1px solid #fff;
}

#usermenu input[type=password]{
	margin-bottom: 10px;
}

#usermenu .badge{
	background: #333;
	margin: -3px 0 20px -3px;
}

#usermenu ul{
	padding-left: 4px !important;
	margin: 0;
}

#usermenu li{
	clear: left;
	display: block;
	line-height: normal;
}

#usermenu li a{
	color: rgba(111, 255, 0, 0.7) !important;
	display: block;
	height: 30px;
	margin-bottom: 2px;
	overflow: hidden;
	text-decoration: none;
}
#usermenu li a:hover{
	color: #fff !important;
}

#usermenu li a .icon{
	background: rgba(255,255,255,1);
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
	float: left;
	margin-right: 7px;
	height: 14px;
	top: 2px;
	opacity: 0.3;
	padding: 6px;
	position: relative;
}

#usermenu li a:hover .icon{
/*	background: rgba(255,255,255,0.9);*/
	-moz-box-shadow: #000 0 1px 2px;
	box-shadow: #000 0 1px 2px;
	opacity: 1;
}


#usermenu li a span{
	display: inline-block;
	margin-top: 3px;
	margin-left: -7px;
	padding: 3px 8px;
}
#usermenu li a:hover span{
	background: rgba(255,255,255,0.05);
	-moz-border-radius-top-right: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottom-right: 5px;
	border-bottom-right-radius: 5px;
}

#latestPhenomenons {
	background: none repeat scroll 0 0 rgba(74, 155, 255, 0.1) !important;
	color: #fff!important;
}

#latestPhenomenons #phenomenonHeading {
	font-weight: 900;
}

#latestPhenomenons #phenomenonBody {
	padding: 0px;
}

#latestPhenomenons .phenomenon {
	font-size: 82%;
/*	list-style-type: circle;*/
	margin: 10px 0px;
	line-height:110%;
}

#latestPhenomenons .phenomenon .date {
	display:block;
	color: #489BCC !important;
}

#latestPhenomenons .bottom5 {
	display: none;
}
/*
@media only screen
and (max-width : 1280px) {

}
*/
@media only screen
and (min-width : 1530px) {
	#latestPhenomenons {
		position: absolute;
		left: 0px;
		width: 240px;
		margin-left: 5px;
	}
	#latestPhenomenons .bottom5 {
		display: block!important;
	}
}

@media only screen
and (min-width : 1630px) {
	#latestPhenomenons {
		width: 280px!important;
	}
}

@media only screen
and (min-width : 1730px) {
	#latestPhenomenons {
		width: 330px!important;
	}
}

@media only screen
and (min-width : 1830px) {
	#latestPhenomenons {
		width: 380px!important;
	}
}

@media only screen
and (min-width : 1920px) {
	#latestPhenomenons {
		width: 430px!important;
	}
}


/*	Footer
	____________________________________	*/

footer{
	background: #111;
	color: #444;
	font-family: 'Lucida Grande', 'Trebuchet MS', sans-serif;
	font-size: 75%;
	clear: both;
	padding: 1.5% 0;
}

footer a{
	color: #666;
}

#footer-wrapper{
	margin: 0 auto;
	width: 960px;
}

footer nav.footer-navigation{
  line-height: 1.7;
}

footer nav.footer-navigation > ul{
  margin: 0;
  list-style-type: none;
}

footer nav.footer-navigation li {

}

footer nav.footer-navigation a {
  text-decoration: none;
}

footer nav.footer-navigation > ul > li > a { /* header */
  font-size: 120%;
  font-weight: bold;
}

footer nav.footer-navigation > ul > li {
  float: left;
  margin-right: 30px;
}

footer nav.footer-navigation > ul > li > ul {
  padding: 0 15px;
}

footer nav.footer-navigation li li {

}

/* new order formul�ret: */

#orderLoginInfo {
  position: absolute;
  font-weight: bolder;
	top: 0;
	right: 0;
}

#leftBoxOfOrder{
	width: 35%;
	margin-right: 2%;
	float: left;
}

#orderleftContainer{
	background: #1577cd url('../images/gradient_lighterblue.png') no-repeat;
	color: #fff;
	padding: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #004383;
}

#ticketTypeInfo {
/*	background: #1577cd url('../images/gradient_lighterblue.png') no-repeat;
	color: #fff;
	padding: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #004383;
	margin-top: 0.4em;*/
}

#ticketTypeDescriptionHeader {
	margin-bottom: 0.5em;
}

#ticketTypeDescription {
	font-size: 80%;
}


#orderRightContainer{
	background: #1577cd url('../images/gradient_lighterblue.png') no-repeat;
	border: 1px solid #004383;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	float: right;
	padding: 10px;
	width: 59%;
}

#orderleftContainer h3, #orderRightContainer h3{
	margin-top: 0;
}

#orderTicketTable{

	background: #fff;
	/*border: 1px solid #555;*/
	padding: 3px 4px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-spacing: 0;
	font-size: 80%;
	padding: 0;
	width: 100%;

}

#orderTicketTable th{
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	color: #333;
	background: #fff;
	padding: 6px 10px;
	text-align: left;
	border-bottom: 1px solid #555;
	white-space: nowrap;

}

#orderTicketTable td{

	color: #333;
	padding: 6px 10px;
	white-space: nowrap;

}

#orderTicketTable tr:hover td{

	background:#eeeeee none repeat scroll 0 0;

}


#myAchievementTable{

	background: #fff;
	/*border: 1px solid #555;*/
	padding: 3px 4px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border-spacing: 0;
	font-size: 80%;
	padding: 0;
	width: 100%;

}

#myAchievementTable th{
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	color: #333;
	background: #fff;
	padding: 6px 10px;
	text-align: left;
	border-bottom: 1px solid #555;
}

#myAchievementTable td{

	color: #333;
	padding: 6px 10px;
}

#myAchievementTable tr:hover td{

	background:#eeeeee none repeat scroll 0 0;

}


.tdDelete{
	text-align: center;
	cursor: pointer;
}

.orderTicketRowDelete{
	color: red;
	font-size: 20px;
	font-weight: bold;
}


#newOrderFormContainer{
	width: 100%;
	display: inline-block;

}

/*
#newOrderTicket{
	width: 29%;
	float: left;
	margin: 10 10;
}

#newOrderUser{
	width: 41%;
	float: left;
}

#newOrderPrice{
	width: 15%;
	float: left;
}

#newOrderTicketSubmit{
	width: 10%;
	float: left;
}
*/

#totalAmountOfThigsBox{
	color: 111;
	display: inline-block;
	width: 100%;
}


#totalPriceBox{
	display: inline-block;
	width: 100%;
}

#ticketOrderTotalPriceLabelBox{
	margin-top: 6px;
	font-size: 20px;
	float: left;
	width: 50%;
}
#ticketOrderTotalPriceBox{
	margin: 0px;
	float: right;
	width: 50%;
}

#sendOkeyText{

	float: left;
}



#pack_list{

}
#pack_list li{
	line-height: 1.5em;
	list-style-type: circle;
}

#faq_list{

}

.faq_question{
	margin-top: 2em;
}

.faq_answer{

}

#payment_table{
	margin-bottom: 4em;
}
#payment_table tr{
}
#payment_table th.title{
	border-bottom: 1px solid #ccc;
	padding-top: 2em;
	vertical-align: bottom;
	width: 50%;
}
#payment_table td.value{
	border-bottom: 1px solid #ccc;
	color: #8b0000;
	font-family: "Arial";
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
}

#payment_table td.explanation{
	border: none;
	color: #666;
	font-size: 85%;
	text-align: left !important;
}

#seatmap{
	min-height: 530px;
	position: relative;
}

#seatmap #venue{
	width: 609px;
	height: 452px;
	position: absolute;
	top: 50px;
	left: 30px;
	background: #eee !important;
	border: 1px solid #999 !important;
	-moz-box-shadow: inset 0px 0px 10px #999;
	box-shadow: inset 0px 0px 10px #999;
}

.tableRowList{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#tableRowListContainer{
	position: relative;
	left: 0.5em;
	top: 1em;
}

.tableRowList li{
	list-style-type: none;
	display: inline;
}
#seatDescriptionList{
	font-size: 80%;
	margin-bottom: 1em;
	margin-top: 1em;
	padding: 1%;
}
#seatDescriptionList li{
	display: inline;
	list-style-type: none;
}
.seatDescription{
	margin-right: 1em;
}
/*
.tableRowList li:first-child a.seat{
	-moz-border-radius: 0.4em 0.4em 0 0;
	border-top-left-radius: 0.4em;
	border-top-right-radius: 0.4em;
}
.tableRowList li:last-child a.seat{
	-moz-border-radius: 0 0 0.4em 0.4em;
	border-bottom-left-radius: 0.4em;
	border-bottom-right-radius: 0.4em;
}
*/
a.seat{
	/*
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em
	*/
	border: none;
	/*border-left: none;
	border-top: none;*/
	color: #fff;
	display: inline-block;
/*	font-family: "Courier New";*/
	font-size: 16px;
/*	font-weight: bold;*/
	z-index: 100;
	padding: 0;
	text-align: center;
	text-decoration: none;
	width: 32px;
/*	height: 22px;*/
}
a.seat.free{
	/*
	background: #09A301;
	border-color: green;
	*/

	background: #00AEE2;
	border-color: #007192;
	/*
	background: #28B3D4;
	border-color: #006B8C;
	*/
}
a.seat.occupied{
	/*background: #cf1217;*/
/* 	background: #ff7300;*/
	background: #ff8400;
	border-color: #cc6200;
}
a.seat.used{
	/*
	background-color: #256CDE;
	border-color: #00f;
	*/

	background: #4DC53E;
	border-color: green;
}

a.seat.locked{
	background: #999;
	border-color: #666;
}

a.seat.current{
	background: black !important;
}

a.seat.test {
	background: #8822BB;
	border-color: #666;
}

a.seat:hover, a.seat.hover{
	/*	background: #D118CB;*/
	background: #f992d9;
	border-color: #D118CB;
}

a.seat.locked:hover, a.seat.locked.hover{
	/*background: #D118CB !important;	*/
	background: #999 !important;
	border-color: #666;
}
.seatTooltip{
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	background: #ee9;
	border: 1px solid #dd0;/*
	background: #D118CB;
	border: 1px solid #91088B;*/
	border-top: none;
	border-left: none;
	color: #000;
	font-size: 60%;
	padding: 0.5em 0.6em;
}

.area-on-seatmap{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #999;
	border-left: none;
	border-top: none;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

.area-on-seatmap.fubar-area{
/*	padding: 3.5em 12.5em;*/
	width: 100px;
	height: 16px;	/* 20 * 2 + 63 = 103 */
	padding: 55px 0;
	position: absolute;
	top: 50px;
	right: 28px;
/*	width: 100px;*/
}

.area-on-seatmap.scene{
/*	padding: 3.5em 12.5em;*/
	width: 350px;
	padding: 20px 0;
	height: 63px;	/* 20 * 2 + 63 = 103 */
	position: absolute;
	top: 50px;
	left: 170px;
/*	width: 100px;*/
}

.area-on-seatmap.kiosk{
	display: block;
	left: 520px;
/*	padding: 3.5em 3.5em;*/
	width: 120px;
	padding: 20px 0;
	height: 63px;	/* 20 * 2 + 63 = 103 */
	position: absolute;
	top: 400px;
}


#seatUserList{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#seatUserList li{
	display: inline;
	float: left;
}
#seatUserList li a:after{
/*	content: ", ";*/
}
a.seatUser{
	padding: 0.2em;
}
a.seatUser.hover, a.seatUser:hover{
	background: #256cde;
	color: #fff;
	text-decoration: none;
}

.crewList {
	display:block;
}
.crewList .group {
	display:block;
}
.crewList .group h3 {
	margin-bottom:5px;
	margin-top:50px;
	padding-left:20px;
}
.crewList .group .users {
	display: block;
	overflow: auto;
	width: 100%;
}
.crewList .group .user {
	height: 120px;
	float: left;
}
.crewList .group .badge{
	margin-bottom: 5px;
	margin-right: 5px;
}
/*
.crewList .group .user img {
	border:1px solid #000000;
}
.crewList .group .user .name {
	display:block;
	padding:5px;
}
.crewList .group .user .nick {
	display:block;
	font-style:italic;
	padding:5px;
	margin-left: 93px;
}
.crewList .group .user .nick:before {
	content:'"';
}
.crewList .group .user .nick:after {
	content:'"';
}
.crewList .group .user .role {
	display:block;
	padding:5px;
}
*/

.rememberthis-block{
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	background: #dea;
	margin-top: 1em;
	padding: 0.3em 1.0em;
}

#bstlink{
  display: none;
	float: right;
}

/*	Startsidan
	________________________________________ */

#homeIndex .leftcolumn .column{
	float: left;
	margin-right: 4%;
	width: 46%;
}

#homeIndex .leftcolumn .column:last-child{
/*	margin-left: 5%;*/
}

#homeIndex .leftcolumn h3{
	border-bottom: 1px solid #ccc;
	clear: both;
	color: #666;
	font-size: 14px;
	margin-top: 30px;
	text-transform: uppercase;
}

#homeIndex .eventDates,
#homeSplashscreen .eventDates {
	padding: 10px;
	text-align: center;
  margin-bottom: 43px;
  margin-top: 25px
}

#homeIndex .eventDates .eventDate,
#homeSplashscreen .eventDates .eventDate {
	background: #fff;
	border: 1px solid gray;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #ccc;
	display: inline-block;
	margin-left: -15px;
	transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
}

#homeIndex .eventDate .weekday,
#homeSplashscreen .eventDate .weekday {
	background: #cc0000;
	color: #fff;
	display: block;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: lowercase;
	padding: 0.1em 0.6em;
}

#homeIndex .eventDate .day,
#homeSplashscreen .eventDate .day {
  color: #000;
	display: block;
	font-size: 2em;
	font-weight: bold;
	padding: 0 0.3em;
}

#homeIndex .eventDate .month,
#homeSplashscreen .eventDate .month {
  color: #999;
	display: block;
	font-size: 0.7em;
	margin-top: -0.5em;
	padding: 0.2em 0.6em;
	text-transform: lowercase;
}

#homeIndex .eventDates .eventStartsAt,
#homeSplashscreen .eventDates .eventStartsAt {
	transform: rotate(-13deg);
	-moz-transform: rotate(-13deg);
	-webkit-transform: rotate(-13deg);
}

#homeIndex .eventDates .eventEndsAt,
#homeSplashscreen .eventDates .eventEndsAt {
	transform: rotate(13deg);
	-moz-transform: rotate(13deg);
	-webkit-transform: rotate(13deg);
}

/*
#homeIndex .eventDates .eventDate{
}

#homeIndex .eventDate .weekday{
	display: block;
	text-transform: lowercase;
}

#homeIndex .eventDate .day{
	background: #1577cd;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: #000 0 1px 1px;
	box-shadow:
		inset 1px 1px 2px #004B96;
	color: #fff;
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	margin: 5px 0;
	padding: 2px 8px;
	text-shadow: #004B96 1px 1px 0;
}

#homeIndex .eventDate .month{
	display: block;
	font-size: 12px;
	margin-top: 3px;
	text-transform: lowercase;
}

#homeIndex .eventDates .eventStartsAt{
	float: left;
	margin-left: 55px;
}

#homeIndex .eventDates .eventEndsAt{
	float: right;
	margin-right: 55px;
}

#homeIndex .eventDates .to{
	background: #eee;
	display: inline-block;
	font-size: 28px;
	margin-top: 27px;
	padding: 0 20px;
	text-align: center;
}
*/

#homeIndex .eventPlace{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#homeIndex #eventInfo .column{
	margin: 0;
	width: 49%;
}

#homeIndex #eventInfo .column:first-child{
	float: left;
}

#homeIndex #eventInfo .column:last-child{
	float: right;
}

#homeIndex #eventInfo img{
	border: 1px solid #fff;
	-moz-box-shadow: #000 1px 1px 3px;
	box-shadow: #000 1px 1px 3px;
	margin-left: 9px;
}

#homeIndex .eventImages img:last-child{
	margin-right: 0;
}

.eventCountdown .desc{
	margin: 0px 3px;
}

.eventCountdown .desc span{
	color: #666;
	display: inline-block;
	width: 104px;
	font-size: 11px;
	text-align: center;
}

.eventCountdown .cntSeparator {
	display: none;
	font-size: 24px;
	margin-top: 25px;
	color: #000;
}

.eventCountdown{
	border-spacing: 0;
	clear: both;
	line-height: 130%;
}

.eventCountdown td, .eventCountdown th{
	text-align: center;
}

.eventCountdown th{
	color: #666;
	font-weight: normal !important;
	font-size: 11px;
	text-transform: lowercase;
}

#eventCountdownNumbers span{
	background: #333 url('../images/bg_white_line.png') repeat-x center;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	-moz-box-shadow: #000 0 1px 0px;
	box-shadow: #000 0 1px 0px;
	color: #fff;
	font-family: 'Courier', 'Courier New', monospace;
	font-size: 24px;
	font-weight: bold;
	padding: 0 0.3em;
	text-shadow: #000 0 -1px 0px;
}

#frontpageInfo{
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	background: #1577cd url('../images/gradient_lighterblue.png') no-repeat;
	border: 1px solid #A9E0FC;
	color: #fff;
	font-size: 111%;
	margin: 0 2%;
	margin-bottom: 2em;
	overflow: auto;
	padding: 1px 2%;
}
#frontpageInfo .type{
	display: inline-block;
	width: 8em;
}
#frontpageInfo a{
	color: #fff;
}

.countdownHolder {
	font-size: 155%!important;
	letter-spacing: 0px!important;
	width: auto!important;
}

#countdownWrapper h3{
	margin-bottom: 5px!important;
}

#countdownWrapper .parenthesis {
	color: #555;
	font-size: 60%;
}

#countdown > span {
	position: relative;
}

#countdownWrapper {
	text-align: center;
}

#countdown .timeText {
  min-width: 60px;
  text-align: center;
}

#homeIndex .newsPost .content{
	font-size: 18px;
}

#homeIndex .newsPost .gravatarLink{
	float: left;
}

#homeIndex .newsPost .createdBy{
	display: block;
}
#homeIndex .newsPost.clearfix .createdBy{
  background: #ddd;
  margin-right: -25px;
  padding: 10px 55px 12px 10px;
  border-bottom: 1px solid #ccc;
}

#homeIndex .newsPost.clearfix .showComments{
  margin-top: 30px;
  margin-left: 30px;
}

#homeIndex .newsPost .showComments{
	display: block;
}

#homeIndex .newsPost.single{
	clear: both;
	margin-bottom: 10px;
}

#homeIndex .newsPost.single .content{
/*	font-size: 14px;*/
}

#homeIndex .comment .onNewsPost{
	color: #999;
}

#homeIndex #latestComments{
	margin: 0;
	list-style-type: none;
}

#homeIndex #latestComments .comment:hover{
	background-color: #bef;
	cursor: pointer;
}

.largeButton{
	background: #51C500;
	border: 1px solid #368300;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:
		inset 1px 1px 1px #fff,
		inset -1px -1px 1px #339C00,
		#276200 1px 1px 0px;
	box-shadow:
		inset 1px 1px 1px #fff,
		inset -1px -1px 1px #339C00,
		#276200 1px 1px 0px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	display: inline-block;
	padding: 15px 25px;
	text-decoration: none;
	-moz-text-shadow: #21A300 -1px -1px 0px;
	text-shadow: #21A300 -1px -1px 0px;
}

.largeButton:hover{
	background: #40D300;
}

.button {
	background: #51C500;
	border: 1px solid #368300;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:
		inset 1px 1px 1px #fff,
		inset -1px -1px 1px #339C00,
		#276200 1px 1px 0px;
	box-shadow:
		inset 1px 1px 1px #fff,
		inset -1px -1px 1px #339C00,
		#276200 1px 1px 0px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
	-moz-text-shadow: #21A300 -1px -1px 0px;
	text-shadow: #21A300 -1px -1px 0px;
  cursor: pointer;
  user-select: none;
  margin-right: 1em; /* for stacking buttons on one line) */
}

.button:hover{
	background: #40D300;
}

.button:disabled {
  background: #cacaca;
  border: 1px solid #C0C0C0;
  -moz-box-shadow:
    inset 1px 1px 1px #000,
    inset -1px -1px 1px #cacaca,
    #276200 1px 1px 0px;
  box-shadow:
		inset 1px 1px 1px #000,
		inset -1px -1px 1px #cacaca,
		#276200 1px 1px 0px;
  -moz-text-shadow: #202020 -1px -1px 0px;
	text-shadow: #202020 -1px -1px 0px;

  color: black;
}

.button.small {
  padding: 2px 6px;
}

.button.secondary {
  background: #8ab6dc;
  border-color: #33669f;
  box-shadow: inset 1px 1px 1px #fff, inset -1px -1px 1px #33669f, #000 1px 1px 0px;
	text-shadow: #33669f -1px -1px 0px;
}

.button.warning {
  background: red;
  border-color: darkred;
  box-shadow: inset 1px 1px 1px #fff, inset -1px -1px 1px darkred, #000 1px 1px 0px;
	text-shadow: darkred -1px -1px 0px;
}

/*	Nyhetsinlägg
	________________________________________ */

.newsPosts .newsPost{
}
.newsPost{
}
.newsPost .header{
	font-size: 220%;
	margin-bottom: 0;
	margin-top: 1em;
}
.newsPost .header a{
  display: block;
  color: white;
  text-decoration: none;
  background: #000;
  padding: 10px 15px 7px;
  font-style: italic;
}
.newsPost > .createdBy{
	background: #fff;
	border-radius: 5px;
	color: #555;
	display: inline-block;
	font-size: 80%;
	line-height: 16px;
	margin-top: 1em;
	padding: 2px 4px;
}
.newsPost.clearfix > .createdBy{
  float: right !important;
}
.newsPost .createdBy a.userLink{
	font-weight: bold;
	text-decoration: none;
}
.newsPost .createdBy a.userLink:hover{
	text-decoration: underline;
}
.newsPost .createdAt{
	color: #666;
}
.newsPost.clearfix .createdAt{
  display: block;
  min-width: 120px;
}
.newsPost .gravatarLink{
	display: inline-block;
	margin-right: 10px;
	margin-left: 2px;
	margin-top: 2px;
}
.newsPost .gravatarLink img{
	border: none;
	vertical-align: middle;
}
.newsPostCommentLink{
	margin-top: 1em;
}
.newsPost .content{
	margin-top: 0.4em;
}

.separator{
	color: #999;
	font-weight: bold;
}

/*	Kommentarer
	________________________________________ */

.comments{
	background: #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 80%;
	margin-top: 7px;
	margin-left: 5px;
	padding: 3px;
}

.comments .arrow{
	background: url('../images/comments_arrow_up.png') no-repeat left top;
	display: block;
	height: 8px;
	margin-top: -8px;
	margin-left: 18px;
}

.comment {
	background: #FFFFFF;
	clear: both;
	margin-bottom: 2px;
	overflow: auto;
	padding: 5px;
}

.comment a{
	text-decoration: none;
}

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

.comment .remove{
	float: right;
}

.comment .remove a{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #bbb;
	display: inline-block;
	font-weight: bold;
	opacity: 0;
	padding: 0px 3px;
}

.comment:hover .remove a{
	opacity: 1;
}

.comment:hover .remove a:hover{
	background: #369;
	color: #fff;
	text-decoration: none;
}

.comment .gravatarLink{
	float: left;
}

.comment .gravatarLink img{
	border: none;
}

.comment .content{
	display: table-cell;
	width: 99%;
}

.comment .createdBy a{
	font-weight: bold;
}

.comment img.gravatar{
	border: none;
	margin: 0;
	margin-right: 5px;
}

.comment .timeAgo{
	color: #999;
	display: block;
	font-size: 85%;
}

form.new.comment{
	text-align: right;
}

form.new.comment .gravatar{
	float: left;
}

form.new.comment textarea{
	display: table-cell;
	height: 30px;
	width: 92%;
}

#loginToCommentLink {
	color: #999;
	font-size: 85%;
	font-weight: normal;
	margin: 0;
	padding: 5px;
	padding-bottom: 2px;
	padding-left: 48px;
	text-align: left;
}

/*	Aktiviteter
	__________________________________________ */

.activityTable{
	border-spacing: 3px;
}
.activityTable td{
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	background: #CBEAF9;
	padding: 1%;
	vertical-align: top;
}
.activityTable .activityStartsAt{
/*	font-weight: bold;*/
	font-size: 110%;
	text-align: left;
	width: 20%;
}
.activityTable .activityName{
/*	color: #256CDE;*/
	font-size: 130%;
	vertical-align: top;
}
.activityTable .activityType{
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	border-radius: 0.3em;
	background: #E9F7FA;
	color: #333;
	float: right;
	font-size: 75%;
	margin-right: 0.2em;
	padding: 0.3em;
}

.happening{
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	background: #CBEAF9;
	padding: 2% 2%;
	margin-bottom: 0.5em;
}
.happeningName{
	margin-top: 0em;
}
.happeningTime{
	color: #555;
	float: right;
	font-size: 90%;
}

#oldEventMessage {
  width: 920px;
  margin: 0 auto 1em auto;
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
  padding: 14px;
  border-radius: 0.4em;
  position: relative;
}

#oldEventMessage img {
  position: absolute;
  top: 5px;
  left: 7px;
}

#oldEventMessage span {
  margin-left: 32px;
}

#notice{
  width: 920px;
  margin: 0 auto 1em auto;
}
#notice a{
	color: #fff;
}

#notice .notice, #notice .error{
	padding: 1%;
}

#notice .notice{
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	background: #1CA600;
	border: 1px solid green;
	color: #fff;
}
#notice .error{
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	background: #c33;
	border: 1px solid #a00;
	color: #eee;
}

#homeIndex .block.news {
  margin-top: 2vw;
}

#crewSponsors .partners-logos-top {
  display: grid;
  /*
  grid-auto-columns: 150px;
  grid-template-rows: 150px 150px 150px;
  */
  grid-template-columns: 150px 150px 150px 150px;
  grid-auto-rows: 150px;
  grid-auto-flow: row;
  align-content: space-evenly;
  place-items: center;
  justify-content: space-evenly;
}

#crewSponsors .partners-logos .partner-logo img {
  max-height: 100px;
  max-width: 100px;
  vertical-align: middle;
}


.partners-logos.banner {
    background: #fff;
    margin: 2vw 0;
    padding: 5px 0px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    align-content: space-evenly;
    place-items: center;
    justify-content: space-evenly;
    grid-gap: 0.5vw;
}

.partners-logos.banner .partner-logo img {
  max-height: 11vw;
  max-width: 11vw;
  vertical-align: middle;
}

.partners-logos.banner.two-per-row {
  grid-template-columns: repeat(2, 1fr);
}
.partners-logos.banner.two-per-row .partner-logo img {
  max-height: 48vw;
  max-width: 48vw;
}

.partners-logos.banner.three-per-row {
  grid-template-columns: repeat(3, 1fr);
}
.partners-logos.banner.three-per-row .partner-logo img {
  max-height: 31vw;
  max-width: 31vw;
}

.partners-logos.banner.four-per-row {
  grid-template-columns: repeat(4, 1fr);
}
.partners-logos.banner.four-per-row .partner-logo img {
  max-height: 23vw;
  max-width: 23vw;
}

.partners-logos.banner.five-per-row {
  grid-template-columns: repeat(5, 1fr);
}
.partners-logos.banner.five-per-row .partner-logo img {
  max-height: 19vw;
  max-width: 19vw;
}

.partners-logos.banner.six-per-row {
  grid-template-columns: repeat(6, 1fr);
}
.partners-logos.banner.six-per-row .partner-logo img {
  max-height: 15vw;
  max-width: 15vw;
}

.partners-logos.banner.seven-per-row {
  grid-template-columns: repeat(7, 1fr);
}
.partners-logos.banner.seven-per-row .partner-logo img {
  max-height: 13.5vw;
  max-width: 13.5vw;
}

.partners-logos.single-row.banner {
    grid-template-columns: none;

    background: #fff;
    margin: 2vw 0;
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-rows: 5vw;
    grid-auto-flow: column;
    align-content: space-evenly;
    place-items: center;
    justify-content: space-evenly;
}

.partners-logos.single-row.banner .partner-logo img {
  max-height: 4vw;
  max-width: 4vw;
  vertical-align: middle;
}

.sponsor{
	margin-bottom: 5em;
}
.sponsorImage{
	text-align: center;
}

.sponsorImage a{
  display: block;
}

.sponsorImage img{
	border: none;
	max-width: 90%;
}

#printableEntryCode{
	border: 1px solid #000;
	margin: 5em 20%;
	padding: 5%;
	text-align: center;
}
#printableEntryCodeNumber{
	font-size: 500%;
	margin: 0;
	padding: 0;
}
#printableTicketInfo{
	font-size: 85%;
}

.loginMenu{
	clear: both;
	margin-top: 2em;
	list-style-type: none;
}
.loginMenu li{
	margin: 10px 0;
}

form.login label{
	display: none;
}

form.login input{
	margin-bottom: 10px;
}

.userLines{
	padding: 0.3em;
	list-style-type: none;
}

.userLines span {
	font-size: 80%;
}

.leftUserColumn{
}
.rightUserColumn{
}

table.users th span#description{
	font-size: 52%;
	font-weight: normal;
	left: -106px;
	top: 2px;
}

table.users th span{
	position: absolute;
}

table.users{
	float: left;
	width: 60%;
}

table.users .points{
	padding-right: 1em;
	text-align: right;
	max-width: 5em;
}

table.users .gravatar{
	border: none;
	float: none;
	margin: 0;
}

.allUsersBox{
	float: left;
	display: block;
	width: 60%;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.allUsersBox ul{
	margin: 0px;
	padding: 4px;
}

.allUsersInfoBox
{
	float: right;
	display: block;
	width: 36%;
}

.allUsersBox .user{

}

.user{

}

.user .level{/*
	background: rgba(0,0,0,0.1);
	border-radius: 5px;*/
	color: #666;
	font-size: 11px;
	padding: 2px 5px;
}

.user .level .number{
	background: #000;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: inset 0 1px 1px #999;
	box-shadow: inset 0 1px 1px #999;
	color: #fff;
	margin-right: 3px;
	padding: 1px 3px 0 3px;
}
.user .level .name{
	font-style: italic;
}

.user .man{
	color: #256CDE;
}
.user .woman{
	color: #D118CB;
}

#genderPercentage{
	color: #AAA;
}

.userResultWoman{
	margin: 2em;
}
.userResultMen{
	margin: 2.2em;
}
.userResultTotalt{
	margin: 2.6em;
}
.userInfoLines{
	display: block;
	padding: 0.3em;
}
.usersMailTextArea{
	height:	10em;
	width: 98%;
}

.user .gravatar{
	border: 1px solid #666;
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

#userNick{
	display: inline;
	font-size: 400%;
	font-style: italic;
	line-height: 90%;
	margin: 0;
	padding-top: 1em;
	padding: 0;
}

#userRealName{
	display: block;
	font-size: ;
	font-weight: normal;
	margin: 0;
	margin-bottom: 2em;
	padding: 0;
}

#userDetailsTable th{
	width: 30%;
	vertical-align: top;
}

/*	Achievements
	__________________________________________ */

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

#allAchievementsList .achievementCategory{

}

#allAchievementsList .achievement{
	display: inline;
	list-style-type: none;
}

#allAchievementsList .achievement a{
	background: #eee;
	border-radius: 7px;
	color: #000;
	display: inline-block;
	font-size: 13px;
	margin: 0 10px 10px 0;
	padding: 8px 6px;
	text-align: center;
	text-decoration: none;
	width: 100px;
}

#allAchievementsList .achievement a:hover{
	background: #cef;
}

#allAchievementsList .achievement .name{
	display: block;
}

#allAchievementsList .achievement .icon{
	background: #333;
	border: 1px solid #666;
	border-radius: 4px;
	color: #999;
	display: inline-block;
	font-size: 10px;
	height: 32px;
	-moz-box-shadow: #000 1px 1px 0;
	box-shadow: #000 1px 1px 0;
	text-align: center;
	width: 32px;
}

#allAchievementsList .achievement .points{
	color: #999;
/*	float: right;*/
	font-size: 12px;
	padding: 4px;
}

#myAchievementsTable{
	border: 1px solid #000;
	text-align: center;
}

table .achievementCategory {
	background-color:#dddddd;
	border-bottom:1px solid #000;
	font-weight:bold;
}

#achievementList .achievementCategoryHeader{
	clear: both;
	font-weight: normal;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding-top: 0.5em;
}

#achievementList .achievementCategoryList{
	list-style-type: none;
	margin: 0;
	padding: 0;/*
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;*/
}

#achievementList .achievementCategoryList .achievement{
	/*border-bottom: 1px solid #666;
	border-right: 1px solid #666;*/
	color: #fff;
	display: inline-block;/*
	clear: left;
	float: left;*/
	font-size: 80%;
	margin-bottom: 1.0em;
	margin-right: 1.0em;
}


#achievementList .achievementCategoryList .achievement .name{
	-webkit-border-top-left-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-radius-topleft: 1em;
	-moz-border-radius-bottomleft: 1em;
	background: #1577cd url('../images/gradient_lighterblue.png') top center no-repeat;
	-webkit-box-shadow: 1px 1px 3px #333;
	display: inline-block;
	padding: 0.5em 1.2em;
}

#achievementList .achievementCategoryList .achievement .name a{
	color: #fff;
	text-decoration: none;
}

#achievementList .achievementCategoryList .achievement .points{
	-webkit-border-top-right-radius: 1em;
	-webkit-border-bottom-right-radius: 1em;
	-moz-border-radius-topright: 1em;
	-moz-border-radius-bottomright: 1em;
	background: #000;
	-webkit-box-shadow: 1px 1px 3px #333;
	color: #fff;
	display: inline-block;
	font-weight: bold;
/*	font-size: 80%;*/
	padding: 0.5em 0.8em;
}

#usersTotalAchievementPoints{
	clear: both;
	font-weight: bold;
	margin-top: 1em;
}

#usersTotalAchievementPoints .points{
	color: #1577cd;
	font-size: 700%;
	font-weight: normal;
	display: block;
	text-align: center;
	text-shadow: 1px 2px 0px #00488A;
}

/*	Badge
	Inspired by:
	http://wiki.erepublik.com/index.php/Military_tutorial
	_____________________________________________________	*/

.badge{
	background: #333;/* url('../images/bg_gray_noise.png');*/
	border: 1px solid #222;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: #000 0 1px 1px;
	box-shadow: #000 0 1px 1px;
	color: #999;
	display: block;
	float: left;
	overflow: hidden;
	padding: 5px 10px 5px 5px;
	text-shadow: #000 0 1px 1px;
	min-width: 200px;
  width: 201px;
}
.badge a{
	color: #fff;
	text-decoration: none;
}
.badge a:hover{
	text-decoration: underline;
}
.badge .gravatarContainer{
	background: #000;
	border: 1px solid #000;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: #444 0 1px 1px;
	box-shadow: #444 0 1px 1px;
	float: left;
	height: 80px;
	margin: 0;
	margin-right: 10px;
	overflow: hidden;
	position: relative;
	width: 80px;
}
.badge .gravatarContainer .editGravatar{
	background: black;
	border-radius: 10px;
	color: white !important;
	display: none;
	font-size: 10px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	width: 40px;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	padding: 10px 0;
	opacity: 0.7;
}
.badge .gravatarContainer:hover .editGravatar{
	background: #000;
	display: block;
}
.badge .gravatar{
	border: none;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0;
}
.badge .userContainer {
  display: block;
  overflow: hidden;
  margin: 0px;
}
.badge .username{
	color: #fff;
	display: block;
	font-weight: bold;
	margin-bottom: -3px;
}
.badge .realname{
	font-size: 12px;
	line-height: 23px;
}
.badge .level{
	font-size: 11px;
}
.badge .level .explanation{
	display: none;
}
.badge .level .explanation:after{
	content: ':';
}
.badge .level .number{
	background: #000;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: inset 0 1px 1px #999;
	box-shadow: inset 0 1px 1px #999;
	color: #fff;
	margin-right: 3px;
	padding: 1px 3px 0 3px;
}
.badge .level .name{
	font-style: italic;
}
.badge .progressbar{
	background: #202020;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0 2px 3px #000, #444 0 1px 0px;
	box-shadow: inset 0 2px 3px #000, #444 0 1px 0px;
	height: 10px;
	margin-top: 4px;
	padding: 0px;
	width: 53%;
}
.badge .progressbar .bar{
	background: #A8D916;
	border-right: 1px solid #000;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	-moz-box-shadow: inset 0 -5px 0 #80BB00, inset 0 1px 0 #CDFF3C;
	box-shadow: inset 0 -5px 0 #80BB00, inset 0 1px 0 #CDFF3C;
}
.badge .progress{
	display: block;
	font-size: 11px;
	text-align: center;
}
.badge .progress .current{
	float: left;
}
/*
.badge .progress .limit:before{
	content: 'av ';
}
*/
.badge .progress .limit{
	float: right;
}

.progressbar{
	background: #fff;
	border: 1px solid #666;
	display: inline-block;
	height: 20px;
	padding: 2px;
	width: 100%;
}

.progressbar .bar{
	background: #1577cd;
	display: block;
	height: 100%;
}

/*
	Profilsidan
	____________________________________________	*/

#userShow .badge{
	margin-bottom: 20px;
}

#userShow h3{
	clear: left;
}

#userShow #profileCounters{
}

#userShow #profileCounters .counter{
	background: #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: inset 1px 1px 1px #ccc;
	display: block;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 1px 8px 5px 8px;
	text-align: center;
}

#userShow #profileCounters .counter img{
	/*display: block;
	margin: 0 auto;*/
	margin-bottom: -5px;
}

#userShow #profileCounters .counter .count{
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
}

#userShow #profileCounters .counter .text{
	color: #999;
	display: block;
	font-size: 11px;
	font-weight: bold;
}

#userShow .levelStatus{
	background: #1577cd;
	-moz-border-radius-top-left: 10px;
	-moz-border-radius-bottom-left: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-box-shadow: #02203D 1px 1px 2px;
	box-shadow: #02203D 1px 1px 2px;
	color: #fff;
	float: right;
	font-size: 12px;
	margin-right: -16px;
	overflow: hidden;
	padding: 5px 5px;
	text-shadow: #0D4F8B 1px 1px 0;
	width: 250px;
}

#userShow .levelStatus .points{
	color: #74A5E4;
	float: right;
	font-size: 16px;
/*	text-align: right;*/
	width: 75%;
}

#userShow .levelStatus .points .number{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

#userShow .levelStatus .level .current{
	background: #74A5E4;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: #0A5AA5 -1px -1px 0;
	box-shadow: #0A5AA5 -1px -1px 0;
	float: left;
	text-align: center;
	padding: 5px 0;
	width: 20%;
}
#userShow .levelStatus .level .current .explanation{
	color: #74A5E4;
	display: none;
	font-size: 10px;
}
#userShow .levelStatus .level .current .number{
	color: #fff;
	display: block;
	font-size: 36px;
	font-weight: bold;
}
#userShow .levelStatus .level .current .name{

}
#userShow .levelStatus .level .next{
	float: right;
	margin-top: 10px;
	width: 75%;
}
#userShow .levelStatus .level .next .requiredPoints{
	float: right;
}
#userShow .levelStatus .level .next .progress{
	display: block;
}
#userShow .levelStatus .level .next .upgradeMessage{
	color: #74A5E4;
	font-size: 10px;
}
#userShow .levelStatus .level .next .upgradeMessage a{
	color: #fff;
}
#userShow .levelStatus .level .next .progressbar{
	border-color: #1577cd;
	height: 7px;
	margin-right: 5%;
	width: 95%;
}
#userShow .levelStatus .level .next .progressbar .progress{
	background: #74A5E4;
}

/*	?
	____________________________________________ */

.googlemap{
	-webkit-box-shadow: rgba(0, 0, 0, 0.0976562) 1px 0px 1px, rgba(0, 0, 0, 0.046875) 1px -1px 0px, rgba(0, 0, 0, 0.0976562) 0px 1px 0px, rgba(0, 0, 0, 0.0976562) -1px 0px 1px, rgba(0, 0, 0, 0.046875) -1px -1px 0px, rgba(0, 0, 0, 0.148438) 0px 2px 1px;
	background: #E5E3DF;
/*	border: 1px solid #333;*/
	margin-top: 1em;
	min-height: 400px;
	width: 100%;
}

form.edit.user{

}
form.edit.user .field{
	margin: 0.5em 0;
	min-height: 1.5em;
}
form.edit.user label{
	display: inline-block;
	min-width: 10em;
}
form.edit.user label.radioLabel{
	min-width: 3em;
}
form.edit.user input[type=submit]{
	float: none;
	margin-left: 10em;
}
form.edit.user .explanation{
	font-size: 70%;
	margin-left: 15em;
}
/*
#top10 {
	color: #EEEEEE!important;
}
#top10NonCrew {
	color: #EEEEEE!important;
}
#top10NonCrew h3{
	margin-bottom: 0px;
}
*/
.rightcolumn .block .extraDescription{
	color: #bbb;
/*	color: #555;*/
	font-size: 11px;
	margin-top: -17px;
}
.topPlayer {
	clear: both;
	display: block;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	padding-right: 5px;
	margin-bottom: 1px;
}

.topPlayerName {
	font-size: 90%;
}

.topPlayer .gravatar{
	border: none;
	border-radius: 3px;
	margin-bottom: 0px;
}

.topPlayerLevelName {
	background: none !important;
	display: block;
	font-size: 70% !important;
	margin-left: 5px;
	margin-top: 3px;
	padding: 0 !important;
}

.topPlayerAP {
	float: right;
	font-size: 90%;
	margin-top: 2px;
}

#referrerUserInputBlock {
	clear: both;
}

#referrerUserInputBlock span{
	float: right; font-size: 80%; color: #ccc; margin-top: 2px;
}
.sideNote {
	float: right; font-size: 80%; color: #777; margin-top: 2px;
}

.hidden {
	display: none;
}

.membershipInfo{
	margin-top: 20px;
	padding: 2px 15px;
}

#newRowForm .field {
	display: inline-block;
	width: 24%;
}

#newRowForm input[type="text"] {
	width: 8.5em;
}

#newRowForm input[type="submit"] {
	float: none;
	display: inline-block;
}

#autoConfirmTypeDescriptions {
	width: 60%;
	float: right;
	font-size: 90%;
}

#autoConfirmTypeDescriptions .autoConfirmTypeDescription {
	display: none;
}
#userEntrycode .warning {
	margin-bottom: 10px;
}
#userEntrycode .warning h3, p {
	margin: 0px 0px 10px;
}

.seatmap-listing {
  margin: 0;
  padding: 0;
}

.seatmap-listing-item{
  list-style: none;
}

.seatmap-listing-item > a {
  border: 1px solid #ccc;
  float: left;
  margin: 0px 7px;
  padding: 60px 0px;
  text-align: center;
  width: 48%;
}

.seatmap-listing-item > a > span {
  background: rgba(0,0,0,0.7);
  display: block;
  width: 100%;
}

.purchase-flow-wizard > ol{
  list-style: none;
  margin: 0;
  padding: 0 2%;
}

/*
.purchase-flow-wizard{
  counter-reset: purchase-flow-wizard-item;
}

.purchase-flow-wizard > ol{

  margin: 0;
  padding: 0;

  list-style: none;
}

.purchase-flow-wizard > ol > li {
  counter-increment: purchase-flow-wizard-item;
}

.purchase-flow-wizard > ol > li::before {
  content: counter(purchase-flow-wizard-item);
  margin-right: 15px;
  margin-left: 5px;
  margin-top: 3px;
  font-size: 80%;
  background-color: #3CA8CC;
  color: white;
  font-size: 110%;
  font-weight: bold;
  padding: 3px 8px;
  border-radius: 11px;
  float: left;
}
*/

.purchase-flow-wizard h3{
  font-size: 130%;
  margin-top: 15px;
}

.purchase-flow-wizard .header-for-step {
  background: #B9F3FF;
  clear: both;
  padding: 5px 9px;
  margin-bottom: 15px;
  position: relative;
}

.purchase-flow-wizard .header-for-step h3 {
  margin: 0;
  padding: 0;
}

.purchase-flow-wizard .header-for-step .step-status{
  /*
  position: absolute;
  right: 9px;
  */
  margin-right: 5px;
}

.purchase-flow-wizard .step-number {
  /*font-weight: normal;*/
  margin-right: 4px;
  padding: 5px 10px;
  border-radius: 30px;
  background: #57cae2;
  color: #fff;
  font-size: 80%;
  border: none;
  top: -.15em;
  position: relative;
}

.purchase-flow-wizard .header-for-step .step-number{
  /*float: left;*/
}

.purchase-flow-wizard .header-for-step .more-details-for-closed-step {
  display: block;
  font-style: italic;
  font-size: 90%;
  position: absolute;
  right: 15px;
  top: 11px;
}

.purchase-flow-wizard .header-for-sub-step {
  font-size: 120%;
  margin-top: 0;
  margin-bottom: 10px;
}

.purchase-flow-wizard .content-for-step {
  clear: both;
  display: block;
  padding-top: 5px;
  padding-bottom: 15px;
}

.purchase-flow-wizard .unpaid-order:last-child {
  border-bottom: 1px solid #ccc;
}

.purchase-flow-wizard .unpaid-order {
  background: #f1f1f1;
  border-top: 1px solid #ccc;
  padding: 20px 0;
}
.purchase-flow-wizard .unpaid-order:nth-child(2) {
  background: #fff;
}

.purchase-flow-wizard .unpaid-order-details-table th {
  text-align: right;
}

.purchase-flow-wizard .unpaid-order-details-table td {
  text-align: left;
}

.purchase-flow-wizard .unpaid-order-details-table tbody tr td:first-child {
  width: 50%;
}
.purchase-flow-wizard .unpaid-order-details-table tbody tr:first-child td:first-child {
  font-size: 150%;
  text-align: center;
}
.purchase-flow-wizard .unpaid-order td[colspan="4"] {
  text-align: center;
  font-size: 80%;
}

.purchase-flow-wizard .login-form-container {
  /*border: 5px inset #eee;*/
  padding: 1% 3%;
}

.purchase-flow-wizard .upgrade-tickets-table input[type="submit"],
.purchase-flow-wizard .upgrade-tickets-table .already-booked {
  float: right;
}

.table-small {
  width: auto;
}

.table-medium {
  width: 50%;
}
.purchase-flow-wizard input[type="submit"] {
  float: none;
}

.purchase-flow-wizard #printableEntryCode {
  margin: 20px 150px;
}

.event-wizard-table {

}

.event-wizard-goal th,
.event-wizard-goal td {
  border-bottom: 1px solid #ccc;
}

.event-wizard-table tr td:first-child {
  text-align: center;
  width: 2em;
}

.event-wizard-goal th {
  font-size: 150%;
  font-weight: normal;
  padding-top: 19px;
}

.highlight {
  background-color: #feff9fbf;
}

#order-index-table tbody tr:nth-child(even) > td {
  background: #f3f3f3;
}

#order-index-table td {
  line-height: 2.0em;
}

#order-index-table .button {
  line-height: 1em;
}

#basket-index-table tbody tr:nth-child(even) > td {
  background: #f3f3f3;
}

#basket-index-table td {
  line-height: 2.0em;
}

#basket-index-table .button {
  line-height: 1em;
}

td.emoji {
  padding: 0;
}

.emoji.small {
  font-size: 10px;
}