﻿/*
Author: Henrik Sellergren
Last update: 2010-03-15
E-mail: henrik@sellergren.nu
*/


/*-----------------------------------------------------------------------
	COMMON 
-------------------------------------------------------------------------	*/

body
{
	background: url(http://iof3.idrottonline.se/ImageVault/Images/id_11448/ImageVaultHandler.aspx) repeat-x #445EAA;
}

a:link,
a:hover,
a:visited,
a:active
{
	color:#02162a;
}

#ContainerDiv
{
	width: 980px;
	padding: 0 20px 20px 20px; 
	margin:0px auto 0px auto;
	text-align:left;
	background-color:transparent;
	min-height:100%;
	overflow:auto;
	float:left;
}

#ContainerMiddleDiv
{
	float:left;
	margin:0 auto;
	padding:0 0 0px 0px; 
	width:auto;
	background: url(http://iof3.idrottonline.se/ImageVault/Images/id_11449/ImageVaultHandler.aspx) repeat-y;
	
}

/*-----------------------------------------------------------------------
	TOP MENU 
-------------------------------------------------------------------------	*/
#TopMenuDiv {
	
	list-style: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 

	text-transform: uppercase;
}


#TopMenuDiv ul
{
	font-size: 14px;
	background: #FFFFFF url(http://iof3.idrottonline.se/ImageVault/Images/id_8395/ImageVaultHandler.aspx) no-repeat center center; 
	border-top: 0px solid #0a3681;
	border-bottom: 0px solid #0a3681;

}
/*#TopMenuDiv li
{
	border-bottom: 0px solid #fff;
	height: 32px;
	margin: 0px 0 0 8px;
	padding: 0 16px 0 0;
	border-right: solid 0px #CCCCCC;
}
*/

/* Separator */
#TopMenuDiv li {
	height: 13px;
	display: block; 
	float: left; 
	background: url(http://iof3.idrottonline.se/ImageVault/Images/id_8396/ImageVaultHandler.aspx) no-repeat top right; 
	padding: 1px 0 16px 0; 
	margin: 0; 
	border-bottom: none;
	border-right: none;
}

#TopMenuDiv li a {
	font-weight: normal; 
	text-decoration: none; 
	display: block; 
	float: left; 
	height: 32px; 
	line-height: 30px; 
	margin: 0;
	padding: 0 17px 0 17px;
	color: #FFE600; 

}
.TopMenuSeparator
{
	border-left: solid 1px #CCCCCC;
}	

#TopMenuDiv li a:hover 
{
	text-decoration:none; 
	color:#FFE600;
	}
	
#TopMenuDiv li.TopMenuSelectedItem a {
	text-decoration: none; 
	color:#FFE600;
	}

#EmptyTopMenuDiv
{
	background-color:#0a3681;
}

/*-----------------------------------------------------------------------
	LEFT MENU 
-------------------------------------------------------------------------	*/
.LeftMenuBox
{
	width:178px;
	background: #FFFFFF url(http://iof3.idrottonline.se/ImageVault/Images/id_8397/ImageVaultHandler.aspx) no-repeat bottom left;
}

#LeftDiv h2
{
	padding-left:10px;
	line-height:24px;
	font-weight:normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFE600;
	text-transform:uppercase;
	height:26px;
}

.LeftMenuHeading h2
{
	font-size: 11px;
	background:url(http://iof3.idrottonline.se/ImageVault/Images/id_8385/ImageVaultHandler.aspx) no-repeat top right; 
	width: 178px;
	height: 26px;
}

.LeftMenuHeading h2 a:link,
.LeftMenuHeading h2 a:visited,
.LeftMenuHeading h2 a:hover,
.LeftMenuHeading h2 a:active
{
	color:#fff;
}

.LeftMenuHeading
{
	font-size: 11px;
	background:url(http://iof3.idrottonline.se/ImageVault/Images/id_8385/ImageVaultHandler.aspx) no-repeat top right; 
	width: 178px;
	color:#FFFFFF;
}



.LeftMenuHeading a:hover
{
	color:#FFFFFF;
}

li.LeftMenuSelectedItem
{	
	background-color:#CCCCCC;
}

.LeftMenuList li
{
	float: left;
	display:inline-block;
	margin: 0;
	padding: 0 3px 0 0;
	background-image:none;
	background-color:#FFFFFF;
}



.LeftMenuBottom
{
	/* width:178px;
	height:30px; */
	background-image:none;
	background:#FFFFFF;
	height:1px;	
}


/*.LeftMenuBox
{
	
}
.LeftMenuHeading
{
	background-color:#0a3681;
}
.LeftMenuList a:link,
.LeftMenuList a:visited,
.LeftMenuList a:hover,
.LeftMenuList a:active
{
	color:#000;
}
.LeftMenuHeading h2 a:link,
.LeftMenuHeading h2 a:visited,
.LeftMenuHeading h2 a:hover,
.LeftMenuHeading h2 a:active
{
	color:#fff;
}
*/

/*-----------------------------------------------------------------------
	TOP AREA
-------------------------------------------------------------------------	*/
#TopAreaDiv
{
	width:780px;
	overflow:hidden;
}

#quicklinks a
	{
	width:230px;
	height:31px; 
	padding-left: 28px;
	padding-top:8px; 
	margin-bottom:2px;
	font-family: Tahoma;
	color: #333333;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: -1px;
	font-weight: bold;
	text-decoration: none;
	}
	#quicklinks a:hover
	{
text-indent:5px;
}

/*-----------------------------------------------------------------------
	NEWS LIST
-------------------------------------------------------------------------	*/
.NewsListBoxDateDiv
{
	margin-top:8px;
}

.NewsListTitleDiv h3
{
}

/* div.NewsListReadMoreDiv  ORGINAL */
/*div.NewsListReadMoreDiv {

	margin: 0 10px 0 0;
}

div.NewsListBoxLinksDiv a.readMore 
{
	float: left; display: block; background: none; padding: 0 0 3px 0;
}
*/

div.NewsListBoxLinksDiv a.readComments 
{
	border-bottom: 0px #CCCCCC dashed;
}


div.NewsListBoxLinksDiv a.readMore 
{
	float: left;
	width:485px;
	margin: 8px 0px 0 0;
	padding: 1px 14px 8px 0;
	background: url(http://iof3.idrottonline.se/ImageVault/Images/id_8393/ImageVaultHandler.aspx) no-repeat top right;
	text-align: left;
	font-family: Arial,sans-serif;
	font-size: 8px;
	text-transform: uppercase;
	text-decoration:none;
	border-bottom: 1px #CCCCCC dashed;
}


.StartPageBoxLarge .NewsListBoxLinksDiv a.readMore, .StartPageBoxWide .NewsListBoxLinksDiv a.readMore
{
	float: left;
	width:485px;
	margin: 8px 0px 0 0;
	padding: 1px 14px 8px 7px;
	background: url(http://iof3.idrottonline.se/ImageVault/Images/id_8393/ImageVaultHandler.aspx) no-repeat top left;
	text-align: left;
	font-family: Arial,sans-serif;
	font-size: 8px;
	text-transform: uppercase;
	text-decoration:none;
	border-bottom: 1px #CCCCCC dashed;
}


div.NewsListBoxLinksDiv a:hover
{
	color:#0033FF;
	text-decoration: none;	
}


div.NewsListBoxSeparator
{
	border-bottom:solid 1px #999999;
	height:5px;
	margin-top: 5px;
	margin-bottom:5px;
}

div.NewsListBoxLinksDiv 
{
	margin: 2px 0 0 0; 
	clear: both; width: 100%; 
	overflow: hidden; 
	line-height: 1.3;
}




/*-----------------------------------------------------------------------
	FOOTER
-------------------------------------------------------------------------	*/

#FooterDiv
{
	background-color:#0a3681;
	color:#fff;
}

/*-----------------------------------------------------------------------
	START PAGE BOXES + BOXES
-------------------------------------------------------------------------	*/

/* Common for all boxes */
div.StartPageBoxRow h2
{
	padding-left:10px;
	line-height:24px;
	font-weight:normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFE600;
	text-transform:uppercase;
	height:26px;
}

div.StartPageBoxContent
{
	padding-left:8px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

div.StartPageBoxContent
{
    background-color:#FFFFFF;   
}

div.StartPageBoxImage
{
	text-align: center;
	padding-right: 4px;
}

.StartPageBoxReadMoreLink
{
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	text-align:right;
	padding-bottom:5px;
}

.StartPageBoxRow
{
	overflow:auto;
}

.StartPageBoxRow a:link,
.StartPageBoxRow a:visited,
.StartPageBoxRow a:active
{
	text-decoration:none;
}
.StartPageBoxRow a:hover
{
	text-decoration:underline;
}


.StartPageBoxTop
{
	
}

/*------------------------------------------------------
Large box 576px  --------------------------------------*/


.StartPageBoxLarge
{
	width:568px;
	overflow:hidden;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	
}
.StartPageBoxContentLarge
{
    background: #FFFFFF url(http://iof3.idrottonline.se/ImageVault/Images/id_8387/ImageVaultHandler.aspx) no-repeat top left;
	padding: 40px 5px 0 5px;
	
}
.StartPageBoxLarge .BoxNoBackground
{	
	background-color:#FFFFFF;

	/* background-color: White !important; */
}

.StartPageBoxRow
{
	overflow:hidden;
}

.StartPageColumnWideRight
{
	float: left;
	width:574px;
	overflow:hidden;
	margin: 0px 0px 5px 4px;
}



/*------------------------------------------------------
 Wide box 584px  --------- Remove for workrooms ---------*/


.StartPageBoxWide
{
	/*width:560px;
	overflow:hidden;
	background: #f0f0f0 url(http://iof3.idrottonline.se/ImageVault/Images/id_8387/ImageVaultHandler.aspx) no-repeat top left;
	min-height:250px;
	padding: 0 10px 0 10px;
	/*border: 1px solid #FF0000; */
	width:569px;
	overflow:hidden;
	margin: 3px 0 0 5px;
	padding:0;
}

.StartPageBoxRow .StartPageBoxWide  h2
{
	display:none;
	height: 0px;
}


.StartPageBoxWide h2
{
	display:none;
	height: 0px;
	color:#FFE600;
	width:570px;
}

.StartPageBoxWide h2 a:link, .StartPageBoxWide h2 a:visited, .StartPageBoxWide h2 a:hover, .StartPageBoxWide h2 a:active 
{
	display:none;
}



.StartPageBoxWide .StartPageBoxBottom
{
	background-image:none;
	background-repeat: no-repeat;
	height:0px;
}

/* IRB box */
.StartPageBoxWide .StartPageBoxImage, .StartPageBoxWide .StartPageBoxContent
{
	background-image:none;
	background: #E1E5F1;
	padding-top: ;
	padding:10px 0 0 0;
	border: 1px solid #CCCCCC;
}

/* Admin news box 
.StartPageBoxWide .StartPageBoxImage, .StartPageBoxWide .StartPageBoxContent
{
	background-image:none;
	background:#;
	background: #FFFFFF url(http://iof3.idrottonline.se/ImageVault/Images/id_8400/ImageVaultHandler.aspx) no-repeat top left;
	padding-top: ;
	padding:40px 0 0 0;
	border: 1px solid #CCCCCC;
} */


/*------------------------------------------------------
 Narrow box 192px ------------------------------------*/
 
.StartPageBoxNarrow
{
	width:190px;
	background: #FFFFFF url(http://iof3.idrottonline.se/ImageVault/Images/id_8397/ImageVaultHandler.aspx) no-repeat bottom left;  
	overflow:hidden;
	margin-bottom:4px;
	border: 1px solid #CCCCCC;
	border-width: 0px 1px 1px 1px;
	}

.StartPageBoxNarrow h2
{	
	background:url(http://iof3.idrottonline.se/ImageVault/Images/id_8385/ImageVaultHandler.aspx) no-repeat top left; 
	height: 26px;
	margin-top:0px;
	overflow: hidden;
	color:#FFE600;
	width:194px;
}

.StartPageBoxNarrow h2 a:link, .StartPageBoxNarrow h2 a:visited, .StartPageBoxNarrow h2 a:hover, .StartPageBoxNarrow h2 a:active 
{
	color: #FFE600;
}

.StartPageBoxNarrow .StartPageBoxBottom
{
	background-image:none;
	height:0px;
	border: 1px solid #CCCCCC;
	border-width: 0px 1px 0px 1px;
}


.StartPageBoxNarrow .StartPageBoxContent, .StartPageBoxNarrow .StartPageBoxImage
{	
	background:transparent;
	background-image:none;
}


.StartPageBoxNarrow .StartPageBoxContent
{
	overflow:auto;
	padding-right:1px;
	padding-left:1px;
	padding-bottom:5px;
	width:100%;
}

/*-----------------------------------------------------------------------
	PageBody Div (Artiklar)
------------------------------------------------------------------------- */	
.PageBodyDiv
{	
}

h1#ContentStart span
{	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #101077;
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	text-decoration: none;
	text-transform:uppercase;
}
/*#CenterDiv
{	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 5px 0 0 0;
	width: 575px;
}

#CenterDiv .PaddingDiv
{	padding-top:;
}

#WideCenterDiv
{
	margin: 0;
}

#CenterDiv .PaddingDiv,
#WideCenterDiv .PaddingDiv
{
	padding-top: 10px;
	padding-left:10px;
	padding-right:20px;
	line-height:1.5;
} */






/*-----------------------------------------------------------------------
	RIGHT BOXES
------------------------------------------------------------------------- */	

#rightcolumnDivider
{
	float: left;
	height: 2px;
	background-color: #a9a9a9;
	font-size: 1px;
	margin-top: 7px;
	margin-bottom: 7px;
}

#RightDiv /* 200px */
{	
	float: right;	
	width: 195px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF url(http://iof3.idrottonline.se/ImageVault/Images/id_8397/ImageVaultHandler.aspx) no-repeat bottom left;  
	overflow: hidden;
	padding: 0;
	margin-top: 5px;
	font-size: 10px;
	min-height:1333px;
}

#RightDiv .PaddingDiv
{
	padding-left:3px;
	padding-top:5px;
	padding-right:4px;
}


/* --- Klasser som styr Klubbinfo --- */

#InfoDiv
{
	width:auto;
	margin-bottom:5px;
	margin-left:1px;
	padding-left:0px;
	background:url(http://iof3.idrottonline.se/ImageVault/Images/id_8386/ImageVaultHandler.aspx) no-repeat top left;
	font-family:Tahoma,Arial,sans-serif;
	font-size:11px;
	color:#ffffff;
	line-height:13px;
}

#InfoDiv a:link,
#InfoDiv a:visited,
#InfoDiv a:hover,
#InfoDiv a:active
{
	color:#ffffff;
}

#InfoLinkDiv
{
	margin-top: 5px;
	padding-left:18px;
	text-align: left;
	font-weight:bold;
}	

div.RightBoxTopDiv
{
	width:170px;
	height:0px;
	background-image: none;
	background-position: top left;
	display:none;
}
div.RightBoxContent
{
	width:160px;
	padding:26px 0px 30px 10px;
	background-image: none;
	background-position: top left;
	background-repeat:no-repeat;
	margin:0px;
}
div.RightBoxBottomDiv
{
	width:170px;
	height:0px;
	background-image: none;
	background-position: top left;
	display:none
}

/*#InfoDiv
{
	margin-bottom:5px;
	background-color:#33CC00;
}
#InfoDiv P
{
	margin:0;
	padding-top: 5px;
}
#InfoLinkDiv
{
	margin-top: 3px;
	text-align: right;
}
*/

/*-----------------------------------------------------------------------
	NEWS LISTS
-------------------------------------------------------------------------	*/
/* News list box images*/
.NewsListBoxWideTopImage
{
	margin-bottom: 2px;
	height: auto;
}
.NewsListBoxWideImage
{
	height: auto;
	float: right;
	margin-top: 3px;
}
.NewsListBoxNarrowTopImage
{
	position:absolute;
	top:100px;
	width:192px;
	margin-bottom: 2px;
	height: auto;
}
.NewsListBoxNarrowImage
{
	height: auto;
	float: right;
	margin-top: 3px;
}

div.NewsListTitleLargeDiv h3 a:link, div.NewsListTitleLargeDiv h3 a:active, div.NewsListTitleLargeDiv h3 a:visited, div.NewsListTitleLargeDiv h3 a:link, div.NewsListTitleDiv h3 a:link, div.NewsListTitleDiv h3 a:visited, div.NewsListTitleDiv h3 a:hover, div.NewsListTitleDiv h3 a:active
{
font-family: Tahoma;
color: #333333;
font-size: 17px;
line-height: 22px;
letter-spacing: -1px;
font-weight: bold;
text-decoration: none;
}

/*-----------------------------------------------------------------------
	OTHER ELEMENTS 
-------------------------------------------------------------------------	*/

/*--- TOPBOXEN ---*/

#quicklinks a
	{
	width:230px;
	height:31px; 
	padding-left: 28px;
	padding-top:8px; 
	margin-bottom:2px;
	font-family: Tahoma;
	color: #333333;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: -1px;
	font-weight: bold;
	text-decoration: none;
	}
	#quicklinks a:hover
	{
	text-indent:5px;
	}

/*--- ORGSTRUCTURE ---*/
.OrgStructureBoxHeading
{
	 background-color: #02162a; 
}
   

/*--- TABELLER FÖR RESULTATVISNING ---*/

/* Länkinställningar */
.FixtureLinkDiv a:link,
.StatisticsTable a:link,
.FixtureListTable a:link
{
	text-decoration: none;
}
.FixtureLinkDiv a:visited,
.StatisticsTable a:visited,
.FixtureListTable a:visited
{
	text-decoration: none;
}
.FixtureLinkDiv a:hover,
.StatisticsTable a:hover,
.FixtureListTable a:hover
{
	text-decoration: underline;
}
.FixtureLinkDiv a:active,
.StatisticsTable a:active,
.FixtureListTable a:active
{
	color: #FF0000;
}

/* Länk till alla matcher */
.FixtureLinkDiv
{
	text-align: right;
	display: block;
	padding-bottom: 11px;
}

/* Enkel tabell med ram */
.StatisticsTable
{
	border: 1px solid #BEBEBE;
	border-collapse: collapse;
	margin: 0.5em 0;
	padding: 0;
	width: 100%;
}
.StatisticsTable th, .StatisticsTable td
{
	border: 1px solid #BEBEBE;
	padding: 2px 5px;
	vertical-align: top;
}
.StatisticsTable thead th
{
	background: #DDDDDD;
	color: #000;
	text-align: left;
}
.StatisticsTable .EvenRow
{
	background: #F7F7F7;
	color: #000;
}
.StatisticsTable tfoot tr td
{
	background: #F7F7F7;
	color: #000;
	text-align: right;
}
.StatisticsTable tfoot tr td a:link, .StatisticsTable tfoot tr td a:visited
{
	background: #F7F7F7;
	color: #000;
	font-weight: bold;
}
.StatisticsTable a:hover, .StatisticsTable a:focus
{
	background: #F7F7F7;
	color: #f00;
}
.StatisticsTable tbody tr .ImageCell
{
	vertical-align: top;
}

.CalendarSchemeTable td
{
	height: 13em;
}
.CalendarSchemeTable td h3
{
	margin: 0;
	text-align:right;
}
.CalendarSchemeTable td ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.CalendarSchemeTable td ul li
{
	width: 93px;
	margin: 0;
	padding: 5px 0 0 0;
	list-style-type: none;
	line-height: normal;
	white-space: nowrap;
	overflow: hidden;
}
.CalendarSchemeTable .EvenRow
{
	background-color: #DDDDDD;
}

.CalendarListTable td
{
	vertical-align: top;
}
.CalendarListTable td ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.CalendarListTable td ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}


/* Matchlistor */
.FixtureListTable
{
	border: 1px solid #BEBEBE;
	border-collapse: collapse;
	margin: 0.5em 0;
	padding: 0;
	width: 100%;
}
.FixtureListTable th, .FixtureListTable td
{
	border: 1px solid #BEBEBE;
	padding: 2px 5px;
}
.FixtureListTable thead th
{
	background: #DDDDDD;
	color: #000;
	text-align: left;
}
.FixtureListTable tbody th
{
	background: #fff;
	color: #000;
	text-align: left;
}
.FixtureListTable thead td
{
	border: 1px solid #BEBEBE;
	background: #0a3681;
	color: #fff;
	font-weight: bold;
}
.FixtureListTable tbody .EvenRow
{
	background: #F7F7F7;
	color: #000;
}

/* Serietabellen */
.StandingsTable
{
	border: 1px solid #BEBEBE;
	border-collapse: collapse;
	margin: 0.5em 0 1em 0;
	padding: 0;
	width: 100%;
}
.StandingsTable th 
{
	text-align: center;
}
.StandingsTable th, .StandingsTable td
{
	border: 1px solid #BEBEBE;
	padding: 2px 3px;
}
.StandingsTable th
{
	background: #DDDDDD;
	color: #000;
}
.StandingsTable thead td
{
	border: 1px solid #BEBEBE;
	background: #0a3681;
	color: #fff;
	font-weight: bold;
	padding: 2px 5px;
}
.StandingsTable .WideCell
{
	padding: 2px 5px;
}
.StandingsTable tbody td
{
	padding: 2px 3px;
	text-align: center;
}
.StandingsTable .LeftAlignTd
{
	text-align: left;
}
.StandingsTable .RightAlignTd
{
	text-align: right;
}
.StandingsTable tbody .EvenRow
{
	background: #F7F7F7;
	color: #000;
}
.StandingsTable tbody .AboveLineRow td
{
	border-bottom: 1px solid #000;
}
.StandingsTable tbody tr .SortColumnCell
{
	font-weight: bold;
	color: #000;
}
.StandingsTable tbody tr .LastColumnCell
{
	border-right: 1px solid #DDDDDD;
}
.ChangedMatch, .ChangedMatch a:link, .ChangedMatch a:visited
{
	color: red;
}

/*FAQ*/
.faq p
{
	color: #02162a;
}
