/*
YOU MAY NOT UNDER ANY CIRCUMSTANCES ADD CSS RULES
THAT CHANGES THE APPEARANCE IN TERMS OF FONT, FONT-SIZE, FONT-STYLE OR COLOR
YOU SHOULD ALSO ENSURE YOURSELF THAT THIS IS THE RIGHT PLACE
FOR THE TYPE OF CHANGES YOU ARE ABOUT TO COMMIT

All classnames with uppercase letters are obsolete and should not be referenced in markup any more!
*/

/* CSS för att visa den vertikala scrollen hela tiden så 
formen inte hoppar till vänster när scrollen väl är framme  - BM */
html { overflow-y: scroll; overflow-x: hidden; } 

body
{
    margin: 0;
}

p
{
	margin:0;
}

span.identity
{
	font-weight:bold;
}

.clear
{ 
	clear: both; 
}

img.ajax-progress-small
{
	background-image:url('../../_images/System/ajaxload_small_circlebg.png');
	background-repeat:no-repeat;
	padding:1px;
}

/* obsolete classes, do not use these in markup any more */
.floatRight { float:right; }
.floatLeft { float:left; }
.alignRight { text-align:right; }
.alignLeft { text-align:left; }
.noWrap { white-space:nowrap; }
/* end of obsolete classes */

.no-wrap { white-space:nowrap; }

.hide
{
	display:none;
}

.alt,
.portal-gridview-alternating-row /* this class name is legacy, use .alt */
{
	background-color:#eee;
}

.alt .addAction,
.alt .deleteAction,
.alt .editAction,
.selected .addAction,
.selected .deleteAction,
.selected .editAction,
.alt .action-add,
.alt .action-delete,
.alt .action-edit,
.selected .action-add,
.selected .action-delete,
.selected .action-edit
{
	background-color:Transparent;
}

div.action-options-wrapper
{
	border:solid 1px #DBEAEC;
	padding:2px;
	position:relative;
}

div.action-options-wrapper img.ajax-progress-small
{
	position:absolute;
	top:11px;
	right:11px;
}

div.action-options-wrapper:hover
{
	border:solid 1px #678A91;	
}

div.action-options-wrapper:hover h2
{
	background-color:#678A91;
	color:#fff !important;
	text-decoration:none;
}

div.action-options-wrapper:hover > a
{
	text-decoration:none;
}

div.action-options-wrapper h2
{	
	color:#000 !important;
	background-color:#DBEAEC;
	display:block;	
	padding:10px;
	text-align:center;
	margin:0;
	border:none;
	font-weight:normal;
}

div.action-options-wrapper > a
{
	display:block;
	
}

div.action-options-wrapper div.container
{
	padding:10px;
}

ul.action-options
{
	list-style:none;
	margin:0;
	padding:0;
}

ul.action-options > li.action
{
	text-align:center;
}

ul.action-options > li.action > a
{
	-moz-border-radius:0.5em 0.5em 0.5em 0.5em;
	border-radius:0.5em 0.5em 0.5em 0.5em;
	display:inline-block;
	font-family:Tahoma;
	font-size:9px;
	line-height:9px;
	background-color:#DBEAEC;
	color:#000;
	padding:3px;
}

ul.action-options > li.action > a:hover
{
	background-color:#678A91;
	color:#fff;
	text-decoration:none;
}


ul.action-options > li > input[type=checkbox]
{
	display:block;
	float:left;
}

ul.action-options > li > input[type=checkbox] + label
{
	display:block;
	float:left;
	width:90%;
}

.RadDockZone
{
	padding:0 !important;
}

a,
*:focus
{
    outline: none;
}

a img { border: none; }

a.noHover:hover,
a.no-hover:hover
{ 
	cursor:default;
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6 { font-size:100%; margin: 0.5em 0;}

h1 { font-size:160%; }
h2 { font-size:140%; }
h3 { font-size:120%; }
h4 { font-size:110%; }
h5 { font-size:110%; margin: 0; }
h6 { font-size:100%; margin: 0; }

h1 a
{
	color:#000;
	text-decoration:none;
}

td, th {
    vertical-align: top;
}

input[type=checkbox]
{
	vertical-align:middle;
}

table.table-vertical th
{
	text-align:left;
	padding-right:10px;
}

.mira-cm-content       { }
.mira-cm-content-panel { float: right; font-size: 80%; }

.cm-content-blackout
{
    background-color: #000; 
    opacity: 0.25; 
    filter: alpha(opacity='25');
}

.ie7 .cm-content-blackout
{
    z-index: -1;
}

.cm-content-blackout-adminpanel
{
    z-index: 1000; position: fixed; top: 140px; left: 0; width: 100%; height: 100%;
}

.cm-content-background {
    background-color: #fff; 
}

/* Util */

#util-outer-wrapper
{
	position:relative;
	z-index:1502;
}

/* /Util */

/* MainNavigation */

#nav-outer-wrapper    
{
    position:relative;
    z-index:1502;
}

#sidebar-outer-wrapper h4
{
	margin-top:0;
}

.ie6 .nav-inner-wrapper,
.ie7 .nav-inner-wrapper 
{ height: 40px; }

/*Main menu*/
.nav
{
	position:relative;
	z-index:1500;
}

.ie6 .nav,
.ie7 .nav
{
    position: absolute;
    z-index: 1003;
    width: 960px;
}

.nav table 
{
	position:absolute;
	top:0;
	left:0; 
	border-collapse:collapse;
}

.nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index:1501;
}

.nav ul li {
    /*float: left;
    position:relative;
    display:block;
    z-index:1501;
    */
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
}

.nav ul li ul
{
	position: absolute;
	margin: 0;
    padding: 0;
	display: none;
	white-space: nowrap;
	z-index: 1003;
}

.ie6 .nav ul li ul,
.ie7 .nav ul li ul
{
	position: absolute;
	left: 0;
	top: 40px;
}

.ie6 .nav ul li ul 
{
	top:36px;
}

.nav ul li ul li {
    margin: 0;
    padding: 0;
    float: none;
}

.nav ul li:hover ul
{
	display: block;
}

/*menu items main menu LVHA*/
.nav ul li a 
{
	padding: 10px;
}

.nav ul li a:hover  
{
}

.nav ul li ul li a {
    padding: 0 10px;   
    margin: 0;
    display: block;
}

.nav ul li ul li a:hover 
{
}

/* /MainNavigation */


/* Actions */
.admin-addaction,
.action-add-admin
{
	background-image:url(../../_icons/small_color/add.png);
	background-repeat:no-repeat;
	background-position:2px 2px;
	background-color:#fff;
	padding:1px 1px 1px 20px;
	opacity:0.95;
	filter:alpha(opacity=95);
	white-space:nowrap;
}

.addAction,
.action-add
{
	background-color:#fff;
	background-image:url(../../_icons/small_grey/add.png);
	background-repeat:no-repeat;
	background-position:2px 2px;
	padding:1px 1px 1px 20px;
	white-space:nowrap;
}

.deleteAction,
.action-delete
{
	background-color:#fff;
	right:0;
	bottom:0;
	background-image:url(../../_icons/small_grey/delete.png);
	background-repeat:no-repeat;
	background-position:2px 2px;
	padding:1px 1px 1px 20px;
	white-space:nowrap;
}

.ie7 .deleteAction,
.ie7 .action-delete
{
	display:block;
	width:16px;
	height:16px;	
}

.editAction,
.action-edit
{
	background-color:#fff;
	right:0;
	background-image:url(../../_icons/small_grey/edit.png);
	background-repeat:no-repeat;
	background-position:2px 2px;
	padding:1px 1px 1px 20px;
	min-height:15px;
	white-space:nowrap;
}

.ie6 .editAction,
.ie7 .editAction,
.ie6 .action-edit,
.ie7 .action-edit
{
	top:30px;
	right:8px;
}

.notinnavigation
{
	font-style:italic;
}

.nav li a span.info
{
	color:#fff;
}

.info
{
	font-size:10px;
	color:#999;
	font-family:Arial;
	text-transform:uppercase;
}

/* /MainNavigation */

/* FieldSets */
fieldset
{ 
	border:none; 
	margin:0 0 20px 0;
	padding:0;
}

.ie6 legend,
.ie7 legend
{
	width:auto;
	margin-left:-7px;
}

legend
{
	display:block;
	width:100%;
	padding:5px 0; /* Ingen sidopadding pga 100% bredd! */	
	background-color:#DBEAEC;
	color:#555555;
	font-size:13px;
	font-weight:bold;
	margin:0 0 3px 0;
}

legend span
{
	display:inline-block;
	padding:0 5px;
}

.ie6 .fieldset-content,
.ie7 .fieldset-content
{
	margin-right:7px;
	margin-left:7px;
}

/* /FieldSets */

/* CollapsiebleFieldSets */

div.collapsible fieldset legend
{	
	background-repeat:no-repeat;
	background-position:99% 50%;
}

div.collapsed fieldset legend
{
	background-image:url(../../_icons/small_grey/collapse.png);
}

div.expanded fieldset legend
{
	background-image:url(../../_icons/small_grey/expand.png);
}

div.loadCollapsed fieldset div.collapsibleContent,
div.loadcollapsed fieldset div.collapsiblecontent
{
	display:none;
}
/* /CollapsiebleFieldSets */


.smallArea,
.smallArea input[type=text],
.smallArea textarea,
.smaller,
.smaller input[type=text],
.smaller textarea
{
	font-family:Tahoma;
	font-size:80%;
	line-height:100%;
}

.smallButton,
.button-small
{
	display:inline-block;
	font-family:tahoma,verdana,arial,sans-serif;
	font-size:9px;
	line-height:9px;
	color:#fff;
	background-color:#555555;
	-moz-border-radius: 0.5em;
	padding:3px;
	margin-right:4px;	
	cursor:pointer;
}


/* Forms */
ul.fieldset
{ 
	margin: 20px 0; 
	padding: 0; 
	list-style: none;
}

.rgEditForm ul.fieldset
{
	margin:0;
}

.ie6 ul.fieldset li table,
.ie7 ul.fieldset li table
{
	float: left; 
}
.ie7 ul.fieldset li .output-personeducation  table,
.ie6 ul.fieldset li .output-personeducation  table
{
	float:none; 
}

.ie6 ul.fieldset li .mira-ajax-dropdown-wrapper,
.ie7 ul.fieldset li .mira-ajax-dropdown-wrapper
{
	float: left; 
}

ul.readonly
{
	margin:0;
}

ul.fieldset li              { margin: 0 0 6px 0; padding: 0; clear: left; width:100%; }
ul.fieldset li .field       {
    float: left; 
    width: 140px; /*width - marginRight*/ /*this affects left-margin of "ul.fieldset li div.information /.../" */
    text-align: right; 
    margin-right: 10px; /*this affects left-margin of "ul.fieldset li div.information /.../" */
}

ul.fieldset li p.information,
ul.fieldset li p.instruction,
.validation-error
{
	margin-left:150px; /* This should match width + horizontalMargins + sideBorders of "ul.fieldset li .field" */
}

ul.fieldset li div.information:first-child,
ul.fieldset li div.instruction:first-child,
div.validation-error:first-child
{
	margin-left:0px; 
}

ul.fieldset > li div.field + div.mira-ajax-dropdown-is-multiple > div.mira-ajax-dropdown-multiple
{
	margin-left: 150px; /* same as width+margin-right on "ul.fieldset li .field" */
}

ul.fieldset ul.fieldset li
{
	padding-left:20px; /*indrag på nästlade list items */
}

ul.readonly li .field
{
	text-align: left; 
}

ul.fieldset li .fieldReadOnly,
ul.fieldset li .field-readonly,
ul.readonly li
{
    float: left; 
    width:100%;
}

.fieldReadOnly-label,
.field-readonly-label,
ul.readonly li field
{
    float:left;
    width: 140px; /*width - marginRight*/
    text-align: left; 
    margin-right:1%; /*label = 35% width with margin*/ 
    width:33%;
}

.fieldReadOnly-value,
.field-readonly-value
{
    float: left;
    text-align: left; 
	width:65%; /*value = 65% width with margin*/ 
}

.fieldset-button-wrapper { padding-top:15px; text-align: right; }
.fieldset-button-wrapper-mainwidth { width: 100%; text-align: right;}
.fieldset-button-wrapper input[type=submit],
.fieldset-button-wrapper input[type=button],
.fieldset-button-wrapper input[type=reset],
.fieldset-button-wrapper .button {
    margin-left: 10px;
}

#sidebar-outer-wrapper ul.fieldset li .field,
#sidebar-outer-wrapper ul.fieldset li .fieldReadOnly-label {
    float: none; 
    text-align: left; 
    margin: 0; 
    width:auto;
}

#sidebar-outer-wrapper ul.fieldset li .fieldReadOnly-label
{
	font-weight:bold;
}

#sidebar-outer-wrapper ul.fieldset li .fieldReadOnly-value
{
	width:auto;
}

#sidebar-outer-wrapper .validation-error { margin: 0; }

#sidebar-outer-wrapper .fieldset-button-wrapper { margin: 0; width: 256px; }

ul.fieldset li input[type='text'],
ul.fieldset li input[type='password'],
ul.fieldset li textarea {
    width: 250px;
}

ul.fieldset li textarea 
{
	font-family:Arial;
	font-size:12px;
}

ul.fieldset li select {
    width: 256px;
}

/* /Forms */


.tooltip-icon {
    vertical-align: top;
    padding: 0px 0 0 3px;
}
.tooltip-icon:hover { cursor: pointer; }
.tooltip-text {
    position: absolute;
    display: none;
    background-color: #ffd;
    color: #444;
    border: solid 1px #aaa;
    padding: 3px 5px;
    max-width:300px;
    z-index:1004;
}

.portal-banner-message
{
    background-color:#f0f2e0;
    border-bottom: solid 4px #54a652;
    border-right:solid 2px #54a652;
    border-left:solid 2px #b4d5b4;
    border-top:solid 4px #b4d5b4;
    padding:10px 300px 10px 10px;
    -moz-border-radius: 0.5em; 
    margin: 0 10px 10px 0;
}

.picture-frame div { display: none; }
.picture-frame:hover div { display: block; }

/*InfoPane*/
.portal-message-error 
{ 
    background-color:#f4d0d0;
    background-image:url(../../_icons/Portal/message_error.png);
    background-position: 7px 3px;
    background-repeat:no-repeat;
    padding:20px 200px 20px 64px;
    -moz-border-radius: 0.5em;
    margin: 5px 15px 10px 10px;
    font-weight:bold;
    font-size:1.1em;
}
.portal-message-information 
{
    background-color:#e0e0f4;
    background-image:url(../../_icons/Portal/message_information.png);
    background-position: 7px 3px;
    background-repeat:no-repeat;
    padding:20px 200px 20px 64px;
    -moz-border-radius: 0.5em;
    margin: 5px 15px 10px 5px;
    font-weight:bold;
    font-size:1.1em;
}
.portal-message-warning
{
    background-color:#f8ebb6;
    background-image:url(../../_icons/Portal/message_warning.png);
    background-position: 7px 3px;
    background-repeat:no-repeat;
    padding:20px 200px 20px 64px;
    -moz-border-radius: 0.5em;
    margin: 5px 15px 10px 5px;
    font-weight:bold;
    font-size:1.1em;
}
.portal-message-success
{
    background-color:#dbf4ce;
    background-image:url(../../_icons/Portal/message_success.png);
    background-position: 7px 3px;
    background-repeat:no-repeat;
    padding:20px 200px 20px 64px;
    -moz-border-radius: 0.5em;
    margin: 5px 15px 10px 10px;
    font-weight:bold;
    font-size:1.1em;
    z-index:1502;
}
#sidebar-outer-wrapper .portal-message-information,
.banner-right-container .portal-message-information 
{
    font-size:1em;
    font-weight:normal;
    padding: 10px 20px 20px 64px;
    margin: 0 0 0 20px;
} 

/*InfoPane end*/


/* This class should define the same background-color as #main-outer-wrapper, and only that */
.main-background-color
{
	background-color:#fff;
}

/* This class is used on draggable items, such as a grid where items are draggable */
.draggable
{
	cursor:move;
}

table,
table td,
td,
table th,
th
{
	border: none 0px transparent;
	padding:0;
}

.footer 
{
	font-size:80%;
}

table.footer
{
    width: 100%;
}

/* Liquid Column Layout */
/* see http://matthewjamestaylor.com/blog/ultimate-2-column-right-menu-pixels.htm for more information */
.colmask {
	position:relative;  /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
	/* overflow:hidden;	This chops off any overhanging divs */ /*causes problem with AjaxDropDown and large dropdowns*/
}

.ie6 .colmask, .ie7 .colmask
{
	overflow:hidden;
}

/* 2 column right menu settings */
.rightmenu {
}
.rightmenu .colleft {
    float:left;
    width:200%;
    margin-left:-310px; /*width of right column*/
    position:relative;
    right:100%;
}
.rightmenu .col1wrap {
    float:left;
    width:50%;
    position:relative;
    left:50%;
    padding-bottom:1em;
}
.rightmenu .col1 {
    margin:0 10px 0 320px; /*0 rightPadding 0 (width of right column + leftPadding)*/
    overflow:hidden;
}
.rightmenu .col2 {
    float:right;
    width:300px; /*width of right column content (width - leftPadding and rightPadding)*/
    position:relative;
    left:300px; /*width of right column content (width - rightPadding )*/
}
/* /Liquid Column Layout */


/* this class doesnt seem to be used anywhere... */
.previewWrapper,
.preview-wrapper
{
	border:dashed 1px #666;
	padding:5px;
	margin:10px;
}

span.portal-disabledactionlink:first-child
{
	margin-top:0;
}

span.portal-disabledactionlink
{	
	display:block;
	margin-top:10px;	
	padding-left:15px;
}

/* Generic Hower/Show-functionality */
.hoverTrigger,
.hover-trigger
{
	position:relative;
}

.hoverTrigger:hover > .mark,
.hover-trigger:hover > .mark
{
	font-weight:bold;
}

.hoverShower
{
	position:absolute;
	z-index:20;	
}

.hoverTrigger .hoverShower,
.hover-trigger .hover-shower
{
	display:none;
}

.hoverTrigger:hover .hoverShower,
.hover-trigger:hover .hover-shower
{
	display:block;
}
/* /Generic Hower/Show-functionality */


/* Sub-Block */
.sub-block
{
    display:block;
	padding:10px;
	background-color:#DBEAEC;
}

.sub-block-header
{
	background-color:#fff;
	padding:2px;
}

.sub-block-content
{
	background-color:#fff;
}

.sub-block-content table
{
	background-color:#fff;
	padding:0 5px 0 5px;
}
/* /Sub-Block */

/* Inline Form */
.form-inline
{
	line-height:26px;
	padding:15px 5px 15px 10px;
	border-bottom:3px dashed #ccc;
	/*border-left:1px dashed #ccc;
	border-right:1px dashed #ccc;*/
}

.input-personeducation-wrapper
{
    margin-top: 5px;
}

.output-personeducation .form-inline
{
	border-bottom:1px solid #ccc;
}

.input-personeducation .form-inline
{
	line-height:35px;
}

.form-inline .field,
.form-inline .fieldReadOnly-label,
.form-inline .fieldReadOnly-value,
.form-inline .field-readonly-label,
.form-inline .field-readonly-value
{
	display:inline !important;
	float:none !important;
	width:auto !important;
	margin-right:5px !important;
}

.form-inline .fieldReadOnly-label,
.form-inline .field-readonly-label
{
	font-weight:bold;
}

.form-inline .validation-container
{
	display:inline;
}

.form-inline input,
.form-inline textarea,
.form-inline select
{
	margin-right:10px;
}

.form-inline .mira-ajax-dropdown-wrapper
{
    display:inline;
}

.form-inline input.mira-ajax-dropdown-text
{
	margin-right:0;
	width:80%;
}

.form-inline .validation-error
{
	margin-left:0;
}

/* /Inline Form */

div.instruction
{
	/*border-top:dashed 1px #ccc;*/
	border-bottom:dashed 1px #ccc;
	padding:2px;
	margin:2px 0;
	text-transform:uppercase;
	font-size:9px !important;	
}

p.instruction,
p.information,
tr.rgNoRecords
{
	font-family:Arial;
	font-size:10px;	
	color:#999;
	line-height:normal;
}

p.instruction a,
p.information a,
tr.rgNoRecords a
{
	font-size:10px;	
	color:#999;
	text-decoration:underline;
}


.navigation-more
{
	text-align:right;
}

.navigation-more-link
{
	font-size:80%;
}

.navigation-more-link > span:after
{
	content:' »';
}

.navigation-back-link > span:before
{
	content:'« ';
}

.subscribe-switch
{
	float:right;
	font-size:10px;
}

.smallshadow
{    
    color:#999999;    
    font-size: 90%;
}

div.message-top
{
    background: url('images-mira/bg.png') repeat-x;
    display:block;
    margin-top: 5px;
    margin-bottom: 3px;    
}

.news-listsidebar .container
{
	margin-bottom:15px;
}

.contentcontrol-wrapper .fieldset-button-wrapper
{
	padding-right:20px;
}