/* easyinteraction.se */

body		{background: #FFF url(../images/site2/bg_body.gif) 50% 0px repeat-y; position: relative; font-family:Tahoma;}

/*
#calendar	{position: absolute; top: 100px; left: 100px; z-index: 100; border: #AAA 1px solid;}
*/


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

/*	HEADER START	*/
.td_header a:hover	{color: #000;}

.m_item				{padding: 0px 0px 0px 10px; float: left; height: 50px;}
.m_item span		{padding: 0px 5px 0px 0px; float: left;}
.m_item span a		{padding: 18px 0px 0px 0px; float: left; cursor: pointer; height: 56px; white-space: nowrap; color: #376088;}

.m_item_on			{padding: 0px 0px 0px 15px; float: left; background: url(../images/site2/tab_start.png) 0px 0px no-repeat; height: 50px;}
.m_item_on span		{padding: 0px 15px 0px 0px; float: left; background: url(../images/site2/tab_end.png) 100% 0px no-repeat; height: 50px;}
.m_item_on span a	{padding: 18px 0px 0px 0px; float: left; height: 50px; background: url(../images/site2/tab_body.png) 0px 0px repeat-x; cursor: default; color: #000; white-space: nowrap;}

/*	IE6 HACK	*/
* html .m_item_on			{background-image: url(../images/site2/tab_start.gif);}
* html .m_item_on span		{background-image: url(../images/site2/tab_end.gif);}
* html .m_item_on span a	{background-image: url(../images/site2/tab_body.gif);}
/*	HEADER END	*/

/* FLAPS START */
.tab_row			{height: 31px; padding: 3px 0px 0px 5px;}
.tab_row *			{cursor: default;}
.tab_row_div		{position: absolute;}
.tab_body			{background: url(/images/bg_tab_content.gif) 0px 1px repeat-x; padding: 6px 4px 8px 4px; }
.tab_content		{display: none;}

.flap				{float: left; padding: 0px 0px 0px 3px; background: url(/images/flap_off_s.gif) 0px 0px no-repeat; margin: 2px 0px 0px -1px;}
.flap span			{float: left; padding: 0px 3px 0px 0px; background: url(/images/flap_off_e.gif) 100% 0px no-repeat;}
.flap span span		{float: left; padding: 8px 8px 0px 8px; background: url(/images/flap_off_m.gif) 0px 0px repeat-x; color: #179; height: 26px; cursor: pointer;}

.flap_down			{float: left; padding: 0px 0px 0px 3px; background: url(/images/flap_on_s.gif) 0px 0px no-repeat; margin: 0px 0px 0px -1px;}
.flap_down span		{float: left; padding: 0px 3px 0px 0px; background: url(/images/flap_on_e.gif) 100% 0px no-repeat;}
.flap_down span span{float: left; padding: 9px 8px 0px 8px; background: url(/images/flap_on_m.gif) 0px 0px repeat-x; color: #000; height: 30px;}

.flap_over span span{color: #963;}

.cont_border		{ border: 1px solid #dddddd; width: 600px; }


/* FLAPS END */
/*	BODY START	*/
.promo						{width: 750px; float: left; clear: both; margin: 10px 0px 20px 0px;}
.promo *					{cursor: default; color: #333;}
.promo h3					{font-weight: normal;}
.promo_text					{padding: 6px 0px 0px 0px;}
.promo_img					{float: right; margin: 0px 0px 0px 12px;}

.rc_box						{width: 240px; float: left; margin: 0px 12px 10px 0px; position: relative;}
.rc_head					{float: left; width: 100%; height: 20px; background: #F7F7F7 url(../images/site2/rc_t.gif) 0px 0px repeat-x; padding: 4px 0px 0px 0px; font-weight: bold;}
.rc_head .tl				{float: left; width: 7px; height: 24px; background: url(../images/site2/rc_tl.gif) no-repeat; margin: -4px 0px 0px 0px;}
.rc_head .tr				{float: right; width: 7px; height: 24px; background: url(../images/site2/rc_tr.gif) no-repeat; margin: -4px 0px 0px 0px;}
.rc_body					{clear: both; padding: 4px 6px 4px 4px; min-height: 140px; background: #F7F7F7 url(../images/site2/bg_rc_box.gif) 0px 0px repeat-x; border: #bcbcbc 1px solid; border-bottom: 0px;}
.rc_foot					{float: left; width: 100%; height: 8px; background: #F7F7F7 url(../images/site2/rc_t.gif) 0px 100% repeat-x; line-height: 1px;}
.rc_foot .bl				{float: left; width: 7px; height: 8px; background: url(../images/site2/rc_bl.gif) no-repeat;}
.rc_foot .br				{float: right; width: 7px; height: 8px; background: url(../images/site2/rc_br.gif) no-repeat;}
* html .rc_body				{height: 125px;}

.module						{float: left; padding: 0px 0px 20px 0px;}
.module_icon				{float: left; margin: 5px 10px 0px 0px;}
.module_text				{float: left; width: 490px;}

.product .rc_body			{padding: 3px 6px 4px 105px; height: 140px;}
.prod_box					{position: absolute; top: 38px; left: -58px;}
/*	BODY END	*/

/*	FOOTER START	*/

/*	FOOTER END	*/

/* FLAPS START */
.tab_row			{height: 31px; padding: 3px 0px 0px 5px;}
.tab_row *			{cursor: default;}
.tab_row_div		{position: absolute;}
.tab_body			{background: url(/images/bg_tab_content.gif) 0px 1px repeat-x; padding: 6px 4px 8px 4px; }
.tab_content		{display: none;}

.flap				{float: left; padding: 0px 0px 0px 3px; background: url(/images/flap_off_s.gif) 0px 0px no-repeat; margin: 2px 0px 0px -1px;}
.flap span			{float: left; padding: 0px 3px 0px 0px; background: url(/images/flap_off_e.gif) 100% 0px no-repeat;}
.flap span span		{float: left; padding: 8px 8px 0px 8px; background: url(/images/flap_off_m.gif) 0px 0px repeat-x; color: #179; height: 26px; cursor: pointer;}

.flap_down			{float: left; padding: 0px 0px 0px 3px; background: url(/images/flap_on_s.gif) 0px 0px no-repeat; margin: 0px 0px 0px -1px;}
.flap_down span		{float: left; padding: 0px 3px 0px 0px; background: url(/images/flap_on_e.gif) 100% 0px no-repeat;}
.flap_down span span{float: left; padding: 9px 8px 0px 8px; background: url(/images/flap_on_m.gif) 0px 0px repeat-x; color: #000; height: 30px;}

.flap_over span span{color: #963;}

.cont_border		{ border: 1px solid #dddddd; width: 600px; }


/* FLAPS END */



/* iframe styles */

iframe.advanced { font-family: "Tahoma", "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; 
}

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

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

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

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


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

.title { font-family:Tahoma, Trebuchet MS; font-size: 140%;}

hr {
}

table.list { 
  font-family:Tahoma, 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:Tahoma, Trebuchet MS, arial; 
  font-weight: bold; 
  color: white;
  background-color: #D5D5D5;
} 

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

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

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

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

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

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

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

table.calendar tr { 
  font-family:Tahoma, 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:Tahoma,verdana, arial; 
  font-size: 7pt; 
} 

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

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

/* Select signup process  */
table#select_signup input#package_bas, table#select_signup input#package_silver, table#select_signup input#package_gold	 {
	margin-top: 10px;	
}


table#select_signup p.package_price {
	font-size: 16px;
	color: #ff0000;
	float: right;	
}

table#select_signup h2 {
	font-size: 14px;
	font-weight: bold;
}

table#select_signup label {
	font-size: 11px;
	font-weight: bold;
}