/***********************************************************************
*
*
* This file contains css classes that are not website specific
*
* Common classes are prefixed with c- ...
*
*
*
***********************************************************************/

/***********************************************************************
*
*
* CONTENTS
* ====================================================
* 01. HTML ELEMENTS
* 02. COMMON USE
* 03. TEMPLATE ELEMENTS
* 04. EDITOR DROP DOWN LIST (PARAGRAPH FORMAT)
* 05. EDITOR DROP DOWN LIST (ADAPTED STYLE)
* 06. THE BASEFILE
* 07. LITIUM STUDIO TEMPLATES
* 08. SYSTEM ERROR MESSAGE
* 09. THE LEFT MENU 
* 10. START PAGE TEMPLATE
* 11. CONTACT INFO TEMPLATES
* 12. ALMA INFO
* 13. TIP A FRIEND
* 14. TOP SUB MENU
* 15. RELATED INFORMATION
* 16. CONTACT INFO ITEM
* 17. STYLES FOR VISSTE DU ATT ITEM
* 18. STYLES FOR TABLE OF CONTENS (INNEHÅLLSFÖRTECKNING)
* 19. STYLES FOR SEGMENTS
* 20. myPage  
* 21. REGISTER NEW USER
* 22. FONTSIZE
* 23. AdvancedSearch
* 23. MEMBERSHIPFEE
* 24. HELP LINK
* 25. EMPLOYEE SEARCH
* 26. LINE OF BUSINESS SQUARES ON STARTPAGE
* 27. Favorites
* 28. Authorizations
***********************************************************************/

/***********************************************************************
*
* PLEASE NOTE! Font-sizes are adjusted to fit all browsers 
*
* body is 12px 
* 200% of 12px renders as 24px
* 116.67% of 12px renders as 14px
*
*
************************************************************************/


/** 01. STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
HTML {font-size:12px;}
TABLE {font-size:inherit;font:100%;} /*** ie font-size-fix **/
BODY { font-size: 100%; color: #303030; font-family: Arial,Verdana,Helvetica; width: 938px; margin-top: 0px; margin-left: 30px; background: url(/Images/mainbg.gif) repeat-x; }
IMG { border:0; }

A:link, A:active, A:hover, A:visited { color: #303030; text-decoration: underline; cursor:pointer;}
P { line-height: 1.4em; margin-top: 0px; margin-bottom: 15px; /*Required for same look in Firefox and IE*/ }
UL { margin-top: 0px; margin-bottom: 15px; margin-left: 0px; padding-left: 25px; }
HR { border: none; border-top: 1px solid #bababa; height: 1px; margin-top: auto; margin-bottom: auto; }

* html a { position: relative; /* Used to make menulinks work in IE6 */ }


/** 02. STYLES FOR COMMON USE ************************************************************/
/*************************************************************************************/
.clr { clear: both; }
.hide{display:none;}
.show{display:block;}

/** 03. STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.c-H1header { font-size: 200%; /** 182% renders as 24px **/ font-weight: normal; margin-bottom: 10px; margin-top: 5px; }
.c-H2header { font-size: 116.67%; /** 116.67%; renders as 14px **/ font-weight: bold; margin-bottom: 8px; margin-top: 0px; }
.c-H3header { font-size: 100%; font-weight: bold; margin-bottom: 5px; margin-top: 0px; }

/** 04. STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1 { font-size: 200%; /** 200% renders as 24px **/  font-weight: normal; margin-bottom: 10px; margin-top: 5px; font-family: Arial, Verdana, Helvetica; }
h2 { font-size: 116.67%; /** 116.67%; renders as 14px **/ font-weight: bold; margin-bottom: 8px; margin-top: 0px; font-family: Arial, Verdana, Helvetica; }
h3 { font-size: 100%; /** 93% renders as 12px**/ font-weight: bold; margin-bottom: 5px; margin-top: 0px; font-family: Arial, Verdana, Helvetica; }


/** 05. STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE) *********************************/
/*************************************************************************************/
.ImportantEditor { font-weight: normal; background-color: #808080; color: #FFFFFF; }
.ImagetextEditor { font-weight: normal; font-size: 90%; }


/** 06. STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/Content.master) */
/*************************************************************************************/
.c-MainArea { width: 938px; z-index:1;}

.c-MainAreaBackground { width: 938px; padding-bottom: 10px; background: url(/Images/contentborders.png) repeat-y; }

* html .c-MainAreaBackground { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Images/contentborders.png" , sizingMethod="scale" ); background-image: none; }
.c-MainContent { width: 920px; margin: 0px auto; }
.c-BannerAreaBottom { height: 30px; width: 100%; float:left; clear:both; background-color:#FFFFFF;}
.c-DirectEditContainer { }
.c-DirectEditLink { float:left; padding:6px 0px 0 10px; vertical-align:middle; }
.c-DirectEditLinkStudio {  background: transparent url(Images/directEditButtonEditStudio.gif) no-repeat; display:block; width:16px; height:16px;}
.c-DirectEditLink img, .c-DirectEditLink input { vertical-align:middle; }
.c-DirectEditLink a { padding-left:5px; vertical-align:middle; text-decoration:none; }
.c-DirectEditEditButton img { cursor:pointer; cursor:hand; }
.c-FavoritesAndWeekArea { width: 180px; padding-right: 10px; height: 60px; float: right; }
.c-FavoritesArea { padding-top: 28px;  padding-left: 8px; position: relative; }
.c-DateAndWeekArea { float: right; padding-top: 7px; }
.c-DateAndWeek { color: #fff; }

.c-FooterArea { width: 938px; height: 34px; background: url(/Images/contentborders.png) repeat-y; }
* html .c-FooterArea { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Images/contentborders.png" , sizingMethod="scale" ); }
.c-FooterContent { font-size: 91.67%; /** 91.67% of 12px renders as 11px**/ width: 920px; margin: 0px auto; text-align: center; padding-top: 10px; }
.c-Divider { height: 1px; background-color: #e1dbdb; width: 840px; margin: 0px auto; overflow: hidden; }
.c-DividerFullWidth { height: 1px; background-color: #e1dbdb; width: 100%; margin: 0px auto; overflow: hidden; }
.c-LogoArea {  height: 100%; float: left; }

.c-LoginArea { position:relative; width: 305px; height: 100%; float: right; background: url(/Images/header_vert_divider.gif) no-repeat left center; padding-left: 15px; }
.c-SearchArea { width: 201px; height: 100%; float: right; padding-left: 14px; background: url(/Images/header_vert_divider.gif) no-repeat left center;}
.c-HeaderArea { width: 100%; height: 110px; font-size: 75%; /* 75% renders as 9px **/  }
.c-HeaderHeader { font-size: 122.23%; /* 122.23% of 9px renders as 11px **/ color: #757575; font-weight: bold; }
A.c-HeaderLink, A.c-HeaderLink:link, A.c-HeaderLink:active, A.c-HeaderLink:hover, A.c-HeaderLink:visited { color: #757575; text-decoration: underline; }
A.c-HeaderLinkLogout, A.c-HeaderLinkLogout:link, A.c-HeaderLinkLogout:active, A.c-HeaderLinkLogout:hover, A.c-HeaderLinkLogout:visited { color: red; text-decoration: underline; }
.c-UserName { color: #313131; font-weight: normal; padding-top: 8px; }
.c-WelcomeAgreementsArea { height: 35px; padding-top: 10px; overflow: hidden;}

.c-TopMenuArea { width: 920px; overflow:hidden; height:37px;}
.c-Content { width: 920px; min-height: 650px;}
* html .c-Content { height: 650px; position: relative; /** IE-6 fix for highlight bug in AdvancedSearchPlus.aspx **/}
.c-VertMenuArea { width: 210px; float: left; }
.c-InnerContent { width: 680px; float: left; margin-left: 20px; }

.c-LeftContentArea { width: 456px; padding-right: 20px; float: left; border-right: solid 1px #ECECEA; min-height:600px}
.c-RightContentArea { width: 182px; padding-left: 10px; float: left;  border:none;}
.c-RightContentArea a { font-size: 91.67%; /** 91.67% of 12px renders as 11px**/ }
.c-RightContentAreaText { font-size: 91.67%; /** 91.67% of 12px renders as 11px**/ }
.c-RightContentAreaStart { width: 268px; padding: 10px; float: left; }

.c-TipImage { vertical-align: middle; border:none; }

.c_BackButton {background: url(Images/BackArrow.gif) no-repeat center left; padding-left:10px;}

.clearbox:after { content: '.'; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; }
.clearbox { display: block; }
* + html .clearbox { /* ie7 */ overflow: visible; height: 1%; }
* html .clearbox { /* ie6 */ display: inline-block; overflow: visible; height: 1%; }

.c-SearchWrapperDictionaryItem { float:left;  margin-bottom:10px; background: url(Images/textbox_bg_150.gif) no-repeat center left; border: 0px; height: 23px; padding: 0px 2px; display: block; width: 200px;}
.c-SearchFieldDictionaryItem { float:left; border: 0px; height: 19px; width: 144px; padding: 3px 2px 0px 2px; background-color: Transparent;}
.c-SearchButtonDictionaryItem { float:left; margin-top:0px; border: 0px; padding: 0px 2px;}

/** Favorites dropdown **/
.comboFavoritesBox { z-index: 10; position: absolute; margin: 0px; padding: 0px; }
.comboFavoritesDropDown { border: 1px solid #868686; background-color: white; padding: 1px; padding-right: 0px; width: 500px; cursor: default; }
.comboFavoritesTextBox { font-size: 120%; margin: 0px; border: 0px; padding-left: 30px; padding-right: 2px; background: url(Images/dropdown_favorites_bg.gif) no-repeat center left; height: 19px; }
.brk { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #aaa; clear: both;}
.comboFavoritesItem,
.openInNewWindow { padding: 3px; padding-top: 4px; padding-bottom: 4px; }
.comboFavoritesItemHover { background-color: #B2B4BF; padding: 3px; padding-top: 4px; padding-bottom: 4px; }

/** Loginarea dropdown **/
.comboLoginBox { z-index: 1000; position: relative; margin: 0px; padding: 0px; }
.comboLoginDropDown { margin-top: 3px; border: 1px solid #868686; background-color: white; padding: 1px; padding-right: 0px; width: 500px; cursor: default; position: relative; }
.comboLoginTextBox {  margin: 0px; border: 0px; padding-left: 5px; padding-right: 2px; background: url(Images/dropdown_bransch_bg.gif) no-repeat center left; height: 16px; }
.comboLoginItem { padding: 3px; padding-top: 4px; padding-bottom: 4px; }
.comboLoginItemHover { background-color: #B2B4BF; padding: 3px; padding-top: 4px; padding-bottom: 4px; }

/** Plus searchfield **/
.c-SearchWrapper { position: absolute; background: url(Images/textbox_bg_150.gif) no-repeat center left; border: 0px; height: 23px; padding: 0px 2px; display: block; width: 200px; top: 10px; left: 0px; }
.c-SearchField { border: 0px; height: 19px; width: 144px; padding: 2px 2px 0px 2px; background-color: Transparent; position: absolute; top: 0px; }
.c-SearchButton { border: 0px; padding: 0px 2px; position: absolute; top: 0px; right: 10px; }

/** Logincontrols in framework **/
.c-LoginControlsArea{position:relative; padding-top: 10px; padding-right: 15px;}
.c-LoginFieldWrapper { background: url(Images/textbox_bg_134.gif) no-repeat center left; border: 0px; height: 23px; padding: 0px 2px; display: block; width: 134px; top: 10px; left: 0px; }
.c-LoginField { border: 0px; height: 19px; width: 128px; padding: 2px 2px 0px 2px; background-color: Transparent; }
.c-LoginRememberMeArea {float: left; padding-top:10px;}
.c-LoginRememberMeCheckBoxArea {float: left;}
.c-LoginRememberMeCheckBoxArea input {margin: 0px 3px 0px 0px;}
.c-LoginButtonArea {float: right; padding-top: 6px;}
.c-LoginRememberMeLabelArea{float: left; padding-top:1px;}
.c-TopLinkArea { position:relative; float: right; text-align: right;}
.c-jqmWindowFailedLogin { position:absolute; display: none; top: 0px; left: 0px; width: 360px;  background-color: #fff; color: #333; border: 1px solid #E1DBDB; padding: 10px;}

.c-jqmWindowFailedLogin h3 { font-size: 156.0%;width: 100%;}

/** 07. STYLES FOR LITIUM STUDIO TEMPLATES ***********************************************/
/*************************************************************************************/
.c-Intro { font-size: 100%; font-weight: bold; margin-top: 0px; margin-bottom: 10px; }
.c-Text { font-size: 100%; font-weight: normal; margin-top: 0px; margin-bottom: 10px; }
.c-Normal { font-size: 100%; }
.c-Textbold { font-weight: bold; }
.c-Factheader { font-weight: bold; color: white; background-color: #555555; padding: 5px; }
.c-Facttext { font-weight: normal; background-color: #DDDDDD; padding: 5px; }
.c-Imagetext { font-weight: normal; margin-top: 2px; text-align: CENTER; }
.c-Date { color: #AAAAAA; margin-top: 0px; margin-bottom: 0px; }

.c-Linklist { font-weight: normal; margin-top: 20px; }
.c-Linkicon { margin-right: 3px; height: 10px; }
.c-Filelist { font-weight: normal; margin-top: 20px; }
.c-Fileicon { margin-right: 5px; }
.c-Productlist { font-weight: normal; margin-top: 20px; }
.c-Newslist { font-weight: normal; margin-top: 20px; }
.c-Form { }
.c-InputItem { font-size: 91.67%; /** 91.67% renders as 11px **/ margin-bottom: 10px; color: #000000; font-family: Verdana,Arial,Helvetica; }
.c-InputItemFixedWidth { color: #000000; font-family: Verdana,Arial,Helvetica; font-size: 91.67%; border: solid 1px #bbbaba;  height: 19px; width: 220px; padding: 2px 2px 0px 2px;  }
.c-TextAreaItemFixedWidth { color: #000000; font-family: Verdana,Arial,Helvetica; font-size: 91.67%; border: solid 1px #bbbaba; height: 119px; width: 300px; padding: 2px 2px 0px 2px;  }

.c-InputItemFullWidth { font-size: 91.67%; /** 91.67% renders as 11px **/ margin-bottom: 10px; width: 100%; color: #000000; font-family: Verdana,Arial,Helvetica; }
.c-SelectItemFixedWidth { font-size: 91.67%; /** 91.67% renders as 11px **/ margin-bottom: 10px; width: 305px; font-weight: bold; color: #000000; font-family: Verdana,Arial,Helvetica; }
.c-MarginSingle { margin-top: 10px; }
.c-MarginDouble { margin-top: 20px; }

.c-Image { margin-top: 20px; }
.c-ImageOnTop{margin-top:0!Important;}
.c-ImageCenter { text-align: CENTER; margin-top: 20px; }
.c-ImageLeft { text-align: LEFT; margin-top: 20px; }
.c-ImageRight { text-align: RIGHT; margin-top: 20px; }
.c-ImageLeftFloat { float: LEFT; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; display: INLINE; }
.c-ImageRightFloat { float: RIGHT; margin-top: 10px; margin-left: 10px; margin-bottom: 10px; display: INLINE; }

.c-ColumnSpace { height: 10px; width: 10px; }
.c-CrossHorizontal { font-size: 1%; height: 2px; background-color: #555555; }
.c-CrossHorizontalCell { font-size: 1%; padding-bottom: 10px; padding-top: 10px; }
.c-CrossVertical { font-size: 1%; width: 2px; background-color: #555555; }
.c-CrossVerticalCell { font-size: 1%; height: 100%; padding: 5px; }

.c-threeColumnLeft { vertical-align: top; width: 350px; padding-right: 5px; }
.c-threeColumnMiddle { vertical-align: top; width: 189px; padding-top: 5px; padding-left: 5px; padding-right: 5px; }
.c-threeColumnRight { vertical-align: top; width: 189px; padding-top: 5px; padding-left: 5px; }
.c-threeColumnLineV { padding-top: 5px; background-image: url(/site/cms/templates/common/images/dotlineV_bg.gif); }
.c-threeColumnLineH { margin-top: 5px; margin-bottom: 5px; height: 1px; background-image: url(/site/cms/templates/common/images/dotlineH_bg.gif); }

.c-twoColumnTable { width: 100%; height: 350px; }
.c-twoColumnLeft { vertical-align: top; padding-right: 20px; }
.c-twoColumnRight { vertical-align: top; width: 180px; padding-left: 20px; }
.c-twoColumnInnerTable { margin-top: 20px; }
.c-twoColumnInnerOne { height: 100%; width: 33%; vertical-align: top; padding-top: 10px; padding-right: 10px; }
.c-twoColumnInnerTwo { height: 150px; width: 34%; vertical-align: top; padding-top: 10px; padding-left: 10px; padding-right: 10px; }
.c-twoColumnInnerThree { height: 150px; width: 33%; vertical-align: top; padding-top: 10px; padding-left: 10px; }
.c-twoColumnLineH { height: 1px; background-color: #9A9A9A; }
.c-twoColumnLineV { width: 1px; background-color: #9A9A9A; }

.c-Fileheader { font-size: 91.67%; /** 91.67% renders as 11px **/ font-weight: bold; margin-bottom: 5px;  }
.c-Fileitem { font-size: 91.67%; /** 91.67% renders as 11px **/ font-weight: normal; margin-bottom: 5px; }
.c-Linkheader { font-size: 91.67%; /** 91.67% renders as 11px **/ font-weight: bold; margin-bottom: 5px; }
.c-Linkitem { font-size: 91.67%; /** 91.67% renders as 11px **/ font-weight: normal; margin-bottom: 5px; }
.c-Productname { font-size: 91.67%; /** 91.67% renders as 11px **/ font-weight: bold; margin-bottom: 5px; }
.c-Productlink, A.Productlink:link, A.Productlink:active, A.Productlink:hover, A.Productlink:visited { }
.c-Productdesc { font-size: 91.67%; /** 91.67% renders as 11px **/ font-weight: normal; }
.c-ProductRowItem1 { padding: 5px; padding-left: 0px; }
.c-ProductRowItem2 { padding: 5px; padding-left: 0px; }
.c-ProductColumnItem1 { padding: 10px; border-left: 1px solid #9A9A9A; width: 33%; }
.c-ProductColumnItem2 { padding: 10px; border-left: 1px solid #9A9A9A; width: 34%; }
.c-ProductColumnItem3 { padding: 10px; border-left: 1px solid #9A9A9A; width: 33%; }
.c-ProductitemLineH { height: 1px; background-color: #9A9A9A; }
.c-ProductitemLineV { padding: 10px; border-left: 1px solid #9A9A9A; }
.c-Productitem { font-size: 91.67%; /** 91.67% renders as 11px **/ line-height: 20px; }
.c-Productitemlist { padding-right: 20px; width: 100px; }
.c-ProductitemlistLineV { border-left: 1px solid #9A9A9A; }
.c-Newsimage { float: RIGHT; margin-left: 10px; display: INLINE; }
.c-Newsdate { font-size: 100%; }
.c-Newsheader { font-size: 116.67%; /** 91.67% renders as 11px **/ font-weight: bold; }
.c-Newslink, A.c-Newslink:link, A.c-Newslink:active, A.c-Newslink:hover, A.c-Newslink:visited { display: block; }
.c-Newslink img { border: 0; }
.c-Newsintro { font-size: 100%; /** 12px **/ font-weight: normal; }
.c-Newsitem1 { padding: 10px 0 10px 0; border-bottom: 1px solid #E1DBDB; }
.c-Newsitem2 {  }
.c-subjectAreasLabel{display:inline;}
.c-NewsListHeader { border-bottom: 2px solid #E1DBDB; padding: 0 0 10px 0; margin: 0 0 20px 0; }
.c-Breadcrumb { font-size: 91.67%; /** 91.67% renders as 11px **/ font-weight: normal; color: gray; }
A.c-Breadcrumb:link, A.c-Breadcrumb:active, A.c-Breadcrumb:hover, A.c-Breadcrumb:visited { color: gray !important; }

.c-ListHeader{ border-bottom: 2px solid #E1DBDB; padding: 0 0 0 0; margin: 0 0 0 0; }
.c-ListItem1{ padding: 13px 0 12px 0; float:left; clear:left; border-bottom: 1px solid #E1DBDB; float:left; clear:left;}
.c-ListItem2{ padding: 10px 0 10px 0; border-bottom: 1px solid #E1DBDB; float:left; clear:left;}
.c-Listitem2 a{text-decoration:none; cursor:pointer;}
.c-Listitem2 a:hover{text-decoration:underline; cursor:pointer;}

.CalendarEventListHeader a{text-decoration:none;}
.CalendarEventListHeader a:hover{text-decoration:underline;}

.c-ListItem3{width:100%; padding-left: 12px; margin-left:10px; float:left; clear:left; margin-bottom:8px;}
.c-ListItemTextBold{font-weight:bold;}

.c-DicItemHeader{background: url(Images/ListDot.gif) no-repeat center left; padding-left: 12px; float:left; clear:left;}
.c-lockedPageIcon{border:0;}

.c-errorText { color: #FF0000 !important; }

/** 08. SYSTEM ERROR MESSAGE *************************************************************/
/** System errors shown together with add-on-templates *******************************/
/*************************************************************************************/
.litErrorFieldset { margin-top: 10px; margin-bottom: 10px; }
.litErrorLegend { color: #FF0000 !important; font-size: 91.67%; /** 91.67% renders as 11px **/ padding-right: 6px; }
.litErrorDiv { padding-top: 8px; padding-bottom: 5px; }
.litErrorIcon { width: 16px; height: 16px; margin-right: 3px; }
.litErrorMsg { color: #FF0000 !important; font-size: 91.67%; /** 91.67% renders as 11px **/ }


/** 09. STYLES FOR THE LEFT MENU *********************************************************/
/** CSS for the left menu, new in version 4.1 ****************************************/
/*************************************************************************************/

/*** layout ***/
.c-NavbarTopItemLocked, .c-NavbarTopItem { padding-bottom: 5px; width: 201px; padding-top: 5px; padding-left: 10px; font-size: 116.67%; /** 116.67% renders as 14px **/ }
.c-NavbarTopItem a:link, .c-NavbarTopItem a:active, .c-NavbarTopItem a:hover, .c-NavbarTopItem a:visited { text-decoration: none; }
.c-NavbarTopItemLocked a:link, .c-NavbarTopItemLocked a:active, .c-NavbarTopItemLocked a:hover, .c-NavbarTopItemLocked a:visited { text-decoration: none; }
.c-NavbarTopItemLocked img { margin-right:5px;}
.c-NavbarTopItemSelected { padding-bottom: 5px; width: 201px; padding-top: 5px; padding-left: 10px; }
.c-NavbarTopItemSelected a:link, .c-NavbarTopItemSelected a:active, .c-NavbarTopItemSelected a:hover, .c-NavbarTopItemSelected a:visited {  font-size: 116.67%; /** 116.67% renders as 14px **/ text-decoration: none; font-weight: bold; }
.c-NavbarTopItemContainer { width: 201px; padding-left: 10px; }
.c-NavbarTopItemExpandableSelected { padding-bottom: 5px; width: 201px; padding-top: 5px; }
.c-NavbarTopItemExpandableSelected a:link, .c-NavbarTopItemExpandableSelected a:active, .c-NavbarTopItemExpandableSelected a:hover, .c-NavbarTopItemExpandableSelected a:visited { font-size: 116.67%; text-decoration: none; font-weight: bold; }
.c-NavbarTopItemSeparator { width: 210px; height: 2px; overflow: hidden; }
.c-NavBarItemLocked1, .c-NavBarItem1 { padding-left: 10px; padding-bottom: 5px; padding-top: 5px; }
.c-NavBarItem1 a:link, .c-NavBarItem1 a:active, .c-NavBarItem1 a:hover, .c-NavBarItem1 a:visited { font-size: 100%; font-weight: normal; text-decoration: none; }
.c-NavBarItemLocked1 a:link, .c-NavBarItemLocked1 a:active, .c-NavBarItemLocked1 a:hover, .c-NavBarItemLocked1 a:visited { font-size: 100%; font-weight: normal; text-decoration: none; }
.c-NavBarItemSelected1 { padding-left: 10px; padding-bottom: 5px; padding-top: 5px; }
.c-NavBarItemSelected1 a:link, .c-NavBarItemSelected1 a:active, .c-NavBarItemSelected1 a:hover, .c-NavBarItemSelected1 a:visited { font-size: 100%; font-weight: normal; text-decoration: none; }

.c-NavbarTopItemLocked div { background-image:url(Images/lock.gif); background-position:180px 2px; background-repeat:no-repeat; width:191px;}
.c-NavBarItemLocked1 div { background-image:url(Images/lock.gif); background-position:170px 0px; background-repeat:no-repeat; width:191px;}

/** 10. STYLES FOR START PAGE TEMPLATE ***************************************************/
/** CSS for the start page ***********************************************************/
/*************************************************************************************/

/*** Start top ***/
#StartTop { float: left; margin: 0 0 25px 0; padding: 0; border: 0px solid red; width:100%;}
#StartTop .FlashStart { float: left; width: 610px; height: 200px; margin-top:5px;}
#StartTop .RandomStart { float: left; width: 310px; height: 200px; margin-top:5px;}
#StartTop .c-BannerArea { height: 60px;}

/*** Notes ***/
#StartNotes { float: left; margin: 0 0 0 20px; width: 287px; display: inline;}
/*** double margin fix in ie6 **/
*html #StartNotes { display: inline;}

#StartNotes img { display: block; border: none; margin-bottom: 15px; }
/*** /Notes ***/

#StartNewsWrapper { float: left; border-left: 1px solid #ECECEA; padding: 0 10px 0 10px; margin: 0 0 0 10px; width: 284px; min-height: 420px; }
.c-LeftContentAreaStart{border-right: 1px solid #ECECEA; float:left;}
* html #StartNewsWrapper { height: 420px; }

/**** Start news tabs ***/
.StartNewsNavigation { background: #fff url(Images/tabs/bg.gif) 0 bottom repeat-x; width: 592px; margin-left:20px; margin-bottom:10px;}
.StartNewsNavigation ul { float:left; background: transparent; list-style: none; display: inline; margin: 0; padding: 0 0 0 0; line-height: 1; }
.StartNewsNavigation ul li { display: inline; padding: 0; margin: 0; }
.StartNewsNavigation ul a { float: left; background: transparent url(Images/tabs/left.gif) no-repeat left 1px; margin: 0 3px 0 0; padding: 0 0 0 3px; text-decoration: none; color: #000; }
.StartNewsNavigation ul a span { float: left; display: block; background: transparent url(Images/tabs/right.gif) no-repeat right 1px; padding: 5px 15px 2px 6px; }


/* Commented Backslash Hack hides rule from IE5-Mac \*/
.StartNewsNavigation ul a span { float: none; }
/* End IE5-Mac hack */

.StartNewsNavigation ul a:hover, .StartNewsNavigation ul a.active { font-weight: bold; background-position: 0% -20px;  }
.StartNewsNavigation ul a:hover span, .StartNewsNavigation ul a.active span { background-position: 100% -20px;  }

/*** News ***/
#StartNews .item { margin: 14px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #ECECEA; }
#StartNews .more { margin: 10px 0 0 0; }
#StartNews .item h2 { margin: 0 0 0 0; }
#StartNews .item h2 a { text-decoration: none; }
.c-Newsitem1  h2 a{text-decoration: none; cursor:pointer;}
.c-Newsitem1  h2 a:hover{text-decoration: underline; cursor:pointer;}
.c-Newsitem1 a{text-decoration: underline;}
#StartNews .item h2 a:hover { text-decoration: underline; }
#StartNews .item a { text-decoration: underline; }

/*** /News ***/

/*** Events ***/
#EventList
{
    margin: 10px 0 10px 0;
}

#EventList *
{
    font-size: 97% /** 91.67% renders 11px **/;   
}

#EventList a
{
    text-decoration: none;
}

.EventListItem
{
    margin: 0 0 3px 0; 
    padding: 0 0 3px 0;
    border-bottom: 1px solid #ddd; 
}

/*** /Events ***/




/** 11. STYLES FOR CONTACT INFO TEMPLATES ************************************************/
/*************************************************************************************/
.ContactInfoListPersonListTable { border: 0; width: 100%; }
.ContactInfoListPersonListTable tr { border: 0; border: solid 1px #000000; }
.ContactInfoListPersonListTable th { border: solid 1px #c6c6be; font-weight: bold; text-align: left; padding: 3px; background-color: #e4e4db; text-decoration: underline; }
.ContactInfoListPersonListTable td { border: solid 1px #e1dbdb; padding: 3px; background-color: #F2F2E8; }


/** 12. STYLES FOR ALMA INFO *************************************************************/
/*************************************************************************************/

#AlmaInfoWrapper{position:absolute; top:0px; left:979px; margin:10px 10px 0 0; width:250px; }
#AlmaInfoWrapper .item{position:relative; margin-bottom:10px;}
/** curly corner **/
#AlmaInfoWrapper .item .corner{margin:-1px -1px 0 0; background:transparent url(Images/almainfo/corner-right.gif) top right no-repeat; width:249px; height:21px; border-left:1px solid #B7B7B7;}
#AlmaInfoWrapper .item .contents{background:#fff376 url(Images/almainfo/bg.gif) 0 0 repeat-x; width:208px; padding:0 20px 20px 20px; border:1px solid #B7B7B7; border-top:none;}
/** show/hide button **/
#AlmaInfoWrapper .item .contents .navigation { float: right; margin: 20px 0 0 0; }


/** 13. STYLES FOR TIP A FRIEND **********************************************************/
/*************************************************************************************/
#c-TipPrintFavorite { font-size: 91.67%; /*** 91.67% renders as 11px ***/ }

/** 14. STYLES FOR TOP SUB MENU **********************************************************/
/*************************************************************************************/
.c-TopSubMenuArea{margin:0 0 0 20px; overflow:hidden; width:900px;}

/** menu links (needed for ie6 inherit bug) **/
.c-TopSubMenuArea A:link,
.c-TopSubMenuArea A:active,
.c-TopSubMenuArea A:hover,
.c-TopSubMenuArea A:visited {text-decoration:none; font-size:116.67%; overflow:hidden; white-space:nowrap;}

/** menu items **/
.c-NavbarTopSubItem, 
.c-NavbarTopSubItemSelected{float:left; margin:8px 20px 4px 0; height:15px;}
.c-NavbarTopSubItemSelected a{font-weight:bold;}
.c-NavbarTopSubItem img, .c-NavbarTopSubItemSelected img {border:0;}

/** 15. STYLES FOR RELATED INFORMATION ***************************************************/
/*************************************************************************************/

.c-RelatedInfoPageTypes{width: 192px; margin-bottom: 10px; background: url(/Images/RelatedInformation/gray_filled_bg.gif) repeat-y;}
.c-RelatedInfoRelations{width: 192px; margin-bottom: 10px; background: url(/Images/RelatedInformation/gray_line_bg.gif) repeat-y;}
.c-RelatedInfoTextField {width: 190px;margin-bottom: 10px; margin-left: 1px; background: url(/Images/RelatedInformation/gray_filled_bg.gif) repeat-y;}
.c-RelatedInfoTextFieldNoBg {width: 190px;margin-bottom: 10px; margin-left: 1px;}
.c-RelatedInfoContent {padding: 4px 8px;}
.c-RelatedInfoBulletOrange {padding-bottom: 1px; padding-right: 5px; padding-left: 12px; margin-left:2px; display:block;}
.c-RelatedInfoLock { padding-right: 2px;}
.c-RelatedInfoTop { width:192px; height:12px; background: url(/Images/RelatedInformation/gray_line_top.gif) no-repeat; background-position:left top; }
.c-RelatedInfoBottom { width:192px; height:12px; background: url(/Images/RelatedInformation/gray_line_bottom.gif) no-repeat; background-position:left bottom; }
.c-RelatedInfoTopFilled { width:192px; height:12px; background: url(/Images/RelatedInformation/gray_filled_top.gif) no-repeat; background-position:left top; }
.c-RelatedInfoBottomFilled { width:192px; height:12px; background: url(/Images/RelatedInformation/gray_filled_bottom.gif) no-repeat; background-position:left bottom; }

/** 16. STYLES FOR CONTACT INFO ITEM *****************************************************/
/*************************************************************************************/

#c-ContactInfoItem { padding: 0; margin: 0; }
#c-ContactInfoItem .c-Top { float: left; min-height: 100px; margin: 0 0 10px 0; vertical-align: top; }
* html #c-ContactInfoItem .c-Top { height: 100px; } /*** min-height for IE6 ***/
#c-ContactInfoItem .c-Image { float: left; vertical-align: top; margin: 0 10px 0 0; }
.c-ContactInfoItemFacts { padding: 15px 0 15px 0; border-top: solid 2px #E1DBDB; border-bottom: solid 2px #E1DBDB; }
.c-ContactInfoItemFacts ul { list-style-type: none; margin: 0; padding: 0; }
.c-ContactInfoItemFacts ul.first { float: left;  width: 50%;}
.c-ContactInfoItemFacts ul.second { float: left; width: 50%; }
#contactInfoItemButtonTop { float: right;  }
#contactInfoItemButtonBottom { display:block; margin: 10px auto 0 auto; width:50px; }

/** 17. STYLES FOR VISSTE DU ATT ITEM *****************************************************/
/*************************************************************************************/

.c-DidYouKnowArea{background-color: #f2f2e8; border: solid 1px #c6c6c6; float:left; width:177px; padding:15px;}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */
.jqmWindow { display: none; position: fixed;top: 17%;left: 50%;margin-left: -300px;width: 600px; background-color: #fff; color: #333; border: 1px solid #E1DBDB; padding: 10px;}
.jqmOverlay { background-color: #000; }
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}    



/** 18. STYLES FOR TABLE OF CONTENS (INNEHÅLLSFÖRTECKNING) ***************************/
/*************************************************************************************/

    
    .c-TableOfContents
    {
        border-left: solid 1px #E1DBDB; 
        padding: 0px 0 13px 12px;
        width: 200px;
    }
    
    .c-TableOfContents ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: 2;
        font-size:91.67% /** 91.67% (of 12px) renders as 11px **/;
    }

    .c-TableOfContents ul li
    {
        padding: 0 0 0 13px;
        background: url(Images/icon_dot.gif) 0 50% no-repeat;
        min-height: 6px;
        background-position: left 8px;
    }
    

/** 19. STYLES FOR SEGMENTS  *********************************************************/
/*************************************************************************************/

/** Inactivated (SegmentList1.aspx, SegmentList2.aspx) **/
.c-SegmentInactivated
{
    color:#303030; 
    padding:20px; 
    margin: 0 0 10px 0;
    border:solid 1px #E1DBDB;
    margin-top: 10px;
}

.c-SegmentInactivatedImage
{
    float:left;
    display:block; 
    margin: 2px 5px 0 0;
}

.c-SegmentInactivated h3
{
    float:left;
    font-size: 166.67%; /*** 166.67% renders as 20px **/
    font-weight: normal;
}
/** /Inactivated (SegmentList1.aspx, SegmentList2.aspx) **/

/** Item (SegmentItem1.aspx) **/
.c-SegmentItem h2
{
    margin:15px 0 9px 0; width:430px;
    padding:0;
}

.c-SegmentItem p
{
    margin-top:0;
    padding:0;
}

/** Item note in admin **/

.c-SegmentItemInAdmin
{
    color:#E65113; 
    padding:20px; 
    margin: 0 0 10px 0;
    border:solid 1px #E65113;
}
.c-SegmentListSegmentDirectEditLink
{
	display:inline;
	float:right;
	width:16px;
	height:16px;
	margin-top: 16px;
}

.c-SegmentListSegmentDirectEditLink input{
	display:inline;
	float:right;
}

/** /Item (SegmentItem1.aspx) **/


/** 20. myPage  **********************************************************************/
/*************************************************************************************/
.c-MyPageMenu {height: 21px; background: url('/Styles/Images/mypage_menu_bg.gif') repeat-x;}
.c-MyPageMenuItem {float: left;padding:3px 6px;}
.c-MyPageMenuItemSelected {padding:2px 5px; font-weight: bold; background-color: #ffffff; height: 16px; float: left; border-top: solid 1px #e1dbdb; border-left: solid 1px #e1dbdb; border-right: solid 1px #e1dbdb;}
.c-PageInactive {color: #ff0000;}
.c-PageSoonInactive {color: #cc9900;}
.c-PageNotInactive {color: #33cc00;}
.c-MyPageTextBox {width: 250px; height: 16px;}
.c-MyPageCustomFieldContainer {padding-bottom: 10px;}
.c-MyPageMenu a:link, .c-MyPageMenu a:active, .c-MyPageMenu a:hover, .c-MyPageMenu a:visited {text-decoration: none;} 

.FavouritesTable { border: 0; width: 100%; }
.FavouritesTable tr { border: 0; border: solid 1px #000000; }
.FavouritesTable th { border: solid 1px #c6c6be; font-weight: bold; text-align: left; padding: 3px; background-color: #e4e4db; text-decoration: underline; }
.FavouritesTable td { border: solid 1px #e1dbdb; padding: 3px; background-color: #F2F2E8; }

/** 21. REGISTER NEW USER  ***********************************************************/
/*************************************************************************************/

.c_panelStep1 label,
.c_panelStep2 label,
.c_panelStep3 label { display: block; margin: 10px 0 0 0; }

.c-EmployerOrEmployee label { display: inline; }

.errorMessageContainer { margin: 10px 0 0 0; }

/** 22. FONTSIZE  ********************************************************************/
/*************************************************************************************/
.c-FontSize{margin-top:5px; height:30px; color:#757575;}
.c-FontSize a{text-decoration: none; color: #757575;}
.FontSize_Decrease{font-size:10px; border-bottom: solid 1px #757575}
.FontSize_Medium{font-size:11px; border-bottom: solid 2px #757575}
.FontSize_Increase{font-size:12px; border-bottom: solid 3px #757575}


/** 22. ADVANCED SEARCH  *************************************************************/
/*************************************************************************************/
.c-AdvancedSearchDiv {padding: 30px;}
.c-SearchMenu {height: 21px; background: url('/Styles/Images/mypage_menu_bg.gif') repeat-x; padding-bottom: 20px;}
.c-SearchMenu a{text-decoration: none;}
.c-SearchMenuItem {float: left;padding:3px 6px;}
.c-SearchMenuItemSelected {padding:2px 5px; font-weight: bold; background-color: #ffffff; height: 16px; float: left; border-top: solid 1px #e1dbdb; border-left: solid 1px #e1dbdb; border-right: solid 1px #e1dbdb;}
.c-FilterItemArea{background-color: #f2f2e8; border: solid 1px #e1dbdb; padding: 6px; float: left; margin-right: 4px;}
.c-BestBetImage{float: left; margin-right: 10px;}

table.c-AdvancedSearchResultTable {
	width: 100%;
	text-align: left;
}
table.c-AdvancedSearchResultTable thead tr th, table.c-AdvancedSearchResultTable tfoot tr th {
	border: solid 1px #c4c5bd; background-color: #e4e4dc; text-align: left;padding: 6px;
}
table.c-AdvancedSearchResultTable thead tr .header {
	background-image: url(/styles/images/tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.c-AdvancedSearchResultTable tbody td {
	border: solid 1px #e1dbdb; background-color: #f2f2e8; text-align: left;padding: 6px;
}

table.c-AdvancedSearchResultTable thead tr .headerSortUp {
	background-image: url(/styles/images/tablesorter/asc.gif);
}
table.c-AdvancedSearchResultTable thead tr .headerSortDown {
	background-image: url(/styles/images/tablesorter/desc.gif);
}
table.c-AdvancedSearchResultTable thead tr .headerSortDown, table.c-AdvancedSearchResultTable thead tr .headerSortUp {
    background-color: #D2D2CB;
}

.c-AdvancedSearchRelations{width: 209px; margin-bottom: 10px; background: url(/Images/AdvancedSearch/gray_line_bg.gif) repeat-y;}
.c-AdvancedSearchRelationsContent {padding: 4px 8px;}
.c-AdvancedSearchRelationsBulletOrange {padding-bottom: 1px; padding-right: 5px; padding-left: 2px;}
/* TODO jani bilden nedan finns inte så de genererar massa fel i loggen */ 
/* .c-AdvancedSearch_Filter_Header { background-image:url(Images/Framework/menu_background.jpg); padding:5px; margin-bottom:10px; }*/
.c-AdvancedSearch_Filter_Header { padding:5px; margin-bottom:10px; }
.c-AdvancedSearchRequiredArea{float:left; margin-bottom:10px; }
.c-AdvancedSearchOptionalArea{float:left; margin-left:7px; margin-bottom:10px; }
.c-AdvancedSearchRequiredField{WIDTH:245px; COLOR:#666666; FONT-FAMILY:Verdana,Arial,Helvetica;}
.c-AdvancedSearchOptionalField{WIDTH:245px; COLOR:#666666; FONT-FAMILY:Verdana,Arial,Helvetica;}
.c-AdvancedSearchButtonArea{margin-top:13px; margin-left:7px; margin-bottom:10px; }
.c-AdvancedSearchClear{clear:both; height:0px; overflow:hidden;}
.c-AdvancedSearchValidator{color:red; font-weight:normal;}
a.c-AdvancedSearchLink:hover, a.c-AdvancedSearchLink:link, a.c-AdvancedSearchLink:active, a.c-AdvancedSearchLink:visited { color:#000000!important; text-decoration:underline;}
.c-AdvancedSearchFilterItem { float:left; width:33%; }
.c-AdvancedSearchFilterCheckboxContainer { }
.c-AdvancedSearchFilterText { float:left; padding-top:12px; padding-left:12px; width:450px; }
.c-AdvancedSearchFilterIcon { float:left; }
.c-AdvancedSearchFilterIconContainer { margin-bottom:10px; }
.c-AdvancedSearchFilterContainer {  margin-bottom:10px; display:none; }
.c-AdvancedSearchFilterCategoryContainer{ padding:5px; margin-bottom:10px; display:none; }
.c-AdvancedSearchFilterCalendarItem{ float:left; margin-left:15px; margin-bottom:15px; }
.c-AdvancedSearchFilterButton{ text-align:right; font-size:130%; font-weight:bold; padding-bottom:10px; padding-right:10px; }
.c-AdvancedSearchCategoryLinks{ margin-bottom:30px; }
.c-AdvancedSearchCategoryLinksHeader{ font-weight: bold;}
.c-AdvancedSearchCategoryLinksContainer{  }
.c-AdvancedSearchBestBetItemsContainer { border-bottom:2px solid #5EBBE7; margin-bottom:10px; }
.c-AdvancedSearchBestBetItemContainer{ padding-bottom:10px; }
.c-AdvancedSearchBestBetItem { background-color:#F4A11F;}
.c-AdvancedSearchBestBetItemImage { float:left; width:75px; padding:5px; }
.c-AdvancedSearchBestBetItemText { float:left; width:425px; padding-top:5px; padding-bottom:5px; }
.c-AdvancedSearchBestBetItemTextWide{ padding:5px; }
.c-AdvancedSearchBestBetItemHeader { font-weight:bold; font-size:120%; }
a.c-AdvancedSearchBestBetItemLink:hover, a.c-AdvancedSearchBestBetItemLink:link, a.c-AdvancedSearchBestBetItemLink:active, a.c-AdvancedSearchBestBetItemLink:visited { font-weight:bold; color:#000000!important; }
.c-AdvancedSearchFilterOn{ font-style:italic; }
.c-AdvancedSearchFilterOnContainer{ margin-bottom:10px; background-color:#F2F2F2; padding:5px; }
.c-AdvancedSearchFilterOnText{ width:150px; float:left; }
.c-AdvancedSearchFilterOnTextAndButtons{ float:left; }
.c-AdvancedSearchFilterOnImageButton{ vertical-align:middle; }

/** 23. MEMBERSHIPFEE  ***************************************************************/
/*************************************************************************************/
.c-CalculationResultContainer{border: solid 1px #e1dbdb; overflow:hidden; clear:both; padding:15px; margin:0 0 15px 0; width:426px;}
.c-MemberShipFeeHeader{border-bottom: solid 2px #e1dbdb;}
.c-MembershipFeeCalculationInput{padding: 0 0 15px 0; float:left; clear:both; display:block; width:456px;}
.c-MembershipFeeInputText{padding:15px 0 2px 0; display:block; float:left; width:100%;}
.c-MembershipFeeInputExplainText{font-size:90%; padding:2px 0 0 0; display:block; float:left; width:100%;}
.c-MembershipFeeCalculateButtons{margin-top:15px; display:block; float:left; width:100%;}
.c-MembershipCalculatedYearFee{border-bottom: solid 1px #e1dbdb; font-size:140%; float:left; width:426px; font-weight:bold; padding-bottom:8px; overflow:hidden; clear:both;}
.c-MembershipFeeCalculatedFeeText{padding: 5px 0 5px 0; clear:both; float:left; width:426px;}

.c-SalaryFieldWrapper{ background: url(Images/textbox_bg_224.gif) no-repeat center left; border: 0px; float:left; height: 23px; padding: 0px 2px; width: 221px; top: 10px; left: 0px; }
.c-SalaryField { border: 0px; height: 19px; width: 218px; padding: 2px 2px 0px 2px; background-color: Transparent; float:left; }
.c-Validator{float:left; padding:2px 0 4px 0;}
.c-SalaryFieldWrapper{ background: url(Images/textbox_bg_224.gif) no-repeat center left; border: 0px; height: 23px; padding: 0px 2px; display: block; width: 221px; top: 10px; left: 0px; }
.c-SalaryField { border: 0px; height: 19px; width: 218px; padding: 2px 2px 0px 2px; background-color: Transparent; }


/** 24. HELP LINK  *******************************************************************/
/*************************************************************************************/
.c-HelpLink{float:left; padding-top:20px; background-image: url(/Styles/Images/button_help.gif); background-repeat: no-repeat; background-position: left 23px; padding-left: 12px;}
a.c-HelpLinkLogin{background-image: url(/Styles/Images/button_help.gif); position:absolute; left:50px; background-position:left; overflow:hidden; display:inline; width: 13px; height: 13px; background-repeat: no-repeat; padding-left:13px;}
a.c-HelpLinkLogin{text-decoration:none;}
/** 25. EMPLOYEE SEARCH  *************************************************************/
/*************************************************************************************/

.c-InputArea{padding-top: 2px; padding-bottom: 15px;}
.c-TextBox {width: 300px;}
.c-DropDownList {width: 306px;}

/** 26. LINE OF BUSINESS SQUARES ON STARTPAGE  ***************************************/
/*************************************************************************************/
.c-LineOfBusinessSquareImage{ height: 140px; width:299px; margin-top: 5px; padding-left:5px; padding-right:2px;}


/** 28. AUTHORIZATIONS  **************************************************************/
/*************************************************************************************/
.authorizationQuestions div.question {margin: 20px 0 0 0;padding: 0 0 20px 0;border-bottom: dashed 1px #aaa;}
.authorizationQuestions .textBox { font-family: Arial,Verdana,Helvetica; font-size: 98%; }

.c_panelQuestions h2{margin: 20px auto auto auto;}
.authorizationCompanyInfo span{display: block;}

/** 29. COMPANY LIST  ****************************************************************/
/*************************************************************************************/
.companylist {}
.companylist table { width:100%; }
.companylist table tr td { text-align:left; padding-top:3px; padding-bottom:3px; }
.companylist table tr td a.expanded-info{ margin-left:5px; }
.companylist table tr td div.authorization-container { position:relative; height:20px; }
.companylist table tr td div.authorization-container img.blue { position:absolute; top:1px; left:0px; }
.companylist table tr td div.authorization-container img.green { position:absolute; top:1px; left:20px; }

.companylist table tr th { text-align:left; }
.companylist table tr th.column-name { }
.companylist table tr th.column-orgnumber { width:130px; }
.companylist table tr th.column-authorization { width:80px; }