/* traction.se */

*					{font-family: Arial; font-size: 11px;}

body {				background-image:url('/include/images/clean_site_background.gif') repeat-y;
					line-height: 20px;
					background-color: #F4F4F4;
					}
td, p				{line-height:13px;}

.helaskiten			{background-color:#FFFFFF; width:850px;}

#puff div {			margin-bottom:0px; padding:10px; }

/*	LAYOUT START	*/
.tbl_base			{width: 825px; margin:10px; font-family:Arial, Helvetica, sans-serif;}


.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: "Arial", "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; 
}

input.fancy, select.fancy, textarea.fancy  {
  font-family: Arial, 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;
} 

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

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

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


li { font-family:Arial, arial; }

.title { font-family:Arial; font-size:17px; color: #790326; font-weight:bold; line-height:normal; }

hr {
}

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

tr.list_head { 
  font-family:Arial, arial; 
  font-weight: bold; 
  color: white;
  background-color: #D5D5D5;
} 

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

tr.list_odd { 
  font-family:Arial, arial; 
  background-color: #e3e3e3;
} 

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

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

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

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

table.calendar {   
  font-family:Arial, 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:Arial, arial; 
  font-weight: bold; 
  color: white;
  background-color: #7f849e;
  font-size: 7pt;
	text-align: center;  
} 

table.calendar tr { 
  font-family:Arial, 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:Arial, arial; 
  font-size: 9pt; 
  color: black; 
  outline: none;
}
a.menu:hover { 
  font-family:Arial, arial; 
  font-size: 9pt; 
  color: black; 
  text-decoration: none;
  outline: none;
}



/* Drop down menu */

#menu {
  float: left;
  width: 815px;
  margin-bottom:5px;
  background-color: #f5eee8;
  line-height: normal;
  padding: 0px 0px 0px 10px;
}

#menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menu ul li {
  list-style: none;
}

#menu ul li a {
  float: left;
  display: block;
  text-decoration: none;
  color: #f5eee8;
}

#menu ul.horizontal li.level1 {
  float: left;
  height: 15px;
  padding: 0px;
  padding: 3px 5px 3px 5px;
  background-color: #f5eee8;
}

#menu ul.horizontal li.level1 a {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #666666;
}

#menu ul.horizontal li.level1 a:hover {
}


#menu ul.horizontal > li.level1 a {
  width: auto;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu ul li a { float:none; }
/* End IE5-Mac hack */

#menu ul.dropdown,
#menu ul.flyout {
  position: absolute;
  top: 0px; 
  left: 0px;
  visibility: hidden;
  width: 135px;
  background-color: #f5eee8;
}

#menu ul.dropdown li.level2,
#menu ul.flyout li.level3 {
}

#menu ul.dropdown li.level2 a,
#menu ul.flyout li.level3 a {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #666666;
  padding: 3px 5px 3px 5px;
}

#menu ul.dropdown li.level2 a:hover,
#menu ul.flyout li.level3 a:hover {
  color: #666666;
  background-color: #FFFFFF;
}