/*
=SPONSORED LINKS CLIQUE FINLAND
*/
/*
This administration-site has a layout that differs from ordinary eniro-web-layout.
It is aligned to the left and all layout-sizes is measured in em to achive
a possibility of increasing the font-size without breaking the layout with it´s
complicated content (wide tables and so on).
Therefore we also have decided that we accept a minimum-width of 1024 px
to make room for the wide tables.
Some of the files do have a narrow content and there we put a min-width
to 800px (60 em).
The wider layout has a min-width of 1024 px(77em).

To get min-width to work in IE lower than 7 we have to put a script
in the ie.win.css-file.
The script take the default-font-size in account, therefore it is
not possible to put the font-size-rule in the body-tag as it is for all
other eniro-sites.

In this admin-site I put the font-size:80% in head.css according to the 
head and in this css-file the rule for
the footer and the body. 
Maria Schön 12 jan 2007
*/


/******************************************************************************
STYLES from different stylesheet-Eniro-Ego
*******************************************************************************/

/*
BASIC basic.css
*/

* {
	margin:0;
	padding:0;
}
/* The font-size can NOT be placed in body 
when you use IE expression to solve min-width.
Therefore there is no such rule in the body-tag.
See also: http://www.gunlaug.no/contents/wd_additions_14.html
*/
body {
    font-family:"trebuchet ms", trebuchet, sans-serif;
	background:#fff;
	color:#0f3244;
}
h1 {font:bold 1.3em/1.1 arial, sans-serif}
h2 {font:bold 1em/1 arial, sans-serif}
h3, h4 {font:bold 1em/1 arial, sans-serif}
a {color:#0f3244}	
a:active {color:#04a6ec}
a:visited {color:#4b306a}
img {border:0}
ol,
ul {list-style:none}
table {border-collapse:collapse}
fieldset {border:none}
input, textarea {font:1em "trebuchet ms", trebuchet, sans-serif;}
legend {color:#0F3244}
/* http://positioniseverything.net/easyclearing.html */
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.clearfix {display:inline-block}
.clearfix {display:block}
.errorText,
.errorMsg {color:#900}
.strong {font-weight: bold}
/*
HEAD head.css
*/
#head{
	position:relative;
	height:auto;
	min-width:780px;
	min-height:110px;
	background:#d6e4e8 url(../images/bkg_head.png) repeat-x 0 100%;
}
/* Thin header (54 px) */
#other #head{
	height:54px;
	min-height:0;
}
#other #head h1 {
	height:40px;
	min-height:0;
} 
/* Plugin-applikations head, like Sponsored links */
#other #head.mini{
	min-height:46px;
	background:#d6e4e8 url(../images/bkg_head.png) repeat-x 0 100%;
}
#other #head.mini h1 a{
	position:absolute;
	top:8px;
	left:8px;
}
#other #head.mini img{
	position:absolute;
	top:0px;
   left:0px;
}
/* Admin-site which groows horisontically */
#other.spLinks  #head{
	width:100%;
	min-width:63em;
}
#other.spLinks  #head.wide{
	width:100%;
	min-width:80em;
}
#other.spLinks  #head{font-size:80%}


/*
=LOGOTYPE
The logotype also contains the icon for the current section
*/
#head h1{
	position:absolute;
	top:0;
	left:0;
	z-index:200;
	width:130px;
	height:100%;
	min-height:100px;
	background-repeat:no-repeat;
	background-position:0 100%;
}
#head h1 a {
	position:absolute;
	top:10px;
	left:20px;
}


/*
=NAVIGATION
*/
#nav{background:red;
	position:relative;
	height:46px;
	background:transparent url(../images/bkg_head_border_right.gif) no-repeat 50% 100%;
}

#other #nav{background-image:none}

#nav ul {
	position:relative;
	left:50%;
	width:560px;
	margin-left:-250px;
}

#nav li{  
	display:block;
	position:relative;
	float:left;
	width:80px;
	height:46px;
	text-align:center;
}
#nav .web{width:60px}
#nav .yp{width:100px}
#nav .map{width:60px}
#nav .other{width:100px}

#nav a{
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
    padding:.5em 0 .3em;
	border-bottom:4px solid #ff0;
	font:bold 0.95em/1 arial,sans-serif;
	color:#1C3E4F;
	text-decoration:none;
}

#nav .web a {border-bottom-color:#047391}
#nav .yp a{border-bottom-color:#FDE400}
#nav .person a{border-bottom-color:#4D954D}

#nav .map a, #eniroNaraNav .map a{border-bottom-color:#C62728}
#nav .shop a {border-bottom-color:#ff9900}

#nav .classified a {border-bottom-color:#F16700}
#nav .other a {border-bottom-color:#849CA4}


#nav a:hover{background:url(../images/nav_hover.png) no-repeat 100% 0}
/* current section tab */
#other #nav .other a{background:url(../images/nav_hover.png) no-repeat 100% 0}

/*
=FINNISH NAVIGATION
Overrides the default styles from above
*/
.fi #nav ul {
	width:590px;
	margin-left:-190px;
}
.fi #nav .web {width:90px}
.fi #nav .map {width:100px}

/* 
COMPONENTS components.css 
*/
.genericBox {
	padding:0 .5em 10px 8px;
	margin:.8em .5em;;
}
/* Top-right corner */
.corner_TR {
	background:url(../images/bkg_rounded_corner_top_right.gif) no-repeat 100% 0;
	border-bottom:1px solid #cdd1d2;
	border-left:1px solid #cdd1d2;
}

/* Bottom-right corner extra large */
.corner_BR_xl {
	background:url(../images/bkg_rounded_corner_bottom_right_xl.gif) repeat-y 100% 100%;
	border-top:1px solid #cdd1d2;
	border-left:1px solid #cdd1d2;
}

.genericBox .headerBox h2,
.genericBox .headerBox h3 {
	position:relative;
	float:left;
	background:#fff;
	padding:0 .2em 0 3px;
	margin:-.4em 0 0
}
.footer {
	clear:both;
	background:url(../images/shadow_footer.gif) repeat-x 0 0;
	padding-top:.7em;
	margin-top:2em;
	text-align:center;
	color:#8191a7;
	font-size:.89em;
}
#footer {
	margin:1.5em 1em;
	clear:both;
	padding:.2em 0 0;
	list-style:inside circle;
}
#footer li {
	display:inline;
	margin-right:.5em;
}
#footer a {color:#8191a7}

/* frontpage.css   */
.footer #footer {margin:0 1em}
/* end frontpage */

.showHide {
	margin:0 0 0 -380px;
	width:760px;
	position:relative;
	left:50%;
	color:#8191a7;
	font-size:0.89em;
}
.showHide a:link,
.showHide a:visited {
	text-decoration:none;
	padding-right:17px;
}
.showHide a:hover {text-decoration:underline}
a.hide {background:url(/images/symbol_hide.gif) no-repeat 100% 50%}
a.show {background:url(/images/symbol_expand.gif) no-repeat 100% 50%}

/*
=GENERIC FORMS
*/

.formError,
.formError li{
	display:none;
	list-style: none;
    color: #c30;
    font-style: italic;
    font-size: 11px;
	margin:-2px 0 0 2px;
	padding:0 0 2px 2em ;
}
.form{margin:10px 0px}
.form div{
	padding:0.1em 0;
	padding-left:15em;
	margin:0.1em 0;
	height:1.7em;	
}
.form label{
	float: left;
	margin-left: -15em;
	width: 15em; 
}
.form h3{padding:5px 0px 5px 0px}		

.formLeft .smallInputBox{
	width:40em;
	padding-left:3em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
.formLeft .smallInputBox label{margin-left:-1.5em}
.formLeft .smallInputBox input{
	width:1.3em;
	position:relative;
	top:0.1em;
	left:-3em;
}
.formLeftOneLine{margin-top:0em}
.formLeftOneLine div{
 	width:40em;
	vertical-align: middle;	
	padding:0.3em 0;
	margin:0.1em 0;
	
}
.formLeftOneLine #dropdown label{margin-left:2em}
.formLeftOneLine label{margin-left:1em;}
.formLeftOneLine input{vertical-align: middle}
.formLeftOneLine span{margin-left:0.5em;}

.formLeftBorder{
    padding:1em;
	width:40em;
	padding-top:10px;
	border:1px solid #BCBCBC;
	vertical-align: middle;
}
.formLeftBorder div label{margin-left:2em}
.formLeftBorder input{vertical-align: middle}
/* end components.css */

/* framework.css */
.center {text-align:center !important}
/* end framework.css */

/* frontpage.css   */
.footer #footer {margin:0 1em}
/* end frontpage */




/****************************************************************************
=SPONSORED LINKS  FINLAND
*****************************************************************************/
/* override som of the general rules */
#footer{font-size:0.89em;text-align:center;}
.footer.wide{
	text-align:center;
	font-size:80%;
	min-width:80em;
}

.footer{
	font-size:80%;
	min-width:62em;
}

.genericBox{
	padding:0 0.6em 0.8em 0.6em;
	margin-top:0;
}
.fontWrapper{margin:0;padding:0;font-size:80%}
#adminContent,
#contentSponsLinks,
#contentSponsLinksWide{
	line-height:1.6em;
	font-size:80%;
}
/* 800-låda */
#contentSponsLinks {
	width:60em;
	margin-left:5px;
	margin-top:10px;
	padding-top:1em;
	
}
/* 1024-låda */
#adminContent { /* Doesn´t need padding, relHelp does that work.*/
	width:77em;
	margin-left:5px;
	margin-top:10px;	
}
#contentSponsLinksWide {
	width:77em;
	margin-left:5px;
	margin-top:10px;
	padding-top:1em;
}
h2{
	font-size:1.2em;
	margin:-.5em 0 0;
}
.rightBox{/*next and back-knappen*/
	margin-left:5px; 
	float:right
}
#backNext{width:55em;margin-bottom:2em;}
#backNextWide{width:67em;margin-bottom:2em;}
#backNextShort{width:30em;margin-bottom:2em;}
#backNextWidest{width:73em;margin-bottom:2em;}

#boxNarrow{ 
	float:left;
	width:45em;
}	
#boxNormal{ 
	float:left;
	width:57em;
	
}
#boxNormal2{ 
	float:left;
	width:57em;
	
}
#boxWide{ 
	float:left;
	width:75em;

}
/* Innehålls-box till nästan alla sidor, ligger i boxNormal och boxWide */
.boxContent{margin:1em 0 0 1em;padding:0.5em 0 0 0}
/* Innehålls-box till extra breda sidor utan hjälp-box, ligger i boxWide */
.boxContentWide{
	width:73em;
	margin:1.5em 0 0 0.5em
}
/*
= NAVIGATION-RULES FROM PASSAGEN, they differs in the width-rule, passagens has 780px,
here we got, 100% and min-width:79.5em.
It works fine when the width is static.
When it changes (like in this application, 100%), it breaks in Opera.
The list can not be nested in a proper way.
Thats way the menu-list looks the way it does.
*/
#adNavContainer{
    line-height:1.0;
	margin-top:0em;
	width:100%;
	min-width:79.5em;
}
#adNav {
	position:relative;
	height:4.1em;
	padding-top:5px;
	width:100%;
	font-weight:bold;
	font-size:0.94em;
	color:#0F3244;
	background:transparant;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#adNav-top,
#adNav-top ul{
	position:relative;
	width:98.6%;
	margin:0;
	padding:0;
	padding:0 0 0 1.5em;
	list-style:none;
}
#adNav-top li {
	float:left;
	width:auto;
	margin:0;
	padding:0;
}
#adNav-top a {
	display:block;
	margin:0 2px 0 0;
	padding:0 0 0 5px;
	border:none;
	color:#0F3244;
    background: url(../images/nav-tabs.gif) no-repeat 0 0;
	text-decoration:none;
	cursor:pointer;
}
#adNav-top span {
	display:block;
	padding:7px 10px 5px 5px;
	background: url(../images/nav-tabs.gif) no-repeat 100% 0;
}
#adNav-top a:focus,
#adNav-top a:focus span,
#adNav-top a:hover,
#adNav-top a:hover span {background-color:#ecf4ff;}
#adNav-top a.sel,
#adNav-top a.sel:hover {
	position:relative;
	margin-bottom:-2px;
	color:#0F3244;
	
	background-position:0 -200px;
	z-index:1000;
}
#adNav-top a.sel span,
#adNav-top a.sel:hover span {
	padding-top:7px;
	padding-bottom:7px;
	background-position:100% -200px;
}
#adNav-top a:hover,
#adNav-top a:focus {
	outline:none;
	color:#0F3244;
	background-position:0 -100px;
}
#adNav-top a:hover span,
#adNav-top a:focus span {background-position:100% -100px;}

/* Sub navigation */
#adNav-top ul {
	position:absolute;
	left:0;
	top:1.07em;
	width:98.5%;
	padding-bottom:0.2em;
	margin:11px 0 0;
	border-width:1px 0 0px 0;
	border-style:solid;
	border-color:#b7c2c6;
	background:#E0EBEE;
	list-style:none;
	background:#E0EBEE;
	height:1.9em;
}
#adNav-top ul li {
	float:left;
	margin:0;
	padding:0;
	font-weight:normal;
}
#adNav-top ul a {
	float:left;
	margin:0;
	padding:5px 8px 6px 14px;
	color:#0F3244;
	background:#E0EBEE;
	text-decoration:underline;
}
#adNav-top ul li.sel a.sel,
#adNav-top ul li a:hover,
#adNav-top ul li a:focus {
	background:#E0EBEE;
	text-decoration:none;
	z-index:0;
	font-weight:bold;
}
/* END  NAVIGATION */

/*
Tools in the menu
*/
#app_name{
    position:absolute;
	left:120px;
	top:20px;
    width:20em;
	font:bold 0.95em/1 arial,sans-serif;
	color:#1C3E4F;
	text-decoration:none;
}
#app_name a{
	text-decoration:none;
	color:#1C3E4F;
}
#balance{
	font-size:80%;
	min-width:55em;
	max-width:77em;
	font-weight:100;
	font-family: "trebuchet ms", trebuchet, sans-serif;
	line-height:1em;
}
#balance a{
	text-decoration:underline;
	font-size:1em;
	padding-left:1em;
}
#balance span{
    float:right; 
    display:block;
	position:relative;
	top:29px;
	left:0em;
    z-index:2000;
	width:13em;
	border:1px solid #b7c2c6;
	border-bottom-width:0px;
	font-weight:100;
	padding:0.2em 0.5em;
	font-family: "trebuchet ms", trebuchet, sans-serif;
	background:#fff;
	color:#0f3244;
	margin-left:40em;
	text-align:center;
}
#contact_logout{
	font-size:80%;
	color:#1C3E4F;
	max-width:78em;
	min-width:30em;
	margin:0;
	padding:0;
	line-height:1em;
}
#contact_logout div{
	font:normal 0.95em/1 arial,sans-serif;
	font-weight:900;
	position:relative;
	top:-50px;
	float:right;
	margin:0px 2px 0px 19em;
	width:30em;
	display:inline;
}
#contact_logout a{
	border-right:1px solid #1C3E4F;
	padding:0 0.5em 0.1em 0.5em;
	color:#1C3E4F;
	font-weight:100;
}
#contact_logout span{margin:0 0.5em}


/* 
RELATED HELP
*/
#help{
 	float:right;
 	width:14em;
}
#help p{margin:1em 0.2em 0.5em 0.5em;}
#help a{
	text-decoration:none;
	padding:1em 0 1em 0;
}
#help img{padding-right:0.2em;}
#help .line{
	text-decoration:underline; 
	margin:0em 0 2em 5px;
}
#help #expandList{
	margin:1em 0.3em 0.5em 0.3em;
	border-top:1px solid silver;
	border-bottom:1px solid silver;
	padding:1em 0;	
}
#help #expandList p{margin:0.5em}
/*
MIXED RULES
*/
.cursive{font-style:italic}
.space{margin-top:1em}
.spaceBottom{margin-bottom:1em}
.spaceTop{padding-top:1em}

.smallSpace{margin-top:0.5em}
.bold{font-weight:900}
select option{padding:0 0.2em}
select{vertical-align:middle}
.empty{width:1em}
.highlight{
	font-weight:900;
	margin-bottom:0.5em;}
.hide{display:none}
.imgLine img{
	vertical-align:middle;
}
.imgText{
	vertical-align:middle;
	margin-right:0.5em;
}
.imgTextR{
	vertical-align:middle;
	margin-left:0.5em;
}
.imgInLine{margin-left:1.5em}
.imgInLine img{
	margin:0 0.5em 0.2em 0.5em;
	vertical-align:middle;
}
.form .textareaHeight{height:120px}
.border_bot{
	border-bottom:1px solid #CDD1D2;
	padding-bottom:1em;
	width:100%;
}
.help_border{
	border-bottom:1px solid #CDD1D2;
	padding-bottom:1em;
	margin-right:1em;
}
.textReadable{
	width:40em;
	margin:1.5em 0 1em;
}
 .infoTxt{
	width:40em;
	padding-bottom:1em;
	margin:0.5em 0 0 0em;
}
.infoTxt img{margin-right:0.5em; vertical-align:middle}
.inputReqInfo{
	margin-left:1.5em;
	padding:0 0.5em;
}
.inputNumInfo{margin-left:0.3em}
.form h3 img{margin:0 0.5em 0 0.2em}
.toggler:link,
.toggler:visited {
	padding-right:17px;
	background:url(../images/arrow_down.gif) no-repeat 100% 50%;
}
.toggler:hover {text-decoration:none}
.toggler-hide:link,
.toggler-hide:visited {
	padding-right:17px;
	background:url(../images/arrow_up.gif) no-repeat 100% 50%;
}
#edit{margin-bottom:0.5em}	
/*
Register RP2
In some of the forms, it is possible to define the width-rule to all input-field at the same time.
But not in all forms, there can be different kind of input so you have to solve it in an other way.
*/
#funding .form input,
#register .form input,
#createListing .form input,
.inputWidth{width:20em}/* Register(RP2) o Add keywords (RP6) */
.required{margin-bottom:2em}
.form #customerNr input{width:10em}
#register .formLeftOneLine{margin-top:3em}
#register .textRow{margin-top:3em}
.form #customerNr input.inputButton{width:6em}
/*
 RP information
*/
#infoSite{margin:2em 0 0 0.5em}
#infoSite div{
    margin:1.5em 2em 1em 2em;
	background:#ecf4ff;
	display:block;	
	float:right;
	width:49.5em;
	padding:2em;
	font-weight:900;
	text-align:left;
}
#infoSite h3{
	text-align:left;
	padding:2em;
}
#infoSite .loggout{text-align:center}

#infoSite .continue{
	text-align:right;
	margin:0 1em 1em 0;
	clear:both;
	width:90%;
}
/*
 RP_loggout
*/
#loggout{margin:2em 0 0 0.5em}
#loggout div{
    margin:1.5em 1em 1em 2em;
	background:#ecf4ff;
	display:block;	
	float:right;
	width:90%;
	padding:2em;
	font-weight:900;
	text-align:left;
}
#loggout h3{
	text-align:left;
	padding:2em;
}
#loggout .loggout{text-align:center}

#loggout p.continue{
	text-align:right;
	margin:0 1em 1em 0;
	clear:both;
	width:90%;
}
/* 
RP loggin_customer
*/
#security_code{font-size:1.5em; margin-left:0.5em}
#login input{width:20em}
#login .form div{padding-left:10em}
#login .form label{
	margin-left:-10em;
	width:10em;
}
#loginButton{
	width:31em;
	margin-bottom:2em;
	margin-top:1em;
}
/*
Create listing (RP5)
*/
#boxBorderTop{
	border-top:1px solid #DBDBDB;
	margin:2em 1em 0 0em;
	width:95%;
}
#boxBorderTop{padding: 1em}
#boxBorderTop h3{margin:2px 0 10px 0}
#boxBorderTop p{margin:2px 0 2px 0}
#createListing .form .inputAfterSelect{width:14.8em}
#createListing .form .inputCheckbox{width:1em}
.relevancy{margin:0.5em 0 1em 1em;}
/* 
Confirm registration RP4
*/
#selected{
	background:#ecf4ff;
	margin-bottom:1em;
	width:40em;
	padding:1em 1em 2em 1em;
	
}
#selected span{font-weight:900}
/* 
Add keywords RP6
*/
.keywordContainer{
	height:45em;
	width:57em;
}
/*Right key-word-box*/
#selKeywords{
	width:24em;
	float:right;
	margin:1em 0.7em 1em 0.5em;
	height:43em;
	padding:0;	
}
#selKeywords h3{
	background:#fff;
	border:1px solid  #BCBCBC;
	border-bottom-width:0px;
	padding:5px;
	width:14em;
	text-align:center;
}
.keywordBox{/* The two blue boxes*/
    background:#E0EbEE;
	border:1px solid  #BCBCBC;
	height:95%;
}
.keywordBox p,
.keywordBox .addButton{margin:0.8em 0 0 1.3em}
#selKeywords #selTextarea{
   margin-left:1em;
   margin-bottom:2.7em;
   width:21.5em; 
   height:30.5em; 
   border:1px solid  #BCBCBC;
   background:#FFF;
   overflow:auto;
}
#selKeywords #selTextarea ul{padding-left:0.2em}
/*Left key-word-box */
#suggTool{
	width:29.5em;
	float:left;
	margin:1em 0.3em 1em 0.4em;	
	height:43em;	
}
#suggTool h3{
	background:#fff;
	border:1px solid  #BCBCBC;
	border-bottom-width:0px;
	padding:5px;
	width:15em;
	text-align:center;
}
#suggHeadline{margin:1em 0 0.4em 7em}
#suggHeadline span{
  	float:left;
  	margin-left:-6em;
}
#suggHeadline div{
	text-align:right;
	margin-right:2em;
}
#suggTextarea{
	margin-left:1em;
	width:27.1em;
	height:26em; 
	border:1px solid  #BCBCBC; 
	background:#FFF;
	overflow:auto;
}
#keywordTable{
	border:0; 
	width:100%;
}
#keywordTable a:hover{text-decoration:none}
#keywordTable th{
	background:#E0EbEE url(../images/left_heading_wp.gif) no-repeat scroll;
	padding:0.2em 0.2em 0.2em 0.2em;
}
#keywordTable td{padding:0.2em}
#keywordTable .keywordsTd{width:100%}
.inputAndButton{margin-left:1em}
/*
Place bids RP7
*/
.legend{margin:1em 0 0 0}
.legend img{/* image and text on one line*/
	margin:0 0.5em 0.2em 0.5em;
	vertical-align:middle;
}
/* 
Review Ads RP8 
*/

#infoKeyword{
	margin:1.5em 1em 1em 2em;
	padding:0;
	width:50em;
	}
#infoKeyword .adText{
	float:left;
	width:24em;
	padding:1em;
	background:#ecf4ff;
	margin:0;
}
#infoKeyword .bidRule{
	float:right;
	width:20em;
	padding:1em;
	background:#ecf4ff;
	margin:0;
}
#infoKeyword div{
	margin:0.8em;
	padding:1em;
}
#dropdown{margin-left:0.3em}
#dropdown select{margin-right:1em}
/* 
Funding One time deposit RP9 
*/
#funding .dropdown{margin-left:3em}
#funding .formLeftOneLine {margin:0  0  1em 3em}
#funding .form h3{margin:0 0 1em 0}
/* 
Funding AutoReplenish (RP10) 
*/
#funding #amount{margin-left:3em}
#funding #amount div{padding-left:17em}
#funding #amount label{	
	margin-left: -17em; 
	width: 17em;
}
#funding #amount input{width:9em}
#funding #fundingForm{margin:1em 0 1em 0}
/*
Funding one time deposit with creditcard RP14+ RP18+ RP21
*/
#info span{font-weight:900}
#info{
	width:40em;
	padding:0  1em 1em 1em;
} 
#buttonList span{margin-left:0.7em}
#buttonList img{vertical-align:middle;margin-left:0.7em}
#deposit #buttonList input{width:1.3em;}
#deposit  .short{width:11em}
#deposit  input{width:20em}
#loggout .confirmation{
	padding-top:0;
	margin-top:0;
}
#deposit h3{margin-left:1em}
.highlightArea{
	padding:0.5em 1em 1em 1em;
	margin:0.5em 1em 1em 0;
	background:#ecf4ff;
}
/*
Funding step2, Autoreplenish with credit card (RP18)
*/
#settings{
	width:27em; 
	float:right;
	margin-top:0;
}
#settings fieldset{padding:1em}

#info .perifer span {font-weight:100}
#autoR.highlightArea{width:47em;}

/*
AutoReplenish with invoice (RP20)
*/
#invoice #settings{margin-top:2.2em}
#invoice #info span{font-weight:900}
#invoice .genericBox{margin-top:0}
/* *************************************************************  
ADCENTER WHEN THE CUSTOMER ALREADY HAS A ACCOUNT
************************************************************** */
#aboveTable{clear:both;width:74em;background:pink;margin-left:2em}
#aboveTable div{ float:right;width:35em}
#aboveTable div span{float:right;display:inline}
#relHelpWide{font-size:0.95em;width:79em;height:1.6em;}
#relHelpWide span{
	float:right;
	width:14em;
	text-align:right;
}
#relHelp{font-size:0.95em;width:57em;margin:0; padding:0}
#relHelp span{float:right;}
.spaceWords{width:25em}
.spaceWordsWide{width:40em}

#miniBtnNarrow{
	margin:-3em 2em 0 0;
	float:right;
}
#miniBtnNarrow input{float:right}
#miniBtn{
	margin-top:-3em;
	float:right;
}
#miniBtn input{float:right}
/*
ADC1
*/
#lobby .messages{
	margin:1em 2.5em 1em 0.5em;
	border-bottom:1px dotted #CDD1D2;
	
}
#lobby form{margin:1.3em}
#lobby .form{float:right;margin-right:4em;padding-left:2em}
#lobby .form span{font-weight:bold}

#lobby h3{margin:0.5em 0}
#lobby .total{float:left;margin-bottom:2em}
#lobby .links{
	float:left;
	margin-left:0.5em;
	margin-right:2em; 
	width:17em; 
	list-style-position:outside;	
}
#lobby .links li{
background: transparent url(../images/list_square.gif) no-repeat scroll 0pt 0.6em;
padding-left:10PX;
}
/*
Ad list ADC2
*/
#pageNumber{width:72.5em;text-align:right;}
#pageNumber form{display:inline}
#pageNumber span{margin:0 0.1em 0 0.2em }
tr.first .statistics{
	padding-right:0.7em;
	text-align:right;
	background:#E0EBEE;
}
#tableInfo{
   margin-top:1em;
   clear:both; 
   width:75em;
}
#tableInfo .imgInLine{
	margin:0 0 0.5em 0.5em;
	width:100%;
}
 #tableInfo .imgInLine span{font-weight:900}
 #tableInfo .infoTxt{margin:0.5em 0 0 0.5em;
}

/*
View ad ADC 3
*/

#adPrev .boxContent{padding-bottom:1em;}
#adCampPrev{
	width:35em;
	float:left;
	margin-left:3em;
	margin-right:0;
}

#adPrev{
	width:35em;
	float:left;
}
#adCampPrev .boxContent{padding-bottom:1em}
#adCampPrev .imgLine img{margin-right:0.5em}
#tools{
	width:72.8em;
	border:1px solid  #BCBCBC;
	border-right:3px solid #BCBCBC;
	margin:0.5em 1em 1em 0.5em;
	padding:0.5em 0 0.2em 0;
	background:#F6F6F6;
	
}
#tools label{margin-left:1em}
#tools .amount{width:3em}
#tools span{float:left}
#tools .apply{float:right;position:relative;top:-3px;left:-0.1em;margin-right:1em;}
#tools input{vertical-align:middle}
#aboveTable select,
#tools select{vertical-align:middle;}
.selSettings{width:9em}
/* ADC 4 */
#campaignSet{margin:2em 0 0 5em;}
#campaignSet.campList{margin:0;}
#campaignSet .form{margin:0em 0}/* ta bort!!!!*/
#campaignSet .campaignName{width:22em}
#campaignSet .formLeftOneLine div{margin:0;padding:0}
#weekdays .formLeftOneLine label,
#timeFrame .formLeftOneLine label,
#campaignSet .formLeftOneLine label{margin-left:0.3em}
#campaignSet #maximum{padding-left:15em}
#campaignSet #maximum span{
	float:left;
	width:15em;
	margin-left:-15em;
}
/* ADC 5 */
 #adCenter.tableSpace{margin-bottom:1em}
/* ADC 6 */
  #infoWide span{font-weight:900}
  #infoWide{
	width:95%;
	padding:0 0 0 0em; 
	margin:0; 
} 
/* ADC8 */
#timeFrame{
	float:left; 
	width:33em;
	margin:2em 0;
}
#timeFrame .form label{
	width:7em;
	margin-left:-7em;
}
#weekdays .form div{padding-left:7em}
#timeFrame .form div{padding-left:7em}
#weekdays .formLeftOneLine div{width:10em}
#timeFrame .formLeftOneLine div{width:10em}
#weekdays .formLeftOneLine span{margin-left:0}
#timeFrame .formLeftOneLine span{margin-left:0}
#timeFrame p{width:20em}
.duration{width:17em}
#weekdays{
	float:right; 
	width:34.5em;
	margin:2em 1em;
}
#weekdays ul li div{display:inline}
#weekdays ul li div span{display:block}
#weekdays ul{display:inline}
#weekdays ul li{
	float:left;
	padding:0.5em 1.2em 0.5em 0;
}
/* ADC 9 */
#miniBtn .miniButton{margin-right:1.5em}
/* ADC 12 */
#infoTight span{font-weight:900}
#infoTight{
	width:40em;
	padding:0  1em 1em 0;
} 
#cards{
   border-left:1px solid silver;
   margin-bottom:2em;
   margin-top:1em;
}
#cards .radio{width:1.3em}
#editAddr{
	font-size:1em;
	float:right;
	margin:1em;
	margin-top:1em;
	width:30em;
	display:inline;
	
}
#editAddr h3{margin-bottom:0.5em}
/* ADC 17 */
#infoRight{
	display:inline;
	float:right;
	width:30em; 
	margin-right:17em;
	margin-top:4em;
	padding-top:0.5em;
}
#narrowForm #info,
#narrowForm{width:25em}
#narrowForm .boxContent{width:25em}
#narrowForm  h3{margin:1em 0}
#narrowForm  select{width:7em}
#narrowForm  .form div{padding-top:0.3em}
#narrowForm .formLeftOneLine div{width:20em}
/* ADC 18*/
.subSpace{margin-top:-1em}

/* ADC 24 */
.spaceLeft{margin:1em 0 1em 0.5em}

/* ADC 25 */
#selected{width:35em}
#selected .formLeft .smallInputBox{width:30em}
/* ADC 26 */
#textMsg{
	padding-bottom:2em;
	height:10em;
}
#textMsg textarea{
	overflow:auto;
	width:20em;
	height:10em;
}
#textMsg input{
	margin-bottom:0.5em;
	margin-left:0.5em;
}

/* ADC 27 */
#paySum{padding-top:2em}
#paySum input{vertical-align:middle}
#paySum span{margin:0 1em 0 0.2em;}
#payer{
	float:right;
	width:35em;
	margin-top:1em;
	border-left:1px solid silver;
	padding-left:3em;
}
#period span{
	margin:1em 0 0 0.5em;
	font-weight:900;
}
/**************************************************
TABLE ENIRO-EGO
*/	
.aboveTable{
    width:55em;
	margin-bottom:0.5em;
	text-align:right;
}
#adCenter{width:73em;margin:0 0.5em}	
table{
	font-size:1em;
	color:#0f3244;
	margin-left:0;
	width:55em;
	border-bottom:3px solid  #BCBCBC;
	border-right:3px solid #BCBCBC;
}
table caption{display:none} 
tbody tr:hover,
tbody tr.emphased:hover{background-color:#ecf4ff}
tbody tr.emphased {background-color:#F6F6F6}/*#CFDCE3*/
td{
	text-align:left;
	padding:0.2em 0.4em;
	border:1px solid #DBDBDB;
}
td img{
	vertical-align:middle;
	margin-left:0.4em;
}
.words{width:12em}
#adCenter .words{width:22em}

.firstTh{border-left:1px solid #DBDBDB}
th img{vertical-align:middle}
th a {color:#0f3244}	
th a:active {color:#0f3244}
th a:visited {color:#0f3244}
th {border-right:1px solid #DBDBDB;}
th.left {border-left:1px solid #DBDBDB;}
th.hover:hover{
    background:#D9E6EA url(../images/table_hover.png) no-repeat 100% 0.1em scroll;
    text-decoration:none;
}
th a{color:#0F3244}
th a:hover{color:#0F3244;text-decoration:none;}
tr.second th{/* Tabell-menyn */
	font:bold 1em/1 arial, sans-serif;	
	text-align:left;
	background:#D9E6EA  url(../images/table_bkg.gif) no-repeat scroll;
	padding:0.5em 1em 0.4em 0.4em;
	
}
tr.second th.img {padding:0;text-align:center}
tr.second th.img_border{
	border-left:1px solid #DBDBDB;
	padding:0;
	text-align:center;
}
tr.second th.img_borderLeft{
	border-left:1px solid #DBDBDB;
	padding:0;
	text-align:left;
	padding-left:0.3em;
}
tr.first th{
	background-color:#F0F1F0;
	font-weight:100; 
	text-align:center;
	padding:0.2em;
	border-top:1px solid #DBDBDB;
	border-left:1px solid #DBDBDB;
}
tr.first th.whiteBg{
	border:0;
	background-color:#FFF
}
tr.last .sum{background-color:#feffdc;font-weight:900}
tr.last .sumTxt{font-weight:900}
tr.last{border-top:3px solid #DBDBDB}