/*
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;
}

input 
{
	font-family: arial; 
	font-size: 12px; 
} 

textarea
{
    font-family: Arial;
    font-size: 12px;
    resize: vertical;
}

span.identity
{
	font-weight:bold;
}

.clear
{ 
	clear: both; 
}

.margin-top
{
	margin-top:10px;
}

a[name]
{
    text-decoration:none;
}

span.no-records-message
{
	font-style:italic;
}

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; }

.mark
{
	font-weight:bold;
}

.extra-data 
{
	font-size:80%;
	color:#888;
	line-height:normal;
}

.center
{
	text-align:center;
}

.hide
{
	display:none;
}

.blur
{
    opacity: 0.4; 
    filter: alpha(opacity='40');
}

ul.reset
{
	margin:0;
	padding:0;
	list-style-type: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 */

/* List */

.list-message
{
	margin:10px;
}

/* /List */

#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;
}

fieldset.hide-legend legend
{
	display:none;
}

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

.ie7 .collapsible fieldset legend,
.ie7 .hoverTrigger fieldset legend
{
	margin-left: 0px;
	width: 100%;
}

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;
}

h3 + ul.fieldset
{
	margin-top:0;
}

.rgEditForm ul.fieldset
{
	margin:0;
}

.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.faf
{
	margin-bottom: 0;
}

ul.fieldset li .field
div.handleprofile .collapsibleContent ul.fieldset div.fieldReadOnly-label /* selektor för när output-fält visas i editläge i personprofilen, då ska den vara som en input-label */
{
    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 /.../" */
}

.ie7 .faf-form fieldset fieldset.faf-legend-as-lbl .faf-list-container
{
	padding-left: 200px;
}


ul.fieldset li .field,
div.handleprofile .collapsibleContent ul.fieldset div.fieldReadOnly-label, /* selektor för när output-fält visas i editläge i personprofilen, då ska den vara som en input-label */
div.radedit-wrapper .field 
{
	/* Ev fontändringar (color etc) på formulärlabels görs i denna selector.  */
}

div.handleprofile .collapsibleContent ul.fieldset div.fieldReadOnly-label /* selektor för när output-fält visas i editläge i personprofilen */
{
	margin-right:12px;
}

.login-providers {
    float: right;
}

.linkedin-link
{
	position:relative;
	display:inline-block;
	width:16px;
	height:16px;
	padding-top: 2px;
	padding-left: 0px;
}

.linkedin-link iframe {    left: 18px !important;    top:-24px !important;}

.login-linkedin
{
    /*width:165px;*/
}

.connect-linkedin 
{
	overflow: hidden;
	width: 100%;
	padding-left: 5px;
	padding-bottom: 5px;
	clear:both;
}


.imgbtn-login-linkedin
{
    height: 21px;
    width: 25px;    
    padding-left:5px;
    margin-right:4px;  
}

.btn-login-linkedin
{
    float:left;
    font-family: Arial, sans-serif !important;
    font-size:11px !important;
    font-weight:bold !important;
    font-style: normal !important;
    text-transform:none !important;
    color: #333 !important;
    cursor: pointer !important;
    display: block !important;
    white-space: nowrap !important;
    margin-left: -4px !important;
    margin-top:0;
    vertical-align: top !important;
    overflow: hidden !important;
    text-align: center !important;
    border: 1px solid #000 !important;
    border-top-color: #E2E2E2 !important;
    border-right-color: #BFBFBF !important;
    border-bottom-color: #B9B9B9 !important;
    border-left-color: #E2E2E2 !important;
    border-left: 0 !important;
    text-shadow: #FFFFFF -1px 1px 0 !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    background-color: #ECECEC !important;
    background-image:none !important;
}

.faf-form fieldset  fieldset.faf-top-lbls .postaladdress-form  ol li.faf 
{
	padding-bottom: 2px;
}

ul.fieldset .input-container
{
	float:left;
}	

ul.fieldset li p.information,
ul.fieldset li p.instruction,
.validation-error,
.validation-message,
.validation-container .validators
{
	font-family:Arial;
	font-size:10px;	
}

ul.fieldset li p.information,
ul.fieldset li p.instruction,
ul.fieldset .indent,
.validation-message,
.validation-error
ul.fieldset .validation-container .validators
{
	margin-left:150px; /* This should match TOTAL width (width+sideborders+sidepadding+sidemargin) of "ul.fieldset li .field" */
}

#sidebar-outer-wrapper ul.fieldset li p.information,
#sidebar-outer-wrapper ul.fieldset li p.instruction,
#sidebar-outer-wrapper ul.fieldset .indent,
#sidebar-outer-wrapper .validation-message,
#sidebar-outer-wrapper ul.fieldset .validation-container .validators
{
	margin-left:0;
}

ul.fieldset li.EmploymentTimePeriod .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; 
}

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

ul.fieldset li div.mira-ajax-dropdown-wrapper 
{
	width: 406px; /* same as width+margin-right on "ul.fieldset li .field" */
}

.ie7 ul.fieldset li div.mira-ajax-dropdown-wrapper 
{
	width: 270px; /* same as width+margin-right on "ul.fieldset li .field" */
}

.ie7 .mira-ajax-dropdown-scroll
{
	clear:both;
}

.ie7 .mira-ajax-dropdown
{
	position: static !important;
}

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,
ul.fieldset li .field,
.faf-form fieldset .cof-list-readonly fieldset.faf-legend-as-lbl > legend
{
    float:left;
    width: 140px; /*width - marginRight*/
    text-align: left; 
    margin-right:1%; /*label = 35% width with margin*/ 
}

.handleprofile .faf-form fieldset label.faf-lbl, 
.handleprofile .faf-form fieldset span.faf-lbl, 
.handleprofile .faf-form fieldset label span.faf-lbl-text,
.handleprofile .faf-form fieldset fieldset legend label.faf-lbl, 
.handleprofile .faf-form fieldset fieldset legend span.faf-lbl, 
.handleprofile .faf-form fieldset label.faf-combine-lbl, 
.handleprofile .faf-form fieldset.faf-legend-as-lbl legend span.faf-lbl-text, 
.handleprofile .faf-form fieldset legend span.faf-lbl-text, 
.handleprofile .faf-form fieldset fieldset.faf-legend-as-lbl > legend span.faf-lbl-text 
{
	width: 205px;
	margin-right: 10px;
	text-align: left;
	font-size: 10pt;
	color: #000;
}

.handleprofile .faf-form fieldset span.faf-lbl
{
	width: 32%;
	margin-right: 1%;
}

ul.fieldset.readonly li p.information,
ul.fieldset.readonly li p.instruction,
ul.fieldset.readonly .indent
{
	margin-left:34%;
}

.ie7 .faf-form fieldset .cof-list-readonly fieldset.faf-legend-as-lbl .faf-list-container
{
	padding-left: 34%;
}

.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: 270px;
}

/*IE6 doesn't care for attribute specifik CSS, not even in lists as above*/
.ie6 ul.fieldset li input.text
{
      width: 270px;
}

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

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

/* /Forms */


span.tooltip-icon-wrapper
{
	vertical-align:top;
	display:inline-block;
}

img.tooltip-icon
{    
    padding: 3px 0 0 3px;
}

img.tooltip-icon:hover { cursor: pointer; }

div.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 6px;
    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,
#sidebar-outer-wrapper .portal-message-warning,
#content-outer-wrapper .portal-message-information,
#content-outer-wrapper .portal-message-warning,
.banner-right-container .portal-message-information 
{
    font-size:1em;
    font-weight:normal;
    padding:10px 10% 10px 64px;
    margin: 5px;
} 

/*InfoPane end*/


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

#banner-outer-wrapper #main-outer-wrapper /* specialsituation när hela #main-outer-wrapper nästlats i banner. (se Portal/MyNetwork/Groups/Invite.aspx) */
{
	padding-top:10px;
}

/* 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;
	padding-bottom:100px; /*För att minska risken att ajaxdropdowns blir kapade */
}

/* 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 .linkedInCheckBox
{
    float:right; 
    margin-right: 75px; 
    color: #97ac1c;
    padding: 1px;
}

.hoverTrigger .linkedInCheckBox input
{
    margin-top: 0;
}

.hoverTrigger .linkedInCvSyncedLabel 
{
    background-image:url(../../_icons/small_color/LinkedIn_IN_Icon_15px.png);
	background-repeat:no-repeat;
    padding-left: 16px;
}

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

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

/* no hover effect in ie6 */
.ie6 .hoverTrigger .hoverShower,
.ie6 .hover-trigger .hover-shower,
.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-deleted
{
    display: none;
}

.sub-block-campaign-part
{
    padding: 5px 5px 5px 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;
}

.input-personeducation .RadGrid .rgRow td,
.input-personeducation .RadGrid .rgAltRow td,
.input-personemployment .RadGrid .rgRow td, 
.input-personemployment .RadGrid .rgAltRow td
{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.EmploymentPositionLinkedIn
{
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    color: #000;
    text-decoration: none;
}

.EmploymentOrganizationNameLinkedIn
{
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
    color: #000;
    text-decoration: none;
}

.EmploymentOrganizationInfoLinkedIn
{
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
    text-decoration: none;
    color: #999;
}

.form-inline .EmploymentOrganizationInfoLinkedIn .fieldReadOnly-value
{
	margin-right:0 !important;
}

.EmploymentUrlLinkedIn
{
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
    color: #000;
    text-decoration: none;
}

.EmploymentDescriptionLinkedIn
{
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
    color: #000;
    text-decoration: none;
}


.handleprofile td, 
.handleprofile th 
{
    -ms-word-break: break-all;
	word-break: break-all;

	/* Non standard for webkit */
	word-break: break-word;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.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;
}

ul.fieldset div.field + span div.validation-container
{
	float:left;
}

.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;
}

.form-inline .mira-ajax-dropdown-button
{
	top: 7px;
}

.ie7 .form-inline .mira-ajax-dropdown-button
{
	top: 4px;
}

.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
{
	color:#999;
	line-height:normal;
	clear:both;
}

span.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;
}

/* Container Validator 2 */

.validation-container
{
	display:inline;
}

ul.fieldset .validation-container .validators
{	
    margin-left:150px;    
    clear: both;
    display: block !important;
}

.faf-form .has-validation-error label
{
	margin-bottom: 0px;
}

.ie7 .validation-container .validators,
.faf-form fieldset li .validation-container .validators
{
	margin-left:0;
	display: block;
}

/* /Container Validator 2 */

/*felhantering (innan nya Container Validator)*/

.validation-container                       { }
.validation-error                           { display: none; clear: left; margin-left: 155px; margin-bottom: 5px; margin-top: -5px; }
.has-validation-error div.validation-error  { display: block;  color:#d00; font-weight: bold; }
.has-validation-error span.validation-error { display: inline; color:#d00; font-weight: bold; }

.has-validation-error label { margin-bottom: 1.2em; }
div.validation-summary ul { background-color: #fee; border: solid 1px #f00; color:#d00; font-weight: bold; }
.mira-required-field-message
{
         font-weight:bold;
}

/*felhantering (innan nya Container Validator) slut*/

.margin-right-left-list
{
	margin-left:5px;
	margin-right:5px;
}

/* ContactInfo */

.contactinfo-form fieldset fieldset .faf-list-container .item-header
{
	width: 0;
	margin: 0;
}

.faf-form fieldset li.address-item fieldset.faf-legend-as-lbl
{
	margin-bottom:10px !important;
}

.contactinfo-form
{
	padding-top: 3px;
}


.contactinfo-form .faf-readonly .imported-extra-info
{
	margin-top: 5px;
	margin-bottom: 5px;
}
/* /ContactInfo */


/** LINKED IN/FB NEW ********/
.LinkedInButtonColor 
{
	background-color: #0977b5;
	color: #FFFFFF;
}
.FacebookButtonColor {
    background-color: #3C599B;
    color: #FFFFFF;
}
.LinkedInButtonColor:hover {
	color: #333333;
	text-decoration:none;
	background-color:#EBEBEB;
	border-color:#ADADAD;
	}
.btn-sm, .btn-xs {
	padding: 5px 10px !important;
	font-family:Verdana !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
	border-radius: 3px !important;
	float:left;
}
.fa-linkedin:before {
content: "\f0e1";
}

.fa-facebook:before {
    content: "";
}

.fa {
	display: inline-block;
	font-family: FontAwesome;
	line-height: 1;
}

@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");
}

/** END LINKED IN/FB NEW ****/