/****************************************************
    Styles for Benders Roof Calculation - RRITS
 ****************************************************
*/   
body, div, p, h1, h2, h3, h4, ul, li, table
{
   font-family: Tahoma, Arial, Helvetica;
   font-size: 10pt;
   background-color:#F7F7F7;
	margin:0;
	padding:0;
	border:none;
}
/* Main header on login page */
.lbl_head0
{
   font-family: Tahoma, Arial, Helvetica;
   font-size: 18pt;
   font-weight:bold;
	margin:0;
	padding:0;
	border:none;
   color:Black;
}
/* Header on each tab */
.lbl_head1
{
   font-family: Tahoma, Arial, Helvetica;
   font-size: 14pt;
   font-weight:bold;
	margin:0;
	padding:0;
	border:none;
   color:Gray;
}
/* Header information what to do on each tab */
.lbl_head2
{
   font-family: Tahoma, Arial, Helvetica;
   font-size: 12pt;
   font-weight:bold;
	margin:0;
	padding:0;
	border:none;
   color:Gray;
}
/* Header add information on each tab */
.lbl_head3
{
   font-family: Tahoma, Arial, Helvetica;
   font-size: 10pt;
   font-weight:bold;
	margin:0;
	padding:0;
	border:none;
   color:Red;
}
/* label to input fields */
.lbl
{
   font-family: Tahoma, Arial, Helvetica;
   font-size: 10pt;
   font-weight:normal;
	border:none;
	color:Black;
}
.lbl_center
{
   font-family: Tahoma, Arial, Helvetica;
   font-size: 10pt;
   font-weight:normal;
	border:none;
	color:Black;
	text-align:center;
}
.lbl_bold
{
   font-family: Tahoma, Arial, Helvetica;
   font-size: 10pt;
   font-weight:Bold;
	border:none;
	color:Black;
}
.lbl_bold14
{
   font-family: Tahoma, Arial, Helvetica;
   font-size: 14pt;
   font-weight:Bold;
	border:none;
	color:Black;
}
.lbl_red
{
   font-family: Tahoma, Arial, Helvetica;
   font-size: 10pt;
   font-weight:normal;
	border:none;
	color:Red;
}
.lbl_blue
{
   font-family: Tahoma, Arial, Helvetica;
   font-size: 10pt;
   font-weight:normal;
	border:none;
	color:Gray;
}
/* Input text box */
.txt
{
   font-family: Tahoma, Arial, Helvetica;
   font-size: 10pt;
	color:Black;
   margin-left: 0px;
}
/* Button */
.btn
{
   font-family: Tahoma, Arial, Helvetica;
   font-size: 10pt;
	color:Black;
}

.frame
{
   font-family: Tahoma, Arial, Helvetica;
   font-size: 10pt;
   font-weight:bold;
	color:Black;
 }
/* listbox */
.lst
{
   font-family: Tahoma, Arial, Helvetica;
   font-size: 10pt;
   font-weight:normal;
	color:Black;
}
.footer_COPYRIGHT
{
   font-family: Tahoma, Arial, Helvetica;
   font-size: 8pt;
   color:#777777;
}
.footer
{
   font-family: Tahoma, Arial, Helvetica;
   font-size: 8pt;
   color:#777777;
}

/* for tabstrip */
.tabstrip
{
   font-family: Tahoma, Arial, Helvetica;
   font-size: 10pt;
	color:Black;
}

.tab
{
 font-family: Tahoma, Arial, Helvetica;
 font-size: 8pt;
 font-weight:normal; 
 text-decoration: none;
 padding: 15px  0px 0px 0px;
 text-align: center;
}

.tab a:link, .tab a:visited, .tab a:hover
{
 text-decoration: none;
 color:#333333;
}

.tabPage   /* If the area beneath the tab strip needs to have a box defined, use this style in the <td> */
{  
 border: solid 1px #c0cbb6;
 vertical-align:top;
}
.tabItem  
{
 padding: 3px 6px 3px 3px;
 border-top: solid 1px #dcdcdc;
 border-left: solid 1px #dcdcdc;
 border-right: solid 1px #808080;
 border-bottom: solid 2px #000000; 
 background-color: #E7E6E3;
 font-family:Verdana,Arial,Helvetica;
 font-size: 8pt;
 font-weight:normal; 
 text-decoration: none;
}

.tabSelected  
{
 border-style: outset;
 border-bottom: solid 1px #ffffff;
 background-color: #F7F6F3;
 font-weight:bold; 
}

.tabHover 
{
 border-style: outset;
 border-bottom: solid 1px #000000; 
 background-color: #d8e1ce;
}



/* for grid */
.DataGridFixedHeader 
{
   background-color: white; 
   position:relative; 
   top:expression(this.offsetParent.scrollTop);
}

/* UTSKRIFT */
/* offert/beställning */
.sidbrytning {
    page-break-before: always;
    }
.sidfot {
    background-color:#FFFFFF; color:black; font-size:6pt; font-family:Verdana;
    }
.text1 {
    background-color:#FFFFFF; color:black; font-size:8pt; font-family:Verdana;
    }
.text1B {
    background-color:#FFFFFF; color:black; font-size:8pt; font-family:Verdana;font-weight: bolder;
    }
.text2 {
    background-color:#FFFFFF; color:black; font-size:10pt; font-family:Verdana;
    }
.text3 {
    background-color:#FFFFFF; color:black; font-size:10pt; font-family:Verdana;
    }
.text3B {
    background-color:#FFFFFF; color:black; font-size:10pt; font-family:Verdana;font-weight: bolder;
    }
.text4B {
    background-color:#FFFFFF; color:black; font-size:12pt; font-family:Verdana;font-weight: bolder;
    }
.text5B {
    background-color:#FFFFFF; color:black; font-size:14pt; font-family:Verdana;font-weight: bolder;
    }
.rubrik{ background-color:#FFFFFF; color:black; font-size:20pt; font-family:Verdana;font-weight: bolder;
    }
.tabell {
    background-color:#FFFFFF; color:black; font-size:8pt; font-family:Verdana;
    }

/* Scroll Table */





/****************************************************************************************/
/**** A J A X ****/

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	/* background-color : inherit; */
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	/* cursor : 'default'; */
	cursor:default;
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

/*Cascading DropDown*/

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

/*Confirm Button*/


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	/* filter:alpha(opacity=70); */
	/* opacity:0.7; */
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

/* Rounded Corners*/

.roundedPanel
{	
	width:300px;
	background-color:#5377A9;
	color:white;
	font-weight:bold;
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: #fffacd;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}