* { /* reset all margins and paddings */
   margin:0; 
   padding:0;
font-family: arial;
/*line-height: 100%;*/
} 
img { border: none; }

/* basic elements */

html, BODY {
	margin-top:0px;
	margin-bottom:0px;
	margin-left: 0px;
	margin-right: 0px;
	/*height: 100%;*/
}

body { background-color: #fff; }

h1 {	color: #000;	font-size: 1.7em; }
h2 {	color: #000;	font-size: 1.5em; }
h3 {	color: #000;	font-size: 1em; }
h4 {	color: #000;	font-size: 0.9em; }
h5 {	color: #000;	font-size: 0.8em; }

p {
	color: #000; /*767676;*/
	font-size: 12px;
	padding-bottom: 3px;
}

td {
	color: #000; /*767676;*/
}

HR { border-bottom: 1px solid  #EEEEEE; }

.hr { border-bottom: 1px solid  #EEEEEE; font-size: 0px; margin: 5px 0px; }

/* page objects */

#page,
#startpage { 
    width: 960px;
    margin:  0px auto 10px auto;
    text-align: left;
}
/*#page, #startpage, #menu_vert {height: 100%;}*/

#header {
 
}

#content { 

	/*background: #ffffff url(images/elements/bg_page.gif) left top repeat-x;*/
	display: table; width: 960px;
	padding: 0px 0px 0px 0px;
}
#startpage #content { border-top: 2px solid #858585; padding-top:14px; padding-bottom:19px; }
#page #content {  
	/*min-height: 400px;*/
	/*height: expression(parseFloat(navigator.appVersion.split('MSIE')[1]) < 7 ? '400px' : '');*/	/* IE6 fix: if MSIE lower than version 7 set height */
}
/*#content.safari { width: 960px; }*/

.clear { clear:both; font-size:0px; }

#custom_top {
	height: 110px; margin:0px;
}

#top_menu {
	float: right;
	height: 35px;
	padding-right: 2px;
}

#top_login {
	float: right;
	height: 35px;
	/*padding-right: 10px;*/
}

#top_menu { margin-top: 13px; }
#top_menu table td {
	padding-left: 5px;
	font-size: 11px;
	color: #767676;
	white-space: nowrap;
}
#top_menu table.search td { padding-left: 2px; }

#top_menu table td.top_menu_sep { color: #bcbcbc; }

#custom_logo { float: left; margin: 3px 0px 0px 9px; }

#custom_userinfo {
	padding: 0px 2px 0px 10px;
	clear:both;
}
#custom_userinfo, 
#custom_userinfo table td {
	color: #767676;
	font-size: 11px;
	white-space: nowrap;
}
#custom_userinfo table { float:right;}
#custom_userinfo table td {
	padding: 0px 0px 0px 6px; 
}

.classHide { display:none; }

A {
	font-size: 12px;
	color: #ef6000;
	text-decoration: none;
}
a .controlinactive, a:hover .controlinactive,
.controlinactive a, .controlinactive a:hover  { color: #c0c0c0; }
#top_menu a { font-size: 11px; }
#maincontent A { color: #ef6000; }


#maincontent a.linkButton { color: #ffffff; }

A:hover {
	text-decoration: underline;
}

#pagepopup { 
    width: 590px;
    margin:  0px auto 10px auto;
    text-align: left;
    height: 100%;
}

#mainpopup {
	vertical-align: top;
	padding-left: 20px; padding-right: 40px; padding-bottom: 20px; padding-top: 12px;
	background-color: #ffffff; 
            height: 300px;
}



#maintheme { }

/* --- main start --- */
#mainstart {
	float: left;
}

#mscontent {
	padding: 0px 0px 0px 0px;
	/*vertical-align: middle;*/
}

/* --- main right col --- */
#mainstartright {
	vertical-align: top;
	float: left; margin-top: 7px;
}

#msrcontent {
 width: 312px; float: left; padding-left: 11px;

}

#mainmiddle {
	clear: both;
	padding-top: 15px;
	width: 100%;
}


#mainbottom {
	border-top: 2px solid #858585;
	margin-top:1px;
	float: left;
	width: 100%;
	/*background: url(images/elements/bg_page_bottom_right.gif) right top repeat-x; */
}

.pageModified,
.footer,
.footerValue,
.footerValueRight,
.footer table td {
  font-size: 11px;
  color: #7b7a7a;
  white-space:nowrap;
}
.footer a { font-size: 11px; }
.pageModified span { font-weight: bold; }
div.pageModified {text-align:right; font-style: italic; margin-top:5px;}



#mbcontent {
	padding: 4px 0px 20px 0px;
}

/*.fbsubmit, .fbsubmit_prev, .fbsubmit_next
{
  cursor: pointer;
  font-size: 11px; text-decoration: none; color: #006fc3; font-weight: bold;
  border: solid 1px #a0a0a0; padding-left: 8px; padding-right: 8px; 
  padding-top: 2px; padding-bottom: 2px;
  background: #FFFFFF url(images/f2k/f2k_tblfunctions_bg.jpg) left bottom repeat-x;
}
*/

/*input[type='submit'],*/
.btn_small_alert, .signin_button
{
	FONT-SIZE: 10px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #000000;
	cursor: pointer;
	padding: 0px 3px 0px 6px;
	text-align: center;
	background: #C60000 url(images/elements/bg_btn_alert.gif) top left repeat-x;
}

input.fbsubmit, input.fbsubmit_prev, input.fbsubmit_next,
input.btn_default {
	padding: 1px 3px 3px 6px;
	padding-bottom: expression('2px');
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	float: left;
	border: none;
	height: 19px;
	background: url(images/elements/bg_btn_orange_left.gif) top left no-repeat;
	cursor: pointer;
}
#login.boxFancy input.btn_default { background-image: url(images/elements/bg_btn_blue_left.gif); }

input.fbsubmit:hover, input.fbsubmit_prev:hover, input.fbsubmit_next:hover,
input.btn_default:hover { text-decoration: underline; }
.interestform .btn_default_end, 
.btn_default_end { 
	background: url(images/elements/bg_btn_orange_right.gif) top right no-repeat; 
	float: left;
	height: 19px;
	width: 2px;
	font-size:0px;
}
#login.boxFancy .btn_default_end { background-image: url(images/elements/bg_btn_blue_right.gif); }

a.btn_default:link, a.btn_default:hover, a.btn_default:active, a.btn_default:visited,
a.btn_alert:link, a.btn_alert:hover, a.btn_alert:active, a.btn_alert:visited,
a.btnMain:link, a.btnMain:hover, a.btnMain:active, a.btnMain:visited {
	background: url(images/elements/bg_btn_orange_right.gif) no-repeat right top;
	font-family: arial;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	padding-right: 9px; padding-left: 0px;
	height: 19px;
	text-decoration: none;
	/*display: table;*/
	float: left;
	margin-left: 2px;
}
a.btn_alert:link, a.btn_alert:hover, a.btn_alert:active, a.btn_alert:visited {
	background-image: url(images/elements/bg_btn_red_right.gif);
}
a.btnMain:link, a.btnMain:hover, a.btnMain:active, a.btnMain:visited { 
	background-image: url(images/elements/bg_btn_orange_border_right.gif);
	height: 23px;
	margin-left: 0px;
	margin-right: 2px;
	color: #ef6000;
}
a#green.btnMain:link, a#green.btnMain:hover, a#green.btnMain:active, a#green.btnMain:visited { 
	background-image: url(images/elements/bg_btn_green_right.gif);
}

a.btn_default:hover,
a.btn_alert:hover,
a.btnMain:hover {
	text-decoration: underline;
}

a.btn_default span,
a.btn_alert span,
a.btnMain span {
	background: url(images/elements/bg_btn_orange_left.gif) no-repeat;
	white-space: nowrap;
	padding: 2px 0px 0px 9px;
	height: 17px;	
	/*display: table;*/
	float: left;
	cursor: pointer;
	color: #fff;
}
a.btn_alert span { 
	background-image: url(images/elements/bg_btn_red_left.gif);
}
a.btnMain span { 
	background-image: url(images/elements/bg_btn_orange_border_left.gif);
	height: 19px; 
	padding-top: 4px;
	color: #ef6000;
	font-weight: bold;
}
a#green.btnMain span { background-image: url(images/elements/bg_btn_green_left.gif); }
table.info a.btnMain span { float: right; }


INPUT, SELECT, TEXTAREA
{
	font-size: 11px;
	color: #333333;
}
input[type='text'], input[type='password'] { 
	background: url(images/elements/bg_input_text.gif) left top repeat-x; 
	border: 1px solid #a0a0a0;
	padding-top: 2px;
	padding-bottom: 2px;
}


.errorAlert {
 color: red;
 font-size: 12px;
 font-weight: normal;
}




/* --- top navigation --- */
#menu_horiz {
	 /*height: 28px;*/
	 clear: both;
	 margin-right: 0px;
	 margin-top: 4px;
	 display:table;
	 width:100%;
	 border-top: 2px solid #858585;
	 border-bottom: 2px solid #858585;
}


#menu_horiz #wrapper,
#menu_horiz .wrapper {
	width:100%;
	display:table;
	margin: 1px 0px 1px 0px;
	padding: 3px 0px 3px 0px;
	background: #92b466;
}

#menu_horiz .menu_horiz_hidden { display:none; }
#menu_horiz .menu_horiz_alert #wrapper,
#menu_horiz .menu_horiz_alert .wrapper { background: #bfd3a5 url(images/elements/bg_menu_separator.gif) left top repeat-y;  }


.menu_horiz
{
	margin: 0px 10px 0px 18px;

}
.menu_horiz_alert .menu_horiz { margin: 0px 0px 0px 7px; }

.menu_horiz ul, .menu_horiz li
{
	margin: 0;
	padding: 0px;
	display: inline;
	list-style-type: none;
}

.menu_horiz a:link, .menu_horiz a:visited, .menu_horiz a:active, .menu_horiz a:hover
{
	float: left;
	padding: 1px 8px 1px 8px;
	margin: 0px 5px 0px 5px;
	text-decoration: none;
	color: #ffffff;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;	
}
.menu_horiz_alert .menu_horiz a:link, 
.menu_horiz_alert .menu_horiz a:visited, 
.menu_horiz_alert .menu_horiz a:active, 
.menu_horiz_alert .menu_horiz a:hover { color: #6a8d3c; }

.menu_horiz a.current:link, .menu_horiz a.current:visited, .menu_horiz a.current:hover, .menu_horiz a.current:active {
	background: url(images/elements/bg_btn_top_menu_right.gif) no-repeat right top;
	color: #67893a;
	padding: 0px 11px 0px 0px;
	margin: 0px 2px 0px 3px;
	height: 18px;
	text-decoration: none;
	/*display: table;*/
	float: left;
}

.menu_horiz a:hover { color: #d2e6b5; }
.menu_horiz_alert .menu_horiz a:hover { color: #82a555; }
.menu_horiz a.current:hover { color: #86af5b; }

.menu_horiz a.current span {
	background: url(images/elements/bg_btn_top_menu_left.gif) no-repeat;
	white-space: nowrap;
	padding: 1px 0px 0px 10px;
	height: 17px;	
	/*display: table;*/
	float: left;
	cursor: pointer;
}



/* ------ TAB MENU ------- */
.tabmenu { background: url(images/elements/bg_tab.gif) repeat-x left bottom; width: 100%; margin-bottom: 15px; }

.tabmenu a:link, .tabmenu a:visited, .tabmenu a:active, .tabmenu a:hover,
.tabmenu a.active:link, .tabmenu a.active:visited, .tabmenu a.active:active, .tabmenu a.active:hover
{
	float: left;
	font-weight: normal;
	padding: 0px 20px 0px 0px;
	text-decoration: none;
	background: url(images/elements/bg_tab_right.gif) right bottom no-repeat;
	height: 25px; /* height - padding-vertical*/
	margin-right: 1px;
}
.tabmenu a.active:link, .tabmenu a.active:visited, .tabmenu a.active:active, .tabmenu a.active:hover {
	background-image: url(images/elements/bg_tab_right_active.gif);
}


.tabmenu a span,
.tabmenu a.active span
{
	padding: 6px 0px 0px 20px;
	background: url(images/elements/bg_tab_left.gif) left bottom no-repeat;
	/*display: table;*/
	float: left;
	cursor: pointer;
	height: 19px; /* height - padding-vertical */
	white-space: nowrap;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-weight: bold;	
}
.tabmenu a.active span {
	background-image: url(images/elements/bg_tab_left_active.gif);
	color: #010101;
}
.tabmenu a:hover span { color: #e5e5e5; }
.tabmenu a.active:hover span { color: #4b4b4b;}

.tabmenu .navbox { float:right; background: url(images/elements/bg_tab_end.gif) no-repeat left bottom; padding-left: 46px;  }
.tabmenu .navbox table { height: 25px; }
.tabmenu .navbox a, .tabmenu .navbox a:link, .tabmenu .navbox a:visited, .tabmenu .navbox a:active, .tabmenu .navbox a:hover { float:none; background:none; }
.tabmenu .navbox a, .tabmenu .navbox a:link, .tabmenu .navbox a:visited, .tabmenu .navbox a:active, .tabmenu .navbox a:hover,
.tabmenu .navbox .controlinactive { font-size: 11px; font-weight:bold; padding: 0px 5px 0px 5px; margin:0px; }
.tabmenu .navbox .controlinactive { color: #c0c0c0; }
.tabmenu .navbox a:hover { text-decoration: underline; }

.tabContainer { display:none; }
/* ------ END: TAB MENU ------- */

.boxWelcomeHappyFamily { background-image: url(images/elements/bg_welcome_happyfamily.jpg);}


.boxWelcomeHappyFamily,
.boxWelcomeLoadDynamic
{
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ffffff;
	padding-left: 30px;
	padding-right: 10px;
	padding-top: 40px;
	height: 100%;
	height: 161px;
}

.boxWelcomeHeadlineImg {
	font-size: 25px;
	height: 40px;

}

.boxWelcomeText div { width: 420px; }
.boxWelcomeText p,
.boxWelcomeText {
	font-size: 11px;
	color: #000;
	font-weight: normal;
}
.boxWelcomeText { padding: 19px 0px 3px 0px; }
.boxWelcomeText .WelcomeTextSubTitle { font-weight: bold; font-size: 12px; }
.boxWelcomeText div.WelcomeTextSubTitle { padding-bottom: 3px; }



.btnForNoneCustomers {
	background: url(images/elements/bg_btn_for_none_customers.gif) left top no-repeat;
	color: #94b9eb;
}

.btnForCustomers {
	background: url(images/elements/bg_btn_for_customers.gif) left top no-repeat;
	color: #b4e584;
}
.btnForNoneCustomers,
.btnForCustomers {
	height: 108px;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	font-family: arial;
	font-size: 11px;
	cursor: pointer;
}

.btnForNoneCustomers div,
.btnForCustomers  div {  
	padding: 43px 23px 5px 80px;
}
a:hover .btnForNoneCustomers,
a:hover .btnForCustomers { text-decoration: none; }



#menu_vert {
	float:left;
	width: 188px; /*200*/
	min-height: 300px;  /* height will be fixed in js/common.js */
	vertical-align: top;
	background: #fff url(images/elements/bg_menu.gif) right top repeat-y;
}

.menu_vert {
	width: 100%;
	padding: 9px 0px;
	margin-top: 0px;
	margin-left: 0px; 
	font-weight: normal;
}


.menu_vert .separator  {
	border-bottom: solid 1px #dfdfdf;
	margin: 8px 10px 7px 9px;
	padding-top: 0px;
	padding-bottom: 0px;
	/*height: 20px;*/
	list-style-type: none;
	vertical-align: top;
	line-height: 0px;
	font-size: 0px;
}

.menu_vert ul { margin-left: 10px;  margin-top: 3px; }
.menu_vert ul ul { margin-top: 4px; margin-bottom: 4px; margin-left: 14px; }

.menu_vert li {
	list-style: none;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	line-height: 14px;
}


.menu_vert li a {
	display: block;
	text-decoration: none;
	/*margin-left: 10px;*/
	font-size: 12px;
	line-height: 14px;
	background: none;
	padding-left: 10px;
	margin-left: 9px;
	font-weight: bold;
}


.menu_vert li a:link { /*color: #c60000;*/ }
.menu_vert li a:visited { /*color: #c60000;*/ }

.menu_vert li.current a,
.menu_vert li a:hover
{
	background: url(images/elements/e_arrow_right_orange.gif) left 3px no-repeat;
}

.menu_vert li.sectionheader { color: #696969; padding-left: 19px; }

.menu_vert li.current a:link { /*color: #000000;*/ }
.menu_vert li.current a:visited { /*color: #000000;*/ }
.menu_vert li.current a:hover { /*color: #000000;*/ }
.menu_vert li.normal a:link { /*color: #c60000;*/ }
.menu_vert li.normal a:visited { /*color: #c60000;*/ }
.menu_vert li.normal a:hover { /*color: #000000;*/ }

.infoQuestionMarkIconSatellite {
	background-image: url(images/elements/ico_questionmark_satellite.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-left: 18px;
	min-height: 16px;
	color: #a7e0fe;
	font-weight: normal;
	font-family: arial;
	font-size: 11px;
}

.infoQuestionMarkIconSatellite a {
	color: #000000;
}

.infoSatellite {
	color: #000000;
}

.infoSatellite a {
	color: #a7e0fe;
}

.menu_vert a.menumessage {
	background-image: url('images/elements/ico_message.gif');
	background-position: right 1px;
 	background-repeat: no-repeat;
	padding-right: 19px;
}


.menu_vert li li { border: none; padding-top: 2px; padding-bottom: 2px; }

.menu_vert li.normal li.current li.normal a,
.menu_vert li.current li a,
.menu_vert li.normal li a,
.menu_vert li li a { 
	font-size: 11px; 
	line-height: 14px;
	background: none;
	padding-left: 12px;
}

.menu_vert li.normal li.current li.normal a:hover,
.menu_vert li li.current a,
.menu_vert li li a:hover
{
	background: url(images/elements/e_arrow_right_orange.gif) left 3px no-repeat;
}

.menu_vert a.inactive { color: #b1b1b1;}


.menu_vert .linkAlert {
	background-color: #fcf900;
	border-top: 1px solid #000000; 
	border-bottom: 1px solid #000000;
	color: #b34900;
}

/* ----------- NEWS -------------- */
#mainnews {
	width: 328px;
	vertical-align: top;
}

#mncontent {

	padding: 0px 0px 0px 28px;
}

#mncontent2 {
	padding-left: 25px;
}

#msrncontent {
	padding-top: 7px;
}


.newsheader {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding-bottom: 15px;
}

.news_summary,
.news {
	padding: 0px 0px 11px 0px;
}

.news_even td,
.news_odd td,
div.news_even,
div.news_odd {
	padding: 2px; vertical-align: top;
}
.news_odd { background: #f6f6f6;}

.newstitle {
	color: #2d2d2d;
	font-size: 11px;
	font-weight: bold;
}

.news_even td.date,
.news_odd td.date, .newstitle span {  white-space: nowrap; font-size: 11px; color: #2d2d2d; font-weight: normal; }


.newsdate { 
 color: #4f4f4f; 
 font-size: 12px;
}

.newsitem {
	font-size: 11px;
	padding-top: 0px;
	padding-bottom: 10px;
}

.newslink a {
	font-size: 10px;
	background: url(images/elements/e_square_red.gif) left 4px no-repeat;
	padding-left: 13px;
}

/* ----------- END NEWS -------------- */



/* ----------- PUFF -------------- */

#mainpuff {
	vertical-align: top;
	padding-left: 0px; 
	padding-top: 10px;
	display:table;
}

#mpcontentpuff, #mpcontentnews, .mpcontentnews {
	padding: 0px 0px 0px 0px; float:left;
}
#mpcontentpuff { 
	/*width: 460px; */
}
#mpcontentnews, .mpcontentnews { 
	width: 100%;  padding-top: 2px;
}

.puff {
	padding: 0px 20px 0px 20px;
	width: 161px;
	/*border-right: solid 1px #d3d3d3;*/
}
#end.puff { border: none; }

.aboutusOverview .content .puff { width: 215px; }
.aboutusOverview .content #start.puff { padding-left: 0px; }
.aboutusOverview .content #end.puff { padding-right: 0px; }

.findApartmentPuffs .puff { width: 230px; }
.findApartmentPuffs #start.puff { padding-left: 0px; }



.boxPuffTopGrey .puffheader { color: #232323; }
.boxPuffTopBlue .puffheader { color: #ffffff; }

.puffheader {
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	padding-top: 8px;
	padding-bottom: 3px;
	color: #000000;
}

.puffitem {
	padding-top: 3px;
	padding-bottom: 10px;
}

.puffitem, .puffitem p {
	font-size: 11px;
	font-family: arial;
	color: #232323;
}

.puffmorelink {
	padding-top: 3px;
}

.puffseparator {
	/*border-right: solid 1px #868686;*/
}

.boxPuffBlue {}
.boxPuffGrey {}
.boxPuffYellow {}


#mainpuff .boxPuffGrey .boxPuffTop,
#mainpuff .boxPuffGrey .boxPuffMain { width: 173px; }
.boxPuffGrey .puffempty { width: 205px; }
.boxPuffGrey .puffseparator { width: 11px; }
 
.boxPuffGrey .boxPuffTopLeft,
.boxPuffBlue .boxPuffTopLeft,
.boxPuffYellow .boxPuffTopLeft {
	background-repeat: no-repeat;
	background-position: left top;
	width: 4px;
	border-bottom: 1px solid #c0c0c0;
}
.boxPuffGrey .boxPuffTopLeft { 
	background-image: url(images/elements/bg_puff_header_grey_top_left.gif);
	border-color: #a9a9a9; 
}
.boxPuffBlue .boxPuffTopLeft { 
	background-image: url(images/elements/bg_puff_header_blue_top_left.gif);
}
.boxPuffYellow .boxPuffTopLeft { 
	background-image: url(images/elements/bg_puff_header_yellow_top_left.gif);
	border: none;
}



.boxPuffGrey .boxPuffTopRight,
.boxPuffBlue .boxPuffTopRight,
.boxPuffYellow .boxPuffTopRight {
	background-repeat: no-repeat;
	background-position: right top;
	width: 4px;
	border-bottom: 1px solid #c0c0c0;
}
.boxPuffGrey .boxPuffTopRight { 
	background-image: url(images/elements/bg_puff_header_grey_top_right.gif);
	border-color: #a9a9a9; 
}
.boxPuffBlue .boxPuffTopRight { 
	background-image: url(images/elements/bg_puff_header_blue_top_right.gif);
}
.boxPuffYellow .boxPuffTopRight { 
	background-image: url(images/elements/bg_puff_header_yellow_top_right.gif);
	border: none;
}



.boxPuffGrey .boxPuffTop,
.boxPuffBlue .boxPuffTop,
.boxPuffYellow .boxPuffTop {
	border-bottom: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	padding: 6px 12px 6px 17px; 
	padding-top: expression('7px'); /* IE fix */
}

.boxPuffGrey .boxPuffTop { 
	background-color: #ededed; border-color: #a9a9a9; font-size: 13px; color: #000; 
	padding: 12px 11px 8px 11px;
}
.boxPuffBlue .boxPuffTop { background-color: #0e88c7; }
.boxPuffYellow .boxPuffTop { background-color: #f7f1d1; border-bottom: none; color: #928649; }
.boxPuffYellow #headerGrey.boxPuffTop { font-weight: normal; color: #707070; }

.boxPuffGrey .boxPuffLeft,
.boxPuffBlue .boxPuffLeft,
.boxPuffYellow .boxPuffLeft {
	border-left: 1px solid #c0c0c0;
	vertical-align: bottom;
	background-color: #ffffff;
	width: 4px;  
}
.boxPuffGrey .boxPuffLeft {
	background: url(images/elements/bg_puff_main_grey.gif) left top repeat-x;
	border-color: #a9a9a9;
}

.boxPuffGrey .boxPuffRight,
.boxPuffBlue .boxPuffRight,
.boxPuffYellow .boxPuffRight {
	border-right: 1px solid #c0c0c0;
	vertical-align: bottom;
	background-color: #ffffff;
	width: 4px;
}
.boxPuffGrey .boxPuffRight {
	background: url(images/elements/bg_puff_main_grey.gif) right top repeat-x;
	border-color: #a9a9a9;
}

.boxPuffGrey .boxPuffMain,
.boxPuffBlue .boxPuffMain,
.boxPuffYellow .boxPuffMain {
	background-color: #ffffff;
	font-family: arial;
	color: #424344;
	padding: 7px 12px 4px 17px;
	padding-top: expression('8px'); /* IE fix */
}
.boxPuffGrey .boxPuffMain, .boxPuffBlue .boxPuffMain, .boxPuffYellow .boxPuffMain,
.boxPuffGrey .boxPuffMain a, .boxPuffBlue .boxPuffMain a, .boxPuffYellow .boxPuffMain a {font-size: 11px;}
.boxPuffGrey .boxPuffMain {
	background: url(images/elements/bg_puff_main_grey.gif) left top repeat-x;
	padding-right: 11px; padding-left: 11px; 
}
.boxPuffYellow .boxPuffMain { padding-top: 0px; }

.boxPuffGrey .boxPuffBottom,
.boxPuffBlue .boxPuffBottom,
.boxPuffYellow .boxPuffBottom {
	background: #ffffff url(images/elements/bg_puff_bottom.gif) bottom left repeat-x;
	height: 11px;
}
.boxPuffYellow .boxPuffBottom { background-image: url(images/elements/bg_puff_bottom_yellow.gif); }
.boxPuffYellow .boxPuffLeft, 
.boxPuffYellow .boxPuffRight, 
.boxPuffYellow .boxPuffMain, 
.boxPuffYellow .boxPuffBottom { 
	background-color: #f7f1d1; 
}

.boxPuffGrey .boxPuffBottomLeft,
.boxPuffBlue .boxPuffBottomLeft,
.boxPuffYellow .boxPuffBottomLeft {
	background: url(images/elements/bg_puff_bottom_left.gif) left bottom no-repeat;
	width: 4px;
	height: 11px;
}
.boxPuffYellow .boxPuffBottomLeft { background-image: url(images/elements/bg_puff_bottom_yellow_left.gif); }

.boxPuffGrey .boxPuffBottomRight,
.boxPuffBlue .boxPuffBottomRight,
.boxPuffYellow .boxPuffBottomRight {
	background: url(images/elements/bg_puff_bottom_right.gif) right bottom no-repeat;
	width: 4px;
	height: 11px;
}
.boxPuffYellow .boxPuffBottomRight { background-image: url(images/elements/bg_puff_bottom_yellow_right.gif); }


.boxPuffGrey .boxPuffMain .tblPuffContent,
.boxPuffBlue .boxPuffMain .tblPuffContent,
.boxPuffYellow .boxPuffMain .tblPuffContent {
  margin-bottom: 6px;
} 

.boxPuffGrey .boxPuffMain .tblPuffContent td,
.boxPuffBlue .boxPuffMain .tblPuffContent td,
.boxPuffYellow .boxPuffMain .tblPuffContent td {
 padding: 0px 10px 5px 0px;
} 


/* PUFF: info */

/*.boxInfo { background: #ffffff url(images/elements/bg_box_info.gif) left bottom repeat-x; }*/
.boxInfo { background: #f3f0e4; }


.boxPuffInfo { background: #ffffff; }


.boxInfo .boxPuffTopLeft, 
.boxPuffInfo .boxPuffTopLeft { 
	background: url(images/elements/bg_puff_info_top_left.gif) left top no-repeat;
	width: 5px; height: 5px; font-size: 0px;
}
.boxInfo .boxPuffTopRight,
.boxPuffInfo .boxPuffTopRight { 
	background: url(images/elements/bg_puff_info_top_right.gif) right top no-repeat;
	width: 5px; height: 5px; font-size: 0px;
}
.boxInfo .boxPuffTop,
.boxPuffInfo .boxPuffTop {
	border-top: 1px solid #c0c0c0;
	height: 4px; font-size: 0px
}

.boxInfo .boxPuffLeft,
.boxPuffInfo .boxPuffLeft {
	border-left: 1px solid #c0c0c0;
	width: 4px;  
}
.boxInfo .boxPuffRight,
.boxPuffInfo .boxPuffRight {
	border-right: 1px solid #c0c0c0;
	width: 4px;
}
.boxInfoLight td,
.boxInfo .boxPuffMain,
.boxPuffInfo .boxPuffMain {
	font-size: 11px;
	font-family: arial;
	color: #6d6f71;
	vertical-align: top;
	padding: 9px 17px 11px 17px;
}
.boxInfo .boxPuffMain, .boxInfoLight td { padding-left: 10px; padding-right: 5px; color: #010101; }

.boxInfo .boxPuffBottomLeft {
	background: url(images/elements/bg_box_info_bottom_left.gif) left bottom no-repeat;
	width: 5px; height: 11px; font-size: 0px;
}
.boxPuffInfo .boxPuffBottomLeft { 
	background: url(images/elements/bg_puff_info_bottom_left.gif) left bottom no-repeat;
	width: 5px; height: 5px; font-size: 0px;
}
.boxInfo .boxPuffBottomRight {
	background: url(images/elements/bg_box_info_bottom_right.gif) right bottom no-repeat;
	width: 5px; height: 11px; font-size: 0px;
}
.boxPuffInfo .boxPuffBottomRight { 
	background: url(images/elements/bg_puff_info_bottom_right.gif) right bottom no-repeat;
	width: 5px; height: 5px; font-size: 0px;
}
.boxInfo .boxPuffBottom {
	background: url(images/elements/bg_box_info_bottom.gif) left bottom repeat-x;
	height: 11px; font-size: 0px;
}
.boxPuffInfo .boxPuffBottom {
	border-bottom: 1px solid #c0c0c0;
	height: 4px; font-size: 0px;
}

.boxPuffInfo .boxPuffMain .title { font-size: 16px; color: #6d6f71; }
.boxPuffInfo .boxPuffMain table { margin: 2px 0px 2px 0px; }
.boxPuffInfo .boxPuffMain table td { color: #6d6f71; padding: 1px 0px 1px 0px; }
.boxPuffInfo .boxPuffMain table td.label { color: #aaaaaa; padding-right: 10px; }
.boxPuffInfo .boxPuffMain table td.separator { font-size: 0px; height: 5px; }

.boxInfo .boxPuffMain .title { font-family: arial; font-size: 18px; color: #000000; margin-bottom: 10px; }
.boxInfo .boxPuffMain div.title { margin-bottom: 5px; }
.boxInfo .boxPuffMain .smalltitle, .boxInfoLight .smalltitle { font-family: arial; font-size: 11px; color: #000; font-weight: bold; }
.boxInfo .boxPuffMain .alert { font-family: arial; font-size: 11px; color: #ff0000; font-weight: bold; }
.boxInfo .boxPuffMain a { color: #006fc3; font-weight: bold; }
.boxInfo .boxPuffMain .separator , .boxInfoLight .separator { background: url(images/elements/bg_box_info_separator_vertical.gif) 40px top repeat-y; width: 81px; font-size: 0px; }

.boxInfo .boxPuffTitle,
.boxPuffInfo .boxPuffTitle { 
	background: #003b88 url(images/elements/bg_title.gif) top left no-repeat; 
	border: 1px solid #c0c0c0; 
	height: 34px; /* height - vertical padding */
	height: expression('30px');
	font-family: arial;
	font-size: 18px;
	color: #ffffff;
	padding: 2px 10px 2px 10px;
}
.boxInfo #left.boxPuffTitle, .boxPuffInfo #left.boxPuffTitle { border-right: none; }
.boxInfo #right.boxPuffTitle, .boxPuffInfo #right.boxPuffTitle { border-left: none; }
.boxInfo #center.boxPuffTitle, .boxPuffInfo #center.boxPuffTitle { border-left: none; border-right: none; }


.boxInfo .boxPuffTitle .small,
.boxPuffInfo .boxPuffTitle .small { font-size: 14px; white-space: nowrap; }


table.boxPuff2Green td { 
  padding: 15px; 
  border: 1px solid #92b466;
  background-color: #e1f0ce;
  vertical-align:top;
}
table.boxPuff2Green td.separator { background-color: transparent; border: 0px; width:10px; padding:0px;margin:0px;}

/* --- coffee --- */
  #coffee.boxPuffInfo { background: #ffffff url(images/elements/bg_box_info_coffee.jpg) right 1px no-repeat; }
  #coffee.boxPuffInfo .boxPuffMain { padding-right: 140px; }
/* --------------------- */


/* --- availableApartments --- */
  #availableApartments.boxInfo  { background: #003a88 url(images/elements/bg_btn_available_apartments.gif) left top no-repeat; }

  #availableApartments.boxInfo .boxPuffMain,
  #availableApartments.boxPuffInfo .boxPuffMain 
  { padding-top: 8px; padding-bottom: 8px; padding-left: 8px; color: #93b6e4; }

  #availableApartments.boxInfo .boxPuffMain .alert,
  #availableApartments.boxPuffInfo .boxPuffMain .alert 
  { font-weight: bold;  font-size: 12px; color: #93b6e4; }
/* --------------------- */


/* --- findApartment --- */
  #findApartment.boxInfo { background: #2f5b00 url(images/elements/bg_btn_find_apartment.gif) left top no-repeat; }

  #findApartment.boxInfo .boxPuffMain,
  #findApartment.boxPuffInfo .boxPuffMain 
  { padding-top: 8px; padding-bottom: 8px; padding-left: 8px; color: #bde398;  }

  #findApartment.boxInfo .boxPuffMain .alert,
  #findApartment.boxPuffInfo .boxPuffMain .alert 
  { font-weight: bold;  font-size: 12px; color: #bde398; }
/* --------------------- */




/* ----------- END: PUFF -------------- */


/* ----------- START: BANNER -------------- */

.banner {
  background: url(images/elements/bg_banner_eksluttningen.jpg) no-repeat; 
  width: 405px; height: 118px;
  margin-top: 10px;
  margin-left: 18px;
  color: #ffffff;
  cursor: pointer;
}

.banner .banner_headline, .banner .banner_text { padding-left: 280px; padding-right: 10px; text-decoration: none;}
.banner .banner_headline {  font-family: arial; font-size: 18px; padding-top: 24px; padding-bottom: 3px; }
.banner .banner_text { font-size: 11px;}

a.bannerlink:hover .banner_headline, a.bannerlink:hover .banner_text { text-decoration: none; color: white; } 

/* ----------- END: BANNER -------------- */





/* --- Pageing --- */

.newspageing .control,
.newspageing .controlinactive { font-weight: bold; }
.newspageing .controlinactive { color: #c0c0c0; }

div.newspageing { padding: 0px 0px 4px 0px; clear: both; font-size: 11px; }
div#top.newspageing { margin: 0px 0px 4px 0px; padding: 0px 0px 3px 2px; }
div#bot.newspageing { padding: 2px 0px 0px 2px; }
div.newspageingseparator { clear: both; font-size: 0px; height: 1px; }

/* --- END Pageing --- */

/* -------------- START: Styles som kan användas i HTML-editorn ------------- */

.text_normal,
.text_normal p,
.text_normal a,
.text_normal a:link, .text_normal  a:visited, .text_normal a:active, .text_normal a:hover {
	font-family: arial;
	font-size: 12px;
	color: #000;
	line-height: 15px;
}

.text_ingress,
.text_ingress p,
.text_ingress a,
.text_ingress a:link, .text_ingress a:visited, .text_ingress a:active, .text_ingress a:hover {
	font-family: arial;
	font-size: 15px;
	color: #000;
	line-height: 17px;
}



.rubrik_mellan,
.rubrik_mellan p,
.rubrik_mellan a,
.rubrik_mellan a:link, .rubrik_mellan a:visited, .rubrik_mellan a:active, .rubrik_mellan a:hover {
	font-family: arial;
	font-size: 16px;
	color: #000;
	line-height: 20px;
	font-weight: normal;
}

.rubrik_huvud,
.rubrik_huvud p {
	font-family: arial;
	font-size: 18px;
	color: #000;
	line-height: 22px;
}


.text_normal_alert,
.text_normal_alert p,
.text_normal_alert a,
.text_normal_alert a:link, .text_normal_alert  a:visited, .text_normal_alert a:active, .text_normal_alert a:hover {
	font-family: arial;
	font-size: 12px;
	color: #c60000;
	line-height: 15px;
}

.text_ingress_alert,
.text_ingress_alert p,
.text_ingress_alert a,
.text_ingress_alert a:link, .text_ingress_alert  a:visited, .text_ingress_alert a:active, .text_ingress_alert a:hover {
	font-family: arial;
	font-size: 15px;
	color: #c60000;
	line-height: 17px;
}

.rubrik_mellan_alert,
.rubrik_mellan_alert p,
.rubrik_mellan_alert a,
.rubrik_mellan_alert a:link, .rubrik_mellan_alert a:visited, .rubrik_mellan_alert a:active, .rubrik_mellan_alert a:hover {
	font-family: arial;
	font-size: 16px;
	color: #c60000;
	line-height: 20px;
}

.rubrik_huvud_alert,
.rubrik_huvud_alert p {
	font-family: arial;
	font-size: 18px;
	color: #c60000;
	line-height: 22px;
}

/* -------------- END: Styles som kan användas i HTML-editorn ------------- */

#tblHeader { margin-bottom: 10px; }
.linkHeader { 
  position: absolute; 
  width: 748px; 
  /*padding-left: 694px;*/
  top: 137px; 
  white-space:nowrap; 
}
.linkHeader { display:none; }
#page .linkHeader { display:block; }

.faq { padding: 20px 0px 0px 15px; }
.faq .faq_answer { display: none; padding-top: 7px; }
.btnPrint { border: none; }
.printContainer a { font-size: 11px; }
.tblLogin td { color: #000; }
div.linkForgot { margin-top: 5px; background: url(images/elements/ico_questionmark_lightgrey.gif) left top no-repeat; padding-left: 19px; padding-top:1px; padding-bottom: 2px; display:block; }

a.ico_small {
  background-position: left top;
  background-repeat: no-repeat;
  padding: 5px 0px 4px 27px;
  display: block;
}

a.dot {
  background: url(images/elements/e_square_red.gif) left 5px no-repeat;
  background-position: expression('left 6px');
  padding-left: 11px; display: block;
}

a.pdf, a.pdf_large {
  background: url(images/elements/ico_pdf.gif) left top no-repeat;
  display: block;
  padding: 3px 0px 3px 20px; 
}
a.pdf_large { padding-left: 22px;  font-size: 14px; font-family: arial; }

a.img {
  background: url(images/elements/ico_image.gif) 2px top no-repeat;
  display: block;
  padding: 0px 0px 3px 20px; 
}

#mainhtml {
  margin-left: 212px;
  padding: 5px 0px 5px 0px;
  vertical-align: top;
  /* IE6fix is used for height */
}

#maincontent {
  margin: 0px;
  padding: 0px;
}

.mainouterhtml {
  width: 100%;  /* IE6fix is used */
  min-height: 300px;
}

.mainouterhtml,
.maincontent
/*, .maincontent td*/ {
  font-size: 12px;
  color: #000;
  line-height: 15px;
}

.mainouterhtml td ul {
	list-style-type: square;
	list-style-position: outside;	
	line-height: 14px;
	padding-top: 4px;
	margin-left: 25px;
}
.mainouterhtml ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding-top: 4px;
	margin-left: 26px;
}
.mainouterhtml li {
	font-size: 12px;
	display: list-item;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;	
}


.mainouterhtml .text_ingress li { font-size: 12px; }

.mainouterhtml td#sitemap ul {
	list-style-image: url(images/elements/bg_arrow_right_red.gif);
	margin-top: 6px;
	margin-bottom: 8px;
	padding-top: 0px;
}
.mainouterhtml td#sitemap li {
	margin-top: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.boxIconItemAlert {
 color: #950c0c;
}

td.boxIconItem,
.boxIconItem {
 font-size: 11px;
 color: #6a6a6a;
}



a.dot_large { 
  font-size: 13px; 
  background: url(images/elements/e_square_red_large.gif) left 4px no-repeat; padding-left: 14px;
}


.pageTitle,
.pageTitel {
 font-size: 22px;
 font-weight: normal;
 color: #424ca4;
}

.pageSmallTitle,
.pageSmallTitel {
 font-size: 16px;
 line-height: 16px;
 font-weight: bold;
 color: #424ca4;
}
div.pageSmallTitle { padding-bottom: 8px; }

.pageBreadcrumb {
 font-size: 11px;
 color: #858585;
}
.pageBreadcrumb a:link, .pageBreadcrumb a:visited, .pageBreadcrumb a:hover, .pageBreadcrumb a:active  { font-weight: normal; font-size: 11px;}

.textalert {
 color: #c10000;
}

div.tip { color: #000; font-size: 11px; background: url(images/elements/ico_lightbulb_small.gif) no-repeat; margin-bottom:3px; margin-left: 3px; padding: 1px 0px 1px 14px; white-space:nowrap;float:right; }

.rightcontent,
.rightcontentslim {
  height: 100%;
  padding: 0px 0px 0px 20px;
  width: 220px; 
  vertical-align: top;
  font-size: 11px;
  color: #000;
  /*background: url(images/elements/bg_colseparator_solid.gif) 10px top repeat-y;*/
  background: url(images/elements/bg_colseparator.gif) 10px top repeat-y;
}
.rightcontentslim { padding: 0px 30px 0px 40px; width: 170px;  }

#noborder.rightcontent { background: none; }
#noborder.rightcontentslim { background: none; }

.rightcontenterrorreport {
  padding: 0px 0px 0px 24px;
  vertical-align: top;
  height: 100%;
}




.boxTopNeutral {
	border-top: 1px solid #bababa;
}

.boxBottomNeutral {
	border-bottom: 1px solid #bababa;
}

.boxLeftNeutral {
	border-left: 1px solid #bababa;
}

.boxRightNeutral {
	border-right: 1px solid #bababa;
}

.boxCenterNeutral {

}

.boxNeutralCorner {
	width: 7px; height: 7px;
}

.boxIconList {
	float: left;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
}

.boxIconItem, .boxIconItemAlert {
	white-space: nowrap;
	padding-left: 3px;
	padding-right: 12px;
}

.boxTopCenterYellow, .boxTopCenterGrey, .boxTopCenterGreen {
	padding-top: 14px; 
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}
.boxTopCenterYellow, .boxTopCenterGrey, .boxTopCenterGreen,
.boxTopCenterYellow p, .boxTopCenterGrey p, .boxTopCenterGreen p {
	font-size: 11px;
	color: #4f4f4f;
}
.boxTopCenterGreen  img.header,
.boxTopCenterGrey  img.header,
.boxTopCenterYellow img.header { padding-bottom: 5px; }


.boxLeftTopYellow {
	width: 7px; 
	height: 40px; 
	background: url('images/elements/bg_box_yellow_left_top.gif') left top no-repeat;
}

.boxRightTopYellow {
	width: 7px; 
	height: 40px; 
	background: url('images/elements/bg_box_yellow_right_top.gif') right top no-repeat;
}

.boxTopCenterYellow {
	height: 40px; 
	background: #e0be00 url('images/elements/bg_box_yellow_top.gif') left top repeat-x;
}

.boxBottomCenterYellow {
	/*height: 7px; */
	background: url('images/elements/bg_box_yellow_bottom.gif') left bottom repeat-x; 
}


.boxLeftTopGrey {
	width: 7px; 
	height: 129px; 
	background: url('images/elements/bg_box_grey_left_top.gif') left top no-repeat;
}

.boxRightTopGrey {
	width: 7px; 
	height: 129px;
	background: url('images/elements/bg_box_grey_right_top.gif') right top no-repeat;
}

.boxTopCenterGrey {
	height: 129px; 
	background: #efefef url('images/elements/bg_box_grey_top.gif') left top repeat-x;
}

.boxBottomCenterGrey {
	/*height: 7px; */
	background-color: #efefef; 
	border-bottom: 1px solid #a5a5a5;
}


.boxLeftTopGreen {
	width: 7px; 
	height: 50px; 
	background: url('images/elements/bg_box_green_left_top.gif') left top no-repeat;
}

.boxRightTopGreen {
	width: 7px; 
	height: 50px;
	background: url('images/elements/bg_box_green_right_top.gif') right top no-repeat; 
}

.boxTopCenterGreen {
	height: 50px; 
	background: #9fbf88 url('images/elements/bg_box_green_top.gif') left top repeat-x;
}

.boxBottomCenterGreen {
	/*height: 7px; */
	background: url('images/elements/bg_box_green_bottom.gif') left bottom repeat-x;
}




.mailboxTopCenter {
	height: 3px;
	background-image: url('images/elements/bg_mailbox_top_center.gif'); background-position: top left; background-repeat: repeat-x;
}

.mailboxMiddleLeft {
	width: 2px;
	background-image: url('images/elements/bg_mailbox_middle_left.gif'); background-position: top; background-repeat: repeat-y;
}

.mailboxMiddleRight {
	width: 2px;
	background-image: url('images/elements/bg_mailbox_middle_right.gif'); background-position: top; background-repeat: repeat-y;
}

.mailboxMiddleCenter {
	height: 24px;
	vertical-align:  middle;
	text-align: center;
	padding-top: 5px; 
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url('images/elements/bg_mailbox_middle_center.gif'); background-position: top left;
	font-size: 11px;
}

.mailboxBottomCenter {
	height: 9px;
	background-image: url('images/elements/bg_mailbox_bottom_center.gif'); background-position: top left; background-repeat: repeat-x;
}


.boxTopCenterGrey2 {
	height: 7px; 
	background-image: url('images/elements/bg_box_grey2_top_center.gif'); background-position: top; background-repeat: repeat-x;
}

.boxMiddleLeftGrey2 {
	width: 2px;
	border-left: 1px solid #a3a3a3;
	background-image: url('images/elements/bg_box_grey2_middle_center.gif'); background-position: top; background-repeat: no-repeat;
	background-color: #f4f4f4;
}

.boxMiddleRightGrey2 {
	width: 2px;
	border-right: 1px solid #a3a3a3;
	
}

.boxMiddleCenterGrey2, .boxMiddleLeftGrey2, .boxMiddleRightGrey2 {
	height: 47px;
	background-image: url('images/elements/bg_box_grey2_middle_center.gif'); background-position: top; background-repeat: repeat-x;
	background-color: #f4f4f4;
}

.boxMiddleCenterGrey2 {
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

.boxBottomCenterGrey2 {
	background-color: #f4f4f4;
	border-bottom: 1px solid #a3a3a3;
}

/* ------------ START: BOX GREY 3 and 4 ----------------- */

.boxGrey3 { 
  width: 100%;
  min-height: 70px;
  background: #eaeaea url(images/elements/bg_box_grey3.gif) left bottom repeat-x;
}

.boxGrey4 { 
  background: #eaeaea;
  border: 1px solid #c6c6c6;
  padding: 12px 12px 12px 12px;
  color: #666666; 
  font-size: 11px;
}


.boxGrey3 .spacer { background-color: white; width: 14px; }

.boxGrey3 .boxTopLeft { 
  background: url(images/elements/bg_box_grey3_top_left.gif) left top no-repeat;
  width: 10px; height: 10px; font-size: 0px;
}

.boxGrey3 .boxTopRight { 
  background: url(images/elements/bg_box_grey3_top_right.gif) right top no-repeat;
  width: 10px; height: 10px; font-size: 0px;
}

.boxGrey3 .boxBottomLeft { 
  background: url(images/elements/bg_box_grey3_bottom_left.gif) left bottom no-repeat;
  width: 10px; height: 10px; font-size: 0px;
}

.boxGrey3 .boxBottomRight { 
  background: url(images/elements/bg_box_grey3_bottom_right.gif) right bottom no-repeat;
  width: 10px; height: 10px; font-size: 0px;
}

.boxGrey3 .boxMain { 
  color: #666666; 
  font-size: 11px; 
  padding: 0px 14px 15px 14px;
  vertical-align: top; 
}

.boxGrey3 .boxMain .title,
.boxGrey4 .title { font-family: arial; font-size: 18px; font-weight: bold; color: #000000; }
.boxGrey3 .boxMain div.title { padding: 7px 0px 16px 0px; }
.boxGrey4 div.title { padding: 4px 0px 16px 0px; }

.boxGrey3 .boxMain .header { color: #000; }
.boxGrey3 .boxMain div.header { padding-bottom: 1px; }

.boxGrey3 .boxMain div.info{ padding-bottom: 18px; }

.boxGrey3 .boxMain .list td {
  padding-right: 5px; padding-bottom: 1px; color: #666666; 
}

.boxGrey3 .boxMain .list td img { padding-top: 2px; }


.boxGrey3 .boxMain a.dot { padding-bottom: 1px; margin-left: 1px; }
#msrcontent .boxGrey3 .boxMain a.dot { background-position: left 4px; }

.boxGrey4 a.pdf { padding-bottom: 10px; }

/* ------------ END: BOX GREY 3 and 4 ----------------- */











/* ------------ START: BUTTONS ----------------- */
 .btnCream, .btnGrey {
   cursor: pointer;
   padding-top: 5px;  
   padding-bottom: 5px;
   padding-right: 2px;  
   padding-left: 2px;
 }
 .btnLeftCream {
	background-image: url('images/elements/e_btn_cream_left.gif'); background-position: top left; 
	background-repeat: no-repeat;
	height: 25px;
	width: 3px;
 }
 .btnCenterCream {
	background-image: url('images/elements/bg_btn_cream.gif'); background-position: top; 
	background-repeat: repeat-x;
	height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
 } 
 .btnRightCream {
	background-image: url('images/elements/e_btn_cream_right.gif'); background-position: top right; 
	background-repeat: no-repeat;
	height: 25px;
	width: 3px;
 } 

 .btnLeftGrey {
	background-image: url('images/elements/e_btn_grey_left.gif'); background-position: top left; 
	background-repeat: no-repeat;
	height: 27px;
	width: 3px;
 }
 .btnCenterGrey {
	background-image: url('images/elements/bg_btn_grey.gif'); background-position: top; 
	background-repeat: repeat-x;
	height: 27px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
 }
 .btnRightGrey {
	background-image: url('images/elements/e_btn_grey_right.gif'); background-position: top right; 
	background-repeat: no-repeat;
	height: 27px;
	width: 3px;
 }

/* ------------ END: BUTTONS ----------------- */

.altText,
.altTextInfo {
	position:absolute; 
	display: none; 
	background-color: #f2f1ad; 
	border: 1px solid #000000;
	padding: 5px;
	font-family: arial;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
	white-space: normal;
	line-height: 13px;
	text-align:left;
}
.altTextInfo {
	background-color: #ecf8dd; 
	border: 1px solid #92b466;
	padding: 15px;
	font-size: 11px;
}



.messages {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 16px;
}
.messages,
.messages p {
	color: #666666;
	font-size: 11px;
}

.messages a, .infoFrameItems a, .messagesDetailMain a { 
	/*color: #003a87;*/
}

.message {
	background-image: url('images/elements/ico_message.gif'); background-position: 0px 1px; 	background-repeat: no-repeat;
	padding-left: 19px;
	padding-bottom: 16px;
}

.infoFrame {
	border-left: 1px solid #848484;
	border-right: 1px solid #848484;
	border-top: 1px solid #848484;
	border-bottom: 1px solid #848484;
}

.infoFrameHighlight {
	border: 1px solid #92b466;
}

.infoFrameHeader, .infoFrameHeaderAlert {
	background: #5a5a5a url('images/elements/bg_mailbox_header.gif') repeat-x left top; 
	height: 25px;
	vertical-align:  middle;
	/*text-align: center;*/
	padding: 5px 15px 5px 15px; 
}


.infoFrame .infoFrameHeader,
.infoFrameHeader {
	font-size: 11px;
	color: #ffffff;
}

.infoFrameHeaderAlert {
	font-size: 12px;
	color: #ffffff;
}

.infoFrameHighlight .infoFrameHeader, 
.infoFrameHighlight .infoFrameHeaderAlert {
	background: #ecf8dd;
	color: #000;
	font-weight: bold;
	height: auto;
	padding: 7px 15px 7px 15px; 
}


.infoFrameMain {
	background-color: #f6f6f6;
	padding-top: 0px;
}

.infoFrameMainNotice {
	background-color: #f1edd1;
	padding-top: 0px;
}

.infoFrameItems, .infoFrameObjectDetails {
	font-size: 11px;
	color: #666666;
}



.infoFrameAlerts {
	/*background-color: #e3d788;*/
	font-size: 11px;
	color: #010101;
}

.infoFrameAlertItem {
	background-image: url('images/elements/ico_warning_cream.gif'); }

.infoConfirmAlertItem {
	background-image: url('images/elements/ico_warning.gif');
}
.infoFrameAlertItem, .infoConfirmAlertItem {
	background-position: left top; 
             background-repeat: no-repeat;
             padding-left: 35px;
             padding-bottom: 10px;
             min-height: 23px;
}

.infoConfirmTitle {
	color: #d06215; 
	font-size: 12px;
}

.infoConfirmMain {
	border-top: 2px solid #d06215; 	
	background-image: url('images/elements/bg_general_info.gif'); 
	background-repeat: repeat-x;
	padding-top: 11px;
	padding-bottom: 20px;
	padding-left: 18px;
	padding-right: 18px;
	font-size: 11px;
	color: #414141;
}

.infoConfirmMainAlert {
	color: #a32828;
}

.infoFrameProperties {
	/*background-color: #999579;*/
	font-size: 11px;
	color: #000;
}

.infoFramePropertyItem {
	background: url('images/elements/e_pxl.gif') no-repeat left top;
             padding-left: 36px;
             padding-bottom: 3px;
             margin-top: 4px; 
             min-height: 33px;
             color: #000;
}

.infoFramePropertyItem .single-row {
             padding-top: 8px;
}


.infoFrameObjectDetails, .infoFrameAlerts, .infoFrameProperties {
	padding: 0px 5px 0px 5px;
}

.infoFrameItems, .messagesDetailMain  {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 10px;
	padding-bottom: 6px;
}



div.messageArchive {
	background-image: url('images/elements/ico_message.gif'); background-position: 13px 8px; 	background-repeat: no-repeat;
	padding-left: 37px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 8px;
}

div.messageArchive p {
	font-size: 11px;
	color: #49494a;
}

div.messageInterest, div.messageInterestNewProduction, 
div.messageOffer, div.messageOfferNewProduction {
	background: url('images/elements/ico_house.gif') no-repeat 13px 9px; 
	padding: 11px 10px 15px 46px;
}
div.messageInterestNewProduction, 
div.messageOfferNewProduction { background-image: url('images/elements/ico_houses.gif');  }

div.messageArchive, 
div.messageInterest, div.messageInterestNewProduction,
div.messageOffer, div.messageOfferNewProduction {
	background-color: #ffffff;
	/*margin-top: 0px;
	margin-bottom: 6px;*/
	border: 1px solid #717171;
}

..status10 div.messageOffer, .status10 div.messageOfferNewProduction,
.status10 div.messageInterest, .status10 div.messageInterestNewProduction,
.status20 div.messageOffer, .status20 div.messageOfferNewProduction,
.status20 div.messageInterest, .status20 div.messageInterestNewProduction,
.status30 div.messageOffer, .status30 div.messageOfferNewProduction,
.status30 div.messageInterest, .status30 div.messageInterestNewProduction { background-color: #ffff; }

.status40 div.messageOffer, .status40 div.messageOfferNewProduction,
.status40 div.messageInterest, .status40 div.messageInterestNewProduction,
.status50 div.messageOffer, .status50 div.messageOfferNewProduction,
.status50 div.messageInterest, .status50 div.messageInterestNewProduction,
.status60 div.messageOffer, .status60 div.messageOfferNewProduction,
.status60 div.messageInterest, .status60 div.messageInterestNewProduction,
.status70 div.messageOffer, .status70 div.messageOfferNewProduction,
.status70 div.messageInterest, .status70 div.messageInterestNewProduction,
.status90 div.messageOffer, .status90 div.messageOfferNewProduction,
.status90 div.messageInterest, .status90 div.messageInterestNewProduction  { background-color: #fff7e3; }

.status80 div.messageOffer, .status80 div.messageOfferNewProduction { background-color: #fcf900; background-image: url('images/elements/ico_key2.gif');   }

div.noticeArchive {
	padding-left: 14px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 8px;
}

div.noticeArchive, .noticeDetail {
	background-color: #ffffff;
	border: 1px solid #b4886f;	
}

table.noticeArchive {
	margin-bottom: 6px;
}


table.messageArchive, table.messageInterest {
	margin-bottom: 6px;
}

.messageTitle, .messageTitleAlert, .messageDetail {
	color: #000000;
}

.messageTitle, .messageTitleAlert {
	 font-size: 18px;
	 line-height: 20px;
	 color: #000000;
	 font-weight: normal;
}

.messageDetail, .noticeDetail {
	background-color: #ffffff;
	padding-left: 23px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #717171;
	min-height: 289px;
	vertical-align: top;
	font-size: 11px;
}

.noticeDetail {
	padding-top: 5px;
}

.messageDate {
	color: #666666;
}

.messageClose {
	background-image: url('images/elements/ico_close.gif'); background-position: right;
 	background-repeat: no-repeat;
	height: 16px;
	text-align: right;
	padding-left: 20px;
	padding-right: 21px;
	white-space: nowrap;

}

div.messageStatusValue, div.messageDataValue, div.messageOfferStatusValue {
	float: left;
	padding-right: 15px;
}
.messageStatusValue, .messageDataValue, .messageOfferStatusValue {
	font-size: 11px;
}
.messageDataValue {
	color: #000;
	white-space: nowrap;
}
.messageDataValue .highlight { color: #; font-size: 12px; }

.messageStatusValue, .messageOfferStatusValue {
	color: #a60000;
}

.messageOfferStatusValue .highlight { font-size: 18px; line-height: 20px; }

.btnRed {
	background-image: url('images/elements/bg_btn_red.gif'); background-position: top left; 
	background-repeat: repeat-x;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}
.btnRedIconDelete {
	background-image: url('images/elements/ico_delete_btn_red.gif'); background-position: top left; 
	background-repeat: no-repeat;
	padding-left: 18px;
	height: 14px;
}

#maincontent .btnRedIconDelete A,
.btnRedIconDelete A {color: #ffffff;}


.interestStatus {
  width:95px; height:17px; padding-left:36px; 
  background: url(images/elements/bg_interest_status_5.gif) no-repeat;
}

.interestStatusBar {
  background: url(images/elements/bg_interest_status_bar.gif) no-repeat right bottom; 
  height:17px; text-align:left; float:left;
}
.status10 .interestStatusBar,
.status20 .interestStatusBar { width:19px; }
.status30 .interestStatusBar { width:38px; }
.status40 .interestStatusBar { width:57px; }
.status50 .interestStatusBar,
.status60 .interestStatusBar,
.status70 .interestStatusBar { width:76px; }
.status80 .interestStatusBar,
.status90 .interestStatusBar { width:95px; }

/* ------------ START: BOX INFO ALERT ----------------- */

	.boxInfoAlertLeftTop {
		width: 7px; 
		background-image: url('images/elements/bg_box_infoalert_top_left.gif'); background-position: top; background-repeat: no-repeat;
	}
	
	.boxInfoAlertRightTop {
		width: 7px; 
		background-image: url('images/elements/bg_box_infoalert_top_right.gif'); background-position: top; background-repeat: no-repeat;
	}
	
	.boxInfoAlertTopCenter {
		padding-top: 10px; 
		padding-bottom: 6px; 
		padding-left: 11px; 
		padding-right: 11px; 
		background-color: #ab9f68; 
		background-image: url('images/elements/bg_box_infoalert_top.gif'); background-position: top; background-repeat: repeat-x;
	}
	
	.boxInfoAlertBottomCenter {
		height: 7px; 
		background-color: #ab9f68; 
		background-image: url('images/elements/bg_box_infoalert_bottom.gif'); background-position: bottom; background-repeat: repeat-x;
	}
	
	.boxWarningInfoAlert {
		background-image: url('images/elements/ico_warning_small_lightgrey.gif'); background-position: 0px 0px; background-repeat: no-repeat;
		padding-left: 20px;
	}
	
	.boxInfoAlertLabel, .boxInfoAlertData, .boxWarningInfoAlert {
		font-size: 11px;
	}
	
	.boxInfoAlertTitle {
		color: #000000;
		font-size: 20px;
	}
	
	.boxInfoAlertLabel, .boxWarningInfoAlert {
		color: #000000;
		padding-right: 5px;
	}
	
	.boxInfoAlertData {
		color: #000000;
		font-weight: bold;
		padding-left: 5px;
	}
	
	.boxInfoAlertTopCenter a {
		font-size: 11px;
		color: #0000ff;
	}
	
	.boxInfoAlertLinks, .boxInfoAlertSeparatorVertical {
		float: left;
	}
	
	.boxInfoAlertSeparatorHorizontal {
		background-color: #c9252b;
		height: 1px;
		margin-top: 8px;
		margin-bottom: 8px;
	}
	
	.boxInfoAlertSeparatorVertical {
		background-color: #c9252b;
		width: 1px;
		height: 11px;
		margin-top: 2px;
		margin-left: 5px;
		margin-right: 5px;
	}
/* ------------ END: BOX INFO ALERT ----------------- */


/* ------------ START: BOX BLUE BORDER ----------------- */
	
	.boxBlueBorder { 
	  background-color: #fff; 
	  border-collapse: collapse; 
	  padding:0px; 
	  margin:0px; 
	  border: none;
	  border: 0px;
	}	

	.boxBlueBorder .boxTopLeft {
	  width: 5px;  font-size:0px; 
	  background: url('images/elements/bg_box_blueborder_top_left.gif') no-repeat left top; 
	}
	
	.boxBlueBorder .boxTopRight {
	  width: 5px;  font-size:0px;
	  background: url('images/elements/bg_box_blueborder_top_right.gif') no-repeat right top; 
	}

	.boxBlueBorder .boxBottomLeft {
	  width: 5px; font-size:0px; line-height:0px;
	  background: url('images/elements/bg_box_blueborder_bottom_left.gif') no-repeat left bottom; 
	}
	
	.boxBlueBorder .boxBottomRight {
	  width: 5px;  font-size:0px; line-height:0px;
	  background: url('images/elements/bg_box_blueborder_bottom_right.gif') no-repeat right bottom; 
	}
	
	.boxBlueBorder .boxTop {
	  color: #000;
	  padding: 4px 5px 0px 5px; 
	  background: url('images/elements/bg_box_blueborder_top.gif') repeat-x left top; 
	}
	
	.boxBlueBorder .boxBottom {
	  height: 5px;  font-size:0px; line-height:0px;
	  background: url('images/elements/bg_box_blueborder_bottom.gif') repeat-x left bottom; 
	}


/* ------------ END: BOX BLUE BORDER ----------------- */



/* ------------ START: BOX LIST ----------------- */

	.boxIcon {
		vertical-align: top;
		width: 42px;
		padding-right: 5px;
	}
	
	.boxListTitle {
		font-size: 18px;
		line-height: 19px;
		color: #111111;
	}
	div.boxListTitle { /*padding-top: 2px;*/ }

	
	.boxListText, .boxListAlert, .boxListOfferText  {
		font-size: 11px;
		vertical-align: top;
		padding-top: 4px;
		padding-bottom: 1px;
	}
	
	.boxListText {
		color: #000;
	}
	
	.boxListAlert {
		color: #548b3b;
	}

	.boxListOfferText {
		color: #a60000;
		background-color: #fcf900;
	}
	
	.boxListSeparatorHorizontal {
		background-color: #428b20;
		height: 1px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

/* ------------ START: BOX LIST ----------------- */

/* ------------ START: BOX CREAM ----------------- */

	.boxLeftTopCream {
		width: 7px; 
		background-image: url('images/elements/bg_box_cream_top_left.gif'); background-position: top; background-repeat: no-repeat;
	}
	
	.boxRightTopCream {
		width: 7px; 
		background-image: url('images/elements/bg_box_cream_top_right.gif'); background-position: top; background-repeat: no-repeat;
	}
	
	.boxTopCenterCream {
		padding-top: 10px; 
		padding-bottom: 4px; 
		padding-left: 10px; 
		padding-right: 0px; 
		background-color: #dbcf9a; 
		background-image: url('images/elements/bg_box_cream_top.gif'); background-position: top; background-repeat: repeat-x;
	}
	
	.boxBottomCenterCream {
		height: 7px; 
		background-color: #dbcf9a; 
		background-image: url('images/elements/bg_box_cream_bottom.gif'); background-position: bottom; background-repeat: repeat-x;
	}
	
	.boxIconCream {
		width: 31px;
		padding-right: 10px;
	}
	
	.boxTitleCream, .boxTextCream {
		font-size: 11px;
	}
	
	.boxTitleCream {
		color: #000000;
		font-weight: bold;
	}
	
	.boxTextCream {
		color: #504a2f;
	}
	
	.boxHighlightCream {
		color: #550000;
		font-weight: bold;
	}

/* ------------ END: BOX CREAM ----------------- */


/* ------------ START: BOX INFO ----------------- */
	.boxInfoItem {
		width: 50%;
		padding-top: 15px;
		padding-bottom: 15px;
		vertical-align: top;
	}
	
	.boxInfoSeparatorHorizontal {
		height: 1px; 
		background-image: url('images/elements/bg_box_separator_horizontal.gif'); 
		background-position: top left; 
		background-repeat: repeat-x;
		font-size: 0px; line-height:0px;
	}
	
	.boxInfoSeparatorVertical {
		width: 1px; 
		padding-left: 20px; 
		padding-right: 20px; 
		background-image: url('images/elements/bg_box_separtor_vertical.gif'); 
		background-position: top; 
		background-repeat: repeat-y;
		font-size: 0px; line-height:0px;
	}
/* ------------ END: BOX INFO ----------------- */


/* ------------ START: BOX BROWN ----------------- */

	.boxTopCenterBrown {
		background-image: url('images/elements/bg_box_brown_top_mid.gif'); 
		background-position: left top; 
		background-repeat: repeat-x;
		height: 9px;
	}
	
	.boxBotCenterBrown {
		background-image: url('images/elements/bg_box_brown_bot_mid.gif'); 
		background-position: left bottom; 
		background-repeat: repeat-x;
		height: 9px;
	}
	
	.boxMidLeftBrown {
		background-image: url('images/elements/bg_box_brown_mid_left.gif'); 
		background-position: left top; 
		background-repeat: repeat-y;
		width: 9px;
	}
	
	.boxMidRightBrown {
		background-image: url('images/elements/bg_box_brown_mid_right.gif'); 
		background-position: right top; 
		background-repeat: repeat-y;
		width: 9px;
	}
	
	.boxTopCenterBrown,
	.boxBotCenterBrown,
	.boxMidLeftBrown,
	.boxMidRightBrown,
	.boxMidCenterBrown,
	.boxTopLeftBrown,
	.boxTopRightBrown,
	.boxBotLeftBrown,
	.boxBotRightBrown
	{
		background-color: #fff0bb;
	}
	
	.boxMidCenterBrown {
		padding: 8px 5px 7px 5px;
	}

	.divMidCenterBrownTitle {
		color: #79723f;
		font-size: 13px;
	}
	
	.divMidCenterBrown {
		margin-top: 8px;
		margin-bottom: 7px;
		background-color: #ffffff;
		border: 1px solid #b4886f;
		padding: 15px 14px 15px 14px;
	}

	.divMidCenterBrown,
	.divMidCenterBrown p {
		color: #000;
		font-size: 11px;
	}

/* ------------ END: BOX BROWN ----------------- */

.boxListTitleInterestInfo, .boxListTitleOffer {
	font-size: 13px;
	font-weight: bold;
}
.boxListTitleInterestInfo {
	color: #568a37;
}
.boxListTitleOffer {
	color: #a60000;
}

/* ------------ START: BOX INTEREST INFO ----------------- */

	.boxInterestInfoTop {
		border-top: 1px solid #568a37;	
		
	}
	
	.boxInterestInfoBottom {
		border-bottom: 1px solid #568a37;	
	}
	
	.boxInterestInfoLeft {
		border-left: 1px solid #568a37;	
		width: 6px;
	}
	
	.boxInterestInfoRight {
		border-right: 1px solid #568a37;	
		width: 6px;
	}
	
	.boxInterestInfoContent {
		color: #666666;
		font-size: 11px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 8px;
		padding-right: 18px;
	}

/* ------------ END: BOX INTEREST INFO ----------------- */

.iconQuestionMark {
		background-image: url(images/elements/ico_questionmark.gif);
		background-position: left top; 
		background-repeat: no-repeat;
		padding-left: 24px;
	}


/* ------------ START: BOX Fast2K ERROR ----------------- */

	.boxTopF2kError,
	.boxBottomF2kError,
	.boxLeftF2kError,
	.boxRightF2kError,
	.boxContentF2kError
	{
		background-color: #fdf3f3;
	}
	
	.boxTopF2kError {
		border-top: 2px solid #d31c00;	
		
	}
	
	.boxBottomF2kError {
		border-bottom: 2px solid #d31c00;	
	}
	
	.boxLeftF2kError {
		border-left: 2px solid #d31c00;	
		width: 6px;
	}
	
	.boxRightF2kError {
		border-right: 2px solid #d31c00;	
		width: 6px;
	}
	
	.boxContentF2kError {
		color: #d31c00;
		font-size: 11px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 8px;
		padding-right: 18px;
	}

/* ------------ END: BOX Fast2K ERROR ----------------- */

/* ------------ START: BOX Fast2K MESSAGE ----------------- */

	.boxTopF2kMsg,
	.boxBottomF2kMsg,
	.boxLeftF2kMsg,
	.boxRightF2kMsg,
	.boxContentF2kMsg
	{
		background-color: #eef9e7;
	}
	
	.boxTopF2kMsg {
		border-top: 2px solid #059205;	
		
	}
	
	.boxBottomF2kMsg {
		border-bottom: 2px solid #059205;	
	}
	
	.boxLeftF2kMsg {
		border-left: 2px solid #059205;	
		width: 6px;
	}
	
	.boxRightF2kMsg {
		border-right: 2px solid #059205;	
		width: 6px;
	}
	
	.boxContentF2kMsg {
		color: #666666;
		font-size: 11px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 8px;
		padding-right: 18px;
	}

/* ------------ END: BOX Fast2K MESSAGE ----------------- */


/* ---------- START: Area info ---------------- */
	.areaMainImage {
		border: 1px solid #96af80; 
		margin-bottom: 10px;
	} 
	
	.areaHeader {
		font-size: 22px;
		color: #4b8433; /*345e22 4b8433*/
		margin-bottom: 10px;
	}
	
	.areaText {
		font-size: 11px;
		color: #4f4f4f;
	}
	
	.areaImageText {
		text-align: center;
		color: #6c6c6c;
		font-size: 11px;
	}
/* ---------- END: Area info ---------------- */

/* ---------- START: Puff alert ---------------- */

	div.puffAlert {
		background-color: #ebe1bb;
		padding: 20px;

	}

	div.puffAlert, div.puffAlert img {
		border: 1px solid #96af80;		
	}

	div.puffAlert img {
		margin-left: 10px;
	}
	div.puffAlert table {
		width: 100%;
	}

	
	
	.puffAlertHeader {
		font-size: 18px;
		color: #232323;
		padding-bottom: 10px;
	}
	
	.puffAlertLabel {
		font-size: 11px;
		color: #666666;
		padding-right: 10px;
	}
	
	.puffAlertValue, .puffAlertText {
		font-size: 11px;
		color: #232323;
		white-space: normal;
	}
	
	.puffAlertValue, .puffAlertLabel {
		padding-top: 5px;
		vertical-align: top;
	}


/* ---------- END: Puff alert ---------------- */


/* ---------- START: Available info ---------- */

	.tblAvailable { 
	}
	.tblAvailable td {
		/*background: url(images/elements/bg_row_available.gif) left top repeat-x;*/
		padding: 1px 0px 1px 0px;
		font-size: 12px;
		color: #626262;
		font-weight: bold;
	}
	.tblAvailable td.separator {
		background: url(images/elements/bg_rowseparator.gif) left top repeat-x;
		height: 1px;
		font-size: 0px;
		padding: 0px;
		margin: 0px;
	}
	.tblAvailable td.separator div { display:none;}

	.tblAvailable td .highlight {
		font-weight: bold;
		color: #000; 
	}

	.tblAvailable td .imgIcon { padding-right: 3px; vertical-align: middle;}


/* ---------- END: Available info ---------- */


div.btnlink { padding: 1px 0px 1px 0px; }



/* ---- START: Landlord -------------------- */

table.landlordInfoBox {
	margin-bottom: 6px;
}


.landlordInfoBox td.content {
	background-color: #e8f2fe;
	border: 1px solid #a3a3a3;
}
div.landlordDetails {
	margin: 12px;
}

img.photo {
	border: 3px solid #676767;
}

.landlordInfoBox td.photo {
	padding-top: 5px;
	padding-right: 15px;
	vertical-align: top;
}

.landlordText {font-size: 11px;}
.landlordText2 {font-size: 12px; font-weight: bold;}
.landlordText, .landlordText2 {
	color: #000000;
	vertical-align: top;
}

td.landlordText2 {
	padding-right: 20px;
	padding-bottom: 1px;
}
.landlordText .alert {
	color: #990101;
	font-size: 12px;
	font-weight: bold;
}
.landlordHeadline {
	font-size: 18px;
	font-weight: normal;
}
.landlordSeparatorVertical {
	border-left: 1px solid #b8b293; 
	vertical-align: top;
	padding-left: 10px;
	padding-bottom: 1px;
}

.landlordShadowRight, .landlordShadowBottom {
	background-color: #a3a3a3;
}
.landlordShadowRight {
	width: 3px;
	vertical-align: top;
}

.landlordShadowRight div {
	background-color: #fff; /*#f4f0dd;*/
}

.landlordShadowBottom {
	margin-left: 5px; 
	height: 3px;
}

/* ---- END: Landlord -------------------- */



.boxPuffMain .linkForgot { display: none; }

div.errorAlert {
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #d31c00;
	padding: 5px 10px 5px 50px;
	background: #fdf3f3 url(images/elements/ico_error.gif) 5px 5px no-repeat;
	top: 150px; 
	left: auto;
	width: 300px;
	min-height: 30px;
	height: expression(parseFloat(navigator.appVersion.split('MSIE')[1]) < 7 ? '30px' : '');	
	z-index: 20;
	cursor: pointer;
	color: #c9252b;
}

#msgBoxLoginAlert.errorAlert {
	 top: 170px;
	 width: 276px;
}

#mainstartright #msgBoxLoginAlert.errorAlert {
	 top: 335px;
	 width: 200px;
}

.rightcontent #msgBoxLoginAlert.errorAlert,
.rightcontentslim #msgBoxLoginAlert.errorAlert {
	 top: 375px;
	 width: 200px;
}

.txt_alert {
	 font-size: 11px;
	 color: #990000;
	 font-weight: bold;
}
.txt_alert_large {
	 font-size: 18px;
	 color: #990000;
}

.newProductionOverview {
	background: url(images/elements/bg_pic_newproduction.gif) left top no-repeat;
	width:100%; 
	height:167px;
}
.newProductionOverview .content {
	padding: 33px 200px 0px 33px; 
	float: left;
	font-size: 11px;
}

.searchOverview {
	background: url(images/elements/bg_pic_sokbostad.jpg) left top no-repeat;
	width:100%; 
	height:167px;
}
.searchOverview .content {
	padding: 23px 15px 0px 470px; 
	float: left;
}
.searchOverview .content, .searchOverview .content a { font-size: 11px; }
.searchOverview .content table { margin: 6px 0px 6px 0px; }
.searchOverview .content table td { padding-bottom: 2px; vertical-align:top; }
.searchOverview .content table td.SOInfo { color: #000; }
.searchOverview .content table td.SOValue { color: #000; white-space: nowrap; padding-left: 3px; text-align: right;}
.searchOverview .content table td.SOLink { white-space: nowrap; padding-left: 6px; }


.aboutusOverview {
	background: url(images/elements/bg_aboutus_overview.jpg) left top no-repeat;
	min-height: 465px;
	height: expression(parseFloat(navigator.appVersion.split('MSIE')[1]) < 7 ? '465px' : '');	/* IE6 fix: if MSIE lower than version 7 set height */
}
.aboutusOverview .content {
	padding: 196px 250px 0px 0px;
}

#billOverview {
	background: url(images/elements/bg_pic_bill_grey.jpg) left top no-repeat;
	width:100%; 
	height:187px;
}
.billOverview .content {
	padding: 22px 240px 0px 28px; /*padding-right: 275px; padding-top:32px*/
	margin-bottom: 25px;
	float: left;
	color: #000; /*#765600;*/
	height: 95px;
	line-height: 13px;
	overflow:hidden;
}
.billOverview .content, .billOverview .content a { font-size: 11px; }
.billOverview .content .rubrik_huvud { color: #000; /*#765600;*/}


a.btnLarge:link, a.btnLarge:visited, a.btnLarge:active, a.btnLarge:hover,
a.btnLargeBlue:link, a.btnLargeBlue:visited, a.btnLargeBlue:active, a.btnLargeBlue:hover,
a.btnLargeGreen:link, a.btnLargeGreen:visited, a.btnLargeGreen:active, a.btnLargeGreen:hover
{
	float: left;
	font-weight: normal;
	padding: 0px 10px 0px 0px;
	text-decoration: none;
	color: #007dad;
	font-size: 11px;
	font-weight: bold;	
	background: url(images/elements/bg_btn_large_right.gif) right top no-repeat;
	height: 46px; /* height - padding-vertical*/
}
a.btnLargeBlue:link, a.btnLargeBlue:visited, a.btnLargeBlue:active, a.btnLargeBlue:hover { background-image: url(images/elements/bg_btn_large_right_blue.gif); }
a.btnLargeGreen:link, a.btnLargeGreen:visited, a.btnLargeGreen:active, a.btnLargeGreen:hover { background-image: url(images/elements/bg_btn_large_right_green.gif); }

a.btnLarge span,
a.btnLargeBlue span,
a.btnLargeGreen span
{
	padding: 17px 0px 0px 10px;
	background: url(images/elements/bg_btn_large_left.gif) left top no-repeat;
	/*display: table;*/
	float: left;
	cursor: pointer;
	height: 29px; /* height - padding-vertical */
	white-space: nowrap;
	text-align: center;
}
#content.safari a.btnLarge span,
#content.safari a.btnLargeBlue span,
#content.safari a.btnLargeGreen span { height: 46px; }

a.btnLargeBlue span { background-image: url(images/elements/bg_btn_large_left_blue.gif); }
a.btnLargeGreen span { background-image: url(images/elements/bg_btn_large_left_blue.gif);}
a.btnLarge:hover, a.btnLargeBlue:hover, a.btnLargeGreen:hover { text-decoration: underline; }

div.bobladet {
	FLOAT: left; 
	PADDING-BOTTOM: 20px; 
	WIDTH: 24%;
	text-align: center;
}


/* ---- START: List -------------------- */
.tbl_list
{
	border: 1px solid #ece9d8;
	border-collapse:collapse;
	width: 100%;
}
.tbl_list td { color: #666666; }
.tbl_list tr { text-align: center; }
.tbl_cell_list_header td
{
	padding: 2px 2px 2px 5px;
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	background-color: #DBDBDB;
}
.tbl_cell_list td,
.tbl_cell_list_even td
{
	margin: 0px;
	padding: 1px 2px 1px 5px;
	background-color: #ffffff;
}
.tbl_cell_list_odd td
{
	margin: 0px;
	padding: 1px 2px 1px 5px;
	background-color: #F6F6F6;
}
.tbl_cell_list_marked td
{
	margin: 0px;
	padding: 1px 2px 1px 5px;
	background-color: #F4E4D7;
}
/* ---- END: List -------------------- */

input.btn_small {
	padding: 3px 0px 3px 5px;
	/*padding-bottom: expression('0px');*/
	color: #ef6000;
	font-size: 11px;
	font-weight: bold;
	font-family: arial;
	float: left;
	border: none;
	height: 21px;
	cursor:pointer;
	background: url(images/elements/bg_btn_link_left_small.gif) top left no-repeat;
}
input.btn_small:hover { text-decoration: underline; }
.btn_small_end { 
	background: url(images/elements/bg_btn_link_right_small.gif) top right no-repeat; 
	float: left;
	height: 21px;
	width: 5px;
	font-size:0px;
}

a.btn_small, a.btn_small:link, a.btn_small:visited, a.btn_small:active, a.btn_small:hover,
a.btn, a.btn:link, a.btn:visited, a.btn:active, a.btn:hover
{
	float: left;
	font-weight: normal;
	padding: 0px 20px 0px 0px;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;	
	background: url(images/elements/bg_btn_link_right.gif) right top no-repeat;
	height: 27px; /* height - padding-top */
	/*display: table;*/

}
a.btn_small, a.btn_small:link, a.btn_small:visited, a.btn_small:active, a.btn_small:hover
{
	padding: 0px 10px 0px 0px;
	background-image: url(images/elements/bg_btn_link_right_small.gif);
	height: 21px;
	font-size: 11px;
}

a.btn:hover, a.btn_small:hover { text-decoration: underline; }
a.btn_small span,
a.btn span
{
	padding: 7px 0px 0px 20px;
	background: url(images/elements/bg_btn_link_left.gif) left top no-repeat;
	color: #ef6000;
	/*display: table;*/
	float: left;
	cursor: pointer;
	height: 20px; /* height - padding-top */
	white-space: nowrap;
}
a.btn_small span
{
	padding: 3px 0px 0px 10px;
	height: 18px; /* height - padding-top */
	background-image: url(images/elements/bg_btn_link_left_small.gif);
}



/* ================
    === Bildstyles ===
    ================ */
.pic_separator { font-size: 0px; padding-left: 19px; padding-left: expression('18px'); }


img.pic1, img.pic,
img.pic1AlignRight, img.picAlignRight,
img.pic1AlignLeft, img.picAlignLeft { border: 1px solid #d0cacc; padding: 2px; }
img.img, img.imgAlignRight, img.imgAlignLeft { }
img.pic1AlignRight, img.picAlignRight, img.imgAlignRight { margin-left: 20px; margin-bottom: 20px; }
img.pic1AlignLeft, img.picAlignLeft , img.imgAlignLeft { margin-right: 20px; margin-bottom: 20px; }



/* --- PICTURE FANCY BORDER --- */
img.pic2, img.pic2AlignRight, img.pic2AlignLeft { padding: 6px; }
img.pic2AlignRight { margin-left: 20px; margin-bottom: 20px; }
img.pic2AlignLeft { margin-right: 20px; margin-bottom: 20px; }


.clear { clear:both; font-size: 0px; }

.pic_fancy { position: absolute; }

.pic_fancy .pic_top { 
  background: url(images/elements/bg_img_top.gif) left top repeat-x; 
	height:15px; 
}
.pic_fancy .pic_top .pic_top_left { 
  font-size:0px;
  float:left; 
  width: 15px; 
  height: 15px; 
  background: url(images/elements/bg_img_top_left.gif) left top no-repeat;
}
.pic_fancy .pic_top .pic_top_right { 
  font-size:0px;
  float:right; 
  width: 15px; 
  height: 15px; 
  background: url(images/elements/bg_img_top_right.gif) right top no-repeat; 
}

.pic_fancy .pic_middle { }
.pic_fancy .pic_middle .pic_middle_left { 
  float:left; 
  width:15px; 
  height:100%; 
  background: url(images/elements/bg_img_left.gif) left top repeat-y; 
}
.pic_fancy .pic_middle .pic_middle_right { 
  float:right; 
  width:15px; 
  height:100%; 
  background: url(images/elements/bg_img_right.gif) right top repeat-y; 
}

.pic_fancy .pic_bottom { 
  background: url(images/elements/bg_img_bottom.gif) left top repeat-x; 
  height: 15px; 
}
.pic_fancy .pic_bottom .pic_bottom_left { 
  font-size:0px;
  float:left; 
  width: 15px; 
  height: 15px; 
  background: url(images/elements/bg_img_bottom_left.gif) left bottom no-repeat; 
}
.pic_fancy .pic_bottom .pic_bottom_right { 
  font-size:0px;
  float:right; 
  width: 15px; 
  height: 15px; 
  background: url(images/elements/bg_img_bottom_right.gif) right bottom no-repeat;
}

/* --- END: PICTURE FANCY BORDER --- */

/* ==================
    === END: Bildstyles ===
    ================== */

/* ------------ START: BOX RED and BOX ORANGE ----------------- */
	.boxRed { background-color: #c81625; }	
	.boxOrange { background-color: #ef6000; }

	.boxRed .boxTopLeft,
	.boxOrange .boxTopLeft {
		width: 7px;  font-size:0px; 
		background-image: url('images/elements/bg_box_greyborder_top_left.gif'); 
		background-position: left top; 
		background-repeat: no-repeat;
	}

	.boxRed .boxTopRight,	
	.boxOrange .boxTopRight {
		width: 7px;  font-size:0px;
		background-image: url('images/elements/bg_box_greyborder_top_right.gif'); 
		background-position: right top; 
		background-repeat: no-repeat;
	}

	.boxRed .boxBottomLeft,
	.boxOrange .boxBottomLeft {
		width: 7px; font-size:0px; line-height:0px;
		background-image: url('images/elements/bg_box_greyborder_bottom_left.gif'); 
		background-position: left bottom; 
		background-repeat: no-repeat;
	}
	
	.boxRed .boxBottomRight,
	.boxOrange .boxBottomRight {
		width: 7px;  font-size:0px; line-height:0px;
		background-image: url('images/elements/bg_box_greyborder_bottom_right.gif'); 
		background-position: right bottom; 
		background-repeat: no-repeat;
	}
	
	.boxRed .boxTop,
	.boxOrange .boxTop {
		color: #fff;
		padding: 10px 11px 6px 11px; 
		background-image: url('images/elements/bg_box_greyborder_top.gif'); 
		background-repeat: repeat-x; 
		background-position: left top;
	}
	
	.boxRed .boxBottom,
	.boxOrange .boxBottom {
		height: 7px;  font-size:0px; line-height:0px;
		background-image: url('images/elements/bg_box_greyborder_bottom.gif'); 
		background-position: left bottom; 
		background-repeat: repeat-x;
	}
	
	.boxRed .boxWarning,
	.boxOrange .boxWarning {
		background-image: url('images/elements/ico_warning_small_red.gif'); 
		background-position: top left; 
		background-repeat: no-repeat;
		padding-left: 20px;
	}
	
	.boxRed .boxLabel, .boxRed .boxData, .boxRed .boxWarning,
	.boxOrange .boxLabel, .boxOrange .boxData, .boxOrange .boxWarning {
		font-size: 11px;
	}
	
	.boxRed .boxTop .boxTitle, .boxRed .boxTitle,
	.boxOrange .boxTop .boxTitle, .boxOrange .boxTitle {
		color: #c9252b; /*#ffd200;*/
		font-size: 22px;
		line-height: 22px;
	}
	
	.boxRed .boxTop .boxLabel, 
	.boxRed .boxTop .boxWarning,	
	.boxRed .boxLabel, .boxWarning,
	.boxOrange .boxTop .boxLabel, 
	.boxOrange .boxTop .boxWarning,	
	.boxOrange .boxLabel, .boxWarning {
		color: #fff;
		padding-right: 5px;
	}

	.boxRed .boxTop .boxData,
	.boxRed .boxData,
	.boxOrange .boxTop .boxData,
	.boxOrange .boxData {
		color: #000000;
		font-weight: bold;
		padding-left: 5px;
	}
	
	#maincontent .boxRed .boxTop a,
	#maincontent .boxOrange .boxTop a { font-size: 11px; color: #fff; }

	.boxRed .boxSubTitle a, .boxRed .boxSubTitle,
	.boxOrange .boxSubTitle a, .boxOrange .boxSubTitle { font-size: 12px; color: #fff; font-weight:bold; }

	.boxRed .boxSubTitle,
	.boxOrange .boxSubTitle {color: #ffdddd; }
	.boxRed div.boxSubTitle
	.boxOrange div.boxSubTitle { padding-bottom:3px; }

	
	
	.boxRed .boxLinks, .boxRed .boxSeparatorVertical,
	.boxOrange .boxLinks, .boxOrange .boxSeparatorVertical {
		float: left;
	}
	
	.boxRed .boxSeparatorHorizontal,
	.boxOrange .boxSeparatorHorizontal {
		background-color: #c9252b;
		height: 1px;
		margin-top: 8px;
		margin-bottom: 8px;
	}
	
	.boxRed .boxSeparatorVertical,
	.boxOrange .boxSeparatorVertical {
		background-color: #c9252b;
		width: 1px;
		height: 11px;
		margin-top: 2px;
		margin-left: 5px;
		margin-right: 5px;
	}
/* ------------ END: BOX RED ----------------- */





/* ------------ START: BOX FANCY ----------------- */
.boxFancy {}
#login.boxFancy { background: #6271a9; }
#block.boxFancy { background: url(images/elements/bg_box_block.gif) #92b466 no-repeat left bottom; width: 100%; }

/* --- top left --- */
.boxFancy .boxTopLeft {
	background: url(images/elements/bg_box_fancy_left.gif) left bottom repeat-y;
	width: 14px; font-size:0px; vertical-align: top; 
}
.boxFancy .boxTopLeft div {
	background: url(images/elements/bg_box_fancy_top_left.gif) left top no-repeat;
	width: 14px; height: 14px; font-size:0px;
}
.boxFancy #yellow.boxHeader .boxTopLeft { 
  background-image: url(images/elements/bg_box_fancy_header_left_yellow.gif);
}
.boxFancy #green.boxHeader .boxTopLeft { 
  background-image: url(images/elements/bg_box_fancy_header_left_green.gif);
}
.boxFancy #grey.boxHeader .boxTopLeft { 
  background-image: url(images/elements/bg_box_fancy_header_left_grey.gif);
}
.boxFancy #blue.boxHeader .boxTopLeft { 
  background-image: url(images/elements/bg_box_fancy_header_left_blue.gif);
}



/* --- top right --- */
.boxFancy .boxTopRight {
	background: url(images/elements/bg_box_fancy_right.gif) right bottom repeat-y;
	width: 14px; font-size:0px; vertical-align: top;
}
.boxFancy .boxTopRight div {
	background: url(images/elements/bg_box_fancy_top_right.gif) right top no-repeat;
	width: 14px; height: 14px; font-size:0px;
}
.boxFancy #yellow.boxHeader .boxTopRight { 
  background-image: url(images/elements/bg_box_fancy_header_right_yellow.gif); 
}
.boxFancy #green.boxHeader .boxTopRight { 
  background-image: url(images/elements/bg_box_fancy_header_right_green.gif); 
}
.boxFancy #grey.boxHeader .boxTopRight { 
  background-image: url(images/elements/bg_box_fancy_header_right_grey.gif); 
}
.boxFancy #blue.boxHeader .boxTopRight { 
  background-image: url(images/elements/bg_box_fancy_header_right_blue.gif); 
}

/* --- top center --- */
.boxFancy .boxTop {
	background: url(images/elements/bg_box_fancy_top.gif) left top repeat-x;
	font-weight: bold;
	line-height: 18px; 
	font-size: 18px;
	color: #000;
	padding-top: 10px; 
}
.boxFancy .boxTop td.header,
.boxFancy .boxTop {
	font-weight: bold;
	line-height: 18px; 
	font-size: 18px;
	color: #000;
}
#login.boxFancy .boxTop td.header,
#login.boxFancy .boxTop { color: #fff; }

.boxFancy .boxTop div { padding: 8px 12px 7px 13px; }
.boxFancy .boxHeader .boxTop div { color: #fff; }
.boxFancy #yellow.boxHeader .boxTop div { 
  background: #ebb014 url(images/elements/bg_box_fancy_header_yellow.gif) left bottom repeat-x; 
}
.boxFancy #green.boxHeader .boxTop div { 
  background: #8aaa60 url(images/elements/bg_box_fancy_header_green.gif) left bottom repeat-x; 
}
.boxFancy #grey.boxHeader .boxTop div { 
  background: #b5b5b5 url(images/elements/bg_box_fancy_header_grey.gif) left bottom repeat-x; 
}
.boxFancy #blue.boxHeader .boxTop div { 
  background: #5c6a9f url(images/elements/bg_box_fancy_header_blue.gif) left bottom repeat-x; 
}

.boxFancy .boxHeader .boxTop td.header { color: #fff; line-height: 20px; }
.boxFancy .boxHeader .boxTop td.headerInfo { text-align: right; color: #000; font-size: 11px; font-weight: normal; }

#block.boxFancy .boxTop { font-size: 0px; line-height: 0px; }

/* --- left middle --- */
.boxFancy .boxLeft {
	background: url(images/elements/bg_box_fancy_left.gif) left bottom repeat-y;
	width: 14px;  
}
#login.boxFancy .boxLeft { 
	/*background-image: url(images/elements/bg_box_fancy_left_yellowborder.gif);*/
	/*background-color: #fff0bb;*/
	background-image: url(images/elements/bg_box_fancy_left_darkgrey_border.gif);
	background-color: #e4e4e4;
}
.boxFancy #yellow.boxHeader .boxLeft { 
  background-image: url(images/elements/bg_box_fancy_header_left_yellow.gif); 
}
.boxFancy #green.boxHeader .boxLeft { 
  background-image: url(images/elements/bg_box_fancy_header_left_green.gif); 
}
.boxFancy #grey.boxHeader .boxLeft { 
  background-image: url(images/elements/bg_box_fancy_header_left_grey.gif); 
}
.boxFancy #blue.boxHeader .boxLeft { 
  background-image: url(images/elements/bg_box_fancy_header_left_blue.gif); 
}
.boxFancy #yellow.boxInfo .boxLeft { background-color: #f9bb15; }
.boxFancy #green.boxInfo .boxLeft { background-color: #92b466; }
.boxFancy #grey.boxInfo .boxLeft { background-color: #c0c0c0; }
.boxFancy #blue.boxInfo .boxLeft { background-color: #8d9bce; }
.boxFancy #white.boxInfo .boxLeft { background-color: #fff; background-image: url(images/elements/bg_box_fancy_left_grey_border.gif); }



/* --- right middle --- */
.boxFancy .boxRight {
	background: url(images/elements/bg_box_fancy_right.gif) right bottom repeat-y;
	width: 14px;  
}
#login.boxFancy .boxRight { 
	/*background-image: url(images/elements/bg_box_fancy_right_yellowborder.gif);*/
	/*background-color: #fff0bb;*/
	background-image: url(images/elements/bg_box_fancy_right_darkgrey_border.gif); 
	background-color: #e4e4e4;
}
.boxFancy #yellow.boxHeader .boxRight { 
  background-image: url(images/elements/bg_box_fancy_header_right_yellow.gif); 
}
.boxFancy #green.boxHeader .boxRight { 
  background-image: url(images/elements/bg_box_fancy_header_right_green.gif); 
}
.boxFancy #grey.boxHeader .boxRight { 
  background-image: url(images/elements/bg_box_fancy_header_right_grey.gif); 
}
.boxFancy #blue.boxHeader .boxRight { 
  background-image: url(images/elements/bg_box_fancy_header_right_blue.gif); 
}
.boxFancy #yellow.boxInfo .boxRight { background-color: #f9bb15; }
.boxFancy #green.boxInfo .boxRight { background-color: #92b466; }
.boxFancy #grey.boxInfo .boxRight { background-color: #c0c0c0; }
.boxFancy #blue.boxInfo .boxRight { background-color: #8d9bce; }
.boxFancy #white.boxInfo .boxRight { background-color: #fff; background-image: url(images/elements/bg_box_fancy_right_grey_border.gif); }

/* --- main middle --- */
.boxFancy .boxMain {
	font-size: 11px;
	font-family: arial;
	color: #000;
	padding: 15px 12px 14px 13px;
	vertical-align: middle;
}
.boxFancy .boxHeader .boxMain {
	font-weight: bold;
	line-height: 18px; 
	font-size: 18px;
	color: #fff;
	padding: 8px 12px 7px 13px;
}
#login.boxFancy .boxMain { 	background-color: #e4e4e4; /*#fff0bb*/ }
#login.boxFancy #loggedin.boxMain { 	height: 150px; background: #e4e4e4 url(images/elements/bg_fancybox_logo_card_grey.jpg) no-repeat right top; /*bg_fancybox_logo_grey.jpg*/ }
#block.boxFancy .boxMain { color: #fff; padding-top: 7px; padding-bottom: 7px; }
.boxFancy #yellow.boxHeader .boxMain { 
  background: #ebb014 url(images/elements/bg_box_fancy_header_yellow.gif) left bottom repeat-x; 
}
.boxFancy #green.boxHeader .boxMain  { 
  background: #8aaa60 url(images/elements/bg_box_fancy_header_green.gif) left bottom repeat-x; 
}
.boxFancy #grey.boxHeader .boxMain  { 
  background: #b5b5b5 url(images/elements/bg_box_fancy_header_grey.gif) left bottom repeat-x; 
}
.boxFancy #blue.boxHeader .boxMain { 
  background: #5c6b9f url(images/elements/bg_box_fancy_header_blue.gif) left bottom repeat-x; 
}
.boxFancy #yellow.boxInfo .boxMain { background-color: #f9bb15; }
.boxFancy #green.boxInfo .boxMain { background-color: #92b466; }
.boxFancy #grey.boxInfo .boxMain { background-color: #c0c0c0; }
.boxFancy #blue.boxInfo .boxMain { background-color: #8d9bce; }
.boxFancy #white.boxInfo .boxMain { background-color: #fff; }

/* --- bottom left --- */
.boxFancy .boxBottomLeft {
	background: url(images/elements/bg_box_fancy_left.gif) left top repeat-y;
	width: 14px; font-size:0px; vertical-align: bottom; 
}
.boxFancy .boxBottomLeft div {
	background: url(images/elements/bg_box_fancy_bottom_left.gif) left bottom no-repeat;
	width: 14px; height: 14px; font-size:0px;
}
.boxFancy #yellow.boxInfo .boxBottomLeft { background-color: #f9bb15; }
.boxFancy #green.boxInfo .boxBottomLeft { background-color: #92b466; }
.boxFancy #grey.boxInfo .boxBottomLeft { background-color: #c0c0c0; }
.boxFancy #blue.boxInfo .boxBottomLeft { background-color: #8d9bce; }
.boxFancy #white.boxInfo .boxBottomLeft { background-color: #fff; background-image: url(images/elements/bg_box_fancy_left_grey_border.gif); }
.boxFancy #white.boxInfo .boxBottomLeft div {background-image: url(images/elements/bg_box_fancy_bottom_left_grey_border.gif); }

/* --- bottom right --- */
.boxFancy .boxBottomRight {
	background: url(images/elements/bg_box_fancy_right.gif) right top repeat-y;
	width: 14px; font-size:0px; vertical-align: bottom;
}
.boxFancy .boxBottomRight div {
	background: url(images/elements/bg_box_fancy_bottom_right.gif) right bottom no-repeat;
	width: 14px; height: 14px; font-size:0px;
}
.boxFancy #yellow.boxInfo .boxBottomRight { background-color: #f9bb15; }
.boxFancy #green.boxInfo .boxBottomRight { background-color: #92b466; }
.boxFancy #grey.boxInfo .boxBottomRight { background-color: #c0c0c0; }
.boxFancy #blue.boxInfo .boxBottomRight { background-color: #8d9bce; }
.boxFancy #white.boxInfo .boxBottomRight { background-color: #fff; background-image: url(images/elements/bg_box_fancy_right_grey_border.gif);}
.boxFancy #white.boxInfo .boxBottomRight div {  background-image: url(images/elements/bg_box_fancy_bottom_right_grey_border.gif);}

/* --- bottom center --- */
.boxFancy .boxBottom {
	background: url(images/elements/bg_box_fancy_bottom.gif) bottom left repeat-x;
	height: 14px;
	padding: 15px 12px 23px 13px;
	font-size: 11px;
	font-family: arial;
	color: #101010;
}
#login.boxFancy .boxBottom { color: #fff; padding: 7px 6px 17px 6px; }
.boxFancy #tight.boxBottom { padding: 2px 6px 10px 6px; }
.boxFancy #yellow.boxInfo .boxBottom { background-color: #f9bb15; }
.boxFancy #green.boxInfo .boxBottom { background-color: #92b466; }
.boxFancy #grey.boxInfo .boxBottom { background-color: #c0c0c0; }
.boxFancy #blue.boxInfo .boxBottom { background-color: #8d9bce; }
.boxFancy #white.boxInfo .boxBottom { background-color: #fff; background-image: url(images/elements/bg_box_fancy_bottom_grey_border.gif);}
#block.boxFancy .boxBottom { font-size: 0px; line-height: 0px; padding:0px; }



.boxFancy .boxTitle { font-size:16px; font-weight:bold; }

.boxFancy table.info { width: 100%; }
.boxFancy table#autoWidth.info { width:auto;}
.boxFancy table.info td { padding-top: 1px; /*vertical-align:top;*/ }
.boxFancy table.info td.infoLabel { padding-right: 5px; white-space:nowrap; width:1%; color: #000; }
.boxFancy table#autoWidth.info td.infoLabel { width:auto;}
.boxFancy table.info td.infoValue, .boxFancy table.info td.infoValueSmall { padding-right: 10px; font-weight: bold; color: #000;}
.boxFancy table.info td.infoValue { font-size: 12px; padding-top:0px; }
.boxFancy table.info td#alert.infoValueSmall { color: #850000; }
.boxFancy table.info td.separatorHorizontal { background: url(images/elements/bg_box_separator_horizontal.gif) repeat-x; height:10px; }

.boxFancy table#vertical.info td.infoLabel,
.boxFancy table#vertical.info td.infoValue { padding-left: 0px; padding-right: 20px; width:auto; }

.boxFancy .boxMain .boxAlert { border: 1px solid #999999; background: #ffebb5; padding: 8px 40px 8px 40px; color: #f00000; text-align: center; }
.boxFancy .boxMain div.boxAlert div#warning.icon { 
  background: url(images/elements/ico_warning_lightyellow.gif) no-repeat; 
  min-height: 24px; 
  height: expression(parseFloat(navigator.appVersion.split('MSIE')[1]) < 7 ? '24px' : '');
  text-align: left; 
  padding-left: 43px; 
  padding-top: 10px; 
}
.boxFancy .boxMain div.boxAlert div.icon div { display:inline; }

/* ------------ END: BOX FANCY ----------------- */


/* ------------ START: BOX GREEN ----------------- */

.boxGreen { background: #ecf8dd; width:100%; }

.boxGreen .boxTopLeft  {
	background: url(images/elements/bg_box_green_top_left.gif) no-repeat left top;
	width: 5px; height: 9px; font-size:0px; line-height: 0px;
}

.boxGreen .boxTopRight  {
	background: url(images/elements/bg_box_green_top_right.gif) no-repeat right top;
	width: 5px; height: 9px; font-size:0px; line-height: 0px;
}

.boxGreen .boxTop {
	border-top: 1px solid #92b466;
	font-size:0px; line-height: 0px;
}

.boxGreen .boxBottomLeft  {
	background: url(images/elements/bg_box_green_bottom_left.gif) no-repeat left bottom;
	width: 5px; height: 9px; font-size:0px; line-height: 0px;
}

.boxGreen .boxBottomRight  {
	background: url(images/elements/bg_box_green_bottom_right.gif) no-repeat right bottom;
	width: 5px; height: 9px; font-size:0px;  line-height: 0px;
}

.boxGreen .boxBottom {
	border-bottom: 1px solid #92b466;
	height: 4px; font-size:0px; line-height: 0px;
}

.boxGreen .boxLeft {
	border-left: 1px solid #92b466;
	font-size:0px; line-height: 0px;
}

.boxGreen .boxRight {
	border-right: 1px solid #92b466;
	font-size:0px; line-height: 0px;
}

.boxGreen .boxMain {
	padding: 5px 13px 4px 13px ;
	font-size: 11px;
	color: #000;
	vertical-align: top;
}
.boxGreen .boxMain input[type='text'] { background: #fff none;}

.boxGreen .boxSeparatorVertical { width:1px; background: #bcd49e; font-size:0px; }


/* ------------ END: BOX GREEN ----------------- */


/* ------------ START: BOX YELLOW and BOX GREY ----------------- */

.boxYellow { background: #fff0bb; width:100%; }
.boxGrey { background: #eeeeee; width:100%; }

.boxYellow .boxTopLeft,
.boxGrey .boxTopLeft  {
	background: url(images/elements/bg_box_yellow_top_left.gif) no-repeat left top;
	width: 5px; height: 9px; font-size:0px; line-height: 0px;
}
.boxGrey .boxTopLeft { background-image: url(images/elements/bg_box_grey_top_left.gif); }

.boxYellow .boxTopRight,
.boxGrey .boxTopRight  {
	background: url(images/elements/bg_box_yellow_top_right.gif) no-repeat right top;
	width: 5px; height: 9px; font-size:0px; line-height: 0px;
}
.boxGrey .boxTopRight { background-image: url(images/elements/bg_box_grey_top_right.gif); }

.boxYellow .boxTop,
.boxGrey .boxTop {
	border-top: 1px solid #efae00;
	font-size:0px; line-height: 0px;
}
.boxGrey .boxTop { border-color: #adadad;}

.boxYellow .boxBottomLeft,
.boxGrey .boxBottomLeft  {
	background: url(images/elements/bg_box_yellow_bottom_left.gif) no-repeat left bottom;
	width: 5px; height: 9px; font-size:0px; line-height: 0px;
}
.boxGrey .boxBottomLeft { background-image: url(images/elements/bg_box_grey_bottom_left.gif); }

.boxYellow .boxBottomRight,
.boxGrey .boxBottomRight  {
	background: url(images/elements/bg_box_yellow_bottom_right.gif) no-repeat right bottom;
	width: 5px; height: 9px; font-size:0px;  line-height: 0px;
}
.boxGrey .boxBottomRight  { background-image: url(images/elements/bg_box_grey_bottom_right.gif); }

.boxYellow .boxBottom,
.boxGrey .boxBottom {
	border-bottom: 1px solid #efae00;
	height: 4px; font-size:0px; line-height: 0px;
}
.boxGrey .boxBottom { border-color: #adadad;}

.boxYellow .boxLeft,
.boxGrey .boxLeft {
	border-left: 1px solid #efae00;
	font-size:0px; line-height: 0px;
}
.boxGrey .boxLeft { border-color: #adadad; }

.boxYellow .boxRight,
.boxGrey .boxRight {
	border-right: 1px solid #efae00;
	font-size:0px; line-height: 0px;
}
.boxGrey .boxRight { border-color: #adadad; }

.boxYellow .boxMain,
.boxGrey .boxMain {
	padding: 5px 13px 5px 13px;
	font-size: 11px;
	color: #000; 
	vertical-align: top;
}
.boxYellow .boxMain .info, 
.boxGrey .boxMain .info { color: #4f4f4f; }
.boxYellow .boxMain input[type='text'], 
.boxGrey .boxMain input[type='text'] { background: #fff none;}
.boxYellow .title, 
.boxGrey .title { color: #5b5b5b; font-size: 18px; line-height: 100%; }
.boxYellow .highlight, 
.boxGrey .highlight { color: #242424; font-size: 12px; line-height: 100%; font-weight: bold; }


.boxYellow .boxSeparatorVertical, 
.boxGrey .boxSeparatorVertical { width:1px; background: #c5d08e; font-size:0px; }

.messageShowDetail  div.icoInfo,
.boxYellow .boxMain div.icoInfo,
.boxGrey .boxMain div.icoInfo { 
  color: #5c7e30; 
  display: inline;
  background: url(images/elements/ico_questionmark_lightyellow.gif) no-repeat left top;
  padding-right: 16px;
  padding-bottom: 2px;
  cursor:pointer;
}
.boxMain .infotext { color: #5c7e30;  }

.boxYellow .boxMain div.icoError,
.boxGrey .boxMain div.icoError { 
  color: #fff; 
  font-weight: bold;
  display: block;
  background: url(images/elements/ico_error_small.gif) no-repeat left top;
  padding-left: 20px;
}

/* highlight */
.boxYellow .boxHighlight .boxTopLeft, 
.boxYellow .boxHighlight .boxTopRight, 
.boxYellow .boxHighlight .boxTop,
.boxYellow .boxHighlight .boxBottomLeft, 
.boxYellow .boxHighlight .boxBottomRight, 
.boxYellow .boxHighlight .boxBottom,
.boxYellow .boxHighlight .boxLeft, 
.boxYellow .boxHighlight .boxRight, 
.boxYellow .boxHighlight .boxMain { background-color: #fff9e5; }

.boxYellow .boxHighlight .boxLeft, 
.boxYellow .boxHighlight .boxRight, 
.boxYellow .boxHighlight .boxMain { border-bottom: 1px solid #efae00; padding-bottom: 10px; }
.boxYellow #noborder.boxHighlight .boxLeft, 
.boxYellow #noborder.boxHighlight .boxRight, 
.boxYellow #noborder.boxHighlight .boxMain { border:none;}


.boxGrey .boxHighlight .boxTopLeft, 
.boxGrey .boxHighlight .boxTopRight, 
.boxGrey .boxHighlight .boxTop,
.boxGrey .boxHighlight .boxBottomLeft, 
.boxGrey .boxHighlight .boxBottomRight, 
.boxGrey .boxHighlight .boxBottom,
.boxGrey .boxHighlight .boxLeft, 
.boxGrey .boxHighlight .boxRight, 
.boxGrey .boxHighlight .boxMain { background-color: #f6f6f6; }

.boxGrey .boxHighlight .boxLeft, 
.boxGrey .boxHighlight .boxRight, 
.boxGrey .boxHighlight .boxMain { border-bottom: 1px solid #adadad; padding-bottom: 10px; }
.boxGrey #noborder.boxHighlight .boxLeft, 
.boxGrey #noborder.boxHighlight .boxRight,
.boxGrey #noborder.boxHighlight .boxMain { border-bottom:none;}


/* alert */
.boxYellow .boxAlert .boxTopLeft, 
.boxYellow .boxAlert .boxTopRight, 
.boxYellow .boxAlert .boxTop,
.boxYellow .boxAlert .boxBottomLeft, 
.boxYellow .boxAlert .boxBottomRight, 
.boxYellow .boxAlert .boxBottom,
.boxYellow .boxAlert .boxLeft, 
.boxYellow .boxAlert .boxRight, 
.boxYellow .boxAlert .boxMain { background-color: #c70000; }

.boxYellow .boxAlert .boxLeft, 
.boxYellow .boxAlert .boxRight, 
.boxYellow .boxAlert .boxMain { border-bottom: 1px solid #efae00; padding-bottom: 10px; color: #fff; }
.boxYellow #noborder.boxAlert .boxLeft, 
.boxYellow #noborder.boxAlert .boxRight, 
.boxYellow #noborder.boxAlert .boxMain { border-bottom:none;}
.boxYellow .boxAlert .title { color: #fff; font-size: 23px; line-height: 120%; font-weight:bold; }
.boxYellow .boxAlert .highlight { color: #fff; }


.boxGrey .boxAlert .boxTopLeft, 
.boxGrey .boxAlert .boxTopRight, 
.boxGrey .boxAlert .boxTop,
.boxGrey .boxAlert .boxBottomLeft, 
.boxGrey .boxAlert .boxBottomRight, 
.boxGrey .boxAlert .boxBottom,
.boxGrey .boxAlert .boxLeft, 
.boxGrey .boxAlert .boxRight, 
.boxGrey .boxAlert .boxMain { background-color: #c70000; }

.boxGrey .boxAlert .boxLeft, 
.boxGrey .boxAlert .boxRight, 
.boxGrey .boxAlert .boxMain { border-bottom: 1px solid #adadad; padding-bottom: 10px; color: #fff; }
.boxGrey #noborder.boxAlert .boxLeft, 
.boxGrey #noborder.boxAlert .boxRight,
.boxGrey #noborder.boxAlert .boxMain { border-bottom:none;}
.boxGrey .boxAlert .title { color: #fff; font-size: 23px; line-height: 120%; font-weight:bold; }
.boxGrey .boxAlert .highlight { color: #fff; }



/* OK */
.boxYellow .boxOK .boxTopLeft, 
.boxYellow .boxOK .boxTopRight, 
.boxYellow .boxOK .boxTop,
.boxYellow .boxOK .boxBottomLeft, 
.boxYellow .boxOK .boxBottomRight, 
.boxYellow .boxOK .boxBottom,
.boxYellow .boxOK .boxLeft, 
.boxYellow .boxOK .boxRight, 
.boxYellow .boxOK .boxMain { background-color: #009700; }

.boxYellow .boxOK .boxLeft, 
.boxYellow .boxOK .boxRight, 
.boxYellow .boxOK .boxMain { border-bottom: 1px solid #efae00; padding-bottom: 10px; color: #fff; }
.boxYellow #noborder.boxOK .boxLeft, 
.boxYellow #noborder.boxOK .boxRight,
.boxYellow #noborder.boxOK .boxMain { border-bottom:none;}
.boxYellow .boxOK .title { color: #fff; font-size: 23px; line-height: 120%; font-weight:bold; }
.boxYellow .boxOK .highlight { color: #fff; }


.boxGrey .boxOK .boxTopLeft, 
.boxGrey .boxOK .boxTopRight, 
.boxGrey .boxOK .boxTop,
.boxGrey .boxOK .boxBottomLeft, 
.boxGrey .boxOK .boxBottomRight, 
.boxGrey .boxOK .boxBottom,
.boxGrey .boxOK .boxLeft, 
.boxGrey .boxOK .boxRight, 
.boxGrey .boxOK .boxMain { background-color: #009700; }

.boxGrey .boxOK .boxLeft, 
.boxGrey .boxOK .boxRight, 
.boxGrey .boxOK .boxMain { border-bottom: 1px solid #adadad; padding-bottom: 10px; color: #fff; }
.boxGrey #noborder.boxOK .boxLeft, 
.boxGrey #noborder.boxOK .boxRight,
.boxGrey #noborder.boxOK .boxMain { border-bottom:none;}
.boxGrey .boxOK .title { color: #fff; font-size: 23px; line-height: 120%; font-weight:bold; }
.boxGrey .boxOK .highlight { color: #fff; }

/* ------------ END: BOX YELLOW and GREY----------------- */


/* ------------ START: MISC ----------------- */
.boxMain .summaryList { margin-top:5px; width: 100%;}
.boxMain .summaryList th,
.boxMain .summaryList td { padding-right: 10px; padding-bottom: 2px; color: #242424; font-weight: normal;}
.boxMain .info .summaryList th, .boxMain .info .summaryList td { color: #4f4f4f; }
.boxMain .summaryList th { }
.boxMain .summaryList td.label { white-space: nowrap; vertical-align:top;}
.boxMain .summaryList td.value { font-weight: bold; vertical-align:top; }
.boxMain .summaryList td.input { padding-right: 0px; vertical-align:top;}
.boxMain .summaryList td.linput { padding-top: 2px; }


.boxMain .infoList { width: 100%; }
.boxMain .infoList td, .boxMain .infoList th { font-size: 12px; vertical-align:top; }
.boxMain .infoList th { padding-bottom: 3px; font-weight: bold;}
.boxMain .infoList td { padding-bottom: 1px;}
.boxMain .infoList td.label { background: url(images/elements/bg_box_separator_horizontal.gif) repeat-x right 11px; white-space:nowrap; padding-right: 10px; }
.boxYellow .boxMain .infoList td.label span { background: #fff0bb; }
.boxGrey .boxMain .infoList td.label span { background: #eeeeee; }
.boxMain .infoList td.value { font-weight: bold; white-space:nowrap; } 
.boxMain .infoList td.value .left { float:left;}
.boxMain .infoList td.value .right { float:right;}

/* ------------ END: MISC ----------------- */