/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
HTML{FONT-SIZE:x-small;}
BODY{COLOR:#666666; FONT-FAMILY:Verdana,Arial,Helvetica; MARGIN-LEFT:15px; MARGIN-TOP:20px;}
A:link, A:active, A:hover, A:visited{COLOR: #49779D;}
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:5px; MARGIN-LEFT:20px;}
HR {border: none; border-top: 1px solid #bababa; height: 1px; margin-top: auto; margin-bottom: auto;}
img { border:0; }


/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.H1header{FONT-SIZE:180%; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px; MARGIN-TOP:5px;}
.H2header{FONT-SIZE:140%; FONT-WEIGHT:bold; MARGIN-BOTTOM:8px; MARGIN-TOP:0px;}
.H3header{FONT-SIZE:120%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; MARGIN-TOP:0px;}


/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1{FONT-SIZE:160%; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px; MARGIN-TOP:5px; }
h2, .startPage #bloglist h3{FONT-SIZE:130%; FONT-WEIGHT:bold; MARGIN-BOTTOM:8px; MARGIN-TOP:0px; }
h3{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; MARGIN-TOP:0px; }


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

/*************************************************************************************
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 ***********************************************/
/*************************************************************************************/
.Intro{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Text{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Normal{FONT-SIZE:110%;line-height: 170%;}
.Textbold{FONT-WEIGHT:bold;}
.Factheader{FONT-WEIGHT:bold; COLOR:white; BACKGROUND-COLOR:#555555; PADDING:5px;}
.Facttext{FONT-WEIGHT:normal; BACKGROUND-COLOR:#DDDDDD; PADDING:5px;}
.Imagetext{FONT-WEIGHT:normal; MARGIN-TOP:2px; TEXT-ALIGN:CENTER;}
.Date{COLOR:#AAAAAA; MARGIN-TOP:0px; MARGIN-BOTTOM:0px;}

.Linklist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Linkicon{MARGIN-RIGHT:3px; HEIGHT:10px;}
.Filelist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Fileicon{MARGIN-RIGHT:5px;}
.Productlist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Newslist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Form{}
.InputItem{FONT-SIZE:110%; MARGIN-BOTTOM:10px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.InputItemFixedWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:300px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.InputItemFullWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:100%; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.SelectItemFixedWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:305px; FONT-WEIGHT:bold; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.MarginSingle{MARGIN-TOP:10px;}
.MarginDouble{MARGIN-TOP: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;}
.ImageRightFloat{FLOAT:RIGHT; MARGIN-TOP:10px; 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;}

.Fileheader{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; BORDER-BOTTOM:1px solid black;}
.Fileitem{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}
.Linkheader{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; BORDER-BOTTOM:1px solid black;}
.Linkitem{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;}
.Newsdate{FONT-SIZE:100%;}
.Newsheader{FONT-SIZE:110%; FONT-WEIGHT:bold;}
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited{}
.Newsintro{FONT-SIZE:110%; FONT-WEIGHT:normal;line-height: 170%;}
.Newsitem1{PADDING:5px; PADDING-LEFT:0px;}
.Newsitem2{PADDING:5px; PADDING-LEFT:0px;}
.Breadcrumb{FONT-SIZE:110%; FONT-WEIGHT:normal; COLOR:gray;}
A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited{COLOR:gray!important;}


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


/** STYLES FOR THE LEFT MENU *********************************************************/
/** CSS for the left menu, new in version 4.1 ****************************************/
/*************************************************************************************/
.LeftMenu ul{margin:0; margin-top:4px; padding:0;}
.LeftMenu li{list-style:none; padding:3px; margin-left:15px;}
.LeftMenu a, .LeftMenu a:link, .LeftMenu a:active, .LeftMenu a:hover, .LeftMenu a:visited{color:#666666;}
.LeftMenu a{text-decoration:none; padding:2px; margin-left:1px; line-height:14px;}
.LeftMenu a:hover{text-decoration:underline;}
.LeftMenu_Selected {margin-left:0px!important; border:1px solid #CCCCCC; background-color:White;}
.LeftMenu_StartPage {}
.LeftMenu_level_1{margin-left:-20px!important; line-height:130%; FONT-SIZE:110%;}
.LeftMenu_level_2, .LeftMenu_level_3, .LeftMenu_level_4, .LeftMenu_level_5{margin-top:1px!important; line-height:110%;}




/** VISIT-SMALAND ********************************************************************/
/*************************************************************************************/
HTML{FONT-SIZE:x-small;}
body {
	background:url(images/bg.gif) no-repeat 50% 0 #797162;
	font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:0;
	padding:0;
}

h1 {
	color:#222;
	font-weight:400;
}

h2 {
	font-weight:700;
}

h3 {
	color:#222;
	font-weight:700;
}

a:link, a:active, a:hover, a:visited{COLOR: #c12113;}

div#wrapper {
	background:url(images/bg.png) 50% 0;
	margin:0 auto;
	padding:0 18px;
	width:960px;
}

div#header {
	background:#222;
	height:110px;
	position: relative;
}

div#bottom-shadow {
	background:url(images/bottom.png) 50% 0 no-repeat;
	height:30px;
	margin:0 auto;
	width:996px;
}

.logo a {
	background:url(images/logo.gif) no-repeat;
	display:block;
	height:79px;
	text-indent:-9999px;
	width:191px;
	position: absolute;
	left: 20px;
	top: 10px;
}

div#main {
	padding: 20px;
}

div#bottom {
	border-top:#e5e5e5 1px solid;
	padding-top:10px;
	text-align:center;
}

ul#contact-list
{
	text-align: center;
	margin: 0;
	list-style-type: none;
}
ul#contact-list li { display: inline; margin: 0 10px; }


#main-navigation
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 115%;
}


#main-navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}



#main-navigation ul li
{
	float: left;
}

#main-navigation ul li a
{
	color: #afafaf;
	margin-right: 10px;
	text-transform : uppercase;
	line-height: 100%;
	font-weight: bold;
	text-decoration: none;

	padding: 10px 10px;
	display: block;

}

#main-navigation  .selected a,#main-navigation  .selected a:hover
{
	background: #fff;
	color: #484848;
}

#main-navigation ul li a:hover
{
	color: #fff;
}


.field				{ margin-right: 20px; float: left; margin-bottom: 20px;}
.field.t1			{ width: 215px; }
.field.t2			{ width: 450px; }
.field.t3			{ width: 685px; }
.field.t4			{ width: 920px; }
.last				{ margin-right: 0; }
.clear				{ clear:both;}


.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%; }
ul.plain, ul.plain > li, ol.plain, ol.plain > li { list-style-type: none !important; margin: 0; padding: 0; }


.startPage{color: #3b3b3b;}
.startPage .container{position:relative; height: 114px; overflow: hidden;}
.startPage .containersmall{height: 294px; overflow: hidden;}
.startPage .readMoreLink{position: absolute; bottom: 5px; right: 12px;}
.startPage .readMoreLink a{text-decoration: none;}
.startPage .fieldcontainer{}
.startPage .fieldcontainer .left{float:left; width: 449px;}
.startPage .fieldcontainer .left .imageprop{height: 320px; margin-bottom: 20px;}
.startPage .fieldcontainer .right{float:right; width: 449px;}
.startPage .fieldcontainer .right .imageprop{float:left; width: 214px;}
.startPage .fieldcontainer .right .activities{float:right; width: 214px; font-size: 110%;}
.startPage .fieldcontainer .right .activities a{text-decoration:none; font-weight: bold;}
.startPage .fieldcontainer .right .date{font-size: 82%; padding: 0 0 0 15px; background: url(images/arrow-e.png) no-repeat left 2px;}
.startPage .fieldcontainer .right .link{padding: 0 0 10px 16px;}
.startPage .fieldcontainer .image{float:left; width: 138px;}
.startPage .fieldcontainer .text{float:right; width: 264px; height: 108px; overflow: hidden; /*border: solid 1px red;*/}

.startPage .flexible{height: auto; padding-bottom: 0; padding-right: 0;}
.startPage .blogtext{padding: 0 10px 18px 0;}
.startPage .bloglink{margin: 10px 12px 15px 0; text-decoration: none;}
.startPage #bloglist, 
.startPage #bloglist li,
.startPage #newslist, 
.startPage #newslist li{ list-style: none; margin: 0; padding: 0; position: relative;}
.startPage #bloglist{margin-bottom: 10px;}
.startPage #bloglist li span.date,
.startPage #newslist li span.date{color: #878787; font-size: 100%; padding: 0; background: none;}
.startPage #bloglist li span.comments a{color: #989898; float: none; background: none; padding: 0;}
.startPage #bloglist li p{margin-bottom: 24px; padding-right: 18px;}
.startPage #newslist li p{margin-bottom: 0; padding-right: 18px;}
.startPage #bloglist li h3,
.startPage #newslist li h3{padding-right: 18px;}
.startPage #newslist li .image{width: 120px;}
.startPage #newslist li .image img{padding: 0;}
.startPage #newslist li .text{width: 293px; height: auto; padding-right: 18px;}
.startPage #newslist li .readMoreLink{bottom: 18px;}
.startPage #newslist li{padding-bottom: 20px;}

.startPage .fieldcontainer .right .imageprop{margin-bottom: 20px;}
.startPage .fieldcontainer .right .smallpuff{float:right; width: 214px; font-size: 110%;}
.startPage .fieldcontainer .right .smallpuff .containersmall{position: relative; height: 112px;}
.startPage .fieldcontainer .right .smallpuff .containersmall .readMoreLink{bottom: 17px;}

.field.tips .cloud-text
{
	height: 110px;
}
.field.tips img
{
	margin: 1px 1px 1px;
}
.field.tips
{
	margin-right: 0;
	margin-bottom: 0;
	background: url(images/puff.jpg) repeat-x 0 100% #363636;
	color:#ddd;
}
.field.tips div
{
	padding: 5px 10px 5px 10px;
}
.field.tips h3
{
	color:#ddd;
}
#right-container
{
	background: #373737;
	color: #fff;
	padding: 5px;
}

#left-navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#left-navigation ul
{
	margin: 0;
}

#left-navigation .pagelist li a
{
	display: block;
	border-bottom: 1px solid #ddd;
	padding: 10px 0px 10px 10px;
	margin: 0px 15px;
	color: #222;
	text-decoration: none;
	font-size: 12px;
	background: url(images/arrow.gif) no-repeat 0 50%;
}

ul.pagelist li.level1.top-item
{
	margin: 0; padding: 0;
}
.pagelist li
{
	background: url(images/left-navigation-bg.gif) repeat-y;
	width: 100%;
}
#left-navigation .wrapper-top
{
	background: url(images/left-navigation-bg-top.gif) no-repeat;
	padding-top: 6px;
}
#left-navigation .wrapper-bottom
{
	background: url(images/left-navigation-bg-bottom.gif) no-repeat 0 100%;
	padding-bottom: 3px;
}

#top-navigation
{
	position:absolute;
	top:10px;
	right: 0;
	font-size: 110%;
}

#top-navigation ul
{
	list-style: none;
	display: block;
}

#top-navigation ul li a 
{
	padding: 3px 0px;
	color: #ddd;
	text-decoration: none;
}
#top-navigation ul li
{
	float: left;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #ddd;
}

#top-navigation ul li.search { border-right: 0; }

.WebSearchButton
{
	border: 0px;
	background: #eee;
}


/* Puff */

.puff 
{
	border: 1px solid #363636; 
	background: url(images/puff.jpg) repeat-x 0 100% #363636;
	margin-bottom: 20px;
	color:#eee;
}
.puff h3
{
	color: #eee;
	padding: 11px 11px 0px 11px;
}
.puff p
{
	padding: 0px 11px 11px 11px;
	margin: 0;
}

.readmore
{
	text-align: right;
	padding: 0 11px 11px 0px;
	font-weight: bold;
	color: #eee;
}
.readmore a 
{
		background: url(images/arrow-e.png) transparent no-repeat 100%;
		padding-right: 15px;
		color: #fff;
}




.container
{
	clear: both;
	padding: 14px 18px 14px 18px;
	overflow: hidden;
	background: url(Images/medium_bg.gif);
}

.container-top
{
	background: url(Images/medium_top_bg.gif);
	height: 4px;
	font-size: 1px;
}
.container-bottom
{
	background: url(Images/medium_bottom_bg.gif);
	height: 4px;
	margin-bottom: 20px;
	font-size: 1px;
}

.container img
{
	float: left;
	padding: 0px 17px 17px 0px;
}

.container a,
.startPage .fieldcontainer .right .smallpuff .containersmall a 
{
	float: right;
	background: url(images/arrow-e.png) transparent no-repeat 100%;
	padding-right: 16px;
}

.containersmall
{
	clear: both;
	padding: 9px 13px 9px 13px;
	overflow: hidden;
	background: url(Images/small2_bg.gif);
}

.containersmall-top
{
	background: url(Images/small2_top_bg.gif);
	height: 4px;
	font-size: 1px;
}
.containersmall-bottom
{
	background: url(Images/small2_bottom_bg.gif);
	height: 4px;
	margin-bottom: 20px;
	font-size: 1px;
}

#CMS_ImageRotator_Container.big
{
	width: 685px;
}

.Framework_RightColumn_Container{ padding-top:10px; padding-bottom:10px; background-color:#414141; color:#FFF; }
.Framework_RightColumn_Container > .text { padding:0px 10px 10px 10px; }
.Framework_RightColumn_Container > .text > h1 { color:#FFF!important; }
.Framework_RightColumn_Item { margin-bottom:20px; }
h1.Framework_RightColumn_Header { color:#FFF; margin:0px 0px 10px 0px; text-transform:uppercase; }
.Framework_RightColumn_Item_Header { color:#FFF; margin:0px 0px 3px 0px; font-weight:bold; }

.Framework_RightColumn_Item_LinkContainer{ font-weight:bold; margin-bottom:10px; height:15px; }
a.Framework_RightColumn_Item_Link:link, 
a.Framework_RightColumn_Item_Link:visited, 
a.Framework_RightColumn_Item_Link:hover, 
a.Framework_RightColumn_Item_Link:active { color:#C12113; text-decoration:none; float:right; background:transparent url(Images/linkbullet.png) no-repeat right 2px; padding-right:15px; }

a.Framework_RightColumn_File_Link { float:none!important; background:none!important; padding:0!important; color:#000!important; }
a.Framework_RightColumn_File_Link > img { vertical-align:middle; margin-right:5px; }



.field.t1 .search
{
	background: #eee;
	border: 1px solid #d6d6d6;
}
.content 
{
	border: 1px solid #fff;
	padding: 8px;
}
.searchbutton
{
	background: url(images/arrow-e.png) transparent no-repeat 100%;
	border: 0;
	font-size: 11px;
	padding-right: 14px;
}
.WebHeaderSearch .searchbutton
{
	color: #fff;
	font-size: 90%;
	outline: 0;
}
.WebHeaderSearch .WebSearchField 
{
	border: 0;
	font-size: 11px;
	padding: 3px;
}

.field.t1 .search label
{
	display:block; 
}

.input
{
	width: 98%;
}

.nobackground
{
	background: none;
}


.information {
	background:#363636 url(images/puff.jpg) repeat-x scroll 0 100%;
	color:#EEEEEE;
}

.spaces 
{
	padding: 15px;
}
.Header
{
	text-transform: uppercase;
	font-size: 140%;
}


.package
{
	margin-bottom: 15px;
	
}
.package a
{
	color: #fff;
}
.package .image
{
	float: left;
	padding-right: 8px;
}

.shortinfobox
{
	background-color: #eee;
	border: 1px solid #d6d6d6;
}
.field-info
{
	float: left;
	width: 210px;
	padding-right: 5px;
}

.nofloat a
{
	float:none;
}


.DestinatorListCopyDiv{ padding-top:15px; text-align:right;}


/*-----------------------------------------------------------------------------
Blog
-----------------------------------------------------------------------------*/
.blog a, .blogpost a{background: none; float: none; padding: 0;}
.blog .section1,
.blogpost .section1{float: left; width: 450px;}
.blog .section2,
.blogpost .section2{float: right; width: 220px;}
.blog fieldset.common { background-color: #fafafa; margin: 1em 0 3em; }
.blog fieldset.common legend { display: inline; font-weight: bold; color: #777; background-color: #fff; }
.blog fieldset.common { padding: 1.5em; border: 1px solid #eee; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; }
.blog fieldset.common legend { display: none; }
.blog fieldset.common label { display: block; margin: 0 0 1em 0; }
.blog fieldset.common label input { display: block; }
.blog fieldset.common label select { width: 100%; }
.blog fieldset.common label input, fieldset.common label textarea { width: 98%; }
/*.blog .createnewpost { background-color: #fafafa; padding: 1px 1em 1em; margin-bottom: 2em; border: 1px solid #ececec; -moz-border-radius: .4em; -webkit-border-radius: .4em; border-radius: .4em; overflow: hidden; }
.blog .createnewpost h2 { font-size: 1.27em; margin-top: 1em; }*/
.blog .createnewpost label { display: block; }
.blog .createnewpost .postheader { float: left; margin-right: 1em; }
.blog .createnewpost .nextstep { float: left; font: 11px Arial, Helvetica, Sans-serif; }
/*Blog, BlogPost and BlogComment / Start page blog List*/
.blog .subsection1 br, .blog .subsection1 br { display: none; }
.blogpost .subsection1 ul, .blog .subsection1 ul { list-style-type: none; margin: 0; padding: 0; }
.blogpost .subsection1 ul li, .blog .subsection1 ul li { margin: 0; padding: 5px 0 0 0 !important; }
/*Blog and blog post */
.blog .blogpost { margin-bottom: 3em; }
.blog .blogpost .postinfo, .blogpost .comment .postinfo, .blogpost .postinfo{ color: #818386; font-size: 92%; }
.blog img.main, .blogpost img.main { display: block; margin-bottom: 15px; }
.blog .padding16, .blogpost .padding16 { padding: 16px; }
.blog .marginbottom16, .blogpost .marginbottom16 { margin-bottom: 16px; }
/* Blog */
.blog h1 { font-size: 1.167em; }
.blog h2 { font-size: 1.667em; margin-top: 0; }
.blog .blogpost .info{ padding: 3px 0 16px 0; }
.blog .nrcomments{ float: left; }
.blog .publishinfo{ float: right; }
.blog .addpost .header { background-color: #ececec; padding: 5px 16px; }
.blog .addpost { border: 1px solid #ececec; }
/*Blog post */
.blogpost .postinfo .editreport { float: left; }
.blogpost .postinfo .editreport input { float: left; }
.blogpost .postinfo .editreport .editbutton { float: left; }
.blogpost .postinfo .publishinfo { float: right; }
.blogpost .editpost label, .addcomment label { display: block; font-weight: bold; }
.blogpost .editpost .postheader { width: 300px; }
.blogpost .editpost .edit { padding: 6px 0 16px 0; }
.blogpost .editpost .item, .blogpost .addcomment .item { padding: 0 0 2em 0; }
.blogpost .editpost .remove { margin: 0 10px; }
.blogpost .editpost .message { padding: 0 0 0 16px; }
.blogpost .post { margin-bottom: 45px; }
.blogpost .addcomment { background-color: #fafafa; padding: 1em; border: 1px solid #ececec; -moz-border-radius: .4em; -webkit-border-radius: .4em; border-radius: .4em; overflow: hidden; margin-bottom: 10px; }
.blogpost .addcomment .commentmessage { width: 400px; }
.blogpost #comments { border-top: 1px solid #ccc; }
.blogpost #comments h2{margin-top: 1em;}
.blogpost .comment { background-color: #fafafa; padding: 1em; border: 1px solid #ececec; -moz-border-radius: .4em; -webkit-border-radius: .4em; border-radius: .4em; overflow: hidden; margin-bottom: 10px; }
.blogpost .comment .info a { text-decoration: none; color: #818386; }
.blogpost .comment .info .publishinfo { float: left; }
.blogpost .comment .info .report { float: right; }
.blogpost .comment .info .report input { float: left; }
.blogpost .comment .info .report .reportbutton { float: left; }