/* 

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


*/




/*
Standard HTML-attribut
*/
body {
	font: normal 69%/1.5 "Verdana", "Arial", "Helvetica", sans-serif;
	background: #fff url(../images/bg.gif) repeat;
	background-attachment: fixed;
	color: #000;
	text-align: center;
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	padding-bottom: 1px;
	color: #579333;
	text-decoration: none;
}
a:hover {
	padding-bottom: 1px;
	color: #ff0000;
	border-bottom: 1px solid #ff0000;
}
img {
	border:0;
}
p {
	margin:12px 24px 12px 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 125% Verdana, sans-serif;
	background:#EEE url(../images/h1_background.gif) repeat-x top;
	border:none;
	border-bottom:1px solid #AAA;
	border-right:1px solid #AAA;
	margin:20px 19px 15px 0;
	padding:4px 0 4px 12px;
}
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: 100% Verdana, sans-serif;
	background:#EEE url(../images/h1_background.gif) 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;
}
h2 a:link, h2 a:visited, h2 a:active {
	text-align:left;
	color:#000;
	border:0;
}
h2 a:hover {
	text-decoration:underline;
	font-weight:bold;
}
table {
	margin:0 18px 5px 0;
}
h3 {
	font:bold 110% Verdana, sans-serif;
	margin:17px 19px 8px 0;
}
h4 {
	font:bold 100% 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;
}
#header iframe {
	margin: 8px 0 0 6px;
	width: 728px;
	height: 90px;
}
#header {
	height: 114px;
	width: 979px;
	background: transparent url(../images/header.gif) no-repeat;
	text-align: left;
	margin: 17px 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.gif) repeat-y;
}
#content {
	float: left;
	position: relative;
	margin: 0;
}
#rightbar-small {
	background: transparent url(http://static.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.gif) no-repeat;
	width: 672px;
	padding-left: 12px;
}
#container.fill #content {
	background: transparent url(../images/content-top_ny.gif) no-repeat;
	width: 798px;
	padding-left: 15px;
}


/*
Vänsterspalt
*/
#navigation {
	float:left;
	background:transparent url(../images/navigation-top.gif) no-repeat;
	width:160px;
	margin:0;
	padding:0;
}
#navigation h2 {
	font:bold 90% "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; 
}
#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;
}
.menu a:hover, #login-form a:hover, #miniad a:hover {
	color: #ff0000;
	border: 0;
	font-weight:bold;
	text-decoration:underline;
}
#navigation .menu ul {
	border: none;
	text-align: left;
	color: #000;
	margin: 0;
}
#navigation .menu .subnav li {
	background:0;
	list-style-image: url(../images/menu-subnav-ff.gif);
	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 11px;
}
.subnav li {
	line-height:1.4;
}
.subnav a {
	font-weight:400;
}
#commenu a {
	color: #000;
}
.menu,#commenu,#login-form,#miniad {
	background:transparent url(../images/navigation-bottom.gif) no-repeat bottom left;
	font:normal 100% Verdana, sans-serif;
	border:none;
	text-align:left;
	color:#000;
	line-height:17px;
	margin:0 0 15px 13px;
	padding:8px 10px 25px 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;
    background-color: #fee;
    color: #f00;
    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% 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 30px;
	padding:0;
}
#rightbar-margin td {
	margin:0;
	padding:0;
}



/*
Footer
*/
#footer {
	height: 75px;
	width: 979px;
	background: transparent url(../images/bottom.gif) no-repeat;
	text-align: right;
	clear: both;
	margin: 0 auto 35px;
	padding: 0;
}
.footer {
	width:100%;
	text-align: center;
	margin-bottom:-10px;
}

#footer.wide, #footer.fill {
	background: transparent url(../images/bottom_ny.gif) no-repeat;
}

#footer p {
	margin: 0;
	padding: 40px 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;
}
select {
	border: solid 1px #CCC;
	background-color: #F4F4F4;
	font:normal 105%/1.5 verdana, arial, helvetica, sans-serif;
	padding:2px;
}
textarea {
	border: solid 1px #CCC;
	font:normal 105%/1.5 verdana, arial, helvetica, sans-serif;
	width:350px;
	height:130px;
	padding:4px;
	color: #000000;
}







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

.paging2 {
	clear:both;
	font-size:120%;
	text-align:center;
	background:#ebebec url(http://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(http://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(http://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("http://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 0 0 12px;
}




#contentlist dl {
	float: left;
	width: 510px;
	display: inline;
	padding: 0;
}
#contentlist dt {
	float:right;
	width:375px;
	margin:0 0 2px 0;
	padding:0;
	font-size:120%;
	font-weight:bold;
	color:#ececec;
}
#contentlist dl dt a:link, #contentlist dl dt a:visited {
	color:#000;
	border-bottom:1px solid #000;
}
#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.tooltip {
	background:#FFF url(../images/tooltip_background.gif) repeat-x top left;
	color:#000;
	font:normal 100% Verdana, Arial, sans-serif;
	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 {
	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 {
	max-width:350px;
}


.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('http://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('http://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.gif) 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:#f6f5f5}
.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(http://www.jesper.nu/inc/images/randig_ton.gif) repeat-x top left; */
	background-color:#e6ecdc;
	clear:both;
	width:774px;
	margin-bottom:15px !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 #fff;
	margin:0 0 0 115px;
	min-height:160px;
	padding-left:10px;
}
.comment_right img {
	margin-bottom:3px;
	padding:7px;
	background-color:#fff;
	border:1px solid #ababab;
}
.comment_main p {
	color:#272727;
	margin:0;
	padding:5px 15px 10px 0;
	width:85%;
}
.comment_right a:link, .comment_top a:visited {
	color:#272727;
	font-weight:bold;
	font:Tahoma, Geneva, sans-serif;
}
.comment_right a:hover {
	color:#FF0000;
}



td, th {
	font-size:11px;
}
.new { color:#FF0000; }








/* Jesper.nus startsida (contentthumbs är raderna med bilder) */ 

.tablediv {
    width: 120px;
	float:left;
	display:inline;
	margin:-5px 8px 8px 0 !important;
    padding:0;
}
.contentthumbs p {
	margin:0;
}

.contentthumbs {
    margin: 0;
}

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

.contentthumbs a:hover img {
    opacity: 0.8;
}

.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;
}

.jtube-inner .rating {
    margin-left: 5%;
}

p#jtags {
    display: none;
    padding-top: 0;
}

#jtube-infobox {
    float: right;
    width: 254px;
    border: 1px solid #ccc;
    margin: 0;
    padding: 2px;
    margin-right: 19px;
    min-height: 128px;
    background-color: #fafafa;
    overflow: hidden;
}

.jtube-inner dl {
    overflow: hidden;
}

.jtube-inner dt {
    display: block;
    float: left;
    width: 40%;
    margin-left: 8%;
    font-weight: bold;
}
.jtube-inner dd {
    width: 40%;
    padding-left: 8%;
    display: block;
    float: left;
    margin: 0;
}

#jtube-video {
    margin: 0;
    width: 510px;
    max-width: 510px;
    display: block;
    position: absolute;
    top: 61px;
    left: 15px;
}

#jtube-video div, #jtube-video object {
    margin: 0;
    display: block;
}

#jtube-related {
    text-align: center;
    clear: both;
}

#jtube-loading {
    height: 240px;
    font-size: 30px;
    font-weight: bold;
    color: #aaa;
    padding-top: 150px;
    text-align: center;
    background-color: #eee;
}

#jtube-comments h2 {
    margin: 0;
    margin-top: 0.55em;
    margin-bottom: .5em;
    padding-right: 11px;
    width: 480px;
}

#jtube-video-bottom {
    margin-top: 4px;
    width: 100%;
    overflow: hidden;
    text-align: left;
}

#jtube-comments {
    margin-top: 420px;
    float: left;
    clear: left;
    width: 500px;
}

#jtube-related h3 {
    margin: 0;
    margin-bottom: 1em;
}

#jtube-uploader {
    padding: .2em;
    background-color: #ddd;
    color: #666;
}

#jtube-related table {
    margin:0;
    width: 100%;
}

#jtube-related td{
    width: 120px;
}

.noborder {
    border: none !important;
}

#jtube-uploader img {
    float: right;
    height: 34px;
    width: 30px;
}

#jtube-uploader a {
    font-size: 1.2em;
}

#jtube-infobox p {
    color: #666;
    text-indent: 1em;
    margin: 0px;
    padding: 1.4em;
    /*background-image: url(/inc/images/quot.png);*/
    background-repeat: no-repeat;
}

.jtube-inner {
    overflow: hidden;
    padding: 4px;
    border: 1px solid #f4f4f4;
    border-top-color: #eaeaea;
    background-color: #fff;
    margin-bottom: .5em;
}

#jtube-extra {
    padding: 11px;
}

#jtube-extra input {
    width: 180px;
}

#jtube-extra label {
    font-weight: bold;
    padding-right: 1em;
}

/* klotter- och crewplanket */
#shout-form textarea {
    width: 500px;
    height: 4em;
}

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

.shout-post {
    border: 1px dotted #aaa;
    border-top-width: 0;
    border-bottom-width: 0;
    overflow: hidden;
    position: relative;
}

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

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

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

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

.shout-content a {
    color: #666;
    font-weight: bold;
}

.rating {
    width: 128px;
    cursor: pointer;
}

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

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

.rating .rating-fg {
    width: 85px;
    background-image: url(http://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(http://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("http://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('http://static.jesper.nu/icons/forum/1.png') no-repeat center;
}
.threads .locked
{
    background:url('http://static.jesper.nu/icons/forum/1_1.png') no-repeat center;
}
.threads .glued
{
    background:url('http://static.jesper.nu/icons/forum/2.png') no-repeat center;
}
.threads .locked_glued
{
    background:url('http://static.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: 1px solid #fff;
	border-collapse: collapse;
}
table.threads th {
	border: 1px solid #fff;
}
table.threads td {
	border: 1px solid #fff;
	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('http://static.jesper.nu/icons/32x32/apply.png') no-repeat;
}
.box_off {
    background:url('http://static.jesper.nu/icons/32x32/check.png') no-repeat;
}

/* end forum  */

.admin-panel {
    opacity: .8;
    position: fixed;
    bottom: 0;
    right:0;
    padding: 1em;
    background-color: #fff;
    background:#fff url('http://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('http://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(http://www.jesper.nu/inc/images/content/sokruta.gif) no-repeat center left;
    padding: 5px 3px 5px 25px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.search_box input[type=submit] {
	background:#fff url(http://omega.jesper.nu/images/h1_background.gif) 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(http://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*/

/* 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 */
.game-list {float:left;}
.game-list dl,
.game-list dd,
.game-list dt{margin:0;padding:0;float:left}
.game-list dl .column {color:#CC6600;}
.game-list dl dd.img img, .game-list dl dd.img span{float:left;}
.game-list dl dt{float:right;}
.game-list dl dt a:hover{color: red;text-decoration:underline;border:0;}
.game-list dl dt a{color: #000;}
.game-list .heading{color:#999;}
.game-list dd.admin {margin:0 0 5px 10px;}
.game-list div.hr { clear:both;margin-right:0}
/* end common css for all game listings */

.games-2box-column h2, .games-3box-column h2{margin-right:0;}

/* css for small size listing */
.games-3box-column {width:250px;float:left;padding-right:15px;padding-left:15px;}
.games-3box-column h2{margin-bottom:4px;margin-top:10px;}

.latest-games .first {clear:left;padding:0;}
.latest-games .last {padding:0px;}
.game-list-small dl.even {background-color:#eee;}
.game-list-small dl.odd {background-color:#fff;}
.game-list-small dl:hover {background-color:#ffffc9;}
.game-list-small dl {width:244px;padding:2px 4px 2px 2px;margin-bottom: 3px;}
.game-list-small dl dd.rating{width:60px;float:right;cursor:default;text-align:right;padding-top: 2px;}
.game-list-small dl dd.img {width:38px;padding:2px 0 2px 2px;}
.game-list-small dl dd.img img {border: 1px solid #000;}
.game-list-small span.hits, .game-list-small span.avg {font-size: 90%;color:#cc6600;}
.game-list-small dl dt{width:139px;line-height: 2.3ex;}
.game-list-small dl dt a{color: #000;padding-bottom:0;}
.game-list-small dl dt a:hover,.latest-games a.view-all:hover{padding-bottom:0;}
.latest-games a.view-all{float:right;}
/* end css for small size listing */

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

.game-list-medium dl {width: 367px;margin-bottom:20px;}
.game-list-medium dl dd.game-description{overflow: hidden;height: 8ex;}
.game-list-medium dl dd.img {margin-right:8px;width:96px;border: 1px solid #000;background-color:#000;-moz-border-radius: 0 0 9px 9px;-webkit-border-radius: 0 0 9px 9px;border-radius: 0 0 9px 9px;}
.game-list-medium dl dd.img span a{color:#fff;font-size:90%;}
.game-list-medium dl dd.img span{width:100%;text-align:center;padding:2px 0;}
.game-list-medium dl dd.img span a:hover{text-decoration: underline;border:0;}
.game-list-medium dl dt{width:260px;font-size:110%;font-weight: bold;}
/* end css for medium size listing */

/* css for large size listing */
.game-list-large {margin-bottom:10px;}
.game-list-large dl {width: 515px;margin-bottom:10px;}
.game-list-large dl:hover {background-color:#ffffc9;}
.game-list-large dl dd.game-description {width:370px;margin:2px 0 5px 0px;padding-right:10px;}
.game-list-large dl dd.game-description .description,.game-list-large dl dd.game-description .statistics {clear:both;display:block;}
.game-list-large dl:hover dd.img  img{border-color: #000;background-color:#fff;padding:1px;}
.game-list-large dl dd.img img {border:1px solid #fff;float:left;margin:5px 10px 0 0;padding:1px;background-color: #000;}
.game-list-large dl dt {width:381px;font-size:110%;font-weight: bold;margin-top: 2px;}
/* 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 */


/* Nya like knappen */

div.like button { font:100% "Verdana","Arial","Helvetica",sans-serif;color:#000;padding:1px;float:left;border:1px solid #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-right:5px;background-color:#fff;cursor:pointer;}
div.like button:hover{-moz-box-shadow: 1px 1px 2px #999;-webkit-box-shadow: 1px 1px 2px #999;box-shadow: 1px 1px 2px #999;}
div.like button:focus{-moz-box-shadow: -1px -1px 2px #999;-webkit-box-shadow: -1px -1px 2px #999;box-shadow: -1px -1px 2px #999;}
div.like button img { width:18px;height;18px;border:0;vertical-align:-4px;}
div.like button.like-button img {background: transparent url("http://omega.jesper.nu/images/icons/rating_thumbs_2.png") no-repeat scroll 0 -57px;}
div.like button.dislike-button img {background: transparent url("http://omega.jesper.nu/images/icons/rating_thumbs_2.png") no-repeat scroll 0 -19px;}
div.like button.like-button:hover img,
div.like button.like-voted img {background: transparent url("http://omega.jesper.nu/images/icons/rating_thumbs_2.png") no-repeat scroll 0 -38px;}
div.like button.dislike-button:hover img,
div.like button.dislike-voted img {background: transparent url("http://omega.jesper.nu/images/icons/rating_thumbs_2.png") no-repeat scroll 0 -0px;}
div.like button.dislike-button:hover {border-color:#d34444;}
div.like button.like-button:hover {border-color:#00a400;}
div.like button.liked{cursor:default;}

div.like .like-status {padding:2px;height:18px;float:left;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-right:5px;background-color:#fff;}

div.like .like-status {width:50px;padding-right:4px;}
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:hover div.likes-bar,.likes-bar {background-color:#afeaa9;border:1px solid #00a400;}
div.like .like-status:hover div.dislikes-bar,.dislikes-bar {background-color:#f7aa9f;border:1px solid #d34444;}

div.like .like-avg {background-color: white;border: 1px solid #CCC;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;float: left;height: 18px;margin-right: 5px;padding: 2px;text-align: center;vertical-align: middle;}

.like-tooltip, .like-tooltip2 {background:#333;color:#fff;padding:2px 5px;border:1px solid #fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-moz-box-shadow:0px 0px 2px #999;-webkit-box-shadow:0px 0px 2px #999;box-shadow:0px 0px 2px #999;}
.like-tooltip2 {max-width:100px;}

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