.comWindow{
width:99%;
clear:both;
border:#999999 solid 1px;
}
#l2CW{
height:250px;
overflow:auto;
background-color:#EFFFEF;
display:none;
}
#messages{
height: auto; 
padding: 5px; 
border: 1px #00ff00 solid;
}

#expire{
height:100%; 
width:100%; 
z-index:10000; 
background-color:#FFCCCC; 
position:absolute; 
top:0px; 
left:0px;
font:"Courier New", Courier, monospace;
font-size:14px;
text-align:center;
}
.listOptions{
float:left; 
clear:both;
}
.notifyPad{
height:250px; 
clear:both; 
border:0px #DDDDFF solid; 
overflow:auto; 
margin-bottom:6px;
}
.mm2{
float:left;
width:250px;
margin-right:6px;
border:1px solid #CCC;
height:99%;
}
.mm3{
width:40px;
float:right;
border:1px solid #CCC;
height:99%;
text-align:center;
}
.miniMenu{
clear:both;
border:1px solid #CCC;
height:25px;
margin-bottom:6px;
}
.mm1{
float:left;
}
.kApps{
padding:4px;
float:left;
cursor:pointer;
}
.column1{
border:0px solid #111111; 
width:677px;
float:left; 
margin-left:6px;
margin-right:3px;
}
.column1a{
clear:both; 
border:1px solid #000; 
align:right!important;
height:25px; 
width:100%; 
margin-bottom:6px;
}
.column1b{
width:160px;
height:400px;
float:left; 
margin-right:6px;
overflow:auto; 
overflow-x:hidden; 
overflow-y:hidden;
}
.column1c{
width:511px; 
float:left; 
margin-bottom:30px;
}
.column2{
width:300px; 
float:right; 
margin-left:3px;
margin-right:6px; 
}
.bizMenu{ 
font:Tahoma, Sylfaen, sans-serif;
font-size:12px;
clear:both;
height:30px;
padding-left:3px;
float:left;
cursor:pointer;
}
.infobox{
cursor:pointer; 
position:absolute;
padding:10px;
border:1px #FF0000 solid;
z-index:200px;
left:500px;
top:350px;
background-color:#CCCCCC;
}
#hideButton{
display:none; 
float:left; 
cursor:pointer; 
margin-left:20px;
} 
/* 
ticker
*/

.bbcclass{
width: 400px;
padding: 0px;
background-color: #FFFFFF;
}
.rsstitle{ 
font-weight: bold;
}
.rssdate{ 
color: gray;
font-size: 85%;
}
.rssdescription{
}

.dhtmlwindow{
position: absolute;
border: 0px solid black;
visibility: hidden;
background-color: ;
}


@charset "utf-8";
/* CSS Document 
Project:     Kitnes User Application Interface
Project URL: httt://www.kitnes.com
Description: ----------------------------------------
             ----------------------------------------
Author: ADS MEDIA Agency
Author's URL: MyGhanaonline.com
--------------------------------> Base
----------------------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  font: 12px Tahoma, Arial, Helvetica, sans-serif;
  text-align: center;
  background: #fe0000/*#ffffff;*/;
  color: #666;
}

table, td, tr, ul, li, p, lo, form,  h1,
h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

table {
 font: 11px Tahoma, Arial, Helvetica, sans-serif;
 color: #666;
 background: white;
}

a, a:active {color: #656599; text-decoration: none;}

a:hover {text-decoration: underline; color: #006}

img {border: 0}

strong {
  color: #5484a3;
}
/*--------------------------> Style Forms
--------------------------------------------------------------*/
.go {background: url(images/go.gif) no-repeat top left; border: none; height: 24px; width: 40px; cursor: pointer}
select.styleS{border:1px solid #9cbfd4!important; padding: 1px 0!important; width: 140px; color: #666; background: #fcfcfc; font: 12px Tahoma, Arail, Geneva, sans-serif}
select.styleS option{border:none; padding: 0; color: #666; background: #fcfcfc}
.send {background: url(images/send.gif)no-repeat top left; border: none; height: 26px; width: 65px; cursor: pointer}
.lib-dir-search {font-size: 12px; width: 156px;	height: 20px; padding: 3px 0 0 22px; background:  url(../images/ldInput.gif) no-repeat;
margin-right: 0; color: #aeadad; border:none;}
/*--------------------------> Main style
--------------------------------------------------------------*/
div#main-wrapper {
  height: 100%;
  margin: 0 auto;
  width: 990px;
  border-left: 3px solid white;
  border-right: 3px solid white;
  background: white;
}

div#main-wrapper table {
  background: white;
}
/*--------------------------> Top Style
--------------------------------------------------------------*/
table tr td#userSettings {
  background: url(../images/top_BgStyle.gif) repeat-x top left;
  height: 25px;
  border-bottom: 1px solid #e0e0f3;
  padding: 0;
}

table tr td#userSettings tr td#siteName {/*Style site name KITNESS*/
 font: bolder 14px Tahoma, Arial, Helvetica, sans-serif;
 color: #476094;
 padding: 0 0 0 5px;
}

table tr td#userSettings table {/*Inner table for top td table transparent*/
  background: transparent;
  height: 28px;
}

table tr td#userSettings table tr td#userInfo {/*Top user links*/
  width: 720px;
  text-align: center;
}

td#mainSearch {
 padding-right: 5px;
}

fieldset.search {
	border: none;
	width: 220px;
	margin: 0 auto;
	padding: 0;
}

.search input, .search button {
	border: none;
	float: right;
}

input.box {
	font-size: 12px;
	width: 190px;
	height: 20px;
	padding: 3px 0 0 22px;
	background:  url(images/searchInput.gif) no-repeat;
	margin-right: 0;
	color: #aeadad;
	border:none;
}
/*--------------------------> User Photo
--------------------------------------------------------------*/
table tr td#userPhoto {/*Current users Photo Display*/
  width: 234px;
  height: 150px;
  border-bottom:1px solid #d7e9f5;
}
/*--------------------------> Main Menu Style
--------------------------------------------------------------*/
table tr td div#mainMenu {
  width: 745px;
  margin: 0 auto;
}

table tr td div#mainMenu ul {
 list-style-type: none;
 height: 60px;
 margin-left: 5px;
}

table tr td div#mainMenu ul li {
  float: left;
}

table tr td div#mainMenu ul li a{
 display: block;
 float: left;
 height: 55px;
 width: 44px;
 padding: 4px 20px 0 22px;
 line-height: 18px;
 margin-right: 4px;
 text-decoration: none;
 text-align: center!important;
 font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

table tr td div#mainMenu ul li a:active{
  color: #006;
} 

table tr td div#mainMenu ul li a:hover{
  text-decoration: underline;
  color: #006;
}  

table tr td div#mainMenu ul li a img {
  border: none;
  margin-bottom: 4px;
}
/*--------------------------> Sub menu Style
--------------------------------------------------------------*/
#subMenu {
  padding: 0 0 2px 3px;
  height: 16px;
}

.a1, .a2, .a3, .a4{font-size:1px; overflow:hidden; display:block;}
.a1 {height:1px; background:#ececec; margin:0 5px;}
.a2 {height:1px; background:#fafafa; border-right:2px solid #ddd; border-left:2px solid #ececec; margin:0 3px;}
.a3 {height:1px; background:#fafafa; border-right:1px solid #ddd; border-left:1px solid #ececec; margin:0 2px;}
.a4 {height:2px; background:#fafafa; border-right:1px solid #ddd; border-left:1px solid #ececec; margin:0 1px;}
.contenta {background: #fafafa;padding: 0px 5px; border-right:1px solid #ececec; border-left:1px solid #ececec;}
.contenta div {height: 20px;}
.contenta div p {margin: 0; padding: 0 3px; display:block; float: right}
div#hotNewsHeadline {float: left; padding-top: 3px}
div#hotNewsHeadline span {color: red; font-weight: bold}
/*--------------------------> Other menus style
--------------------------------------------------------------*/
#otherMenus {
  padding: 4px 0 2px 3px;
}

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#ddd; margin:0 5px;}
.b2 {height:1px; background:#f1f1f1; border-right:2px solid #ddd; border-left:2px solid #ddd; margin:0 3px;}
.b3 {height:1px; background:#f1f1f1; border-right:1px solid #ddd; border-left:1px solid #ddd; margin:0 2px;}
.b4 {height:2px; background:#f1f1f1; border-right:1px solid #ddd; border-left:1px solid #ddd; margin:0 1px;}
.contentb {background: #f1f1f1; height: 320px; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.contentb div {margin: 0!important;}
.contentb div p.btext{margin: 0; padding: 4px 0 5px 0; text-align: center; 
 margin-bottom: 5px; color: #5484a3; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.contentb div ul {list-style-type: none; padding-top 10px}
.contentb div ul li a {
	background: #fff;
	height: 20px;
	font:  12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999;
	display: block;
	width: auto;
	padding: 4px 0;
	padding-left: 12px;
	text-decoration: none;
	border-bottom: 1px solid #f2f2f2;
}

.contentb div ul li a:visited, .contentb div ul li a:active{
   color: #999;
}

li.rmBorderbuttom a {
  border-bottom: none!important;
}

.contentb div ul li a:hover{
  background: #fafafa;
  color: #036;
  text-decoration: none;
}
/*--------------------------> User Mail Tools Style
--------------------------------------------------------------*/
table tr td#userTools{
  border-bottom:1px solid #e0e0f3;
  border-left: 0px;
}

table tr td#userTools table tr td.openPanel {
  background: url(images/top_BgStyle.gif) repeat-x;
  padding-left: 10px;
  font-weight: bold;
  border-bottom:1px solid #ddd;
}

table tr td#userTools table tr td.searchInbox {
  padding: 2px 2px;
  font-weight: bold;
  background: #eeeeee;
}

div#menu_display {
 padding: 2px;
 height: 100%;
}

textarea.styled {
	height: 100%;
	width: 100%;
	border: 0;
	padding: 1px;
	font: 11px  Tahoma, sans-serif;
	border:1px solid #e4e4e4;
}

textarea#styled:hover {
  border:1px solid #c7cee5;
  background: #fafafa;
}

.input {
  border:none;
  margin-left: 2px;
  background: url(images/input.gif) no-repeat;
  width: 140px;
  height: 20px;
  color: #adadad;
  padding: 4px 0px 2px 6px;
  font: 11px Tahoma, Geneva, sans-serif;
}

.button{
  border: 0px;
  background: url(images/submitBg.gif) repeat-x;
  color: #f1f1f1;
  font-size: 11px;
  padding: 3px 7px;
  cursor: pointer;
  margin: 0 0 0 2px;
}

td.mRight{
 text-align: right;
}

td#notification-Icon {
 padding-right: 10px;
}

td#notification-Icon a {
  padding: 0 2px;
}


p.attach-File {
  width: 150px;
  height: 22px;
  border-top: none;
  text-align: right;
  float: right;
  margin-right: 1px;
  background: url(images/attachFile.gif) no-repeat right top;
}
/*--------------------------> Mail Details Style
--------------------------------------------------------------*/
table#mailInfo tr td{
  padding: 4px 0 2px 7px;
  margin: 0;
  color: #989797;
  font-weight: 550;
}
/*--------------------------> Stats Info Style
--------------------------------------------------------------*/
table tr td#statsInfo {
  background: #fff;
}
/*--------------------------> Workspace Style
--------------------------------------------------------------*/
table tr td#workspace {
  padding: 4px 2px 2px 3px;
}

.c1, .c2, .c3, .c4{font-size:1px; overflow:hidden; display:block;}
.c1 {height:1px; background:#e0e0f3; margin:0 5px;}
.c2 {height:1px; background:#fff; border-right:2px solid #e0e0f3; border-left:2px solid #ddd; margin:0 3px;}
.c3 {height:1px; background:#fff; border-right:1px solid #e0e0f3; border-left:1px solid #ddd; margin:0 2px;}
.c4 {height:2px; background:#fff; border-right:1px solid #e0e0f3; border-left:1px solid #ddd; margin:0 1px;}
.contentc {background: #fff; height: 320px; border-right:1px solid #e0e0f3; border-left:1px solid #ddd;}
.contentc div {margin-left: 5px;}
/*--------------------------> Icon menus
--------------------------------------------------------------*/
table tr td#icon-menu {
  width: 80px;
  padding: 4px 0 0 0;
}

.m1, .m2, .m3, .m4{font-size:1px; overflow:hidden; display:block;}
.m1 {height:1px; background:#e0e0f3; margin:0 5px;}
.m2 {height:1px; background:#fff; border-right:2px solid #e0e0f3; border-left:2px solid #ddd; margin:0 3px;}
.m3 {height:1px; background:#fff; border-right:1px solid #e0e0f3; border-left:1px solid #ddd; margin:0 2px;}
.m4 {height:2px; background:#fff; border-right:1px solid #e0e0f3; border-left:1px solid #ddd; margin:0 1px;}
.contentm {background: #fff; height: 320px; border-right:1px solid #e0e0f3; border-left:1px solid #ddd;}
.contentm div {margin-left: 1px;}

.contentm div ul {
  list-style-type: none;
  margin: 0; 
  padding: 0;
}


.contentm div ul li a {
	background: #fff;
	height: 20px;
	font:  11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #036;
	display: block;
	width: auto;
	padding: 4px 6px;
	padding-left: 12px;
	text-decoration: none;
	border-bottom: 1px solid #f2f2f2;
	text-align: right;
}

.contentm div ul li a:visited, .contentb div ul li a:active{
   color: #036;
}

li.rmBorderbuttom a {
  border-bottom: none!important;
}

.contentm div ul li a:hover{
  background: #fafafa;
  color: #999;
  text-decoration: none;
}

.contentm div ul li a span {
  color: red;
  padding-right: 5px;
}
/*--------------------------> userProfile
--------------------------------------------------------------*/
td#userProfile {
  padding: 0px 0px 60px 0px; margin: 0px;
}

.menu {background:#f6f6ff; border-bottom:1px solid #98bad1; width:234px; padding: 4px 0 0 0;}
.menu ul {margin:0px; padding:0px; list-style:none; text-align: right }
.menu li {display:inline;}
.menu li a {color:#5484a3; text-decoration:none; padding:4px 5px 4px 5px;line-height:19px; }
.menu li a.tabactive {color:#5484a3; font-weight: bold;  background:#ffffff; position:relative;border:1px solid #98bad1; border-bottom:none;}
.menu li a:hover {text-decoration: none}
#tabcontent1, #tabcontent2, #tabcontent3, #tabcontent4, #tabcontent5, #tabcontent6, #tabcontent7, #tabcontent8 
{width:234px; padding:10px 0 0 0; font-size:11px; height: 100%; }
#tabcontent1 p, #tabcontent2 p, #tabcontent3 p, 
#tabcontent4 p, #tabcontent5 p {margin: 0; padding: 2px 0px 2px 4px}
/*--------------------------> Adverts Style
--------------------------------------------------------------*/
table tr td#adverts {
  padding: 4px 0 3px 3px;
}

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#e0e0f3; margin:0 5px;}
.b2 {height:1px; background:#fff; border-right:2px solid #e0e0f3; border-left:2px solid #ddd; margin:0 3px;}
.b3 {height:1px; background:#fff; border-right:1px solid #e0e0f3; border-left:1px solid #ddd; margin:0 2px;}
.b4 {height:2px; background:#fff; border-right:1px solid #e0e0f3; border-left:1px solid #ddd; margin:0 1px;}
.contentb {background: #fff; height: 320px; border-right:1px solid #e0e0f3; border-left:1px solid #ddd;}
.contentb div {margin-left: 5px;}
/*--------------------------> Advert Panel Style
--------------------------------------------------------------*/
div#advert-panel {
 float: left;
 width: 234px;
 border:0;
 background: #ececec;
 height: 90px;
 border-right: 1px solid #ddd;
}
/*--------------------------> Enteries Style
--------------------------------------------------------------*/
table tr td#enteries {
  border-right: 0;
  padding: 3px 0 3px 3px;
}

.d1h, .d2h, .d3h, .d4h, .d2dh, .d3dh, .d4dh{font-size:1px; overflow:hidden; display:block;}
.d1h {height:1px; background:#e0e0f3; margin:0 5px;}
.d2h, .d2dh {height:1px; background: #fff; border-right:2px solid #e0e0f3; border-left:2px solid #e0e0f3; margin:0 3px;}
.d3h {height:1px; background: #f2f2fe; border-right:1px solid #e0e0f3; border-left:1px solid #e0e0f3; margin:0 2px;}
.d4h, .d4dh {height: 0; background: #f2f2fe; border-right:1px solid #e0e0f3; border-left:1px solid #e0e0f3; margin:0 1px;}
.d2dh, .d3dh, .d4dh {background: #fff;}
.headh {background: #fff; border-right:1px solid #e0e0f3; border-left:1px solid #e0e0f3; height: 100%;
br}
/*--------------------------> Footer Style
--------------------------------------------------------------*/
table tr td#main-Footer {
  border-top: 1px solid #e0e0f3;
  border-right:1px solid #e0e0f3;
  padding: 2px 0;
}

/* 
drag resize
*/

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 12px Arial;
background-color: ;
align: left;
color: ;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}

.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 0px solid brown;
background-color: ;
color: black;
height: 0px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 0px solid gray;
background-color: ;
height: 0px; /*height of resize image*/
}

.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}