/************************/
/* GLOBAL               */
/************************/
html, body 
{
	height: 100%;
	padding: 0;
	margin: 0;
	scrollbar-base-color:#a4a4a4;
	scrollbar-face-color:#f1f0f6;
	scrollbar-darkshadow-color: #c2c3c7;
}

body
{
	font: 76%/1.4 Georgia, serif;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	text-align: center;
	color: #333333;
	background: url(images/Rutnat_byggsten_grey.jpg) top left;
	border:none;
	
}

body form
{
	width: 954px;
    margin: 0px auto 0px auto;
    background: #ffffff;
    border-left:solid 1px #a4a4a4;
    border-right:solid 1px #a4a4a4;
	min-height: 100%;
}

* html body form 
{
	height: 100%;
}

#Page 
{
    position: relative;
    width:100%;
    padding: 0;
    margin:0;
	text-align: left;
    overflow: hidden;
}

a 
{
	color: #44748f;
}

a:hover 
{
    
}



h1 {font-weight: normal; font-style:normal; font-size: 18px; padding: 0; margin: 0 0 0 0;}
h2 {font-weight: normal; font-style: normal; font-size: 14px; padding: 0; margin: 0.2em 0em;}
h3 {font-weight: bold; font-size: 12px; padding: 0; margin: 0.4em 0em;}

.introduction
{
	font-weight: bold;
}

p {margin: 0 0 1em 0; padding: 0; }

hr 
{
	margin: 0.5em 0;
	height: 1px;
	padding: 0;
	background: #d7d7d7;
	color: #d7d7d7;
	border:0;
}

hr.clear 
{
    clear: both;
}

ul 
{
    padding: 0;
    margin: 0 0 0 1em;
}

ul.horizontal
{
	list-style-type:none;
	list-style-image:none;
	overflow:hidden;
	margin: 0;
	width: 100%;
}

ul.horizontal li
{
	float:left;
	padding-right: 0.7em;
}

label 
{

}

input 
{

}

fieldset 
{   
	margin: 0 0 1em 0;
	padding: 1em;
}

legend 
{
    color: #606060;
}

.hidden {display: none;}

.error 
{
    color: Red;
}

.button
{
    color:White;
    background: #5f9fc4;
    border:none;
    padding:2px 8px 3px 8px;
    text-decoration:none;
    display:block;
}

table
{
	font-size: 1em;
	border-collapse: collapse;
}

th
{
	text-align: left;
}


/************************/
/* HEADER               */
/************************/

#HeaderArea
{
	float: left;
	background: url(images/top_bg_grey.jpg) repeat-x bottom left;
	/*height:126px;*/
	height:109px;
	width:100%;
	margin:0 0 3px 0;
}

#Logotype
{
	float: left;
	margin: 0;
	padding:0;
}

.Functions
{
	position: absolute;
	/*top: 30px;*/
	top:10px;
	right: 70px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	line-height: 1.4em;
}

.Functions2
{
	position: absolute;
	/*top: 60px;*/
	top: 40px;
	right: 70px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	line-height: 1.4em;
	text-align:right;
}

.Functions li
{
	display: block;
	height: 1.6em;
	float: left;
	background: url(images/dot_cyan.png) no-repeat top left;
	padding: 0 1em;
	overflow: visible;
}
.Functions2 li
{
	display: block;
	height: 1.6em;
	padding: 0 1em;
}
.Functions li.first
{
	background:none;
}

.Functions li a
{
	display: block;
	color: #8a8a8a;
	text-decoration: none;
	float: left;
	padding-left: 2em;
}

.Functions2 li a 
{
	display: block;
	color: #8a8a8a;
	text-decoration: none;
	padding-left: 2em;
}

.Functions a:hover, .Functions2 a:hover
{
	color: #44748f;
	text-decoration: underline;
}

a.loginButton
{
	background: url(images/ButtonLogin.png) no-repeat;
	height: 1.6em;
}
a.logoutButton
{
	background: url(images/ButtonLogin.png) no-repeat;
}
a.rssButton
{
	background: url(images/ButtonRss.png) no-repeat;
}

a.sitemapButton
{
	background: url(images/ButtonSitemap.png) no-repeat;
}

li a.languageButton, li input.languageButton
{
	padding-left:1em;
}

input.languageButton 
{
    width: 20px;
    float: left;
    height: 1.6em;
}

select.languageButton 
{
    font-size: 1em;
}

/************************/
/* MAINMENUAREA         */
/************************/

#MainMenuArea 
{
	position:relative;
	z-index:10;
	float:left;
	width:100%;
	background: #5f9fc4;
	margin:0;
	padding:0;
	width:955px;
	height:27px;
}

/* r.a.d.menu Web 2.0 skin */

.RadMenu_Web20 
{
	padding-left:189px;
}

ul.rmRootGroup li.rmItem
{
	border-right: solid 2px #ffffff;
}

ul.rmRootGroup li.rmLast, ul.rmLevel1 li.rmItem, ul.rmLevel2 li.rmItem
{
	border:none;
}


.RadMenu_Web20_Context
{
	background: none;
	border:0;
}

.RadMenu_Web20 .rmLink
{
	text-decoration: none;
	color: #fff;
	background: transparent;
	/*cursor:hand;
	cursor:pointer;*/
}

/*.RadMenu_Web20 .rmLink:hover,*/
.RadMenu_Web20 .rmGroup .rmFocused,
.RadMenu_Web20 .rmGroup .rmExpanded
{
	color: #5f9fc4;
	background: transparent;
	/*cursor:hand;
	cursor:pointer;*/
}

.RadMenu_Web20 .rmText
{
	font: 11px Verdana, Arial, Sans-serif;
	padding:7px 9px 7px 9px;
    background-image:none;
}

.RadMenu_Web20 .rmLink:hover .rmText
{
	/*font-weight:bold;*/
}


.RadMenu_Web20 .rmRootGroup .rmText .rmLeftImage
{
	margin: 3px 1px 0; /* should be adjusted to the size of the images, if they are larger than 16x16px */
}

.RadMenu_Web20 .rmHorizontal .rmExpandBottom,  
.RadMenu_Web20 .rmHorizontal .rmExpandTop  
{  
  background: transparent;  
} 

.RadMenu_Web20 .rmVertical .rmExpandLeft,
.RadMenu_Web20 .rmVertical .rmExpandRight  
{  
  background: transparent;  
} 


.RadMenu_Web20 .rmSlide
{
	margin-top:-1px;
}

.RadMenu_Web20 .rmGroup
{
	border: solid 1px #5f9fc4;
	background: #5f9fc4;
}

.RadMenu_Web20 .rmGroup .rmLink
{
	background: #ffffff;
	color: #4b85a7;
	border: 0px;
	cursor:hand;
	cursor:pointer;
}

.RadMenu_Web20 .rmGroup .rmLink:hover
{
	color: #5f9fc4;
	background: transparent;
}

.RadMenu_Web20 .rmGroup .rmText
{
	font-weight: normal !important;
	background: none;
	margin-right: 0 !important;
	padding:9px 15px 9px 9px;
	border:none;
	
}

.RadMenu_Web20 .rmGroup .rmLink:hover,
.RadMenu_Web20 .rmGroup .rmFocused,
.RadMenu_Web20 .rmGroup .rmExpanded
{
	background:#5f9fc4;
	color:#ffffff;
	border: 0;
	cursor:hand;
}

.RadMenu_Web20 .rmLeftArrow,
.RadMenu_Web20 .rmRightArrow,
.RadMenu_Web20 .rmTopArrow,
.RadMenu_Web20 .rmBottomArrow,
.RadMenu_Web20 .rmLeftArrowDisabled,
.RadMenu_Web20 .rmRightArrowDisabled,
.RadMenu_Web20 .rmTopArrowDisabled,
.RadMenu_Web20 .rmBottomArrowDisabled
{
	background: #e7f1ff url(Menu/left.gif) center center no-repeat;
	width: 15px;
	text-decoration:none;
	color:#e7f1ff;
}

.RadMenu_Web20 .rmTopArrow,
.RadMenu_Web20 .rmTopArrowDisabled
{
	background-image: url(Menu/top.gif);
	width: 100%;
	height: 15px;
}

.RadMenu_Web20 .rmBottomArrow,
.RadMenu_Web20 .rmBottomArrowDisabled
{
	background-image:url(Menu/bottom.gif);
	width: 100%;
	height: 15px;
}

.RadMenu_Web20 .rmRightArrow,
.RadMenu_Web20 .rmLeftArrow
{
	height: 100%;
}

.RadMenu_Web20 .rmRightArrow,
.RadMenu_Web20 .rmRightArrowDisabled
{
	background-image: url(Menu/right.gif);
}

.RadMenu_Web20 .rmVertical .rmSeparator
{
	padding-top: 2px;
	background: #6788be;
	font-size: 1px;
	line-height: 1px;
}

.RadMenu_Web20 .rmSeparator .rmText
{
	display: none;
}

.RadMenu_Web20 .rmExpandLeft,
.RadMenu_Web20 .rmExpandRight,
.RadMenu_Web20 .rmFocused .rmExpandLeft,
.RadMenu_Web20 .rmFocused .rmExpandRight,
.RadMenu_Web20 .rmExpanded .rmExpandLeft,
.RadMenu_Web20 .rmExpanded .rmExpandRight
{
	background: transparent url(Menu/invertedGroupImage.gif) right center no-repeat;
}

.RadMenu_Web20 .rmGroup .rmExpandLeft,
.RadMenu_Web20 .rmGroup .rmExpandRight,
.RadMenu_Web20 .rmGroup .rmFocused .rmExpandLeft,
.RadMenu_Web20 .rmGroup .rmFocused .rmExpandRight,
.RadMenu_Web20 .rmGroup .rmExpanded .rmExpandLeft,
.RadMenu_Web20 .rmGroup .rmExpanded .rmExpandRight
{
	background: transparent url(images/groupImage_cyan.gif) right center no-repeat;
}

.RadMenu_Web20 .rmGroup .rmExpanded .rmExpandLeft,
.RadMenu_Web20 .rmGroup .rmExpanded .rmExpandRight
{
	background: transparent url(images/groupImage_white.gif) right center no-repeat;
}


/*right-to-left support*/

.RadMenu_Web20_rtl,
.RadMenu_Web20_rtl *
{
    text-align:right;
}

.RadMenu_Web20_rtl .rmRootGroup .rmText
{
	margin-right: 0;
	margin-left: 4px;
	padding: 0 5px 0 5px;
}

.RadMenu_Web20_rtl .rmGroup .rmText
{
	margin-left: 0 !important;
	padding: 0 5px 0 5px;
}

.RadMenu_Web20 .rmLeftImage 
{
	margin: 5px 2px 0;
}

.RadMenu_Web20_rtl .rmHorizontal .rmExpandBottom,  
.RadMenu_Web20_rtl .rmHorizontal .rmExpandTop  
{  
  background-position:left center;  
} 

.RadMenu_Web20_rtl .rmVertical .rmExpandLeft,
.RadMenu_Web20_rtl .rmVertical .rmExpandRight  
{  
  background: transparent url(Menu/invertedGroupImageRTL.gif) no-repeat left center;
}

.RadMenu_Web20_rtl .rmGroup .rmExpandLeft,
.RadMenu_Web20_rtl .rmGroup .rmExpandRight  
{  
  background: transparent url(Menu/groupImageRTL.gif) no-repeat 5px center;  
}

.RadMenu_Web20_rtl .rmVertical .rmLink:hover .rmExpandLeft,
.RadMenu_Web20_rtl .rmVertical .rmLink:hover .rmExpandRight,
.RadMenu_Web20_rtl .rmVertical .rmFocused .rmExpandLeft,
.RadMenu_Web20_rtl .rmVertical .rmFocused .rmExpandRight,
.RadMenu_Web20_rtl .rmVertical .rmExpanded .rmExpandLeft,
.RadMenu_Web20_rtl .rmVertical .rmExpanded .rmExpandRight
{
	background: transparent url(Menu/invertedGroupImageRTL.gif) left center no-repeat;
}

.RadMenu_Web20_rtl .rmGroup .rmLink:hover .rmExpandLeft,
.RadMenu_Web20_rtl .rmGroup .rmLink:hover .rmExpandRight,
.RadMenu_Web20_rtl .rmGroup .rmFocused .rmExpandLeft,
.RadMenu_Web20_rtl .rmGroup .rmFocused .rmExpandRight,
.RadMenu_Web20_rtl .rmGroup .rmExpanded .rmExpandLeft,
.RadMenu_Web20_rtl .rmGroup .rmExpanded .rmExpandRight
{
	background: transparent url(Menu/groupImageRTL.gif) 5px center no-repeat;
}

.RadMenu_Web20 .rmRootGroup .rmItem .rmDisabled,
.RadMenu_Web20 .rmRootGroup .rmItem .rmDisabled:hover
{
	-moz-opacity: 0.8;
	opacity: 0.8;
	color: #ccc;
	background: none;
	border-bottom-color: #f3f5f5;
}



/*************************/
/* STAGEAREA             */
/*************************/

#StageArea
{
	float:left;
    width:920px;
    padding: 18px 28px 0 28px;
    font-size:11px;
    /*background: transparent url(images/mainarea_bg.jpg) top left no-repeat;*/
    
}

/*************************/
/* SUBMENUAREA           */
/*************************/

#SubMenuArea
{
	width: 168px;
	float: left;
	overflow: hidden;
	color: #3e3e3e;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	padding-bottom: 2px;
	
}
#SubMenuArea .SubMenuWidth
{
	width:95px;
	float:left;
}

.SubMenuLeftHeader
{
	float:left;
	margin-right:15px;
}

#SubMenuArea .SubMenuItem
{
	padding-bottom:1px;
	
}

.SubMenuItemHeader
{
	text-align:center;
	padding:0;
	margin:-1px 0 0 0;
	width:100%;
	display:block;
	
}

/* html .SubMenuItemHeader { margin:-2px 0 0 0;}  /* for IE 6 */
/* + html .SubMenuItemHeader { margin:-3px 0 0 0; }  /* for IE 7 */


#SubMenuArea a
{
	color: #3e3e3e;
	text-decoration: none;
}

#SubMenuArea a:hover
{
	color: Black;
	background-color: Transparent;
}

#SubMenuArea ul 
{
  	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
	width:115px;
}

#SubMenuArea li span.top
{
    display:inline-block;
	padding: 0 4px 7px 0px;
	margin:0;
}

#SubMenuArea ul ul
{
    width: 100%;
    overflow: hidden;
}

#SubMenuArea li li
{
   border-bottom: 2px solid White;
   font-size:0.9em;
}

#SubMenuArea li li a, #SubMenuArea li li span
{
	display: block;
	padding: 0px 10px 6px 20px;
}

#SubMenuArea li li span
{
	color: #5f9fc4;
	font-weight:bold;	
}

#SubMenuArea ul ul ul
{
    background: transparent none no-repeat;
    padding: 0 0 4px 16px;
}

#SubMenuArea li li li
{	
    border: 0;
    background: transparent none no-repeat;
    font-size: 0.9em;
}

#SubMenuArea li li li a, #SubMenuArea li li li span
{
	padding: 2px 40px 2px 15px;
}

#SubMenuArea li li li span 
{
	background-position: 3px 5px;
}

#SubMenuArea li li li a:hover
{
    background: transparent none no-repeat;
}

#SubMenuArea li li li li
{
	font-size: 1em;
}

/*************************/
/* CONTENTAREA           */
/*************************/

#MainContentArea
{
    position:static;
	z-index:0;
	width:700px;
	margin:0 50px 0 0;
    float: left;
    
    
}

/* IE 6 doesn't understand the > selector and ignores it */
html>body #MainContentArea {height: auto;}


#MainBodyArea
{
	width:100%;
	float: left;
	overflow: hidden;
	padding:0 0 0px 0px;
    background-color:White;
}

#MainBodyScrollArea
{
	margin:0;
	padding:0 0px 0 0;
	width: 693px;
	height:448px;
	overflow:auto;
	overflow-x: hidden;
	overflow-y: auto;
	position:relative;
}

#FullPageScrollArea
{
	margin:0;
	padding:0 0px 0 0;
	width: 693px;
	height:555px;
	overflow:auto;
	overflow-x: hidden;
	overflow-y: auto;
	position:relative;	
}

#MainBody
{
	margin:0px 0 0 0;
	padding:10px 0px 0 15px;	
	
}

#MainHeading
{
	background: #efefef;
	margin:0;
	padding:5px 0 5px 15px;
}

#SecondaryBodyArea
{
	width:100%;
	float: left;
	overflow: hidden;
	padding:0;
    margin:12px 0 0 0;
    font-size:10px;
}

#SecondaryBodyAreaStartPage
{
	width:100%;
	float: left;
	overflow: hidden;
	padding:0;
    margin:0px 0 0 0;
    font-size:10px;
}

#SecondaryBodyArea .SecondaryBody
{
	padding:0px 5px 0px 5px;
	margin:-7px 0 -6px 0;
}


#SecondaryBodyArea .BorderRight
{
	border-right:#a4a4a4 solid 1px;
}



/*************************/
/* FOOTERAREA            */
/*************************/
#FooterArea
{
	float:left;
	overflow: visible;
	width:702px;
	margin-top:0px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	
}

#Footer 
{
	height: 100%;
	font-size: 0.9em;
	color: #cccccc;
}

#FooterArea ul
{
	margin: 0px 0 0px 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width:100%;
	
}

#FooterArea ul li
{
	display: block;
	float: left;
	padding: 0 3px;
	
}

#FooterArea ul li.first
{
	border: 0;
	padding:0 4px 0 0;
}

#FooterArea a
{
	text-decoration: none;
	color: #cccccc;
}

#FooterArea a:hover
{
	text-decoration: underline;
}



/*************************/
/* RADROTATOR			 */
/*************************/

#RadRotatorArea
{
	/*height:482px;*/
	height: 415px;
	width:681px;
	width:694px;
	position:relative;
	padding:0;
	margin:0;
}


/*================== The list ========================*/


.RadRotator2
{
	padding:0;
	margin:0;
	margin:0px 0px 0px 6px;
	
}

.RotatorImage
{
	/*float:left;*/
	position:static;
	border: solid 1px #ffffff !important;
    margin: 0;
    padding:0;
    
}
.FlashAnimation
{
	margin:0px 0px 0px 7px;
}




/*************************/
/* SITEMAP PAGE          */
/*************************/
#SiteMap ul 
{
    margin: 0;
    padding: 0.2em 0;
}

#SiteMap ul ul
{
    padding: 0;
    margin-left: 0.5em;
}

#SiteMap li
{
    margin: 0 0 0.5em 0;
    padding: 0;
    list-style: none;
    font-size: 1.1em;
}
#SiteMap li a
{
    text-decoration: none;
}

#SiteMap li li
{
    margin: 0.2em 0;
    padding-left: 1em;
    background: url(images/SiteMapBullet.png) no-repeat;
    font-size: 0.8em;
}

#SiteMap li li a
{
    text-decoration: underline;
}

#SiteMap li li li
{
    font-size: 1em;
}

/*************************/
/* IMAGE GALLERY         */
/*************************/

#StairGalleryArea
{
	width:100%;
	height:438px;
	width:683px;
	padding:10px 0px 0 10px; 
	margin:0;
}

#GalleryArea
{
	width:100%;
	height:438px;
	width:683px;
	padding:0px 0px 0 10px; 
	margin:0;
}

/*#StairThumbNailsArea
{
	margin:0;
	padding:0;
	width: 345px;
	height:360px;
	position:relative;
}*/

.StairThumbNailsArea
{
	margin:0;
	padding:0;
	width: 345px;
	height:360px;
	position:relative;
}

/*#GalleryThumbNailsArea
{
	margin:0;
	padding:0;
	width: 345px;
	height:435px;
	position:relative;
}*/

.GalleryThumbNailsArea
{
	margin:0;
	padding:0;
	width: 345px;
	height:435px;
	position:relative;
}

.ThumbNailItem
{
	float:left;
	height:120px;
	width:101px;
	margin:0 7px 9px 0px;
}

.ThumbNailImage
{
	cursor:hand;
	cursor:pointer;
}

/*#ImagePreviewArea
{
	float:left;
	margin:0 0 0px 0px;
	padding:0 0px 0px 0px;
	height:410px;
	width:318px;
	width:314px;
}*/

.ImagePreviewArea
{
	float:left;
	margin:0 0 0px 0px;
	padding:0 0px 0px 0px;
	height:410px;
	width:318px;
	width:314px;
}

.PreviewImg
{
	float:left;
	width:300px;
	height:367px;
	padding-left: 5px; 
	padding-right:5px;
	padding-top:2px;
	padding-bottom:5px;
}

.PreviewImgInfo
{
	float:left;
	width:300px;
	font-size:0.8em;
	background: #efefef;
	margin:0;
	padding:5px;
}

#PdfBtnArea
{
	padding:2px 0 0 0;
	margin-left:2px;
	float:left;
	
}

#PrintBtnArea
{
	padding:2px 0 0 0;
	float:right;
	margin-right:2px;
}

/*************************/
/* CUSTOM SCROLLER		 */
/*************************/

.Content_Wrapper,.Boxes_Wrapper
{
    /*overflow:hidden;*/
    position:relative;
    /* set width ! */
    overflow:auto;
    overflow-x: hidden;
	overflow-y: auto;
}
.Content,.Boxes_Content
{
    position:absolute;
    top:0;
    left:0;
}
    
    
/*#StairThumbNailsArea .Content_Wrapper{position:absolute;width:350px;height:360px;top:0px;left:0px;}*/

/*#StairThumbNailsArea .radslider, #GalleryThumbNailsArea .radslider{position:absolute;top:0px;right:0px;}*/

.StairThumbNailsArea .Content_Wrapper{position:absolute;width:350px;height:360px;top:0px;left:0px;}

.StairThumbNailsArea .radslider, .GalleryThumbNailsArea .radslider{position:absolute;top:0px;right:0px;}


/*#GalleryThumbNailsArea .Content_Wrapper{position:absolute;width:350px;height:435px;top:0px;left:0px;}*/

.GalleryThumbNailsArea .Content_Wrapper{position:absolute;width:350px;height:435px;top:0px;left:0px;}

/*html>body  #StairThumbNailsArea .Content_Wrapper {width:341px; }*/
html>body  .StairThumbNailsArea .Content_Wrapper {width:341px; }
/*html>body  #GalleryThumbNailsArea .Content_Wrapper {width:341px; }*/
html>body  .GalleryThumbNailsArea .Content_Wrapper {width:341px; }

  

/*************************/
/* SUBPAGESMENU          */
/*************************/
#SubPagesMenuArea 
{
	position:relative;
	z-index:9;
	float:left;
	width:350px;
}

.PaddingFromSubMenu
{
	display:inline-block;
	padding:20px 0 5px 0;
	width:341px;
}

.StairInfoText
{
	display:inline-block;
	padding:7px 0 0 0;
	width:341px;
}

.SubPagesMenu
{
	padding:0px;
	/*background: #746ca5;*/ /* IE6?????*/
	background: #5f9fc4;
}
.SubPagesMenu .rmText
{
	padding:5px; /* should be adjusted to the size of the images, if they are larger than 16x16px */
	margin: 0px;
	font: normal 11px Verdana, Arial, Sans-serif;
	background-image:none;
	/*background: #746ca5;*/
	background: #5f9fc4;
	cursor:hand;
	cursor:pointer;
}

.SubPagesMenu .rmGroup .rmText
{
	padding:5px 15px 5px 5px;
	border:none;
}



/*************************/
/* FORMS                 */
/*************************/

.xForm
{
}

.xForm h2
{
	padding: 1em 0;
	margin: 0;
}

.xForm .heading
{
    font-weight: bold; 
    font-size: 1em; 
    padding: 0; 
    margin: 0.4em 0em;
}

.xForm #id_matrix
{
    width: 95%;
	margin: 0;
	padding: 0;
}
.xForm #id_matrix td
{
	border:0;
	margin: 0;
	padding: 0.2em 0;
}

span.xformvalidator
{
    color: Red;
}

.xForm input, .xForm .options 
{
    float: left;
}

.xForm fieldset 
{
    border: 1px solid #cdcdcd;
}

.xForm legend 
{
    color: #606060;
    padding: 10px 5px;
}

.xForm label 
{
    line-height: 1.7em;
    margin-right: 0.5em;
    float: left;
    /*width: 120px;*/
}

#id_matrix br 
{
    clear: both;
}

.thankyoumessage
{
	padding: 1em 0;
	margin: 0;
	font-weight: bold;
}

.xForm input.value, .xForm textarea.textbox
{

    width: 200px;
}

.xForm fieldset label
{
    /*width:90%;*/
}

/*************************/
/* IFRAME PAGE           */
/*************************/
.IFrameLeftArea
{
	float:left;
	margin-right:10px; 
	height:438px;
	overflow:hidden;
	width:380px;
}

.IFrameRightArea
{
	float:left; 
	width:288px; 
	height:438px;
	width:265px;
}

/*************************/
/* MODAL WINDOW          */
/*************************/

body.modal
{
	margin: 0;
	padding:0;
	font: 76%/1.4 Verdana, Arial, serif;
	background:none;
}

body.modal form
{
    width: 689px;
    margin: 0;
	padding:0;
	text-align:left;
    
}
#ModalPage 
{
	font-size:11px;
    position: relative;
    padding: 0;
    margin:0;

}

/*************************/
/* IFRAME CONTENT		 */
/*************************/
body.iframecontent
{
	margin: 0;
	padding:0 0 0 0;
	font: 76%/1.4 Verdana, Arial, serif;
	background:none;
	text-align:left;
	
	
}
body.iframecontent form
{
	width: 265px;
    margin: 0;
	padding:0;
	text-align:left;
	border:none;
	margin: 0px;
	min-height: 238px;
	
}

/*************************/
/* PRINT                 */
/*************************/
body.print
{
	margin: 0;
	padding:0;
	font: 76%/1.4 Verdana, Arial, serif;
	background:none;
}

body.print form
{
    width: 620px;
    margin: 0;
	padding:0 2px 0 2px;
	text-align:left;
    
}

form.noborder
{
	border:none;
}

#PrintHeader
{
	margin:5px 0 10px 40px;
}


#PrintFooter
{
	font-size:0.8em;
}

.imgText
{
	padding:5px 0 3px 0;
}

/*************************/
/* CORNERS		         */
/*************************/
/*
	| liquidcorners-extended.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with painted border outside a contentbox with class="inside"; 
	|      image1 = upper half: top left corner, long top border, top right corner
	|               under half: bottom left corner, long bottom border, bottom right corner
	|      image2 = left half: left border; right side: right border
	|               because repeat-y: image2 can be reduced in height!
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('images/corners_900x18.gif'); /* CHANGE: path and name of your image1 */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	/*margin-left: 9px;*/               /* CHANGE: replace by the width of one of your corners */
	/*margin-right: 9px;*/              /* CHANGE: replace by the width of one of your corners */
	margin-left: 3px;               /* CHANGE: replace by the width of one of your corners */
	margin-right: 3px;     
	background: #FFFFFF;            /* YCC: background-color of the inside */
	color: #333333;                 /* YCC: default text-color of the inside */
	/*padding-left: 10px;*/             /* YCC: all texts at some distance of the left border */
	/*padding-right:10px;*/             /* YCC: all texts at some distance of the right border */
	text-align: left;               /* YCC: position of all texts inside */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */
.insideleft, .insideright {
	background-image: url('images/borders_lr_18x1.gif'); /* CHANGE: path and name of your image2 */
	background-repeat: repeat-y;   /* DNC: to pile the image2 as much as needed */
	}
.insideright { background-position: 100% 0; } /* DNC: position right corner */


.top-left_400, .top-right_400, .bottom-left_400, .bottom-right_400 { 
	background-image: url('images/corners_400x10.gif'); /* CHANGE: path and name of your image1 */
	height: 5px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 1px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left_400, .bottom-left_400 { 
	margin-right: 5px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right_400, .bottom-right_400 { 
	margin-left: 5px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -5px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right_400 {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left_400  { 
	background-position: 0 -5px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right_400 { 
	background-position: 100% -5px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside400 {
	margin-left: 5px;               /* CHANGE: replace by the width of one of your corners */
	margin-right: 5px;              /* CHANGE: replace by the width of one of your corners */
	background: #FFFFFF;            /* YCC: background-color of the inside */
	color: #333333;                 /* YCC: default text-color of the inside */
	padding-left: 2px; 
	padding-bottom:0px;            /* YCC: all texts at some distance of the left border */
	padding-right:2px;             /* YCC: all texts at some distance of the right border */
	text-align: left;               /* YCC: position of all texts inside */
	padding-top:2px;
	padding-bottom:2px;
	height:400px;
	}

.inside400_nopadding {
	margin-left: 2px;             
	margin-right: 2px;     
	background: #FFFFFF;           
	color: #333333;                
	text-align: left;
	height:400px;    
	}


.insideleft400, .insideright400 {
background-image: url('images/borders_lr_10x1.gif'); /* CHANGE: path and name of your image2 */
background-repeat: repeat-y;   /* DNC: to pile the image2 as much as needed */
}
.insideright400 { background-position: 100% 0; } /* DNC: position right corner */

.notopgap400    { margin: 0; padding: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap400 { margin: 0; padding:0;} /* DNC: to avoid splitting of the box */


/* 200*/
.top-left_200, .top-right_200, .bottom-left_200, .bottom-right_200 { 
	background-image: url('images/corners_200x6.gif'); /* CHANGE: path and name of your image1 */
	height: 3px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 1px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left_200, .bottom-left_200 { 
	margin-right: 3px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right_200, .bottom-right_200 { 
	margin-left: 3px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -3px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right_200 {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left_200  { 
	background-position: 0 -3px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right_200 { 
	background-position: 100% -3px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside200 {
	margin-left: 3px;               /* CHANGE: replace by the width of one of your corners */
	margin-right: 3px;              /* CHANGE: replace by the width of one of your corners */
	background: #FFFFFF;            /* YCC: background-color of the inside */
	color: #333333;                 /* YCC: default text-color of the inside */
	padding-left: 3px; 
	padding-bottom:1px;            /* YCC: all texts at some distance of the left border */
	padding-right:3px;             /* YCC: all texts at some distance of the right border */
	padding-top:1px;
	text-align: left;               /* YCC: position of all texts inside */
	
	}

/* IE adds 2px extra at the bottom, this is for mozilla */
html>/**/body .inside200 {padding-bottom: 3px;}

.inside200_nopadding {
	margin-left: 3px;               /* CHANGE: replace by the width of one of your corners */
	margin-right: 3px;              /* CHANGE: replace by the width of one of your corners */
	background: #FFFFFF;            /* YCC: background-color of the inside */
	color: #333333;                 /* YCC: default text-color of the inside */
	padding-left: 0; 
	padding-bottom:0px;            /* YCC: all texts at some distance of the left border */
	padding-right:0;             /* YCC: all texts at some distance of the right border */
	text-align: left;               /* YCC: position of all texts inside */
	}


.insideleft200, .insideright200 {
background-image: url('images/borders_lr_6x1.gif'); /* CHANGE: path and name of your image2 */
background-repeat: repeat-y;   /* DNC: to pile the image2 as much as needed */
}
.insideright200 { background-position: 100% 0; } /* DNC: position right corner */

.notopgap200    { margin: 0; padding: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap200 { margin: 0; padding:0;} /* DNC: to avoid splitting of the box */

/**********************************/
/*    Table classes for content   */
/**********************************/

table.classic
{
	border-collapse: collapse;
	border: solid 0.1em #777777;
}
table.classic th
{
	border: solid 0.1em #777777;
	background-color: #DADADA;
	padding: 0.4em;
}
table.classic td
{
	border: solid 0.1em #777777;
	padding: 0.2em 0.4em;
}
table.color
{
	border-collapse: collapse;
	border: solid 0.1em #275569;
}
table.color th
{
	border: solid 0.1em #275569;
	background-color: #4495b9;
	color: White;
	padding: 0.4em;
}
table.color td
{
	border: solid 0.1em #275569;
	padding: 0.2em 0.4em;
}
th.highlighted, td.highlighted
{
}
table.classic th.highlighted
{
	background-color: #AAAAAA;
}
table.classic td.highlighted
{
	background-color: #F0F0F0;
}
table.color th.highlighted
{
	background-color: #377995;
}
table.color td.highlighted
{
	background-color: #d1e6ef;
}
th.leftalignedcontent, td.leftalignedcontent
{
	text-align: left;
}
th.rightalignedcontent, td.rightalignedcontent
{
	text-align: right;
}

th.borderrightGray, td.borderrightGray
{
	border-right:solid 1px #a4a4a4;
}

/**********************************/
/*   Image  classes for content   */
/**********************************/

img.topleftfloatingimage
{
    margin-right: 1em;
    margin-bottom: 1em;
	float: left;
}
img.toprightfloatingimage
{
	float: right;
	vertical-align: top;
    margin-left: 1em;
    margin-bottom: 1em;
}