@import "ext_Structure.css";
@import "ext_Tellus.css";
@import "ext_special.css";
@import "siteseeker.css";
@import "FromCMS5Demo.css";
@import "season_SO.css";

/* ========== Grundläge för alla sidor =================================================================================== */


/* ========== Tabeller ================================================================================================= */

th.headerrow { 	font-size: 0.9em; }
tr.headerrow { background-color: #ccc;}
tr.evenrow { background-color: #eee;}
tr.unevenrow { background-color: #fff;}

tr.sitemapheader
{
	background-color: #dedede;
	font-weight: 600;
	padding-left: 0.2em;
}

td.changedpages { padding-right: 1.5em;}


/* ========== Länkar =================================================================================================== */

.datelistingtext
{
	color: #606060; 
	font-size: 0.7em; 
	font-style: italic; 
}

a.linklist
{
	font-size: 1em;
	text-decoration: none;
}

a.listheading
{
	font-weight: bold;
	color: #336;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
}

a.NewsLink 
{
	text-decoration: none;
	font-weight: bold;
}
a.pitea_rightlisting {
	color:Black;
	padding-left: 1em;
	margin: 0.2em 0px;
	text-decoration: none;
}

a.rightlisting {
	text-decoration: none;
	display: block;
	padding-left: 1em;
	margin: 0.2em 0;	
}

/* ========== Fonter ================================================================================================== */



h1, .heading1
{
	display: block;
	font-weight: bold;
	font-size: 200%;
	color: #000000;
	/*text-transform: uppercase;*/

/*	margin-top:5px;*/
	margin-top: 0.3em;
	padding-top: 0.1em;
	margin-bottom:0.2em;
	padding-bottom:0.2em;
	line-height:23px;


}

h2, .heading2
{
	font-weight: bold; 
	font-size: 130%;
	color: #333;
	margin-top: 1.0em;
	padding-top: 1.0em;
	margin-bottom:0.2em;
	padding-bottom:0.2em;
}

h3, .heading3
{
	font-weight: bold;
	font-size: 110%;
	color: #000000;
	margin-top: 0.7em;
	padding-top: 0.7em;
	margin-bottom:0.1em;
	padding-bottom:0.1em;
}


.brown {color: #92352f;}

.bold {font-weight: bold;}

.fontSize60 {font-size: 60%;}
.fontSize70 {font-size: 70%;}
.fontSize80 {font-size: 80%;}
.fontSize90 {font-size: 90%;}
.fontSize100 {font-size: 100%;}
.fontSize110 {font-size: 110%;}
.fontSize120 {font-size: 120%;}

.get_outside {font-size: 75%;}
.line {font-size: 75%;}

.pagebody_text, p 
{
	font-size: 100%;
	margin-top: 0.2em;
	padding-top: 0.2em;
	padding-bottom:0.5em;
	margin-bottom: 0.5em;

}


.pagebody_text h2, .line h2
{
	font-weight: bold; 
	font-size: 130%;
	color: #333;
	margin-top: 1.0em;
	padding-top: 1.0em;
	margin-bottom:0.2em;
	padding-bottom:0.2em;
}


#rightmenudiv h2
{
	font-weight: bold; 
	font-size: 110%;
	color: #333;
	margin-top: 0.8em;
	padding-top: 0.8em;
	margin-bottom:0.2em;
	padding-bottom:0.2em;
}

#rightmenudiv h3
{
	font-weight: bold; 
	font-size: 95%;
	color: #333;
	margin-top: 0.6em;
	padding-top: 0.6em;
	margin-bottom:0.2em;
	padding-bottom:0.2em;
}


.pagebody_text h3, .line h3
{
	font-weight: bold; 
	font-size: 110%;
	color: #333;
	margin-top: 0.7em;
	padding-top: 0.7em;
	margin-bottom:0.1em;
	padding-bottom:0.1em;
}
span.usernamelabel { padding-top: 0.5em; display: block; }
span.errormessage {	color: #a00; font-size: 1em; }

.relevance { color: #999999; font-size: 70%; }
.search_help {font-size:90%;}
span.searchlabel
{
	font-weight: bold;
	font-size: 90%;	/* Tidigare 1em */
	color: #336;
}

/* ========== Bilder ================================================================================================== */

img.borderless {border: 0;}
img.float_left, img.leftfloating {float: left;}
img.float_right, img.rightfloating {float: right;}
img.startpageimage { border: solid 0.1em #CCCCCC; width:100% }
img.quicksearch
{
	position: relative;
	top: 0.2em;
	width: 2.3em;
	height: 1.4em;	/* Tidigare 1.7em */
	border: 0;
}

/* ========== Layout ================================================================================================== */

.centered {text-align: center;}
br.tiny_break {font-size: 40%;}

.margin_bottom, .margin_bottom_10 {margin-bottom: 10px;}
.margin_bottom_5 {margin-bottom: 5px;}
.margin_bottom_20 {margin-bottom: 20px;}
div .margin_bottom_20 {margin-bottom: 20px;}
.margin_bottom_40 {margin-bottom: 40px;}
div .margin_bottom_40 {margin-bottom: 40px;}
.margin_top_5 {margin-top: 5px;}
.margin_top_10 {margin-top: 10px;}
.margin_top_30 {margin-top: 30px;}
.margin_top_none {margin-top: 0px;}
.margin_bottom_none {margin-bottom: 0px;}
.margin_bottom_1em {margin-bottom:1em;}
.margin_right_10 {margin-right:10px;}

.padding_top_03em {padding-top: 0.3em;}
.padding_left_03em {padding-left: 0.3em;}
.padding_left_05em {padding-left: 0.5em;}
.padding_bottom_05em {padding-bottom: 0.5em;}


/* ========== Formulär-klasser ========================================================================================= */

input.input_text {font-size: 110%;}

input.quicksearchbutton { width: 10em;}

.inputlabel {
	width: 6em;
	float: left;
	padding-top: 0.4em;
	font-weight: bold;
}

.inputlabelwide
{
	width: 10em;	
	float: left;
	padding-top: 0.4em;
	font-weight: bold;
}

.fontButton {
	background-color: #e8e8e8;
	border: 0em solid #666666;
	color: #2C2E3A;
	font-size: 100%;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}

.fontButton_100 {font-size: 100%;}

input.registerfield { width: 20em;}


/* ========== Div-klasser ============================================================================================== */

/* -- Standard divs --*/

div.float_left, div.leftfloating, leftfloating  {float: left;}
div.float_right, div.rightfloating, .rightfloating {float: right;}
div.clear {clear: both;}
.hidden {display:none;}
.visible {visibility:visible;}/*Vilken ska användas???*/ 
div.visible {display:block;}
.left_align {text-align: left;}
.leftaligned {text-align: left;}
.rightaligned { text-align: right; }



div.description
{
	float: left;
	width: 30%;
}
.pite_header {
	clear: both;
	width: 100%;
}

.pite_header_editpanel {
	padding-bottom: 0.2em;
	clear: both;
	width: 100%;
}



.search_options {
	margin-left:-4px;
	font-size:90%;
	margin-top:3px;
}

div.tablerow
{
	width: 99%;
	padding: 0.5em;
}

div.newsgroupheader
{
	background-color: #ddd;
	border-bottom: solid 0.1em black;
	padding: 0.4em 0;
}

div.conferance
{
	width: 407px;	/*100%*/
	background-color: #eeeeee;
	border: solid 0.1em #bbb;
	padding: 10px;	/*0.3em*/
}

div.conferancelinkbuttonsarea
{
	/*margin-top: 0.3em;*/
	float: right;
}

div.conferanceheader
{
	width: 100%;
}
div.passwordfield 
{
	background-color: #dcdace;
	border: solid 0.1em #000;
	width: 21em;
	padding: 0.3em;
}

.user_header {
	margin-bottom: 7px;
	position:relative;
	top:8px;
	border-top: #cfcfcf 0.1em solid;
	border-bottom: #cfcfcf 0.1em solid;
	clear: both;
	width: 100%;
	font-size: 70%;
	line-height: 2em;
}





.writer_info {font-size: 80%; color: #999999;}

.DocumentListBox
{
	border: 1px solid #eeeeee;
}

.DocumentListItem
{
	width: 100%;
	background: #ffffff;
	padding-left: 5px;
	padding-right: 50px;
	padding-top: 0px;
	padding-bottom: 5px;
}

.DocumentListItemAlt
{
	width: 100%;
	background: #eeeeee;
	padding-left: 5px;
	padding-right: 50px;
	padding-top: 0px;
	padding-bottom: 5px;
}


.DocumentMainIntro
{
	padding-left: 20px;
	padding-right: 50px;
	padding-top: 0px;
	padding-bottom: 5px;
}

.DocumentFrameHeader
{
	text-align: left;
	padding: 0.5em 0.5em 0.5em 6em;
}
.DocumentArea
{
	float: none;
	text-align: center;
}

.cal_othermonthday 
{
	/*font-size: 0.7em;*/
	text-transform: uppercase;
	width: 20px;
	color: #000;
	height: 20px;
	background-color: #fff;
}

.cal_weekendday
{
	/*font-size: 0.7em;*/
	/*text-transform: uppercase;*/
	/*width: 20px;*/
	/*color: #000;*/
	/*height: 20px;*/
	background-color: #fff;
}

.cal_day 
{
	/*font-size: 0.7em;*/
/*	text-transform: uppercase;
	width: 20px;
	color: #000;
	height: 20px;*/
	background-color: #fff;
}

.cal_today 
{
	/*font-size: 0.7em;*/
/*	text-transform: uppercase;
	width: 20px;
	color: #000;
	height: 20px;*/
	background-color: #fff;
}
.cal_selectedday
{
	/*font-size: 0.7em;*/
/*	text-transform: uppercase;
	width: 20px;
	color: #000;
	height: 20px;*/
	background-color: #fff;
}

.CalendarContainer {
	margin-left: 2px;
	width:198px;
	border-bottom: #92352F 1px solid;
	border-left: #92352F 1px solid;
	border-right: #92352F 1px solid;
}

div.calendarlistingarea {
	float: left;
	width: 420px;
	text-align: left;	
}

/*
div.menuitem
{
	padding-right: 0em;
	padding-left: 0em;
	float: left;
	padding-bottom: 0.4em;
	width: 100%;
	padding-top: 0.4em;
	border-bottom: #ddd 0.1em solid;
}

div.menuitem_1 {
	margin: 0em;
	padding-left: 10px;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-weight: bold;
	font-size: 70%;
	left: 2px;
	width: 150px;
	color: white;
	background-image: url(../../images/pitea/pitea_tab.gif);
	background-repeat: no-repeat;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
}

div.menuitem_2 {
	background-image: url(../../images/pitea/pitea_tab_outer.gif);
	padding-bottom: 2px;
	padding-top: 2px;
	width: 150px;
	background-color: #eee;
	margin-left: 2px;
	line-height: 80%;
	white-space: nowrap;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
}

div.menuitem_3 {
	background-image: url(../../images/pitea/pitea_tab_outer_whitebg.gif);
	padding-bottom: 2px;
	padding-top: 2px;
	width: 150px;
	background-color: white;
	margin-left: 2px;
	line-height: 80%;
	white-space: nowrap;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
}

.menulevel_0 { padding-left: 1px;}
.menulevel_1 { padding-left: 0px;}
.menulevel_2 { padding-left: 10px;}
.menulevel_3 { padding-left: 15px;}
.menulevel_4 { padding-left: 20px;}
.menulevel_5 { padding-left: 25px;}
.menulevel_6 { padding-left: 30px;}
*/

div.bottom_padding {
	padding-bottom: 10px;
}

.OperationMessage {
	font-size: 80%;
}

div.OperationWriter {
	color: #999999;
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0.5em;
}

.AreaBoxBody {background-color: #00ff66;}
.AreaBoxInfo {background-color: #00cc66;}

.DocumentArchiveBody {background-color:#ffffff;}

.MessageList {
	border: 1px solid #cfcfcf;
	PADDING: 10px; 
	WIDTH: 407px; 
}

.MessageListHead {
	background-color: white;
	color: black;
	text-decoration: none;
	font-size:75%;
	width: 10px; 
	position: relative; 
	top: 0.6em;
	left: 20px; 
	z-index: 110;
}

.div_label_left {
	float: left;
	width: 10.5em;
	padding-top: 0.5em;
	text-align: left;
	color: #666;
	font-weight: bold;
	font-size: 80%;	
}

.div_label_top {
	text-align: left;
	color: #666;
	font-weight: bold;
	font-size: 80%;	
}

.div_labelled_input {
	padding-top: 0.3em;
	text-align: left;
}

.div_labelled_input input {
	margin-top: -3px;
	margin-right: 0.5em;
}
div.link_printout {
	float: right;
	padding-top: 0.3em;
	margin-right: 10px;
}
div.bookinglistdetailheader a.linklist {
	font-size: 110%;
	background-color:#ffffff;
	color:Black;
		
}

/* Nytt för den externa webben */
input.ext_quicksearchinput
{
	background-color: #ffffff;
	font-size: 100%;	
}
input.quicksearchbutton
{
	background-image: url(../../images/ico_find.gif);
	background-repeat: no-repeat;
	border: 0;
	width: 30px;
	height: 20px;
}


/*************************/
/* SITEMAP PAGE          */
/*************************/
#SiteMap ul 
{
    margin: 0.2em;
    padding: 0.2em;
    width:90%;
}

#SiteMap ul ul
{
    padding: 0.3em ;
    margin: 0.3em 0.3em 0.3em 0.5em;
    border-left: solid 1px #838383; 
}
#SiteMap ul ul ul, #SiteMap ul ul ul ul, #SiteMap ul ul ul ul ul 
{
    padding: 0;
    margin-left: 0.5em;
    border-left:0; 
}

#SiteMap li
{
    margin: 0 0.2em;
    padding: 0 0.2em;
    list-style: none;
    font-size: 1.3em;
}

#SiteMap ul li ul li ul li
{
    margin: 0.2em 0;
    padding-left: 0.5em;
    background: url(../../Styles/Pitea/images/SiteMapBullet.png) no-repeat;
    border:0;
}

#SiteMap li li li
{
  /*  font-size: 0.7em;*/
}

#SiteMap ul li a
{
    text-decoration: none;
    margin: 0.2em;
    padding: 0.2em;    
}

#SiteMap li li a
{
    /*text-decoration: underline;*/ 
    font-size: 0.7em;
}

#SiteMap li li li a
{
    font-size: 0.7em;
}
#SiteMap ul li ul li ul li 
{
    font-size: 85%;
}
/*************************/
/* MY SETTTINGS          */
/*************************/

.mySettingsForm
{
	margin-top: 1em;
	width: 360px;
}
.mySettingsForm div
{
	overflow: hidden;
	margin-bottom: 0.4em;
}
.mySettingsForm div label
{
	float: left; clear:left;
}
.mySettingsForm div input
{
	float: right;
	width: 200px;
}

.mySettingsForm div.buttons input
{
	float: left;
	width: auto;
	clear:both;
}


.mySettingsForm div div
{
	float: right;
}