/****************************************************************
 * VISION PBX CSS
 *
 * Victor NOAGBODJI Dec 2006
 *
 ****************************************************************
*/

/*---------------------------------------------------------------
 * BASE STYLES
 *---------------------------------------------------------------
*/
body
{
	margin: 0; 
	color: #4c4c4c; 
	background-color: #eff4fb;
	font: 62.5%/1.3em "Lucida Grande", Verdana, sans-serif; 
}

a
{
	color: #1e6cc3; 
}

a:hover
{
	color: #4c4c4c;
}

img, img a, a img
{
	border: none;
}

body *
{
	margin: 0;
	padding: 0;
}

body p
{
	margin-bottom: 1.0em; 
}
	
h1,h2,h3,h4,h5,h6
{
	font-size: 1.0em;
	font-weight: normal;
}

/*---------------------------------------------------------------
 * LAYOUT
 *---------------------------------------------------------------
*/

#header 
{
	background: url("../images/3/bg-header.png") top left repeat-x;
}

#main
{
}

#footer
{
}

/*---------------------------------------------------------------
 * HEADER
 *---------------------------------------------------------------
*/

#headtext 
{
	height: 84px;
	width: 780px;
	margin: 0 auto;
	background: url("../images/3/bg-headtext.png") top left repeat-x;
}

#header h1
{
	margin: 5px 0;
	padding: 0;
	padding-left: 15px;
}

#header h1 
{
	float:left;
}

/* simulate mapping */
#header h1 a 
{
	width: 184px;
	line-height: 48px;
	display:block;
	text-indent: -9000px;
}

#header p 
{
	float: left;
	width: 400px;
	padding-left: 25px;
}

#header form
{
	display: inline;
}

/*---------------------------------------------------------------
 * MAIN 
 *---------------------------------------------------------------
*/

#maintext
{
	width: 760px;
	margin: 0 auto;
	padding: 30px 0;
}

#earth
{
	float: left;
	width: 200px;
	padding-top: 172px;
	background: url("../images/3/earth.png") top right no-repeat;
}

#earth ul
{
	list-style: none;
}

#earth ul li
{
	padding-left: 60px;
}

#earth ul li.first
{
	padding-left: 50px;
}

.p-login
{
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}

p strong#type-appels
{
	float: left;
}

/*---------------------------------------------------------------
 * PANELS 
 *---------------------------------------------------------------
*/

div.panel,
div.big-panel,
div.panel-nocontent
{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	/* double margin bug fix */
	display: inline;
	/* double margin bug fix */
}

div.panel
{
	width: 258px;
	height: 258px; 	
	overflow: auto;
}

div.panel table>tbody 
{  
	/* child selector syntax which IE6 and older do not support*/
	overflow-x: hidden;
	overflow: auto; 
	height: 170px;
}

div.panel thead th
{
	position:relative; 
	top: expression(document.getElementById("data").scrollTop-2); /*IE5+ only*/
}

div.panel td:last-child 
{
	padding-right: 20px; /*prevent Mozilla scrollbar from hiding cell content*/ 
} 

/*div.panel tbody 
{
	width: 100%;
	height: 170px;
	overflow-x: hidden;
       	overflow-y: auto;
}*/

div.panel tbody.noscroll
{
	height: auto;
	overflow: visible;
}

div.big-panel
{
	width: 538px;
}

div.panel,
div.big-panel
{
	background-color: #fff;
	border: 1px solid #8face3;	
}

div.panel h2,
div.big-panel h2
{
	font-weight: bold;
	padding: 0.48em 8px 0.48em 28px;
	border-bottom: 1px solid #8face3;
	/* because of panel buttons */
	position: relative;
	zoom: 1;
}

#panel-1 h2
{
	background: #cfdcf3 url("../images/3/book_open.png") center left no-repeat;
}

#panel-2 h2,
#panel-3 h2,
#panel-4 h2
{
	background: #cfdcf3 url("../images/3/page_white_text.png") center left no-repeat;
}

div.panel h2 span.panel-buttons,
div.big-panel h2 span.panel-buttons
{
	top: 0;
	right: 0;
	margin: 0;
	position: absolute;
	padding: 0.48em 8px;
	white-space: nowrap;
}

#panel-1-content p,
#panel-3-content p
{
	width: 95%;
	margin: 8px auto 10px;
}

#panel-2-content p,
#panel-4-content p
{
	width: 95%;
	margin: 10px auto 20px;
	text-align: right;
}

#panel-4-content p
{
	text-align- left;
}

#panel-2-content p a,
#panel-3-content p a
{
	color: #4c4c4c;
	font-weight: bold;
}

#panel-4
{
	display: none;
}

div.panel-nocontent
{
	width: 250px;
	background: url("../images/3/bg-panel-nocontent.png") right top no-repeat;
}

div.panel-nocontent div
{
	padding: 8px;
	background: url(../images/3/bg-panel-nocontent-head.png) left top no-repeat;
}

/*---------------------------------------------------------------
 * TABLES
 *---------------------------------------------------------------
*/

table
{
	width: 99%; /* 100% produces horiz scroll in mozilla */
	margin: 0; 
	padding: 0; 
	border-collapse: collapse;
}

#panel-2-content table,
#panel-4-content table
{
	width: 90%;
	margin: 0 auto 20px;
}

th,td
{
	vertical-align: top; 
	text-align: left;
}

#panel-2-content th,
#panel-2-content td,
#panel-4-content th,
#panel-4-content td
{
	border-left: 1px solid #bfd0ef;
}

#panel-2-content th.first-child,
#panel-2-content td.first-child,
#panel-4-content th.first-child,
#panel-4-content td.first-child
{
	border-left: none;
}

th
{
	padding: 0.48em 8px;
	white-space: nowrap;
	background-color: #ffffd9;
}

td
{
	padding: 0.48em 8px;
	background-color: #eff4fb;
}

tr.alt td
{
	background-color: #fff;
}


/*---------------------------------------------------------------
 * FOOTER 
 *---------------------------------------------------------------
*/

#footertext
{
	width: 760px;
	margin: 0 auto;
	padding: 8px 0 16px;
	border-top: 1px solid #8face3;
	background: url("../images/3/bg-footer.png") top left no-repeat;
}

#footertext p
{
	padding-left: 114px;
}

/*---------------------------------------------------------------
 * FORMS
 *---------------------------------------------------------------
*/

.form
{
	margin: 0;
	width: 155px;
	padding: 2px;
	color: #8c8c8c;
	font-weight: bold;
	border: 1px solid #8face3;
}

input#appel-direct
{
	padding: 4px 24px;
	background: #fff url("../images/3/telephone.png") left no-repeat;
}

input#live_search_string
{
	padding: 4px 24px;
	background: #fff url("../images/3/zoom.png") left no-repeat;
}

img.middle
{
	vertical-align: middle;
}

/*---------------------------------------------------------------
 * HACKS
 *---------------------------------------------------------------
*/

/* clearfix hacks */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */