﻿/*Bakgrundsfärg, bakgrundsbild, typsnitt, centering av sajt*/
body {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	font: normal 0.7em/1.4em Verdana, Geneva, sans-serif;
	background-image: url(/VV_Images/bg.gif);
	background-repeat: repeat-y;
	background-position: center;	
	background-color: #f8f8f8;
}
.LineHeightLarge {
	line-height:1.4em;
}
.LineHeightLargest {
	line-height:1.9em;
}

/*Omsluter sidan, Styr sidans bredd*/
#Wrapper {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	min-width: 930px;
}

/*HTML tagg*/
html{
	font-size: 100%;
}

/*Gör så att länkade bilder inte får ram*/
img {
	border:none;
}

/*Gör så att länkade bilder inte får ram*/
.PrintLogo {
	display:none;
	position:absolute;
}


/*Rubriker*/
h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, sans-serif;
}
A:link, A:visited {
	text-decoration:underline;
	color:#333;
}
A:hover {
	text-decoration:underline;
}

/*Hållare - Startsida - Textfärg*/
Body.StartPage {
	color:#FFFFFF;
}

Body.StartPage DIV#Wrapper {
	background-color:#899fb4;
	width: 941px;
}

/*Dold hållare till för kortkommando/genvägen till textinnehållet */
.Hidden {
	visibility:hidden;
	display: none;
}

/*Bibehåller bakgrundshantering*/
.Breaker {
	clear: both;
}

/*Kolumnhållare - Vänster höger*/
#MidAndRightColHolder {

}

/*Horisontella hållare*/
#TopHolder {
	width: 100%;
	float: left;
	background-color:#899fb4;
}
#LogoHolder {
	float: left;
	padding-right: 10px;
	/*padding-left: 51px;*/
	padding-left: 30px;
}
/*Top texten*/
#toptext
{
	float:left; 
	width:485px; 
	padding-top:42px; 
	/*font-weight:bold;*/
	color:#fff;
}

/* SiteMap */

.siteMap {
	margin-top: -1.5em;
}

/*SiteSeeker*/

.GreyBox
{
	width: 98%;
	clear: both;
	background-color: #899fb4;
	color: #ffffff;
	padding-left: 5px;
	margin-bottom: 9px;
	height:18px;
}

/*Paginering*/
ul.Paging {
	clear: both;
	margin: 1px;
	font-size: 1.1em;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 9px;
	width: 98%;
}
ul.Paging li {
	display:inline;
	list-style-type:none;
	float: left;
	color: #ffffff;
	padding-right: 12px;
}


ul.Paging li a
{
	color: #ffffff;
}

ul.Paging .ActiveItem {
	font-weight:bold;	
}
ul.Paging li.Prev a:link,  
ul.Paging li.Prev a:visited  
{
	background-repeat: no-repeat;
	padding-left: 5px;
	color: #ffffff;
}


ul.Paging li.Next {
	float: right;

}
ul.Paging li.Next a:link,
ul.Paging li.Next a:visited 
{
	background-repeat: no-repeat;
	background-position:right;
	padding-right: 5px;
}
ul.Paging li.Mid {
	padding-left:60px;
}

.SearchArea {
	float: right;
	padding-top: 8px;
	width: 66%;
}

.SearchArea label {
	color: #676767;
	float: left;
	padding-right: 8px;
	padding-top: 3px;
	text-transform: uppercase;
}

.SearchText {
	float: right;
	border:0;
	padding:0;
}

.SearchResultItemImage { float: left; }

.SearchList {
	clear: both;
	float: left;
	width: 98%;
	padding-top: 15px;
	padding-bottom: 10px;
}
.SearchList span {
	display:inline;
}
.SearchList span.Text {
	clear:both;
	display:block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bfc1c2;
	margin-top: 4px;
	padding-top: 5px;
	float: left;
	width: 100%;
}
.SearchList span.Date {
	float:left;
	width:15%;
}
.SearchList span.Heading {
	float: left;
	width: 70%;
	padding-top: 1px;
}
span.DotArea {
	float: right;
	width: 40px;
	text-align: right;
	padding-top: 3px;
}
.SearchList .NewsItem {
	padding-bottom:0px;
}

div.SearchList .NewsItem:link, div.SearchList .NewsItem:visited {
	float: left;
	width: 100%;
}
div.SearchList .NewsItem:hover span.Heading {
	text-decoration:none;
	cursor:pointer;

}

ul.LocationCrumbs {
	width: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
}
ul.LocationCrumbs li {
	display: inline;
	list-style-type: none;
	color:#899fb4;
	float: left;
	margin-right: 0px;
	padding-right: 0px;
}
ul.LocationCrumbs li.Black {
	color:#1d1d1d;
}

/*Sidhuvud - Sök*/
#SearchHolder {
	float: right;
	clear: right;
	/*padding: 5px 8px 0 0;*/
	padding-top:5px;
	padding-bottom:0;
	padding-right:8px;
	padding-left:0;
	
	/*width: 27%;*/
	width: 23%;
	text-align: right;
}

/*Sidhuvud - Sökknapp*/
.SearchButton:link, .SearchButton:visited  {
	float: right;
	background-color: #899FB4;
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #899FB4;
	font-size: 1em;
	background-image: url(/VV_Images/arrow-white.gif);
	background-repeat: no-repeat;
	background-position: 85%;
	padding-right: 15px;
	padding-left: 4px;
	border: 1px solid #FFFFFF;
	margin-left: 4px;
	margin-top: 1px;
	text-decoration: none;
}
.SearchButton:hover {
	background-color:#5b6e7f;
	text-decoration:none;
}


/*Fält som håller Sökknapp och input*/
.SearchField {
	float: right;
	padding: 1px;
	font-size: 1.1em;
}

.searchColumn {
	float: left; 
	width: 100%;
}

.searchColumnLeft {
	float: left; 
	width: 12%;
}

.searchColumnRight {
	float: left; 
	width: 88%;	
}


/*Sidfoten*/
#BotHolder {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color:#899fb4;
	margin-top: 10px;
	color: #FFFFFF;
	width: 100%;
	clear: both;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #899FB4;
	border-bottom-color: #899FB4;
}

/*Editor innehåll - Sidfot*/
#BotHolder .EditorContent {
	width: 100%;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#BotHolder a:link, #BotHolder a:visited {
	color:#FFFFFF;
	background-image:none;
	padding-right:0px;
}
#BotHolder .EditorContent IMG {
	vertical-align: middle;
	
}
#BotHolder .BotEditor1 {
	width: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
}
#BotHolder .BotEditor2 {
	float:right;
	width: 20%;
	padding-top: 20px;

}
/*Kolumner generellt*/
#LeftColumn {

}
#MidColumn {
}
#RightColumn {
}

/*Kolumner Startsida*/
body.StartPage DIV#LeftColumn {
	width: 100%;
	clear: left;
}
body.StartPage DIV#MidColumn {
	width: 60%;
	float: left;
	padding-top: 15px;
}
body.StartPage DIV#MidColumn .EditorContent{
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 34px;
}
body.StartPage DIV#RightColumn {
	width: 37%;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-top: 15px;
}
body.StartPage DIV#RightColumn h2.ListHead {
	font-size: 2em;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 8px;
}
body.StartPage DIV#RightColumn A:link, 
body.StartPage DIV#RightColumn A:visited {
	color:#FFFFFF;
}
body.StartPage #MidAndRightColHolder {
	width: 100%;
	background-image: url(/VV_images/toningstart.gif);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	float: left;
}

/*3-Kolumner Subsida*/
body.SubPageThreeCols DIV#LeftColumn {
	width: 25%;
	float: left;
}
body.SubPageThreeCols DIV#MidColumn {
	width: 64%;
	padding-right: 20px;
	float: left;
}
body.SubPageThreeCols DIV#MidColumn .EditorContent{

}
body.SubPageThreeCols DIV#RightColumn {
	width: 31%;
	float: right;
	padding-top: 28px;
	padding-right: 8px;
}
body.SubPageThreeCols #MidAndRightColHolder {
	width: 74%;
	float: right;
}
body.SubPageThreeCols DIV#Wrapper {
	background-color:#FFF;
	width:941px;
}

/*2-Kolumner Subsida*/
body.SubPageTwoCols DIV#LeftColumn {
	width: 25%;
	float: left;
}
body.SubPageTwoCols DIV#MidColumn {
	width: 99%;
	float: left;
}
body.SubPageTwoCols DIV#MidColumn .EditorContent{

}
body.SubPageTwoCols DIV#RightColumn {
	display:none;

}
body.SubPageTwoCols #MidAndRightColHolder {
	width: 74%;
	float: right;
}
body.SubPageTwoCols DIV#Wrapper {
	background-color:#FFF;
	width:941px;
}

/*I-Frame Subsida*/
body.SubPageIframe DIV#LeftColumn {
	width: 25%;
	float: left;
}
body.SubPageIframe DIV#MidColumn {
	width: 100%;
	float: left;
}
body.SubPageIframe DIV#MidColumn .EditorContent{

}
body.SubPageIframe DIV#RightColumn {
	display:none;

}
body.SubPageIframe #MidAndRightColHolder {
	width: 74%;
	float: right;
}
body.SubPageIframe DIV#Wrapper {
	background-color:#FFF;
	width:941px;
}

.TopLinks .LastItem:link, .TopLinks .LastItem:visited {
	border: none;
}

/*Topplänkar*/
.TopLinks {
	margin: 0px;
	padding: 8px 0 0 0;
	float: right;
	text-transform:uppercase;
}
.TopLinks LI {
	display:inline;
}

/*Topplänkar - Hantering vid hover etc*/
.TopLinks a:link, .TopLinks a:visited {
	color:#FFFFFF;
	font-size: 0.9em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 8px;
	padding-left: 8px;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.TopLinks .Active {
	background-color:#cc5600;
}
.TopLinks a:hover {
	/*text-decoration: underline;*/
	background-color:#cc5600;
}

/*Huvudmeny-vänster*/
.TopMenuLeft {
	margin: 0px;
	padding: 0px;
	float: left;
	text-transform:uppercase;
}
.TopMenuLeft LI {
	display:inline;
}

#TopMenuWrapper
{
    float: left;
    clear: left;
    width: 100%;
	background-image: url(/VV_Images/bgmenu.gif);
	background-repeat: repeat-x;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
}

/*Huvudmeny-vänster - Hantering vid hover etc*/
.TopMenuLeft a:link, .TopMenuLeft a:visited {
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 8px;
	padding-left: 8px;
	float:left;
	border-right: solid 1px #FFF;
}
.TopMenuLeft .Active {
	background-color:#cc5600;
}
.TopMenuLeft a:hover {
	background-color:#cc5600;
}

/*Huvudmeny-höger*/
.TopMenuRight {
	margin: 0px;
	padding: 0px;
	float: right;
	text-transform:uppercase;
}
.TopMenuRight LI {
	display:inline;
}

/*Huvudmeny-höger - Hantering vid hover etc*/
.TopMenuRight a:link, .TopMenuRight a:visited {
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 8px;
	padding-left: 8px;
	float:left;
	border-left: solid 1px #FFF;
}
.TopMenuRight .Active {
	background-color:#cc5600;
}
.TopMenuRight a:hover {
	background-color:#cc5600;
}

/*Vänstermenyn*/
.LeftMenu {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 40px 0px 0px 8px;
}

.LeftMenu a:link, .LeftMenu a:visited {
	width:100%;
	font-weight: bold;
	text-decoration: none;
	color: #778a99;
	display:block;
}



.LeftMenu .ImageItem {
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom: 20px;
	display:block;
}
.LeftMenu .ImageItem a:link, .LeftMenu .ImageItem a:visited {
	padding-bottom:20px;
}

/*.LeftMenu LI {
	list-style-type:none;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: left bottom;
}*/

.LeftMenu LI UL {
	padding:4px 0px 0px 5px;
	margin:0px;
}

.LeftMenu LI UL LI {
	padding:0px 0px 4px;
	margin:0px;
	text-transform:none;
}

.LeftMenu UL LI UL {
}

.LeftMenu .ActiveNode {
	padding-bottom: 5px;
}

.LeftMenu {
	font-weight:bold;
}

.LeftMenu a:hover {
	color:#cc5600;
	text-decoration: underline;
}

.LeftMenu img {
	padding-left:8px;
	vertical-align: text-bottom;
}

.LeftMenu .ActiveItem {
	color:#cd5700;
}

.LeftMenuItemSpan{
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom: 20px;
	display:block;
}

.LeftMenu .ActiveItem a:link, .LeftMenu .ActiveItem a:visited {
	color:#cd5700;
	display: block;
}

.LeftMenu .ActiveItem a:hover {
	color:#cc5600;
}

.LeftMenu .ActiveItem ul a:link, .LeftMenu .ActiveItem ul a:visited {
	color: #778a99;
}

.LeftMenu .ActiveItem ul a:hover {
	color: #cc5600;
}


/*

WebserviceLeftMenu


*/

 
.SubMenuLinkIndent2:hover,.SubMenuLinkIndent3:hover,.SubMenuLinkIndent4:hover,.SubMenuLinkIndent5:hover,.SubMenuLinkIndent6:hover,.SubMenuLinkIndent7:hover,.SubMenuLink:hover
{
    color:#cd5700;
    text-transform:capitalize;
}

.SubMenuLinkIndent2:link, .SubMenuLinkIndent2:visited, .SubMenuLinkIndent2
{   
    padding:0px 0px 4px;
    margin:0px;
    text-transform:uppercase;
    list-style-type:none;
    padding-top: 5px;
    padding-bottom: 5px;
}
                   
.SubMenuLinkIndent3:link, .SubMenuLinkIndent3:visited, .SubMenuLinkIndent3
 {   
    padding-left: 0.6em;
    text-transform:capitalize;
    list-style-type:none;
    padding-bottom: 4px;
}
                   
.SubMenuLinkIndent4:link, .SubMenuLinkIndent4:visited, .SubMenuLinkIndent4
{   
    padding-left: 1.2em;
    text-transform:capitalize;
    list-style-type:none;
    padding-bottom: 4px;
}
                   
.SubMenuLinkIndent5:link, .SubMenuLinkIndent5:visited, .SubMenuLinkIndent5
{   
    padding-left: 1.8em;
    text-transform:capitalize;
    list-style-type:none;
    padding-bottom: 4px;
}
                   

.SubMenuLinkIndent6:link, .SubMenuLinkIndent6:visited, .SubMenuLinkIndent6
{   
    padding-left: 2.4em;
    text-transform:capitalize;
    list-style-type:none;
    padding-bottom: 4px;
}

.SubMenuLinkIndent7:link, .SubMenuLinkIndent7:visited, .SubMenuLinkIndent7
{   
    padding-left: 3em;
    text-transform:capitalize;
    list-style-type:none;
    padding-bottom: 4px;
}
                    
.SubMenuLink:link, .SubMenuLink:visited, .SubMenuLink            
{   
    padding-left: 0.6em;
    text-transform:capitalize;
    list-style-type:none;
    padding-bottom: 4px;
}

.LeftMenu a.Expanded
{
	color:#cd5700;
}
 
/*Brödsmula*/
#BreadCrumb {
	margin: 0px;
	padding: 13px 0px 18px;
	width: 100%;
	float: left;
	color:#999;
}
#BreadCrumb LI {
	list-style-type:none;
	background-image: url(/VV_Images/arrow-bc.gif);
	background-repeat: no-repeat;
	background-position: 100% 70%;
	text-decoration:none;
	float:left;
	margin-right: 4px;
	padding-right: 6px;
}
.HideLI {
	visibility:hidden;

}
#BreadCrumb .LastItem {
	background-image:none;
}
#BreadCrumb a:link, #BreadCrumb a:visited {
	text-decoration:none;
	color:#999;

}
#BreadCrumb a:hover {
	text-decoration:underline;

}
h1.PageName {
	font-size: 1.9em;
	color: #999999;
	padding-bottom: 4px;
	font-weight: normal;
	line-height: 1.4em;
}

/*Navigering*/
#MainNavigation {
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
	background-position: left top;
	text-transform:uppercase;
}
#MainNavigation li {
	list-style-type:none;
	display: inline;
	float: left;
	width: 235px;
	/*border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;*/
}
#MainNavigation a:link, #MainNavigation a:visited {
	float:left;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 100%;
	text-align: center;
/*	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;*/
}
#MainNavigation .Active:link, #MainNavigation .Active:visited {
	background-color:#cd5700;
	background-image: url(/VV_Images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 95%;
	border-right:solid 1px #FFF;
	width:234px;
}
#MainNavigation .MainLastItem:link, #MainNavigation .MainLastItem:visited {
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
}
#MainNavigation .LiLastItem {
	float:right;
	width: 236px;
	border-right-style: none;

}
#MainNavigation .LiLastItem .Active:link, #MainNavigation .LiLastItem .Active:visited {
	width:236px;
}
/*Hållare för översiktsbilden*/
#OverView {
	padding-left: 15px;
	clear: both;
	padding-top: 10px;
	text-align:center;
}

/*Generell styrrning av input och select*/
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/*Iframehållare - Bred*/
.IframeWide {
	width: 100%;
	height: 500px;
}
	
/*Iframehållare - Genererar ram runt iframen*/
.IframeHolder {
}
	
/*Fieldset Filterhållare */
.FilterHolder {
	padding-bottom: 8px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-top: 1px solid #CCCCCC;
	border-right: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	margin-top: 8px;
	margin-bottom: 8px;
}
.FilterHolder P {
	padding:0px;
	margin:0px;
}
p {
	padding: 0px;
}

/*Dolt fält*/
.Invisible {
	display: none;
}

/*Ansvarig utgivare, redaktör, epost*/
.InfoLine {
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
}

/*Print och tipsa en vän upp*/
.PrintLine {
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
}
.Print {
	background-image: url(/VV_images/print.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-bottom: 4px;
	margin-right: 29px;
	padding-right:20px;
}
.TipAFriend:link, .TipAFriend:visited  {
	background-image: url(/VV_images/mail.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-bottom: 4px;
	margin-right: 29px;
	padding-right:20px;
}
.Up {
	background-image: url(/VV_images/up.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-bottom: 4px;
	margin-right: 29px;
	padding-right:10px;
}
.PrintLine  a:link {
	color: #999;
	text-decoration: underline;
}
.PrintLine a:visited {
	color: #999;
}
.PrintLine a:hover {
	text-decoration:underline;
	color: #cc5600;
}

/*Söksida - EPi Default*/
.hidden
{
	display:none;
}

/* Formatering av tabeller */
table.Formatted {
	border-collapse: collapse;
	border: 1px solid #bbbbbb;
}

table.Formatted th {
	background-color: #899fb4;
	border: 1px solid #ffffff;
	color: #ffffff;
	font-weight: bold;
	padding:2px;
}

table.Formatted td {
	border: 1px solid #bbbbbb;
	padding:2px;
}

.EasyRead {
	font-size: 1.1em;
	line-height: 1.6em;
}

/*Klasser för e-tjänster*/
body.eservice {
	background-color: #FFF;
}
.left {
	float: left;
}
.right {
	float: right;
}

.Fakta 
{
	background-color: #e6e5e5;
	padding: 5px;
}

/*----------- Formulär -------------*/

.formPaddningLeft
{
    padding-left:0.8em;
    font-weight:bold; 
}

.formRow {
	margin-bottom:0;	
	float: left;
}

.question {
	 width: 100%; 
	 margin-bottom: 1.8em;
	 float: left;
}

.columnhandler {
	display:block;
}

.formRow.columnhandler label {
	margin-right:1em;
	padding-top: 0.2em;
	width: 14em;
	display:block;
	margin-bottom: 0.4em;
}

.formRow.columnhandler div span {
	display:block;
	border:solid 1 #000000;
	float:left;	
} 

.formRow.columnhandler span {
	padding-top: 0em;
}

.formRow.columnhandler div {
	padding-top: 0.5em;
	float: left;
}
 
.formRow.columnhandler div input {
	margin-bottom: 0.8em;
}

.formRow.columnhandler.zipcode {
	width: 100%;
}

.formArea {
	width: 150%;
}

.formArea p {
	width: 80%;
}

.formArea .focus {	
	/*border-color: #747476;
	border-style:dotted;*/
	border: 2px solid #005bbb;
}

.observe {
	margin-left: 0.4em;
	padding-top: 0em;
	color: #f00;
	margin-right: 1em;
}

.errorBox {
	background-color:#e1e5e3;
	border-style:solid;
	border-color:#ac227f;
	border-width:thin;
	text-align:center;		
	min-height: 4em;
}

.formRow.international {
	width: 100%;
}

.formfooter {
	float: left; 
	width: 100%;
}



/* =============== WIDTHS =============== */
.w1em { width:1em; }
.w1.5em { width:1.5em; }
.w2em { width:2em; }
.w3em { width:3em; }
.w4em { width:4em; }
.w5em { width:5em; }
.w6em { width:6em; }
.w7em { width:7em; }
.w8em { width:8em; }
.w9em { width:9em; }
.w10em { width:10em; }
.w11em { width:11em; }
.w12em { width:12em; }
.w13em { width:13em; }
.w14em { width:14em; }
.w15em { width:15em; }
.w16em { width:16em; }
.w17em { width:17em; }
.w18em { width:18em; }
.w19em { width:19em; }
.w20em { width:20em; }
.w21em { width:21em; }
.w22em { width:22em; }
.w23em { width:23em; }
.w24em { width:24em; }
.w25em { width:25em; }
.w30em { width:30em; }
.w31em { width:31em; }
.w32em { width:32em; }
.w35em { width:35em; }
.w40em { width:40em; }