/*****************************************


/* This file should contain the path 


/* to all element stylesheets 


/*****************************************/


.box


{


	border: 1px solid #e8e8e8;


	background-color: #fff;


	margin-bottom: 20px;


}





.boxHead


{


	padding: 10px 10px 8px 10px;


	background: #fafcfd url(/Framework/Elements/Box/Bg_Header.gif) repeat-x left bottom;


	text-transform: uppercase;


	text-align: center;


	line-height: normal;


	font-size: 120%;


	margin: 0;


}





.boxHeadLeft


{


	text-align: left;


	background:none;


}





.boxBody


{


	padding: 20px;


}





.boxBody .teaserImageFrame


{


	margin-bottom: 10px;


}





.boxFooter .buttonBlock


{


	clear: none;


    float: right;


    height: 28px; /* 36 - 8 */


    overflow: hidden;


    padding: 8px 8px 0 60px;


    margin: 0;


    background: transparent url(/Framework/Elements/Box/bg_ButtonBlock-trans.png) no-repeat left top;


}





.hover .boxFooter .buttonBlock


{


    background-image: url(/Framework/Elements/Box/bg_ButtonBlock_hover-trans.png);


}








/***********************************/


/*********  BOX-LIST    ************/


/***********************************/


.box-List .boxBody


{


	padding: 0;


}


.box-List .boxBody ul,


.box-List .boxBody li


{


	list-style: none none;


	padding: 0;


	margin: 0;


}


.box-List .boxBody li


{


	border-bottom: 1px solid #e8e8e8;


}


.box-List .boxBody li.last


{


	border-bottom: none;


}








/***********************************/


/*********  BOX-ARCHIVE    *********/


/***********************************/


.box-Archive .boxBody


{


	padding: 0;


}


.box-Archive .boxBody ul,


.box-Archive .boxBody li


{


	list-style: none none;


	padding: 0;


	margin: 0;


}


.box-Archive .boxBody li


{


	border-bottom: 1px solid #e8e8e8;


	padding:0;


}





.box-Archive .boxBody li a


{


	display: block;


	padding: 10px 30px 10px 15px;


	padding:0;


    color:#00b2b0;    


	font-weight: bold;


}





.box-Archive .boxBody li.last


{


	border-bottom: none;


}





.box-Archive .boxBody li a:hover


{


	color: #019491;


	background-color: #f8f8f8;


	opacity:0.75;


}





/***********************************/


/*********  BOX-FORM    *********/


/***********************************/


.box-Form


{


	border:none;


}





.box-Form boxHead


{    


	border: 1px solid #e8e8e8;


}





.box-Form .boxBody


{


	padding: 0;


}





.box-Form .boxHead strong


{


	font-size:large;


}


.breadcrumb


{


	margin-bottom: 10px;


	border: solid 1px #e8e8e8;


	background: #fff url(/Framework/Elements/BreadCrumb/bg.gif) repeat-x bottom left;


	padding: 5px 20px;


	font-size:90%;


}





.breadcrumb a, .breadcrumb span


{


	display: block;


	float:left;


	text-decoration: none;


}





.breadcrumb a:hover


{


	text-decoration: underline;


}





.breadcrumb .separator


{


	margin: 0 .7em;


	text-indent: -100em;


	overflow: hidden;


	width: 7px;


	background: transparent url(/Framework/Elements/BreadCrumb/separator.gif) no-repeat 0 5px;


}.button:hover 


{


	opacity:0.75;


}/******************************************************


/* Base.css


/* This stylesheet contains the default styling 


/* of html elements and general classes used 


/* throughout the project.


/*


/* Don't add control, framework, template 


/* or contentblock specific classes to this file! 


/*****************************************************/





body, form, h1, h2, h3, h4, h5, h6, h6, p, img, blockquote


{


	margin: 0;


	padding: 0;


}





body, td, th


{


	color: #333;


	font-family: Arial, Helvetica, Sans-Serif;


}





html


{


	font-size: small;


}





body


{


	font-size: 90%;


	line-height: 1.455;


}





form


{


}





p


{


	margin-bottom: 20px;


}





.ingress


{


	font-weight: bold;


	margin-bottom: 20px;


}





.category


{


	color: #666;


	text-transform: uppercase;


	font-size: .9em;


}





.dateLabel


{


	font-size: .8em;


	color: #666;


}





span.action 


{


	color: #019491;


	cursor: pointer;


}





/******************************************************


/* Headings


/*****************************************************/


h1, h2, h3, h4, h5, h6


{


	margin-bottom: .1em;


}





h1


{


	color: #019491;


	font-size: 230%;


}





h2


{


	color: #000;


	font-size: 140%;


}





h3


{


	color: #000;


	font-size: 100%;


}





h4, h5, h6


{


	font-size: 100%;


}





/*********************************


/ Links 


/********************************/


a


{


	color: #019491;


	text-decoration: none;


}





h3 a


{


    font-size:140%;


}





a:hover


{


	color: #05b4b1;


	text-decoration: underline;


}





/*********************************


/ Lists 


/********************************/


ul, ol, dl


{


	margin: 0 0 20px;


}





ul


{


	padding-left: 1.5em;


}





ol


{


	padding-left: 2.0em;


}





li


{


	margin: 0 0 .3em;


	vertical-align: middle;


}





dt


{


	font-weight: bold;


	margin: 0 0 .2em;


	clear: both;


}





dd


{


	margin: 0 0 20px;


}





dl.compact dt


{


	clear: both;


	float: left;


	width: 15em;


}





dl.compact dd


{


	margin-left: 16em;


}





/******************************************************


/* Images


/*****************************************************/


img


{


	border: 0;


}





img.blockImage


{


	display: block;


	line-height: 0;


}





img.leftAligned


{


	margin: 0 0 10px 10px;


	float: left;


}





img.rightAligned


{


	margin: 0 10px 10px 0;


	float: right;


}





img[align='right']


{


	margin: 0 0 10px 10px;


}





img[align='left']


{


	margin: 0 10px 10px 0;


}





/******************************************************


/* Tables


/*****************************************************/


table


{


	border-spacing: 0px;


	empty-cells: show;


	border-collapse: collapse;


	border-color: #e8e8e8;


	margin-bottom: 20px;


}





td


{


	border-color: #e8e8e8;


}





table p


{


	margin:0;


	padding:0;


}








/*F�ljande �r mallar f�r tabeller och kan s�ttas via editorf�ltet*/


/* Mall 1 */


.ramAllaCeller


{ 


    border: 1px solid #eeeeee;


    margin: 0;


    padding: 0;


    border-collapse: collapse;


}


.ramAllaCeller td


{    


    border: 1px solid #eeeeee;


    margin: 0;


    padding: 4px;


}





/* Mall 2 */


.ramBGtop


{        


    border: 1px solid #eeeeee;


    margin: 0;


    padding: 4px;


    border-collapse: collapse;


    background: url(/Framework/Elements/Table/Images/table_bg.gif) repeat-x; 


}





/* Mall 3 */


.ramBGbottom


{     


    border: 1px solid #eeeeee;


    margin: 0;


    padding: 4px;


    border-collapse: collapse;


    background: url(/Framework/Elements/Table/Images/table_bg_reverse.gif) repeat-x bottom left; 


}








/******************************************************


/* Separators


/*****************************************************/


hr


{


	clear: both;


	display: block;


	border-width: 0;


	height: 1px;


	color: #e8e8e8;


	background-color: #e8e8e8;


	margin: 10px 0;


}





/******************************************************


/* Float container fix


/*****************************************************/


.fc:after


{


	content: ".";


	clear: both;


	display: block;


	visibility: hidden;


	height: 0;


}





* html .fc


{


	height: 1px;


}/******************************************************


/* This file should only contain basic form styles.


/*


/*****************************************************/


.textBox, 


textarea, 


select,


.stateCtrl input, 


.stateList input,


.button, 


label


{


	vertical-align: middle;


}





input,


textarea,


select, 


option


{


	color: ;


	font-family: Arial, Helvetica, Sans-Serif;


	font-size: 1em;


	line-height: normal;


}





.infoText


{


    display:block;


    background: transparent url(/Frameworks/Default/Images/info.gif) no-repeat 0 50%;


    padding-left:15px;


    margin:5px 0 10px 120px;


}





/******************************************************


/* BLOCKS


/*****************************************************/


.inputBlock


{


	clear: both;


	margin-bottom: 5px;


}





fieldset


{


	padding: 10px;


	border: solid 1px #e8e8e8;


	margin-bottom: 20px;


}





legend


{


	padding: 0 .5em;


	color: ;


}





/******************************************************


/* LABELS


/*****************************************************/


label


{


/*	line-height: 20px; /* Height of input fields */


}





.blockLabel


{


	float: left;


	width: 120px;


	font-weight: bold;


	vertical-align: middle;


}





.displayLabel


{


	display: block;


	margin-left: 120px;


}





/******************************************************


/* TEXTBOX


/*****************************************************/


.textBox


{


	width: 150px;	


	border: solid 1px #e9e9e9;


	color: #999;


	padding: 6px;


	font-size: 110%;


	margin-right: 5px;


	vertical-align: middle;


}





textarea


{


	width: 150px;	


	border: solid 1px #e9e9e9;


	color: #999;


	padding: 6px;


	font-size: 110%;


	margin-right: 5px;


	vertical-align: middle;


	height: 100px;


	overflow: auto;


}





/******************************************************


/* select


/*****************************************************/


select


{


	width: 150px;


	padding: 5px;


	border: solid 1px #e9e9e9;


}





select option


{


}





/******************************************************


/* STATE CONTROLS (checkbox & radiobutton)


/*****************************************************/


.stateList


{


	display: block;


}





.inputBlock .stateList


{


	margin-left: 120px;


}





.checkBox


{


    padding:0 0 10px 120px;


    display:block;


}





.stateList input


{


	float: left;


	margin: 0 0 10px 0;


}





.stateList label


{


	display: block;


	margin: 0 0 10px 18px;


}





/******************************************************


/* BUTTONS


/*****************************************************/


.buttonBlock


{


	clear: both;


	margin: 20px 0;


	text-align: right;


}





.buttonBlock .button,


.inputBlock .button


{


	margin-left: 5px;


}





/******************************************************


/* ERRORS


/*****************************************************/


.errorList


{


	margin-left: 120px;


}





.errorList ul


{


	color: #f00;


	list-style-type: disc;


	margin: 0;


}





.errorIndicator


{


	color: #c63a45;


	margin-left: 5px;


	padding: 0 0 8px 8px;


	vertical-align: top;


	background: transparent url(/Frameworks/Default/Images/alert.gif) 0 0 no-repeat;


	height:16px;


}





.notValid .textBox,


input.notValid


{


    border:solid 1px #ffc9c9;


    background-color: #ffeaea;


}





.errorLabel,


.validatorMessageBox


{


    display:block;


    margin:10px 0;


    padding:5px 25px;


    font-weight:bold;


    text-transform:uppercase;


    background: #ffeded url(/Frameworks/Default/Images/alert.gif) no-repeat 5px 50%;


    border:1px solid #FFC9C9;


}





/******************************************************


/* CLEAR SPACER


/*****************************************************/


.inputBlock:after


{


	content: ".";


	display: block;


	height: 0;


	clear: both;


	visibility: hidden;


}





/* Hides from IE-mac \*/


* html .inputBlock


{


	height: 1px;


	padding-bottom: 1px; /* Fix for dropdown so that not bottom-border gets hidden */


}


/* End hide from IE-mac */











/******************************************************


/* Custom elements


/*****************************************************/


.author


{


    display:block;


}





.feedbackMessageBox


{


    display:block;


    margin:10px 0;


    padding:5px 25px;


    font-weight:bold;


    text-transform:uppercase;


    background: #e4ffe4 url(/Frameworks/Default/Images/success.gif) no-repeat 5px 50%;


}.exPanel


{


	clear: both;


	margin-bottom: 20px;


	border: solid 1px #e8e8e8;


}





.exPanel .header


{


	padding: 5px 10px 5px 20px;


	background-color: #eee;


	background-image: url();


	background-position: 5px center;


	background-repeat: no-repeat;


	cursor: pointer;


}





.exPanel .content


{


	padding: 5px 10px;


	border-top: solid 1px #e8e8e8;


}





/*** EXPANDED ***/


.exPanel-Exp .header


{


	background-image: url();


}





/*** HOVER ***/


.exPanel-Hover .header


{


	background-color: #ddd;


}





.exPanel-ExpHover


{


}





/*** DISABLED ***/


.exPanel-Disabled


{


	color: #aaa;


	cursor: auto;


}


.exPanelList


{


	clear: both;


	margin-bottom: 20px;


}





.exPanelList .exPanel


{


	margin-bottom: 0;


	border-bottom-style: none; 


	background-color: ;


}





.exPanelList .exPanel .header


{


}





.exPanelList .exPanel .content


{


	border-top-style: none; 


}





.exPanelList .last


{


	border-bottom-style: solid;


}





/*** ALT ITEM ***/


.exPanelList .alt,


.exPanelList .alt .header


{


	background-color: ;


}





.exPanelList .alt .hover


{


	background-color: #ddd;


}





/*** EXPANDED ***/


.exPanelList .exPanelExpanded


{


}.gridView 


{


	width: 100%;


	border-spacing: 0px;


	empty-cells: show;


	border-collapse: collapse;


}





.gridView caption


{


	text-align: left;


	margin-bottom: .5em;


	font-size: 1.4em;


}





.gridView .header th


{


	text-align: left;


	padding: 2px 5px;


	color: #019491;


	background-color: #999;


	border: solid 1px #999;


	border-bottom-style: none; 


}





.gridView .footer td


{


	padding: 2px 5px;


	background-color: #ddd;


	color: #333;


	border: solid 1px #e8e8e8;


}





.gridView td


{


	padding: 2px 5px;


	border-right: solid 1px #eee;


	vertical-align: top;


}





.gridView tr


{


	background-color: #fff;


}





.gridView tr.alt


{


	background-color: #eee;


}





.gridView td.first


{


	border-left: solid 1px #e8e8e8;


}





.gridView td.last 


{


	border-right-color: #e8e8e8;


}





.gridView tr.last td


{


	border-bottom: solid 1px #e8e8e8;


}





.gridView tr:hover


{


	background-color: #ddd;


}


.iconLink


{


	display: block;


	text-align: right;


	text-decoration: none;


}





.iconLink .icon


{


	margin-left: 3px;


}





.iconLink .text


{


	color: #333;


	text-decoration: underline;


}.linkDropDown


{


	list-style-image: none;


	list-style-type: none;


	background-color: #fafafa;


	border: solid 1px #e8e8e8;


	margin: 0;


	padding: 0;


}





.linkDropDown li


{


	position: relative;


	cursor: default;


	white-space: nowrap;


	margin: 0;


}





.linkDropDown li span


{


	display: block;


	padding: 2px 18px 3px 8px;


	background: transparent url(/Framework/Elements/LinkDropDown/bg.gif) no-repeat center right ;


	color: #666;


}





.linkDropDown li ul


{


	display: none;


	list-style-image: none;


	list-style-type: none;


	position: absolute;


	width: 100%;


	border: solid 1px #e8e8e8;


	border-top-width: 0;


	margin: 0;


	padding: 0;


	left: -1px;


	background-color: #fafafa;


	z-index: 100;


}





.linkDropDown li:hover ul,


.linkDropDown li.hover ul


{


	display: block;


}





.linkDropDown ul li


{


	position: static;


	white-space: normal;


}





.linkDropDown ul li a


{


	text-decoration: none;


	display: block;


	padding: 2px 8px;


	color: #666;


}





.linkDropDown ul li a:hover


{


	color: #666;


}





/* IE hasLayout Fix \*/


* html .linkDropDown ul


{


	top: 1.6em;


}





* html .linkDropDown li,


* html .linkDropDown ul a  


{ 


	height: 1px; 


}


/* END fix */ul.iconLinkList


{


	list-style-image: none;


	list-style-type: none;


	margin-left: 0;


}





ul.iconLinkList li


{


	list-style-image: none;


	list-style-type: none;


}ul.linkList


{


	margin: 0 0 20px 0;


	padding: 0;


}


ul.linkList li


{


	list-style: none none;


	margin: 0;


	padding: 0;


	background: transparent url(/Framework/Elements/IconLink/Default.gif) no-repeat 0 .4em;


	padding-left: 10px;


}


ul.linkList li a 


{


}.panelList


{


	clear: both;


	margin-bottom: 20px;


}





.panelList .listItem


{


	padding: 5px 10px;


	background-color: #eee;


}





.panelList .alt


{


	background-color: #fff;


}





.panelList .header


{


	font-weight: bold;


	background-color: #999;


	color: #019491;


	margin-bottom: 1px;


}





.panelList .footer


{


	background-color: #ccc;


	height: 1.5em;


	margin-top: 1px;


}.tabStrip


{


	list-style-image: none;


	list-style-type: none;


	margin: 0;


	padding: 0;


	width: 100%;


	overflow:hidden;


	background: transparent url(/Framework/Elements/TabStrip/Images/tabsbg.gif) repeat-x left bottom;


}





.tabStrip li


{


	float: left;


	list-style-image: none;


	list-style-type: none;


	cursor: pointer;


	cursor: hand;


	color: #019491;


	font-weight: bold;


	padding: 0 10px 0 0;


	margin: 0 5px 0 0;


	background-image: url(/Framework/Elements/TabStrip/Images/tabsbg.gif);


	background-position: right -29px;


	text-align:center;


}





.tabStrip li span, .tabStrip li a


{


	display: block;


	padding: 6px 0 5px 10px;


	background-image: url(/Framework/Elements/TabStrip/Images/tabsbg.gif);


	background-position: left -29px;


}





.tabStrip li.hover,


.tabStrip li.active


{


	background-position: right 0;


}





.tabStrip li.hover a,


.tabStrip li.active a,


.tabStrip li.hover span,


.tabStrip li.active span


{


	background-position: left 0;


}





/* Panels */


.TabControl div.panel


{


	background-color: #fff;


	border-left: solid 1px #efefef;


	border-right: solid 1px #efefef;	


	border-bottom: solid 1px #efefef;


}