@import url("menu.css");
@import url("form.css");
@import url("Event.css");
@import url("News.css");
@import url("GuestMessage.css");
@import url("siteviewmenu.css");
@import url("statistics.css");
@import url("ctxmenu.css");

/**
 * Pitbull design created by Jon Martin Pedersen.
 * Originaly converted to CSS by Ole Thomas Talleraas.
 * Heavy modifications on CSS by Hallvar Helleseth.
 * Colors:
 * - dots, lines and text: #605c4e
 * - lightgray bg: #f2f2f2
 * - yellow/orange: #ffb510
 *
 * @author Ole Thomas Talleraas <olethomas@hulen.no>
 * @author Jon Martin Pedersen <jmp@hulen.no>
 * @author Hallvar Helleseth <hallvar@ii.uib.no>
 * @copyright Its authors and Hulen 2004-2005.
 * @version 0.2
 *
 * @package Paxwax
 * @subpackage Style
 */

html {
   background: #fff url("../img/bg_body.png") repeat-y 20px;
   height:99%;
   padding:0;
   margin:0;
}

body {
   margin: 0 15px 0 50px;
   padding: 0;
   font-family: arial, sans-serif;
   color: #555;
   height:100%;
   min-width:768px;
}

body#id4625 {
   min-width:300px;
}

* html img {
   behavior:url('/styles/Pitbull/css/pngbehavior.htc');
}


:link, :visited, :link:focus, :visited:focus, :link:active, :visited:active {
	color: #555;
}

/*Skip*/
div#skip {
	margin: 0.2em 0 0 0;
	padding: 0 0 3px 0;
	border-top: 15px #f2f2f2 solid;
	border-bottom: 1px #e9e9e9 solid;
	width: 100%;
	z-index: -1;
	font-size:0;
	height:0px;
}

#header {
	margin: 0 0 0 55px;
	padding: 0;
	background: url('../img/bg_banner.png') no-repeat right;
	height: 145px;
	clear: both;
	z-index: 0;
	overflow: hidden;
	width:750px;
}

.DataUnit .Banner img {
	border: 0;
	margin: 3px 0 0 0px;
	padding: 0;
}

div.spacer {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

#left, #right, #center {
   position:absolute;
   top:200px;
   bottom:50px;
   width: 15em;
   margin: 0 0 5px 0;
   padding: 0 0 0 5px;
   background: url('../img/bg_left.png') repeat-y top left;
   z-index:0;
}

* html #left, * html #right, * html #center {
    top:211px;
    height:expression(document.body.clientHeight - (211 + 55) + 'px');
}

#right {
	right:20px;
}

#center {
	right:17.2em;
    left:19.1em;	
	width: auto;
	/*\width: 98%;*/
}

* html #center {
    right:13.2em;
}

.wrapper {
	padding: 0 5px 5px 0;
	margin:0;
	height: 100%;
	background: #f2f2f2 url('../img/bg_right.png') repeat-y top right;
}

.scroller {
	margin: 5px 5px 0 0;
	padding: 0;
        height:96%;
	overflow: auto;
	font-size:small;
}

#center .scroller {
	background: url('../img/bg_content40.gif') no-repeat 50% 50%;
}

h1 {
	margin: 0;
	padding: 0 0 2px 0;
	background: #fff;
	font-size: x-small;
	font-weight:normal;
	text-align: center;
}

#right .DataUnit .name,
#right .EntryUnit .name,
#right .IndexUnit.News .name,
#right .IndexUnit.GuestMessage .name {
   margin:2px 0 0 10px;
   padding:5px 0 5px 0;
   font-size: x-small;
   font-weight:normal;
   text-transform:uppercase;
   background: url('../img/skille.png') repeat-x top;
}

#right .DataUnit .name:before,
#right .EntryUnit .name:before,
#right .IndexUnit.News .name:before,
#right .IndexUnit.GuestMessage .name:before {
   content:'+ ';
}

/*Ornament*/
#right .ornament1 {
	position: relative;
	top: -8px;
	right: -10px;
	float: right;
	width: 8px;
	height: 8px;
	margin: 0;
	padding: 0;
	background: url('../img/topborderright.png') no-repeat;
}

#left .ornament1 {
	position:relative;
	top: -8px;
	left: -10px;
	float: left;
	width: 8px;
	height: 8px;
	margin: 0;
	padding: 0;
	background: url('../img/topborder.png') no-repeat;
}

.ornament2 {
	position: relative;
	float: right;
	bottom: 0px;
	right: -4px;
	width: 8px;
	height: 8px;
	margin: 0;
	padding: 0;
	background: url('../img/footerright.png') no-repeat;
}

.ornament3 {
	position: relative;
	float: left;
	bottom: 0px;
	left: -9px;
	width: 8px;
	height: 8px;
	margin: 0;
	padding: 0;
	background: url('../img/footerleft.png') no-repeat;
}

#center .ornament3 {
	left: -9px;
	margin: 0;
	padding: 0;
}

.ornament4 {
	bottom: 0px;
	height: 5px;
	margin: 0;
	padding: 0;
	background: url('../img/white.png') repeat-x top center;
}

#footer .IndexUnit {
   position:absolute;
   bottom:0px;
   right:25px;
   margin:0;
   padding:0px;
   width:100%;
}

.IndexUnit .Sponsor {
   padding:0 5px 0 5px;
   float:right;
}

img {
   border:none;
}

/*Ornament slutt*/

#copyright {
   position:absolute;
   left:50px;
   right:20px;
   margin:0;
   bottom:0px;
   width:auto;
   font-size:xx-small;
   text-align:center;
}

ul.Scroll {
   list-style:none;
   font-size:xx-small;
   text-align:center;
}

ul.Scroll li {
   display:inline;
}

li.ScrollSelected {
   font-weight:bold;
}
   
li.ScrollNext a {
   display: -moz-inline-box;
   display: inline-block;
   background: url('../img/next.png');
   min-height:11px;
   min-width:11px;
   max-width:11px;
   max-height:11px;
}

li.ScrollPrevious a {
   display: -moz-inline-box;
   display: inline-block;
   background: url('../img/previous.png');
   min-width:11px;
   min-height:11px;
   max-width:11px;
   max-height:11px;
}

#right .DataUnit .HtmlArea,
#right .EntryUnit form {
   background:#fff;
   margin:5px 0 0 5px;
   padding:5px 0 5px 2px;
   font-size:x-small;
}

#fullscreen,
#fullpage {
   position:absolute;
   top:0px;
   left:5px;
   right:5px;
   bottom:15px;
}

#fullscreen,
#fullpage div div div .Image {
   margin:2px;
   float:left;
   width:140px;
   height:140px;
}

PositionEven.GameScore .name,
PositionEven.GameScore .score {
   background:#e8e8e8;
}

.GameScore .name {
   float:left;
   padding:2px;
   margin-bottom:1px;
   clear:left;
}

.GameScore .score {
   float:right;
   padding:2px;
   margin-bottom:1px;
   clear:right;
}

.GameScore.IndexUnit .GameScore {
   clear:both;
}

.GameScore.IndexUnit .name {
   font-size:small;
   font-weight:bold;
   clear:right;
}

.GamesScore.IndexUnit {
   margin-bottom:2em;
}

.GameScore.IndexUnit .GameScore .name {
   font-size:small;
   font-weight:normal;
   clear:left;
}
.GameScore.IndexUnit {
	font-size:x-small;
	clear:both;
}

#id4570 label {
	display:none;
}

#id4570 textarea {
	width:100%;
	height:400px;
}