﻿/*
* This Stylesheet is used to set the layout of the site, also used by the RadEditor so that the same
* layout is shown in the editor while working in it.  -- .RadEContentContainer 
*/
.templateWrapper { width:469px !important; }
/* 
* div.reWrapper iframe { OBS REMEMBER TO SET THE VALUE OF 'width' IN 'SiteCss.IE0.css' } 
*/
/*
* Remember to set the background-position to the same as 
* templateWrapper-width. Is used by the RadEditor!
*/
.radEContentRightBorder { background:#ffffff url(../../Images/tool/bg_radEContentBorder.gif) 469px 0px repeat-y; }

.templateMargins
{
	margin:5px 20px;
	padding:0;
}
.siteCSS * { margin-top:0; }

/*
* Settings below is used in 'edit-mode' in the RadEditor.
* These settings must be located in this file!
*/
.editTableBorders form
{
     background-color:#efefef;
     border:1px dashed #555555;		 
}
/* Not used/read by IE-browsers */
html>body .editTableBorders table 
{
    border-right: #999999 1px dashed;		 
    border-bottom: #999999 1px dashed;		 
}
html>body .editTableBorders table td
{
    padding: 1px;
    border-top: #999999 1px dashed;		 
    border-left: #999999 1px dashed;		 
}
html>body .editTableBorders table th
{
    padding: 1px;
    border-top: #000000 1px dashed !important;		 
    border-left: #000000 1px dashed !important;		 
}
/* Fixes for RadEditor */
.editTableBorders p[align="left"] 
{
    text-align: left !important;
}

.editTableBorders p[align="center"] 
{
    text-align: center !important;
}

.editTableBorders p[align="right"] 
{
    text-align: right !important;
}
/* Fix for WPSiteContextMenu */
.SCM_wrapper.RadMenu img.rmLeftImage
{
    left:3px;
    padding-bottom: 0;
}
.SCM_wrapper.RadMenu .rmLevel2 img.rmLeftImage
{
    margin-top:2px;
}
.SCM_wrapper.RadMenu .rmText
{
    text-align:left;
    padding:0 44px 0 28px !important;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*
* SITE SPECIFIC
*/
a.arrowBlackLink            { font-family:Arial, Verdana, Helvetica; font-size:11px; font-weight:normal; color:#242424 !important; text-decoration:none !important; 
						        padding-left:10px; background:transparent url(../../Documents/Wexnet/Images/wexnet_preLink.gif) left 50% no-repeat; display:inline-block;}
a.arrowBlackLink:link        { font-family:Arial, Verdana, Helvetica; font-size:11px; font-weight:normal; color:#242424 !important; text-decoration:none !important; 
 					        padding-left:10px; background:transparent url(../../Documents/Wexnet/Images/wexnet_preLink.gif) left 50% no-repeat; display:inline-block; }
a.arrowBlackLink:visited     { font-family:Arial, Verdana, Helvetica; font-size:11px; font-weight:normal; color:#242424 !important; text-decoration:none !important; 
						        padding-left:10px; background:transparent url(../../Documents/Wexnet/Images/wexnet_preLink.gif) left 50% no-repeat; display:inline-block; }
a.arrowBlackLink:hover       { font-family:Arial, Verdana, Helvetica; font-size:11px; font-weight:normal; color:#859d2c !important; text-decoration:none !important; 
						    padding-left:10px; background:transparent url(../../Documents/Wexnet/Images/wexnet_preLink.gif) left 50% no-repeat; display:inline-block; }	
table.priceInfo     { border-top:solid 4px #ececec; border-right:solid 3px #ececec; border-bottom:solid 4px #ececec; border-left:solid 3px #ececec; border-collapse:collapse; }
table.priceInfo td  { border:none; border-left:solid 3px #ececec; }						    

/*
* Puff - used for connected pages
*/
.puffWrapper        { margin-bottom:10px; }
.puffBodyTopCorners { position:relative; padding-top:14px; background:transparent url(../../Documents/Wexnet/Images/puff_topCornerLeft.jpg) top left no-repeat; }
.puffTopCornerRight { position:absolute; top:0; right:0; }
.puffTopRepX        { background:transparent url(../../Documents/Wexnet/Images/puff_borderTop_repX.jpg) top left repeat-x;  }
.puffBodyRepYLeft   { background:transparent url(../../Documents/Wexnet/Images/puff_borderLeft_repY.jpg) top left repeat-y; }
.puffBodyRepYRight  { background:transparent url(../../Documents/Wexnet/Images/puff_borderRight_repY.jpg) top right repeat-y; }
.puffBodyRepX       { background:transparent url(../../Documents/Wexnet/Images/puff_bg_bottom_repX.jpg) bottom left repeat-x; }
.puffBodyWrapper    { background:transparent url(../../Documents/Wexnet/Images/puff_bg_bottomLeft.jpg) bottom left no-repeat; }
.puffBody 
{
    background:transparent url(../../Documents/Wexnet/Images/puff_bg_bottomRight.jpg) bottom right no-repeat;
    padding:0 15px 22px 20px;
    min-height:140px;
    min-width:133px;
}
.puffHeader    { margin-bottom:8px; }
.puffHdrLeft { padding-right:3px; }
.puffHdrLeft, 
.puffHdrRight { float:left; padding-left:5px; }
.puffHdrRight { padding-top:11px; }

/* Puff YELLOW */
.yellow .puffBodyRepX       { background-image:url(../../Documents/Wexnet/Images/puffYlw_bg_bottom_repX.jpg);}
.yellow .puffBodyWrapper    { background-image:url(../../Documents/Wexnet/Images/puffYlw_bg_bottomLeft.jpg);}
.yellow .puffBody           { background-image:url(../../Documents/Wexnet/Images/puffYlw_bg_bottomRight.jpg);}
img.puffButton { }
/* Puff - Level 1 */
.puffLevel1 { width:711px; }
.puffLevel1 .puffHeader    { margin-bottom:13px; vertical-align:middle; }
.puffLevel1 .puffHdrLeft { padding-right:3px; }
.puffLevel1 .puffHdrLeft, 
.puffLevel1 .puffHdrRight { padding-left:5px; display:inline; float:none; }
.puffLevel1 .puffHdrLeft *,
.puffLevel1 .puffHdrRight * { display:inline; vertical-align:middle; }
.puffLevel1 .puffContent { width:198px; }
.puffLevel1 .puffContent .puffHeader	{ margin-top:0; }
.puffContent .puffHeader    { margin-bottom:5px; }
.puffContent .puffHdrLeft   { float:left; padding:0; }
.puffContent .puffHdrLeft * { margin-top:2px; }
.puffContent .puffHdrRight  { float:right; padding:0; }
.puffContCol_1of3,
.puffContCol_2of3 { float:left; margin-right:40px; }
.puffContCol_3of3 { float:left; }
/* Puff - Level 2 & 3 shared attributes*/
.puffLevel2,
.puffLevel3,
.puffLev3SnglWrapper { width:509px; }
.puffLevel2 .puffHdrLeft,
.puffLevel3 .puffHdrLeft    { margin-right:-13px; }
.puffLevel2 .puffHdrRight,
.puffLevel3 .puffHdrRight   { padding-left:20px; }
.puffLevel2 .puffContent .puffHdrRight  { padding-left:0; margin-right:0; }
.puffLevel2 .puffContent            { width:229px; margin-top:0px; }
.puffLev3SnglWrapper .puffContent   { width:215px; margin-top:0px; }
.puffLevel2 .puffContent p,
.puffLev3SnglWrapper .puffContent p { padding-right:4px; }


/* Puff - Level 2 specific attributes*/
.puffLevel2 { }
.puffContCol_1of2 { float:left; }
.puffContCol_2of2 { float:right; }
/* Puff - Level 3 specific attributes*/
.puffLevel3 .puffBody       { padding-bottom:0; _height:140px;}
.puffLevel3 .puffContent p  { padding-bottom:0; }
.puffLev3SnglWrapper { padding-top:13px; }
.puffLev3SnglLft,
.puffLev3SnglRgt { float:left; width:250px; }
.puffLev3SnglRgt { float:right; }
.puffLev3SnglWrapper .puffContent .puffHdrLeft,
.puffLev3SnglWrapper .puffContent .puffHdrRight  { float:none; }

/* Puff Right - News */
.newsWrapper .puffBody 
{ 
	min-height:158px;
	/* IE6 */
	_height:158px;
}
.newsWrapper .puffBody  div.newsControl_showAll
{
	position:absolute;
	bottom:20px;
	right:13px;
	/* IE6 */
	_position:fixed;
	_bottom:0;
	_right:0;
}

/* Puff Ingang - "Välj Kommun" */
.puffIngang                 { width:709px; margin:0 auto; }
.puffIngang .puffWrapper    { margin-bottom:5px; }
.puffIngang .puffHeader 
{ 
    background:transparent url(../../Documents/Wexnet/Images/ingang_header_bg.jpg) top left no-repeat; 
    height:165px;
    margin-bottom:0;
}
.puffIngang .puffBody   
{ 
    background:transparent url(../../Documents/Wexnet/Images/ingang_bg_repY.jpg) top left repeat-y; 
    padding:0 15px 22px 26px;
    min-height:0;
    min-width:0;
    margin-bottom:-20px;
	/* IE6 HACK */
	_margin-bottom:-60px;
}
.puffIngang .puffContent 
{ 
	width:190px;
	margin-top:-54px; 
	/* IE6 HACK */
	_position:relative;
	_top:-40px;
	_margin-top:0px;
}
.puffIngang .puffContent .puffHeader { background:none; height:auto; }
.puffIngang .puffContCol_1of3,
.puffIngang .puffContCol_2of3 { margin-right:45px; }
.puffIngang .puffFooter 
{ 
    background:transparent url(../../Documents/Wexnet/Images/ingang_footer_bg.jpg) top left no-repeat; 
    height:75px;
}
.puffIngang .puffFooterLink { text-align:right; padding-right:19px; }

/* Puff Ingang 2010 - (also in Web_CustomerSpecific.css)*/
.puffIngang10{
	width:388px;
	background:transparent url('../../Documents/Wexnet/Documents/Bilder/Layout/Ingangssida/shdw_right_repY.jpg') 100% 0 repeat-y;
	margin:68px auto 0 auto;
}
.p10Header{
	background:transparent url('../../Documents/Wexnet/Documents/Bilder/Layout/Ingangssida/bg_header.jpg') 0 0 no-repeat;
	height:135px;
}
.p10Body{
	padding-right:7px; /* For shadow right */
}
.p10Row1,
.p10Row2,
.p10Row3{
	overflow:hidden;
	background:#94ae31 url('../../Documents/Wexnet/Documents/Bilder/Layout/Ingangssida/bg_green_repXY.jpg') 0 0 repeat;
	padding-left:36px;
}
.p10Row1{
	padding-top:10px;
	padding-bottom:3px;
}
.p10Row3{
	padding-top:22px;
	padding-bottom:15px;
}
.p10Col1,
.p10Col2,
.p10Col3{
	float:left;
	margin-right:4px;
}
.p10Footer{
	background:transparent url('../../Documents/Wexnet/Documents/Bilder/Layout/Ingangssida/bg_footer.jpg') 0 100% no-repeat;
	height:82px;
}
