*					{ 	font-family: Trebuchet MS, sans-serif; font-size:12px; }
body				{ 	background: #ebebeb; margin: 0px; }
body.telia          {   background: #818177; margin: 0px; }
body.ef          	{	background: #e6e6e6 url(/images/bak_toning.gif) repeat-x; position:relative; margin: 0px; }
body.print_ef     	{	background: #ffffff; position:relative; margin: 10px; }

body#print			{	background: #ffffff; position:relative; margin: 10px; }
body#tinymce    	{	background-color: #ffffff !important; }

h1					{	font-size: 18px; margin: 0px; }
h2					{	font-size: 16px; margin: 0px; }
h3					{	font-size: 14px; margin: 0px; }
h4					{	font-size: 12px; margin: 0px; }
h5					{	font-size: 11px; margin: 0px; }
h6					{	font-size: 10px; margin: 0px; }

.fontSize1			{	font-size: 10px; margin: 0px; }
.fontSize2			{	font-size: 11px; margin: 0px; }
.fontSize3			{	font-size: 12px; margin: 0px; }
.fontSize4			{	font-size: 14px; margin: 0px; }
.fontSize5			{	font-size: 18px; margin: 0px; }
.fontSize6			{	font-size: 24px; margin: 0px; }
.fontSize7			{	font-size: 36px; margin: 0px; }



.title				{	font-size: 18px; margin: 0px; }

.btn				{	margin: 10px 0px 5px 0px;	}
.arrow				{	float:right; margin: 6px 6px 0px 0px;	}
.arrow img			{	border:0px; cursor:pointer;	}	

.GoogleAds			{
                        margin-top: 39px;
                        width: 729px;
						height: 90px;
						/* border: 1px solid #cccccc; */
						overflow:hidden;
						float: left;
					}

.menu				{	padding: 0px;
						font-size: 12px; 
						text-transform:uppercase;
						width: 203px;
						border-bottom: 1px solid #FFFFFF;
					}
					
.menu_under			{	padding: 6px 0px 6px 0px;
						font-size: 12px; 
						text-transform:uppercase;
						width: 205px;
						border-bottom: 1px solid #FFFFFF;	
					}


.menu_wrapper		{	width: 215px; background:#e5e5e5; margin-bottom:1px; }					

.menu a, .menu_first a  { color: #597721; }
                    
a					{	text-decoration: none; color: #597721; font-family: Trebuchet MS, sans-serif;}
a:hover				{	text-decoration: none; color: #a0c632; font-family: Trebuchet MS, sans-serif;}

#head               { 	
						/* text-align: center; 
						left: 50%; 
						margin-left: -612px;
						position:absolute; */
						width: 980px; 
						margin-left:20px;
					}

#head_logo			{
                        margin-top: 20px;
                        width: 246px;
						height: 119px;
						border-bottom:1px;
                        float: left;
                        position:relative;
					}

#head_line			{	width:100%;
						height: 26px;
						border-bottom:1px solid #dddfdf;
						border-top:1px solid #dddfdf;
						background-color:#FFFFFF;
					}

#main_middle		{	position:absolute;
						/* left:50%; */
						width:980px;
						/* margin-left:-612px; */
						/* margin-top:130px; */
						margin-left:20px;
					}

#middle_left		{	
						width:239px; 
						float:left; 
						margin:0px 20px 0px 0px; 
					}
					
.middle_left_top	{	background-image:url(/images/left_box_top.gif); 
						width:239px;
						height:51px;
						color:#FFFFFF;
					}
					
body.telia .middle_left_top	{	background-image:url(/images/telia_left_box_top.gif); 
					}
body.ef .middle_left_top	{	background-image:url(/images/ef_left_box_top.png); 
					}
					
.middle_left_top strong	{
                        font-size: 11px;
                        font-weight: normal;
                        padding: 20px 0 0px 51px;
                        display: block;
                    }
body.ef .middle_left_top strong	{
                        font-size: 11px;
                        font-weight: normal;
                        padding: 20px 0 0px 20px;
                        display: block;
                    }
                    
.middle_left_content{	background:url(/images/left_box_back.gif) repeat-y; 
						width:229px;
						
						padding-left:12px;
					}

.middle_left_content_box	{ width:215px; }
											
.middle_left_bot	{	background-image:url(/images/left_box_bot.gif);
						width:239px;
						height:13px;
						margin-bottom:15px;
					}

/* Middle right container boxes */
#middle_right		{	
						width:704px; 
						float:left; 
					}
.middle_right_top_plain	{	background-image:url(/images/right_box_top_plain.gif); 
						width:704px;
						height:13px;
						color:#FFFFFF;
						text-transform:uppercase;
					}

.middle_right_top strong	{
                        font-size: 11px;
                        font-weight: normal;
                        padding: 19px 0 0px 20px;
                        display: block;

                    }
.middle_right_top strong a	{
                        color: #FFFFFF;
						font-size: 11px;
                        font-weight: normal;
                    }

.middle_right_top .help {
                        position: absolute;
                        right: 19px;
                        top: 19px;
}
                    
.middle_right_top2 strong	{
                        font-size: 11px;
                        font-weight: normal;
                        padding: 19px 0 0px 20px;
                        display: block;
                    }
.middle_right_top2 strong a	{
                        color: #FFFFFF;
						font-size: 11px;
                        font-weight: normal;
                    }
                    
.middle_right_top	{	background-image:url(/images/right_box_top.gif); 
						width:704px;
						height:51px;
						color:#FFFFFF;
                        position: relative;                        
					}
                    
body.telia .middle_right_top	{	background-image:url(/images/telia_right_box_top.gif); 
					}
body.ef .middle_right_top	{	background-image:url(/images/ef_right_box_top.png);
								text-transform:uppercase; 
					}
					
body.ef .middle_right_top2	{	background-image:url(/images/ef_right_box_top_2.png);
								text-transform:uppercase; 
								width:704px;
								height:51px;
								color:#FFFFFF;
							}					


.middle_right_content{	background:url(/images/right_box_back.gif) repeat-y; 
						width:704px;
						
					}
					
.middle_right_bot	{	background-image:url(/images/right_box_bot.gif);
						width:704px;
						height:13px;
                        /* margin-bottom: 8px; */
					}
					
.middle_right_head_bot	{	background-image:url(/images/right_box_bot.gif);
						width:704px;
						height:13px;
                        margin-bottom: 14px;
					}
										
.middle_right_content .left_column { width: 340px; float: left; }
.middle_right_content .right_column { width: 340px; float: left; padding-left: 0px; }

/* Middle right container 2 column variant inside a .middle_right_container */
.middle_right_top_2col	{
                        background-image:url(/images/application_nav_bg.png); 
						width: 330px;
						height:26px;
						color:#FFFFFF;
                        margin-left: 15px;
					}
body.telia .middle_right_top_2col	{
                        background-image:url(/images/ef_application_nav_bg.png);
						}
body.ef .middle_right_top_2col	{
                        background-image:url(/images/ef_application_nav_bg.png);
						}


.middle_right_top_1col	{
                        background-image:url(/images/application_nav_bg.png); 
						width:250px;
						height:26px;
						color:#FFFFFF;
                        margin-left: 15px;
					}
                    
body.telia .middle_right_top_1col	{
                        background-image:url(/images/ef_application_nav_bg.png);
						}
body.ef .middle_right_top_1col	{
                        background-image:url(/images/ef_application_nav_bg.png);
						}
												
.middle_right_top_2col strong, .middle_right_top_1col strong	{
                        float: left;
                        font-size: 11px;
                        font-weight: normal;
                        padding: 5px 0 0 3px;
                        display: block;
}

.middle_right_top_2col .collapse, .middle_right_top_1col .collapse	{
/*                        background-image:url(/images/application_nav_arrow_down.png); */
                        height: 26px;
                        width: 5px;
                        float: left;
                        display: block;
}

.middle_right_content_2col {
                margin-left: 15px;
                width: 328px;
				border-bottom: 1px solid #dddddd;
				border-left: 1px solid #dddddd;
				border-right: 1px solid #dddddd;
				
                }

.middle_right_content_1col {
                width: 250px;
                }

                    
/* Profile */
.profile_data { margin-left: 15px; margin-bottom: 15px; width:670px; }
.profile_menu	{ position:absolute; top:124px; left: 279px; color:#FFFFFF; }
.profile_menu strong a	{
                        color: #FFFFFF;
						font-size: 11px;
                        font-weight: normal;
                    }


/* Application toolbar */
#toolbar            {
}

#toolbar #applications {
    margin: 0px 15px 0px 15px;
    background: transparent url(/images/application_nav_bg.png) repeat-x 0px 37px;
    height: 65px;
    display: block;
}
body.telia #toolbar #applications {
    background: transparent url(/images/telia_application_nav_bg.png) repeat-x 0px 37px;
						}
body.ef #toolbar #applications {
    background: transparent url(/images/ef_application_nav_bg.png) repeat-x 0px 37px;
						}						

#toolbar .application img {
    margin: 0px;
}

#toolbar .application .icon {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    height: 32px;
    width: 32px;
}


#toolbar .application_hover strong {
    font-weight: bold;    
}

#toolbar .application strong {
                    display: block;
                    text-align: center;
                    background-image: url(/images/application_nav_bg.png);
                    height: 21px;
                    border-right: 1px solid #829252;
                    font-size: 11px;
                    font-weight: normal;
                    padding: 5px 0 0 0;
                    color: #ffffff;
}
body.telia #toolbar .application strong {
                    background-image: url(/images/telia_application_nav_bg.png);
					}
body.ef #toolbar .application strong {
                    background-image: url(/images/ef_application_nav_bg.png);
					}

#toolbar .application {
                    display: block;
                    float: left;
                    width: 96px;
}

#toolbar .application {
                        clear: before;
}

#toolbar .application * { cursor: pointer; }

#toolbar .application_logout {
                    display: block;
                    float: left;
                    width: 60px;
}


/* Widget descriptions dialogs */
.widget-description     { width: 400px; border: 1px solid #000000; }
.widget-description .header  { margin: 10px 10px 0px 10px; background-image: url(/images/application_nav_bg.png); height: 26px; width: 380px; font-size: 11px; color: #ffffff; }
body.telia.widget-description .header  { background-image: url(/images/telia_application_nav_bg.png); }
body.ef.widget-description .header  { background-image: url(/images/ef_application_nav_bg.png); }

.widget-description .header strong { display: block; float: left; font-size: 10px; color: #ffffff;padding: 5px 0 3px;  }
.widget-description .header .collapse { display: block; float:left; height: 26px; width: 10px; }
.widget-description .header .simplemodal-close { display: block; float: right;padding:5px; }
.widget-description p, .widget-description form   { margin-left: 15px; margin-right: 15px;  }

/* Special height for static widgets on frontpage */
body.ef .widget-header-start {
    color: #ffffff;
    background: url(/images/ef_widget_top.png);
    width: 230px;
    height: 38px;
    padding: 0;
    /*padding-left: 47px;
    padding-top: 14px;
    padding-bottom: 0px;
    padding-right: 0px;*/
}

body.ef .widget-header-start strong { margin-left: 17px; margin-top: 18px; float: left; font-size: 10px; }

body.ef .widget-content-start {
  padding: 5px 13px 10px 13px;
  background: url(/images/widget_middle.gif) repeat-y ;
  height: 150px;
  width: 203px;
}

/* Calendar modal input box */
#calendarModalInput iframe { border: 0px; width: 430px; height: 360px; margin: 0px 10px 0px 10px; }
#calendarModalInput .header { width: 430px; text-transform: uppercase;}

/* Modal Iframe input box */
#modalIframe        { height: 100%; padding: 10px 10px 10px 10px; }
#modalIframe iframe { width: 430px; height: 442px; border: 0px;  }
#modalIframe iframe.full {  width: 100%; height: 94%;  }
#modalIframe .header { width: 100%; margin: 0px; text-transform: uppercase;}

/* Modal Layer input box */
.modalLayer .header { width: 430px; text-transform: uppercase;}
.modalLayer p { margin: 0px 14px 0px 14px; }
.modalLayer strong { display: block; font-size: 13px; font-weight: bold; }

/* Family member list */
.familyMembersList { float: left; width:240px; height:225px; overflow-y: auto; }
.familyMembersList div.member { width:220px; display: block; float:left; height: 52px; margin-bottom: 2px; border-bottom: 1px dotted #CCCCCC; }
.familyMembersList div.member span { display: block; float: left;  }
.familyMembersList div.member span.avatar { overflow: hidden; width: 50px; height: 50px; border: 0px solid #dddddd; margin: 0px 5px 0px 0px;  }
.familyMembersList div.member span.name { width:120px; padding: 0px 0px;  }
.familyMembersList div.member span.lastlogin { width:120px; padding: 0px 0px 0px 0px; color:#999999; font-style:italic;    }
.familyMembersList div.member span.actions {  padding: 2px 0px 0px 5px;  }
.familyMembersList div.member span.actions img { cursor: pointer; padding-left: 3px; }

/* Send Message form */
textarea#message { height: 200px; width: 260px; }

/* Mailbox */
#mailbox { float: left; height:205px; overflow:auto; width:328px; padding-top: 5px; }
#mailbox div.message { width:305px; display: block; clear: both; margin: 7px 3px 7px 0px; border-bottom: 1px dotted #dddddd; }
#mailbox div.message span { display: block; float: left;  }
#mailbox div.message span.date { display: block; float: right; color:#999999; font-style:italic;  }
#mailbox div.message span.message { display: block; float: left; width:220px;  }
#mailbox div.message span.message_type { display: block; float: right; width:20px;  }
#mailbox div.message img { margin:2px 5px 7px 5px; border: 0px; }
#mailboxdiv div.message span.avatar { overflow: hidden; width: 50px; height: 50px; border: 1px dotted #dddddd; margin: 0px 10px 5px 5px;  }

/* Files Archive */
/*	TREE START	*/
#frm_tree			{}
#frm_tree *			{cursor: default; -moz-user-select: none;}
#frm_tree div		{clear: left; height: 16px; margin: 1px 0px 0px 0px; padding: 1px 0px 0px 1px; overflow: hidden;}
#frm_tree nobr		{}
#frm_tree img		{height: 16px; width: 16px;}
#frm_tree span		{padding: 1px 2px 2px 2px; margin: 0px 0px 0px 2px;}
#frm_tree div div	{margin-left: 16px;}
#frm_tree .active	{background: #FFCF86;}

.frm_tree           { float: left; width: 120px; }
#frm_workarea       { float: left; width: 550px; }
#files_content      { height: 450px; }

#tool_bar           { height: 20px; }
#tool_bar .tool, #tool_bar .tool_disabled { cursor: default; display: inline; float: left; padding-right: 8px;   }
#tool_bar .tool_disabled { opacity: 0.4; }
#tool_bar .divider { float: left; }


table.list { 
  	font-family:arial,Trebuchet MS,verdana, arial;
  	border-collapse: collapse;
  	border-spacing: 0;
	border: solid #7f849e; 
	border-width: 0px 0px 1px 0px;
	
} 

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

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

/*	FORUM	*/
#box_top_forum {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	float: left;
	width: 150px;
	height: 13px;
	padding: 5px 10px 5px 10px;
	background-color: #7ddd62;
	color:#FFFFFF;
	margin-bottom:10px;
	display:none;
	
}

#box_top_forum_wide {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	float: left;
	width: 655px;
	height: 13px;
	padding: 5px 10px 5px 10px;
	background-color: #7ddd62;
	color:#FFFFFF;
	margin-bottom:10px;
	display:none;
	
}

#nytt_inlagg {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	float: left;
/*	width: 100%; */
	height: 13px;
	padding: 5px 10px 5px 10px;
	background-color: #7ddd62;
	color:#FFFFFF;
	margin-bottom:10px;
	
}

#senaste_forum_box {
	border-bottom: 1px solid #008124;
	border-top:  1px solid #008124;
	margin-bottom:0px;

}

#senaste_forum_post {
	border-bottom: 1px solid #7ddd62;
	padding: 10px 0px 10px 0px;

}


/* Friends list */

#friends_head { width:529px; border-bottom:1px dotted #dddddd; }

#friends { float: left; width:529px;}
#friends div.friends_row	{ background-color:#FFFFFF; margin-top:3px; padding: 2px 5px 0px; width: 519px; height:40px;}
#friends div.friends_row span.name	{ display:block; float:left; width: 225px; margin-left: 0px;	}
#friends div.friends_row span.address	{ display:block; float:left; width: 270px; margin-left: 25px;	}
#friends div.friends_row span.phone	{ display:block; float:left; width: 150px; margin-left: 10px;	}
#friends div.friends_row span.prop	{ display:block; float:left; width: 20px; text-align:right;	}
#friends div.friends_row span.star	{ display:block; float:left; width: 20px; margin-right: 8px;	 }
#friends div.friends_row span img		{ border: 0px;	}

#friends div.friends_row_odd	{ background-color:#EBEBEB; margin-top:3px; padding: 2px 5px 0px; width: 519px; height:40px;}
#friends div.friends_row_odd span.name	{ display:block; float:left; width: 225px; margin-left: 0px;	}
#friends div.friends_row_odd span.address	{ display:block; float:left; width: 270px; margin-left: 25px;	}
#friends div.friends_row_odd span.phone	{ display:block; float:left; width: 150px; margin-left: 10px;	}
#friends div.friends_row_odd span.prop	{ display:block; float:left; width: 20px; text-align:right;	}
#friends div.friends_row_odd span.star	{ display:block; float:left; width: 20px; margin-right: 8px;	 }
#friends div.friends_row_odd span img		{ border: 0px;	}


/* Friends_list include */
#friends_list { height:210px; overflow:auto; padding-top:0px; }
#friends_list div.favorite_row	{ border-bottom: 1px dotted #dddddd; margin-top:0px; padding: 2px 0px 5px 10px; height:23px;}
#friends_list div.favorite_row span.name	{ display:block; float:left; width: 190px; margin-left: 5px;	}
#friends_list div.favorite_row span.prop	{ display:block; float:left; width: 20px; text-align:right;	}
#friends_list div.favorite_row span.star	{ display:block; float:left; width: 20px;	}
#friends_list div.favorite_row span img		{ border: 0px;	}

/* Friends_list include 
#friends_list { float: left; height:205px; overflow:auto; width:328px; padding-top:5px; }
#friends_list div.favorite_row	{ border-bottom: 1px dotted #dddddd; margin-top:3px; padding: 2px 5px 0px; width: 295px; height:23px;}
#friends_list div.favorite_row span.name	{ display:block; float:left; width: 190px; font-weight:bold; font-size-adjust: 0.6; margin-left: 5px;	}
#friends_list div.favorite_row span.address	{ display:block; float:left; width: 270px; margin-left: 25px;	}
#friends_list div.favorite_row span.prop	{ display:block; float:left; width: 20px; text-align:right;	}
#friends_list div.favorite_row span.star	{ display:block; float:left; width: 20px;	}
#friends_list div.favorite_row span img		{ border: 0px;	}
*/

.group_edit { text-align:right; color: #cccccc; }

.favorite {
    width: 16px;
    height: 16px;
    float: right;
    display: block;
    background-image: url(/images/star_on.png);
    cursor: pointer;
}

.favorite_off {
    background-image: url(/images/star_off.png);
}

.groups {	margin-top:0px; }

.groups .group {
    height:20px;
    width:125px;
    border-bottom:1px dotted #dddddd;
}

.groups .group a { float: left; }

.groups .group a.open_group { width: 90px; overflow: hidden; height: 16px; }
.groups .edit_group a.open_group { width: 60px; overflow: hidden; height: 16px; }

.groups .group span.group_nr { float: right; }
.groups .group span.edit_group { float: right;  }
.groups .group span.remove_group { float: right;  }
.groupList div.group form input { width: 123px; border: 1px solid #dddddd; }
.groupList div.group span.edit_group { display: none; }
.groupList div.group span.remove_group { display: none; }
.groupList div.edit_group span.edit_group { display: block; }
.groupList div.edit_group span.remove_group { display: block; }
.groups .group span.edit_group a img { border: 0px;  }
.groups .group span.remove_group a img { border: 0px;  }


div.today { float:right; width:265px; height:225px; margin: -10px 0; }
div.today iframe    { width:269px; height:225px; border: 0px; }

.no_info	{ padding:0px 10px 10px 10px; }
.no_info p	{ font-weight:bold; font-size-adjust:0.6; }

.no_messages	{ display: block; padding: 15px 10px 10px 10px; font-weight:bold; font-size-adjust:0.6; }


#leftEventCalendar  { width: 210px; height: 455px; overflow-y: scroll; padding-right: 3px;}

/* Calendar participants box */
#calendarParticipants { margin-top: -157px; width: 234px; height: 160px; overflow-x: hidden; overflow-y: auto; }
.uColor             { margin: 3px 0px 3px 8px; -moz-user-select: none; height: 20px !important; width: 205px; }
.uColor input       { margin-left: 4px; margin-right: 4px; margin-top: 3px; }
.uColor label       { display: block; padding-top: 3px; }

/* Calendar user colors - Duplicated from eCalendars.css    */
/* those are defined in Family_Create as well               */
.lightblue			{background-color: #b3c3e4; border: #7f96c5 1px solid;}
.lightblue .eHead	{background-color: #7f96c5;}
.lightblue .body	{color: #283d68;}

.white              {background-color: #f0f0f0; border: #cccccc 1px solid;}
.white .eHead	    {color: #000000; background-color: #b3c3e4;}
.white .body	    { color: #283d68;}

.blue				{background-color: #668cd9; border: #2952a3 1px solid;}
.blue .eHead		{background-color: #2952a3;}

.lightgreen			{background-color: #91DE7A; border: #5DAF45 1px solid;}
.lightgreen .eHead	{background-color: #5DAF45;}
.lightgreen .body	{color: #000;}

.green				{background-color: #55db3b; border: #25b50a 1px solid;}
.green .eHead		{background-color: #25b50a;}
.green .body		{color: #000;}

.lightred			{background-color: #e083a8; border: #b4517a 1px solid;}
.lightred .eHead	{background-color: #b4517a;}

.red				{background-color: #ff4d64; border: #e3001e 1px solid;}
.red .eHead			{background-color: #e3001e;}

.cyan				{background-color: #4af5de; border: #00dabc 1px solid;}
.cyan .eHead		{background-color: #00dabc;}
.cyan .body			{color: #000;}

.yellow				{background-color: #ffdf4d; border: #e3b900 1px solid;}
.yellow .eHead		{background-color: #e3b900;}
.yellow .body		{color: #000;}

.brown				{background-color: #d5b67a; border: #a38242 1px solid;}
.brown .eHead		{background-color: #a38242;}

.purple				{background-color: #cb7ad5; border: #9842a3 1px solid;}
.purple .eHead		{background-color: #9842a3;}

.silver				{background-color: #b9b9b9; border: #8f8f8f 1px solid;}
.silver .eHead		{background-color: #8f8f8f;}

.orange				{background-color: #FF944D; border: #FF6600 1px solid;}
.orange .eHead		{background-color: #FF6600;}
.orange .body		{color: #612700;}