/* CSS Document */
* html #wrapper {height:100%;}/* ie6 and under*/
a {margin:0; padding:0;}

body {font-family: Arial, Helvetica, sans-serif;font-size: 13px; margin:0px;padding:0px; background-color:#9999FF}
#hw {width:900px; margin:0 auto;}
#header { color: #000; width: 100%; padding: 0px; height: 81px; background: #ffffff; text-align:left; vertical-align: bottom; border-bottom:1px solid #000000;}
#header2 { color: #000; width: 100%; padding: 0px; height: 150px; background: #ffffff; text-align:left; vertical-align: bottom;}
#logo {padding-left:20px; float:left;}
#logo2 {width:400px; float:left; margin-top:53px; font-size:18px; font-weight:bold;padding-left:60px;}
.headertext {color:#000000; margin-top:60px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;float:left; width:270px; text-align:right;}
#wrapper {margin: 0 auto; text-align:left; background-color: #FFFFFF; width:900px; overflow: hidden;}

/* <<<--- left navagation */
#leftcol {width:130px; float:left; background-color: #cccccc; margin: 0px 0px 0px 0px; text-align:left;padding:30px;}
#leftcol h1 {font-size: 14px;}
ul.menu_list { list-style:square; text-align: left; font-size:11px;}
ul.menu_list li { margin:2px; padding: 2px;}
/* left navagation --->>>*/


#rightcol {width:690px; background-color: #FFFFFF; margin: 0px 0px 0px 0px; display: inline; float:right; padding:0px 10px 0px 10px;}
.contentheader {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#6a1686;}
.contentheader2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000;}
.contentinfo {padding:10px;}
.red {color:#FF0000;}
#menu {margin-top:15px;padding:5px; margin-left:25px;}
#menu li {
	color:#0000CC;
	list-style-type: none;
	list-style-image: url(../images/arrow.gif);

}
#menu li a:link, #menu li a:visited {text-decoration:none; color:#9966FF; margin-left:3px; margin-bottom:2px;}
#menu li a:hover {color:#000066;}
#menu li.selected {color:#000000;}

.clear {clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0; width:750px;}
#footer {width:750px; margin:0 auto; background-color:#999999; text-align:center; color:#ffffff; padding:3px; font-size:10px;}
li {padding-bottom:10px;}

#contactform {}
#contacttable {}
.formlabel {text-align:right; font-weight:bold;}

.handcursor {cursor: hand;cursor: pointer; }
.tabletop { color:#000; width:95%; padding:5px; border:solid; border-width:0px; border-color:#000000;float:left;position:relative;}
.tabletop2 { background-color:#ffcc22; color:#000; width:95%; padding:5px; border:solid; border-width:1px; border-color:#000000;float:left;}
.tablecontent {width:95%; color:#000000; border:solid; border-width:1px; border-color:#000000; padding:0px; height:auto; float:left; }

.error {color:red;}

input.btn {color:#ffffff;font-family:arial,helvetica,sans-serif;font-size:1.0em;font-weight:bold;background-color:#BEBEFD;border:1px solid #000000;height:1.5em;}
input.btn:hover, input.btn hover {color:#6a1686;background-color:#999999;border:1px solid #999999;}


/* <<<--- sub navagation */
.sub_navigation {
 width: 600px; color: #000000; padding: 5px; text-align: center; height: 20px;margin-top:10px; clear:both; float: left;
}
ul.sub_navlist { display: block; float: left;padding: 0; margin: 0; background: #BEBEFD;clear:both;}
ul.sub_navlist li {display: block;float: left;font-size: 11px; padding:0;}
ul.sub_navlist li a {display: block; float: left;padding: 5px; text-decoration: none; font-family: Arial, sans-serif; font-size: 11px;color: #000000;white-space: nowrap;font-weight: bold; height:19px;}
ul.sub_navlist li a:hover {color: #000000;font-size: 11px;}
/* sub navagation --->>>*/

/* <<<--- main tables */

table.client td.crud {width: 10%; text-align: right;}
table.client td.description {text-align: left; background: #DCDCDC;}

th {text-align:right;}
.client th {text-align:left;padding:6px;}

#client_list { border:1px solid #000000; width:650px; }
#client_list_account { border:1px solid #000000; width:650px; font-size:10px; }

/*table.project, table.client, table.website, table.req {width: 100%; background:white;}*/
table.project td.crud {text-align: right;}
table.project tr.req {background: #A0A0A0;}

table.hide_list {width: 100%; }
table.show {width: 100%; background:white;}

table.client thead th {background: #A0A0A0; color:#663399; font-weight:bold;padding:3px;text-align:left}
table.project thead th {background:#663399; color:#663399; font-weight:bold;padding:6px;text-align:left}

#client_list caption {color:#663399; font-weight:bold;font-size: 20px;margin-top:6px;}
#client_list thead th {background:#663399; color:#FF99FF; font-weight:bold;padding:6px;text-align:left;}
#client_list tbody td.links {background:#cccccc; color:#663399; font-weight:bold;padding:6px;}



/* <<<--- main tables */

fieldset {margin-bottom:10px; border:1px solid #990099;margin-right:15px; }
legend {font-weight:bold; color:#663399;}

/*TAB CONTENT STYLES */
#tabsJ { clear:both; width:100%; font-size:100%; line-height:normal; }

.tabcontentstyle { /*style of tab content oontainer*/
width:100%; background-color:#A0A0A0;}
.tabcontentstyle2 { /*style of tab content oontainer*/
width:100%; background-color:#ffffff;}
.shadetabs {padding: 3px 0;margin-left: 0;margin-top: 1px;margin-bottom: 0px;font: bold 12px Verdana;list-style-type: none;text-align: left; /*set to left, center, or right to align the menu as desired*/}
.shadetabs li{display: inline;margin: 0;}
.shadetabs li a {text-decoration: none;padding: 3px 7px;margin-right: 3px;background-color:#000000;color:#ffffff;}
.shadetabs li a:visited{color: #ffffff;}
.shadetabs li a:hover {text-decoration: underline;color: #ffffff;}
.shadetabs li.selected {position: relative;}
.shadetabs li.selected a { /*selected main tab style */
background-color:#663399;border-bottom-color: #663399;color: #ffffff;}
.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;}
.tabcontent {display:none;text-align:left;font-family:arial,helvetica,sans-serif;font-size:12px;}

@media print {
.tabcontent {
display:block!important;
}
}

/* Button Styles */

.billright {text-align:right;margin-top:-20px; }

li.stack {display: block; margin:0; padding:0; clear: both;}
.priority {text-align:right;margin-top:-20px; }
.list_h2 {font-size:125%; font-weight:bold;}

form {}

/* date formats */
.overdue {color:red;}
.today {color:purple;}
.near {color:green;}
.breadcrumb {padding:5px; font-size:10px;}

/* Client include */
.client_info {
  width:315px;
  padding:2px;
  float: left;
  clear: bottom;
}

.client_billing {
  width:315px;
  padding:2px;
  float: left;
}

.clear_all {
  width:650px;
  clear: both;
}