HTML {font-size:12px;}
TABLE {font-size:inherit;font:100%;} /*** ie font-size-fix **/
BODY { font-size: 100%; color: #000000; font-family: Arial,Verdana,Helvetica; margin-top: 0px; margin-left: 0!important; background: #ffffff; width:100%!important; }

IMG { border:0; }

A:link, A:active, A:visited { color: #7992ca; text-decoration: underline; cursor:pointer;}
A:hover{ color: #000000; 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  */
/*************************************************************************************/
.c-FooterArea { width: 100%; padding-top: 10px; }
.c-FooterContent { font-size: 91.67%; /** 91.67% of 12px renders as 11px**/ width: 100%; margin: 0px auto; text-align: center; padding-top: 10px; }
.c-Divider { height: 1px; background-color: #e1dbdb; width: 90%; margin: 0px auto; overflow: hidden; }


/** 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; }

/** 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; }


/** 13. STYLES FOR TIP A FRIEND **********************************************************/
/*************************************************************************************/
#c-TipPrintFavorite { font-size: 91.67%; /*** 91.67% renders as 11px ***/ padding-bottom: 15px; }
.c-TipImage { vertical-align: middle; border:none; }

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

/* 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');}    


/** STYLES FOR NEWS-, PRESSRELEASE-, REPORTlist pages **/
/*************************************************************************************/
.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-Newsitem1  h2 a{text-decoration: none; cursor:pointer;}
.c-Newsitem1  h2 a:hover{text-decoration: underline; cursor:pointer;}
.c-Newsitem1 a{text-decoration: underline;
}


/** 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;
    }
    
    
    

#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; }


.c-StartPageSearchBox { width:515px; height: 146px; background: url(Images/websites/tryggbemanning.se/bg_search.gif) no-repeat; margin: 78px auto; }
.c-StartPageSearchBoxContent { position:relative; height: 100%;}
.c-StartPageSearchBoxContentPadding {padding: 0px 88px 0px 88px; text-align: center;}
	.c-SearchTextBoxArea{position: absolute; top: 60px; left: 88px; width: 400px;  }
		.c-SearchTextBox{ position: absolute; top: 12px; border: none; background: #ffffff; width: 310px; float: left; font-size: 100%; font-family: Arial, Verdana;}
		.c-SearchLinkButton {display: block;  height: 37px; width: 37px; float: right; background:none; border:0; }
	.c-SearchBoxLinks {position: absolute; top: 115px; text-align:center;  width: 100%;font-size: 92%;}
	.c-SearchBoxLinks a {}
.c-StartPageSearchBoxHeader{padding-top: 25px;}
.c-Content {z-index: 5; position:absolute; top: 30px; left:188px; }
.c-InnerContent { width: 740px;}
.c-ContentCornersTop {width:740px; height: 17px; background: url(Images/websites/tryggbemanning.se/bg_content_top.gif) no-repeat;}
.c-ContentCornersBottom {width:740px; height: 17px; background: url(Images/websites/tryggbemanning.se/bg_content_bottom.gif) no-repeat;}
.c-PageTypeContent { position: absolute; top: 63px; width: 100%; padding-bottom: 25px; }
.c-PageContent {padding: 10px 35px 0px 35px; background-color: #fff;}
.c-TopMenu {  width: 100%; background: url(Images/websites/tryggbemanning.se/bg_topmenu.gif) no-repeat; height: 27px;}
	.CssClass{padding-top: 5px;}
	.CssClass a {text-decoration: none; font-size: 116%; color:#000000;}
	.CssClass a:hover{ color:#7992ca;}		
	.ItemCssClass {display: inline; padding-left: 12px;}
	.Bold {font-weight: bold;}
	.Blue a {color: #7992ca;}
	.c-TopMenuSecondLevel{ height: 27px;}
		.c-TopMenuSecondLevel a:hover{ color:#000000!important;}
		.c-TopMenuSecondLevel a { text-decoration: none; color: #7992ca;}
		.c-TopMenuSecondLevelLeft{ float: left; background: url(Images/websites/tryggbemanning.se/bg_topmenu_secondlevel_left.gif) no-repeat; width: 11px; height: 27px;}
		.c-TopMenuSecondLevelRight{ float: left; background: url(Images/websites/tryggbemanning.se/bg_topmenu_secondlevel_right.gif) no-repeat; width: 11px; height: 27px;}
		.c-TopMenuSecondLevelContent{ float: left; background: #ffffff; height: 22px; padding: 5px 7px 0px 7px;}
		
.c-LogoBottom { position: absolute; bottom: 25px;}
.c-LogoTop { position: absolute; top: 30px; left: 53px;}
.c-FlashBirds{ position:absolute; z-index:1000; left:1024px; top:120px;}
.c-BirdSounds{ position:absolute; z-index:1000; left:1075px; top:0px;}

form > div.c-LogoBottom { position: fixed;}
form > div.c-LogoTop { position: fixed;}
form > div.c-FlashBirds{position:fixed;}
form > div.c-BirdSounds{position:fixed;}

.c-LeftContentArea { width: 456px; padding-right: 20px; float: left; border-right: solid 1px #ECECEA; }
.c-RightContentArea { width: 182px; padding-left: 10px; float: left;  border:none;}

.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-ListBullet{background: url(Images/websites/tryggbemanning.se/ListBullet.gif); background-repeat:no-repeat; background-position: left 5px;}

/*Supersize Plugin Styles*/
#loading {
	position: absolute;
	top: 49.5%; 
	left: 49.5%;
	z-index: 3;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	background-image: url(images/progress.gif);
}
#supersize{
	position:fixed;
}
#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}
#supersize .prevslide, #supersize .prevslide img{
	z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img{
	z-index: 2;
}
/*end of Supersize Plugin Styles*/

/** 29. COMPANY LIST  ****************************************************************/
/*************************************************************************************/
.companylist { margin-top:15px; }
.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; }