/*--------------------------------*/
/*  Copyright Addmind 2007      */
/*--------------------------------*/

/* HTML Elements body html,____________________________________ */
td,ul {
	margin: 0;
	padding: 0; 
	height:100%;

}
form {
	margin: 0;
	padding: 0; 


}
img {
	border: 0;
}

table {
	border-collapse: collapse;
}

/* -- Standard divs --*/

.black
{
    color:#000;
}

.leftfloating
{
	float: left;
}
.rightfloating
{
	float: right;
}

.rightaligned
{
	text-align: right;
}
.leftaligned
{
	text-align: left;
}
.hidden
{
	display:none;
}

/* Layout Elements ____________________________________ */

body {
	background-color: #DCDCDC;

}

/* Type Elements ____________________________________ */


body,input {
	font-family: Verdana, Arial,  Helvetica, sans-serif !important;
	font-size: 10px;
	color: #4d4d4d;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:17px;
	margin: 0 0 10px 0;
	color: #000000;
}

h2 {
	font-family: Verdana, Arial,   Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 12px; 
	margin: 0 0 0 0;
	color: #000000;
}

h3, .heading3
{
    font-family: Verdana, Arial,   Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #000000;
}

.normal
{
    font-size:10px;
    font-weight:normal;
}

a {
	color: #F39400;
}

/* Layout Elements ____________________________________ */

#tableWrapper{
	height:100%;
	width: 880px;

}

#tableWrapper #tdWrapper{
	vertical-align: top;
	background-image: url('/img/bg_wrapper.gif');
	background-repeat: repeat-y;
}

#pageWrapper {
	margin: 0 auto 0 auto;
	width: 880px;
		background-image: url('/img/bg_wrapper.gif');
	background-repeat: repeat-y;
}

#pageContainer {
	width: 820px;
	padding: 30px 30px 0 30px;
	margin: 0 auto 0 auto;

}

#pageTopWrapper { 
	background-image: url('/img/bg_top.gif');
	background-repeat: no-repeat;
	background-color: #DCDCDC;
	padding: 0 30px 0 30px;
	height: 50px;
}

.headerTopImage
{
    padding:0px;
    margin:8px 0px 0px 0px;
}


/* Page Dividers and Columns Splits ____________________________________ */

#pageBody {
	float: left;
	margin-top: 10px;

}

#columnLeft {
	float: left;
	width: 605px;
	margin: 0;

}

#columnRight {
	float: right;
	width: 196px;
	padding: 0;

}

.columnRightPage {
	float: right;
	width: 196px;
	padding: 0;
	margin: 0;

}

/* Page Top, Page Login, Page image top ____________________________________ */


#pageTopNavigation {
	height: 23px;
	padding: 6px 0 0 0;
	display: none;
}

#pageTopNavigationRightWrapper {
float: right;

}

#flags{
	float: left;
	width: 250px;
}

#pageTopNavigation #search {
	float: left;
	padding: 0 15px 0 0;
	border-right: 1px solid #8e7373;

}

#pageTopNavigation #ctl00_Login_trLogin {
	padding: 0 0 0 15px;
}

#pageTopNavigation INPUT {
border: 1px solid #8e7373;
}

#pageTopNavigation .search,#pageTopNavigation .username, #pageTopNavigation .password {
width: 115px;
}

#pageTopNavigation .button {
text-transform: uppercase;
font-weight: normal;
}



#pageTop { 

	clear: both;

}

#pageTop #logo {

	padding: 45px 0 0 0px;
	float: left;
	width: 770px;
}

#pageTop #flash {

	padding: 0px;
	margin: 0px;
	float: right;
  	width: 550px;
	text-align: right;
	min-height: 88px;
	display: none;
}

#pageTop #pageNavigation {
	height: 19px;
	padding: 0px 0 0 10px;
	clear: both;
	background-image: url('/img/bg_navigation.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: none;
}




/* Top Navigation ____________________________________ */

#pageNavigation ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#pageNavigation li
{
	float: left;
}

#pageNavigation li a
{
	padding: 2px 10px 3px 10px;
	font-size: 11px;
	
	color: #ffffff;
	text-decoration: none;
	float: left;
}

#pageNavigation li a:hover
{
	/*background-color: #FFC311;*/
	background-color: #A0A0A0;

}

.activemenuhead
{
    /*background-color: #F5AA45;*/
    background-color:#5B5B5A;
}

/*Menu divs*/

/* --------- Left menu ----------- */


.menuitem {
	width: 155px;
	border-bottom: 1px solid #e0e0e0;
	display: block;
	overflow: hidden;
	padding: 2px 0 2px 0;
}


.rightfloating {
	float: right;
	text-align: left;
}
.menuitemselected
{
	width: 155px;
	border-bottom: none;
	overflow: hidden;
	background-color: #f3f3f3;
	padding: 2px 0 2px 0.1em;
}
.menuitemexpanded
{
    width: 155px;
    padding: 2px 0 2px 0.3em;
    display: block;
    overflow: hidden;
    background-color: #FDEACC;
    background-image: url(/img/leftmenu_arrow_selected.gif);
    background-repeat: no-repeat;
    background-position: 5px 7px;
}
.menuitemchild
{
    width: 155px;
    padding: 2px 0 2px 0.3em;
    display: block;
    overflow: hidden;
    clear: both;
}

.menulink
{
    float:left;
	font-weight:bold;
	list-style-type:none;
	padding:0px 0px 0px 5px;
	text-decoration:none;
	line-height:1.5em;
	
}

.menulinkchild
{
    float:left;
	font-weight:bold;
	list-style-type:none;
	padding:0em;
	margin:0em;
	text-decoration:none;
	line-height:1.5em;
}

.menulinkactive
{
	font-weight:bold;
	list-style-type:none;
	padding:0pt 0pt 0pt 5px;
	text-decoration:none;
	line-height:1.5em;
}

.menulinkactiveselected
{
	font-weight:normal;
	list-style-type:none;
	padding:0pt 0pt 0pt 2px;
	text-decoration:none;
	line-height:1.5em;


	border-bottom: 0px solid #e0e0e0;
	color: Black;
}


.menuItemImage
{

    float:left;
}

.menuItemImage img
{
    vertical-align: top;
    margin: 4px 0 0 2px;
}

.menuItemfloatLeft {
        display:block;
        float:left;
        margin:0em;
        padding:0em;
        width:10px;
}

.menuItemfloatRight {
        float:left;
        margin:2px 0pt 0pt;
        padding:0pt;
}



.menuitem a:hover, .menuitemchild a:hover{
    text-decoration: underline;
}






/* Front Page ____________________________________ */

.frontMainInfo .up {
background: url('/img/bg_front_maininfo_up.gif') no-repeat top;  
height: 10px;
}

.frontMainInfo .down
{
    background: url('/img/bg_front_maininfo_down.gif') no-repeat bottom;  
    height: 10px;
    clear: both;
    margin-bottom: 20px;
}

.frontMainInfo .content {
    padding: 10px 17px 10px 17px;
    margin: 0px;
    background: url('/img/bg_front_maininfo_middle.gif');
    overflow: hidden;
    width: 571px;
}

.frontMainInfo .content .image{
float: left;
width: 228px;
}

.frontMainInfo .content .info{
float: right;
width: 320px;
}

/* Puff */

.frontPuff {
	float: left;
	margin-right: 10px;
	width: 189px;
	padding: 0px;

}

.frontPuffLast {
	float: left;
	padding: 0px;
	width: 189px;

}

.frontPuff h1, .frontPuffLast h1{
background: url('/img/bg_puff.gif') no-repeat top; 
padding: 5px 10px 5px 10px;
width: 169px;
margin: 0;
}

.frontPuff .frontPuffText, .frontPuffLast .frontPuffText{
	padding: 5px 10px 5px 10px;
}

.frontPuff a, .frontPuffLast a {
	display: block;
}

/* News */

.NewsListingItem
{
    width:380px;
}

.frontNews .up {
background: url('/img/bg_front_news_up.gif') no-repeat 0px top;  
height: 15px;
margin: 0;
clear: both;
}

.frontNews .down
{
background: url('/img/bg_front_news_down.gif') no-repeat 0px bottom;  
height: 15px;
clear: both;
margin: 0;
clear: both;

}

.frontNews .content {
width: 162px;
background-image: url('/img/bg_front_news_middle.gif');
background-repeat: repeat-y;
padding: 0px 17px 10px 17px;
margin: 0px;
overflow: hidden; 
float: left;
}

.news {
	margin: 0 0 10px 0;
	float: left;
	width: 100%; /* ie6 width */
}

.news .thumbs {
	float: left;
	padding-right: 5px;
}

.frontNews a {
	display: block;
}

/* Contacts */

.ContactListingItem
{
    width:380px;
}

.ContactListingItem p
{
    margin:0;
    padding:0;
}

/* Media */

.frontMedia .up {
background: url('/img/bg_front_media_up.gif') no-repeat 0px top;  
height: 38px;
padding: 20px 0 0 15px;
margin-top: 10px;
}

.frontMedia .down
{
background: url('/img/bg_front_media_down.gif') no-repeat 0px bottom;  
height: 18px;
clear: both;
}

.frontMedia .content {
background: url('/img/bg_front_media_middle.gif') repeat-y 0px;  
padding: 0px 17px 10px 17px;
margin: 0px;
overflow: hidden; 
position: relative; /* ie6 invisible text hack */
}

.frontMedia ul {
	list-style: none;
}

.frontMedia li{
	margin: 0 0 5px 0
}

.frontMedia li img{
	padding: 0 2px 0 0;
	vertical-align: middle;
}

.frontMedia li a{
	color: #ffffff;
}

/* Mall 2 Page ____________________________________ */


#columnMain {

	overflow: auto;
	width: 600px;
	float: right;
}

.columnMainContent
{
    width:390px;
}

.columnMainContent.wide
{
    width:600px;
}

#LeftMenuDiv {
	width: 200px;
	float: left;
/*	background-color: #FF8484;*/
}

.RightMenuDiv {
	float: right;
	width: 205px;

}



#RightMenuContent {
	padding: 0 0 10px 20px;
}

#LeftMenuDiv H2 {
padding: 10px 0 0 15px;
}

#LeftMenuDiv .up {
background: url(/img/bg_left_menu_up.gif) no-repeat;  
height: 25px;
}

#LeftMenuDiv .down{ background: url(/img/bg_left_menu_down.gif) no-repeat;  
height: 16px;
clear: both;
margin-bottom: 20px;
}

#LeftMenuDiv .content {

padding: 10px 17px 10px 17px;
margin: 0px;
background: url(/img/bg_left_menu_content.gif) repeat-y;
overflow: hidden;
 }

#LeftMenuDiv UL {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#LeftMenuDiv ul li
{
	display: block;
}

#LeftMenuDiv ul li ul
{
	width: 155px;
	border-bottom: 1px solid #e0e0e0;
}

#LeftMenuDiv ul li a
{
	display: block;
	padding: 3px 10px 4px 15px;
	margin: 0 0 3px 0;
	text-decoration: none;
	width: 130px;
	font-weight: bold;
	background-image: url(/img/leftmenu_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	border-bottom: 1px solid #e0e0e0;
}

#LeftMenuDiv ul li a.selected
{
	background-image: url(/img/leftmenu_arrow_selected.gif);
	background-repeat: no-repeat;
	background-color: #fdeacc;
	border-bottom: 0px solid #e0e0e0;
	color: Black;
}

#LeftMenuDiv ul li ul li a
{
	display: block;
	padding: 3px 10px 4px 25px;
	margin: 0 0 3px 0px;
	text-decoration: none;
	width: 120px;
	font-weight: bold;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px 8px;
	border-bottom: 0px solid #e0e0e0;
}

/* Mall 9 Searchlist */

#Searchresult {
clear: both;
}

#Searchresult .up {
    background: url(/img/bg_searchlist_up_385px.gif) no-repeat;  
    height: 9px;
    overflow: hidden; /* IE6 margin error bug*/
}

#Searchresult .down
{
    background: url(/img/bg_searchlist_down_315px.gif) no-repeat;  
    height: 15px;
    clear: both;
    margin-bottom: 20px;
}

#Searchresult .content {
    padding: 6px 14px 6px 14px;
    margin: 0px;
    background: url(/img/bg_searchlist_content_385px.gif) repeat-y;
    overflow: hidden;
 }

table.SearchData {
 width: 100%;
} 
 
table.SearchData td.headline{
 border: 1px solid #ebebeb;
 background-color: #ffffff;
 font-weight: normal;
 width: 106px;
}

table.SearchData td.info{
width: 151px;
 border: none;
}

table.SearchData td.space{
 background-color: #ffffff;
 width: 10px;
 border: none; 
}

table.SearchData td{
 background-color: #ebebeb;
 padding: 2px;
 font-weight: bold;
 border: none; 
}
 
table.SearchData td.separator{
height: 10px;
 background-color: #ffffff;
 border: none; 
}

.SearchCriteria  {
margin:10px 0 20px 0;
float:left;
}

.SearchCriteria h2 {
margin:0 0 5px 0;

}

.SearchCriteria ul  {
list-style-type:none;
margin:0;
padding:0;
}

.SearchCriteria li {
float:left;
margin:0pt 20px 0pt 0pt;
padding:0pt;
}

.PagingContainer {
clear: both;
margin: 10px 0 10px 0;
overflow: hidden;
}

.PagingContainer a{
padding: 1px 3px 2px 3px;
float: left;
margin: 0 2px 0 0;
background-color: #ebebeb;
text-decoration: none;
color: Black;
font-weight: bold;
}

.PagingContainer a:hover{

background-color: #FDEACC;

}



div.monthcalendararea
{
    float: right;
    width: 38%;
}

    div.monthcalendararea a
{
   text-decoration: none;
}

div.monthcalendararea a:hover
{
   color: #f39400 !important;
   font-weight:bold
   
}

div.calendarlistingarea
{
    float: left;
    width: 61%;
    text-align: left;	
}
h1.calendardayheading
{
    font-size: 1.2em;
    color: #333;
    display: inline;
}
table.calendarframe
{
    border-color: #fff;
    background-color: #fff;
}
/* IE 6 does not seem to handle parent-child selectors */
div.monthcalendararea > table
{
    border: solid 1px #ffffff;
}
td.calendaritem, tr.calendaritem
{
    height: 2em; 
    width: 2.2em;
    background-color: #fff; 
    border: solid 1px #fdeacc;
}
td.selecteddatecell 
{
    border: solid 1px #f39400;
}
td.datecellothermonth 
{
    background-color: #ebebeb;
}
td.weekendcell
{
    background-color: #DADADA;
}
td.datecellactive
{
    background-color: #fdeacc; 
    border: solid 2px #f39400;
}	
td.dayweekheader
{
    color: #333;
    border-style: none;

}


/* right */

#documents h2, #links h2 {
	margin: 0 0 8px 0;
}

#documents UL {
	list-style-type: none;
	padding: 0;
	margin: 0 0 20px 0;
}

#documents ul li
{
	display: block;
}



#documents ul li a
{
	display: block;
	padding: 5px 10px 5px 20px;
	margin: 0 0 1px 0;
	text-decoration: none;
	width: 155px;
	font-weight: bold;
	background-image: url(/img/rightmenu_documents.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: #ebebeb;
}





#links UL {
	list-style-type: none;
	padding: 0;
	margin: 0 0 20px 0;
}

#links ul li
{
	display: block;
}


#links ul li a
{
	display: block;
	padding: 3px 10px 4px 15px;
	margin: 0 0 3px 0;
	text-decoration: none;
	width: 160px;
	font-weight: bold;
	background-image: url(/img/rightmenu_links.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	border-bottom: 1px solid #e0e0e0;
}

/* Footer____________________________________ */

#footer {
	clear: both;
	border-top: 3px solid #dedede;
	margin-top: 20px;
	padding: 10px 0 10px 0;
	text-align: center;
	float: left;
width: 820px;
}

/* Form ____________________________________ */

input[type=text] {
	border: 1px solid #3d3d3d;
}

textarea {
background-color:#FFFFFF;
border: 1px solid #3d3d3d;
font-family: verdana;
font-size: 10px;
font-weight: normal;
}

.checkbox{
background-color: transparent;
border: none;
}

select {
background-color:#FFFFFF;
border: 1px solid #3d3d3d;
font-family: verdana, Arial,  Helvetica, sans-serif;
font-size: 10px;
}

.button {
	background-color: #F39400;
	border: 0;
	color: #fff;
	font-weight: normal;
}

#id_matrix input[type=submit]
{
	background-color: #F39400;
	border: 0;
	padding: 1px;
	color: #fff;
	font-weight: normal;
}

a.button {
	padding: 1px 3px 1px 3px;
	text-decoration: none;
}

.email {
	width: 200px;
}

.select {
	width: 200px;
}


/* Extra ____________________________________ */

.clearBoth {
	clear: both;
}
/* Site Map ____________________________________ */

.sitemap .sitemapheader td {
	padding-bottom: 5px;
}

.sitemap .sitemapheader td a{
	padding: 0px 10px 2px 0px;

	margin: 0px 0px 0px 0px;
	color: #4D4D4D;
	font-weight: bold;
	text-decoration: none;
}

.sitemap table{
	margin-bottom: 10px;
}

/* contact form  ____________________________________ */

#id_matrix td{
	padding: 3px 10px 3px 0px;
}

/* News & RSS feed ____________________________________ */

#newsListContainer .NewsListingHeader {
	font-family: Arial, verdana,  Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
	color: Black;
	padding-bottom: 10px;
	background-image: url(/img/icon_news.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0 0 0 15px;	
}

#rssNews .NewsListingHeader {
	font-family: Arial, verdana,  Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
	color: Black;
	padding-bottom: 10px;
	background-image: url(/img/icon_rss.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0 0 0 15px;	
}

.NewsLink  {
 text-decoration: none;

}

.datelistingtext {
	font-style: italic;
}

#regularNews {
	float: left;
	width: 290px;
}

#rssNews {
		float: right;
			width: 290px;
}


/* ---Tab strip---*/
.tabbackground
{
	background-image:url(/images/Tab/tabrow_background.gif);
	text-align: left; 
	height: 26px; 
	background-position: top; 
	background-repeat: repeat-x;	
}
.tabOuterContainer 
{
	display: inline-block;
}
.tabContainer 
{
	display: block; 
	float: left;
}
.tabActive
{
	font-weight: bold; 

	z-index: 10; 
	background-image:url(/images/Tab/tab_background_active.gif);
	cursor: hand; 
	padding-top: 6px; 
	height: 26px; 
	text-align: center; 
	float: left; 
	background-repeat: repeat-x;

}
.tabActiveLeft
{
	width: 9px; 
	height: 26px; 
	float: left; 
	background-repeat: no-repeat;
	background-image:url(/images/Tab/tab_background_left_active.gif);
}
.tabActiveRight
{
	width: 9px; 
	position: relative; 
	height: 26px; 
	float: left; 
	background-repeat: no-repeat;
	background-image:url(/images/Tab/tab_background_right_active.gif);
}
.tabInactive
{

	background-image:url(/images/Tab/tab_background.gif);
	cursor: hand; 
	padding-top: 6px;
	height: 26px; 
	text-align: center; 
	float: left; 
	background-repeat: repeat-x; 
	display: inline;
}
.tabInactiveLeft
{
	width: 9px; 
	height: 26px; 
	float: left; 
	background-repeat: no-repeat;
	background-image:url(/images/Tab/tab_background_left.gif);
}
.tabInactiveRight
{
	width: 9px; 
	height: 26px; 
	float: left; 
	background-repeat: no-repeat;
	background-image:url(/images/Tab/tab_background_right.gif);
}
.tabDisabled
{

	background-image:url(/images/Tab/tab_background.gif);
	color: gray; 
	padding-top: 6px; 
	height: 26px; 
	text-align: center; 
	float: left; 
	background-repeat: repeat-x;
}
.tabDisabledLeft
{
	width: 9px; 
	height: 26px; 
	float: left; 
	background-repeat: no-repeat;
	background-image:url(/images/Tab/tab_background_left.gif);
}
.tabDisabledRight
{
	width: 9px; 
	height: 26px; 
	float: left; 
	background-repeat: no-repeat;
	background-image:url(/images/Tab/tab_background_right.gif);
}
.tabObjectActive
{
	display:block;
	float: left;
	width: 99%;
	text-align: left;
}
.tabObjectInactive
{
	display: none;
}
textarea.EPEdit-inputLongString
{
	width: 90%;
	height: 20em;
}


/* Prenumeration  ____________________________________ */

.inputlabelwide {
	padding: 8px 0 2px 0;
}

.container {
	background-color: #FDEACC;
	padding: 2px 10px 2px 10px;
	border: 1px solid #F39400; 
}

/* Arbetsrum  ____________________________________ */

.ColSize1, .ColSize2,.ColSize3 {
	float: left;
	padding-right: 10px;
}

.ColSize1 img, .ColSize2 img, .ColSize3 img {
	float: left;
	padding-right: 2px;
}


.WorkroomLink {
	clear: both;
	border: 1px solid #E0E0E0;
	padding: 10px;
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	width: 400px;
}

.WorkroomPadded {
	margin-bottom: 10px;
}

.workroomoverviewcolumn {
	float: none !important;
}

/* Kalender */

.tablerow {
	margin-bottom: 5px;
}

/* Object view */

table.ObjInfo td.headline{
 vertical-align:top;
 background-color: #ffffff;
 font-weight: bold;
 width: 90px;
}

table.ObjInfo td.info{
 vertical-align:bottom;
 border: none;
}


table.ObjInfo td{

 padding: 2px 10px 7px 0px;
 font-weight: normal;
 border: none; 
}

.xform
{
}
.xform .xform-top
{
	background-image: url(/img/xform_top_left.gif);
}
.xform .xform-bottom
{
	background-image: url(/img/xform_bottom_left.gif);
}
.xform .xform-filled
{
	background-color: #f5f5f5;
}
floating
{
	clear: none;
	float: left;
}

.xform .mandatory
{
	background-color: #fff0f0;
	border: 1px solid red;
}