/*TD{border:solid 1px red}/*
/* ================================
    CSS STYLES FOR Snapsis PayLess Skin
   ================================
 *  CSSHover.htc behavior in Body tag is for IE/WIN since it doesn't 
 *  support the :hover pseudoclass on anything except anchor elements
 *   Credit: Peterned - http://www.xs4all.nl/~peterned/
 */
 
.pagemaster { width: 1024px; margin:0 auto; text-align:center; }
body{
  /*  behavior:url(DesktopModules/SnapsisDNN/NavMenu/csshover311.htc);*/
    height:100%;
    color:#000000;
}
html{height:100%}
html>body #PortalBorder {height:auto}/*for mozilla */


/*-- Default classes --*/

table, p, li {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; margin:0 0 0 0; }

h1 {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 18px; text-decoration: none; font-weight: normal;}

h2 {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #333333; font-weight: bold; color: #555;}

h3 {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold; color: #555;}

a:link, a:visited, a:active {text-decoration:none; color: #1f558b; font-style:normal;text-decoration:underline;}

a:hover {text-decoration:none;}



hr {height: 1px; color: #1f558b}

.TabList {
    float:left;
    horizontal-align:center;
}
.TabList ul {
    clear:both;
    margin:0;
    padding:10px 10px 0;
    list-style:none;
    display: inline;
}

.TabList li {
    float:left;
    margin:0;
    display: inline;
    padding:0 0 0 2px;
}

.TabList li a {
	font-family:Tahoma,San-Serif;
	font-size:8pt;
	voice-family: "\"}\"";   
	voice-family:inherit;
	line-height:normal;
  	list-style-image:url(arrow.gif);
	list-style-type:square;
}

select.TabList {
    border-left: #003366 1px solid;
    border-right: #003366 1px solid;
    border-top:  #003366 1px solid;
    border-bottom: #003366 1px solid;
    background-color: #003366;
    color:#FFFFFF;
    font-weight:bold;
    font-size:80%;
}

/* IE-PC doesn't see these child selectors but CSS2 compliant browsers can make use of them
#ParentTabs > ul a {width:auto;}
#ChildTabsLevel1 > ul a {width:auto;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#ParentTabs a {float:none;}
#ChildTabsLevel2 a {float:none;}
/* End IE5-Mac hack */

#ParentTabsContainer {
   position:relative;
   top:1px;
   z-index:5;
   height:20px;
   vertical-align:top;
   clear:both;
   padding-top: 25px;
   padding-right:25px;
   padding-left: 50px;
}

#ParentTabs a {
    float:left;
    display:block;
    width:75px;
    text-align:center;
    padding:5px 10px 4px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#f1f1ff;
    background:url(TabRightLevel0.gif) no-repeat right top;
}

#ParentTabs a:hover {
    text-decoration:none;
    background-position:100% -150px;
    color:#FFFFFF;
}

#ParentTabs li {
    background:url(TabLeftLevel0.gif) no-repeat left top;
    border-bottom: black 1px solid;
} 

#ParentTabs li:hover {
    background-position:0 -150px; 
}

#ParentTabs .SelectedTab {
    background-position:0 -150px;
    border-width:0;
}
#ParentTabs .SelectedTab a {
    background-position:100% -150px;
    padding-bottom:5px;
    color:#FFFFFF;
}
#ChildTabsRow {
   background-color:#336699;
   height:25px;
}
   #ChildTabsRowIndoor {
   background-color:#336699;
   height:25px;
   padding-bottom:10px;
   padding-right:15px;
   margin-bottom:15px;
}
   
   
#ChildTabsContainerVert {
  /*  background-color:#336699; */
  background-color:white;
  /*border-top: green 1px solid; */
  /*border-bottom: green 1px solid; */
  display:block;
  /*height:350px;*/
  width:166px;
  padding-top:5px;
  padding-bottom:20px;
  vertical-align:Top;
  text-align:Left;
}
#ChildTabsLevel2 { padding-bottom: 10px; }
#ChildTabsLevel2 a {
  /*  background-color:#336699; */
	padding-left:10px;
    padding-right:2px;
    text-decoration:none;
    font-weight:bold;
    /* font-size:80%; */
    /* color:#CCCCCC; */
}    

#ChildTabsLevel2 .SelectedTab a {
  /* color:#45FFFF; 
    vertical-align:left;
	padding-left:5px; før leftnav */
 	font-weight:bold;
	background:url(arrow.gif) center left no-repeat;
    background-color: #FFF;
    color:#000;
	padding:1px 2px 3px 10px;
 
}    

#ChildTabsLevel2 a:hover {
 /*  color:#56FF55;
    text-decoration:none;
		padding-left:5px;  før leftnav */
	background:url(arrow.gif) center left no-repeat;
		 background-color: #FFF;
    padding-left:10px;
    color:#000;
}    
#ChildTabsLevel2 .Level0 {
    padding-top:5px;
    padding-bottom:5px;
    border-top: 1px solid #333;
}
#ChildTabsLevel2 .Level0 a {
    font-weight:bold;
	
}
#ChildTabsLevel2 .Level1 {
    padding-left:6px;
	width:98%;
	
}
#ChildTabsLevel2 .Level2 {
    padding-left:16px;
	width:98%;
	}
#ChildTabsLevel2 .Level3 {
    padding-left:22px;
	
	}
#ChildTabsLevel2 .Level4 {
    padding-left:28px;
		
	}
#ChildTabsLevel2 .DisabledTab {
    color:#000;
    font-weight:bold;
    padding-left:4px;
    width:165px;
}

#ChildTabsLevel2 li { 
  position: relative; 
  float:left; 
  line-height : 1.25em; 
  width: 9em; 
  list-style: none; 
  padding-left:10px;
  
} 
 
#ChildTabsLevel2 li ul { /* second-level lists */ 
 position : relative; 
 left: -999em; 
 width:13em; 
    background-color:#6CC1F7; 
 border:1px solid #809DF9; 
 padding-left:20px;
} 

#PortalBanner
{
   height:125px;
  background:url("http://www.heimdalif.no/Portals/0/Images/Pageheaders/Hdr58.jpg") no-repeat;
  width:100%;
}

.Tab58 #PortalBanner {background:url("Images/Pageheaders/Hdr58.jpg") no-repeat;} /* HIF fanen*/
.Tab68 #PortalBanner {background:url("Images/Pageheaders/Hdr68.jpg") no-repeat;} /* Fotball fanen*/
.Tab59 #PortalBanner {background:url("Images/Pageheaders/Hdr59.jpg") no-repeat;} /* Håndball Fanen*/
.Tab67 #PortalBanner {background:url("Images/Pageheaders/Hdr67.jpg") no-repeat;} /* Ski fanen*/
.Tab134 #PortalBanner {background:url("Images/Pageheaders/Hdr134.jpg") no-repeat;} /*  fanen*/

#PortalContainer {
    border: 0;
    border-collapse: collapse ;
    height:100%;
    min-height:100%;/*for mozilla*/
    width:100%;
}

#PortalContainerIndoor {
    border: 0;
    border-collapse: collapse ;
    height:100%;
    min-height:100%;/*for mozilla*/
    width:800px;
}
#LogoContainer{
    position:absolute;
    left:10px;
    top:20px;
}
#LoginUserContainer {
    font-family: Tahoma, Verdana;
	padding-right:10px;
	padding-bottom:3px;
	margin-right:10px;
	font-weight:bold;
	font-size: 10px;
	color:#FF0000;
	white-space:nowrap;
	}
A.BannerLinks:Link, A.BannerLinks:Active, A.BannerLinks:Visited
{
    font-family: Tahoma, Verdana;
    font-size: 11px;
    font-weight:bold;
	height:12px;
	text-align:right;
    color:#FFF;
	padding-left:5px;
}
A.BannerLinks:hover
{
    color:#FF0000;
    text-decoration:none;
}
#ContentContainer{
    clear:both;
    padding: 5px;
    height:100%;
}
A.Content:Link, A.Content:Active, A.Content:Visited{
    color:blue;
    height:auto;
}
A.Content:hover {
    color:blue;
}
.LeftPane {
    width:15%;
	padding-top:0;
	/*padding-left:10px;*/
	padding-right:0;
}
.ContentPaneTop{
	/*width:60%;*/
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
}

.LeftContentPane {
	max-width:20%;
	padding-top:0;
	padding-left:10px;
	padding-right:10px;
}
.ContentPane {
	max-width:60%;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	}

.RightPane {
	width:165px; 
    padding-top:10px;
	padding-right:10px;
}

/* Alle som begynner med five er relater til Fiveportalpane malen som er ibruk på enkelte hovedsider*/

.fiveLeftPane {
    /*width:15%;*/
	width:185px;
	padding-top:0;
	/*padding-left:10px;*/
	padding-right:0;
}
.fiveContentPaneTop{
	/*max-width:60%;*/
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	height: 100%;
}
.fiveLeftContentPane {
	/*width:20%;*/
	width:210px;
	padding-top:0;
	padding-left:10px;
	padding-right:10px;
}

.fiveContentPane {
	/*width:20%;*/
	width:210px;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	}
.fiveRightContentPane {
	/*width:20%;*/
	width:210px;
	padding-top:0;
	padding-left:10px;
	padding-right:10px;
}

.fiveRightPane {
	/*width:20%;*/
	width:185px;
    padding-top:10px;
	padding-right:10px;
}


/*Er ibruk på Indoor 09 malen*/
.ContentPaneIndoor {
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

.RightPaneIndoor {
    width:25%;
    padding-top:0;
	padding-right:10px;
}
#Footer {
    clear:both;
    height: 18px;
    width:100%;
    font-weight: bold;
    font-size: 8pt;
    background:url(FooterBack.gif) repeat-x top;
    color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}


A.FooterLinks:Link, A.FooterLinks:Active, A.FooterLinks:Visited
{
    font-family: Tahoma, Verdana;
    font-size: 8pt;
    font-weight:bold;
	height:12px;
    color:#f1f1f1;
	padding-left:5px;
}
A.FooterLinks:hover
{
    color:#FFF;
    text-decoration:none;
}
#copyright{
    text-align:left;
    width:35%;
    float:left;
    padding-left:20px;
}
#terms{
    float:left;
    width:35%;
    text-align:center;
}
#host{
    text-align:right;
    padding-right:20px;
}
.Head{
    font-family: Georgia,Serif;
    font-size: 14px;
    font-weight: bold;
}
.NormalSmall
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: #000000
}
.NormalSmallRed
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: #CC0000
}

table.HIF-brukertabell-1 td {
border-bottom:1px solid #666666;
font-family: Verdana;
padding-top:10px;
padding-bottom:10px;
}

.lightbg {color:#1f558b; font-family: Tahoma, Geneva, Arial, Helvetica,Verdana,  sans-serif; font-size: 11px;color:#fff; }
a.lightbg:link, a.lightbg:visited, a.lightbg:hover, a.lightbg:active { font-family: Tahoma, Geneva, Arial, Helvetica,Verdana,  sans-serif; font-size: 11px; text-decoration: none; color:#fff; background-color: transparent; border: 0; font-weight: normal; }
a.lightbg:hover { text-decoration: underline; background-color: transparent; }

table {
border-collapse:collapse;
border-spacing:0;

}
table.bordered-user-table {
border-collapse:collapse;
}
table.bordered-user-table {

border-style:solid;
border-width:1px 0 0 1px;
}
table.bordered-user-table td {

border-style:solid;
border-width:0 1px 1px 0;
}

table.outlined-HIF-brukertabell-1{
border-color:#666666 #666666 -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px 0;
}
table.outlined-HIF-brukertabell-1 td {
border-bottom:1px solid #666666;
}
table.HIF-brukertabell-1 td {
border-bottom:1px solid #666666;
}
table.outlined-vertical-user-table {
border-color:#666666 -moz-use-text-color #666666 #666666;
border-style:solid none solid solid;
border-width:1px 0 1px 1px;
}
table.outlined-vertical-user-table td {
border-right:1px solid #666666;
}
table.vertical-user-table {
border-left:1px solid #666666;
}
table.vertical-user-table td {
border-right:1px solid #666666;
}
table.user-table td {
padding:2px;
}
div.user-box {
background-color:#DDDDDD;
padding:5px;
width:250px;
}
hr.user-rule {
background-color:#AAAAAA;
border:0 none;
color:#AAAAAA;
height:1px;
}
/* Er i bruk på Announcements slider */
#s3slider { width: 500px; height: 242px; position: relative; overflow: hidden;}
#s3sliderContent { width: 500px; position: absolute; top: 0; margin-left: 0;}
.s3sliderImage { float: left; position: relative; display: none;}
.s3sliderImage span { position: absolute; font: 14px/21px Arial, Helvetica, sans-serif; padding: 10px 13px;  width: 500px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none;}
.top { top: 0; left: 0;}
.bottom { bottom: 0; left: 0;}

.highlighted {
background:none repeat scroll 0 0 #EDE9E1;
padding:10px;
}