@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * central stylesheet
 *
 * @creator		 YAML Builder V1.0.3b (http://builder.yaml.de)
 * @file				public.css
 */

/* import core styles */
@import url(/css/yaml/core/base.css);

@media print {
    .ui-tabs-nav {
        display: none;
    }
}

@media screen, projection
{
	/*-------------------------------------------------------------------------*/

	/* Marginal areas & page background */
	body {
	background-image: url(/img/background.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

	/* Layout Alignment */
	#page_margins { margin: 0 auto; }

	/* Layout Properties */
	#page_margins {
	width: auto;
	min-width: 740px;
	max-width: 970px;
	background: #fff;
}
	#page {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
}

	/* Designing main layout elements */
	#header {
	color: #000;
	background-color: DarkRed;
	background-image: url(/img/logo.gif);
	background-repeat: no-repeat;
	background-position: center left;
	height: 50px;
	padding: 0px;
}

	#nav {
	overflow:hidden;
}
	#nav_main {
}
	#main {
	background: #fff;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
	#teaser {
	clear:both;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 20px;
	padding-right: 2px;
}
	#footer {
	color:white;
	background: darkRed;
	border-top: 5px #efefef solid;
	margin-top: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

	/* navigation: horizontal adjustment */
	#nav ul {
	margin-left: 20px;
	display: block;
}

	/*-------------------------------------------------------------------------*/

	/**
	 * Formatting content for frontpage container
	 *
	 */

	.frontpage #col1 { float: left; width: 50%}
	.frontpage #col2 { display:none}
	.frontpage #col3 { width: auto; margin: 0 0 0 50%}
	.frontpage #col1_content { padding: 0 10px 0 20px }
	.frontpage #col3_content { padding: 0 20px 0 10px }
	
	/*-------------------------------------------------------------------------*/

	/*-------------------------------------------------------------------------*/

	/**
	 * Formatting content for plain two column col_1-3r container
	 *
	 */

	.col_1-3r #col1 { float: left; width: 75%}
	.col_1-3r #col2 { display:none}
	.col_1-3r #col3 {
	width: auto;
	margin: 0 0 0 75%;
	background-color: #f1f1f1;
}
	.col_1-3r #col1_content {
	margin-top: 20px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
}
	.col_1-3r #col3_content { padding: 0 20px 0 10px }
	
	/*-------------------------------------------------------------------------*/

	/**
	 * Formatting content for plain three column col_3-1-2 container
	 *
	 */

	.col_3-1-2 #main { width: 100%; float:left;
	padding-right: 10px;
}

	/* #col1 becomes the middle column */
	.col_3-1-2 #col1 { width: 50%; float:right; margin-left: -75%; margin-right: 25%;}
	.col_3-1-2 #col1_content { padding-left: 10px; padding-right: 10px }

	/* #col2 becomes the right column */
	.col_3-1-2 #col2 { width: 25%; min-width: 234px; float:right; margin-right: 0%;}
	.col_3-1-2 #col2_content { padding-left: 10px; padding-right: 20px }

	/* #col3 becomes the left column */
	.col_3-1-2 #col3 {	float:left; width: 25%; min-width: 234px; margin-left: 0; margin-right: -5px; }
	.col_3-1-2 #col3_content { padding-left: 20px; padding-right: 10px }

	/*-------------------------------------------------------------------------*/

	/**
	 * Formatting content for plain two column col_3-1 container
	 *
	 */
	/* left column */
	.col_3-1 #col1 { width: 75%; float:right;}
	.col_3-1 #col1_content { padding-left: 10px; padding-right: 20px; }

	/* right column */
	.col_3-1 #col2, .col_3-1 #col2_content { display:none; }

	.col_3-1 #col3 { margin-right: 75%; margin-left: 0; }
	.col_3-1 #col3_content { padding-left: 20px; padding-right: 10px; }


	/**
	 * Repositioning content container for 1_100 template
*/
	.col_1_100 #main { width: 100%; float:left;
		padding-right: 10px;
	}
	.col_1_100 #col1 { width: 100%; float:right; }
	.col_1_100 #col1_content { padding-left: 10px; padding-right: 10px }



	/*-------------------------------------------------------------------------*/

	#page_margins {
	border: 0 none;
	background-image:	url(/img/border_left.gif);
	background-repeat:repeat-y;
	background-position:left;
	}
p {
	font-size: 1.1em;
}

	#page {
	border: 0 none;
	background-image:	url(/img/border_right.gif);
	background-repeat:repeat-y;
	background-position:right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -6px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 10px;
	}


/* col-3 menu*/

#col3 li{
	border-top: 2px solid #b9b9b9;
	border-bottom: 2px solid #b9b9b9;
	list-style-type: none;
	margin-top: -2px;
	text-shadow: #000000 0 0 0;
	font-size: 1.2em;
	line-height: 1.3em;
	text-indent: 0;
	text-decoration: none;

}
#col3 ul{
	left: 10px;
	margin-left: -10px;
	margin-top:20px;

}
#col3 a.m_active{
	font-weight: bold;
	color: #424242;
}


	/* Styles for Calendar pop-up
		 Distributed as part of The Coolest DHTML Calendar
		 Author: Mihai Bazon, www.bazon.net/mishoo
		 Copyright Dynarch.com 2005, www.dynarch.com
	*/
	
	/* The main calendar widget. DIV containing a table. */
	
	div.calendar { position: relative; z-index: 100; }
	
	.calendar, .calendar table {
		border: 1px solid #bdb2bf;
		font-size: 11px;
		color: #000;
		cursor: default;
		background: url("/img/aqua/normal-bg.gif");
		font-family: "trebuchet ms",verdana,tahoma,sans-serif;
	}
	
	.calendar {
		border-color: #797979;
	}
	
	/* Header part -- contains navigation buttons and day names. */
	
	.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
		text-align: center; /* They are the navigation buttons */
		padding: 2px; /* Make the buttons seem like they're pressing */
		background: url("/img/aqua/title-bg.gif") repeat-x 0 100%; color: #000;
		font-weight: bold;
	}
	
	.calendar .nav {
		font-family: verdana,tahoma,sans-serif;
	}
	
	.calendar .nav div {
		background: transparent url("/img/aqua/menuarrow.gif") no-repeat 100% 100%;
	}
	
	.calendar thead tr { background: url("/img/aqua/title-bg.gif") repeat-x 0 100%; color: #000; }
	
	.calendar thead .title { /* This holds the current "month, year" */
		font-weight: bold; /* Pressing it will take you to the current date */
		text-align: center;
		padding: 2px;
		background: url("/img/aqua/title-bg.gif") repeat-x 0 100%; color: #000;
	}
	
	.calendar thead .headrow { /* Row <TR> containing navigation buttons */
	}
	
	.calendar thead .name { /* Cells <TD> containing the day names */
		border-bottom: 1px solid #797979;
		padding: 2px;
		text-align: center;
		color: #000;
	}
	
	.calendar thead .weekend { /* How a weekend day name shows in header */
		color: #c44;
	}
	
	.calendar thead .hilite { /* How do the buttons in header appear when hover */
		background: url("/img/aqua/hover-bg.gif");
		border-bottom: 1px solid #797979;
		padding: 2px 2px 1px 2px;
	}
	
	.calendar thead .active { /* Active (pressed) buttons in header */
		background: url("/img/aqua/active-bg.gif"); color: #fff;
		padding: 3px 1px 0px 3px;
		border-bottom: 1px solid #797979;
	}
	
	.calendar thead .daynames { /* Row <TR> containing the day names */
		background: url("/img/aqua/dark-bg.gif");
	}
	
	/* The body part -- contains all the days in month. */
	
	.calendar tbody .day { /* Cells <TD> containing month days dates */
		font-family: verdana,tahoma,sans-serif;
		width: 2em;
		color: #000;
		text-align: right;
		padding: 2px 4px 2px 2px;
	}
	.calendar tbody .day.othermonth {
		font-size: 80%;
		color: #999;
	}
	.calendar tbody .day.othermonth.oweekend {
		color: #f99;
	}
	
	.calendar table .wn {
		padding: 2px 3px 2px 2px;
		border-right: 1px solid #797979;
		background: url("/img/aqua/dark-bg.gif");
	}
	
	.calendar tbody .rowhilite td,
	.calendar tbody .rowhilite td.wn {
		background: url("/img/aqua/rowhover-bg.gif");
	}
	
	.calendar tbody td.today { font-weight: bold; /* background: url("/img/aqua/today-bg.gif") no-repeat 70% 50%; */ }
	
	.calendar tbody td.hilite { /* Hovered cells <TD> */
		background: url("/img/aqua/hover-bg.gif");
		padding: 1px 3px 1px 1px;
		border: 1px solid #bbb;
	}
	
	.calendar tbody td.active { /* Active (pressed) cells <TD> */
		padding: 2px 2px 0px 2px;
	}
	
	.calendar tbody td.weekend { /* Cells showing weekend days */
		color: #c44;
	}
	
	.calendar tbody td.selected { /* Cell showing selected date */
		font-weight: bold;
		border: 1px solid #797979;
		padding: 1px 3px 1px 1px;
		background: url("/img/aqua/active-bg.gif"); color: #fff;
	}
	
	.calendar tbody .disabled { color: #999; }
	
	.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
		visibility: hidden;
	}
	
	.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
		display: none;
	}
	
	/* The footer part -- status bar and "Close" button */
	
	.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
		text-align: center;
		background: #565;
		color: #fff;
	}
	
	.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
		padding: 2px;
		background: url("/img/aqua/status-bg.gif") repeat-x 0 0; color: #000;
	}
	
	.calendar tfoot .hilite { /* Hover style for buttons in footer */
		background: #afa;
		border: 1px solid #084;
		color: #000;
		padding: 1px;
	}
	
	.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
		background: #7c7;
		padding: 2px 0px 0px 2px;
	}
	
	/* Combo boxes (menus that display months/years for direct selection) */
	
	.calendar .combo {
		position: absolute;
		display: none;
		top: 0px;
		left: 0px;
		width: 4em;
		cursor: default;
		border-width: 0 1px 1px 1px;
		border-style: solid;
		border-color: #797979;
		background: url("/img/aqua/normal-bg.gif"); color: #000;
		z-index: 100;
		font-size: 90%;
	}
	
	.calendar .combo .label,
	.calendar .combo .label-IEfix {
		text-align: center;
		padding: 1px;
	}
	
	.calendar .combo .label-IEfix {
		width: 4em;
	}
	
	.calendar .combo .hilite {
		background: url("/img/aqua/hover-bg.gif"); color: #000;
	}
	
	.calendar .combo .active {
		background: url("/img/aqua/active-bg.gif"); color: #fff;
		font-weight: bold;
	}
	
	.calendar td.time {
		border-top: 1px solid #797979;
		padding: 1px 0px;
		text-align: center;
		background: url("/img/aqua/dark-bg.gif");
	}
	
	.calendar td.time .hour,
	.calendar td.time .minute,
	.calendar td.time .ampm {
		padding: 0px 5px 0px 6px;
		font-weight: bold;
		background: url("/img/aqua/normal-bg.gif"); color: #000;
	}
	
	.calendar td.time .hour,
	.calendar td.time .minute {
		font-family: monospace;
	}
	
	.calendar td.time .ampm {
		text-align: center;
	}
	
	.calendar td.time .colon {
		padding: 0px 2px 0px 3px;
		font-weight: bold;
	}
	
	.calendar td.time span.hilite {
		background: url("/img/aqua/hover-bg.gif"); color: #000;
	}
	
	.calendar td.time span.active {
		background: url("/img/aqua/active-bg.gif"); color: #fff;
	}
}

/* @group calendar module */

#calWeek {
	font-size: 1.1em;
}

#calWeek td {
	border: 1px solid grey;
	vertical-align:top;
	width:96px;
	padding:1px;
	font-weight:normal;
	color:black;
}

#calWeek td a {
	font-weight:normal;
	text-decoration: none;
	color:black;
}

	#calWeek td a:focus,
	#calWeek td a:hover,
	#calWeek td a:active	{ color: darkred; }


#calWeek .calheader {
	border: 1px solid grey;
	background-color: darkRed;
	text-align:center;
	color: white;
	font-weight:bold;
}

#calWeek .calgroupheading {
	border: 1px solid grey;
	background-color: darkgrey;
	color: black;
	font-weight:bold;
}

#calWeek .calholiday {
	background-color: pink;
}

#caldetail {
}

#caldetail h2 {
	color: DarkGray;
	font-size:2em;
	text-transform:none;
	margin-bottom:20px;
}

#caldetail span{
	color:black;
	float:left;
	margin-bottom: 10px;
	margin-left: 80px;
	width:292px;
	font-size:1.2em;
}

#caldetail label{
	color:gray;
	float:left;
	margin-left: -70px;
	font-size:0.9em;
}

#caldetail form span{
	margin-bottom: 0px;
	margin-left: 70px;
	width:257px;
}

#caldetail form label{
	margin-left: -80px;
}

#caldisplay a {
	font-weight:normal;
	color:black;
	
}

#calbuttons {
	bottom:7px;
	margin-left:25px;
	position:absolute;
}

/* @group minical styles */
#minicaldiv  {
	margin:auto;
}

#minicaldiv table {
	background-color: DarkSeaGreen;
	margin-left:17px;
}

#minicaldiv td {
	text-align: center;
}

#minicaldiv hr {
		display: block;
	}

#minicaldiv .calendar * {
	font-family: lucida sans, verdana, sans-serif;
	font-size: 10px;
}

#minicaldiv .calendar * a,
	#minicaldiv .calendar a:link,
	#minicaldiv .calendar a:active,
	#minicaldiv .calendar a:visited {
	display: inline;
	text-decoration: none;
	margin-bottom: 2px;
	font-weight: normal;
	padding: 0;
	background-color: transparent;
}

#minicaldiv .calendar * a:hover {
	text-decoration: underline;
	color: white;
	background: black;
}


#minicaldiv .calendar thead {
/*	background-color: #666 !important; */
	color: black;
}

#minicaldiv .calendar thead tr th, #minicaldiv .calendar tbody tr td {
/*	width: 14%; */
	background: darkRed none repeat scroll 0 0;
	color: white;
}

#minicaldiv .calendar tbody tr td {
	border: 1px solid #ccc;
	vertical-align: top;
	background-color: #ccc;
	padding:0;
}

#minicaldiv .calendar tbody tr td div {
	text-align: center;
}

#minicaldiv .calendar * div a {
	font-weight: normal;
	color: black;
}

#minicaldiv .currentMonth {
	background-color: #eee !important;
}

#minicaldiv .today {
	background-color: yellow !important;
}

#minicaldiv #miniCal tbody tr td {
	height: auto;
}

#minicaldiv #miniCal table {
	width: 150;
}

#minicaldiv .cal_nav {
	text-align: center;
	background: darkRed none repeat scroll 0 0;
	color: white;
}

#minicaldiv .cal_nav a {
	color: white;
}


#weekselect {
	font-size:1.2em;
	margin-left:20px;
	margin-bottom:3px;
}



/* @group modal dialog */

div.whiteOverlay { background: white; }
div.jqDrag {cursor: move;}

/* jqmModal dialog CSS courtesy of;
  Brice Burgess <bhb@iceburg.net> */

div.jqmDialog {
  display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -200px;
	width: 400px;

  overflow: hidden;
  font-family:verdana,tahoma,helvetica;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmDialog {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.jqmdWide {

    top: 3%;
    margin-left: -350px;
	width: 700px;

  overflow: hidden;
  font-family:verdana,tahoma,helvetica;
}

.jqmOverlay { background-color: #000; }

#editPpContent textarea {
  display: none;

}

/* [[[ Title / Top Classes ]]] */
div.jqmdTC { 
  background: #c9c9c9 url(/jina_img/sprite.gif) repeat-x 0px -82px; 
  color: #7e7e7e;
  padding: 7px 22px 5px 5px;
  font-family:"sans serif",verdana,tahoma,helvetica;
  font-weight: bold;
  * zoom: 1;
}
div.jqmdTL {
	background:  url(/jina_img/sprite.gif) no-repeat 0px -41px;
	padding-left: 3px;
	cursor: move;}

div.jqmdTR { background: url(/jina_img/sprite.gif) no-repeat right 0px; padding-right: 3px; * zoom: 1;}


/* [[[ Body / Message Classes ]]] */
div.jqmdBC {
  background: url(/jina_img/bc.gif) repeat-x center bottom;
  padding: 7px 7px 7px;
  height: 480px;
  overflow: auto;
}

div.jqmdBCTall {
  background: url(/jina_img/bc.gif) repeat-x center bottom;
  padding: 7px 7px 7px;
  height: 580px;
  overflow: auto;
}

div.jqmdBL { background: url(/jina_img/bl.gif) no-repeat left bottom; padding-left: 7px; }
div.jqmdBR { background: url(/jina_img/br.gif) no-repeat right bottom; padding-right: 7px; * zoom: 1 }

div.jqmdMSG { color: #1f4363; }


/* [[[ Button classes ]]] */
input.jqmdX {
  position: absolute;
  right: 7px;
  top: 4px;
  padding: 0 0 0 19px;
  height: 19px;
  width: 0px;
  background: url(/jina_img/cancel.png) no-repeat top left;
  overflow: hidden;
}
input.jqmdXFocus {background-position: bottom left; outline: none;}

div.jqmdBC button, div.jqmdBC input[type="submit"] {
  margin: 8px 10px 4px 10px;
  color: black;
  cursor: pointer;
}

div.jqmDialog input:focus, div.jqmDialog input.iefocus { background-color: #eaffc3; }

.jqResize {
	width: 15px;
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: se-resize;
}

/* @group Jquery autocomplete */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('/jina_img/loading.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}


/* @group Jquery tabs */

.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }



    .ui-tabs-hide {
        display: none !important;
    }



/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: url(/img/tabs.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */   
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    border: 1px solid #519e2d;
    padding: 10px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(/jina_img/loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}



/* @end */




/* @group jquery File tree */

/* Filetree styles*/
ul.jqueryFileTree {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
}

ul.jqueryFileTree li {
	list-style: none;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	white-space: nowrap;
}

ul.jqueryFileTree a {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 0px 2px;
}

ul.jqueryFileTree a:hover {
	background: #BDF;
}

/* Core Styles */
.jqueryFileTree li.directory { background: url(/jina_img/filetree_images/directory.png) left top no-repeat; }
.jqueryFileTree li.expanded { background: url(/jina_img/filetree_images/folder_open.png) left top no-repeat; }
.jqueryFileTree li.file { background: url(/jina_img/filetree_images/file.png) left top no-repeat; }
.jqueryFileTree li.wait { background: url(/jina_img/filetree_images/spinner.gif) left top no-repeat; }
/* File Extensions*/

.jqueryFileTree li.ext_3gp { background: url(/jina_img/filetree_images/film.png) left top no-repeat; }
.jqueryFileTree li.ext_afp { background: url(/jina_img/filetree_images/code.png) left top no-repeat; }
.jqueryFileTree li.ext_afpa { background: url(/jina_img/filetree_images/code.png) left top no-repeat; }
.jqueryFileTree li.ext_asp { background: url(/jina_img/filetree_images/code.png) left top no-repeat; }
.jqueryFileTree li.ext_aspx { background: url(/jina_img/filetree_images/code.png) left top no-repeat; }
.jqueryFileTree li.ext_avi { background: url(/jina_img/filetree_images/film.png) left top no-repeat; }
.jqueryFileTree li.ext_bat { background: url(/jina_img/filetree_images/application.png) left top no-repeat; }
.jqueryFileTree li.ext_bmp { background: url(/jina_img/filetree_images/picture.png) left top no-repeat; }
.jqueryFileTree li.ext_c { background: url(/jina_img/filetree_images/code.png) left top no-repeat; }
.jqueryFileTree li.ext_cfm { background: url(/jina_img/filetree_images/code.png) left top no-repeat; }
.jqueryFileTree li.ext_cgi { background: url(/jina_img/filetree_images/code.png) left top no-repeat; }
.jqueryFileTree li.ext_com { background: url(/jina_img/filetree_images/application.png) left top no-repeat; }
.jqueryFileTree li.ext_cpp { background: url(/jina_img/filetree_images/code.png) left top no-repeat; }
.jqueryFileTree li.ext_css { background: url(/jina_img/filetree_images/css.png) left top no-repeat; }
.jqueryFileTree li.ext_doc { background: url(/jina_img/filetree_images/doc.png) left top no-repeat; }
.jqueryFileTree li.ext_exe { background: url(/jina_img/filetree_images/application.png) left top no-repeat; }
.jqueryFileTree li.ext_gif { background: url(/jina_img/filetree_images/picture.png) left top no-repeat; }
.jqueryFileTree li.ext_fla { background: url(/jina_img/filetree_images/flash.png) left top no-repeat; }
.jqueryFileTree li.ext_h { background: url(/jina_img/filetree_images/code.png) left top no-repeat; }
.jqueryFileTree li.ext_htm { background: url(/jina_img/filetree_images/html.png) left top no-repeat; }
.jqueryFileTree li.ext_html { background: url(/jina_img/filetree_images/html.png) left top no-repeat; }

.jqueryFileTree li.ext_jar { background: url(/jina_img/filetree_images/java.png) left top no-repeat; }
.jqueryFileTree li.ext_jpg { background: url(/jina_img/filetree_images/picture.png) left top no-repeat; }
.jqueryFileTree li.ext_jpeg { background: url(/jina_img/filetree_images/picture.png) left top no-repeat; }
.jqueryFileTree li.ext_js { background: url(/jina_img/filetree_images/script.png) left top no-repeat; }
.jqueryFileTree li.ext_lasso { background: url(/jina_img/filetree_images/code.png) left top no-repeat; }
.jqueryFileTree li.ext_log { background: url(/jina_img/filetree_images/txt.png) left top no-repeat; }
.jqueryFileTree li.ext_m4p { background: url(/jina_img/filetree_images/music.png) left top no-repeat; }
.jqueryFileTree li.ext_mov { background: url(/jina_img/filetree_images/film.png) left top no-repeat; }
.jqueryFileTree li.ext_mp3 { background: url(/jina_img/filetree_images/music.png) left top no-repeat; }
.jqueryFileTree li.ext_mp4 { background: url(/jina_img/filetree_images/film.png) left top no-repeat; }
.jqueryFileTree li.ext_mpg { background: url(/jina_img/filetree_images/film.png) left top no-repeat; }
.jqueryFileTree li.ext_mpeg { background: url(/jina_img/filetree_images/film.png) left top no-repeat; }
.jqueryFileTree li.ext_ogg { background: url(/jina_img/filetree_images/music.png) left top no-repeat; }
.jqueryFileTree li.ext_pcx { background: url(/jina_img/filetree_images/picture.png) left top no-repeat; }
.jqueryFileTree li.ext_pdf { background: url(/jina_img/filetree_images/pdf.png) left top no-repeat; }
.jqueryFileTree li.ext_php { background: url(/jina_img/filetree_images/php.png) left top no-repeat; }
.jqueryFileTree li.ext_png { background: url(/jina_img/filetree_images/picture.png) left top no-repeat; }
.jqueryFileTree li.ext_ppt { background: url(/jina_img/filetree_images/ppt.png) left top no-repeat; }
.jqueryFileTree li.ext_psd { background: url(/jina_img/filetree_images/psd.png) left top no-repeat; }
.jqueryFileTree li.ext_pl { background: url(/jina_img/filetree_images/script.png) left top no-repeat; }
.jqueryFileTree li.ext_py { background: url(/jina_img/filetree_images/script.png) left top no-repeat; }
.jqueryFileTree li.ext_rb { background: url(/jina_img/filetree_images/ruby.png) left top no-repeat; }
.jqueryFileTree li.ext_rbx { background: url(/jina_img/filetree_images/ruby.png) left top no-repeat; }
.jqueryFileTree li.ext_rhtml { background: url(/jina_img/filetree_images/ruby.png) left top no-repeat; }
.jqueryFileTree li.ext_rpm { background: url(/jina_img/filetree_images/linux.png) left top no-repeat; }
.jqueryFileTree li.ext_ruby { background: url(/jina_img/filetree_images/ruby.png) left top no-repeat; }
.jqueryFileTree li.ext_sql { background: url(/jina_img/filetree_images/db.png) left top no-repeat; }
.jqueryFileTree li.ext_swf { background: url(/jina_img/filetree_images/flash.png) left top no-repeat; }
.jqueryFileTree li.ext_tif { background: url(/jina_img/filetree_images/picture.png) left top no-repeat; }
.jqueryFileTree li.ext_tiff { background: url(/jina_img/filetree_images/picture.png) left top no-repeat; }
.jqueryFileTree li.ext_txt { background: url(/jina_img/filetree_images/txt.png) left top no-repeat; }
.jqueryFileTree li.ext_vb { background: url(/jina_img/filetree_images/code.png) left top no-repeat; }
.jqueryFileTree li.ext_wav { background: url(/jina_img/filetree_images/music.png) left top no-repeat; }
.jqueryFileTree li.ext_wmv { background: url(/jina_img/filetree_images/film.png) left top no-repeat; }
.jqueryFileTree li.ext_xls { background: url(/jina_img/filetree_images/xls.png) left top no-repeat; }
.jqueryFileTree li.ext_xml { background: url(/jina_img/filetree_images/code.png) left top no-repeat; }
.jqueryFileTree li.ext_zip { background: url(/jina_img/filetree_images/zip.png) left top no-repeat; }
.temp {
font-style: italic;
}


/**
 * Uniform design of standard content elements
 * @version				 3.0.6
 * @revision				$Revision: 202 $
 * @lastmodified		$Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 * @appdef yaml
 */

}

/*
Site specific styles follow here
*/
h1 {
	font-size: 3.6em;
	color: DarkRed;
	text-transform: uppercase;
}
h2 {
	font-size: 24px;
	color: DarkRed;
	text-transform: uppercase;
}
h3 {
	font-size: 1.8em;
	color: DarkRed;
	text-transform: uppercase;
	margin-top: 4px;
}
h4 {
	font-size: 1.4em;
	color: DarkRed;
	padding-top: 5px;
}
a:link {
	color: DarkRed;
	font-weight: bold;
}
a:visited {
	color: DarkRed;
}
a:hover {
	text-decoration: none;
}
  #nav_main {
	/* (en) containing floats in IE */
	width: 100%;
	overflow: hidden;
	/* (en) containing floats in all other browsers */
	float: left;
	display: inline;
	line-height: 0;
/*	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #000000; */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
  }

  #nav_main ul {
	/* (en) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
	float: left;
	margin: 0;
	/* (en) Left margin of the first button  */
    margin-left: 0px;
	padding: 0;
  }

  #nav_main ul li {
	/* (en) Bugfix: IE - Doubled Float Margin Bug */
	display: inline;
	float: left;
	font-size: 1.5em;
	line-height: 0.4em;
	list-style-type: none;
	margin: 0;
	padding: 0;
  }

  #nav_main ul li a,
  #nav_main ul li strong {
    background: transparent;
    color: #000;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;
    text-decoration: none;
    width: auto;
  }

  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  {
	color: #FFFFFF;
	text-decoration: none;
	background-color: DarkRed;
}

  #nav_main ul li#current {
	border-left: 1px #444 solid;
	border-right: 1px #888 solid;
	background-color: DarkRed;
  }

  #nav_main ul li#current strong,
  #nav_main ul li#current a,
  #nav_main ul li#current a:focus,
  #nav_main ul li#current a:hover,
  #nav_main ul li#current a:active { background: transparent; color: #fff; text-decoration: none; }
.subcolumns {
	margin-top: 25px;
	width: 99%;
}
.frontpage .subcl,
.frontpage .subc, 
.frontpage .subcr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	height: 300px;
	position: relative;
	padding-top: 0px;
	padding-right: 0em;
	padding-bottom: 0px;
	padding-left: 0em;
	margin-top: 0px;
	margin-right: 1em;
	margin-bottom: 0px;
	margin-left: 0px;
}
.frontpage .subcl img,
.frontpage .subc img,
.frontpage  .subcr img {
	padding-bottom: 5px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.arena {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}
.info a {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	background-color: DarkRed;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	float: right;
	position: absolute;
	right: 0px;
	bottom: 3px;
}
#rightarticle {
	padding-top: 25px;
	padding-left: 20px;
	position: relative;
}
.evenemang {
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	position: relative;
	margin-bottom: 10px;
	height: 111px;
}
.evenemang img {
	border-left-width: 17px;
	border-left-style: solid;
	border-left-color: DarkRed;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 15px;
}
#loggafix img {
	position: absolute;
	left: -155px;
	overflow: visible;
	top: 117px;
}
#nav_sub {
	padding-top: 100px;
	padding-bottom: 50px;
}
#nav_sub ul {
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#nav_sub  li {
	display: block;
	list-style-type: none;
	margin: 0px;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}
#nav_sub a {
	font-size: 1.2em;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.3em;
}
.streckad {
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	position: relative;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.largeFatBlackCaps {
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: bold;
}
.mediumFatBlackCaps {
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
}
.c66l {
	width: 69%;
}
.c33r {
	width: 31%;
}

/*
	.subcl img {
		margin-left:10px;
		margin-right:10px;
	}
*/
	#topnav a { color: #fff; font-weight: normal; background:transparent; text-decoration:none; }

#logout {
	position: absolute;
	width: 400px;
	height: 50px;
	color: white;
	top: -5px;
	right: 10px;
}

#topnav a:focus,
	#topnav a:hover,
	#topnav a:active { text-decoration:underline; background-color: transparent;}
	
	#footer a { color: white; background:transparent; font-weight: bold;}
	#footer a:focus,
	#footer a:hover,
	#footer a:active {color: #999; background-color: transparent; text-decoration:underline;}


	#header #topnav {
	text-align: right;
	color: #fff;
	font-weight: bold;
	right: 0;
	position: relative;
}

	/**
	 * Tables
	 * Generic classes for table-width and design definition
	 *
	 * @section content-tables
	 */

table.grid{
	margin-top: 10px;
	margin-left: -10px;
	padding-left: 3px;
	overflow: hidden;
	width: 120%;table-layout:fixed;
}
table body{
}


table { border-collapse:collapse; margin-bottom: 0.5em;
}
	table.full {
	width: 100px;
}
	table.fixed { table-layout:fixed;
}

	th,td {
	padding: 0.2em 0.5em 0.2em 5px;
}


table.grid	tr a{
	overflow: hidden;
	height: 10px;
	white-space: nowrap;
}
table.grid	td{
	overflow: hidden;
}


	thead th { background: #e8dc91; color: #fff;
	font-size: 1em;
}
	tbody th { background: #ccc; color: #333;
	font-size: 1em;
	width: 1px;
}
	tbody th.sub { background: #ddd; color: #333;
	font-size: 1em;
}
td.even { background: #ffeada; color: #333;
	font-size: 1em;
}
tbody  {  color: #333;
	font-size: 1em;
}
	/**
	 * Miscellaneous
	 *
	 * @section content-misc
	 */

	hr {
		color: #fff;
		background:transparent;
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
		border:0;
		border-bottom: 1px #eee solid;
	}

/* added by Jolle */

	hr.heavy {
		color: SandyBrown;
		border-bottom: 1px SandyBrown solid;
	}




	#smallpage_margins {
		margin:100px auto;
		text-align:left;
		background:#FFFFFF none repeat scroll 0 0;
		max-width:534px;
		min-width:251px;
		font-size: 1.1em;
	}


	fieldset {
		float: left;
		clear: both;
		width: 100%;
		margin: 0 0 1.5em 0;
		padding: 0;
		border: 1px solid #BFBAB0;
		background-color: #F2EFE9;
	}

	legend {
		margin-left: 1em;
		padding: 0;
		color: #000;
		font-weight: bold;
	}

	form {
		font-size: 1.1em;
	}

	form span {
		display:block;
		padding: 1em 1em 0 1em;
	}

	form label {
		display: block;
	}


	fieldset.submit {
		float: none;
		width: auto;
		border: 0 none #FFF;
		padding-left: 12em;
		background-color: transparent;
	}

.center_td {
	text-align:center;
}

	.button {
		width: auto;
		border-style: 1px solid;
		padding-left: 1em;
		padding-right: 1em;
		background-color: #F2EFE9;
	}

	#message {
		position: absolute;
		background-color: #fef4a8;
		top:120px;
		left:25%;
		width:50%;
		border: 1px solid black;
		margin: 0;
		font-size: 1.1em;
	}

	#smallpage_margins #message {
		top:20px;
		left:15em;
	}

	#smallpage_margins #col1_content {
		top:20px;
		width: 500px;
		height: 200px;
		min-height: 100px;
		margin: 10px;
		background-color: transparent;
	}

	#msgtitle {
		overflow: hidden;
		font-size: 1.4em;
		font-weight: normal;
		background-color: DarkRed;
		color: #fff;
		text-align:center;
		
	}

	#msgclose {
		position: absolute;
		left: 1px;
		top: 1px;
	}

	#msgclose img {
		border: 0;
		position: absolute;
		float: left;
		cursor: pointer;
		top: 1px;
		left: 2px;
	}

	#msgcontent {
		padding: 10px;
	}

	#msgcontent .error {
		color: red;
	}

	.hideDiv {
		display:none;
	}
	
	.showDiv {
		display:inline!important;
	}

	.changed {
		background-color: yellow;
	}
.randomImg {
	display:inline;
	position:relative;
	top:5px;
	margin-left: 5px;
	margin-right: 5px;
	}

/* Used when editing */
	textarea.editval {
		background: #c0c0c0 url("/jina_img/adminbarbkg.png") repeat-x center right;
		display:none;
	}

	.trashSnip {
		background: transparent url("/jina_img/bin.png") no-repeat;
		height:18px;
		position:absolute;
		right:6px;
		width:17px;
		z-index:40;
		cursor: pointer;

	}

	/**
	 * Adminbar navigation
	 */

	#adminbar * { border: 0px none !important; }
	#adminbar {
		background: #c0c0c0 url("/jina_img/adminbarbkg.png") repeat-x center right;
		position:relative;
		font-size: 1.1em;

	 }

	#adminedit ul { margin-left: 10px; display:inline; line-height:1.2em }
	#adminedit ul li {  background: #c0c0c0 url("/jina_img/adminbarbtnbkg.png") repeat-x center right; line-height: 1.2em; display:inline; width:80px; }
	
	#adminedit ul li a,
	#adminedit ul li strong { color: #666; font-weight: normal; padding: 0.5em 0.8em 0.5em 0.8em; }
	
	#adminedit ul li a:focus,
	#adminedit ul li a:hover,
	#adminedit ul li a:active	{ color: #fff; }
	
	#adminedit ul li.current { background: transparent; }
	
	#adminedit ul li.current a,
	#adminedit ul li.current a:focus,
	#adminedit ul li.current a:hover,
	#adminedit ul li.current a:active { color: #fff; font-weight: bold; }


/*
Settings for cluetip
*/
/* global */
#cluetip-close img {
	border: 0;
}
#cluetip-title {
	overflow: hidden;
}
#cluetip-title #cluetip-close {
	float: right;
	position: relative;
}
#cluetip-waitimage {
	width: 43px;
	height: 11px;
	position: absolute;
	background-image: url(/img/wait.gif);
}
.cluetip-arrows {
	display: none;
	position: absolute;
	top: 0;
	left: -11px;
	height: 22px;
	width: 11px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#cluetip-extra {
	display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
	background-color: red;
}
.cluetip-default #cluetip-outer {
	position: relative;
	margin: 0;
	background-color: #fef4a8;
	font: normal 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.cluetip-default h3#cluetip-title {
	margin: 0 0 5px;
	padding: 8px 10px 4px;
	background-color: DarkRed;
	color: #fff;
	font: normal 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.cluetip-default #cluetip-title a {
	color: #d9d9c2;
	font: normal 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.cluetip-default #cluetip-inner {
	padding: 10px;
}
.cluetip-default div#cluetip-close { 
	text-align: right;
	margin: 0 5px 5px;
	color: white;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
	background-image: url(/img/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
	background-image: url(/img/darrowright.gif);
	left: 100%;
	margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
	background-image: url(/img/darrowdown.gif);
	top: 100%;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}
.clue-bottom-default .cluetip-arrows {
	background-image: url(/img/darrowup.gif);
	top: -11px;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
	background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
	border: 2px solid #ccc;
	position: relative;
	background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
	margin: 0 0 5px;
	padding: 2px 5px;
	font-size: 16px;
	font-weight: normal;
	background-color: #ccc;
	color: #333;
}

.cluetip-jtip #cluetip-inner {
	padding: 0 5px 5px;
	display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
	text-align: right;
	margin: 0 5px 5px;
	color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
	background-image: url(/img/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
	background-image: url(/img/arrowright.gif);
	left: 100%;
	margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
	background-image: url(/img/arrowdown.gif);
	top: 100%;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}
.clue-bottom-jtip .cluetip-arrows {
	background-image: url(/img/arrowup.gif);
	top: -11px;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
	background: transparent url(/img/bl.gif) no-repeat 0 100%;
	margin-top: 10px;
	margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
	background: transparent url(/img/tl.gif) no-repeat 0 0;
	margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
	background-color: transparent;
	padding: 12px 12px 0;
	margin: 0 -12px 0 0;
	position: relative;
}
.cluetip-rounded #cluetip-extra {
	position: absolute;
	display: block;
	background: transparent url(/img/tr.gif) no-repeat 100% 0;
	top: 0;
	right: 0;
	width: 12px;
	height: 30px;
	margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
	background: url(/img/br.gif) no-repeat 100% 100%;
	padding: 5px 12px 12px;
	margin: -18px -12px 0 0;
	position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
	color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
	background-image: url(/img/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
	background-image: url(/img/rarrowright.gif);
	left: 100%;
	margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
	background-image: url(/img/rarrowdown.gif);
	top: 100%;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}
.clue-bottom-rounded .cluetip-arrows {
	background-image: url(/img/rarrowup.gif);
	top: -23px;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}

.col20Perc_r{
	padding: 0;
	font-size: 0.9em;
}
#selectedProvider{
	margin-top: -7px;
}

#shortSearchForm{
	padding-top: 7px;
	border-top: 2px dotted silver;
}
#itemType{
	color: #8b8b8b;
	font-size: 0.9em;
	text-align: right;
	float: right;
	width: 100px;
	margin: 3px;
}
#itemName{
	color: #424242;
	text-align: left;
	float: none;
	width: 300px;
	margin: 3px;
	font: bold 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#itemCrew{
	color: #424242;
	text-align: left;
	float: none;
	width: 400px;
	margin: 3px;
	font: bold 0.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display: block;
}
#itemIngress{
	color: #424242;
	text-align: left;
	float: none;
	display: block;
	font: bold 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#itemTSpec {
	color: black;
}			
#itemTSpec strong{
	color: #424242;
	font-size: 1em;
	font-variant: small-caps;

	font-weight: bold;
}

#itemCost{
	
		background-color: #dedede;
	padding: 5px;
}

.itempromoImg{
	text-align: right;
	float: right;
	margin: 3px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	right: 10px;
}
#col2_content .grid{
	background-color: white;
	margin-left: -10px;
	width: 115%;
}



#col3 li{
	border-top: 2px solid #b9b9b9;
	border-bottom: 2px solid #b9b9b9;
	list-style-type: none;
	margin-top: -2px;
	text-shadow: #000000 0 0 0;
	font-size: 1.2em;
	line-height: 1.3em;
	text-indent: 0;

}
#col3 ul{
	left: 10px;
	margin-left: -10px;
}
#col3 a.m_active{
	font-weight: bold;
	color: #424242;
}

#col3_content .itemLogo{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
#col3_content .providerLogo{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	bottom: 10px;
}

.randomImg{
	display: inline-block;
	margin-bottom: 10px;
}
th.quicksearch form{

	display: inline;
}

form#quicksearch{
	
	display: inline;
}
 img.deleterow, img.deletedoc, img.adddoc{
	cursor: pointer;
}
td.addtrbtn img{
	cursor: pointer;
	top: 3px;
	position: relative;
	}

input{
	
	border: 2px solid invert;
}

input.error{
	
	border: 2px solid red;
}

.jinaform label.error {
	display: inline;
	margin: 9px;
	float: none;
	color: red;
}
.jinaform div.inputgroup.error{
	padding: 0;
	display: inline;
}
.jinaform div.inputgroup label.error {
	display: inline;
	clear: none;
	float: none;
	margin: -3px;
}

.jinaform div.inputgroup label.error.checked {
}



.deletedrow input, table.deletedrow {
	color:lightgrey;
	background-color: gray;
}

.doctable {
	width:50%;
}

.ui-tabs-panel label{
	padding-top: 2px;
	margin-bottom: 0;
	margin-left: -5px;
}

.ui-tabs-panel input{
	margin: 0 4px 4px 3px;
	
}
.ui-tabs-panel textarea{
	margin: 0 4px 4px 3px;
	
}
.ui-tabs-panel select{
	margin: 0 4px 4px 3px;
	
}
.ui-tabs-panel .inputfields span{
	margin: 0 0 4px 3px;
	display: inline;
	width: 100px;
	height: 40px;
	float: left;
}	

.ui-tabs-panel .inputfields{
	display: block;
	width: 100%;
	float: left;
}

.ui-tabs-panel div.inputgroup{
	margin: 0 0 4px 3px;
}
.ui-tabs-panel .inputgroup label{
	width: 91px;
	display: inline;
	margin-right: 15px;
	margin-left: 2px;
}
.formpart{
	
	margin: 0 0 4px 3px;
	width: 600px;
	display: block;
}
.prodheader{
	font-weight: bold;
	color: orange;
	font-variant: small-caps;
	font-size: 1.5em;
}

}

/* @group Popup */

#popup_margins{ min-width: 737px; max-width: 80em; background: #fff;
	text-align: left;
}

#popup_margins #main { width: 100%; float:left;
	padding-right: 10px;
}
#popup_margins #col1 { width: 100%; float:right;
	text-align: left;
}
#popup_margins #col1_content { padding-left: 10px; padding-right: 10px;
	min-height: 200px;
	text-align: left;
}

/* @end */

/* @group Admin Dialog */

/******************
 admindialog börjar här----------------- */

#admindialog{
	position: absolute;
	width:800px;
	z-index:100;
	background-color: rgba(205,200,163,0.86);
	padding: 10px;
	display:none;
	left: 72px;
}

#admindialog fieldset{
	border-style: none;
	border-bottom: 3px dotted #fff;
	background-color: rgba(244,234,188,0.76);
	padding-bottom: 12px;
}

#admindialog label{
	margin: 4px 10px;
	width: 106px;
	display: block;
	float: left;
	padding-top: 2px;
}

#admindialog input{
	margin: 0 4px 4px 3px;
	display: inline;
}
#admindialog div.inputgroup{
	margin: 0 0 4px 3px;
	display: inline;
}
#admindialog div.inputgroup.label{
	margin: 4px 10px;
	width: 91px;
	display: block;
	float: left;
	padding-top: 2px;
	background-color: blue;
}

div.help {
	background-color: appWorkspace;
	width: 250px;
	float: right;
	top: 0;
	font-size: 0.88em;
	margin: 0;
	padding: 4px;
	display: block;
	z-index: -36;
}
/*
#formpart-3 .help {
	background-color: #fbcc68;
	width: 250px;
	top: 60px;
	font-size: 0.88em;
	margin: 0;
	padding: 4px;
	position: absolute;
	right: 30px;
	z-index: 54;
}
*/
div.help h2 {
	background-color: DarkRed;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	padding-bottom: 2px;
	color: black;
}

#admindialog div.inputgroup label {
	display: inline;
	float: none;
	margin: 0;
	width: 43px;

}

#admindialog input.error{
	padding: 0;
	border: 2px solid red;
	text-shadow: #000000 0 0 0;
}
#admindialog label.error {
	display: inline;
	margin: 9px;
	float: none;
	color: red;
}
#admindialog div.inputgroup.error{
	padding: 0;
	display: inline;
}
#admindialog div.inputgroup label.error {
	display: inline;
	clear: none;
	float: none;
	margin: -3px;
}

#admindialog div.inputgroup label.error.checked {
}

#admindialog span.submit{
	padding-bottom: 10px;
}

#admindialog .changed {
		background-color: #f7a90a;
	}

/* @end */

/* @group fixed table */

/**
	 * Tables
	 * Generic classes for table-width and design definition
	 *
	 * @section content-tables
	 */

/*
table { border-collapse:collapse; margin-bottom: 0.5em;
}
	table.full {
	width: 100px;
}
	
	th,td {
	padding: 0.2em 0.5em 0.2em 5px;
	overflow: hidden;
	width: inherit;
}


table.grid	tr a{
	overflow: hidden;
	height: 10px;
	white-space: nowrap;
}
table.grid	td{
	overflow: hidden;
}


*/table.grid{
	margin-top: 10px;
	margin-left: 3px;
	padding-left: 3px;
	overflow: hidden;
	width: 100%;
	border-collapse:collapse;
	font-size: 1.1em;
}

	tbody th { background: #ccc; color: #333;
	font-size: 1em;
	width: 1px;
}
	tbody th.sub { background: #ddd; color: #333;
	font-size: 1em;
}

tbody  {  color: #333;
	font-size: 1em;
}

.grid thead tr{
	background-color: darkgrey;
	}

.grid tr{
	background-color: #FFFFE0;
	
}
.grid a{
	padding-left: 4px;
	}
.formrow .grid tr{
	background-color: #FFF;
	}

.grid th{
	overflow:hidden;
	white-space:nowrap;
	font-weight:normal;
	background-color: darkgrey;
	text-align:left;
/*	spacing:0px;*/
	color:white;
	padding:1px 3px 0px 1px; /*Over Right Under Left*/
}
/*
.grid td{
	overflow:hidden;
	white-space:nowrap;
	
/*	spacing:0px;*/

.grid thead th { 
	background-color: #e8dc91; 
	color: #fff;
	font-size: 1em;
	padding: 10px;
}
.grid .quicksearch { 
	background-color: gray; 
	color: #fff;
	font-size: 1em;
	padding: 1px 3px 0px 1px;
}

.grid tbody tr:hover>td {
	background-color:lightgrey;
	}

.formrow .grid tbody tr:hover {
	background-color: white;
	}

.formrow hr {
	width:90%;
	margin-top: 1px;
	}
*/
.related{
	background-color: #cfdde2;
	}

.related .formsubheading{
	background-color: #105570;
	color:white;
	margin:2px 0px 3px 0px; /*Over Right Under Left*/
	padding:5px 0px 5px 10px; /*Over Right Under Left*/ 
	}

.related table.grid{
	border-spacing: 0px 2px;
	background-color: transparent;
	}

.related .grid tr{
	background-color: transparent;
	}
	
	

/* end class fixed */


/* @end */