/* This file needs to be saved in the UTF-8 format in order to handle EditMenuName attributes with non-english characters */

/* --- Divs used for page structure ---*/

html {
	sheight: 100%;
}


body
{
	font-size:62.5%;
	background-image:url(/images/custom/pattern.gif);
	padding:0;
	margin:0;
	sheight: 100%;

}

@media print
{
	body
	{
		font-size: 75%;
	}
}

/*span
{
	font-size:1.1em;
	font: Arial, Verdana, Helvetica;
}*/

img
{
	border: 0;
}


#breadcrumbdiv,
#headerdiv
{
	width: 99.6em;
}
#breadcrumbdiv
{
    margin-top:4px;
}
#containerdiv
{
	width: 100em;
	background-color:White;
	background-image:none;
	overflow:hidden;
	margin-top:2em;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:0.6em;
	height:100%;
}

#headerdiv
{
	height:8.6em;
}

#menudiv,
#logoimage,
#logodiv
{
	width:16.1em;	
}

/*.fpcontentbox,*/

 .menudivider1
{
    margin-top:12px;
    margin-bottom:3px;
    padding-left:5px;
}

 .menudivider2
{
    margin-top:6px;
    margin-bottom:15px;
    padding-left:5px;
}


#contentdiv_iframewide
{
	width:65em;	
	float:left;
	margin-left:0.6em;		
	margin-top:0.6em;
	min-height:63.4em;
}
#boxesdiv_iframewide
{
	width:7.5em;
}

.contentdiv  a
{
    text-decoration: underline;
    color:#558bc4;
}




#contentdiv,
#contentheaderdiv,
#contentheaderimage,
#breadcrumb
{
	width:49.5em;	
}

#replies,
#conferance,
#discussion
{
	width:45em;
}

/*#logindiv,*/
#rightheaderimage,
#rightheaderdiv,
#logincontainer,
#loggedincontainer,
#quickmenutext, 
#TopRightInfoContainer, 
#TopRightInfoContainerLoggedIn

{
	width:31.8em;	
}

#breadcrumbdiv,
#breadcrumb,
#quickmenudiv
{
	height:2em;
}
#TopMenuContainer
{
    width: 100%;
    float:left;
    position:relative;
    /* padding-bottom: 16px; */
}

#TopLeft
{
    float:left;
    width: 160px;
    position:relative;
    margin-top:20px;
}

#topmenucontrol
{
    position: relative;
    width:81.9em;
    float: left;
    background-color: #4f86bf;
    color: White;
    height: 25px;
    margin-left: 12px;
    margin-right: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#topmenucontrol A.tmcmenu
{
    float:left;
    padding: 0.5em 0.5em 0.3em 0.55em;
    font-size: 1.2em;
	color: #FFF;
	text-decoration: none;
	overflow:hidden;
	
}


#topmenucontrol A.tmcmenu:hover
{
    background-color:#0d467f;
    
}

#topmenucontrol A.tmcactivemenu
{
    float:left;
    padding: 0.5em 0.5em 0.3em 0.55em;
   	font-size: 1.2em;
	color:#FFF;
	background-color:#0d467f;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}


.box,
/*#leftlogindiv,*/
#leftloggedindiv
{
	width:14.9em;
}

#boxesdiv,
.boxesdiv
{
	width: 31.9em;
}
.boxesdiv a
{
    text-decoration:none;
}

.boxesdiv a:hover
{
    text-decoration:underline;
}

/*#boxesdiv h1,
.boxesdiv h1,
.paddingtop_05,*/
.editorialColumn
{
	margin: 7px 20px 7px 7px;
}


/*#loggedindiv,*/
#logindiv,
#rightdiv,
.rightdiv
{
	width:16.3em;
}

.box
{
	min-height: 12.2em;
}

.fpcontentbox
{
	/*min-height: 12.1em;*/
}

#logodiv,
#contentheaderdiv,
#rightheaderdiv,
#menudiv,
#contentdiv,
#boxesdiv,
.boxesdiv,
#rightdiv,
.rightdiv,
#footerdiv,
#breadcrumb,
#quickmenudiv
{
	float:left;
}

#logodiv, 
#contentheaderdiv, 
#rightheaderdiv, 
#menudiv, 
#contentdiv, 
#boxesdiv, 
.boxesdiv,
#rightdiv,
.rightdiv,
#footerdiv,
#quickmenudiv
{
	margin-left:0.6em;	
}

.box,
/*.fpcontentbox,*/
#menudiv, 
#contentdiv, 
#boxesdiv, .boxesdiv,
#rightdiv,
.rightdiv,
#footerdiv
{
	margin-top:0.6em;
}

#boxesdiv .box,
.boxesdiv .box
{
	margin-top: 0;
}


/*#menudiv, */
#contentdiv,
#boxesdiv, 
.boxesdiv,
#rightdiv,
.rightdiv
{
	min-height:63.4em;
}

#menudiv
{
    /* background-image: url(/images/menu_faded_bg.jpg); 
    background-repeat:repeat-x;*/
    width: 16.2em;
    height: auto; 
    margin-bottom: auto;
    height:100%;
    min-height: 600px;
}

#footerdiv
{
	/* Total height 26 px */
	height:2em;
	padding-top:0.6em;
	/*margin-left:-16.7em; /* 173 - 6 */
	width:98.6em; /* 996 - 6 - 4  */
}

/*
#quicksearchdiv
{
   
	margin-top:-2.2em;
	margin-left:22em;	
}
*/

#logincontainer,
#TopRightInfoContainer,

#loggedincontainer
{
	margin-top:-6.5em;
}

#TopRightInfoContainer
{
    margin-top:-6.5em;
   padding-top: 1.2em; 
}
#TopRightInfoContainerLoggedIn
{
   margin-top:-6.5em;
   padding-top: 1.2em; 
}




#leftloggedindiv
/*#leftlogindiv*/
{
	height:100%;	
}

#leftNotLoggedInDiv
{
	width:8.9em;
	margin-top: 0.4em;
	height: 5.8em;
}



#LeftLoggInLinkDiv
{
    
    margin-top: 1.6em;
    margin-left: 26em;
    color:#FFFFFF;
    
    
}

#LeftLoggInLinkDiv A
{
    
    
    color:#FFFFFF;
    text-decoration: underline;
    
    
}

#LeftLoggOutLinkDiv
{
   width:315px;
    margin-top:-1.2em;
    margin-right: 26em;
    color:#FFFFFF;
    
    
}

#LeftLoggOutLinkDiv A
{
    
    margin-top:-1.2em;
    margin-left: 26em;
    color:#FFFFFF;
    text-decoration: underline;
    
    
}

#leftlogindiv
{
	width:8.9em;
	margin-top: 0.4em;
	padding-left:6em;
	height: 5.8em;
}



#leftloggedindiv
{
	padding-top: 1em;
	padding-left:2.4em;
}

#logindiv
{
	height:100%;
	margin-left: 15.5em;
	margin-top:-6em;
}

#loggedindiv
{
	height:100%;
	margin-left: 16.6em;
	margin-top:-4.9em;
}

#breadcrumb
{
	margin-left:17.3em; /*6 + 161 + 6*/
	position:relative;
}

#quickmenudiv
{
	position:relative;
}

#quickmenutext,
#breadcrumbtext
{
	position:absolute;
	bottom:0;
	padding-left:1em;
}

#rightdiv,
.rightdiv
{
	/*padding-top: 0.5em;*/
}

.contentbox
{
	padding:1em 1.5em 1em 1.5em;
	height: 154px;
}

.divreadmore
{
	text-align: right;
	clear: both;
	min-height: 1em;
	margin-top: -0.5em;
}

.calendarreadmore
{
	text-align: right;
	padding-right: 2em;
}

/*.readmore
{
	margin-right:1em;
	margin-bottom:1em;	
	height:0.5em;
}*/

.listimage
{
	text-align: left;
	margin-right:1em;
	width:122px;
	height:122px;


}

.listimageheight
{
	/*height:14.8em;*/
	/*sheight:122px;*/
}

.contenttext
{
	margin-left:1em;
	margin-bottom: 1em;
	height:100%;
}

.listimageheight .contenttext
{
	min-height:122px;
	/*margin-right:1em;	
	margin-left:0;*/

}

/*.readmoreimage
{
	height:0.5em;
	width:4em;
}*/

/*.dotclass
{
	position:absolute;
	margin-top:0.9em;
	width:49.7em;
}

.listimageheight .dotclass
{
	margin-top:0.8em;
}*/

/* --- Width --- */
.width_5
{
	width: 5em;
}

.introimage
{
	width: 24.2em;
	padding-right: 1em;
}

#logodiv:hover
{
	cursor:pointer;
}

/* ----- Fixing some bugs ----- */

/* IE Doubled Float-Margin Bug */
/* Browsers ignore this property, but it fixes the bug magically */
#footerdiv,
#menudiv,
#logodiv,
#breadcrumb
{
	display: inline; 
}

/* -- Standard divs --*/

.leftfloating
{
	float: left;
}
.rightfloating
{
	float: right;
}
.centered
{
	text-align: center;
}
.rightaligned
{
	text-align: right;
}
.leftaligned
{
	text-align: left;
}
.hidden
{
	display:none;
}
img.borderless
{
	border: 0;
}
div.tablerow
{
	width: 99%;
	padding: 0.5em;
}
div.description
{
	float: left;
	width: 20%;
}
div.content
{
	float: right;
	width: 79%;
}
div.fullwidth
{
padding-top: 1em;
}
div.rightpadded
{
	padding-right: 1em;
}
div.clear
{
	clear: both;
}

div.clearleft
{
	clear: left;
}

div.clearright
{
	clear: right;
}

.alignmiddle
{
	vertical-align: middle;
}

.overflowhidden
{
	overflow: hidden;
}

.positionrelative
{
	position: relative;
}

.absolutebottom
{
	position: absolute;
	bottom: 0px;
}

.discussiontextwidth
{
	width:33em;
}

.discussionmultitext
{
	width:45em;
	height:22em;
}

.paddingboxtext
{
	padding-left :1em;
	padding-right:1em;
}

div.fullwidthPink
{
	width: 100%;
}

/*Membership ChangeForms*/

#BlueForm
{
    float:left;
    margin:0 0 10px 0;
    width: 95%;
    border:1px solid #738ebd;
    background-color:#dee7f7;
    padding: 10px;
}

#BlueFormWide
{
    float:left;
    margin:0 0 10px 0;
    width:700px;
    border:1px solid #738ebd;
    background-color:#dee7f7;
    padding: 10px;
}

#WhiteForm
{
    float:left;
    margin:0 0 0 0;
    width: 96%;
    border:1px solid #738ebd;
    background-color:#ffffff;
    padding: 10px;
    display:block;
}

.ChangeFormLabels
{
    
    float:left;
    padding-bottom:15px;
    width: 100%;
   
}
.ChangeFormTitle
{
    float:left;
    height:30px;
    font-size:14px;
    font-weight: bold;
    
}
.ChangeFormAdressContainer
{
    width:100%;
    float:left;
    padding-bottom:10px;
}

.ChangeFormHr
{
    width:300px;
    height:2px;
    float:left;
    color:#5686bf;
    background-color:#5686bf;
}

.ChangeFormPostnr
{
   float:left;
   margin:10px 10px 0 0;
   
}
.ChangeFormPostPlace
{
    float:left;
    margin:10px 0 0 0;
    
}

.ChangeFormPhones
{
   float:left;
   width:100px;
   margin:0 0 0 0;
    
}
.ChangeFormPhone
{
    float:left;
    width:120px;
    margin:0 0 0 5px;
}
.ChangeFormMobilePhone
{
    float:left;
    width:120px;
    margin:0 0 0 5px;
}
.ChangeFormPhonesFax
{
    float:left;
    width:100px;
    margin:0 0 0 5px;
}

.ChangeFormPhonesCell
{
    float:left;
    width:100px;
    margin:0 0 0 0;
    
}
.ChangeFormPhonesWork
{
    float:left;
     width:100px;
  margin:0 0 0 0;
    
}

.ChangeFormEmployer
{
    float:left;
    margin:10px 0 0 0;
    font-weight:bold;
    font-size:12px;
    color:Black;
}

.ChangeFormAddChange a
{
    float:left;
    text-decoration:underline;
    margin-left: 10px;
    
    
}
.ChangeFormEmployerPays
{
    float:left;
   /* smargin:10px 0 0 -5px;*/
   
}

.ChangeFormAgencyEpost
{
    float:left;
    margin-left:6px;
}

.ChangeFormAgencyInternett
{
    float:left;
    margin-left:5px;
}


.ChangeFormSatsTitle
{
    width:80px;
    float:left;
    height:20px;
    padding-top:5px;
   
}

.ChangeFormSatsAvgift
{
    width:350px;
    height:35px;
    float: left;
    margin-top:10px;
}

.ChangeFormSatsInsurance
{
    width:100%;
    height:50px;
    float: left;
    margin-top:10px;
}

.ChangeFormReservation
{
    width:20px;
    height:20px;
    float:left;
    padding:20px;
}

.ChangeFormReservationLabel
{
    width:200px;
    height:20px;
    float:left;
    padding:20px 0 0 2px;
}
.ModualLink a
{
    float:left;
    text-decoration:underline;
    margin-left: 10px;
    margin-top:2px;
}

#ChangeFormSaveBtn
{
    float:right;
   margin-top:5px;
}

#ChangeFormSaveStatusPanels
{
    float:left;
    width:95%;
    
}
#ChangeFormStatusOK
{
    float:left;
    margin:0 0 10px 0;
    width: 100%;
    border:1px solid #949e73;
    background-color:#ebf1de;
    padding: 10px;
}

#ChangeFormStatusError
{
    float:left;
    margin:0 0 10px 0;
    width: 100%;
    border:1px solid #c00000;
    background-color:#f2dcdb;
    padding: 10px;
}


/*End Membership ChangeForms*/

/*MyCourses*/

.myCoursesContainer
{
    float:left;
    width:782px;
}
.myCoursesYearContainer
{
    float:left;
    width:95%;
    font-weight:bold;
}
.myCoursesTitle
{
    font-weight:bold;
    float:left;
}

.myCoursesDoc
{
    font-weight:bold;
    float:left;
}

.myCoursesOverviewContainer
{
    width: 100%;
    float: left;
    padding-top: 5px;
    padding-bottom: 2px;
}

.myCoursesOverviewColumn1
{
    float: left;
    width: 15%;
    min-width: 15%;
}
   

.myCoursesOverviewColumn2
{
    float: left;
    width: 60%;
    min-width: 60%;
    text-align: left;
   
}

.myCoursesOverviewColumn3
{
    float: left;
    width: 8%;
    min-width: 8%;
    text-align: left;
   
}

.myCoursesOverviewColumn4
{
    float: left;
    width: 8%;
    min-width: 8%;
    text-align: left;
   
}

.myCoursesListContainer
{
    float:left;
    width:100%;
    margin-top:25px;
}
.myCoursesItemTemplate
{
   
    float:left;
    width:100%;
     background-color: #f4f6f8;
}

.myCoursesAlternatingItemTemplate
{
     float:left;
    width:100%;
    background-color: #fff;
}