@charset "utf-8";
/* CSS Document */

html {
	margin: 0px 0px 0px 0px;
	padding:0px;
	height:100%;
}


body {
	margin: 0px 0px 0px 0px;
	padding:0px;
	color:black;
	height:100%;
	background:#e7e7e7;
	font-family: Verdana,Arial;
	font-size: 8pt;
}


/*  --------------------------------------------------------- CONTENT  ---------------------------------------------------------*/



#Center-Content
{
    margin:10px auto;
    width:1100px; /* TOTAL SIDA BREDD */
    height:100%;
  
    
     
}


#Site-Container
{
   
 
    float:left;
    width:900px; /* DELAS MED Add-Container */
}


#Add-Container
{

    float:left;
    margin-left:10px;
    background:wite;
    
    
    width:183px; /* DELAS MED Site-Container */
}



table
{
width:100%;
height:100%;
}

.BOX-Container
{
    border:0px solid red;
}

/*  --------------------------------------------------------- TOP BOX PROP   ---------------------------------------------------------*/

#TOP-BOX
{
    height:130px;
}
#TOP-BOX .Main-Container
{
    background:black;
    color:white;
}
#TOP-BOX .Bottom
{
    display:none;
}
#TOP-BOX .Top
{
     display:block;
}

#Logo
{
    float:left;
    padding-left:20px;
    padding-top:10px;
}

#Bild
{
    width:400px;
    text-align:center;
    float:left;
}

#Menu
{
    clear:both;
    margin-top:0px;
    padding:0px;
    padding-left:0px;
    background:black;
    height:35px;
    border:1px solid black;
    border-top:1px solid yellow;
    
}

#Menu hr
{
    background:;
    border:0px;
    height:1px;
}

/*  --------------------------------------------------------- MAIN BOX PROP   ---------------------------------------------------------*/

#MAIN-BOX
{
    
}

#MAIN-BOX .Main-Container
{
    background:white;
    color:black;
     padding:10px;
     min-height:500px; 
     
}

#MAIN-BOX .Bottom
{
    display:block;
}
#MAIN-BOX .Top
{
    display:none;
}


/*  --------------------------------------------------------- BOTTOM BOX PROP  ---------------------------------------------------------*/

#BOTTOM-BOX
{
    
}

#BOTTOM-BOX .Main-Container
{
    background:black;
    color: #fff300 !important;
    font-size:13px;
    text-align:center;
    height:30px;
    padding-top:10px;
}

#BOTTOM-BOX .Top
{
    display:block;
}
#BOTTOM-BOX .Bottom
{
    display:block;
}



/*  --------------------------------------------------------- ADD BOX PROP  ---------------------------------------------------------*/

.Add-Box
{

    text-align:center;
}

#ADD-BOX .Main-Container
{
    display:block;
}

#ADD-BOX .Top
{
    display:block;
}
#ADD-BOX .Bottom
{
    display:block;
}
















/*  --------------------------------------------------------- TOP ---------------------------------------------------------*/



.Top
{
    width:100%;   
}

.Top-Left-bg
{
    width:4px;
    height:4px;
    background:silver url('../../Site/FriskaViljor/images/TOP_L_C4px.gif');
    background-repeat:no-repeat;
    
}

.Top-Middle
{
     
     height:4px;
     background:silver url('../../Site/FriskaViljor/images/TOP_MID_4px.gif');
     width:99%;
    
     
}
.Top-Right-bg
{
    width:4px;
    height:4px;
    background:silver url('../../Site/FriskaViljor/images/TOP_R_C4px.gif');
     background-repeat:no-repeat;
}

/*  ---------------------------------------------------------  MAIN  ---------------------------------------------------------*/


.Main
{
    width:100%;  
    height:100%; 
}

.Main-Left-bg
{
    width:4px;
    background: url('../../Site/FriskaViljor/images/MAIN_L_4px.gif');
    background-repeat:repeat-y;
}

.Main-Holder
{
   
    height:100%; 
      
}
.Main-Container
{
   
     height:100%;   
      
}
.Main-Right-bg
{
    width:4px;
    background: url('../../Site/FriskaViljor/images/MAIN_R_4px.gif');
    background-repeat:repeat-y;
}


/*  ---------------------------------------------------------  BOTTOM  ---------------------------------------------------------*/


.Bottom
{
    width:100%; 
      
}

.Bottom-Left-bg
{
    width:4px;
    height:4px;
     
     background:silver url('../../Site/FriskaViljor/images/BOT_L_C4px.gif');
     background-repeat:no-repeat;
}

.Bottom-Holder
{
    
    height:4px;
    width:99%;
      background:silver url('../../Site/FriskaViljor/images/BOT_MID_4px.gif');
}
.Bottom-Right-bg
{
    width:4px;
    height:4px;
    background:silver url('../../Site/FriskaViljor/images/BOT_R_C4px.gif');
    background-repeat:no-repeat;
}



/*  ---------------------------------------------------------  Övrigt  ---------------------------------------------------------*/


.Clear
{
    
    clear:both;
}




/*  --------------------------------------------------------- MENU Horizontal  ---------------------------------------------------------*/


.AspNet-Menu-Horizontal .AspNet-Menu-Link
{
}

.AspNet-Menu-Item
{
	
	font-weight: bold;
	color:#FFF300  !important;
	text-align:center;
	margin-left:3px;
	padding-top: 5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	
	
	
	
}
.AspNet-Menu-Horizontal .AspNet-Menu-Item:hover
{
	background-color: white;
	color:black  !important;
	
	height:15px;
	cursor: hand;
}
.AspNet-Menu-Horizontal .AspNet-Menu-Selected div
{
	background-color: white;
	color:black  !important;
	height:15px;
}



.AspNet-Menu-Horizontal .AspNet-Menu-Leaf
{

	padding: 0px;
    margin:0px;
    float:left !important;
	

}

.AspNet-Menu
{
    width: auto;
    
    
    padding:0px;
    margin:0px;
}
.AspNet-Menu-Link
{
    display:block;
    float:left !important;
    padding :0px;
    padding-top: 2px;
    margin:0px;
   
}


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#Menu-Left 
{
	float:left;
	width:140px;
	padding-top:10px;
	margin-right:10px;
	padding-right:5px;
	border-right:1px dotted silver;
}
#Menu-Left ul
{
    list-style-type:none;
	list-style-position: inside;
	list-style-image:none;
	
	margin:0px;
	padding:0px;
}


#Menu-Left li
{
    list-style-type:none;
	list-style-position: inside;
	list-style-image:none;
}



#Menu-Left-News a				{font-weight:normal;	text-decoration:none; 	color:black;}
#Menu-Left-News a:active		{font-weight:normal;	text-decoration:none; 	color:black;}
#Menu-Left-News a:visited		{font-weight:normal;	text-decoration:none; 	color:black;}
#Menu-Left-News a:hover			{font-weight:normal;	text-decoration:none;  	color:gray;}


#Menu-Left a				{font-weight:normal;	text-decoration:none; 	color:black;}
#Menu-Left a:active		    {font-weight:normal;	text-decoration:none; 	color:black;}
#Menu-Left a:visited		{font-weight:normal;	text-decoration:none; 	color:black;}
#Menu-Left a:hover			{font-weight:normal;	text-decoration:none;  	color:gray;}

.AspNet-TreeView-Root 
{
    padding:2px;
    padding-left:10px;
    
    border-bottom:1px dotted silver;
}

.AspNet-TreeView-Root .AspNet-TreeView-Leaf
{
    padding-left:10px;
    border:0px solid black;
}
.AspNet-Treeview-Item
{
    padding-left:8px;
    padding-top:2px;
    padding-bottom:2px;
}
.AspNet-Treeview-Item:hover
{
    background:white url(../../Site/ArnasIF/images/arrow.gif);
    background-repeat:no-repeat; 
    background-position:0px 6px;
    padding-left:8px;
}

.AspNet-TreeView-ParentSelected:hover
{
    background:white url(../../Site/ArnasIF/images/arrow.gif);
    background-repeat:no-repeat; 
    background-position:9px 6px;
    padding-left:10px;
}

.AspNet-TreeView-Selected .AspNet-Treeview-Item
{
    background:white url(../../Site/ArnasIF/images/arrow.gif);
    background-repeat:no-repeat; 
    background-position:0px 6px;
    padding-left:8px;
}

.AspNet-TreeView-ParentSelected .AspNet-Treeview-Item
{
    background:none;
    padding-left:8px;
    display:block;
}

.AspNet-TreeView-Root ul
{
    display:none;
}

.AspNet-TreeView-Selected ul
{
    display:block;
}
.AspNet-TreeView-ChildSelected ul
{
    display:block;
}
/* ---------------------------------------- Links ---------------------------------------------------------------------------------------------------------------------------------------- */

a				{ font-family: Verdana,Arial,Helvetica; 	font-weight:normal;	text-decoration:none; 			color:#00688B;}
a:active		{ font-family: Verdana,Arial,Helvetica; 	font-weight:normal;	text-decoration:none; 		 	color:#00688B;}
a:visited		{ font-family: Verdana,Arial,Helvetica; 	font-weight:normal;	text-decoration:none; 		 	color:#00688B;}
a:hover			{ font-family: Verdana,Arial,Helvetica; 	font-weight:normal;	text-decoration:underline;  	 		color:#204777;}


/* ----------------------------------- MAIN PAGE --------------------------------------------------------------------------------------------------------------------------------------------- */

#Area
{
	padding:0px;
	padding-left:0px;
}

#Main-Content
{
	margin-left:0px;
	padding:8px;
	padding-left:10px;
	float:left;
	width:660px;
	
}

#main-page-left
{
	padding-top:10px;
	margin-left:10px;
	padding-right:10px;
	float:left;
	border-right:1px dotted silver;
}
#main-page-center
{
	float:left;
	width:500px;
	padding-top:10px;
	margin-left:30px;
}


#main-page-bottom
{
	clear:both;
}

/* ---------------------------------------- Lines ---------------------------------------------------------------------------------------------------------------------------------------- */




.hr 
{
	padding-top:5px;
}

.hr hr
{
	border:0px;
	border-bottom:1px dotted silver;
}


/* ---------------------------------------- HEADERS ---------------------------------------------------------------------------------------------------------------------------------------- */



h1
{
	font-family: Verdana,Arial,Helvetica;
	font-size: 14pt;
	font-weight: bold;
	color: #000000;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-bottom: 2px;
	
}

.UnderLine
{
    border-bottom:1px dotted silver;
}

h2
{
    font-family: Verdana,Arial,Helvetica;
	font-size: 12px;
	font-weight: bold;
	margin-top:11px;
	margin-bottom:2px;
	color:#2b2b2b;
	
}
h3
{
    font-family: Verdana,Arial,Helvetica;
	font-size: 12px;
	font-weight: bold;
	margin:0px;
	margin-top:0px;
	margin-bottom:0px;
	color:#2b2b2b;
	
}


/* ---------------------------------------- Nyheter ---------------------------------------------------------------------------------------------------------------------------------------- */
#NewsList
{
    float:left;
    padding:2px;
    padding-top:5px;
    padding-right:10px;
    padding-bottom:10px;
    width:200px;
    border-right:1px dotted silver;
    
}

.News-Line
{
	font-size: 10px;
}


.News-Line h2
{
	font-size: 12px !important;
	font-weight: bold;
}

.News-Line h3
{
	font-size: 9px !important;
	font-weight: normal;
}




/* ---------------------------------------- Kalender ---------------------------------------------------------------------------------------------------------------------------------------- */


#MiniCalendar
{

}

#MiniCalendar .e1
{
     color:darkgreen;
}
#MiniCalendar .e2
{
    color:darkred;
}
#MiniCalendar .e3
{
    background:#1e1e1e1;
}



/* ---------------------------------------------------- Login CSS ----------------------------------------------------------------------------------------------------------------------------- */
#formLogonDiv
{

    
    background:url('../../admin/graphics/UserLogin.png');
    padding:10px;
    position:absolute;
    top:0px;
    left:0px;
    width:288px;
    height:193px;
    display:none;

}
#formLogonHead
{
    margin-left:10px;
    padding-top:10px;
    
}

#formLogonHead h1 
{
    margin:0px;
    display:inline;
    padding:0px;
}

#formLogonContent 
{
    margin-left:15px;
    margin-top:22px;
    padding:0px;

}
#formLogonContent Table
{

width:0px;
height:0px;


}

#blackLogonDiv
{

    opacity: .70;
    -moz-opacity: 0.70;
    FILTER: alpha(opacity=70);
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:#c3c3c3;
    display:none;

}

#litErrtxtStyle
{
}




/* -------------------------------------------------------------- Page Tree --------------------------------------------------------------- */

#navigation
{
    clear: both;
    width:250px;
    border: 0px dotted #e6e6e6;
    padding:4px;
    margin-bottom:15px;
    
}


#navigation input
{
    display: none;
}
.chbSpan
{
    width: 11px;
    height: 13px;
    margin: 0px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 4px;
    padding: 0px;
    border: 0px solid silver;
    display: block;
    background-image: url('../../admin/graphics/checkbox.gif');
    background-repeat: no-repeat;
    
    float: left;
    cursor: pointer;
}
#navigation .pic
{
    width: 11px;
    height: 13px;
    margin: 0px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 4px;
    padding: 0px;
    display: block;
    background-image: url('../../admin/graphics/noneexpand.gif');
    background-repeat: no-repeat;
    
    float: left;
    cursor: pointer;
}

#navigation img
{
    float: left;
    cursor: pointer;
    
}

#navigation .hidden
{
    display: none;
    padding-bottom: 0px;
}

#navigation .name
{
    float:left;
    cursor:pointer;
    
}
#navigation .name:hover
{
    color:gray;
   
}

#navigation .treeLevel0
{
    height:14px;
    border:0px solid black;
    padding-top: 0px;
    padding-bottom: 1px;
    padding-left: 0px;
    display:block;
    clear:both;
    
}
#navigation .treeLevel1
{
    height:14px;
    border-top: 0px dotted #e6e6e6;
    padding-top: 3px;
    padding-bottom: 1px;
    padding-left: 4px;
    display:block;
    clear:both;
}
#navigation .treeLevel2
{
    border:0px solid black;
    height:14px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 20px;
    display:block;
    clear:both;
}
#navigation .treeLevel1 span
{
    
}
#navigation .treeLevel3
{
    height:14px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 35px;
    display:block;
    clear:both;
}
/* -------------------------------------------------------------- Page Tree --------------------------------------------------------------- */