/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/

HTML{}
BODY{COLOR:#000000; FONT:12px Arial,Verdana,Helvetica; margin: 0; padding: 0;}
P{MARGIN-TOP:0px; MARGIN-BOTTOM:17px;/*Required for same look in Firefox and IE*/}
UL{MARGIN-TOP:0px; MARGIN-BOTTOM:5px; MARGIN-LEFT:20px;}
input{font-family: Arial, Verdana; font-size: 100%;}
select {font-family: Arial,Verdana,Helvetica; font-size: 100%;}

.BodyContainer{width: 980px; margin: 0 auto 0 auto; padding: 20px 0 0 0;}
.ContentContainer {width: 940px; min-height: 330px; _height: 330px;}
.HeaderContainerInner{width: 980px;}
.WideContent{float:right; width: 700px;}
.FooterContainer{width: 980px;}
.NarrowContent{float:left; width: 460px;}
.NarrowContentTwoColumnLeft{float:left; width: 220px;}
.NarrowContentTwoColumnRight{float:right; width: 220px;}

/**** Left menu ***********************************************************************
**************************************************************************************/
.LeftMenu{float:left; width: 220px;}

/**** Right column ********************************************************************
**************************************************************************************/
.RightColumn{float:right; width: 220px;}
.RightColumn p{margin-bottom: 3px;}
.RightColumn a:link,
.RightColumn a:active,
.RightColumn a:visited,
.RightColumn a:hover{text-decoration: none;}
.RightColumn .ContactPersonPhone{font-size: 92%;}

/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
.RightColumnHeader,
.RightColumn h2{font-size: 117%; font-weight: bold; margin: 0 0 2px 0; font-family: Arial, Verdana;}

/** STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE)/ Also used in site *********************************/
/*************************************************************************************/

/*** These classes handles the apperance in the editor in edit view and the appearance of the site.
These css classes is duplicated in editor.css. Frameworks for TMF newsletter and kampanj
does not use public.css so they use that css instead. Editor classes need to be in public.css and therefor
they are dublicated. ***/

.firstWordEditor{font-weight:normal; color:#b3b1ae!important;}
.startpage3H2 { margin:12px 0px 2px 0px;} 
.linkWithArrow { background-image:url(../Images/btn_arrow.gif); background-repeat:no-repeat; background-position: center left; padding-left:16px; }
.RightItem .linkWithArrow { background: none; padding-left: 0; }
.ImportantEditor{FONT-WEIGHT:normal; background-color:#808080; color:#FFFFFF;}
.ImagetextEditor{FONT-WEIGHT:normal; FONT-SIZE:90%;}
.WhiteHeader{font-size: 117%; color: #ffffff; margin-bottom: 1px; margin-top: 0px; font-family: Arial,Verdana,Helvetica;}
.WhiteText{color: #ffffff;}
.LargeText{font-size: 117%;}
.LargerLineHeight{line-height: 1.65em;}
.NoMargin{margin: 0;}

/****** General *******************************************************/
.Clear{clear:both; height: 0; font-size: 0px; line-height: 0;}

/* ............
   . CLEARBOX .
   ************ */

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

/**** Register user page *************************************************************
**************************************************************************************/
.RegisterInput {width:210px;}
.RegisterInputNarrow {width:190px;}
.RegisterInputWide {width:450px;}
.RegisterCompanyBox {background-color:#d7d7d7; padding:10px;}
.RegisterPasswordBox {background-color:#f2f2f2; padding:10px;}
.RegisterButtonContainer {padding:20px 0 0; float:right;}
.RegisterErrorMsgContainer {border:solid 1px #ff0000; margin:15px 0; padding:8px;}

/*************************************************************************************
This stylesheet will be used for the templates included in Litium Studio. Changes
below will change the appearance of the pages using the templates in the folder
"Templates".
**************************************************************************************/

/** STYLES FOR LITIUM STUDIO TEMPLATES ***********************************************/
/*************************************************************************************/
.litCommonTempNormal{FONT-SIZE:100%;}
.litCommonTempTextbold{FONT-WEIGHT:bold;}
.Factheader{FONT-WEIGHT:bold; COLOR:white; BACKGROUND-COLOR:#555555; PADDING:5px;}
.Facttext{FONT-WEIGHT:normal; BACKGROUND-COLOR:#DDDDDD; PADDING:5px;}
.litCommonTempImagetext{FONT-WEIGHT:normal; MARGIN-TOP:2px; TEXT-ALIGN:CENTER;}
.Date{COLOR:#AAAAAA; MARGIN-TOP:0px; MARGIN-BOTTOM:0px;}

.litCommonTempLinklist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.litCommonTempLinkicon{MARGIN-RIGHT:3px; HEIGHT:10px;}
.litCommonTempFilelist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.litCommonTempFileicon{MARGIN-RIGHT:5px;}
.Productlist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Newslist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Newslist a:link,
.Newslist a:active,
.Newslist a:visited,
.Newslist a:hover{text-decoration: none;}
.NewsArchiveLink{float:left; padding-top: 20px;}
.NewsArchiveLink a:link,
.NewsArchiveLink a:active,
.NewsArchiveLink a:visited,
.NewsArchiveLink a:hover{text-decoration: none;}
.Form{}
.InputItem{font-size: 100%; MARGIN-BOTTOM:10px; COLOR:#000000; FONT-FAMILY:Arial,Verdana,Helvetica;}
.InputItemFixedWidth{font-size: 100%; MARGIN-BOTTOM:10px; WIDTH:300px; COLOR:#000000; FONT-FAMILY:Arial,Verdana,Helvetica;}
.InputItemFullWidth{font-size: 100%; MARGIN-BOTTOM:10px; WIDTH:100%; COLOR:#000000; FONT-FAMILY:Arial,Verdana,Helvetica;}
.SelectItemFixedWidth{font-size: 100%; MARGIN-BOTTOM:10px; WIDTH:305px; FONT-WEIGHT:bold; COLOR:#000000; FONT-FAMILY:Arial,Verdana,Helvetica;}
.litCommonTempMarginSingle{MARGIN-TOP:10px;}
.litCommonTempMarginSingleBottom{margin-bottom: 10px;}
.litCommonTempMarginDouble{MARGIN-TOP:20px;}
.litCommonTempMarginDoubleBottom{margin-bottom: 20px;}

.Image{MARGIN-TOP:20px;}
.ImageCenter{TEXT-ALIGN:CENTER; MARGIN-TOP:20px;}
.ImageLeft{TEXT-ALIGN:LEFT; MARGIN-TOP:20px;}
.ImageRight{TEXT-ALIGN:RIGHT; MARGIN-TOP:20px;}
.ImageLeftFloat{FLOAT:LEFT; MARGIN-TOP:10px; MARGIN-RIGHT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}
.litCommonTempImageRightFloat{FLOAT:RIGHT; MARGIN-TOP:0px; MARGIN-LEFT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}

.ColumnSpace{HEIGHT:10px; WIDTH:10px;}
.CrossHorizontal{FONT-SIZE:1%; HEIGHT:2px; BACKGROUND-COLOR:#555555;}
.CrossHorizontalCell{FONT-SIZE:1%; PADDING-BOTTOM:10px; PADDING-TOP:10px;}
.CrossVertical{FONT-SIZE:1%; WIDTH:2px; BACKGROUND-COLOR:#555555;}
.CrossVerticalCell{FONT-SIZE:1%; HEIGHT:100%; PADDING:5px;}

.threeColumnLeft{VERTICAL-ALIGN:top; WIDTH:350px; padding-right:5px;}
.threeColumnMiddle{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px; padding-right:5px;}
.threeColumnRight{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px;}
.threeColumnLineV{padding-top:5px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineV_bg.gif);}
.threeColumnLineH{MARGIN-TOP:5px; MARGIN-BOTTOM:5px; HEIGHT:1px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineH_bg.gif);}

.twoColumnTable{WIDTH:100%; HEIGHT:350px;}
.twoColumnLeft{VERTICAL-ALIGN:top; PADDING-RIGHT:20px;}
.twoColumnRight{VERTICAL-ALIGN:top; WIDTH:180px; PADDING-LEFT:20px;}
.twoColumnInnerTable{MARGIN-TOP:20px;}
.twoColumnInnerOne{HEIGHT:100%; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-RIGHT:10px;}
.twoColumnInnerTwo{HEIGHT:150px; WIDTH:34%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px; PADDING-RIGHT:10px;}
.twoColumnInnerThree{HEIGHT:150px; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px;}
.twoColumnLineH{HEIGHT:1px; BACKGROUND-COLOR: #9A9A9A;}
.twoColumnLineV{WIDTH:1px; BACKGROUND-COLOR: #9A9A9A;}

.litCommonTempFileheader{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; BORDER-BOTTOM:1px solid black;}
.litCommonTempFileitem{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}
.litCommonTempLinkheader{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; BORDER-BOTTOM:1px solid black;}
.litCommonTempLinkitem{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}
.Productname{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px;}
.Productlink, A.Productlink:link, A.Productlink:active, A.Productlink:hover, A.Productlink:visited{}
.Productdesc{FONT-SIZE:110%; FONT-WEIGHT:normal;}
.ProductRowItem1{PADDING:5px; PADDING-LEFT:0px;}
.ProductRowItem2{PADDING:5px; PADDING-LEFT:0px;}
.ProductColumnItem1{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductColumnItem2{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:34%;}
.ProductColumnItem3{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductitemLineH{HEIGHT:1px; BACKGROUND-COLOR:#9A9A9A;}
.ProductitemLineV{PADDING:10px; border-left:1px solid #9A9A9A;}
.Productitem{FONT-SIZE:110%; LINE-HEIGHT:20px;}
.Productitemlist{PADDING-RIGHT:20px; WIDTH:100px;}
.ProductitemlistLineV{border-left:1px solid #9A9A9A;}
.Newsimage{FLOAT:RIGHT; MARGIN-LEFT:10px; DISPLAY:INLINE;}
.Newsimage img{border: none;}
.Newsdate{FONT-SIZE:92%; }
.NewsheaderLarge a {FONT-SIZE:133%; FONT-WEIGHT:bold; text-decoration: none;}
.Newsheader a {FONT-SIZE:100%; FONT-WEIGHT:bold; text-decoration: none;}
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited{ text-decoration: none;}
.Newsintro{FONT-SIZE:100%; FONT-WEIGHT:normal;}
.Newsintro img{border: none;}
.NewsItemDivider{ width: 100%;height: 1px; margin: 8px 0px; border-bottom: 1px solid;}
.Newsitem1{PADDING:5px; PADDING-LEFT:0px;}
.Newsitem2{PADDING:5px; PADDING-LEFT:0px;}
.GreyBox{padding: 9px 10px 9px 10px; margin: 0; background-color: #f2f2f2;}
.WhiteBox{padding: 0px 10px 0px 10px; margin:0; background-color: #ffffff;}

/** SYSTEM ERROR MESSAGE *************************************************************/
/** System errors shown together with add-on-templates *******************************/
/*************************************************************************************/
.litErrorFieldset{MARGIN-TOP:10px; MARGIN-BOTTOM:10px;}
.litErrorLegend{COLOR: #FF0000! important; FONT-SIZE:110%; PADDING-RIGHT:6px;}
.litErrorDiv{PADDING-TOP:8px; PADDING-BOTTOM:5px;}
.litErrorIcon{WIDTH:16px; HEIGHT:16px; MARGIN-RIGHT:3px;}
.litErrorMsg{COLOR: #FF0000! important; FONT-SIZE:110%;}


/** Extensions pager ****************************************************************/
/*************************************************************************************/
.pagination { margin-top:10px; margin-bottom:10px; }
.pagination a { }

.pagination a:link, 
.pagination a:visited, 
.pagination a:hover,
.pagination a:active { 
    width:17px; 
    text-align:center; 
    display:block; 
    float:left; 
    padding:5px 6px 5px 6px; 
    margin-right:2px; 
    margin-bottom:2px; 
 }

.pagination a, .pagination span {
    width:17px; 
    text-align:center; 
    text-decoration:none; 
    display:block; 
    float:left; 
    padding:5px 6px 5px 6px;
    margin-right:2px; 
    margin-bottom:2px;
}

.pagination .current {
    width:17px; 
    text-align:center; 
    text-decoration:none; 
    display:block; 
    float:left; 
    padding:5px 6px 5px 6px; 
    margin-right:2px; 
    margin-bottom:2px;
}

.pagination .current.prev, .pagination .current.next{
	width:17px; 
	text-align:center; 
	text-decoration:none; 
	display:block; 
	float:left; 
	padding:5px 6px 5px 6px; 
	margin-right:2px; 
	margin-bottom:2px;
}

a.ui-state-active{font-weight: bold;}

/*** Tellus member search ***/
.TellusMemberSearch input{width: auto;}

/* utilities */
ul.plain, ul.plain > li, ol.plain, ol.plain > li {
	list-style-type: none !important;
	margin: 0;
	padding: 0;
}