/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: white;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 25px;
    color: blue;
}

a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: rgb(46,123,139);    
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

nav
{
    clear:left;
    padding: 100px 15px 15px 15px;    
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #289775;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#main
{
    clear:left;
    background-color: #fff;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
/* Begin CSS Drop Down Menu */

#menuh-container		/* this is the main container position as you want*/
	{
	font-size: 1em;		/* do not remove or alter */
	z-index: 1;			/* do not remove or alter */	
	}

#menuh							/* this is where you may change font and font size */
	{
	font-size: 14px;								/* size of the text in the menu */
	font-family: arial, helvetica, sans-serif; 		/* font */
	font-weight: bold;		    					/* weight (i.e., bold, italic, ect.)  */
	float: none;									/* do not remove or alter */
	width: 100%;									/* *** PLEASE *** note the comment below */
	min-width: 1100px;
	}

/* === comment ===
The width value above can be critical to your design. If you leave the value at 100%, then 
the menu will wrap if the browser window is reduced to a size where the menu can't fit. 
If you want your menu to not wrap, then you must set it to a specific size.

To determine what specific size you need, simply count the number of grandparents and 
multiply that number by the width given in the menh ul and menuh lu rules. For example, 
this menu has five grandparents and the width for the menuh ul and li is 9em. Therefore, 
a width of 400 em would stop this menu from wrapping.
*/

#menuh a, #menuh a:visited				/* menu at rest */
	{
	height:1%;							/* do not remove or alter */
	display: block;						/* do not remove or alter */
	white-space: nowrap;				/* do not remove or alter */

	padding-top: 0.3em;					/* height of the menu box above text */
	padding-bottom: 0.3em;				/* height of the menu box below text */
	text-align: center; 				/* if you change this, you'll have to add padding */
	text-decoration: none;				/* this stops the default underline of links */
	color: #696969;						/* color of the text */
	background-color: rgb(196, 240, 155);			/* color of the background */
	}	
			

#menuh a:hover								/* menu at mouse-over  */
	{
	color: #EEE;							/* color of text */
	background-color: rgb(84, 161, 137);				/* color of background */
	}	

/* NOTE  the width attriute below is REQUIRED IN BOTH #menuh ul and #menuh li rules below. */
/* If you remove these, the menu will automatically adjust to the length of the menu text. */
/* In other words, the menu becomes a variable width menu (some menus require that) */
/* HOWEVER, you mist add padding to left and right make the menu text readable */
	
#menuh ul
	{
	list-style: none;			/* do not remove or alter */
	margin: 0;					/* do not remove or alter */
	padding: 0;					/* do not remove or alter */
	float: left;				/* do not remove or alter */
	width:218px;				/* width of all menu boxes -- read note above*/
	}
	

#menuh li
	{
	position: relative;			/* do not remove or alter */
    min-height: 1px;			/* do not remove or alter */ 
    vertical-align: bottom;		/* do not remove or alter */
    width:218px;				/* width of all menu boxes -- read note above*/
	}
	
#menuh ul ul a                  /* submenu links */
    {
    text-align: left;  
    width:250px;            /*Increase this width if you need more space to fit submenu text*/
    padding-left:5px;
    padding-right:5px;
        
    }	

/* ===== DO NOT REMOVE OR ALTER ANYTHING BELOW ===== */

#menuh ul ul			/* submenu menu */
	{
	position:absolute;
	top: auto;
	left: auto;
	display:none;
	padding: 0;
	margin: 0;
	z-index: 0;		
	}

div#menuh li:hover
	{
	cursor:pointer;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

#menuh						/* IE stuff */
	{
	float:none;
	}
	
body						/* IE stuff */
	{
	/*behavior:url(tedd/csshover.htc);*/
	}
	
#menuh ul li				/* IE stuff */
	{
	float:left;
	}
	
#menuh a					/* IE stuff */
	{
	height:1%;
	}

/* End CSS Drop Down Menu */



/* Menu on påbörjde and gamla rapporter page

-----------------------------------------------------------*/
ul#onPageManu
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 300px;
}

ul#onPageManu li
{
    margin: 0px;
    background-color: #DFDFDF;
    padding: 5px;
}

ul#onPageManu li:hover
{    
    background-color: #e5e5e5;    
}

ul#onPageManu li a
{
    padding: 10px 20px;    /* Width and height will no work so use padding. *IMPORTANT* */
    font-weight: bold;    
    text-decoration: none;
    line-height: 2.8em;
    /*background-color: #dfdfdf;*/
    color: #696969;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
    width:1024px;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  border: solid 1px #E1F3DE;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #E1F3DE;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #E1F3DE; 
  border: solid 1px #E1F3DE;   
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}
.warning
{
    color:Blue;
}
.error
{
    color:Red;
}

#menucontainer
{
    float:left;
    clear:both;
    margin-top:20px;
    width:100%;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
    margin-left:25px; 
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:Black;
}

#logindisplay a:link
{
    color: Black;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: Black;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: #696969;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.editor-column
{
    float: left; 
    width: 420px;
}
.display-field,
.editor-field
{
    width:200px;
    float:left;
    margin: 5px 5px;
}

.editor-label
{
    width:200px;
    float:left;
    margin: 5px 5px;    
    text-align:right;
}

.editor-label-forms
{
    width:150px;    
    float:left;
    margin: 5px 5px;
    margin-left:50px;
    text-align:right;
}

.display-label
{    
    float:left;
    clear:left;
    margin: 5px 5px;        
}

.button
{
     cursor:pointer;
     background-color: #bcc6ae; 
     border-top: 1px solid #5f6c4d; 
     border-right: 1px solid #000000; 
     border-bottom: 1px solid #000000; 
     border-left: 1px solid #5f6c4d;
     width: auto; height: 24px;
     font-weight: bold;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}


div#leftReportMenuColumn
{
    float:left;
    
}

div#rightReportDetailColumn
{
    float:left;
    margin:10px;
    margin-top:0px;
}

/*Edit and Delete button in the IV page*/
.editBtn
{
    background: url(themes/base/images/editBtn.jpg) no-repeat top left;
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -9999px; /* hides the link text */    
}

.deleteBtn
{
    background: url(themes/base/images/deleteBtn.png) no-repeat top left;
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -9999px; /* hides the link text */    
}

.nevigationPics
{
    max-height:102px;
}
.figureContainer
{    
    width:100px;
    height:53px;
    float:left;
}

/* ui-icons_888888_256x240.png - Light ash */
/* ui-icons_222222_256x240.png - Black */
/* ui-icons_454545_256x240.png - Dark ash*/
/* ui-icons_2e83ff_256x240.png - Blue */
/* ui-icons_cd0a0a_256x240.png - Red */ 
.seperator
{
    background: url(themes/base/images/ui-icons_454545_256x240.png) no-repeat;
    background-attachment: scroll;
    background-position: -47px -188px;
    width:18px;
    height:24px;
    float:left;
    margin-top:12px;
}

.authImg {
    background-image: url(themes/base/images/AuthPetrol.png);
    background-repeat: no-repeat;
    background-position: center;
    min-width: 62px;
    min-height: 51px;
}

.bankIdImg {
    background-image: url(themes/base/images/ComputerPetrol.png);
    background-repeat: no-repeat;
    background-position: center;
    min-width: 99px;
    min-height: 56px;
}

.mobileBankIdImg {
    background-image: url(themes/base/images/MobilePetrol.png);
    background-repeat: no-repeat;
    background-position: center;
    min-width: 33px;
    min-height: 63px;
}

.ribon
{
    width:700px;
    height: 50px;
    border: 0px solid #454545 ;
    cursor: pointer; cursor: hand;
}

.ribonHeader
{
    background-color: white;        
}

.ribonHeader:hover
{
        background-color: lightgray;        
}

.ribonContent 
{
    height: 125px;
}

.ribonText
{
    font-family:Verdana;Bookman Old Style;
    color:black;
    font-size: large;
    margin:10px;         
}

.loginBtn
{
    /* background:url(themes/base/images/ComputerPetrol.png) no-repeat; */
    cursor:pointer;        
}