/* css file for tipscupen */

body {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  height: 100%; 
  max-height: 100%; 
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 87%; 
	behavior:url("/include/css/csshover.htc");
}

* html body {
  font-size: 87%;
}

#framecontentLeft, #framecontentBottom{
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 146px; /*Width of left frame div*/
  height: 100%;
  overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
  color: white;
}

#framecontentLeft {
  background-color: #9FCF9F;
	background-image: url('/images/menu_bg.gif');
	background-repeat: no-repeat;
}

#framecontentBottom{
  top: auto; 
  left: 146px; /*Set left value to WidthOfLeftFrameDiv*/
  width: auto;
  bottom: -1px;
  right: 0;
  height: 75px; /*Height of bottom frame div*/
  overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
  background-color: #9FCF9F;
  color: white;
}

#maincontent{
  position: fixed; 
 	top: 0;
	left: 146px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 0;
	bottom: 75px; /*Set bottom value to HeightOfTopFrameDiv*/
	overflow: auto; 
	padding-top: 15px;
	background: #fff;
	background-image: url('/images/maincontent_bg.gif');
}

#wrapper {
  max-width: 600px;
	min-width: 400px; 
}

* html #wrapper {
  width: 600px;
}

.innertube{
  margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
	margin-top: 0;
}

* html body{ /*IE6 hack*/
  padding: 0 0 75px 146px; /*Set value to (0 0 HeightOfTopFrameDiv WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
  height: 100%; 
  width: 100%; 
}

* html #framecontentBottom{ /*IE6 hack*/
  width: 100%;
}

#sidemenu {
  width: 100%;
  list-style: none;
  margin-left: 5px;
	margin: 0;
  padding: 0;
}

#sidemenu li a {
  color: #666666;
	font-size: 0.9em;
	letter-spacing: 1px;
	text-decoration: none;
	display: block;
}

#sidemenu li {
	line-height: 1.2em;
  display: block; 
	border-left: 10px solid #9FCF9F; 
	border-top: 1px solid #9FCF9F;
	border-bottom: 1px solid #9FCF9F;
}

#sidemenu li.active {
  background-color: #ffffff; 
	border-left: 10px solid #ff9900;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-image: url('/images/maincontent_bg.gif');
	letter-spacing: 1px;
	font-weight: bold; 
}

#sidemenu li:hover {
  border-left: 10px solid #ff9900;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #99cccc;
}

#sidemenu li.ulrubrik, #sidemenu li.ulrubrik:hover {
	border: 0;  
	background-color: transparent;
}

#sidemenu h3 {
  font-size: 0.7em; 
	font-weight: bold; 
	letter-spacing: 2px;
	margin: 0; 
	padding-top: 5px; 
	padding-left: 5px;
	padding-bottom: 0;
	border-bottom: 2px solid #009966; 
}

#designtag {
  position: absolute; 
	bottom: 0; 
	left: 5px;
}

#webmasterepost {
  position: absolute; 
	bottom: 35px;
	left: 15px;
	padding: 2px;
}

#bottombanner {
  width: 468px;
	height: 60px;
	position: absolute; 
	bottom: 5px; 
	right: 5px;
	z-index: -100; 
}

#namnruta {
  width: 250px; 
	color: #666666;
	font-size: 0.8em;
	background-color: #fff;
	margin-top: 10px;
	border: 2px solid #808080;
	padding: 2px;
}

#tidruta {
	border: 2px inset #cfcfcf;
	margin: 0;
	width: 265px;
	background-color: #99cccc;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	font-size: 1em;
}

#tidruta b {
  font-size: 1.3em; 
}

h1 {
  font-size: 1.5em;
  color: #808088;
  font-weight: bold;
	letter-spacing: -1px;
}

h2 {
  font-size: 1.3em; 
	color: #808080;
	letter-spacing: 1px;
} 

h3 {
  font-size: 1.2em;
	color: #808080;
	margin: 0; 
}

.photo {
  background: transparent;
	border:1px solid #bababa;
	margin:6px 18px 2px 5px;
	padding:2px;
}

.cl {
  clear: left; 
	margin-top: 10px;
	margin-bottom: 5px;
}

.cr {
  clear: right; 
}

.cb {
  clear: both; 
}

.left {
  float:left;
  margin:0 15px 4px 0;
}

.right {
  float:right;
  margin:0 0 4px 15px;
}	

.borderlight {
  border: 1px solid #cfcfcf;
}

.smalltext {
  font-size: 0.8em; 
	font-family: Tahoma, Verdana, Sans-serif; 
}

.boldtext {
  font-weight: bold; 
}

.gruppruta {
  width: 47%;
	float: left;
	margin-top: 5px; 
	margin-left: 10px;
	background-color: #009933;
}

.gruppruta h3 {
  padding-left: 5px;
	color: #ffffff;
	font-size: 1em;
	letter-spacing: 1px;
}

.slutspellista span {
  background-color: #009933;
	width: 100%; 
	text-align: center;
	color: #ffffff;
	display: block;   
}

/* separate the list from surrounding elements */
ol
{
  margin: 0 0 1em 2em;
  padding: 0;
}

ol li {
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html ol li {
	position: relative;  
}

/* horizontal position of each column */

ol li.column1 { margin-left: 0em; }
ol li.column2 { margin-left: 17em; }
ol li.column3 { margin-left: 20em; }

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

li.reset {
  margin-top: -12.3em;
}

p#errorbox {
  width: 300px; 
	height: 35px;
	background-image: url('/images/admin/Warning_24x24.gif');
	background-repeat: no-repeat;
	padding-left: 28px;
	padding-top: 2px; 
	color: #ff3300; 
	font-weight: bold;  
}

#adminmenu li {
  display: inline;
	text-align: center;
  list-style-type: none;
  padding: 5px;
}

#adminmenu li.active {
  background-color: #ccffcc; 
}

#adminmenu li a {
  color: #666666;
}

#adminmenu {
  background: #9FCF9F;
	padding: 5px;
	line-height: 1.8em;
}

* html #adminmenu {
  margin: 0; 
}

#anmalan input {
  border-style: solid; 
	border-width: 1px;
	border-color: #cfcfcf;
	font-size: 14px;
}
#anmalan input:focus {
  background-color: #ffffcc;
	border-color: #666666; 
}

#anmalan label {
  font-size: 11px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#anmalan h4 {
  margin: 0; 
	padding: 0; 
	color: #666666;
	letter-spacing: 2px;
	padding-bottom: 4px;
}

#anmalan hr {
  border-style: solid;
	border-color: #cfcfcf;
	border-with: 1px; 
}

#anmalan p {
  font-size: 13px;
}

#fotnot {
  clear: both; 
	border-top: 1px solid #bbb;
	padding-top: 15px;
	text-align: center;
	font-size: 12px;
}

#fotnot a {
  text-decoration: none;
	color: #666666; 
	font-weight: bold; 
}

#useronline {
  width: 100px;
	display: block;
  padding: 5px; 
	margin-top: 50px;
	background-color: #cfcfcf;
	border: 1px solid #808080;
	color: #666666;
	font-size: 11px;
	
}

.printicon a {
  background: Transparent url('/images/icon_print.gif') no-repeat 0px 0px;
  padding: 0px 0px 0px 20px;
  margin-right: 12px;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;	
}

.eposticon a {
  background: Transparent url('/images/icon_epost.gif') no-repeat 0px 2px;
  padding: 0px 0px 0px 20px;
  margin-right: 12px;
	font-size: 1em;
}

.printonly {
  display: none; 
}