/* **********************************************************************
	UebiMiau is a GPL'ed software developed by 
	 - Aldoir Ventura - aldoir@users.sourceforge.net
	 - http://uebimiau.sourceforge.net São Paulo - Brasil
   		
	***********************************************************************
	Version 3.2.0 Upgrades and templates developed by
	 - Todd Henderson - Lead Developer - http://tdah.us 
	 - Dave Rodgers - Developer - http://www.manvel.net 
	 - Laurent (AdNovea) - Developer - http://adnovea.free.fr
	 
	***********************************************************************
	 - Special thanks to the developers at 
	codeworxtech.com, tinymce.moxiecode.com
	telaen.org, phptoys.com, winged.info, ngcoders.com
	without help this project wouldn't be possible 
	
	***********************************************************************
	- File:			common.css
	- Developer: 	Todd Henderson / Laurent (AdNovea)
	- Date:			November 4, 2008
	- version:		(3.2.0) 1.0
	- Description:  Default sheet: All common styles are in this stylesheet

************************************************************************* */



/* CUSTOM SECTION
   ======================================================================*/ 
	.server { display: block; color: #FFFFFF; }		/* Show or hidden the server names in login screen [display=block,none] */
	.sendbutton { display: none; color: #FF0000; }	/* Show or hidden the possibility to resend and return if sending is too long for debug*/



/* GENERAL STYLES SECTION
   ======================================================================*/ 

	html, body {
		margin: 0px;
		padding: 0px;
		border-width: 1px;
		background-color: #FAFAFA;
	}
	
	td 		{
		font: 11px Verdana; 
		color: #000000;
		text-decoration: none;
	}
	
	body, th, td, input, select, textarea {
		font: 11px Tahoma,Arial,Verdana,Geneva,Helvetica,sans-serif;
		color: #000000;
	}
	
	form {
		margin: 0px;
		padding: 0px;
	}

	input, select, textarea {
		border: 1px solid #E6E6E6;
	}
	
	fieldset {
		padding: 7px;
		border: solid 1px #808080;
	}
	
	legend 	{ color: #99540A; }
	
	hr 		{ border: 1px #EEEEEE groove; }
	
	acronym {
		border: 0;
		padding: 0;
	}
	
	img 	{ border-width: 0px; }



/* SPECIFIC CLASS & ID STYLES SECTION
   ======================================================================*/ 
	BODY .body, .background {
		background: url('../images/skins/default/background.gif') repeat;
	}
		
	.button {
		height: 22px;
		padding: 2px 5px 1px 5px;
		color: #2F3A55;
		font-size: 11px;
		border: 1px solid #DCDCC6;
		background-color: #ECE9D8;
	}
	
	td.bar,
	.tr_bar td {
		color: #000000; 
		font: 11px Verdana; 
		text-decoration: none; 
		background: #F0F0F0 url('../images/skins/default/bar.gif') repeat;
	}
	
	td.bar img {
		vertical-align: middle;
	}
	
	td.bar a {
		color: #000000;
		text-decoration: none;
	}
	
	td.hbar {
		color: #000000; 
		font: 11px Verdana; 
		text-decoration: none; 
		background: url('../images/skins/default/hbar.gif') repeat
	}
	
	td.mbar {
		color: #000000; 
		font: 11px Verdana; 
		text-decoration: none; 
		background: url('../images/skins/default/mbar.gif') repeat
	}
	
	td.lmbar {
		color: #FFFFFF; 
		font: 11px Verdana; 
		text-decoration: none; 
		background: url('../images/skins/default/lmbar.gif') repeat
	}
	
	td.line {
		color: #000000; 
		font: 11px Verdana; 
		text-decoration: none; 
		background: url('../images/skins/default/line.gif') repeat
	}
	
	.textbox { 
		color: #000000; 
		font: 11px Verdana; 
		border: 1px solid #7F9DB9; 
		background-color: #FFFFFF; 
	}


/* Generic styles for tables */

	TABLE.tablecollapsed {
		width: 100%;
		margin: 0;
		border: 0;
		border-collapse: collapse;
	}
	
	TD.nopadding { padding: 0; }


/* Tab styles */

	TABLE.tab { 
		width: 635px;
		border: solid 1px #808080;
		background-color: #F6F6F6; 
	}
	
	.tab_table {
		width: 635px;
		border-collapse: collapse;
	}


/* DISCARDED: TD.tab_blank { border: solid 1px #FFFFFF; } */
	
	TD.tab_info_visible {
		cursor: pointer;
		color: #FFFFFF; 
		background-color: #C1C1EE;
	}
	
	TD.tab_info_visible td 	{ font-weight: bold; }
	
	TD.tab_info_hidden 		{ 
		cursor: pointer;
		background-color: #EBEDED; 
	}
	

	DIV.priority_outer {
		position: absolute;
		z-index: 2;
		visibility: hidden;
		left: 170px;
		top: 84px;
		width: 100px;
		border-style: solid;
		border-width: 1px;
		border-top-color: #D4D0C8;
		border-left-color: #D4D0C8;
		border-right-color: #404040;
		border-bottom-color: #404040;
	}
	
	DIV.priority_inner {
		border-left:1px solid #FFFFFF; 
		border-right:1px solid #808080; 
		border-top:1px solid #FFFFFF; 
		border-bottom:1px solid #808080; 
		width: 100%;
	}
	
	DIV.tab_visible { display: block; }
	
	DIV.tab_hidden 	{ display: none; }
	
	DIV.showmodal	{ border: 0; display: block; }
	
	DIV.hidemodal	{ border: 0; display: none; }
	

/*  */

	TD.folders_visible {
		background-color: #FFFFFF;
		border-top: 1px #404040 solid;
		border-left: 1px #404040 solid;
		border-right: 1px #FFFFFF solid;
		border-bottom: 1px #FFFFFF solid;
		width: 250px;
		padding: 0;
	}
	
	TD.folders_hidden {
		width: 1px;
	}


/* Folder pages */

	.listtable td {
		border-top: dashed 1px #E2E7EB;
		padding: 1px 4px 1px 4px; 
	}	
	
	TABLE.folders_inner {
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 1px;
		border-top-color: #404040;
		border-left-color: #404040;
		border-right-color: #D4D0C8;
		border-bottom-color: #D4D0C8;
	}
	
	TD.folders_outer {
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 1px;
		border-top-color: #808080;
		border-left-color: #808080;
		border-right-color: #FFFFFF;
		border-bottom-color: #FFFFFF;
	}


/*  */

	.status { 
		color: #FF0000;
		padding-left: 150px;
		white-space: nowrap;
	}


/* Contact pages */
	
	.quicklist { width: 300px; }


/* Highligh item in a list */
	.menu {
		margin: 0;
		padding: 0;
		z-index: 30; 
		color: #000000;
		font-size: 8pt; 
		font-weight: normal;
		text-decoration: none; 
	}	
			
	.menu li {
		float: left;
		width: 100%;
		height: 26px;
		margin: 0;
		padding-left: 0px; 
		padding-right: 0px; 
		list-style-type: none; 
		font: normal 11px Verdana; 
	}
	
	.menu li a {
		display: block;
		width: 100%;
		padding: 4px 0 4px 0; 
		color: #000000;
		text-decoration: none; 
	}
	
	.hover_color,
	.menu li a:hover {
		background: #C1C1EE;
	}

	a:link .menu,
	a:visited .menu,
	a:hover .menu {
		font: 11px Verdana; 
		color: #000000;
		vertical-align: text-bottom;
		text-decoration: none; 
	}
	


TABLE.login 	{ background-image: url('../images/skins/default/login.gif'); }	
/*	LOGIN PAGE & BAD-LOGIN
   -----------------------------------------*/
	BODY.login_body	{ background: url('../images/skins/default/background.gif') repeat; }

	.login_body .container { 
		width: 450px;
		height: 281px;
		margin : 0;
		padding: 0;
		border: 0;
		background: url('../images/skins/default/login.gif') repeat; 
	}
	
	.login_body .box { 
		border: 0;
		margin: 0;
		padding: 4px;
		width: 100%;
	}
	.login_body .box td { 
		color: #FFFFFF;
	}

	.login_body .title {
		text-align: center;
		font: bold 18pt Bookman Old Style; 
		text-decoration: none; 
	}

	.login_body .info {
		margin: 0;
		padding: 0 5px 2px 0;
		vertical-align: text-bottom;
		color: #FFFFFF;
		text-align: right;
		font: italic 8pt Arial;
	}

	.login_body .textbox {
		width: 175px;
		height: 22px;
	}



/*	ALL PAGES
   -----------------------------------------*/
	.bodypage 	{ background-color: #FAFAFA; }
	
	.content	{ border: solid 1px #CCCCCC;  }
	
	.page_color	{ background: #FFFFFF; }	/* page that contents mail bodies, lists) */

	.under_line { border-bottom: solid 1px #CCCCCC; }
	.upper_line { border-top: solid 1px #CCCCCC; }
	
	.pagetitle {
		height: 48px;
		padding: 0;
		margin: 0;
		border-bottom: solid 1px #CCCCCC;
		background: transparent url('../images/skins/default/background.gif') 0 0 repeat;
	}
	
	.pagetitle .title {
		float: left;
		padding: 10px 0 0 10px;
		font: bold 14pt Arial;
		color: #FFF000;
	}
	
	.pagetitle .image {
		float: right;
		padding-right:48px;
		vertical-align: middle;
	}

	.text_body {
		width: 100%;
		height: 100%;
		background-color: #FFFFFF;
	}
	
	/* style for links in messages such as To/Cc/Bcc/Attachment */
	.msg_links a:link, .msg_links a:visited {
		font: 11px Verdana; 
		color: #0000FF;
		text-decoration: none;
	}

	.msg_links a:hover {
		color: #808080;
	}
	


/*	NAVIGATION (multiple pages)
   -----------------------------------------*/ 
	.navbar			{ color: #000000;  }
	.navbar a 		{ color: #0000C1; font-weight: bold; text-decoration: none; }
	.navbar a:hover { color: #CCCCCC; }



/*	TOP BANNER
   -----------------------------------------*/ 

	.header {
		padding: 0;
		color: #FFFFFF; 
		font: bold 18px Bookman Old Style; 
		text-decoration: none;
		background: url('../images/skins/default/header.gif') repeat;
	}
	
	.date {
		color: #FFFFFF; 
		font: 11px Verdana; 
		text-decoration: none 
	}

	.login_time {
		font: bold 11px Verdana;
		color: #FFFFFF;
		padding: 0 10px 0 0;
	}



/*	TOOLBAR
   -----------------------------------------*/ 
	#topleft, #topright {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#topright 		{ float: right; width: 250px; }
	#topleft 		{ float: left; display:inline; }
	#topleft li 	{ float: left; }
	#topright  li 	{ float: right; }
	
	#topleft li a,
	#topright li a	{ 
		display: inline;
		color: #000000;
		text-align: left;
		vertical-align: bottom;
		text-decoration: none; 
	}
	#topleft li a 	{ padding: 3px 2px 0px 2px; }
	#topright  li a { padding: 3px 10px 0px 2px; }

	/* Scroll down menu */	
	#topleft div {
		position: absolute;
		visibility: hidden;
		top: 73;
		margin: 0;
		padding: 0;
		background: #FFFFFF;
		border: 1px solid #5970B2;
	}
	
	#topleft div a	{
		position: relative;
		display: block;
		margin: 0;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		color: #000000;
		font: normal 11px Arial; 
		padding: 4px 10px 4px 10px; 
		background: none 0% 0% repeat scroll;
	}
	
	/* Cusor highlight */
	#topleft div a:hover,
	#topleft li a:hover,
	#topright li a:hover{
		background: #C1C1EE;
	}

	#topleft li a.separator:hover,
	#topright li a.separator:hover { background: none; } /* avoid hover above the separator in FF */



/* LEFT PANEL : TREE, MENU & VERTICAL SEPARATOR
   -----------------------------------------*/ 
   
	.v_separaror { 
		width: 7px; 
		background-color: #FAFAFA;
	}

	.panel {
		width: 200px;
		border: solid 1px #CCCCCC; 
	}
   
	.innercontent {
		width: 100%;
		border-collapse: collapse;
		background-color: #FFFFFF;
	}
	
	.trees .title {
		height: 19px;
		text-align: center;
		font-weight: bold;
		border-bottom: solid 1px #CCCCCC;
	}
   
	.trees .tree_item,
	.trees .tree_empty {
		height: 20px;
		cursor: pointer;
	}
	
	.trees .tree_item img,
	.trees .tree_empty img {
		vertical-align: middle;
	}
	
	.trees .tree_hover {
		background: #C1C1EE;
	}
	
	.menus .title {
		font-weight: bold;
		color: #FFFFFF;
	}



/* POPUP
   -----------------------------------------*/ 
   TABLE.popup {
		width: 100%; 
		height: 100%; 
		padding: 0; 
		margin: 0;
		border-collapse: collapse;
   }
	.popup td {
		padding: 0 5px 0 5px; 
	}
	
	.popup fieldset {
		padding: 0px;
	}



/* READ MESSAGE PAGE & MESSAGE LIST
   -----------------------------------------*/ 
	BODY.readmsg {}

	

/* CHAT PAGE
   -----------------------------------------*/ 
	.i_frame {
		width: 100%;
		height: 90%;
		margin: 0;
		padding: 0;
		border: 0;
		background-color: #FFFFFF; 
	} 



/* COMPOSE MESSAGE 
   -----------------------------------------*/
	BODY.compose .textbox { width: 200px; }



/* ADRESSBOOK PAGE
   -----------------------------------------*/ 
	BODY.addresscards .textbox { width: 430px; }



/* FOLDERS PAGE
   -----------------------------------------*/ 
	BODY.folders .title { width: 200px; }
	
	BODY.folders .textbox { width: 200px; }
	
	BODY.folders .new_box { 
		float: left; 
		width: 300px; 
		padding-top: 5px;
	}



/* SEARCH PAGE
   -----------------------------------------*/ 
	BODY.search .textbox { width: 400px; }



/* PREFERENCE PAGE
   -----------------------------------------*/ 
	.preferences .info {
		width: 580px;
		margin: 0;
		padding-top: 0px;
		color: #808080;
		text-align: right;
		font: italic 8pt Arial;
	}

	.preferences #htmleditor {
		width: 100%;
/*		height: 300px; 	height shall be placed into the <textarea> for FF (preferences.htm) */
	}



/* HELP PAGE
   -----------------------------------------*/ 
   
	.help a:link, .help a:visited { 
		font-weight: normal; 
		color:#4444FF;
		text-decoration: none; 
	}
	
	.help a:hover { color:#888888; }
	
	.help .tab { width: 100%; }
	
	.help DIV.tab_visible,
	.help DIV.tab_hidden {
		padding: 0;
		overflow: auto;
	}
	
	.help_title {
		height: 20px;
		padding: 5px;
		margin: 0;
		color: #FFFFFF;
		font: bold 11pt Arial;
		background: #888888;
	}
	
	.help_text { 
		padding: 15px; 
		text-align: justify;
		font: normal 9pt Arial;
	}

	.help_section {
		width: 400px; 
		margin: 20px 0 5px 0;
		padding: 2px 5px ;
		font: bold 10pt Arial;
		color: #616188;
		border: solid 1px #444444;
		background-color: #EEEEEE;
	}
	
	.help .infos {
		width: 359px; 
		height: 224px; 
		
		border: 0; 
		background: transparent url('../images/help/login.gif') 0 0 no-repeat;
	}
	
	.help .infos td { padding: 0 10px 0 10px; color: #FFFFFF; }
	.help .infos a:link,
	.help .infos a:visited { font-weight: normal; color: #AAAAFF; }



/* Attatchments
   -----------------------------------------*/ 
   
/* Start Show/Hide layer CSS style */
<!-- ***** -->

.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	background-color:#E5E5E6;
	width:100%;
	margin-bottom:0px;
	margin-top:0px;
	padding-left:2px;
	height:0px;
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border-bottom:1px solid #BEBEC2;
	/* background-color:#F7F7F8; */
	width:100%;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:0px;
	font-size:0.9em;	
	position:relative;
}




	
/* ----- Layers classes ------ */