/*** Base style ***/
:root {
	overflow-y: scroll;
}

:focus {
	outline-color: #999;
}

html {
/*	font-size: small;*/
}

body {
	font-size: 0.78em;
/*	position: relative;*/
}

body, td, th {
	font-family: Arial;
	color: #000;
	background-repeat: no-repeat;
}

body.ModalPopupBehavior #ContentContainer
{
	z-index: 900;
}

body.ModalPopupBehavior #ContentContainer iframe 
{
	visibility: hidden;	
}



select, input, textarea {
	font-family: Arial;
	color: #000;
}

img {
	border-width: 0;
}

a, .js span.action {
	color:#820000;
	text-decoration:none;
	cursor: hand;
	cursor: pointer;
}
a:hover {
	text-decoration:underline;
}

.js span.action {
}

div.thin-line {
	border: none;
	border-bottom: solid 1px #cfcfcf;
	height: 1px;
	margin: 8px auto;
}

.clear {
	clear: both;
	float: none;
}

.clearboth {
	clear: both;
	float: none;
	height: 1px;
	margin-top: -1px;
	font-size: 1px;
	background: none;
	position: relative;
}

.clearright {
	clear: right;
	float: none;
	height: 1px;
	margin-top: -1px;
	font-size: 1px;
}

.whitebg, .innerwhitebg {
	background-color:#fff;
}
 .strong {
 	font-weight:bold;
 }
 .cursor-hand {
 	cursor:pointer;
 }
 
/*** Fonts ***/
h1,h2,h3,h4 {
	font-family:"Gill Sans MT", Arial, sans-serif;
}
h1 {
	font-size: 1.82em;
 	font-weight: normal;
	line-height: 24px;
	margin: 0 0 10px 0;
	padding: 0;
}
h2 {
	font-size: 1.45em;
	font-weight: normal;
	line-height: 19px;
}
h3 {
	font-size: 1em;
	font-weight: bold;
}
p {
	font-size: 1em;
	line-height: 116%;
	margin: 0;
}
p.ingress {
	font-size: 1.27em;
	line-height: 118%;
	padding-bottom: 10px;
}
.red {
	color:red;
}

/*** Layout ***/
body {
	margin: 0;
}

form {
	display: block;
	margin: 10px auto;
	width: 969px;
	position: relative;
}

#Logotype {
	width: 70px;
	left: 20px;
	top: 10px;
	position: absolute;
	z-index: 277;
}

#TopMenuPanel {
	float: right;
	position: relative;
	/*height: 59px;*/
	z-index: 277;
	right: 17px;
	padding-right: 18px;
}

#SearchPanel {
	position: absolute;
	z-index: 251;
	top: 0px;
	right: 0;
}

#EasySearchPanel
{
	position: absolute;
	z-index: 252;
	top: 61px;
	right: 0;
}

#SearchPanel .box, #EasySearchPanel .box
{
	margin: 0 15px;
}

/* Advanced Search */
#AvailableResidences, 
#HousingForms 
{
	float: left;
	height: 200px;
	overflow: hidden;
}
#AvailableResidences h2,
#HousingForms h2 { margin-top: 0; }

#AvailableResidences { margin-bottom: 10px; margin-right: 10px; width: 420px; }

#AvailableResidences .Counties { float: left; width: 150px;	}
#AvailableResidences .SearchFormCaption,
#HousingForms .SearchFormCaption { display: block; width: 100px; margin-bottom: 5px; }
#HousingForms ul.NumberOfRooms { list-style-type: none; padding: 0px; margin: 0px; }
#AvailableResidences table.AvailableCounties { margin: 0; padding: 0; }

#AvailableResidences table.AvailableCounties input { margin-left: 0; }
#AvailableResidences .Projects,
#AvailableResidences .Projects .AvailableProjects { float: left; }
#AvailableResidences .Projects .AvailableProjects .checkbox-list { height: 185px; }
#AvailableResidences .Projects .SearchFormCaption { float: left; width: 50px; }

#AvailableResidences .Projects .AvailableProjects select { width: 210px; height: 190px; }
#HousingForms div.NumberOfRooms { padding-bottom: 30px; font-weight: bold; }
#HousingForms div.NumberOfRooms label { float: left; margin-right: 19px; margin-top:2px; }
#HousingForms div.NumberOfRooms input { float: left; }
#HousingForms div.NumberOfRooms .RoomCount { float: left; }
#HousingForms div.NumberOfRooms .RoomCount input { margin-bottom: 0; }
#HousingForms .HousingDetails 
{
	clear: both;
	overflow: hidden;
	height: auto;	
	width: 310px; /*ie6 requirement - set exact width*/
	margin-right: 7px;
}
#HousingForms .HousingDetails .SearchCaption { margin: 10px 0; padding-left: 62px; border: none; }
#HousingForms .HousingDetails .SearchCaption label { margin-right: 105px; }
#HousingForms .HousingDetails .SearchCriterion { margin-bottom: 19px; }
#HousingForms .HousingDetails .SearchCriterion label 
{
	float: left;
	width: 55px;
	margin-top: 5px;	
}
#HousingForms .HousingDetails .SearchCriterion select { width: 115px; margin-left: 10px; }
#AdvancedSearchSubmitArea
{
	clear: both;
	width: 100%;
	border-top: 1px solid black;
	overflow: hidden;
}
#AdvancedSearchSubmitArea .SubmitControls 
{
	float: right; 
	width: 700px; 
	text-align: right; 
	margin-right: 0; 
	margin-top: 10px; 
	height: 23px;
}
#AdvancedSearchSubmitArea .SubmitControls .Spacer { float: right; margin-left: 15px; margin-right: 17px; }
#AdvancedSearchSubmitArea .SubmitControls .AdvancedSearchToggle { float: right; cursor: hand; cursor: pointer; }
#AdvancedSearchSubmitArea .SubmitControls .AdvancedSearchSubmit { float: right;	}
#AdvancedSearchSubmitArea .SubmitControls .SearchDetailedButton { color: #000; text-decoration: underline; }
#AdvancedSearchSubmitArea .SubmitControls .HitResults 
{
	margin: 4px 0px 0px 0px; 
	float: right; 
	color: #000; 
	font-size: 16px;	
}
#AdvancedSearchSubmitArea .SubmitControls .NrOfHits { font-weight: bold; }
/* end Advanced Search */

#SubMenuContainer 
{
	z-index: 253;
	
}

#SubMenuPanel {
	
	
	float: left;
	width: 119px;
	overflow: hidden;
	margin: 10px 0 15px 15px;
	z-index: 149;
	position:relative;
}

#FlashPanel
{
	position: relative;
	clear: right;
	float: right;
	overflow: hidden;
	z-index: 8;
}

#FlashPanel #MainFlash
{
	position: absolute;
	z-index: 9;
	top: 3px;
	right: 0;
	overflow: hidden;
}

#FlashPanel .altContent
{
	position: absolute;
	top: 150px;
	right: 0;
	width: 100%;
	text-align: center;
	z-index: 10;
}

.FlashPlaylist
{
    float:right;
    margin-right:17px; 
    clear:right; 
    display:inline;
  }

#ContentContainer
{
	position: relative;
	float: right;
	clear: right;
/*	overflow: hidden;*/
	z-index: 238;
}

#ContentPanel
{
	clear:right;
	z-index: 239;
	
	padding: 10px 15px 10px; 
}

#UpdateProgress
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff url(/graphics/ajax-loader.gif) no-repeat 50% 50%;
}


form.logout 
{
	margin: 47px auto;
	width: 402px;
}

.logoutBox 
{
	background: url(graphics/logout_box_top2.gif) top left no-repeat;
	padding-top: 105px;
	width: 401px;
	height: 105px;
}

.logoutBox .content
{
	background: url(graphics/logout_box_bottom.gif) bottom left no-repeat;
	padding: 10px 29px 25px 29px;
}


/*
 * Table style
 *
 */
table.style1 {
}    

table.style1 tr {

}    

table.style1 th {
    color: #666666;
    background: #fff;
    padding: 2px 8px;
    border-bottom: 1px solid #ccc;
    text-align: left;
}    

table.style1 tr.top th {
    border-bottom: none;
    padding-bottom: 3px;
} 

table.style1 th.alt {
    background: #f8f8f8;
}    

table.style1 tr.top th,
table.style1 tr.head th
{
    text-align: right;
}   

table.style1 tr.top th.first, 
table.style1 tr.head th.first 
{
    text-align: left;
}   

table.style1 td {
    background: #fff;
    text-align: right;            
    padding: 2px 8px;
    border-bottom: 1px solid #ccc;
}    

table.style1 td.alt {
    background: #eee;
}    

table.style1 tr.hover th,
table.style1 tr.hover td
{
    background: #eee;
    color: #000;
}  

.alignright
{
	float: right;
}
.alignleft
{
	float:left;
	margin-bottom:2px;
	margin-top:2px;
}
.textAlignRight
{
	display:block;
	text-align:right;	
}

/*Styles för ObjectPicturesPopup-->*/
.LoggoDiv{ width:72px; margin:0 0 0 20px; position:relative; float:left;}
.closeButtonImgPopup{position:absolute; left:429px; margin:20px 0 0px 0px; width:93px; height:45px; }
.topHolder{margin-top:10px; width:522px; height:50px; position:relative;}
.projectname{font-style:italic; clear:both; font-size:1.5em; margin:20px 0 0 30px;}
.imagediv {background-color:#EBEBEB;margin-top:30px; margin-left:20px; width:500px; padding:10px; border:solid 1px #d6d6d6}
.textdiv {padding:10px 20px 10px 20px; font-family:Trebuchet ms, Verdana; font-size:15px}
.imageContainer {margin-top:25px;}
.imagediv img {border:0}
     
span-tooltip,
.span-tooltip-error
{
	text-decoration:none;
}

.span-tooltip span,
.span-tooltip-error span
{
	display:none;
}

.span-tooltip:hover,
.span-tooltip-error:hover
{
	position:relative;
	text-decoration:none;
	cursor:help;
}
	
.span-tooltip:hover span
{
	position:absolute;
	display:block;
	top:-90px; left:0;
	border:1px solid #666666;
	background-color:#ffffaa;
	padding:2px;
	color:#666666;
	width:200px
}
	
.span-tooltip-error:hover span
{
	position:absolute;
	display:block;
	top:-30px; left:-60px;
	border:1px solid #666666;
	background-color:#ffffaa;
	padding:2px;
	color:#666666;
	width:200px
}

.ContactInputField
{
	background:#ededed url(/graphics/input_text_bg.gif) repeat-x scroll left top;
	border:1px solid #AAAAAA;
	font-size:1.09em;
	height:17px;
	vertical-align:middle;
	padding:2px 0 0 2px;
	width:188px;	
}
 
.InterestTextArea
{
	margin: 0px; 
	width: 260px;
	height:43px;
	font-size:1.09em;
	overflow-y:scroll;
}
 
.SendButton
{
	background-image:url(/graphics/buttons/skicka.gif) no-repeat 0 0;
	width:65px;
	height:22px;
	margin:5px 0 5px 5px;
	display:inline;
}
 .CustomerID
 {
 	margin-top:5px;
 	font-size:2em;
 	color:#820000;
 	clear:left;
 	display:block;
 	}	
.AllimagesAndMap-object
{
	margin: 10px 0px 15px -10px;	
}
.AllimagesAndMap-object img
{
	margin: 0px 0px 0px 10px;	
}
.AllimagesAndMap-object a
{
 color:#000;	
}	
.AllimagesAndMap-object a:hover
{
	text-decoration:none;
	color:#820000;
}
.YellowField
{
	background-color:#ffffaa;
	padding:5px;
	text-align:left;
	color:#000;
	margin-top:5px;
	border:1px solid #AAAAAA;
	}
.YellowField tr,
.YellowField td
{
	color:#000;
	border-width: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.YellowField table
{
	margin-left: -2px;
}
.IngressBlock-div
{
	padding-bottom:8px;	
}
.Textblock-div
{
	padding:12px 0px; 
	border-top:solid 1px #E9E9E9;
}

.ContentColumn-left
{
    float: left; 
    width: 490px;
}


.TopInfoPanel
{
	margin-bottom:10px;
 font-style:italic;	
}

/*** Expandable box ***/
.expandable-box {
	width: 297px;
	background: url(/Elements/ExpandableBox/bg-top.gif) no-repeat 0 0;
	padding-top: 12px;
	margin: 2px 0 8px;
}
.expandable-box .box-bottom {
	background: url(/Elements/ExpandableBox/bg-bottom.gif) no-repeat 0 bottom;
	padding-bottom: 12px;
}
.expandable-box .box-header, .expandable-box .expandable-box-body {
	background: url(/Elements/ExpandableBox/bg-borders.gif) repeat-y 0 0;
	padding: 2px 12px 0;
	min-height: 1px;
	clear: both;
	/*overflow-x: hidden;  DETTA GÖR NÅGOT KONSTIGT I F.F Behövs den?*/
}
.expandable-box h2 {
	margin: 0;
	padding: 0 0 9px;
}
.expandable-box h2:hover {
	cursor: pointer;
}
.expandable-box img.expandImg {
	float: left;
	margin: 2px 3px 0 0;
}
.expandable-box h2, .expandable-box .box-facts {
	border-bottom: solid 1px #cfcfcf;
}
.expandable-box .box-content 
{
	padding-top: 8px;
	padding-bottom: 4px;
}
.expandable-box .box-content p {
	margin: 5px 0;
}
.expandable-box-body .box-content .ResidenceFacts span
{
 margin-bottom:2px;	
}
.expandable-box .box-more {
	padding-top: 5px;
	border-top: solid 1px #cfcfcf;
	text-align: right;
}
.expandable-box .box-facts {
	padding: 5px 0;
}
.expandable-box-body {
	background-color: #fff;
}