body {
	background-color:#c6d2dd;
	/*font: Georgia, "Times New Roman", Times, serif;*/
	/*font: Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	/*font: 62.5% Georgia, "Times New Roman", Times, serif;*/
	/*margin: 50px;*/
	margin: 0px 50px 0px 50px;
}

.ver_table_title_left {
	border-width: 1px;
	border-style: solid;
	border-color: #000;
}
.ver_table_title_center {
	border-width: 1px;
	border-style: solid;
	border-color: #000;
}
.ver_table_title_right {
	border-width: 1px;
	border-style: solid;
	border-color: #000;
}

.rapport_rubrik {
	font-size:16px;
	font-weight:bold;
}
.rapport_bolagsnamn {
	font-size:14px;
}

.rapport_cell_spacing {
	padding-top:5px;
	font-size: 12px;
}

.front_view {
}
.list_pdf_button {
}

.input_align_right {
	text-align:right;
}

.input_display_none {
	display:none;
}
.input_visibility_hidden {
	visibility:hidden;
}

.ui-autocomplete-loading {
	/*background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat;*/
}
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
* html .ui-autocomplete {
	height: 200px;
}
.page_mainview_background_color { background-color: #FFF; }
.page_mainview_table-corner-tl { -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; }
.page_mainview_table-corner-tr { -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; }
.page_mainview_table-corner-bl { -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; }
.page_mainview_table-corner-br { -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px; }
.page_mainview_table-corner-all { -moz-border-radius: 15px; -webkit-border-radius: 15px; }

.input_transparent { border: 0px; margin: 0px; padding: 0px; background-color: transparent; }
.input_width { width: 100%; }
.input_ver_nr_width { width: 50px; background-color: #E6E6E6; }
.input_ver_datum_width { width: 100px; }
.input_ver_rader_width { width: 30px; }
.input_ver_text_width { width: 300px; }

.div_padding {
	padding-top: 10px;
	padding-left:10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border: 1px solid #999;
}

.horizontal_rule_width  {
	margin-left:25px;
	margin-right:25px;
}

.table_data_border_lrt {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}

.table_data_border { border-width: 1px; border-style: solid; border-color: #000; }
.table_data_odd { background-color: #EEEEEE; }
.table_data_even { background-color: #FFFFFF; }
.table_data_hover { background-color: #CCC; }

.text_bold { font-weight: bold; }

.table-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.table-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.table-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.table-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.table-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.table-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.table-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.table-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.table-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.mouse_auto { cursor: default; }
.mouse_over_hand { cursor:pointer; }

.table_border_top_thin { border-top-color:#000; border-top-style:solid; border-top-width:thin; }
.table_border_top_medium { border-top-color:#000; border-top-style:solid; border-top-width:medium; }
.table_border_top_thick { border-top-color:#000; border-top-style:solid; border-top-width:thick; }
.table_border_bottom_thin { border-bottom-color:#000; border-bottom-style:solid; border-bottom-width:thin; }
.table_border_bottom_medium { border-bottom-color:#000; border-bottom-style:solid; border-bottom-width:medium; }
.table_border_bottom_thick { border-bottom-color:#000; border-bottom-style:solid; border-bottom-width:thick; }

.table_border_left_thin { border-left-color:#000; border-left-style:solid; border-left-width:thin; }
.table_border_left_medium { border-left-color:#000; border-left-style:solid; border-left-width:medium; }
.table_border_left_thick { border-left-color:#000; border-left-style:solid; border-left-width:thick; }
.table_border_right_thin { border-right-color:#000; border-right-style:solid; border-right-width:thin; }
.table_border_right_medium { border-right-color:#000; border-right-style:solid; border-right-width:medium; }
.table_border_right_thick { border-right-color:#000; border-right-style:solid; border-right-width:thick; }

.table_border_thin { border-color:#000; border-style:solid; border-width:thin; }
.table_border_medium { border-color:#000; border-style:solid; border-width:medium; }
.table_bordert_thick { border-color:#000; border-style:solid; border-width:thick; }

.menu_frame {
	width:100%; /*700px*/
	margin:0px;
	padding: 10px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
	background:#FFF;
}

/******************* Start Tab Meny test ********************/
/*** Tabs CSS ***/
/* Styr det "grova" runt tabflikarna, var dom ska börja ritas ut, deras ram mm. */
ul.menu_tabs {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	width: 100%;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
}
/* Styr varje individuell flik */
ul.menu_tabs li {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}
/* Styr länken innuti varje flik */
ul.menu_tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}
/* "hover" över en flik's länk */
ul.menu_tabs li a:hover {
	background: #ccc;
}
/* Hur den ska se ut och bete sig när den är satt till active alltså vald */
html ul.menu_tabs li.active, html ul.menu_tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}



/*** Tab Content CSS ***/
/* Containern nedanför flikarna som ska visa innehållet */
.menu_tab_container {
	border: 1px solid #999;
	overflow: visible;
	clear: both;
	float: left;
	width: 100%; /*700px*/
	padding: 0px 10px 0px 10px;
	background: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
/* hur innehållet i containern ska formateras.. */
.menu_tab_content {
	padding: 10px;
}


/******************* Start ny Meny test *********************/

#nav,#nav ul{
	margin:0;
	padding:0px;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em;
	z-index:1;
}
/*
This removes the indents browsers tend to make, as well as the bullets from #nav and all its child-ul elements. The "position:relative"  is needed since we will arrange some of the contained elements with position:relative and absolute. This is necessary since relative and absolute positioned elements are positioned according to their containing blocks with a position attribute, other then static.

Line-height defines the height of each list item. You could set the height attribute for your list-items to define their height, but line-height will center the link text vertically without the need to play with margins and paddings.
*/

#nav a:link, #nav a:active, #nav a:visited{
	display:block;
	padding:0px 5px;
	border:1px solid #fff; /*#333*/
	color:#333; /*#fff*/
	text-decoration:none;
	background-color:#fff; /*#333*/
}
	
#nav a:hover{
	background-color:#333; /*#fff*/
	color:#fff; /*#333*/
}
/*
This one is pretty straight forward:
it will style each hyper link in our menu a little bit.
*/

#nav li{
	float:left;
	position:relative;
}
/*
This will align our list elements horizontally.
*/

#nav ul {
	margin-top: 2px;
	position:absolute;
	width:12em;
	top:1.5em;
	display:none;
	padding-right: 12px;
	border: 1px solid #999;
}
/*
This will position the nested Lists right beyond the main menu and give them a width of 12em. The width attribute is needed so that the list items within display vertically again. The Top attribute should have the same value as the line-height attribute we defined for #nav.
*/

#nav li ul a{
	width:12em;
	float:left;
}
/*
This will set the width of the hyper links to 12 em (which in combination with the width of the UL set above results in a horizontally displayed sub menu, despite of the ongoing float:left)
*/

#nav ul ul{
	top:auto;
}	

#nav li ul ul {
	left:12em;
	margin:0px 0px 0px 0px;
	z-index:2;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}
/*
#nav ul ul and #nav li ul ul define where we display the sub menus.

The hover states define which items we want to show when hovering over an item (only the next sub level, not all of them)
*/

/******************* Slut ny Meny test **********************/