/*
  CityMark Web Stylesheet 1.1
  
  Author: Christher Lenander/Per Selin
*/
* {
    margin: 0;
    padding: 0;
}

/* 
  Predefined elements 
*/ /* Document */
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.70em;
    line-height: 10pt;
    height: 100%;
}

* html body {
    overflow: hidden;
}

/* Links */
a {
    color:#006227; /* #000;
    text-decoration: underline;*/
}

a:hover {
    color: #990000;
}

a:active,a:visited {
     color:#006227; /*color: #000;*/
}

/* Typography */
h1 {
    font-weight: normal;
    font-size: 1.8em;
    margin-bottom: 20px;
}

h1#logo {
    text-indent: -9000px;
    height: 20px;
    background: url(../img/headers/we.jpg) no-repeat top left;
}

h2 {
    font-size: 1.6em;
}

h3 {
    font-size: 1.4em;
    margin-bottom: 20px;
}

h4 {
    font-size: 1em;
    color: #006227;
    margin-bottom: 2px;
}

h4.title {
    font-size: 1.1em;
    color: #006227;
    margin-bottom: 5px;
}
h4.title a {
    color: #006227;
    margin-bottom: 5px;
    text-decoration: none;
}
h4.title a:hover {
	color: #990000;
}


.extra-margin {
	margin: 10px 0 0 10px;
}
/**
  Navigation
*/ /* Top navigation */
#navbar {
    background: url(../img/logo.gif) no-repeat left 12px;
    width: 960px;
    height: 110px;
    margin: 0 auto;
}

#navbar #nav {
    width: 670px;
    height: 100%;
    float: right;
}

#nav ul {
    margin: 23px 0 0 0;
    padding: 0;
    list-style: none;
    float: right;
}

#nav ul li {
    float: left;
    margin: 0 0.2em 0 0.1em;
}

#nav li a {
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    line-height: 2em;
    float: left;
}

#nav ul a span { /*display:block;*/
    padding: 0 0.8em;
    height: 25px;
    cursor: pointer;
}

#nav ul a:hover span { /*display:block;*/
    float: left;
    background: url(../img/tab_left_side.gif) no-repeat top left;
    cursor: pointer;
}

#nav ul a:hover {
    color: #fff;
    float: left;
    background: url(../img/tab_right_side.gif) no-repeat top right
        #a9bc52;
}

#home #nav ul a.current,#products #nav ul a.current,#about #nav ul a.current,#contact #nav ul a.current
    { /*display:block;*/
    float: left;
    height: 25px;
    margin: 0 0.8em;
    color: #fff;
    background: url(../img/tab_right_side.gif) no-repeat top right
        #a9bc52;
}

#home #nav ul a.current span,#products #nav ul a.current span,#about #nav ul a.current span,#contact #nav ul a.current span
    { /*display:block;*/
    float: left;
    background: url(../img/tab_left_side.gif) no-repeat top left;
    cursor: pointer;
}

/* 
  Layout 
*/
#header {
    z-index: 100;
    background: url(../img/body_bg.gif) repeat-x #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 110px;
}

/* topbar */
#topbar {
    background:#006227;/* url(../img/anim_login.gif) 650px no-repeat;*/
    color: #fff;
    width: 960px;
    height: 40px;
    margin: 0 auto;
}

#topbar-user {
    width: 960px;
    float: right;
    text-align: right;
    height: 20px;
    margin-top: 5px;
    margin-right: 5px;
}

#content {
    padding: 140px 0 15px 0 !important; /* For real webbrowsers, IE6 does not read this line */
    padding: 0px 0 15px 0; /* IE6 */
    width: 960px;
    display: table;
    margin: 0 auto;
}

#footer {
    position:relative;
    width: 100%;
}

#footer .content {
    background: #ccc;
    font-size: 7.4pt;
    color: #000;
    width: 960px;
    text-align: center;
    height: 20px;
    padding: 5px 0 0 0;
    margin: 0 auto;
}

#footer #banners {
    clear: both;
    margin: 0 auto;
    width: 960px;
}
 /*
  One Column Layout
*/
.oneColLayout #content #column1 {
    width: 960px;
    margin: 0 auto;
}

/*
  Two Column Layout
*/
.twoColLayout #content #column1,
.twoColLayout #content #column2 {
    position: relative;
    width: 400px;
    float: left;
}

.twoColLayout #content #column1 {
    margin-right: 30px;
}

/*
  Two Column Layout for contact
*/
.twoColLayout#contact #column1,.twoColLayout#contact #column2 {
    position:relative;
    width: 400px;
    float: right;
}
.twoColLayout#contact #column1 {
    position:relative;
    float: left;
}

/*
  Three Column Layout
*/
.threeColLayout #content #column1 {
    width: 298px;
    float: left;
    margin-right: 28px;
    border: 1px solid #CCC;
    background: #EDEDED;
}

.threeColLayout #content #column2 {
    width: 240px;
    float: left;
    margin-right: 30px;
}

.threeColLayout #content #column3 {
    width: 360px;
    float: left;
}

/*
  Three Column Layout
*/
.threeColLayout #products{
    width: 960px;
}

.threeColLayout #products #column1 {
    width: 300px;
    float: left;
    margin-right: 30px;
    border: none;
    background: #FFFFFF;
}

.threeColLayout #products #column2 {
    width: 300px;
    float: left;
    margin-right: 30px;
}

.threeColLayout #products #column3 {
    width: 300px;
    float: left;
}

/* 
  Kartena
*/
#kartena {
    position: relative;
    z-index: 1;
    background: #ccc;
    width: 360px;
    height: 360px;
    margin: 0;
    padding: 0;
    border: 1px solid #CCC;
}

/* Typography for specific parts of the layout */
#column1 h1,#column2 h1,#column3 h1 {
    margin: 15px 0 15px 10px;
}

.threeColLayout #column1 p,.threeColLayout #column2 p,.threeColLayout #column3 p
    {
    font-size: 8pt;
    line-height: 12pt;
    margin-bottom: 15px;
}

.threeColLayout #column1 p {
    margin: 0 10px 15px 10px;
}

.twoColLayout #column1 p,.twoColLayout #column2 p {
    margin: 0 0 15px 0;
}


/*
  Forms
*/ /* Login */
div#empsLoginForm {
    float: right;
    margin-top: 5px;
}

/*form#empsLoginForm .input {
    color: #fff;
    float: left;
    margin-right: 10px;
}*/

/*div#empsLogin#tmp_button {
    margin: 0;
    padding: 0;
}*/







/*
  Logos
*/
#products h1#logo {
    text-indent: -9000px;
    height: 45px;
    margin-bottom: 40px;
    background: url(../img/headers/products_white.jpg) no-repeat;
}

h1#header_contact {
    text-indent: -9000px;
    height: 45px;
    margin-bottom: 40px;
    background: url(../img/headers/contact_white.jpg) no-repeat;
}

h4#header_new {
    text-indent: -9000px;
    height: 19px;
    margin-bottom: -10px;
    background: url(../img/headers/new_white.gif) no-repeat;
}

#about h1#logo {
    text-indent: -9000px;
    height: 45px;
    margin-bottom: 40px;
    background: url(../img/headers/about_white.jpg) no-repeat;
}

#products #header_object {
    text-indent: -9000px;
    height: 20px;
    margin-top: 10px;
    background: url(../img/products/objekt.gif) no-repeat;
}

#products #header_project {
    text-indent: -9000px;
    height: 20px;
    margin-top: 10px;
    background: url(../img/products/projekt.gif) no-repeat;
}

#products #header_analyze {
    text-indent: -9000px;
    height: 20px;
    margin-top: 10px;
    background: url(../img/products/analys.gif) no-repeat;
}

#products #header_tenancy {
    text-indent: -9000px;
    height: 20px;
    margin-top: 10px;
    background: url(../img/products/mappen.gif) no-repeat;
}

#products #header_media {
    text-indent: -9000px;
    height: 20px;
    margin-top: 10px;
    background: url(../img/products/media.gif) no-repeat;
}

#products #header_citymark {
    text-indent: -9000px;
    height: 20px;
    margin-top: 10px;
    background: url(../img/products/tidning.gif) no-repeat;
}

#products #header_move {
    text-indent: -9000px;
    height: 20px;
    margin-top: 10px;
    background: url(../img/products/move.gif) no-repeat;
}

#products #header_husguiden {
    text-indent: -9000px;
    height: 20px;
    margin-top: 10px;
    background: url(../img/products/husguiden.gif) no-repeat;
}
#products #profile {
    text-indent: -9000px;
    height: 20px;
    margin-top: 10px;
   background: url(../img/products/profilikon.jpg) no-repeat;
}

#products #header_timing {
    text-indent: -9000px;
    height: 20px;
    margin-top: 10px;
    background: url(../img/products/timing.gif) no-repeat;
}

ul#regions {
    margin-left: 25px;
    margin-bottom: 15px;
    font-size: 8pt;
}

/* Mail form */
#PagesContactForm div {
    width: 400px;
    margin-bottom: 10px;
}

#PagesContactForm div label {
    display: block;
    font-weight: bold;
}

#PagesContactForm div .text {
    width: 260px;
}

#PagesContactForm div .select {
    width: 265px;
}

#PagesContactForm div .textarea {
    display: block;
    width: 450px;
    height: 125px;
}

.img_right {
    float: right;
}

img {
    border: none;
}

#banners ul#list_of_banners {
    display: block;
    height:105px;
    width: 960px;
    list-style-type: none;
}

#banners ul#list_of_banners li {
    display: inline;
    float: left;
}

#banners ul#list_of_banners li a {
    position: relative;
    z-index: 200;
    display: block;
    width: 120px;
    height: 43px;
    margin:0 0 2px 0;
}

#banners ul#list_of_banners li a img {
    border: none;
    width: 120px;
    height: 43px;
}

/* rest */
#notice {
    background: #990000;
    padding: 10px;
    color: #fff;
    font-size: 10pt;
    margin-bottom: 15px;
}

#notice a {
    color: #FFCC00;
}

#TenantDemo a {
    color: #005DB1;
}

/**
* Start Css for the citymark 
* Customer webb
**/
.navbarText
{
	margin-left:320px;
	padding-top:10px;
	color:green;
	font-size:12px;
}
.navbarInnertext
{
	margin-left:40px;
	margin-right:10px;
}

#AppLogin{
	 /*width:240px;
	 height:210px;
	 padding-top:10px;
	 padding-left:16px;*/
	 margin-left:300px;
	 margin-right: auto;
	 /*background: url(../img/chrome/bg_ljusgra.gif) repeat;*/	
}
.LoginContent{
	width:240px;
	height:210px;
	padding-top:10px;
	padding-left:16px;
	background: url(../img/chrome/bg_ljusgra.gif) repeat;		
}
.loginheader{
	display:block;
	background:#006227;
	
	
	margin-left:-16px;
	margin-top:-10px;
	padding-top:10px;
	padding-left:16px;
	color:white;
	height:24px;
	width:100%;	
}
.roundtop {background: #ffffff;width:256px;}
.roundbottom {background:  #ffffff;width:256px;}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background:#006227;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background:#006227;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background:#006227;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background:#006227;}
.loginfooter{
	display:block;
	background:#006227;
	/*
	margin-left:-16px;
	margin-top:-10px;
	padding-left:16px;*/
	color:white;
	height:14px;
	width:256px;	
}	
#AppLogin h2{
	margin-bottom: 10px;
	
}
.submitLogin{
	margin-top:6px;
	margin-bottom:22px;	
}

#LoginError{
	font-style:bold;
	color:red;
	padding-top:10px;
	min-height:40px;
	
}
.zonoption{
	width:100px;
	margin-left:6px;
	padding-left:2px;	
	}
.dateOption {
	width:60px;
	margin-left:6px;
	padding-left:2px;
}	
.objekt{
	margin-left:240px;
	width:560px;
	
}
.hits{
	margin-left:40px;
	width:960px;

		
}
.objektMove{
	margin-left:140px;
	width:560px;
	
}
/**
* Search objekt
**/

#searchFieldHeader{
	display:block;
	color:green;
	font-size:13px;
	}
#searchField{
	margin-left:4px;
	width:290px;
	
}
#searchButton {
	margin-left:66px;
	width:120px;
	}
#searchButtonMove {
	margin-left:199px;
	width:120px;
}

.headerTextLeft{
	font-weight:bold;
	color:green;
	font-size:1.4em;
	display:inline-block;
	*display:inline;
	width: 240px;
	height:30px;
	margin-bottom:10px;
}	
.headerText{
	font-weight:bold;
	float:right;	
	color:green;
	height:30px;
	font-size:1.1em;
	display:block;
	*display:inline;
	width: 240px;
	margin-bottom:10px;
	margin-right: -55px;
	
}
/*
.headerText a:active, a:visited {
	color:green;
}
.headerText a {
	color:green;
	text-decoration:underline;
}
*/
#footer{
	margin-top:12px;
	display:block;
}
.footerRow{
	display:block;	
}
.footerTD{
	display:inline-block;	
}
.footerTDR{
	display:inline-block;
	float:right;
	margin-top:-4px;
	padding-right:8px;	
}
#seachLabel{
	color:green;
	font-size:1.2em;
	font-weight:bold;
	clear:none;
	display:inline-block;
	width: 210px;
	margin-left:4px;
	
}
/**
* Search result
**/
.resultHeader{
	height:40px;
	background-color:#006227;
	color:white;
	font-weight:bold;
}
.resultHeader a{color:white;}
.resultHeader a:visited{color:white;}
/*
#resultA a{
	color:white;
	width:10%;
}
#resultA a:visited{
	color:white;
	width:10%;
}
*/
.countSelected{display:inline;font-weight:bold;}
.countSelected a, a:active, a:visited{
	display:inline;
	/*color:green;*/
}
.count{display:inline;}
.count a, a:active, a:visited{
	display:inline;
	/*color:green;*/
}

.zon{
	width:120px;
		
}
.rrowOdd{
	height:30px;
	border-top-style:solid;
	border-top-width:4px;
	border-top-color:black;
	
}
.rrowEven{
	height:30px;
	border-top-style:solid;
	border-top-width:4px;
	border-top-color:black;
	/*backgroung-color:green;*/
	background: url(../img/chrome/bg_ljusgra.gif) repeat;	
}


/**
*Company infopage
**/

.localCompany {
	display:block;	
	margin-bottom:150px;
	margin-left:140px;
	width:670px;
	padding:5px;
	
	border-style:solid;
	border-width:1px;
	
}

.C-separator{
	display:block;	
	height:252px;
}
.companyInfoLeft{
	width:310px;
	float:left;
	height:252px;
	
	
	border-bottom-color:green;
	border-bottom-style:solid;
	border-bottom-width:medium;	
	/*display:table;*/
}
.companyInfoLeftBottom{
	width:318px;
	height:auto;
	float:left;
	height:264px;
	margin-top:5px;
}
.companyInfoRigth{
	width:340px;
	height:252px;
	float:left;
	padding-left:5px;
	border-left-color:green;
	border-left-style:solid;
	border-left-width:medium;
	
	border-bottom-color:green;
	border-bottom-style:solid;
	border-bottom-width:medium;
	
}
.companyInfobottem{
	display:block;	
	width:670px;
	min-height:190px;
	margin-top:0px
}
.localCompanyHeadtitel {
	background:#006227 none repeat scroll 0 0;
	padding-top:8px;
	color:#FFFFFF;
	height:24px;
	text-align:center;
}
.localCompanyTableLeft {width:150px;}
.contentTable {border:thin solid;}

.cLabel{
	font-weight:bold;
	clear:none;
	display:inline-block;
	*display:inline;
	width: 108px;
}
.cLabelBottom{
	font-weight:bold;
	clear:none;
	display:inline-block;
	*display:inline;
	width: 112px;
}
.cRow{
	display:block;
    min-height: 16px;
}
.cRowLocal{
	display:block;
	height:auto;
	margin-top:2px;
	margin-bottom:2px;
}
.cInfo{
	display:inline-block; /*table-cell;*/
	*display:inline;
	height:auto;
	width:185px;
}

#email{
	display:block;
	height:25px;
	
}
.badress{
	display:block;
	height:40px;	
}
.movelabelInfo {
	color:green;
	font-size:12px;
	font-weight:bolder;
	height:20px;
	width:620px;
	padding-top:6px;
	display:block;	
}
.commentBox{
	float:left;
	width:330px;
	background-color:#deebe2;
	padding:5px;
	min-height:250px;
	margin-top:5px;
	padding-bottom:20px;	
}
/**
* Profil page
**/

.profilBox
{
	border-style:solid;
	border-width:1px;
	display:block;
	margin-bottom:20px;
	margin-left:60px;
	padding:5px;
	width:830px;
	height:360px;	
}
.profilLeftBox
{
	float:left;
	height:310px;
	width:440px;		
}
.profilRightBox
{
	float:left;
	height:310px;
	width:380px;		
}
.profilLabel
{
	font-weight:bold;
	display:inline-block;
	width:160px;
}
.profilText
{
	float:right;
	
}
/**
* Change Password/Username page
**/
.changeUserNameBox
{
	float:left;
	height:310px;
	margin-left:210px;
	margin-right:auto;
	width:440px;		
}

.fieldLabel
{
	font-weight:bold;
	display:inline-block;
	padding-top:6px;
	padding-bottom:6px;
	width:200px;
}
#UpdateButton
{
	margin-left:200px;
	
}


/* One line Horizontal Orientation */