﻿/* 
Initiva
Copyright 2008 Tommy Ljung
*/

body 
{
    font:100%/1.5em Verdana,Geneva,sans-serif;
    background:#ee8027 url(/Templates_Support/Images/BodyBg2012jan.png) repeat-x top;
}

h1, h2, h3, h4, h5, h6, h7, p, form, ul, li, ol
{
    margin:0px;
    padding:0px;
}

img
{
    border:none;
}

a
{
    text-decoration:none;
    color:#577FBC;
}

a:hover
{
    color:#F47333;
}

/* Layouts */

body.Empty
{
    background-color:#ffffff;
    background-image:none;
    margin:0px;
    padding:0px
}

#SkipToContent
{
    list-style-type:none;
    margin:0px;
    padding:0px;
    position: absolute;
    left:0px;
    width:400px;
    top:10px;
    text-align:left;
}

#SkipToContent a
{
    position: absolute;
    left:-1000px;	
	padding:2px;
    top:0px;
    font-weight:bold;
}

#SkipToContent li
{
    display:inline;
}

#SkipToContent a:active,
#SkipToContent a:focus,
#SkipToContent a:hover
{
    left:auto;	
}

#Outline
{
    width:58.7em;
    margin:23px auto 12px auto;
    background-color:#ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;  
	-webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.65);
	-moz-box-shadow:    0px 0px 12px rgba(50, 50, 50, 0.65);
	box-shadow:         0px 0px 12px rgba(50, 50, 50, 0.65);
}

.BlogItemStretched #Outline
{
    width:82.25em;
}

body.Empty #Outline
{
    width:auto;
    margin:0px;
}


#Adapt
{
    text-align:right;
    font-size:70%;
    line-height:1.4em;
    color:#ffffff
}

    #Adapt a
    {
        color:#ffffff
    }

#Top
{
/*    background:#ffffff url(/Templates_Support/Images/TopNavBg.png) repeat-x bottom left;*/
	position:relative;
}

#TopInner
{
    width:100%;
    overflow:hidden;
}

    .Logotype
    {
        display:inline;
        float:left;
        width:240px;
        margin:30px 0px 24px 20px;
    }

    #Search
    {
        text-align:right;
        padding:16px 20px 0px 0px;
    }
    
    #Search .TextField
    {
    	width:120px;
    }
    
    #Search label
    {
        color:#ffffff;
        font-weight:bold;
        font-size:70%;
    }

    #LanguageChoser img
    {
        padding:3px;
        vertical-align:middle;
    }

    
    #LanguageChoser .Selected
    {
        border:solid 1px #A7C0D6;
        padding:2px;
    }

/*    #TopNavigation
    {
        background:#C7DBFA url(/Templates_Support/Images/TopNavTopBg.png) repeat-x top left; 
        margin:0px 0px 0px 0px;
    }

    #TopNavigationInner
    {
        background:transparent url(/Templates_Support/Images/TopNavBottomBg.png) repeat-x bottom left; 
        overflow:hidden;
        width:100%; 
   }
    
    #TopNavigationUnder
    {
        clear:both;
        background:#ffffff url(/Templates_Support/Images/TopNavUnderFadeBg.png) repeat-x top left; 
        height:16px;
        margin:0px 10px 0px 10px;
        overflow:hidden;
    }
*/

#MainTop
{
    margin:0px 0px 0px 0px;
}

.Startpage3 #MainTopLeft
{
    float:left;
    width:600px;
    height:244px;
    overflow:hidden;
}

.Startpage3 #MainTopRight
{
    float:right;
    width:340px;
    height:244px;
    overflow:hidden;
}



#Content1
{
 /*   background:#ffffff url(/Templates_Support/Images/OutlineMiddleLeftBg.png) repeat-y top left;*/
}

/*
    #Content2
    {
        background:transparent url(/Templates_Support/Images/OutlineMiddleRightBg.png) repeat-y top right;
    }

        #Content3
        {
            background:transparent url(/Templates_Support/Images/OutlineMiddleTopLeftBg.png) no-repeat top left;
        }

*/
            #Content4
            {
                /* background:transparent url(/Templates_Support/Images/OutlineMiddleTopRightBg.png) no-repeat top right; */
                min-height:30em;
/*                padding:5px 1.875em 0px 1.875em;
                padding:0px 3em 0px 3em;
*/                overflow:hidden;
                width:54em;
                width:100%;
                border-top:solid 1px #d8e5f3;
            }
            
            .Startpage2 #Content4
            {
            	border:none;
            }            

/*            .Normal1 #Content4
            {
                padding:5px 1.875em 0px 1.875em;
            }
*/

            .BlogItemStretched #Content4
            {
                width:78.5em;
            }

#MainLeft
{
    width:12.05em;
    float:left;
    /* Ensures that the div takes up space in firefox in case of empty div */
    border-bottom:solid 1px #ffffff;
    display:inline;
}

.Normal1 #MainLeft,
.Normal2 #MainLeft
{
    margin-left:0em;
}

.Startpage #MainLeft
{
    margin:1.5em 0em 0em 1.5em;
    display:inline;
}

	.TopNavChosen
	{
		font-size:70%;
		line-height:1.4em;
		color:#819CC0;        
		padding:20px 0px 6px 0.8em;
		border-bottom:solid 1px #D8E5F3;
		border-right:solid 1px #D8E5F3;
		background:transparent url(/Templates_Support/Images/LeftNavArrowDown.gif) no-repeat 14.8em 2.2em;
		padding-right:10px;
	}

	.TopNavChosen a
	{
		color:#F47333;
	}


    .LeftNav,
    .LeftNav ul
    {
        margin:0px 0px 0em 0px;
        padding:0px;
        list-style-type:none;
    }
    
    .LeftNav
    {
        border-right:solid 1px #D8E5F3;
    }


    .LeftNav li
    {
        font-size:70%;
        line-height:1.4em;
        color:#819CC0;        
        padding:6px 6px 6px 2em;
        border-bottom:solid 1px #D8E5F3;        
        background:transparent url(/Templates_Support/Images/LeftNavArrow.gif) no-repeat 1em 0.9em;
    }

    .LeftNav li.InPath
    {
        background:transparent url(/Templates_Support/Images/LeftNavArrowDown.gif) no-repeat 0.2em 1.2em;
        padding-bottom:0em;
    }

    .LeftNav li li
    {
        font-size:100%;
        border-bottom:none;
        background:transparent url(/Templates_Support/Images/LeftNavArrow.gif) no-repeat 0.4em 0.8em;
    }

    .LeftNav li.Chosen
    {
        background:transparent url(/Templates_Support/Images/LeftNavArrowChosen.gif) no-repeat 1em 0.9em;
    }


    .LeftNav li a
    {
        color:#7e7e7e;
    }

    .LeftNav li a:hover
    {
        color:#F47333;
    }



#MainRightOutline
{
    width:46.65em;
    float:right;
    overflow:hidden;
}

#MainRightTop
{
    width:100%;
    overflow:hidden;
    background-color:#D8E5F3;
    padding:0px 0px 11px 1px;
}

#MainRightTop .dxImage,
#MainRightTop .dxImage
{
    margin-bottom:0px;
}

.Normal3 #MainRightOutline
{
    width:54em;
    margin-left:2.5em;
    display:inline;
    float:left;
}

#MainBottom
{
    clear:both;
    margin-left:1.5em;
    width:42em;
}

#MainCenter
{
    display:inline;
    width:26.375em;
/*    width:29em; */
    float:left;
    overflow:hidden;
    margin:1.8em auto 0px 1.5em;
}

.Normal1 #MainCenter
{
    margin-left:1.5em;
}


.Startpage #MainCenter
{
    margin-left:1.5em;
}

.Normal2 #MainCenter
{
    width:42em;
    margin-left:2em;
}

.Normal3 #MainCenter
{
    width:54em;
    margin-left:0px;
}

.Startpage3 #MainCenter,
.BlogList2 #MainCenter,
.BlogItem #MainCenter
{
    width:38.5em;
}

.Startpage2 #MainCenter
{
    width:57%;
}

.BlogItemStretched #MainCenter
{
    width:1024px;
    margin-left:0px;
}


#MainRight
{
    display:inline;
    width:14.6em;
    float:right;
    border-bottom:solid 1px #ffffff;
    margin:1.8em 1.5em 0em 0em;
}

.Normal1 #MainRight
{
    margin-right:1.5em;
}

.Startpage2 #MainRight
{
    width:34.8%;
}

#Bottom
{
/*    background:transparent url(/Templates_Support/Images/BottomLeftBg.png) no-repeat top left;*/
    position:relative;
    width:100%;
    overflow:hidden;
    padding:16px 0px 16px 0px;
}

#BottomInner
{
    /*background:transparent url(/Templates_Support/Images/BottomRightBg.png) no-repeat top right;
    height:146px;*/

}

    .BottomNav
    {
        display:inline;
        margin:0px 0px 0px 0px;
        padding:0px;
        float:right;
        list-style-type:none;
    }
    
    .BottomNav li
    {
        float:left;
        line-height:18px;
        color:#ffffff;        
        font-size:70%;
    }

    .BottomNav li a
    {
        color:#ffffff;              
        margin:0em 0.3em 0em 0.3em;
    }
    
    #Footer
    {
		clear:both;
		width:57em;
		margin:0px auto 30px auto;
		overflow:hidden;
        
    }


/* OverNavigation */

.OverNavigation
{
    list-style-type:none;
    margin:0px 0px 0em 0px;
    padding:0px;
    overflow:hidden;
    position:absolute;
    right:200px;
    top:18px;
}

.OverNavigation li
{
    display:block;
    float:left;
    margin-left:2px;
}

.OverNavigation li a
{
    display:block;
    float:left;    
    font-size:0.65em;
    text-decoration:none;
    color:#737A80;
    padding:0px 1em 0.2em 1em;   
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;   
}

.OverNavigation li a:active,
.OverNavigation li a:hover,
.OverNavigation li a:focus
{
    color:#ffffff;
    background-color:#ffae8a;
}

.OverNavigation li.Chosen a,
.OverNavigation li.Chosen a:active,
.OverNavigation li.Chosen a:hover,
.OverNavigation li.Chosen a:focus
{
    color:#ffffff;
    background-color:#ED692F;
}

/* Top navigation */

/*
#TopNavigation ul
{
    margin:3px 0px 0px 20px;
    padding:0px;
    list-style-type:none;
}


#TopNavigation ul li
{
    display:block;
    float:left;
}


#TopNavigation ul li a
{
    padding:0.2em 1em 0.2em 1em;
    font-size:70%;
    display:block;
    text-decoration:none;
    color:#263049;
}

#TopNavigation ul li a:hover
{
    color:#596B9A;
}


#TopNavigation ul li.Chosen
{
    background:transparent url(/Templates_Support/Images/TopNavLeftBg.png) no-repeat top left;
}

#TopNavigation ul li.Chosen a
{
    background:transparent url(/Templates_Support/Images/TopNavRightBg.png) no-repeat top right;
    color:#F47333;
}
*/

#TopNavigation ul
{
    list-style-type:none;
    margin:16px 0px 0em 16px;
    padding:0px;
    overflow:hidden;
    clear:both;
}

#TopNavigation li
{
    display:block;
    float:left;
}

#TopNavigation li a
{
    display:block;
    float:left;    
    font-size:0.7em;
    text-decoration:none;
    color:#737A80;
    padding:0px 1em 0.2em 1em;    
    border-bottom:solid 5px transparent;    
}

#TopNavigation li a:active,
#TopNavigation li a:hover,
#TopNavigation li a:focus
{
    color:#929AA0;
    border-bottom:solid 5px #929AA0;
}

#TopNavigation li.Chosen a,
#TopNavigation li.Chosen a:active,
#TopNavigation li.Chosen a:hover,
#TopNavigation li.Chosen a:focus
{
    color:#ED692F;
    border-bottom:solid 5px #ED692F;
}


.RSS_Feed,
.SocialMedia
{
    overflow:hidden;
    margin-left:30px;
    font-size:70%;
    width:100%;
}

.SocialMedia img
{
    vertical-align:middle;
}

.RSS
{
	position:absolute;
	left:175px;
	top:16px;
	line-height:1em;
}


/* Form Fields */

.TextField,
.TextBox
{
    font:65% Verdana,Geneva,sans-serif;
    vertical-align:middle;
    background:transparent url(/Templates_Support/Images/TextFieldBg.png) repeat-x top;
    border:solid 1px #A7C0D6;
    color:#1D3346;
    padding:0.3em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;        
}

.TextFieldWarning
{
    border:solid 1px #ff6666;
}

.Button,
.submit
{
    font:65% Verdana,Geneva,sans-serif;
    font-weight:bold;
    vertical-align:middle;
    background:#ffffff url(/Templates_Support/Images/ButtonBg.png) repeat-x bottom;
    border:solid 1px #A7C0D6;
    color:#1D3346;
    padding:0em 0.3em 0em 0.3em;
    height:2em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;        
}

.ButtonWrapper
{
    text-align:right;
}

.ButtonWrapper .Button
{
    float:right;
}

.FormFieldWrapper
{
    overflow:hidden;
    margin-bottom:4px;
}


/* Text styles */

.Headline1,
.headline1
{
    clear:both;
    font:130%/1.3em "Trebuchet MS",Helvetica,sans-serif;
    color:#3B567A;
    margin-bottom:0.4em;
    padding-bottom:0.2em;
    border-bottom:solid 1px #D8E5F3;
}

.Headline1 a,
.headline1 a
{
    color:#3B567A;
}

.Headline1 a:hover,
.headline1 a:hover
{
    color:#3B567A;
    text-decoration:underline;
}

.Headline2,
.headline2
{
    font:110%/1.3em "Trebuchet MS",Helvetica,sans-serif;
    color:#3B567A;
    margin-bottom:0.4em;
}

.Headline2 a,
.headline2 a
{
    color:#3B567A;
}

.Headline2 a:hover,
.headline2 a:hover
{
    color:#3B567A;
    text-decoration:underline;
}


.HeadlineDivider
{
    font:70% Verdana,Geneva,sans-serif;
    background:#D8E5F3 url(/Templates_Support/Images/HeadlineBlueBgCorner.gif) no-repeat top left;    
    color:#3B567A;
    padding:0.5em;
    font-weight:bold;
    margin:0px 0px 0.5em 0px;
}

.HeadlineDivider a
{
    color:#ffffff;
}

.HeadlineBlueBg
{
    font:70% Verdana,Geneva,sans-serif;
    background:#D8E5F3 url(/Templates_Support/Images/HeadlineBlueBgCorner.gif) no-repeat top left;    
    color:#3B567A;
    padding:0.5em;
    font-weight:bold;
    margin:0px;
    
}

.Normal,
.normal
{
    font-size:70%;
    line-height:1.4em;
    color:#3d3d3d;
    margin-bottom:1em;
}

.MoreLink
{
    font-size:70%;
}

.MoreLink a
{
    line-height:1.4em;
    margin-bottom:1em;
    background-color:#ef7333;
    color:#ffffff;
    color:#ffffff;
    padding:0.1em 0.4em 0.1em 0.4em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	display:block;
    border:solid 2px #ef7333;
    float:left;
}

.MoreLink a:active,
.MoreLink li a:hover,
.MoreLink li a:focus
{
   background-color:#ffae8a;
}


.Introduction,
.introduction
{
    font-size:70%;
    line-height:1.4em;
    color:#3d3d3d;
    margin-bottom:1em;
    font-weight:bold;
}


.Normal a:hover,
.normal a:hover
{
    color:#F47333;
    text-decoration:underline;
}

#MainRight .Normal,
#MainRight .normal
{
    margin-left:5px;
    margin-right:5px;
}

    #Footer .Normal,
    #Footer .normal
    {
        font-size:11px;
        line-height:1.4em;
        color:#ffffff;        
        float:left;
    }
    
    #Footer .Normal a,
    #Footer .normal a
    {
        color:#ffffff;
        font-weight:bold;
    }

.Tip,
.tip
{
	background:#F8F7F0 url(/Templates_Support/Images/Information.gif) no-repeat 1em 1em;
	padding:1em;
	padding-left:4em;
	margin-top:1.4em;
	margin-bottom:1.4em;
    font-size:70%;
    line-height:1.4em;
}

.Warning,
.warning
{
    clear:both;
	color:#ff6666;
	background:#F8F7F0 url(/Templates_Support/Images/Warning.gif) no-repeat 1em 1em;
	padding:1em;
	padding-left:4em;
	margin-top:1.4em;
	margin-bottom:1.4em;
    font-size:70%;
    line-height:1.4em;
}

/* Featured Aticles */

.FeaturedArticles
{
    margin-bottom:2em;
    background:#EDF4FF url(/Templates_Support/Images/BlueCornerRight.gif) no-repeat bottom right;
    width:100%;
    overflow:hidden;
}

.FeaturedArticles .FeaturedArticlesInner
{
    padding:1em 1em 0.5em 1em;
    background:transparent url(/Templates_Support/Images/BlueCornerLeft.gif) no-repeat bottom left;
    overflow:hidden;
}


.FeaturedArticles ul
{
    list-style-type:none;
    margin:0px;
    padding:0px;
    width:100%;
    overflow:hidden;
}

.FeaturedArticles ul li
{
    clear:both;
    display:block;
    width:100%;
    overflow:hidden;
}

.FeaturedArticles ul li img
{
    vertical-align:top; 
    border:solid 1px #AEC2E3;
}



.FeaturedArticleHeadline
{
    font:100%/1.3em "Trebuchet MS",Helvetica,sans-serif;
    color:#577FBC;
    margin:0px 0px 0.4em 0px;
    padding:0px;
}

.FeaturedArticles .dxImageLeftInText
{
    float:left;
}


/* Blog Item List */

.BlogItemList1 .dxImageLeftInText
{
    float:left;
    border:solid 1px #AEC2E3;
    margin:0.2em 0.7em 0.4em 0em;
}

.BlogItemList1 .Headline2,
.BlogItem .Headline1
{
    margin-bottom:4px;
    border-bottom:none;
}

.BlogItem .Headline1
{
	padding-right:86px;
}

.BlogItemList1 .Headline2
{
	margin-right:86px;
}

.BlogItemList1 .BlogItemSmall,
.BlogItemContent
{
    background:transparent url(/Templates_Support/Images/BlogHeadlineBg.png) repeat-x top; 
    padding-top:10px;
}

.BlogItemList1 .Normal
{
    margin-top:0px;
}

.BlogItemSmallWrapper
{
	position:relative;
	clear:both;
	overflow:hidden;
	margin-bottom:6px;
}

.BlogItemSmall
{
    padding:0.7em;
}

.BlogItem
{
	position:relative;
	margin-bottom:20px;
}

.BlogItem .BlogItemInfo,
.ArticleItemInfo,
.BlogItemList1 .BlogItemInfo
{
	position:absolute;
	right:0px;
	top:0px;
    clear:both;
    font-size:70%;
    line-height:1.4em;
    margin-bottom:1em;
    float:right;
    background-color:#ffae8a;
    padding:0.3em 0.6em 0.3em 0.6em;
    color:#ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;      
}


.ArticleItemInfo
{
    padding-top:1em;
}

.ShareArticle img
{
    vertical-align:middle;
}

.TagCloud
{
    list-style-type:none;  
    margin-bottom:1em;      
}

.TagCloud li
{
    display:inline;

}

    .Popularity0 a {   font-size:65%;color:#D0D9E8; }
    .Popularity1 a {   font-size:70%;color:#CAD5E7; }
    .Popularity2 a {   font-size:80%;color:#C2D0E8; }
    .Popularity3 a {   font-size:85%;color:#B5C6E3; }
    .Popularity4 a {   font-size:95%;color:#ADC1E2; }
    .Popularity5 a {   font-size:100%;color:#A0B8DF; }
    .Popularity6 a {   font-size:105%;color:#96AFD9; }
    .Popularity7 a {   font-size:110%;color:#8DA8D4; }
    .Popularity8 a {   font-size:115%;color:#7B9ACC; }
    .Popularity9 a {   font-size:120%;color:#6A8ABE; }

.TagCloud li a:hover
{
    color:#F47333;

}

.BlogPageNav
{
    list-style-type:none;
    margin:10px 0px 0px 0px;
    padding:10px 0px 0px 0px;
    clear:both;
    border-top:solid 1px #D8E5F3;
    width:100%;
}

.BlogPageNav li
{
    display:inline;
    font-size:70%;
    float:left;
}

.BlogPageNav li a
{
    line-height:1.4em;
    margin-bottom:1em;
    float:right;
    background-color:#ef7333;
    color:#ffffff;
    padding:0.1em 0.4em 0.1em 0.4em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	display:block;
	float:left;
	margin-right:4px;
    border:solid 2px #ef7333;
}

.BlogPageNav li.Chosen a
{
    background-color:#ffffff;	
    color:#ef7333;	
    border:solid 2px #ef7333;
}

.BlogPageNav li a:active,
.BlogPageNav li a:hover,
.BlogPageNav li a:focus
{
   background-color:#ffae8a;
 }

.BlogSearch 
{
    padding:0.5em;
    margin-bottom:0.5em;
}

.BlogSearch .Normal
{
    margin-bottom:0px;
    color:#7e7e7e;
}


.BlogArchiveNav,
.BlogCategoryNav,
.BlogMiniList
{
    list-style-type:none;
    font-size:70%;
}

.BlogArchiveNav,
.BlogCategoryNav,
.BlogMiniList
{
    list-style-type:none;
    margin:0px 0px 2em 0em;
    padding:0px;
}

.BlogArchiveNav li,
.BlogCategoryNav li,
.BlogMiniList li
{
    padding:0.5em 0.5em 0.5em 1.8em;
    border-bottom:solid 1px #D8E5F3;
    line-height:1.2em;
    background:transparent url(/Templates_Support/Images/BulletRight.png) no-repeat 0.2em 1em;
}

.BlogArchiveNav li.Chosen,
.BlogCategoryNav li.Chosen,
.BlogMiniList li.Chosen
{
    background:transparent url(/Templates_Support/Images/BulletRightChosen.png) no-repeat 0.2em 1em;
}


.BlogArchiveNav li a,
.BlogCategoryNav li a,
.BlogMiniList li a
{
    color:#7e7e7e;
}

.BlogArchiveNav li.Chosen a,
.BlogCategoryNav li.Chosen a,
.BlogMiniList li.Chosen a
{
    color:#7e7e7e;
}

.BlogArchiveNav li a:hover,
.BlogCategoryNav li a:hover,
.BlogMiniList li a:hover
{
    color:#F47333;
}

.Captcha
{
    display:block;
    clear:both;
    margin:1.5em 0em 0em 0em;
}

.Captcha img
{
    float:left;
    clear:both;
}

.Captcha .Button
{
    float:left;
    margin-left:0.5em;
    margin-top:48px;
}

/* Comment */

.CommentItem
{
    font:70% Verdana,Geneva,sans-serif;
    line-height:1.4em;
    list-style-type:none;    
    margin-top:1em;
}

.CommentItem li
{
    margin-bottom:10px;
    color:#7e7e7e;
    border:solid 1px #F8F7F0;
}

.CommentListHeadline
{
    font:100%/1.3em "Trebuchet MS",Helvetica,sans-serif;
    color:#577FBC;
    margin-bottom:0.4em;
    border-bottom:solid 1px #D8E5F3;
}

.CommentItem p
{
    font:100% Verdana,Geneva,sans-serif;
    line-height:1.4em;    
    padding:0.5em 0.5em 0.5em 0.5em;
}

.CommentDate
{
    background-color:#F8F7F0;
}

.NewComment
{
    padding:1em;
    border:solid 1px #F8F7F0;
    overflow:hidden;
}


.NewComment label
{
    display:block;
    width:25%;
    overflow:hidden;
    float:left;
    clear:both;
}

.NewComment label,
.NewComment .MoreInfo
{
    font:70% Verdana,Geneva,sans-serif;
    line-height:1.4em; 
    vertical-align:middle;   
    float:left;
    color:#7e7e7e;
}

.NewComment .MoreInfo
{
    margin-left:1em;
    color:#7e7e7e;
}

.NewComment input
{
    float:left;
    vertical-align:middle;   
    width:14em;
}

.NewComment .CommentTextLabel
{
    width:80%;
}

.CommentTextaera
{
    clear:both;
    width:98.7%;
    height:10em;
}

/* Tip friend */

.TipFriend
{
    padding:1em;
    border:solid 1px #F8F7F0;
    overflow:hidden;
}


.TipFriend label
{
    display:block;
    width:45%;
    overflow:hidden;
    float:left;
    clear:both;
}

.TipFriend label,
.TipFriend .MoreInfo
{
    font:70% Verdana,Geneva,sans-serif;
    line-height:1.4em; 
    vertical-align:middle;   
    float:left;
    color:#7e7e7e;
}

.TipFriend .MoreInfo
{
    margin-left:1em;
    color:#7e7e7e;
}

.TipFriend input
{
    float:left;
    vertical-align:middle;   
}

.TipFriend .TipFriendTextLabel
{
    width:80%;
}

.TipFriendTextaera
{
    clear:both;
    width:98.7%;
    height:10em;
}



/* Code */

.CodeLanguage
{
    margin:0px;
    padding:0px;
    list-style-type:none;
    float:right;
}

.CodeLanguage li
{
    display:block;
    margin:0px;
    padding:0px;
    margin-left:1px;
    float:left;
}

.CodeLanguage li a
{
    padding:0px 7px 0px 7px;
    margin:0px;
    font-size:0.65em;
    display:block;
    float:left;
    overflow:hidden;
    border-top:solid 1px #F8F7F0;
    border-left:solid 1px #F8F7F0;
    border-right:solid 1px #F8F7F0;    
    margin-left:1px;
}

.CodeLanguage li a:hover
{
    background-color:#FAFAF6;
}

.CodeLanguage li.Chosen a,
.CodeLanguage li.Chosen a:hover
{
    background-color:#F8F7F0;
}


.Code
{
    border:solid 1px #F8F7F0;
    padding:3px;
    margin-bottom:1em;
    font:70% Lucida Console, Courier New, Sans-Serif;
    line-height:1.4em;
    clear:both;
}

.Code li
{
    margin-left:3em;
    margin-top:1px;
    padding:0px 2px 0px 2px;
    background-color:#F8F7F0;
    color:#7e7e7e;
}

.Code li code
{
    font:100% Lucida Console, Courier New, Sans-Serif;
}

.Code li.First
{
    margin-top:0px;
}

.Code li { padding-left:21em; }
.Code li.Indent0 { padding-left:0em; }
.Code li.Indent1 { padding-left:1em; }
.Code li.Indent2 { padding-left:2em; }
.Code li.Indent3 { padding-left:3em; }
.Code li.Indent4 { padding-left:4em; }
.Code li.Indent5 { padding-left:5em; }
.Code li.Indent6 { padding-left:6em; }
.Code li.Indent7 { padding-left:7em; }
.Code li.Indent8 { padding-left:8em; }
.Code li.Indent9 { padding-left:9em; }
.Code li.Indent10 { padding-left:10em; }
.Code li.Indent11 { padding-left:11em; }
.Code li.Indent12 { padding-left:12em; }
.Code li.Indent13 { padding-left:13em; }
.Code li.Indent14 { padding-left:14em; }
.Code li.Indent15 { padding-left:15em; }
.Code li.Indent16 { padding-left:16em; }
.Code li.Indent17 { padding-left:17em; }
.Code li.Indent18 { padding-left:18em; }
.Code li.Indent19 { padding-left:19em; }
.Code li.Indent20 { padding-left:20em; }
.Code li.Indent21 { padding-left:21em; }
.Code li.Indent22 { padding-left:22em; }
.Code li.Indent23 { padding-left:23em; }
.Code li.Indent24 { padding-left:24em; }
.Code li.Indent25 { padding-left:25em; }
.Code li.Indent26 { padding-left:26em; }
.Code li.Indent27 { padding-left:27em; }
.Code li.Indent28 { padding-left:28em; }
.Code li.Indent29 { padding-left:29em; }
.Code li.Indent30 { padding-left:30em; }
.Code li.Indent31 { padding-left:31em; }
.Code li.Indent32 { padding-left:32em; }
.Code li.Indent33 { padding-left:33em; }
.Code li.Indent34 { padding-left:34em; }
.Code li.Indent35 { padding-left:35em; }
.Code li.Indent36 { padding-left:36em; }


/* Newsletter */


.NewsletterList li
{
    font:70% Verdana,Geneva,sans-serif;
    line-height:1.4em;
    list-style-type:none;    
    background-color:#F8F7F0;
    margin-bottom:1px;
    color:#7e7e7e;
    border:solid 1px #F8F7F0;
    padding:0.5em 0.5em 0.5em 0.5em;
}

.NewsletterPageNav
{
    list-style-type:none;
    margin:0px;
    padding:0px;
    clear:both;
    border-top:solid 1px #D8E5F3;
    text-align:center;
}

.NewsletterPageNav li
{
    display:inline;
    font-size:70%;
}

.NewsletterPageNav li a
{
    padding:3px;
    background-color:#ffffff;
}

/* Newseletter view */

.Newsletter
{
    color:#3D3D3D;
    padding:0.5em;
    border:solid 1px #91A6DA;
    overflow:hidden;
}

.Newsletter .table
{
    border:solid 1px #91A6DA;
    border-collapse:collapse;
} 

.NewsletterBottom .Normal
{
    margin-bottom:0em;
}

.NewsletterBottom
{
    border-top:solid 1px #91A6DA
}

.NewsletterSubject
{
    color:#F47333;
}

.NewsletterTop
{
    background:#ffffff url(/Templates_Support/Images/NewsletterTopRight.gif) no-repeat right bottom;
    border-bottom:solid 1px #91A6DA
}

.NewsletterImage
{
    margin:0px 0.7em 0.7em 0px;       
    border:solid 1px #91A6DA;     
}

/* Bug */

.BugIcon
{
	float: right;
	margin-left: 1.0em;
}

.BugListItemIcon
{
	float: left;
	margin-right: 0.4em;
}

.BugListItemTitle
{
	float: left;
}

.BugListItem
{
	clear: both;
}


/* News subscribe */

    .NewsSubscribe .FormFieldWrapper
    {
        clear:both;
        margin:0px;
        padding-bottom:4px;
    }
    
    .NewsSubscribe .FormFieldWrapper label
    {
        display:block;
        float:left;
    }
    
    .NewsSubscribe
    {
        display:block;
        clear:both;
        width:100%;
        overflow:hidden;
    }

    .NewsSubscribe .FormFieldWrapper label
    {
        width:6em;
        font-size:70%;
        line-height:1.2em;
        color:#3d3d3d;
    }

    .FormFieldWrapper .TextField
    {
        float:left;
    }

    .NewsSubscribeButton
    {
        text-align:right;
        width:11.8em;
        overflow:hidden;
    }

    .FormFieldError
    {
        background-color:#DE3434;
        padding:2px;
        color:#ffffff;
    }

    .ErrorMessage
    {
        clear:both;
        background-color:#DE3434;
        color:#ffffff;
        padding:10px 10px 10px 10px;
        overflow:hidden;
    }
    
    .DialogClose
    {
        float:right;
    }

    #MainRight .NewsSubscribe
    {
        margin-left:5px;
        margin-right:5px;
    }
    
/* Flash 2 */

.Flash2
{
    margin-bottom:1.2em;
}

/* ContrastChecker */

.ContrastChecker label
{
    font-size:70%;
    line-height:1.4em;
    color:#3d3d3d;
    margin-bottom:1em;
    width:13.4em;
    float:left;
}

.ContrastChecker .ContrastCheckerImageUpload label
{
    width:15.05em;
}


.ContrastCheckerForegroundInp,
.ContrastCheckerBackgroundInp,
.ContrastCheckerImageUpload
{
    clear:both;
}

.ContrastCheckerBackgroundColor,
.ContrastCheckerForegroundColor
{
    width:1.15em;
    height:1.15em;
    border:solid 1px #A7C0D6;
    margin-left:4px;
    float:left;
    overflow:hidden;
}

.ContrastCheckerBackgroundInp input,
.ContrastCheckerForegroundInp input
{
    float:left;
    vertical-align:middle;
}

.ContrastCheckerForms
{
    float:left;
}

.ContrastCheckerAnswer
{
    float:right;
    display:inline;
}

.ContrastCheckerImageUpload .Button
{
    width:18.2em;
    margin-top:0.4em;
}

.ContrastCheckerAnswer .SubmitButton
{
    width:18.2em;
}

.ContrastCheckerAnswerTable
{
    border-collapse:collapse;
    margin:0.4em 0px 1em 0px;
    width:28em;
}

.ContrastCheckerAnswerTable th
{
    text-align:left;
    font-weight:normal;
}

.ContrastCheckerAnswerTable th,
.ContrastCheckerAnswerTable td
{
    padding:0.5em;
    border:solid 1px #A7C0D6;
    font-size:70%;
    color:#3d3d3d;
    line-height:1.4em;
}

.ContrastCheckerAnswerTableFaded td,
.ContrastCheckerAnswerTableFaded th
{
    border:solid 1px #DADADA;    
    color:#989494;
}


.ContrastChecker .Error
{
    background-color:#E50535;
    color:#ffffff;
}

.ContrastChecker .Ok
{
    background-color:#15E505;
    color:#000000;
}

.ContrastCheckerImageCP
{
    width:100%;
    overflow:auto;
    clear:both;
    margin-bottom:10px;
}

.ContrastCheckerImageWrapper
{
    width:51.7em;
    overflow:auto;
    clear:both;
    padding:1em;
    border:solid 1px #A7C0D6;
    margin:0px 0px 1.6em 0px;
    text-align:center;
}

.ContrastCheckerImageWrapper p
{
    text-align:center;
    font-size:0.7em;
    color:#A7C0D6;
}

.ContrastCheckerImage
{
    cursor:crosshair;
}

.ContrastChecker .Warning
{
    clear:both;
    float:left;
    width:90%;
    margin-top:0px;
}

/* Puffbutttons */

.PuffButtonList
{
    margin:20px 0px 14px 0px;
    padding:0px;
    list-style-type:none;
    width:100%;
    overflow:hidden;
}

.PuffButtonList li
{
    display:block;
    float:left;
    margin:0px 0px 6px 6px;
    width:160px;
    height:150px;
    overflow:hidden;
}

.PuffButtonList li.NewRow
{
    clear:both;
    margin-left:0px;
}


.PuffButtonList li div
{
    width:160px;
    height:150px;
    overflow:hidden;
    text-align:center;
}

.PuffButtonList li a
{
    display:block;
    width:140px;
    height:140px;    
    padding:10px 10px 0px 10px;
    overflow:hidden;
    text-align:center;
    font-size:0.7em;
    color:#2f3239;
    background:#ffffff url(/Templates_Support/Images/PuffButtonBg.gif) no-repeat top left;
}

.PuffButtonList li a:hover
{
    color:#ffffff;
    background:#ffffff url(/Templates_Support/Images/PuffButtonHoverBg.gif) no-repeat top left;
}

.PuffButtonList li a span
{
    display:block;
    text-align:center;
    margin:0px 0px 0px 0px;
    line-height:40px;
}

.PuffButtonList li a span.PuffImage
{
    margin:0px 0px 0px 0px;
    height:100px;
    line-height:10px;
}

/* SEOChecker */

.SEOChecker .SEOCheckerForm
{
    width:100%;
    overflow:hidden;
}


.SEOCheckerKeywords
{
	clear:both;
	width:100%;
	overflow:hidden;
}

.SEOChecker label
{
    display:block;
    font-size:70%;
    line-height:1.4em;
    color:#3d3d3d;
    float:left;
    width:7em;
    margin-bottom:0.2em;
}

.SEOChecker .TextField
{
    width:38em;
    float:left;
    margin-right:10px;
    margin-bottom:0.2em;
}

.SEOChecker .Button
{
    width:12em;
    margin-bottom:0.2em;    
}

.SEOChecker .Keyword1,
.SEOChecker .Keyword2
{
    width:14.3em;
}


.SEOCheckerResultSummary
{
    padding:1em 1em 0.3em 5em;
    margin:1em 0px 1em 0px;
    background:#f6f6f6 url(/Templates_Support/Images/Ok64.png) no-repeat 0.5em 0.5em;
    height:60px;
    height:auto !important;
    min-height:60px;
}

.SEOCheckerResultError
{
    background-image:url(/Templates_Support/Images/Error64.png);
}

.SEOCheckerResultWarning
{
    background-image:url(/Templates_Support/Images/Warning64.png);
}

.SEOCheckerResults
{
    list-style-type:none;
    margin:0px 0px 1em 0px;
    padding:0px;
}

.SEOCheckerErrors
{
    background:transparent url(/Templates_Support/Images/Error16.png) no-repeat left center;
    padding-left:2em;
    line-height:1.5em; 
}

.SEOCheckerWarnings
{
    background:transparent url(/Templates_Support/Images/Warning16.png) no-repeat left center;
    padding-left:2em;
    line-height:1.5em; 
}

.SEOCheckerError h2
{
    background:transparent url(/Templates_Support/Images/Error16.png) no-repeat 0px 0.5em;
    padding-left:1.7em;
    margin-bottom:0.6em;
}

.SEOCheckerError
{
    background-color:#f6e8e9;
}

.SEOCheckerWarning h2
{
    background:transparent url(/Templates_Support/Images/Warning16.png) no-repeat 0px 0.5em;
    padding-left:1.7em;
    margin-bottom:0.6em;
}

.SEOCheckerWarning
{
    background-color:#fcfcdb;
}

.SEOCheckerResults li
{
    border-top:solid 1px #f6f6f6;
    padding:0.6em;
    margin-bottom:1em;
}


.SEOCheckerResults h2
{
    font-size:80%;
    font-weight:bold;
    line-height:2.2em;
}

.SEOChecker h3.Headline3
{
    font-size:80%;
    font-weight:bold;
    line-height:1.9em;
}

.SEOCheckerResults p
{
    font-size:70%;
    line-height:1.4em;
    color:#3d3d3d;
    margin-bottom:1em;
}

.SEOCheckerResults p.Description
{
    background:#ffffff url(/Templates_Support/Images/Information2_16.png) no-repeat 1em 1.2em;
    padding:1em 1em 1em 3em;
    margin-bottom:0.6em;
    border:solid 1px #ebf2f9;
}

.SEOChecker .ShowHideDetails
{
    font-size:70%;
    line-height:1.4em;
    margin:0px 0px 0em 0px;
    border-bottom:solid 1px #ebf2f9;
    padding:0px 0px 1em 0em;
    display:block;
    line-height:1.3em;
    font-weight:bold;
}

.SEOChecker .ShowHideDetails a
{
    display:block;
    padding-left:2em;
}

.SEOChecker .ShowHideDetails a.HideDetails
{
    background:url(/Templates_Support/Images/navigate_close.png) no-repeat top left;
}

.SEOChecker .ShowHideDetails a.ShowDetails
{
    background:url(/Templates_Support/Images/navigate_open.png) no-repeat top left;
    display:none;
}

.DetailsWrapper
{
    clear:both;
    margin:0px 0px 1em 0px;
    padding:1em;
    background-color:#f6f6f6;
}

.DetailsWrapper p.Normal
{
    margin-bottom:1.2em;
}

.DetailsWrapper p.Normal a
{
    background:url(/Templates_Support/Images/magnifying_glass.png) no-repeat top left;
    padding:0px 0px 1em 1.6em;
    margin-left:4px;
    font-weight:bold;
}

.SEOChecker table
{
    border:none;
    border-collapse:collapse;
    width:70%;
    margin:1em 0px 1em 0px;
}

.SEOChecker table th,
.SEOChecker table td
{
    text-align:left;
    font-size:60%;
    line-height:1.4em;
    border-bottom:solid 1px #ebf2f9;
}

.SEOChecker table .Col1
{
    width:50%;
}

.SEOChecker table th
{
    background-color:#dddddd;
    font-weight:normal;
}

.SEODensityError td
{
    background-color:#f6e8e9;
}

.SEODensityWarning td
{
    background-color:#fcfcdb;
}


.SEOChecker .HideWord,
.SEOChecker .WordTableFull,
.SEOChecker .HideWordPoints,
.SEOChecker .WordPointsTableFull
{
    display:none;
}

.FacebookLike
{
    float:right;
}

.FacebookLike iframe
{
    border:none; 
    overflow:hidden; 
    width:80px; 
    height:21px
}


@media print
{
    #Adapt,
    .Normal1 #MainLeft,
    .Normal2 #MainLeft,
    #Search,
    #TopNavigation,
    .BottomNav,
    .RSS_Feed,
    .SocialMedia
    {
    	display:none;
        visibility:hidden;
    }

    .Normal1 #MainCenter,
    .Normal2 #MainCenter
    {
        margin-left:0px;
        clear:both;
    }

    .Normal1 #MainCenter
    {
        width:60%;
    }

   
    .Logotype
    {
        width:100%;
        margin:0px 0px 1em 0px;
        border-bottom:solid 1px #3d3d3d;
        padding-bottom:1em;
    }


    #Footer
    {
        width:100%;
        margin:1em 0px 0px 0px;
        border-top:solid 1px #3d3d3d;
        padding-top:1em;
    }

}

