/* -- DEFAULTS --*/
body {
	width: 100%;
	background: #FFF ;
	margin: 0; padding: 0;
}
body, td, div, input, textarea, select, button {
	font-size: 12px; color: #666;
	font-family: "Trebuchet MS", Verdana, Arial;	
	/*font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;*/
}
div { background: #fff;}
td {vertical-align: bottom; padding: 2px;}
table { empty-cells: show; }
form {
	padding:0; 
	margin: 0;
	text-align: left;
}
form table td{
	text-align: left;
	vertical-align: top;
	padding: 2px;
}
textarea {
	overflow: auto;
}
a.normal:link {
	text-decoration: underline;
}
a.normal:visited {
	text-decoration: underline;
}
a.normal:hover {
	text-decoration: underline;
}
a.normal:active {
	text-decoration: underline;
}

label { font-weight: bold;}
input {
	height: 20px;
}
input, textarea {
	width: 200px;
	border: 1px solid #999;
	padding-left: 2px;
	padding-right: 2px;
	background: #fff;
	margin:0;
}

select {
	width: 204px;
	height: auto;
	border: 1px solid #999;
	background: #fff;
}

select.listbox{
 	overflow: auto;
 	border: 1px solid #999;
 	border-style: 
}

a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: none;
	color: #FF9900;;
}
a:active {
	text-decoration: none;
	color: #999;
}

hr {
	border: 1px solid #999;
}
h1 {
	color: #000;
	font-weight: normal;
	font-size: 20px;
	padding: 5px; 
	margin: 0px;
	font-family: "Times New Roman";
}
h2 {
	padding: 0; 
	padding-bottom: 10px; 
	margin: 0;
	color: #D28960;
	font-weight: bold;
	font-size: 16px;
}
h3 
{
	padding: 0; 
	padding-bottom: 10px; 
	margin: 0;
	color: #309DB5;
	font-size:14px;
}
legend {
	color: #309DB5;
	font-size:14px;
	font-weight: bold;
	padding: 5px;
	padding-bottom: 10px;
}
p	{	
	text-align: justify;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}
img {border: none;}
dt {
	color: #865EA7;
	font-weight: bold;
	padding-bottom: 5px;
}
dd {
	text-align: justify;
	padding-bottom: 10px;
}
select option {
	padding: 1px;
}
optgroup {
	color: #D28960;
	font-weight: bold;
	font-style:italic;
	font-size:12px;
}
optgroup option {
	color: #666;
}

/* -- COMMON CLASSES -- */
table.filter td {
	padding: 0 2px 0 2px;
}
table.filter td.label {
	font-size: 10px;
	color: #309DB5;	
	text-align: left;
}
td.tdlabel {
	width: 150px;
	text-align: left;
	font-weight: bold;
	padding-right: 4px;
	background: #E6F7FB;
}
td.tdtitle {
    cursor: default;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold;
	border-bottom: 1px solid #999;
	color: #309DB5;
}
td.tdtitle2 {
    cursor: default;
	text-align: right;
	vertical-align: bottom;
	font-weight: bold;
	border-bottom: 1px solid #999;
	color: #309DB5;
}

td.tdtitle a:link {
	color: #309DB5;
}
td.tdtitle a:visited {
	color: #309DB5;
}
td.tdtitle a:hover {
	color: #D28960;
}	
td.tdtitle a:active {
	color: #D28960;
}	


td.tdfooter {
	text-align: right;
	vertical-align: center;
	border-top: 1px solid #999;
	color: #999;
	padding: 2px;
}
td.note {
	font-style: italic;
	color: #D28960;
}
td.tdsubmit {border: 1px solid #999; text-align: right;}
tr.rowbg1 {background: #fff;}
/*tr.rowbg2 {background: #E6F7FB;}*/
tr.rowbg2 {background: #F0F8FF;}

input.button, button { 
	border: 1px solid #999;
	border-style: solid;
	background: #E6F7FB;
	font-weight: bold;
	color: #309DB5;
	width: auto;
	height: 24px;
	padding: 0;
	margin: 0;
}
input.readonly {
	background: #F5F5DC;
	color: #999;
	/* border-style: inset;*/
}
button.navi {
	border: 1px outset #309DB5;
	height: 100%;
}
span.button {
	border: 1px solid;
	background: #E6F7FB;
	font-weight: bold;
	color: #309DB5;
	width: auto;
	height: 13px;
	padding: 3px;
	margin: 5px;	
}
table.navi td {
	border: 1px solid #309DB5;
	background: #E6F7FB;
	text-align: center;
	font-size: 20px;
}
input.opt { 
	border: none;
	width: auto;
	background: none;
}

a.edit:link {
	color: #309DB5;
	text-decoration: none;
	font-weight: bold;
}
a.edit:visited {
	text-decoration: none;
	color: #309DB5;
	font-weight: bold;
}
a.edit:hover {
	text-decoration: none;
	color: #FF9900;;
	font-weight: bold;
}
a.edit:active {
	text-decoration: none;
	color: #999;
	font-weight: bold;
}

.negative		{color: red;}
.errmsg			{color: red; padding: 0; margin:0; }
.sucmsg			{color: #A52A2A; font-weight: bold; padding: 0; margin:0;}

ul.buttons {
	position: relative;
	margin: 0; padding: 0;
	text-align: left;
	list-style-image: url('./img/arrow.gif');
	list-style-position: inside;
}
/*
ul.buttons li {
	height: 20px;
	float: right;
	padding-left:15px;
}
*/


/* PARTS */
div#header {
	position: absolute; top: 0; left: 0;
	height: 34px; width: 98%;
	background: #fff;
	border: 1px solid #999;	
	margin: 5px;
	padding: 0;
}
div#header h1 {
	padding-left: 100px;
}

div#footer {
	position: relative; 
	color: #999;
	background: #fff;
	border: 1px solid #999;
	margin-left: 170px;
	margin-right: 15px;
	font-style: italic;
	height: 40px;
}
div#footer p {
	background: #fff;
	margin: 0;
	padding: 5px;
	text-align: left;
}
div#footer span {
	float: right;
}
div#maincontent {
	padding: 10px;
	border: 1px solid #999;	
	margin-top: 45px;
	margin-left: 170px;
	margin-right: 15px;
	margin-bottom: 5px;
	voice-family: "\"}\"";
	voice-family: inherit;
		margin-top: 45px;
		margin-left: 170px;
		margin-right: 15px;
		margin-bottom: 5px;
	}
html>body div#maincontent {
		margin-top: 45px;
		margin-left: 170px;
		margin-right: 15px;
		margin-bottom: 5px;
	}
	
div#logo {
	background: #fff url('./img/elishatelecom.jpg') no-repeat;
	position: absolute;
	top: 7px; left: 20px;
	width: 77px; height: 31px;
}	
div#authmenu {
	background: #fff;
	width: 160px;
	position: absolute; top: 40px; left: 0;
	margin: 5px;
	border: 1px solid #999;	
}
div#authmenu ul {
	margin: 10px;
	padding-left: 20px;
}
div#authmenu ul li {
	list-style-position: outside;
	list-style-image: url("./img/bullet.gif");
}
div#user {
	background: #fff; color: #D28960;
	position: absolute; top: 10px; right: 20px;
}
div#livechat {
	background: #fff;
	width: 160px;
	height: 50px;
	position: absolute; top: 370px; left: 0;
	margin: 5px;
	border: 1px solid #999;	
}
div#misc {
	background: #E6F7FB;
	width: 150px;
	position: absolute; top: 423px; left: 0;
	margin: 5px;
	border: 1px solid #999;	
	padding: 5px;
}
div#misc table td {
	padding: 2px;
}
#news {
	color: #DE6A2D;
	font-weight: bold;
	padding: 5px;
}

.online {
	color: green;
	font-weight: bold;
}
.offline {
	color: red;
	font-weight: bold;
}
.tip {
	font-size: 11px;
	font-weight: normal;
	border:solid 1px #666666; 
	width:150px; 
    padding:5px; position:absolute; z-index:100; visibility:hidden; color:#333333;
      top:20px; left:90px; background-color:#F0E68C; layer-background-color:#ffffcc;
    text-align: justify;
}
.helpover {
     cursor: help;
}
.helpout {
     cursor: default;
}

/* for tooltip without javascript (not used yet) */
a.help{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;
    border-bottom: 1px solid #F2AF1D;
    }
a.help:hover{
    z-index:25;
    background-color:#F2AF1D;
    }

a.help span{
    display: none;
    }

a.help:hover span{
    display:block;
    position:absolute;
    top:2em;
    left:-10em;
    width:25em;
    border:1px solid #F2AF1D;
    background-color:#FDF1D5;
    color:#000;
    text-align:justify;
    font-size:10px;
    font-weight:normal;
    padding:3px;
    line-height:15px;
    }
a.help:hover b{
    white-space:nowrap;
    display:inline;
    font-size:small;
    }
a.help:hover img{
    float:none;
    margin:5px;
    vertical-align:middle;
    border-style:none;
    border-width:0;
    }

    
div#topleft {	
	width: 100%;
	position: relative;
	background: #fff url('./img/border_corner_topleft.gif') no-repeat fixed top left;
}