@charset "UTF-8";
/* 
Välkommen till jesper.nus fina css. Allting är ganska rörigt just nu men det gör väl inget.. =)
Innehållsförteckning
	-Standard HTML-attribut (länkar, rubriker)
	-Generell layout
	-Vänsterspalt
	-Högerspalt
	-Footer
	-Formulär
	-Socialrutan
*/


.xdebug-var-dump {
	background:#fff;
	font-size:150%;
	text-align:left;
	display:none;
}


/*
Standard HTML-attribut
*/
body {
	font: normal 80%/1.4 "Helvetica", "Arial", sans-serif;
	background: #fff url(../images/bg.png) repeat; 
	color: #000;
	text-align: center;
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	color: #579333;
	text-decoration: none;
}
a:hover {
	color: #ff0000;
	border-bottom: 1px solid #ff0000;
}
::-moz-selection { background: #ccc; color: #000; text-shadow: none; }
::selection { background: #ccc; color: #000; text-shadow: none; }
img {
	border:0;
}
p {
	margin:10px 24px 14px 0;
}
ul, ol {
	margin:12px 20px 12px 0;
}
ol li {
	list-style-image:none;
}
li {
	list-style-image:url(../images/li.gif);
	margin:0;
}
h1 {
	clear:both;
	font:bold 130% Helvetica, Arial, Verdana, sans-serif;
	background:#EEE url(../images/h1_background.png) repeat-x top;
	border:none;
	border-bottom:1px solid #AAA;
	border-right:1px solid #AAA;
	margin:20px 19px 15px 0;
	padding:5px 0 4px 12px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
h1 a:link, h1 a:visited, h1 a:active {
	color:#000;
	text-decoration:none;
}
h1 a:hover {
	color:#CCCCCC;
	font-weight:bold;
	border:0;
}
h2 {
	clear:left;
	font: normal 115% Helvetica, Arial, Verdana, sans-serif;
	background:#EEE url(../images/h1_background.png) repeat-x top;
	border:none;
	border-bottom:1px solid #b5b5b5;
	border-right:1px solid #b5b5b5;
	margin:22px 19px 10px 0;
	padding:4px 3px 4px 12px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
h2 a:link, h2 a:visited, h2 a:active {
	text-align:left;
	border:0;
	font-weight:bold;
	color:#000;
}
h2 a:hover {
	text-decoration:underline;
	font-weight:bold;
}
table {
	margin:0 18px 5px 0;
}
h3 {
	font:bold 110% "Helvetica", Arial, Verdana, sans-serif;
	margin:17px 19px 8px 0;
}
h4 {
	font:bold 100% Helvetica, Arial, Verdana, sans-serif;
	margin:20px 19px 5px 0;
}


/*
Generell layout
*/

#header a#h-transp {
    border: 0;
}
#h-transp img {
    width: 230px;
    height: 95px;
    border: 0;
	float:left;
}
#header {
	height: 114px;
	width: 979px;
	background: transparent url(../images/header.png) no-repeat;
	text-align: left;
	margin: 5px auto 0;
	padding: 0;
}
#container {
	background: transparent url(../images/bg2.gif) repeat-y;
	overflow: hidden;
	position: relative;
	clear: both;
	width: 979px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}
#container.wide, #container.fill {
	background:transparent url(../images/bg2_ny.png) repeat-y;
}
#content {
	float: left;
	position: relative;
	margin: 0;
}
#rightbar-small {
	background: transparent url(https://omega.jesper.nu/images/rightbar-top_ny.gif) no-repeat scroll right top;
	float: right;
	padding-right: 5px;
	padding-top: 25px;
	width: 130px;
}
#rightbar-small iframe {
	height: 600px;
	width: 120px;
}
#container.normal #content {
	background: transparent url(../images/content-top.gif) no-repeat;
	width: 534px;
	padding-left:14px;
	margin-left: 2px;
}
#container.wide #content {
	background: transparent url(../images/content-top_ny.png) no-repeat;
	width: 672px;
	padding-left: 12px;
}
#container.fill #content {
	background: transparent url(../images/content-top_ny.png) no-repeat;
	width: 798px;
	padding-left: 15px;
}
/*
Extrakod för annons i forumet
*/
.wrap.forum {
	width: 1237px;
	margin: 13px auto 0;
	padding: 0 10px 0 10px;
}
.wrap.forum #header, .wrap.forum #container, .wrap.forum #footer {
	margin: 0;
}
.wrap.forum #container {
	clear: none;
}
.wrap.forum div.forum-ad {
	margin: 110px 0 0 0;
	float:right;
	width:250px;
	height:360px;
	display:block !important;
	text-align:left;
}
.wrap div.forum-ad {
	display:none;
}
.forum-box-latest {
	margin:0;
	padding:0;
}
.forum-box-latest p {
	margin:0 0 1px 0;
	padding:0;
	clear:both;
	color:#777;
}
.forum-box-latest span {
	margin-right:4px;
	display:block;
	height:17px;
	float:left;
}
.forum-box-latest a:link, .forum-box-latest a:visited {
	color:#000;
}
.forum-box-latest a:hover {
	color:red;
}
div.sidebar-ad {
    margin-top:10px;
}
div.sidebar-content {
    margin-bottom:10px;
}
div.sidebar-ad iframe{
    margin-left:0;
    margin-bottom:10px;

}
.sidebar-content ol,.sidebar-content ul {
padding-left:20px;
margin:3px;
}
ul.sidebar-comments {padding-left:5px;}
ul.sidebar-comments li {list-style:none;}
div.forum-ad .forum-box-latest,.sidebar-content {
	padding:5px 11px 11px 8px;
	border:1px solid #b6b6b6;
	border-top:0;
	-moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
	background: #fff url(https://omega.jesper.nu/images/forum/forum_background.jpg) no-repeat;
	background-position:0 -28px;
	margin-bottom:15px;
}
.sidebar-content .forum-box-latest {
	background:none !important;
	padding:0 !important;
	border:0 !important;
}
div.forum-ad h2.title {
	background:0;
	margin:0;
	font: bold 130% Arial, Verdana, Geneva, sans-serif;
	padding:8px 0 0 10px;
	color:#000;
	border:1px solid #b6b6b6;
	border-bottom:0;
	-moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
	background-image:url('https://omega.jesper.nu/images/forum/forum_background.jpg');
	background-position:0 0;
}

/*
Vänsterspalt
*/
#navigation {
	float:left;
	background:transparent url(../images/navigation-top.gif) no-repeat;
	width:160px;
	margin:0;
	padding:0;
	font-size:110%;
}
#navigation h2 {
	font:bold 80% "Verdana", sans-serif;
	background: transparent url(../images/navigation-h2-top.gif) no-repeat top left;
	border: none;
	text-align: center;
	color: #363;
	height: 21px;
	width: 150px;
	margin: 5px -1px -4px 13px;
	padding: 4px 0 0;
}
#navigation ul {
	list-style-type:none;
}
#navigation .menu li {
	background-image: url(../images/menubutton.gif);
	background-repeat:no-repeat;
	background-position:1px 1px;
	list-style-image:none;
	padding-left: 14px; 
	line-height:1.5;
}
#navigation .menu li a:hover,#commenu li a:hover{
	list-style-image:url(../images/menubutton2.gif);
}
#navigation h2 a, #rightbar h2 a {
	color: #363;
}
#navigation .menu li:hover {
	background-image: url(../images/menubutton_current.gif);
}
.menu a, #login-form a, #miniad a {
	color: #000;
	border: 0;
	font-weight: bold;
	display:block;
}
.menu a:hover, #login-form a:hover, #miniad a:hover {
	color: #ff0000;
}
#navigation .menu ul {
	border: none;
	text-align: left;
	color: #000;
	margin: 0;
}
#navigation .menu .subnav li {
	background:0;
	margin-left: -2px;
	padding-left:0;
}
#navigation .menu .subnav .subnav {
	margin: 6px 0 6px 0;
	padding: 0;
}
#navigation .menu .subnav .subnav li {
	color:#cecdcd;
	list-style-image: none;
	list-style-type:circle;
	margin: 0 0 0 8px;
	padding: 0;
}
.menu .subnav {
	padding: 5px 5px 15px 5px;
}
.subnav li {
	list-style:circle;
	color:#ccc;
	font:normal 90%/1.5 Helvetia, Arial, Verdana, Geneva, sans-serif;
}
.subnav a {
	font-weight:normal;
}
#commenu a {
	color: #000;
}
.menu,#commenu,#login-form,#miniad {
	background:transparent url(../images/navigation-bottom.png) no-repeat bottom left;
	font:normal 100% Helvetica, Arial, sans-serif;
	border:none;
	text-align:left;
	color:#000;
	line-height:16px;
	margin:0 0 15px 13px;
	padding:8px 10px 25px 15px;
}
.menu-search {
    background:transparent url(../images/navigation-bottom.png) no-repeat bottom left;
    font:normal 100% Helvetica, Arial, sans-serif;
    border:none;
    text-align:left;
    color:#000;
    line-height:16px;
    margin:0 0 15px 13px;
    padding:8px 10px 10px 15px;

}

#navigation a.active {
	color:#F00;
}
#navigation a.current {
	color:#F00;
	text-decoration:underline;
	font-weight:normal;
}
#navigation #login-form ul {
	border:none;
	text-align:left;
	color:#000;
	margin:0 0 0 10px;
}
#login-form label {
	height: 19px;
	width: 32px;
	font-size: 10px;
	color: #333;
	margin: 0;
	margin-top: 4px;
	display: inline-block;
}
.login-error {
    font-size: 9px;
    padding: 7px;
    border:1px solid #f00;
    width: 100px;
    display: block;
    margin-bottom: 1em;
}
#login-form #l-user, #login-form #l-pass {
	background: transparent url(../images/menu-login-back.gif) no-repeat;
	width: 67px;
	height: 19px;
	border: 0;
	font-size: 9px;
	margin: 0 0 0 8px;
	padding: 3px 0 0 6px;
}




/*
Högerspalt
*/
#rightbar {
	float: left;
	background: transparent url(../images/rightbar-top.gif) no-repeat;
	width: 268px;
	padding-top: 7px;
	margin: 0;
}
#rightbar h2 {
	font: bold 90% "Verdana", sans-serif;
	background: transparent url(../images/rightbar-h2-top.gif) no-repeat top left;
	border: none;
	text-align: center;
	color: #000;
	height: 21px;
	width: 250px;
	margin: -1px -1px -4px 8px;
	padding: 4px 0 0;
}
#rightbar p {
	margin: 0 20px 5px 0;
	padding: 0;
}
.rightbar-margin {
	background:transparent url(../images/rightbar-bottom.gif) no-repeat bottom left;
	font:normal 100% Helvetica, Arial, Verdana, sans-serif;
	border:none;
	text-align:left;
	color:#000;
	line-height:16px;
	margin:0 0 15px 8px;
	padding:8px 10px 22px 12px;
}
.rightbar-margin ol {
	margin:0 10px 5px 20px;
	padding:0;
}
#rightbar-margin td {
	margin:0;
	padding:0;
}



/*
Footer
*/
#footer {
	width: 979px;
	background: transparent url(../images/bottom.gif) no-repeat;
	clear: both;
	margin: 0 auto 35px;
	padding: 0;
	text-align:center;
}
#footer.wide, #footer.fill {
	background: transparent url(../images/bottom_ny.png) no-repeat;
}
#footer p {
	margin: 0;
	padding: 50px 15px 30px 0;
}
#footer a, .footer a {
	color:#525352;
	border:0;
}
#footer a:hover, .footer a:hover {
	color:#F00;
}



/*
Formulär
*/

input {
	border: solid 1px #CCC;
	font:normal 100% verdana, arial, helvetica, sans-serif;
	padding:3px;
	color: #000000;
    border-radius:3px;
}
select {
	border: solid 1px #CCC;
	background-color: #F4F4F4;
	font:normal 105%/1.5 verdana, arial, helvetica, sans-serif;
	padding:2px;
    border-radius:3px;
}
textarea {
	border: solid 1px #CCC;
	font:normal 105%/1.5 verdana, arial, helvetica, sans-serif;
	width:350px;
	height:130px;
	padding:4px;
    border-radius:3px;
	color: #000000;
}







/*
Paging
*/
.paging {
	font-size:120%;
	text-align:center;
}

.paging2 {
	clear:both;
	font-size:120%;
	text-align:center;
	background:#ebebec url(https://www.jesper.nu/images/forumback_header.gif) repeat-x;
	border:1px solid #CCC;
	padding: 5px;
	margin-right:19px;
}
div.paging {
	clear:both;
	font-size:120%;
	text-align:center;
	background:#ebebec url(https://www.jesper.nu/images/forumback_header.gif) repeat-x;
	border:1px solid #CCC;
	padding: 5px;
	margin-right:19px;
	margin-bottom: 15px;
}
.paging3 {
	margin-bottom:10px;
	margin-right: 24px;
	text-align:left;
}
a.paging3ruta {
	background:#ebebec url(https://omega.jesper.nu/images/paging_back.gif) repeat-x;
	color:#000;
	font-size:110%;
	border: 1px solid #ccc;
	padding:2px 6px 2px 6px;
	vertical-align:top;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
a.paging3ruta:hover {
	color:#000;
	font-size:110%;
	border: 1px solid #666;
	outline-width: 0pt;
	outline-style: none;
	outline-color: #000;
	-moz-box-shadow: 0 0 3px #999;
	-webkit-box-shadow: 0 0 3px #999;
	box-shadow: 0 0 3px #999;
}
.paging3rutaactive {
	background-color:#eee;
	color:#000;
	font-size:110%;
	font-weight:bold;
	border: 1px solid #ccc;
	padding:2px 6px 2px 6px;
	vertical-align:top;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

button img {
font-size:0;
vertical-align:middle;
}
.prev-arrow {
  border-right-color:#999999 !important;
  border-width:5px 5px 5px 0 !important;
}
.next-arrow {
  border-left-color:#999999 !important;
  border-width:5px 0 5px 5px !important;
}

.next-arrow, .prev-arrow {
border:1px solid transparent;
height:0;
vertical-align:middle;
width:0;
}
.button1:active, .button-active, .button-active:hover, .button-active:focus {
	background:-moz-linear-gradient(center top , #CCCCCC, #FFFFFF) repeat scroll 0 0 #DDDDDD;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#cccccc),to(#ffffff));
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cccccc,endColorStr=#FfFfFf);
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#CCCCCC, endColorStr=#FFFFFF)";
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	/*scroll 0 0 #F6F6F6;*/
	/*border:1px solid #CCCCCC;*/
	cursor:pointer;
	border-color:#999999;
	outline-width: 0;
	outline-style: 0;
	outline-color: #000;
}

.button-next, .button-prev {
	height:20px;
	margin:0;
	width:20px;
}

.button1 {
	background-image:-moz-linear-gradient(top,#ffffff,#efefef);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef));
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#efefef);
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF)";
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	/*scroll 0 0 #F6F6F6;*/
	border:1px solid #CCCCCC;
	cursor:pointer;
	overflow:hidden;
	padding:0;
	outline-width: 0;
	outline-style: 0;
	outline-color: #000;
	margin:0;
	margin-top:-2px;
	/*vertical-align:middle;*/
	white-space:nowrap;
}
.button1:hover {
    color:#000;
    border: 1px solid #666;
    outline-width: 0pt;
    outline-style: none;
    outline-color: #000;
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
}
button1.paging3ruta {
	-moz-border-radius:3px 3px 3px 3px;
	background:url("https://omega.jesper.nu/images/paging_back.gif") repeat-x scroll 0 0 #EBEBEC;
	border:1px solid #CCCCCC;
	color:#000000;
	font-size:110%;
	padding:2px 6px;
	vertical-align:top;
}




.underline {
	border-bottom:1px solid #579333;
}


#stickyAd {
position:relative;
margin-left:8px;
clear:both;
}

.submit {
  background:transparent url(../images/menu-submit-back.gif) no-repeat;
  width:87px;
  height:19px;
  border:0;
  margin:4px 12px 0 0;
}




#contentlist dl {
	float: left;
	width: 510px;
	display: inline;
	padding: 0;
}
#contentlist dt {
	float:right;
	width:375px;
	margin:2px 0 2px 0;
	padding:0;
	font: bold 140% Helvetica, Arial, Verdana, sans-serif;
}
#contentlist dt div {
	float:right;
	font-size:90%;
}
#contentlist dl dt a:hover {
	border-bottom:1px solid #ff0000;
	color:#ff0000;
	text-decoration:none;
}
#contentlist dd {
	margin:0 0 3px 135px;
	padding:0;
}
#contentlist dd.space {
	background:transparent url(../images/hr.gif) repeat-x center;
	height:1px;
	clear:both;
	margin:0;
	padding:8px;
}
#contentlist dl dd.img {
	margin:0;
}
#contentlist dd.img img {
	float:left;
	border:1px solid #000;
	margin:5px 7px 0 0;
	padding:0;
}

div.content-tooltip {
    max-width:400px;
    min-width:300px;
    min-height:120px;
}
div.content-tooltip img {
    margin-right:8px;
    margin-bottom:8px;
}
div.content-tooltip p {
    margin: 0 5px 5px 0px;
}
div.content-tooltip p:last-child {
    margin-bottom:0px;
}
.content-tooltip button {
    color:#579333 !important;
}
.content-tooltip div.like {
    display:inline-block;
}
.content-tooltip button:hover,.content-tooltip button:focus {
    box-shadow:none !important;
    color:#f00;
    border-color:none;
    text-decoration:underline;
}
div.content-tooltip span:first-child {
    float:right;
}


div.tooltip,.content-tooltip {
	background:#FFF url(../images/tooltip_background.gif) repeat-x top left;
	color:#000;
	max-width:225px;
	min-width:200px;
	border:1px solid #000;
	text-align:left;
	padding:8px 12px 8px 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 3px 3px 6px #777;
	-webkit-box-shadow: 3px 3px 6px #777;
	box-shadow: 3px 3px 6px #777;
}
div.tooltip h2,div.content-tooltip h2 {
	font:bold 120% Verdana, Arial, sans-serif;
	color:#579333;
	text-decoration:underline;
	background:none;
	border:0;
	margin:0 0 5px;
	padding:0;
}
div.tooltip img {
	margin:10px 10px 10px 20px;
}
div.tooltip-img {
	max-width:350px;
	min-height:100px;
}


.left {
	float:left;
	margin:5px 20px 5px 0;
}

.right {
	float:right;
	margin:5px 20px 10px 15px;
}

.p_image {
	float:left;
	border:none;
	clear:left;
	margin:5px 10px 5px 0;
}

.hr {
	background:transparent url(../images/hr.gif) repeat-x;
	clear:none;
	height:1px;
	padding-top:3px;
	margin:7px 25px 7px 0;
}
.hr hr .hrclear { display: none; }

.hrclear {
	background:transparent url(../images/hr.gif) repeat-x;
	clear:left;
	height:1px;
	padding-top:3px;
	margin:7px 25px 7px 0;
}


.upload {
border:0;
}

.radiobutton {
border:0;
background:0;
}



.preamble {
font-weight:bold;
}


.clearer {
clear: left;
line-height: 0;
height: 0;
}



/*
Contentlist3 används på bilder/fotoalbum
*/
.contentlist3 {
	background:0;
	border:0;
	font-size:100%;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.contentlist3 div {
	width:152px;
	height:170px;
	text-align:center;
	border:1px solid #CCC;
	padding:4px;
	margin:0 12px 20px 0;
	float:left;
	background:#EEE url(../images/fade_background.jpg) repeat-x;
}
.contentlist3 h2 {
	font-size:105%;
	font-weight:bold;
	margin:5px 0 0 0;
	padding:0;
	border:0;
	background:0;
}
.contentlist3 desc {
	font-size:90%;
	margin:3px 0 5px 0;
}
.contentlist3 img {
	width:130px;
	height:100px;
	margin:8px 0 0 0px;
	border:1px solid #FFF;
}
.contentlist3 h2 a:link, .contentlist3 h2 a:visited, .contentlist3 h2 a:active {
	margin-top:0;
	color:#333;
	text-decoration:none;
	padding:0;
}
.contentlist3 h2 a:hover {
	color:#FF0000;
	text-decoration:none;
}
.contentlist3 div:hover {
	border:1px solid #FF0000;
}






.tdright {
	font-size:90%;
	vertical-align:top;
	color:#666;
	margin-left:15px;
	margin-left:15px;
	float:right;
	padding-right:15px;
}

.hidden {
visibility: hidden;
display: none;
}

.a_cat {
color:#666;
text-transform:uppercase;
}

.citat_start {
background:transparent url(/images/community/icons/start_quote.gif) no-repeat top left;
padding-left:23px;
color:#666666;
margin:5px 24px 0 30px;
width:350px;
}

.citat_end {
background:transparent url(/images/community/icons/end_quote.gif) no-repeat bottom right;
padding-right:23px;
}



#star ul.star { LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 85px; HEIGHT: 20px; LEFT: 0px; TOP: -5px; POSITION: relative; FLOAT: left; BACKGROUND: url('https://omega.jesper.nu/images/stars.gif') repeat-x; CURSOR: pointer; }
#star li { PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; }
#star li.curr { BACKGROUND: url('https://omega.jesper.nu/images/stars.gif') left 25px; font-size: 1px; }
#star div.user { LEFT: 15px; POSITION: relative; FLOAT: left; font-size: 13px; FONT-FAMILY: Arial; COLOR: #888; }



/* ----------- greenform ----------- */
#greenform{
	margin-right:22px;
}
#greenform h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
#greenform p{
	clear:both;
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #deedd9;
	padding-bottom:10px;
}
#greenform .p2{
	clear:none;
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:0;
	margin:0 0 20px 10px;
	width:330px;
}
#greenform label{
	clear:both;
	display:block;
	font-size:120%;
	text-align:right;
	width:150px;
	float:left;
}
#greenform .small{
	color:#666666;
	display:block;
	font-size:75%;
	font-weight:normal;
	text-align:right;
	width:150px;
}
#greenform input{
	border:solid 1px #ddd;
	float:left;
	font-size:110%;
	padding:10px;
	margin:2px 0 20px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width:250px;
}
#greenform textarea{
	font-size:100%;
	width:300px;
	height:100px;
	float:left;
	padding:4px 2px;
	border:solid 1px #ddd;
	margin:2px 0 20px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#greenform select{
	background-color:#fff;
	float:left;
	font-size:12px;
	padding:4px;
	border:solid 1px #ddd;
	margin:2px 0 20px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#greenform .inputbutton {
	float:left;
	font-size:90%;
	padding:4px 8px 4px 8px;
	margin:2px 10px 4px 2px;
	width:auto;
}
#greenform button, #greenform .submit{
	background:#c0c0c0 url(../images/button_back.gif) repeat-x;
	border:solid 1px #ddd;
	clear:both;
	color:#000;
	display:block;
	height:25px;
	font:110% "Lucida Grande",Verdana,Arial;
	margin-left:160px;
	padding:3px 12px 5px 12px;
	text-align:center;
	width:auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.spacer{
	clear:both;
	height:1px;
}

.greenform{
	margin:0 25px 0 0;
	width:484px;
	padding:14px;
}

form, button{border:0; margin:0; padding:0;}

.jpaint_comment_head {
    margin-left: 10px;
    font-weight: bold;
    padding: 2px;
    width: 638px;
    font:bold 1em Verdana, sans-serif;
    background:#EEE url(../images/h1_background.png) 0 50% repeat-x;
    border:none;
    border-bottom:1px solid #AAA;
    border-right:1px solid #AAA;
}

div.jpaint_list2 {
    margin-left: 5px;
}

div.jpaint_list2 div>a:hover {
    text-decoration: none;
    border-bottom: 0;
}

div.jpaint_list {
    margin-left: 5px;
}

div.jpaint_list a:hover {
    text-decoration: none;
    border-bottom-width: 0;
}

div.jpaint_list img {
    margin: 2px;
    border: 1px solid #8e8;
}
div.jpaint_list img:hover {
    border: 1px solid #494;
}

.even {background-color:#fff}
.even:hover {background-color:#f7f7f7}
.odd {background-color:#fff}
.odd:hover {background-color:#f7f7f7}

.fun{
clear:both;
font-weight:bold;
width:400px;
float:left;
}
.fun .small{
clear:both;
color:#666666;
font-size:11px;
font-weight:normal;
text-align:right;
width:400px;
}
.e textarea{
    width:100%;
    height: 200px;
}
.button
{
    border: 1px solid #e1e1e2;
}
.button:hover {
    background:#c1d2ee;
    border:1px solid #90adde;
}


.comment {
    /* background:transparent url(https://www.jesper.nu/inc/images/randig_ton.gif) repeat-x top left; */
	background-color:#e6ecdc;
	border:1px solid #ccc;
	clear:both;
	width:774px;
	margin-bottom:10px !important;
}
.comment_right {
	background-color:#e6ecdc;
	color:#272727;
	height:auto;
	width:108px;
	float:left;
	padding:7px 0 7px 7px;
	margin:0;
}
.comment_main {
	background-color:#f0f7e6;
	border-left:1px solid #ccc;
	margin:0 0 0 115px;
	padding-left:10px;
}
.comment_right img {
	margin-bottom:3px;
	padding:2px;
	background-color:#fff;
	border:1px solid #ababab;
}
.comment_main p {
	color:#272727;
	margin:0;
	padding:5px 15px 10px 0;
	width:88%;
}
.comment_right a:link, .comment_top a:visited {
	color:#272727;
	font-weight:bold;
	font:Tahoma, Geneva, sans-serif;
}
.comment_right a:hover {
	color:#FF0000;
}




.new { color:#FF0000; }

/* Jesper.nus startsida (contentthumbs är raderna med bilder) */ 
.content-images-column.funny-content .tablediv {
    width:130px;
}
.tablediv {
    width: 120px;
	float:left;
	display:inline;
	margin:2px 5px 3px 5px !important;
    padding:0;
    min-height:120px;
}

.contentthumbs p {
	margin:0;
}

.contentthumbs {
    margin: 0;
}

.contentthumbs img {
    display:block;
    margin-bottom:2px;
}


.contentthumbs a {
    display:block;
    text-align:center;
    border:0;
}




.contentthumbs_imglist {
margin: 15px 0 30px 0;
}

.contentthumbs_imglist img {
display:block;
border:0;
margin-bottom:2px;
}

.contentthumbs_imglist a {
display:block;
text-align: center;
border: 0;
}

.contentthumbs_imglist h2 a {
text-align: left;
color: #000;
}

#wide-toggle {
    font-weight: normal;
}
p#jtags {
    display: none;
    padding-top: 0;
}
.noborder {
    border: none !important;
}



/* klotter- och crewplanket */
#shout-form textarea {
    width: 500px;
    height: 4em;
    -moz-border-radius: 5px 5px 0px 5px;
    -webkit-border-radius: 5px 5px 0 5px;
    border-radius: 5px 5px 0 5px;
}

.shout {
    margin-top: 1em;
    margin-right: 19px;
}

.shout-post {
    overflow: hidden;
    position: relative;
}
.shout-post:hover {
	background-color:#f7f7f7;
}

.shout-right {
    right: 1em;
    top: 0.7em;
    position: absolute;
}

.shout-left {
    position: absolute;
    top: 0.7em;
    left: 1em;
}

.shout-left img {
    width: 30px;
    height: 34px;
}

.shout-content {
    padding: 0.7em;
    width: 400px;
    position: relative;
    left: 46px;
    padding-bottom: 1em;
}

.shout-content a:link, .shout-content a:visited {
    font-weight: bold;
}
.shout-content a:hover {
    color: #F00;
}

.rating {
    cursor: pointer;
	margin-left:5px;
}

.rating-msg {
    margin: 1em;
    background-color: #ddd;
    text-align: center;
    padding: .5em;
}

.rating .rating-bg {
    width: 85px;
    margin-left: 8px;
    background-image: url(https://omega.jesper.nu/images/stars.gif);
    height: 25px;
    overflow: hidden;
}

.rating .rating-fg {
    width: 85px;
    background-image: url(https://omega.jesper.nu/images/stars.gif);
    background-position: 0 -50px;
    height: 25px;
}

.rating .rating-helper {
    float: right;
    font-family: sans-serif;
    font-size: 11px;
    margin-top:7px;
    color: #666;
}

#lightbox {
    display: none;
    position: absolute;
    z-index: 200;
}

.widget_close {
    display:block;
    float:right;
    margin-right:20px;
    cursor: pointer;
}

.widget_content {
    background-image: url(https://www.jesper.nu/inc/images/rightbar-bottom.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left bottom;
    font-family: Verdana,sans-serif;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 15px;
    margin-left: 8px;
    text-align:left;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 22px;
    padding-left: 12px;
}



/* start forum */
    /* start bbcode panel */
#bbcode_panel
{
    background-color:#fff;
    width:772px;
}
#bbcode_statusbar {
    background-color:#fff;
	padding-left:3px;
	padding-right:3px;
	margin:2px;
}
#bbcode_toolbar {
	position:relative;
	list-style-type: none;
	list-style-position: inside;
	margin:0;
	padding:5px;
	height:24px;
	margin-bottom:0px;
	width: 600px;
}

#bbcode_toolbar li {
	list-style:none;
	margin:0;
	padding:1px;
	float:left;

}

#bbcode_toolbar li a {
	width:21px;
	height:20px;
	float:left;
	display:block;
	background-image:url("https://omega.jesper.nu/images/bbcode/toolbar.gif");
	/*border:1px solid #ccc;
	/*border-right-color:#555;*/
}

#bbcode_toolbar li a:hover {
        background-color:#9cf;
	border: 1px solid #99c;
}

#bbcode_toolbar li span {
	display: none;
}
#bold_button {
	background-position: 0 -20px;
}

#italic_button {
	background-position: 0 -40px;
}

#link_button {
	background-position: 0 -60px;
}
#member_button {
	background-position: 0 -80px;
}
#underline_button {
	background-position: 0 0;
}
#quote_button {
	background-position: 0 -100px;

}
#smiley_button {
	background-position: 0 -120px;

}
#bbcode_textarea
{
    position: relative;
    width:757px;
    height:200px;
    border: 1px solid #999;
	background-color:#fff;
	padding:10px;
	margin: 0;
}
#smiley_panel
{
    border: 1px solid rgb(153, 153, 153);
    background-color:#fff;
    width: 280px;
    position: absolute;
    margin-left: 40px; display: none;
	padding:10px;
	margin-top:5px;
    z-index:100;
}
    /* end bbcode panel */


.forum
{
	width:780px;
}
.forum .row {
}

.forum .hover {
    background-color:#E6F7D2 !important;
}
.forum .row th{
    padding:6px;
    text-align:center;
}
.forum_search
{
    float:right;
    margin-right:20px;
    margin-left:20px;
    margin-bottom:10px;
    vertical-align:middle;
}

.threads .post, .threads .locked, .threads .glued,.threads .locked_glued{
    width:30px;
    height:30px;
    text-align:center;

}
.threads .post
{
    background:url('https://omega.jesper.nu/icons/forum/1.png') no-repeat center;
}
.threads .locked
{
    background:url('https://omega.jesper.nu/icons/forum/1_1.png') no-repeat center;
}
.threads .glued
{
    background:url('https://omega.jesper.nu/icons/forum/2.png') no-repeat center;
}
.threads .locked_glued
{
    background:url('https://omega.jesper.nu/icons/forum/2_1.png') no-repeat center;
}
a.user_link:link,a.user_link:visited,a.user_link:hover{
    color:#000;
    text-decoration:none;
}
table.threads {
	border-collapse: collapse;
}
table.threads th {
}
table.threads td {
	padding-bottom:6px;
}
table.threads tr.new {
    color: #000;
}
.threads td.subject {
	padding-left:10px;
}

.box_on,.box_off {
    height:33px;
    width:33px;
}
.box_on {
    background:url('https://omega.jesper.nu/icons/32x32/apply.png') no-repeat;
}
.box_off {
    background:url('https://omega.jesper.nu/icons/32x32/check.png') no-repeat;
}

/*Forum index*/

.forum-latest {width:380px;float:left;}
.forum-latest th a, .forum-latest .thread-date a {color:#000;}

table.forum-index {width:780px;border-collapse: collapse;}
table.forum-index .category-title {padding:12px 6px 2px 6px;border-bottom:1px solid #bbb;}
.category-title span {font-size:110%;}
.forum-rows td {padding:3px 0px 3px 10px;}
.forum-update {width:400px;}
.forum-icon {width:22px;}
.forum-title a.black {font-size:100%;}
.forum-date,.forum-stats {font-size:90%;}
.forum-stats {color:#999;}


/* Forum popular */

.forum.popular tbody tr td {padding:3px 0;}
.forum.popular tbody tr{border-bottom: 1px solid #ccc;}
.forum.popular thead tr {border-bottom: 1px solid #ddd;}
.forum.popular thead tr th {padding:3px 0;}
.forum.popular .topic {padding-right:10px;}
.forum.popular span.section a {color:#999;}
.forum.popular span.section{color:#ddd;float:right;}

.center {text-align:center;}


/*Forum threads*/


.thread-views, .thread-replys {width:50px;text-align:center;}
.thread-latest {text-align:right;width:140px;}
.thead-subject {text-align:left;}
.new-post .thread-subject a{font-weight:bold;}
.thread-icon {width:16px;}
.thread-user {width:60px;text-align:center;}

.forum-breadcrumb span:after {content : ' » '}
.forum-breadcrumb span:last-child:after,
.forum-threads-h1 span:last-child:after{content : '  '}
.forum-threads-h1 span:after {content : ' - '}

.forum-threads-paging {float:right;margin-right:22px;}
.forum-threads-paging .content-list-paging{text-align:right;}

.forum-threads {margin-top:10px;border-collapse: collapse;width: 780px;}
.forum-threads th a{color:#000;}
.forum-threads th {padding:6px 3px 2px;border-bottom:1px solid #bbb;}
.forum-threads td.thread-latest {font-size:90%;line-height:1.2;padding:2px 3px;}
.forum-threads td {padding:3px;}
.forum-threads .icon {width:16px;height:16px;display:block;border:none !important;}
.forum-threads td.thread-icon {background:url("https://omega.jesper.nu/icons/fugue/mail-open.png") no-repeat scroll center center transparent;}
.forum-threads .new-post td.thread-icon {background:url("https://omega.jesper.nu/icons/fugue/mail.png") no-repeat scroll center center transparent;}
.forum-threads .glued td.thread-icon {background:url("https://omega.jesper.nu/icons/fugue/sticky-note.png") no-repeat scroll center center transparent;}
.forum-threads .locked td.thread-icon {background:url("https://omega.jesper.nu/icons/fugue/lock.png") no-repeat scroll center center transparent;}
.forum-threads .glued.locked td.thread-icon {background:url("https://omega.jesper.nu/icons/fugue/exclamation-button.png") no-repeat scroll center center transparent;}
.forum-threads .user-part td.thread-icon .icon{background: url(https://omega.jesper.nu/icons/fugue/user-small.png) no-repeat scroll center center transparent;}


.forum-threads .icon.thread-feed {background:url("https://omega.jesper.nu/icons/fugue/feed.png") no-repeat scroll 0 0 transparent;}
.forum-threads .admin-btn {border: 0 none !important;float: right;padding: 0;vertical-align: bottom;}

.forum-threads .complain-post {background-color:#D9B1B1;}
.forum-threads .complain-thread {background-color:#D48181;}


.comment.complain-post {border:2px solid #D9B1B1;}
.comment.complain-thread {border:2px solid #D48181;}

/* end forum  */

.admin-panel {
    opacity: .8;
    position: fixed;
    bottom: 0;
    right:0;
    padding: 1em;
    background-color: #fff;
    background:#fff url('https://omega.jesper.nu/images/admin_back.jpg') repeat-x;
    border: 1px solid #000;
}

.admin-panel img {
    vertical-align: middle;
}

.admin-panel h3 {
    margin: 0;
    padding: 0;
    font-weight: bold;
}

.admin-panel #default-controls {
    display: none;
    border: 1px solid #000;
    width: 180px;
    margin: 0;
	padding:15px 5px 15px 20px;
	text-align:left;
    background:#fff url('https://omega.jesper.nu/images/admin_back2.jpg') repeat-y;
}
.admin-panel #default-controls a {
	color:#000;
    height: 18px;
    display: block;
	padding-left:15px;
}
.admin-panel #default-controls a:hover {
    border: none;
}

.admin-panel #atoggle {
    float: right;
    padding: .3em;
    border: 1px solid #aaa;
    margin-right: .5em;
    margin-top: 0;
    background-color: #eee;
    color: #000;
}

.inline {
    display: inline !important;
}

.admin-panel>a {
    padding: .3em;
    border: 1px solid #aaa;
    margin-right: .5em;
    background-color: #eee;
    color: #000;
}

.admin-panel a:hover {
    background-color: #fff;
	font-weight:bold;
	text-decoration:underline;
}

/* Hot shots (en fin ruta ) start */
#hotshot {
	background: #fff url(../images/hotshots_bg.jpg) no-repeat;
    /*border: 1px solid #ccc;*/
    border: 0px none;
	padding:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#hotshot a {
	color: #000;
    font-weight: normal;
}
#hotshot ol {
    padding-left: 30px;
    font-weight: bold;
    line-height: 1.3;
}

#hotshot ol li a {
    margin-right: 5px;
}

.hotshot-nav {
    list-style-image: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    height: 24px;
}

.hotshot-nav li {
    float: left;
    padding: 10px 8px 2px 8px;
    list-style-image: none;
    list-style-type: none;
    margin-right: 2px;
    cursor: pointer;
    height: 24px;
    border: 0px solid black;
}
.hotshot-nav li.active a {
    border-bottom:0px;
    font-weight:bold !important;
}

.sort a.active {
    border-bottom:0px;
    font-weight:bold !important;
}

a.black {
    color: #000;
    font-size: 110%;
}
a.black:hover {
    color: #ff0000;
}

.hotshot-panel {
	display: none;
    border: 0px solid black;
	position: relative;
	width: 250px;
	top: -2px;
	clear: both;
    min-height:360px;
	padding: 4px;
}

.paging_prev, .paging_next {
    font-size: 120%;
}
.paging_next {
    margin-right: 5px;
}

.hotshot-panel.active {
	display: block;
}
.sort a {
    margin-right:20px;
}
.sort a.last {
    margin-right:0;
}
.sort a.active {
    font-weight:bold;
}
/* Hot shots slut */


/* Sökbox onlinespel start */
.search_box input.q {
    width:170px;
    background:#fff url(https://www.jesper.nu/inc/images/content/sokruta.gif) no-repeat center left;
    padding: 8px 3px 8px 25px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.search_box input[type=submit] {
/*	background:#fff url(https://omega.jesper.nu/images/h1_background.png) repeat-x top left;
    padding:3px 5px 3px 5px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
*/
}
ul.autocompleter-choices
{
    position: absolute;
    margin: 1px 0 0 0;
    padding: 0;
    list-style: none;
    border: 1px solid #555;
    background-color: #fff;
    text-align: left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    z-index: 50;
    background-color: #fff;
}
ul.autocompleter-choices li
{
    position: relative;
    margin: -2px 0 0 0;
    padding: 0.2em 1.5em 0.2em 1em;
    display: block;
    float: none !important;
    cursor: pointer;
    font-weight: bold;
    white-space: nowrap;
    font-size: 1em;
    line-height: 1.5em;
}
ul.autocompleter-choices li.autocompleter-selected
{
    background-color: #d7effc;
}
ul.autocompleter-choices span.autocompleter-queried
{
    display: inline;
    float: none;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
/* Sökbox onlinespel slut */

/* optimerade paging */
button img {font-size:0;vertical-align:middle;}
.paging-style-4 {margin-bottom:10px;margin-right: 24px;text-align:left;}
.paging-style-4 .page {background:#ebebec url(https://omega.jesper.nu/images/paging_back.gif) repeat-x;color:#000;font-size: 110%;border: 1px solid #ccc;padding: 2px 6px 2px 6px;vertical-align: top;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.paging-style-4 .active {background: #eee;font-weight: bold;}
.paging-style-4 a.page:hover,.paging-style-4 button.button:hover{border: 1px solid #666;outline-width: 0pt;outline-style: none;outline-color: #000;-moz-box-shadow: 0 0 3px #999;-webkit-box-shadow: 0 0 3px #999;box-shadow: 0 0 3px #999;}
.paging-style-4 button img.prev-arrow {border-right-color:#999999 !important;border-width:5px 5px 5px 0 !important;}
.paging-style-4 button img.next-arrow {border-left-color:#999999 !important;border-width:5px 0 5px 5px !important;}
.paging-style-4 button img.next-arrow, .paging-style-4 button img.prev-arrow {border:1px solid transparent;height:0;vertical-align:middle;width:0;}
.paging-style-4 button.button{background-image:-moz-linear-gradient(top,#ffffff,#efefef);background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#efefef);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF)";-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #CCCCCC;cursor:pointer;overflow:hidden;padding:0;outline:#000 none 0;margin:-2px 0 0;white-space:nowrap;}
.paging-style-4 button.button:active{background:-moz-linear-gradient(center top , #CCCCCC, #FFFFFF) repeat scroll 0 0 #DDDDDD;background-image:-webkit-gradient(linear,left top,left bottom,from(#cccccc),to(#ffffff));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cccccc,endColorStr=#FfFfFf);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#CCCCCC, endColorStr=#FFFFFF)";border-color:#999999;}
.paging-style-4 button.button:hover img.prev-arrow {border-right-color:#000 !important;}
.paging-style-4 button.button:hover img.next-arrow {border-left-color:#000 !important;}
.paging-style-4 button.button-next, .paging-style-4 button.button-prev {height:20px;width:20px;}
/* end optimerad paging*/

.content-list-paging .button{
padding:2px 5px;
}
.content-list-paging .button img.prev-arrow {border-right-color:#fff !important;border-width:5px 5px 5px 0 !important;}
.content-list-paging .button img.next-arrow {border-left-color:#fff !important;border-width:5px 0 5px 5px !important;}

.content-list-paging .button.active{
color:#000;
font-weight:bold;
cursor:default;
}
.content-list-paging .button.img {
padding-right:0;
}
.content-list-paging .button .next-arrow {
margin-left:4px;
}
.content-list-paging .button img{
height:0;
width:0;
padding:0;
}

.content-list-breadcrumb { 
list-style:none;
padding:0;
}
.content-list-breadcrumb li { 
display:inline-block;
}


/* nya spel css */

/*ska tas bort*/
#games-month {width:500px;margin-bottom:20px;}
#games-month th, #games-month td {text-align:left;}
#games-month th.first {width: 300px;}

/* commen css for all game listings */
.content-list {float:left;}
.content-list dl,
.content-list dd,
.content-list dt{margin:0;padding:0;float:left}
.content-list dl .column {color:#666;display:inline-block;}
.content-list dd.img img, .content-list dd.img span{float:left;}
.content-list dt{float:right;}
.content-list dt a:hover{color: red;text-decoration:underline;border:0;}
.content-list .heading{color:#666;}
.content-list dd.admin {margin:5px 0 5px 135px;clear:both}
.content-list div.hr { clear:both;margin-right:0}
/* end common css for all game listings */
.content-images-column h2,.content-2box-column h2, .games-2box-column h2 {
font-size:120%;
padding:2px 0;
margin-top:5px;
}
.games-2box-column h2,.content-2box-column h2, .games-3box-column h2, .content-3box-column h2{margin-right:0;}


.video-list.content-list-large dd.img {
width:134px;
}
.video-list.content-list-large dd.img span{
background:rgba(0, 0, 0, 0.4);
font-size: 80%;
color:#fff;
border:1px solid transparent;
border-radius: 5px 0 7px 0;
    margin-right: 12px;
    margin-top: -16px;
    padding: 0 2px 0 4px;
float:right;
}

.video-list.content-list-large dl:hover dd.img span{
background:#000;
}

.content-search-box input.q,.game-search-box input.q {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: url("https://jesper.nu/inc/images/content/sokruta.gif") no-repeat scroll left center #FFFFFF;
    margin-right: 0;
    height:15px;
    padding: 5px 3px 4px 25px;
    width: 170px;
}

/* css for small size listing */
.content-3box-column, .games-3box-column {width:250px;float:left;padding-right:15px;padding-left:15px;}
.content-3box-column h2, .games-3box-column h2{margin-bottom:4px;margin-top:10px;}
.content-3box-column h2 a, .games-3box-column h2 a{display:block;color:#000; font-size:105%; font-weight:bold;}
.content-3box-column h2 a:hover, .games-3box-column h2 a:hover{text-decoration:none;color:red;}
.content-description .category-link{margin-right:8px;}

.content-list, .game-list {float: left;}
.content-list dl, .game-list dl {float: left;margin: 0;padding: 0;}
.content-list dl dt, .game-list dl dt {float: right;margin: 0;padding: 0;}
.content-list dl dd, .game-list dl dd {float: left;margin: 0;padding: 0;}
.content-list dl dd.img img, .content-list dl dd.img span, .game-list dl dd.img img, .game-list dl dd.img span {float: left;}

.content-list span.neutral,.game-list span.neutral { color:#c2cad1;}
.content-list span.rank-90,.game-list span.rank-90 { color:#52ab42;}
.content-list span.rank-85,.game-list span.rank-85 { color:#58ab4a;}
.content-list span.rank-78,.game-list span.rank-78 { color:#7ba485;}
.content-list span.rank-70,.game-list span.rank-70 { color:#81a58c;}
.content-list span.rank-60,.game-list span.rank-60 { color:#92ad9c;}
.content-list span.rank-0,.game-list span.rank-0 { color:#666;}

.latest-content .first, .latest-games .first {clear:left;padding:0;}
.latest-content .last, .latest-games .last {padding:0px;}


.content-3box-column .content-count:after {content:')';}
.content-3box-column .content-count:before {content:' (';margin-left:2px;}


.video-content.content-list-small dl dt {}
.video-content.content-list-small dl dt .like-status {float:right}
.content-list-small dl.evan, .game-list-small dl.even {background-color:#eee;}
.content-list-small dl.odd, .game-list-small dl.odd {background-color:#fff;}
.content-list-small dl:hover, .game-list-small dl:hover {background-color:#eee;}
.content-list-small dl, .game-list-small dl {width:244px;padding:1px 4px 2px 2px;margin-bottom: 1px;}
.content-list-small dd.rating, .game-list-small dd.rating{width:40px;float:right;cursor:default;text-align:right;padding-top: 2px;font-size:90%;}
.content-list-small dd.img, .game-list-small dd.img {padding:2px 0 2px 2px;}
.content-list-small dd.img img, 
.game-list-small dd.img {width:65px;border: 1px solid #424242;}
.content-list-small span.hits, .content-list-small span.avg, .game-list-small span.hits, .game-list-small span.avg {color:#777;}
.content-list-small dl dt, .game-list-small dl dt{width:166px;line-height:2.3ex;padding-top:3px;}
.content-list-small .heading, .game-list-small .heading {color:#777;}
.content-list-small dt a, .game-list-small dt a{color: #000;display:block;font-size:110%; margin-bottom:3px;}
.content-list-small dt a:hover, .game-list-small dt a:hover,.latest-games a.view-all:hover{color:red;}
.latest-games a.view-all{float:right;}
/* end css for small size listing */

/* css for medium size listing */
.content-2box-column, .games-2box-column {width:369px;float:left;padding-right:20px;}
.selected-content .last, .selected-games .last {padding-right:0;padding-left:10px;margin-left:1px;}

.content-list-medium dl, .game-list-medium dl {width: 367px;margin-bottom:5px;}
.content-list-medium dl:hover, .game-list-medium dl:hover {background-color:#eee;}
.content-list-medium dd.content-description, .game-list-medium dd.game-description{overflow: hidden; height:8ex; width:235px;}
.content-list-medium dd.img, .game-list-medium dd.img {margin-right:8px; width:120px; border: 1px solid #fff; padding:1px; background-color:#424242;}
.content-list-medium dl:hover dd.img, .game-list-medium dl:hover dd.img {margin-right:8px; width:120px; border: 1px solid #000; padding:1px; background-color:#fff;}
.content-list-medium dt, .game-list-medium dt{width:235px;font-size:110%;font-weight: bold;}
.content-list-medium dl dt span, .game-list-medium dl dt span {font-size: 90%;font-weight: normal;vertical-align: top;}
.content-hits {margin-left:15px; color:darkgreen;}
/* end css for medium size listing */



.content-list-nav ul {display:block;padding-left:0;margin:5px 0 7px;}
.content-list-nav ul li{display:inline-block;}
.content-list-nav li a,
.content-list-nav li span.button {-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding:2px 6px;}
.content-list-nav {margin-top:5px;margin-bottom:10px;}
/*.game-list-h1 {margin-top:5px;}*/
.content-list-h1 a{font-weight:bold;}
.content-list-h1 span{float: right;font-size: 85%;font-weight: normal;margin-right: 6px;padding-top: 2px;}
div.content-list-paging{text-align:center;}

.content-list-nav li.green span.button a {
    color:#fff !important;
    border:none !important;
}
.content-list-nav li.white span.button a {
    color:#606060 !important;
    border:none !important;
}

/* Drop down list*/
.drop-container {display:block;position:absolute;margin:0px auto 0px;}
.drop span {padding: 1px 6px !important;padding-right:4px !important;}
.white.drop span a:after {border-top-color:#999;}
.white.drop.active span a:after {border-bottom-color:#999;}
.drop.active span a:after {border: 5px solid transparent;border-bottom-color:#fff;top:-13px;}
.drop span a:after {content:'';height:0;width:0;vertical-align: middle;position:relative;top:8px;margin-left:5px;border: 5px solid transparent;border-top-color:#fff;}
.dropdown-menu li ul.links {background:#fff;border:#ccc 1px solid;bordert-top:0;border-radius:0 0 5px 5px;display:none;}
.dropdown-menu {display:block;clear:both;margin:0px;padding:0px;text-align:left;list-style-type:none;text-align:center;float:none;left:0px;top:0px;}
.dropdown-menu li {display:inline-block;float:left;margin-right:4px;}
.dropdown-menu li ul {margin:0px;padding:0px;list-style-type:none;padding-top:3px;}
.dropdown-menu li ul li {display:block;float:none;clear:both;margin-right:0;}
.dropdown-menu li ul li a {color:#000;font-weight:normal;text-decoration:none;border-bottom:0 !important;display:block;}
.dropdown-menu li ul li a:hover {background:#eee;}



/* css for large size listing */
.content-list-large {margin-bottom:10px;}
.content-list-large dl {width:515px; margin-bottom:5px;}
.content-list-large dd.content-description {width:370px;margin:2px 0 5px 0px;padding-right:10px;}
.content-list-large dd.content-description .description,.content-list-large dl dd.content-description .statistics {clear:both;display:block;}
.content-list-large dl dd.content-description .statistics {margin-top:2px;font-size:90%;}
.content-list-large dl:hover dd.img  img{border-color: #000;background-color:#fff;padding:1px;}
.content-list-large dd.img img {border:1px solid #fff;float:left;margin:1px 10px 0 0;padding:1px;background-color: #000;width:120px;height:80px;}
.content-list.content-list-large dt {width:381px;font-size:110%;margin-top:1px;}
.content-list-large dt .like-status {float:right;}
/* css for large size listing */

.game-list-month {width:500px;margin-bottom:20px;}
.game-list-month thead th {text-align:left;}
.game-list-month thead th.title {width:300px;}
.game-list-month tbody td {text-align:left}


/* slut nya spel css */




.embed-window{
	display:none;
	height:160px;
	left:150px;
	position:absolute;
	top:30px;
	width:350px;
	background:none repeat scroll 0 0 #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #000;
	-moz-box-shadow: 0 0 3px#999;
	-webkit-box-shadow: 0 0 3px #999;
	box-shadow: 0 0 3px #999;
	padding:5px;
}
button.resize-button span{
	height:18px;
	vertical-align:middle;
}
.embed-button{
	vertical-align:middle;
}
.embed-button span{
	display:block;
	padding-top:2px;
	vertical-align:middle;
	height:16px;
}
button.resize-button img{
	height:18px;width:18px;
}
.spotify-new-playlist-link span{
font-weight:bold;vertical-align:middle;
}
button.spotify-new-playlist-link{
padding: 5px;
margin-bottom:20px;
}
.embed-button, button.resize-button, div.like button, .spotify-new-playlist-link {
	font:100% "Verdana","Arial","Helvetica",sans-serif;
	color:#000;
	padding:1px 3px 1px 3px;
	float:left;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right:10px;
	background-color:#fff;
	cursor:pointer;
}
.embed-button:hover, button.resize-button:hover, div.like button:hover{
	-moz-box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 2px #999;
	box-shadow: 1px 1px 2px #999;
}
.embed-button:focus, button.resize-button:focus, div.like button:focus{
	-moz-box-shadow: -1px -1px 2px #999;
	-webkit-box-shadow: -1px -1px 2px #999;
	box-shadow: -1px -1px 2px #999;
}



/* Nya like-knappen */
div.like button.like-button {
	border:0;
	margin-right:0;
	z-index:39;
	position:relative;
}
div.like button.like-button:hover {
	z-index:41;
}
div.like button.dislike-button {
	margin-left:-1px;
	margin-right : 0;
	position:relative;
	border:0;
}
div.like button img { width:18px;height;18px;border:0;vertical-align:-4px;}
div.like button.like-button img {background: transparent url("https://omega.jesper.nu/images/icons/rating_thumbs_3.png") no-repeat scroll 0 -57px;}
div.like button.dislike-button img {background: transparent url("https://omega.jesper.nu/images/icons/rating_thumbs_3.png") no-repeat scroll 0 -19px;}
div.like button.like-button:hover img,
div.like button.like-voted img {background: transparent url("https://omega.jesper.nu/images/icons/rating_thumbs_3.png") no-repeat scroll 0 -38px;}
div.like button.dislike-button:hover img,
div.like button.dislike-voted img {background: transparent url("https://omega.jesper.nu/images/icons/rating_thumbs_3.png") no-repeat scroll 0 -0px;}
div.like button.dislike-button:hover {border-color:#d34444;}
div.like button.like-button:hover {border-color:#698a14;}
div.like button.liked{cursor:default;}

div.like .like-status {padding:2px;height:18px;float:left;margin-right:0;background-color:#fff; border-right-width:0;border-left-width:0;}

div.like .like-status {width:50px;padding-right:4px;padding-left:6px;}
div.like .like-status div {background:none repeat scroll 0 0 #DDD;border-color:#CCC;height:4px;margin-top:2px;margin-right:4px;}
div.like .like-status div.likes-bar,.likes-bar {background-color:#aada37;border:1px solid #698a14;}/*:hover*/
div.like .like-status div.dislikes-bar,.dislikes-bar {background-color:#ff5e2d;border:1px solid #8a3014;}/*:hover*/

div.like .like-avg {font-size:120%; font-weight:bold; float: left;height: 18px;margin-right: 10px;padding: 2px 2px 2px 5px;text-align: center;vertical-align: middle; border-left-width:0;}

.like-tooltip, .like-tooltip2 {background:#000;color:#fff;padding:3px 6px;border:1px solid #fff;-moz-box-shadow:0px 0px 2px #999;-webkit-box-shadow:0px 0px 2px #999;box-shadow:0px 0px 2px #999;}
.like-tooltip2 {max-width:120px;}

/* Style like button links frontpage */
td.like {text-align:right; width:97px;}
td.like button { color:#000;padding:1px;border:0px solid #ccc;margin-right:0px;background-color:#fff;cursor:pointer;position:relative;}
td.like button.dislike-button:hover {z-index:32;}
td.like button.dislike-button {-webkit-border-radius: 0 4px 4px 0;-moz-border-radius: 0 4px 4px 0;border-radius: 0 4px 4px 0;z-index: 30;left:-3px;}
td.like button.like-button {-webkit-border-radius: 4px 0 0 4px;-moz-border-radius: 4px 0 0 4px ;border-radius: 4px 0 0 4px;z-index: 31;}
td.like button img { width:18px;height;18px;border:0;vertical-align:-4px;}
td.like button.like-button img {background: transparent url("https://omega.jesper.nu/images/icons/rating_thumbs_3.png") no-repeat scroll 0 -57px;}
td.like button.dislike-button img {background: transparent url("https://omega.jesper.nu/images/icons/rating_thumbs_3.png") no-repeat scroll 0 -19px;}
td.like button.like-button:hover img,
td.like button.like-voted img {background: transparent url("https://omega.jesper.nu/images/icons/rating_thumbs_3.png") no-repeat scroll 0 -38px;}
td.like button.dislike-button:hover img,
td.like button.dislike-voted img {background: transparent url("https://omega.jesper.nu/images/icons/rating_thumbs_3.png") no-repeat scroll 0 -0px;}
td.like button.liked{cursor:default;}







.news-date {
	color:#666;
	margin:4px 0 4px 0;
}
.news-content {
	margin-top:0;
}

.link-icon {background:url("https://omega.jesper.nu/images/links_map.png") no-repeat scroll 0 0 transparent;width:32px;height:32px;}
.link-icon.type-0{}
.link-icon.type-1{background-position:0 -32px;}
.link-icon.type-2{background-position:0 -64px;}
.link-icon.type-3{background-position:0 -96px;}
.link-icon.type-4{background-position:0 -128px;}
.link-icon.type-5{background-position:0 -160px;}
.link-icon.type-6{background-position:0 -192px;}
.link-icon.type-7{background-position:0 -224px;}
.link-icon.type-8{background-position:0 -256px;}

@charset "utf-8";.msgBox{font-family:Arial,Helvetica,sans-serif;opacity:0;position:absolute;top:-1000px;text-align:left;left:0;max-width:250px;min-width:150px;color:#f8f8ff;background:#8b8989;background:#818989;background:rgba(139,137,137,0.8);padding:10px;border-radius:15px;box-shadow:2px 2px 6px #666;-moz-border-radius:15px;-webkit-border-radius:15px;-moz-box-shadow:2px 2px 6px #666;-webkit-box-shadow:2px 2px 5px #666;z-index:-1}.msgBoxImage{width:40px;height:40px}.msgBoxIcon{float:left;width:40px;height:40px;padding-right:7px}.msgBoxTitle{float:left;color:#fff}.msgBoxContent{float:left;max-width:80%;font-size:12px}.msgBoxMessage{float:left}a.msgBoxLink{color:#000}.msgBoxLink:hover{color:#f90;border-bottom:0}.msgEditable{font-family:Arial,Helvetica,sans-serif;font-size:12px;width:250px;background:#000;background:rgba(255,255,255,0.1);border:#000;color:#FFF}
.ad-728x90 {
	margin: 10px 0 0 6px;
	height: 90px;
	width: 728px;
	float: left;
}
.ad-970x250 {
    margin: 7px 0 0 6px;
    height: 250px;
    width: 970px;
    float: left;
}

.ad-front-vid {
	height:315px;
	width:560px;
}
.ad-front-vid.ad-wide {
    height:324px;
    width:700px;
}
.ad-250x360, .ad-f-250x360 {
    height: 360px;
    width: 250px;
    margin-left: 8px;
    margin-bottom: 15px;
}
.ad-f-250x360 {
    margin-left: 0;
}
.ad-250x240 {
    height: 240px;
    width: 250px;
    margin-left: 8px;
    margin-bottom: 15px;
}
.ad-250x250 {
    height: 250px;
    width: 250px;
    margin-left: 8px;
    margin-bottom: 15px;
}

.ad-preroll-g {
	float:left;
    width: 480px;
    height: 300px;
}

.ad-preroll-m {
    width: 250px;
    height: 240px;
    margin: 0px auto;
    margin-top: -100px;
}

.ad-300x250 {
    width: 300px;
    height: 250px;
}

.ad-120x600 {
    width: 120px;
    height: 600px;
}

.ad-250x360-front {
    height: 360px;
    width: 250px;
    margin: 0px;
}
.ad-floor {
    height:200px;
    width:980px;
}
.ad-menu {
    width: 140px;
    height: 350px;
    margin-left: 11px;
}

#skip-ad-info {
	float:left;
	margin-left:5px;
	padding:5px;
	width:170px;
}
#skip-ad-info h3 {
	clear:none;
}

.interstistial {
	display:none;
	z-index: 10000;
	background:transparent url(https://omega.jesper.nu/images/overlay.png) repeat top left;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	}
.interstistial a {
	background-color:#000;
	color:#fff;
	padding:5px;
	;font-size:150%;
	}
#interstistial-timer {
	background-color:#000;
	color:#fff;
	padding:5px;
	}
#breadcrumb {
	font-size:120%;
	}
.base-form{
margin-right:22px;
}
.register-form label ,
.lost-password-form label{
display:block;
font-weight:bold;
};
.register-form small,
.lost-password-form small{
display:block;
}
.register-form div.input {
position:relative;
}
.register-form div.input div.error {
	z-index:100;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border:1px solid #ccc;
	display:inline-block;
	padding:3px;
	position:absolute;
	left:370px;
	top:25px;
	width:150px;
	display:none;
}
.register-form div.input div.error ol{
	margin:2px;
	padding-left:20px;
}
.register-form div.label,
.lost-password-form div.label {
	border:1px solid #ccc;
	padding:4px 4px 4px 4px;
	margin:7px 0;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.register-form input[type=submit],
.lost-password-form input[type=submit] {
	font-weight:bold;
	margin-top:10px;
	padding:10px 25px 10px 25px;
	border-color:#ccc;
    background:-moz-linear-gradient(center top , #ffffff, #dedfde) repeat scroll 0 0 #dedfde;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#dedfde));
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#dedfde);
    -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#dedfde)";
}
.register-form input.error {
	background-position:right bottom;
	border-color:#e63c3c;
}
.register-form input.success {
	background-position:right center;
}
.register-form input,
.register-form div.input div,
.register-form select,
.lost-password-form input  {
	border-color:#ccc;
	padding:10px 25px 10px 25px;
	display:block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.register-form div.input div.text{
	color:#666;
	border:1px solid #999;
	padding:4px 0 4px 3px;
}
.register-form div.input div.radio{
	width:245px;
	cursor: pointer;
	display:inline-block;
	text-align:center;
	border:1px solid #527911;
	margin-right:6px;
}
.register-form div.input select{
	width:167px;
	padding:6px;
	display:inline-block;
}
.register-form div.input div.radio.selected{
	font-weight:bold;
	background-color:#98df22;
}
.hide{display:none;}

.links-main {
	color:#777;
	line-height:1.2;
    width:100%;
}
.links-main span a:link, .links-main span a:visited {
	color:#777;
}
.links-main span a:hover {
	color:#FF0000;
	border-bottom:1px solid #FF0000;
}




#shout-textbox-count{
background:none repeat scroll 0 0 #CCCCCC;
border:1px solid #ccc;
color:#FFFFFF;
margin-top:-1px;
padding:1px 3px 1px;
position:absolute;
}
.shout-count-right {
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-left-radius:5px;
right:19px;
}

.shout-count-left {
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-right-radius:5px;
}

.shout-count-bottom-right {
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
border-top-left-radius:5px;
right:19px;
top:97px;
}

.edit-link {
background:url("https://omega.jesper.nu/images/forum/icons/signature.gif") no-repeat scroll left center transparent;
padding-left:13px;
}
.unpublish-link {
background:url("https://omega.jesper.nu/images/icons/error.png") no-repeat scroll left center transparent;
padding-left:13px;
}

.delete-link {
background:url("https://omega.jesper.nu/icons/10x10/trashcan_full.png") no-repeat scroll left center transparent;
padding-left:13px;
}
.facebook{
text-align:center;
}
.adsense-468x60{
text-align:center;
margin-top:20px;
}
.cleanh2 {
	font: normal 120%/1.4 Arial, Helvetica, sans-serif;
	background:0;
	border:0;
	color:#666;
	margin:15px 0 5px 0;
	padding:0;
}

.btn {
    border : 1px solid #999;
    border-radius: 3px;
    display:inline-block;
    padding: 1px 5px 3px;
    background: -moz-linear-gradient(center top , #eeeeee, #cccccc) repeat scroll 0 0 #eeeeee;
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
    margin-right:5px;
}

.btn:hover {
    border-color:#666;
}


input.btn:focus, .btn-focus {
    border-color:#666;
    background: -moz-linear-gradient(center top , #cccccc, #eeeeee) repeat scroll 0 0 #eeeeee;
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#eeeeee));
}

/* BUTTON RELATERAD CSS */

.button.white{color: #606060;border: solid 1px #B7B7B7;background: #fff;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));background: -moz-linear-gradient(top,  #fff,  #ededed);background: -o-linear-gradient(top,  #fff,  #ededed);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ededed);}
.button.white:hover{background: #ededed;background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#dcdcdc));background: -moz-linear-gradient(top,  #f1f1f1,  #dcdcdc);background: -o-linear-gradient(top,  #f1f1f1,  #dcdcdc);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#dcdcdc');-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f1f1f1, endColorstr=#dcdcdc);}
.button.white:active{color: #999;background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));background: -moz-linear-gradient(top,  #ededed,  #fff);background: -o-linear-gradient(top,  #ededed,  #fff);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#ffffff);}

.button.green{color: #e8f0de;border: solid 1px #538312;background: #64991e;background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);background: -o-linear-gradient(top,  #7db72f,  #4e7d0e);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db72f, endColorstr=#4e7d0e);}
.button.green:hover{background: #538018;background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);background: -o-linear-gradient(top,  #6b9d28,  #436b0c);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6b9d28, endColorstr=#436b0c);}
.button.green:active{color: #a9c08c;background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);background: -o-linear-gradient(top,  #4e7d0e,  #7db72f);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4e7d0e, endColorstr=#7db72f);}

/* red */
.button.red {
    color: #faddde;
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
    background: -o-linear-gradient(top,  #ed1c24,  #aa1317);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.button.red:hover {
    background: #b61318;
    background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
    background: -moz-linear-gradient(top,  #c9151b,  #a11115);
    background: -o-linear-gradient(top,  #c9151b,  #a11115);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.button.red:active {
    color: #de898c;
    background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
    background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
    background: -o-linear-gradient(top,  #aa1317,  #ed1c24);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
.button,a.button {display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;padding: .5em 1.2em .55em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em;-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.button:hover {text-decoration: none;}
.button:active {position: relative;top: 1px;}
.button img {vertical-align: middle;padding-right:5px;}
.button.small {font-size: 11px;padding: .2em 1em .275em;}
.button.x-small {font-size: 11px;padding: 2px 6px;}
.button.medium {font-size: 12px;padding: .4em 1.0em .42em;}

.button.medium.button-icon {padding-left:0.7em;}

/* SLUT BUTTON RELATERAT */



#l-submit {margin-top:4px;}

#login-form {padding-left:12px;}

form .holding {
    overflow: visible;
    position: relative;
}
form .holding .holder {
    font-famliy: Arial,Helvetica,sans-serif;
-webkit-transition: opacity .4s,font-size .5s;
-moz-transition: opacity .4s,font-size .5s;
-o-transition: opacity .4s,font-size .5s;
    color: #333;
    cursor: text;
    left: 8px;
    position: absolute;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    white-space: nowrap;
    z-index: 1;
}
form .holding .holder {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 20px;
}
.holding:hover input {
    box-shadow:0 -1px 0 rgba(0,0,0,0.4),0 1px 2px rgba(0,0,0,0.3) inset;

}
form .hassome .holder {
font-size:0 !important;
opacity:0;
}

.holding input:focus {
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, .3),inset 0 1px 2px rgba(0, 0, 0, .1),0 0 10px rgba(255, 255, 255, .9);
     -moz-box-shadow:0 -1px 0 rgba(0, 0, 0, .3),inset 0 1px 2px rgba(0, 0, 0, .1),0 0 10px rgba(255, 255, 255, .9);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .3),inset 0 1px 2px rgba(0, 0, 0, .1),0 0 10px rgba(255, 255, 255, .9);
    border-color:#999;
}
.holding input {
    font-size:11px;
    padding: 2px;
    padding-left:6px;
    width: 105px;
}
form .holding input{
    font-family: Arial,Helvetica,sans-serif;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, .3),inset 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, .3),inset 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .3),inset 0 1px 2px rgba(0, 0, 0, .2);
    background: -moz-linear-gradient(center top , #FFF, #EEE) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(center top , #FFF, #EEE) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(center top , #FFF, #EEE) repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    -o-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    color: #000000;
    opacity: 0.7;
}

.front-content td {
	color:#777;
}
.front-content tr:hover {
	background-color:#eee;
}
.front-content td.image {
	width:18px;
}
.front-content a:link {
	color:#777;
	font-weight:normal;
}
.front-content a:visited {
	color:#777;
}
.front-content td .front-link a:link {
	font-size:110%;
	color:#000;
}
.front-content .front-link:link {
	color:#000;
}
.front-content .front-link:visited {
	color:#777;
}
.front-content a:hover, .front-content td.info a:hover {
	color:#f00;
}
#frontpage-game-nav a:link, #frontpage-game-nav a:visited {
	color:#000;
	font-weight:normal;
	clear:both;
}

.jul {
	color:darkred!important;
	}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } 
