/* annons.se */

body				{background: #FFF url(../images/site2/bg_body.gif) 50% 0px repeat-y;}
a					{text-decoration: none; color: #666666;}

/*	LAYOUT START	*/
.tbl_base			{width: 800px; height: 100%;}
.td_header			{height: 138px; background: url(../images/site2/bg_top_menu.gif) 0px 0px repeat-x; padding: 0px 0px 0px 9px; vertical-align: bottom;}
.td_submenu			{height: 26px; width: 720px; padding: 0px 0px 0px 30px;}
.td_submenu a		{ }

.td_body			{height: 400px; padding: 10px 10px 40px 28px;}
.td_footer			{height: 40px;}

.page_left			{float: left; width: 460px; min-height: 310px; margin: 0px 11px 0px 0px;}
.page_left_noright	{float: left; width: 720px; min-height: 310px; margin: 0px 22px 0px 0px; clear:both;}
.page_right			{float: left; width: 260px; min-height: 310px; margin: 0px 11px 0px 0px;}
.page_right .rc_box	{width: 203px; padding-bottom:15px;}

.news_item			{border-bottom: #DDD 1px dotted; line-height:30px;}
.news_item img		{margin: 0px 5px 0px 0px;}
/*	LAYOUT END	*/

/* iframe styles */

iframe.advanced { font-family: "Trebuchet MS", "helvetica"; font-size:10px; margin: 0px; padding: 0px; width: 352px; height: 250px; }

.login_popup { 
 position: absolute; 
 visibility: hidden;
 width: 200px;
 background:url(../images/site2/bg_top_menu.gif);
 border: 5px solid white; 
 padding: 3px; 
 z-index: 10;
 color:#FFFFFF; 
}

/* EMPLOYEES id=127-194 */

.employee_wrapper {
	width:465px;
	overflow:auto;
	overflow-x:hidden;
	margin-left:3px;
}

.employee_box {
	width:145px;
	float:left;
	padding:1px;
	margin: 0px 8px 10px 0px;
}

.employee_box img {
	width:120px;
	height:160px;
	margin-bottom:5px;
}

#employee_name {
	clear:both;
	width:145px;
	font-family: arial;
	font-size:13px;
	font-weight:bold;
}
#employee_name a {
    font-size:13px;
    color:#000;
	font-weight:bold;
}
div .employee_desc {
	background:url("/images/site2/back_popup.png");
	position: absolute;
	width:400px;
	height:400px;
	left:230px;
	top:270px;
	font-family: arial;
	font-size:10px;
	overflow:none;
}
.employee_desc_close {
	height:50px;
}
.employee_desc_inside {
	padding: 20px 40px;
}

#employee_info, #employee_info a {
	width:145px;
	font-family: arial;
	font-size:10px;
}
#employee_info a {
    font-family: arial;
	font-size:9px;
}

input.fancy, select.fancy, textarea.fancy  {
  font-family: Trebuchet MS, arial, helvetica, sans-serif; 
  font-size: 10px; 
  border: #7f849e; 
  border-style: solid; 
  border-top-width: 1px; 
  border-right-width: 1px; 
  border-bottom-width: 1px; 
  border-left-width: 1px
} 

#framer {
text-align: justify;
width: 100%;
height: 100px;
}

.overflow {
overflow: auto;
width: 100%;
height: 90px;
} 

EventContainer {
		width: 450px;
		border-bottom: 1px solid #999999;
		border-top: 1px solid #999999;				
}

EventData {
		float:left;
		width:200px;
}

EventPic {
		float:right;
		width: 200px;
}

input.pagination {
  font-family:Trebuchet MS, arial; 
  background-color: #ffffff;
  border-style: double;
  border-width: 1px;
  border-color: #7f849e;
}
input.selected_page {
  font-family:Trebuchet MS, arial; 
  background-color: #e3e3e3;
  border-style: double;
  border-width: 1px;
  border-color: #7f849e;
}

div.tag { 
	font-family:Trebuchet MS, arial; 
	font-size: 8pt; 
	background-color: #ebebeb; 
	width:95%; 
	margin: 2px;
	text-align: center; 
}

option.tag { 
	font-family:Trebuchet MS, arial; 
	font-size: 8pt; 
	background-color: lightgrey;
	margin: 2px;
	text-align: center; 
}


li { font-family:Trebuchet MS, arial; }

.title { font-family:Trebuchet MS; font-size:17px; margin-top: 15px; }
.title_newslist { font-family:Trebuchet MS; font-size:14px; font-weight:bold; margin-top: 15px; }

hr {
}

table.list { 
  font-family:Trebuchet MS, arial; 
  border-collapse: collapse;
  border-spacing: 0;
  border-style: double;
	border: solid #D5D5D5; 
	border-width: 0px 0px 2px 0px; 
} 

tr.list_head { 
  font-family:Trebuchet MS, arial; 
  font-weight: bold; 
  color: white;
  background-color: #d2001b;
} 

tr.list_even { 
  font-family:Trebuchet MS, arial; 
  background-color: #ebebeb;
} 

tr.list_odd { 
  font-family:Trebuchet MS, arial;
  background-color: #FFFFFF; 
} 

tr.list_item { 
  font-family:Trebuchet MS, arial; 
  background-color: #a4a462;
} 

table.table { 
  font-family:Trebuchet MS, arial; 
  border-collapse: collapse;
} 

tr.table_head { 
	border-width: 0px 0px 0px 0px; 
} 

td.table { 
  font-family:Trebuchet MS, arial; 
  font-size: 9px; 
	border: solid #7f849e; 
	border-width: 1px;
	padding: 2px; 
} 

table.calendar {   
  font-family:Trebuchet MS, arial; 
  border-collapse: collapse;
  background-color: #e3e3e3;
  border-spacing: 0;
  border-style: double;
	border: solid #7f849e; 
	border-width: 0px 0px 2px 0px; 
} 

tr.calendar_head { 
  font-family:Trebuchet MS, arial; 
  font-weight: bold; 
  color: white;
  background-color: #7f849e;
  font-size: 7pt;
	text-align: center;  
} 

table.calendar tr { 
  font-family:Trebuchet MS, arial; 
  font-size: 7pt;
	text-align: center;  
} 

.dim { 
  color: #7f849e; 
} 

td.current { 
  background-color: #FFFFAA;
  border-style: double;
  border-width: 1px;
  border-color: #000000; 
}  

td.occupied { 
  background-color: #ffffff;
} 

td.currentoccupied { 
  background-color: #FFFFFF;
  border-style: double;
  border-width: 1px;
  border-color: #000000; 
} 

.weekend {
  background-color: #ff7f7f;
}

.weekendoccupied {
  background-color: #ffaaaa;
}

td.week {
  border-spacing: 0;
  border-style: double;
	border: solid #7f849e; 
	border-width: 0px 2px 0px 0px; 
  background-color:#e3e3e3;
}

td.tiny { 
  font-family:verdana, arial; 
  font-size: 7pt; 
} 

select.easy_date {
  font-family: courier new, monospace; 
  font-size: 9pt; 
}

a.menu { 
  font-family:Trebuchet MS, arial; 
  font-size: 9pt; 
  color: black; 
  outline: none;
}
a.menu:hover { 
  font-family:Trebuchet MS, arial; 
  font-size: 9pt; 
  color: black; 
  text-decoration: none;
  outline: none;
}

ol > li {
  list-style-type:square;
}

#login_bubble {display: none; position: absolute; top: 42px; left: 845px; z-index: 310;}

.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
}

.tooltip strong { font-weight: bold; }

.tooltip span.top{padding: 5px 6px 0;
    background: url(/images/bt.gif) no-repeat top}

.tooltip b.bottom{display: block; height: 20px; padding:3px 6px 15px;color: #548912;
    background: url(/images/bt.gif) no-repeat bottom}

.win_outer .win_caption {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
font-weight:bold;
padding:2px;
}


/** New Widget boxes --start-- **/
div.widget-box-container {


}
div.widget-box-container div.outside-widget-box h4 {
    margin:0px;
    padding:5px 3px 5px 0px;
}
div.widget-box-container div.outside-widget-box h3 {
    font-size:12px;
}
div.widget-box-container div.outside-widget-box h4, div.widget-box-container div.outside-widget-box h4 a {
    font-family:"Trebuchet MS";
    font-size:13px;
    font-weight:normal;
    color:#FFF;
}


/* Våra stilar vi erbjuder +-+ START +-+- */

/** [ STYLE SET # 1 ] **/
div.widget-box-container div.black-cap-style {
    /* try to avoid to set a height here, not flexible enough */
    background:url(/bilder/blacktitlelong-l.png) no-repeat scroll left top transparent;
}
div.widget-box-container div.black-cap-style h4 {
    margin-left:9px;
    background: url(/bilder/blacktitlelong-r.png) no-repeat right top transparent;
}
div.widget-box-container div.black-cap-style h4 a {
    color:#FFF;
}


/** [ STYLE SET # 2 ] **/
div.widget-box-container div.annons-default-cap-style {
    /*background-color:#D2001B;*/
    /*background:url(/bilder/blacktitlelong-l.png) no-repeat scroll left top transparent;*/
}
div.widget-box-container div.annons-default-cap-style h4 {
    padding:2px 3px 2px 0px;
    font-size:12px;
    padding-left:9px;
    background-color:#D2001B;
    /*background: url(/bilder/blacktitlelong-r.png) no-repeat right top transparent;*/
}
div.widget-box-container div.annons-default-cap-style h4 a {
    font-size:12px;
    color:#FFF;
}


/* Våra stilar vi erbjuder +-+ END +-+- */


.outside-widget-box p {
    padding:4px 6px 0px 6px;
    color:rgb(153, 153, 153);
}
.outside-widget-box div.list-scroll-box { /* div with varied list content*/
    overflow-y:auto;
    background-color:#FFF;
    /*height:120px; defined inline according to widget SETTINGS */
}
.outside-widget-box div.list-scroll-box p {
    padding-bottom:7px;
    color:rgb(15, 15, 15);
}
/** New Widget boxes --end-- **/