


textarea 
{
    font-family: 'Open Sans', Verdana, sans-serif;
    font-size: 12px;
    }

.centerpage {
    
	margin: 0 auto;
    padding: 0; 
    padding-top: 0px;
    text-align: center; 
    background: #777;
    margin: 0px;
 
}
	
.masterpage	{
	margin-left: auto;
	margin-right: auto; 
	text-align:left;
	width:960px;
	background:#fff;
	position:relative;
	
}

A:link	{	
	text-decoration: none;
	color:#3a3a3a;
}	
		
A:visited	
    {	
	text-decoration: none;
    color:#3a3a3a;
	}	
		
A:active	
    {	
	text-decoration: none;
	color:#3a3a3a;
	}	
		
A:hover	
    {	
	text-decoration: none;
	color:	#D38C2E;
	}


/* 
.body, td- vi sätter default font och storlek
*/

.arena_uppgifter_bg
{
	background:RGB(252,246,234);
	
	}
	
.linje
{
	border-bottom:1px solid #999;
	padding-top:4px;
}

.linje_right
{
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	padding-top:4px;
	padding-right:4px;
	padding-left:4px;
}

.ram
{ 
	border:1px solid #
}

.vert_ram
{
	border-left: 1p solid #999
}

.scrollen
{

}

/* 
.dot - är en class som skapar vår lilla oranga ring, istället för grafik
*/
	
.dot
{
	color: Orange;
	font-size:30px;
	
}
.orange
{
	color:orange;
	}
.grey
{
	color: Gray;
	}
.white
{
	color:White;
	}
	
	
.vitbg
{
	background:White;

	}
.cursor
{
	cursor: pointer; 
}
.notify
{
	border:1px solid #cccccc;
	height:50px;
	text-align:center;
	width:140px;
	background:orange;
	color:black;
	font-weight:600;
	padding:5px;
	}
	
 
	
.login
	{
	width:580px;
	height:350px;
	overflow:hidden;
	background-image:url(../grafik/Logon_background_dark.png);  
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-top:20px;
		 	
	}
	 
	 .login_ErrMsg
{
	position:relative;
	padding-top:10px;
	width:100%;
	background:Maroon;
}

.loginMsgText
 	{
 	    
	    font-size:8pt;
		font-weight:600;
		color: #efefef;
		margin:3px;
		 
	}
    
         
.uppertext
    {
        text-transform:uppercase;
    }

/* 
HUVUD - SIDA Start
*/


/* 
.huvud - är en class som styr färg och höjd på huvudet. Detta styr var tabbarna kommer in
i huvudet men styr inte färgera på tabb controllen.
*/
.huvud
{
	top:0px;
	background: #000;
}
	

/* 
.huvud_mail - är en class som anger bakgrundsfärgen för den ifram som ligger i huvudet
ocn visar mail/filer osv...
*/
.huvud_mail
{
    padding: 0px;
    margin: 0px;
	background:Black;
	color:white;
}


/* 
.huvud_text_inloggad_color - är en class som styr färg på texten inloggad
*/	
.huvud_text_inloggad
{
    font-size:12px;
    font-weight:600;
  	color:orange;
}
/* 
.huvud_text_inloggad_name - är en class som styr färg på namnet
*/	
.huvud_text_inloggad_namn
{
    font-size:12px;
    font-weight:600;
	color:#cfcfcf;
	
	}

	
	
/* 
.huvud_logo - är en class som Logotypen och dess position
*/
.huvud_logo_position
{
	position: relative;
	top:50px;
	right:20px;
	z-index:100;
	overflow:visible;
	
	}
/* 
.huvud_meny_knapp - är en class som skapar den knappar som sitter högst upp i menyn
*/
.huvud_meny_knapp
{
	background-image:url(../grafik/adela_meny_knp_2.png);
	color:White;
	text-decoration:none;
	height:20px;
	background-repeat: no-repeat;
	background-repeat:repeat-x;
	width:100px;
	text-align:center;
	vertical-align:middle;
    margin:0px 3px 0 3px;
  	
	
}
.sidor_master
{
	
	
	}
.sidor_tab
{
	background: #fff;
}

.tab_Main
{
    background: #fff;
	margin: 0px auto;
	position: relative;
	top: 0px;	
}

.tab_Head 
{
    margin: 0px;
    left:0px;
    background: #000;
    position:relative;
    width:100%;
}

.tab_Content
{
    background: #fff;
    position:relative;
    width:100%;
}

.tab_ContentPage
{
    position:absolute;
    top:0px;
    left:0px;
    background: #fff;
    width:100%;
    height:100%; 
    margin-bottom:0px; 
    min-height: 100%; 
    height: auto !important;

}
	
.stdrubrik
{
	padding-bottom:4px;
	font-weight:600;
	
	}
/* 
Stila nedan styr hur tabbarna visas, samt lite annat som är arv, men ej används
*/
.tabSelected 
{

	color: orange; 
	text-align:center;
	font-size: 12px;
	font-weight:400;	
	}

.tabNormal 
{
    color: white;
	cursor:hand; 
	cursor: pointer; 
	text-align:center;
	font-size: 12px;
	font-weight:400;
	}
	
.bGround 
{
	
	  }
.mcolor 
{
	 
	  }
.tabImageNormal 
{
	
	 }
.tabImageSelected 
{

	}
.tabImageNormalRow2 
{
	
	 }
.tabImageNormalRow1 
{

	 }
.tabImageSelectedRow2 
{

	}
.tabBlock 
{
	display:none;
	}
/* 
Tabb ärvad data  - slut
*/

/* 
HUVUD - Anslag sidan
*/
.anslag_meny_position
{
	padding: 5px 10px 10px 10px;
	text-align:right;
	width:200px;
	height:100%;
	background: url(../images/backdark.png) repeat-y top right;
}
	
.anslag_text_position
{
	margin-top:0px;
	line-height:14px;
	height : 500px;
	overflow:visible;

}

.anslag_tabell
{
	
}
.anslag_huvud
{
	
	height:32px;
	
	}
.anslag_Item
{
	background:RGB(252,246,234);
}

.anslag_Item_alt
{
	background:RGB(222,216,204);
}
	
.anslag_amne
{

padding-left:10px;
/*width:300px;*/
	
	}
.anslag_amne a:link {}
.anslag_amne a:visited {}

.anslag_fran
{
	}
.anslag_skickat
{
	
	}
.anslag_filter a
{
	color: #ccc;
	
	}
.posttid
{
	font-weight: 600;
	}

.laspostrubrik
{
		
	}

.lasposttabell
{
		
	}



/* 
SCHEMA  - Sceha, sidan
*/
.schema_meny_position
{
	position:absolute;
	left:30px;
	top:10px;
	width:200px;
	text-align:right;
	padding-right:40px;

		
	}
 	
	
.SchemaDayHeading
	{
	color:black;
	font-size:10px;
	font-weight:600;
	}
.SchemaDayHeadingPrint
	{
	color:black;
	font-size:10px;
	font-weight:600;
	}
	
	
.SchemaLektion
	{
	color:black;
	font-size:9px;
	font-weight:normal;
	border-style:solid;
	border-top-color:black;
	border-left-color:black;
	border-right-color:black;
	border-bottom-color:black;
	border-width:1px;
	}
	
 
.SchemaDay
	{
	color:black;
	font-size: small;
	font-weight:600;
	border-style:solid;
	border-top-color:#b9b9b9;
	border-left-color:#b9b9b9;
	border-right-color:#b9b9b9;
	border-bottom-color:#b9b9b9;
	border-width:1px;
	}
	
.SchemaLektionText
	{
	color:black;
	font-size: 9px;
	font-weight:normal;
	}
	
.SchemaTimeBar
	{
	color:black;
	font-size:10px;
	}
	
	
	
/* 
	ARENA  - stilar för Arena
*/
	
.arena_meny_position
{
	position:absolute;
	left:0px;
	top:0px;
	width:230px;
	text-align:left;
	height:580px;
	
}

.arena_text_position
{
	position: absolute;
	left: 240px;
	top: 0px;
	width: 832px; /*JS 110406 width:900px  */
	height: 580px; /*JS 110406 height:600px;
	/*background-color: #fef7e8;*/
}	

.arena_linje 
{
	BORDER-BOTTOM: #cccccc 1px solid
	 }
			
.arena_ej_aktiv 
{
	COLOR: #000000; 
	BACKGROUND: #ffffff }
.arena_aktiv 
{
	COLOR: #000000 }
.arena_cursor 
{
	CURSOR: hand }
	
.arena_masterram 
{
	BORDER-RIGHT: #333 1px solid; 
	BORDER-TOP: #333 1px solid; 
	BORDER-LEFT: #333 1px solid; 
	BORDER-BOTTOM: #333 1px solid 
	}
	
.arena_menyval
{
	background:black;
	color:#fff;
	
}
.arena_ram_right
{
	border-left:1px solid RGB(R140, G144, B148);
	
	}
.arena_menyval_td
{
	height:28px;
	text-align:center;
	color:#fff;
	
}




a.arena_meny_link:link {color:#ffffff;}
a.arena_meny_link:visited {color:#ffffff;}
a.arena_meny_link:hover {color:orange;}

a.arena_meny_on:link {color:orange;}
a.arena_meny_on:visited {color:orange;}
a.arena_meny_on:hover {color:orange;}

	
.arena_kursgruppnamn
{
	padding-left:10px;
	padding-top:10px;
	padding-bottom:5px;
	
	}
	

.arena_text_rubrik
{
	font-weight:600;	
	
	}

.arena_uppgifter
{
	padding:5px;
	font-weight:600;

	}
	
	
.arena_uppgifter_huvud
{
	height:40px;
	
	}

	
.arena_marginal_plus
{
	padding-left:20px;

	
	}
.arena_marginal_std
{
	padding-left:5px;

	
	}
	
.arena_uppgift_td
{
	width:200px;
	height:24px;
	
	}
.arena_slut_td
{
	white-space:nowrap;
	padding-right:10px;

	
	}
.arena_status_td
{


	
	}
.arena_betyg_td
{

}
.arena_visa_info
{
	padding:50px;
	background:white;
	border:1px solid black;
	width:600px;
	margin-bottom:20px;
	
	}
	
.arena_no_uppgift
{
	height:30px;
	font-style:italic;
	
	}
.arena_arenanamn
{
	padding-bottom:10px;
	padding-top:20px;
	
	}
	
 
	
	
.arkiv_folderpath 
    {
        FONT-WEIGHT: 600; 
        BACKGROUND: white; 
        BORDER: black 1px solid; 
        margin-top:4px;
        margin-bottom:4px;
    }

	


.betyg_data
{
	/* JS 110406 width:1074px;*/
	margin: 0 auto; /*JS 110406*/
	text-align:left; /*JS 110406*/
	width:100%;
	height:540px;
	overflow:auto;
	padding-bottom:60px;
	padding-right:60px;

}
.betyg_margin
{
	padding:5px;
}

.kommunikator_boxar
{
	padding-bottom:10px;
	color:Gray;
	font-size:12px;
	font-weight:600;
	
}

.table_border
{
    /*border-bottom:1px solid #afafaf;*/
    /*padding-top:10px; JS130702 */ 
   
    margin-bottom:10px;
    
}	
.table_Rounded_top
{
    background: #fcf6ea;
    height:auto;
    height: 1%; 
    width:auto;
    
}
    
.table_Rounded_mid
{
    background: url(../images/TableHeadMid.png) repeat-x top left;
}

.table_Rounded_left {
    background: url(../images/TableHeadLeft.png) no-repeat top left;

}

.table_Rounded_right {
   background: url(../images/TableHeadRight.png) no-repeat top right;
}



.table_Rounded_table {
    margin-left:3px;
    margin-right:6px;
    border-collapse: collapse;
  }

.table_Rounded_table td
{
    padding: 1px 5px 1px 2px ;
    margin:1px;
    
    }
    
    
.table_Rounded_table th
{
    font-weight:bold;
    padding: 1px 5px 1px 2px ;
    margin:1px;
    
}
 


.table_Rounded_table a:link
    {
    color:#5f5f5f;
    }
    
.table_Rounded_table a:visited
    {
    color:#5f5f5f;
    }
    
.table_Rounded_table a:active
    {
    color:#5f5f5f;
    }
.table_Rounded_table a:hover
    {
    color:#996600;
    }

.table_tr_head
{
    height: 30px;
    color: #2f2f2f;
    margin-top: 2px;
    
}
  
.table_tr_head td
{
    padding:4px;
    border: 0px;
    font-weight:600;
}
  
.table_tr_head_small
{
    height: 30px;
    color: #2f2f2f;
    font-weight: 600;
    margin-top: 2px;
        
    
}
  
.table_tr_head_small td
{
    padding:4px;
    border: 0px;
    font-size:10px;
}

.table_tr_item 
{
   
    border:0px;
}

.table_tr_item td 
{
    padding-left:5px;
    padding-right:5px;
    border-bottom: solid 1px #bfbfbf;
} 

.table_tr_item_border
{
}

.table_tr_item_border td
{
   padding: 0 5px;
    border:solid 1px #ccc; 
 
}

.table_tr_item_alt 
{
    background: #ddd;
}

.table_tr_item_alt td 
{
    padding-left:5px;
    padding-right:5px;
    border-bottom: solid 1px #bfbfbf;
    } 


.table_tr_item_alt_border 
{
    background: #e5e5e5;
}

.table_tr_item_alt_border td
{
    padding: 0 5px;
    border:solid 1px #ccc;    
   
}

.table_tr_item_selected
{
     background: Orange; 
}


.button
{
    width:100px;
    
}

.tree
{
   width:100%;
   margin-top:5px;
   margin-left:5px;
   
    }
.treeItem 
    {
    
   
}

.heading1
	{
		font-size:14pt;
		font-weight: 400;
		color: #555;
		
	}	
.heading2
	{
		font-size:1.4em;
		font-weight:400;
		color: #555;
		padding-bottom:10px;
		
	}	
.heading3
	{
	   
	    font-weight:600;
	    color : #444;
	    margin-bottom:3px;
	    
	}

.heading5
	{
        font-size: 12px;
        font-weight:400;
 	}

.heading6
    {
    font-size: 14px; 
    font-weight: 600;
    }

.italic1
	{
        font-style:italic;
        font-weight:400;
 	}
 	
.italic2
	{
	    font-size: 12px;
        font-style:italic;
        font-weight:400;
 	}

.smallText
{
    font-size:0.8em;
}
 	
.subText1
	{
	    font-size: 7pt;
		font-weight:300;
		color: #2f2f2f;
	}
	
	.supText1
	{
	    font-size: 8pt;
		font-weight:700;
		color: #2f2f2f;
		vertical-align: top;
		padding-left: 1px;
	}
	
.menuSub
{
    margin-left:0px;
    height:24px;
	padding-top:5px;
	padding-bottom:5px;
	color:#fff;
	background-color:#000;
}

.menuSubItem
{
    
    
    
    padding-left:10px;
    padding-right:10px;
    border-left: solid 1px #efefef;
    text-align:center;
    color:#fff;
    margin-top:0px;
    margin-bottom:0px;
    
    }
    
 .menuSubItemLeft
{
     
    padding-left:10px;
    padding-right:10px;
    margin-top:0px;
    margin-bottom:0px;
}
    
.borderBox
{
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-right:2px;
    margin-bottom:2px;
   
    
}
     
 .borderBoxWithBackground
 {
     border: solid 1px #ccc;
     border-radius: 4px;
     background:#f8f8f8;
     margin-right:2px;
     margin-bottom:2px;
     
 }
    
 .borderBoxHead
 {
     border-top:none;
     border-left:none;
     border-right:none;
     border-bottom: solid 1px #ccc;
     background:#e9e9e9;
   
    clear:both;
     
 } 

 .borderBox td
{
    border:0px;
}
   
.borderBoxWithBackground td
{
    border:0px;
    padding:2px;
}  
     
.table_sub_head
{
    background: #dfdfdf;
    border: solid 1px #afafaf;
}



.button_grey_round
{
    height:27px; 
    text-align:center;
   
 }
 
.button_grey_round div {
    background: url(../images/Button_grey_mid.png) repeat-x top left;
   
  
}

.button_grey_round div div {
    background: url(../images/Button_grey_left.png) no-repeat top left;
   

}

.button_grey_round div div div {
   background: url(../images/Button_grey_right.png) no-repeat top right;
   padding: 10px 10px 10px 10px;
   

     }

.topTable 
{
margin-left:12px;
}

.textboxMultiline
{
height:70px;
overflow:scroll;
    
}
    
    
.textDivMultiLine
{
min-height:50px;
height:auto !important;
_height:50px; 
} 
          
.blueLink
{
    color:#2f2f7f;
    }
    
.textareaStyled {
	width: 600px;
	height: 120px;
	border: 1px solid #ccc;
	padding: 5px;
}
    
.textbox-minwidth {
    min-width: 250px;

    width: auto !important;
    width: 250px; /* IE6 ignores the !important tag */

    /* would help for expanding content if it blows past 500px; */
    overflow:auto; 

    display: inline-block;
}        

.textbox-alt-minwidth {
    min-width: 70px;

    width: auto !important;
    width: 70px; /* IE6 ignores the !important tag */

    /* would help for expanding content if it blows past 500px; */
    overflow:auto; 

    display: inline-block;
}        

 /*
 .ui-button 
 {
     font-size:12px !important;
 }
 
 input.ui-button 
 {
     padding: 1px 10px !important;
     height: 26px !important;
 }
 
 .ui-buttonset .ui-button {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0px 10px !important;
    height: 24px !important;
}

*/

/*
.topContent .ui-button 
 {
     font-size:12px !important;
 }
 
 .topContent input.ui-button 
 {
     padding: 1px 10px !important;
     height: 26px !important;
 }
 
 .topContent .ui-buttonset .ui-button {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0px 10px !important;
    height: 24px !important;
}
*/

@media print {
    .noPrint {
        display:none!important;
        width:0px!important;
    }
    .noPrintBorder
    {
        border: none !important;
        box-shadow: none !important;
        }

    tr {page-break-inside: avoid; break-inside: avoid-page}
}

.checkboxlist_nowrap tr td
    {
        white-space:nowrap;
        overflow:hidden;
        margin:0px;
        
    }


 