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

:focus {
	outline-color: #999;
}

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

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

body, td, th {
	font-family: Arial;
	color: #2c2e2f;
	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:#005091;
	text-decoration:none;
	cursor: hand;
	cursor: pointer;
}
a:hover {
	text-decoration:underline;
}

.js span.action {
}

div.thin-line {
	border: none;
	border-bottom: solid 1px #666666; /*ändrad*/
	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: right;
	margin-top: 55px;
	height: 240px;
	overflow: hidden;
}
#AvailableResidences h2,
#HousingForms h2 { margin-top: 0; }
#AvailableResidences label,
#HousingForms label { font-weight: bold; }
#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 { border-left: 1px solid black; padding-left: 15px; }
#HousingForms ul.NumberOfRooms { padding-bottom: 30px; font-weight: bold; }
#HousingForms ul.NumberOfRooms li { float: left; margin-right: 19px; }
#HousingForms ul.NumberOfRooms .RoomCount { float: left; }
#HousingForms ul.NumberOfRooms .RoomCount input { margin-bottom: 0; }
#HousingForms .HousingDetails 
{
	clear: both;
	border-top: 1px  solid black;
	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: 20px; }
#HousingForms .HousingDetails .SearchCriterion label 
{
	float: left;
	width: 50px;
	margin-top: 5px;	
}
#HousingForms .HousingDetails .SearchCriterion select { width: 115px; margin-left: 10px; }
#AdvancedSearchSubmitArea
{
	clear: both;
	width: 100%;
	border-top: 1px solid #666666;
	overflow: hidden;
}
#AdvancedSearchSubmitArea .SubmitControls 
{
	float: right; 
	width: 500px; 
	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: #666666; text-decoration: underline; }
#AdvancedSearchSubmitArea .SubmitControls .HitResults 
{
	margin: 4px 0px 0px 0px; 
	float: right; 
	color: #666666; 
	font-size: 16px;	
}
#AdvancedSearchSubmitArea .SubmitControls .NrOfHits { font-weight: bold; }
/* end Advanced Search */

#SubMenuContainer 
{
	z-index: 253;
}

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

#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;
}

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

#ContentPanel
{
	
	z-index: 239;
	position: relative;
	float: right;
	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: #666666;
}  

.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;color:#666666;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}