/*******************************************************
** BODY AND MAIN STRUCTURE
********************************************************/
body
{
	background-color: #e5e5e5;
	margin: 10px auto;
	text-align: center;
}

.body-admin
{
	background-color: #696969;
	margin: 10px auto;
	text-align: center;
}

td
{
	font-family: arial, sans-serif;
	/*font-size: 11px;*/
	color: black;
	text-decoration: none;
}

.container
{
	width: 900px;
	margin: auto;
	vertical-align: top;
	background: white;
	min-height: 200px;
	height: auto;
	text-align: left;
	/*border: solid 2px #E5E5E5;*/
	padding: 5px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	text-decoration: none;

	
}

.branding
{
	
	width: 880px;
	margin: auto;
	padding:10px; 
	/*background: url(/Images/headerBg.gif);
	margin-bottom: 5px;
	vertical-align: top;
	background: white;
	text-align: left;
	border: solid 2px #E5E5E5;
	padding: 5px auto; */
	/*display:block;*/
}

.content
{
	/*font-family: Arial, Helvetica, sans-serif; 	font-size: 12px ;  	color: black;*/
	vertical-align: top;
	border: 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	text-align: left;
	border: solid 0px black;
}

.site-info
{
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}



/*******************************************************
** CONTENT
********************************************************/

.content td
{
	vertical-align: top;
}

.content-main
{
	color: black;
	/*width: 880px;
	height: 400px;*/
	padding: 0px 10px 0px 10px;
	
	vertical-align: top;
	text-align: left;
	background-image: url(/Sifomedia/MemberArea/Images/bakgrund_botten.png);
	background-repeat: repeat-x;
	background-position:bottom;
}

.content-main-bar
{
	background-image: url(../MemberArea/Images/bakgrund_rubrikhuvud.png);
    background-repeat: repeat-x; 
    width: 100%; 
    height: 36px;	
}


/*******************************************************
** HEADERS
********************************************************/

h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003366;
	font-weight: bold;
	
}
h1.w
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 0px;
}

h2.w
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 0px;
}

h3
{
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
	font-size: 12px;
	font-weight: bold;
	/*margin-bottom: 2px;*/
}



/*******************************************************
** LINKS
********************************************************/

a.link-strong:link, a.link-strong:active, a.link-strong:visited
{
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	text-decoration: none;
	font-weight: bold;
}

a.link-strong:hover
{
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	text-decoration: underline;
	font-weight: bold;
}

a:link, a:active, a:visited
{
	color: #808080;
	text-decoration: none;
	font-weight: bold;
}

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


a.menu:link, a.menu:visited, a.menu:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px !important;
	color: #808080;
	text-decoration: none;
	font-weight:bold;
	
}

a.menu:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px !important;
	color: #da007a;
	text-decoration: none;
}

a.menu-selected
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px !important;
	color: #da007a;
	text-decoration: none;
	font-weight:bold;
}

a.link-small, a.link-small:hover, a.link-small:active, a.link-small:visited
{
	font-size: 11px;
	color: #3366CC;
	text-decoration: none;
	font-weight: bold;
}

a.link-footer, a.link-footer:hover, a.link-footer:active, a.link-footer:visited
{
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;

}



/*******************************************************
** LABELS
********************************************************/

.label-caption
{
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #818181;
}

.label-grid
{
	font-weight: bold;
	text-align: right;
}

.label-attention
{
	font-weight: bold;
	color: red;
}

.label-strong
{
	font-weight: bold;
	color: #000000;
}

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
	font-weight: normal;
}

.label-soft
{
	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.bread
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.label-small
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.label-small-strong
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4B4B4B;
	font-weight: bold;
}

.label-ingress
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 0.7px;
	

}
/*******************************************************
** FORM ELEMENTS
********************************************************/

.input-standard
{
	font-size: 10px;
	font-family: verdana, helvetica, sans-serif;
}

.input-small
{
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	width: 100px;
}

.input-dropdown
{
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
}

.input-button
{
	font-size: 9px;
	font-family: verdana, arial, helvetica, sans-serif;
}

input
{
	font-size: 9px;
	font-family: Verdana, Arial;
}

/*******************************************************
** BACKGROUND COLOR
********************************************************/

.background-first
{
	background-color: #EEEEDD;
}

.background-second
{
	background-color: #F5F5F5;
}

.background-third
{
	background-color: #EEEEEE;
}

.background-forth
{
	background-color: #E5E9C2;
}

/*******************************************************
** ROUNDED CORNERS
********************************************************/

div.rounded
{
	background: #EFEFDE url(../Images/hornth.gif) no-repeat top right;
	display:inline-block;
}

div.rounded div
{
	background: transparent url(../Images/horntv.gif) no-repeat top left;
}

div.rounded div div
{
	background: transparent url(../Images/hornbh.gif) no-repeat bottom right;
}

div.rounded div div div
{
	background: transparent url(../Images/hornbv.gif) no-repeat bottom left ;
	padding:10px;
}

div.rounded div div div div
{
}	

/*******************************************************
** OTHER
********************************************************/

li
{
	/*Om denna behövs, sätt i egen klass (typ li.something /DN*/
	/*list-style-image: url(../Images/listDot.gif);
	padding-bottom: 2px;
*/
}

p
{
	margin-top: 0px;
}

img
{
	border-width: 0px;
}

.table-header-first
{
	background: #D4D0C8;
	height: 30px;
	font-weight: bold;
}

.table-header-second
{
	background: #3399cc;
	height: 30px;
	font-weight: bold;
}

.box-attention
{
	background-color: #a5ebff;
	height: 34px;
	color: #000000;
}

hr
{
	width: 100%;
	color: White;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: White;
	border: 0; 
	Height:2px;
}
	


/*******************************************************
** PRINTFRIENDLY PAGE
********************************************************/

@media print
{
	body
	{
		font-size: 10px;
		background-color: White;
	}
	.branding
	{
		display: none;
	}
	.nav-section
	{
		display: none;
	}
}


/*******************************************************
** ADMIN
********************************************************/
.adminBack
{
	background-color: #F5F5F5;
}

.adminHead
{
	background-color: #669966;
	font-weight:bold;
}

.adminHead2
{
	background-color: #D2E0D1;
	font-weight:bold;
}

.adminItem
{
	background-color: #eeeeee;
}

.adminAltItem
{
	background-color: #e0e0e0;
}
.adminItem td, .adminAltItem td
{
	padding:0px 5px;	
}
.adminSelectedItem
{
	background-color: #FEB100;
	border: 1px solid #808080;
}

.adminMain
{
	font-size: 14px;
	font-family: Arial,Verdana;
	font-weight: bold;
	color: #717A8E;
	letter-spacing: 0.5px;
}

/*	Article */
.LabelField
{
	padding-right: 5px; 
	vertical-align: top; 
	padding-top: 8px; 
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	
}
.ddlClass
{
	font-size: 9px;
	font-family: Verdana, Arial;
}

.reportOK
{
	font-size: 10px;
	font-family: Verdana, Arial;
	font-weight: bold;
	color: #339966;
}

.reportON
{
	font-size: 10px;
	font-family: Verdana, Arial;
	font-weight: bold;
	color: Yellow;
}

.reportOI
{
	font-size: 10px;
	font-family: Verdana, Arial;
	font-weight: bold;
	color: #3399cc;
}

.reportOD
{
	font-size: 10px;
	font-family: Verdana, Arial;
	font-weight: bold;
	color: #ff6633;
}

.reportOther
{
	font-size: 10px;
	font-family: Verdana, Arial;
	font-weight: bold;
	color: Purple;
}