html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
	font-family:arial, helvetica, sans-serif;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height:1;
	color: black;
	background: white;
	background:url(../images/bg_body.gif) repeat-x top;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* END RESET */

a	{
	color:#003399;
	text-decoration:none;
}
a:hover	{
	color:#C00;
	text-decoration:underline;
}
.red  {
   color:#C00;
}
a.red {
   color:#C00;
}
body {
	color:#000;
	font-family:"trebuchet ms", arial, sans-serif;
	padding:0;
	margin:0;
}
/* START MIN-WIDTH STUFF */
.wrapper {
	width:90%;
	min-width:980px;
	margin:0 auto;
}
* html .minwidth {
	padding-left:980px;
}
* html .container {
	margin-left:-980px;
	position:relative;
}
/*\*/
* html .minwidth, * html .container, * html .content, * html .layout  {
	height:1px;
}
/**/
.rule {
	width:980px;
	background:#c00;
	color:#fff;
	margin:0 auto;
}
/* END MIN-WIDTH STUFF */
#header  {
   height:104px;
   background-color:#333;
   color:#FFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size:11px;
   background:url(../images/bg_header.gif) no-repeat right top;
}
#header.client  {
   height:104px;
   background-color:#333;
   color:#FFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size:11px;
   background:url(../images/bg_header_client.gif) no-repeat right top;
}
h1 {
   float:left;
   position:relative;
   top:37px;
   width:148px;
   height:19px;
	background:url(../images/logo-support.gif) no-repeat;
   
}
h1 span{
	display:inline-block;
   text-indent:-9999px;
}
#login h1 {
	float:none;
   position:relative;
   top:0;
   width:148px;
   height:19px;
	background:url(../images/logo-support-f2.gif) no-repeat;
}
#login h1 span{
	display:inline-block;
   text-indent:-9999px;
}
h3 {
   font-size:12px;
   font-family:tahoma, arial, verdana, geneva, helvetica, sans-serif;
   padding-bottom:0.5em;
   font-weight:bold;
}
#details_left p.description  {
	border:1px solid #CCC;
	background-color:#F6F6F6;
	padding:15px;
	margin-bottom:10px;
}
.grey {
   color:#666;
}
.smallgrey  {
   font-size:11px;
   color:#666;
}
#upper_right   {
   position:relative;
   display:block;
   float:right;
   width:670px;
   background-color: transparent;
   padding-top:10px;
}
p.top1_ff, p.top1_client   { /* logged in as */
   float:left;
   width:440px;
}
p.top2_ff, p.top2_client   { /* add new */
   display:block;
   float:right;
   width:131px;
}
p.top1_ff a,
p.top2_ff a   
{ /* add new */
   color:#ccff99;
}
p.top1_client a,
p.top2_client a   
{ /* add new */
   color:#FFFFFF;
}
p.top1_ff a:hover,
p.top2_ff a:hover,
p.top1_client a:hover,
p.top2_client a:hover
{ /* add new */
   color:#FFF;
}

ul {
   margin:0 0 0 20px;
}
ul li {
   list-style: disc;
}
ol {
   margin:0 0 0 20px;
}
ol li {
   list-style: lower-alpha;
}

ul#mainmenu  {
   list-style:none;
   width:980px;
   display:block;
   position:absolute;
   top:77px;
}
ul#mainmenu li  {
   display:block;
   float:left;
   background:url(../images/bg_menuTab_right.gif) no-repeat right top;
   margin:0 3px 0 0;
	padding:0;
   background-color:#888;
}
ul#mainmenu li a {
   display:block;
   background:url(../images/bg_menuTab_left.gif) no-repeat left top;
   text-transform:uppercase;
   padding:6px 10px;
   text-decoration:none;
   color:#EFEFEF;
   margin:0 0.25em 0 0;
}
ul#mainmenu li.selected  {
   display:block;
   background:url(../images/bg_menuTab_right2.gif) no-repeat right top;
   background-color:#EFEFEF;
}
ul#mainmenu li.selected a  {
   display:block;
   background:url(../images/bg_menuTab_left2.gif) no-repeat left top;
   margin:0 0.35em 0 0;
	padding:6px 10px;
   background-color:#EFEFEF;
   color:#000;
}

ul.list {
   list-style: disc;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#333;
   margin:0 0 0 20px;
}
ul.list li  {
   line-height:1.6em;
}

/* */
.t {background: url(../images/ef.gif) 0 0 repeat-x; width:100%;}
.b {background: url(../images/bg_panel_bottom.gif) 0 100% repeat-x;}
.l {background: url(../images/bg_panel_left.gif) 0 0 repeat-y;}
.r {background: url(../images/bg_panel_right.gif) 100% 0 repeat-y;}
.bl {background: url(../images/bg_titlepanel_left.gif) 0 100% no-repeat;}
.br {background: url(../images/bg_titlepanel_right.gif) 100% 100% no-repeat;}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:20px;}

.tr p {
   font-size:12px;
   padding:5px 0;
}  
h2 {
   margin:0;
   padding:15px 0 10px 0;
   font-weight:normal;
   font-family: Arial, Helvetica, sans-serif;
   font-size:19px;
   color:#333;
}
h2.popup {
   color:#FFF;
}
form.activecases  {
   font-size:12px;
   color:#000;
   font-family: Arial, Helvetica, sans-serif;
}

form.activecases input, form.activecases select  {
   font-size:12px;
   color:#000;
   font-family: Arial, Helvetica, sans-serif;
}
form.activecases .greenbut   {
   background-color:#85b100;
   border:1px solid #000;
   color:#FFF;
}
form.activecases .bluebut   {
   background-color:#0099cc;
   border:1px solid #000;
   color:#FFF;
}
form.activecases .graybut   {
   background-color:#999999;
   border:1px solid #000;
   color:#FFF;
}
form.activecases textarea   {
   font-size:12px;
   font-family: Arial, Helvetica, sans-serif;
}
.actionbut  {
   background-color:#FFF;
   border:1px solid #666;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
}

table {
   font-family:arial, verdana, tahoma, geneva, helvetica, sans-serif;
   font-size:12px;
   margin:0;
   padding:0;
}

table.grid,
table.grid_client
{
	font-size:12px;
   margin:0;
   padding:0;
   line-height:1.25em;
}

table.grid th	{
	font-family:tahoma, geneva, helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	padding:9px 6px;
	text-align:left;
	border-bottom:2px solid #d5ddbd;
	background-color:#85b100;
   line-height:1.25em;
}
table.grid_client th	{
	font-family:tahoma, geneva, helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	padding:9px 6px;
	text-align:left;
	border-bottom:2px solid #bdd1dd;
	background-color:#0099cc;
   line-height:1.25em;
}

table.grid th.first	{
	padding:9px 6px 9px 10px;
	text-align:left;
	background:#85b100 url(../images/bg_th_tl.gif) no-repeat left top;
}
table.grid_client th.first	{
	padding:9px 6px 9px 10px;
	text-align:left;
	background:#0099cc url(../images/bg_th_tl_client.gif) no-repeat left top;
}
table.grid th.last	{
	padding:9px 10px 9px 6px;
	text-align:left;
	background:url(../images/bg_th_tr.gif) no-repeat right top;
}
table.grid_client th.last	{
	padding:9px 10px 9px 6px;
	text-align:left;
	background:url(../images/bg_th_tr_client.gif) no-repeat right top;
}
table.grid th a   {
   font-family:tahoma, geneva, helvetica, sans-serif;
   color:#ffff00;
   text-decoration:none;
}
table.grid th a:hover   {
   font-family:tahoma, geneva, helvetica, sans-serif;
   color:#ccff00;
   text-decoration:none;
}
table.grid_client th a   {
   font-family:tahoma, geneva, helvetica, sans-serif;
   color:#ccffff;
   text-decoration:none;
}
table.grid_client th a:hover   {
   font-family:tahoma, geneva, helvetica, sans-serif;
   color:#FFF;
   text-decoration:none;
}
table.grid td,
table.grid_client td
{
	font-family:arial, verdana, tahoma, geneva, helvetica, sans-serif;
	padding:8px 6px;
	color:#333;
	border-bottom:1px solid #CCC;
}

table.grid td.first,
table.grid tr.alt td.first,
table.grid tr.alt1 td.first,
table.grid tr.alt2 td.first,
table.grid tr.alt2a td.first,
table.grid tr.alt3 td.first,
table.grid_client td.first,
table.grid_client tr.alt td.first,
table.grid_client tr.alt1 td.first,
table.grid_client tr.alt2 td.first,
table.grid_client tr.alt3 td.first
	{
	padding:8px 6px 8px 10px;
}

table.grid td.last,
table.grid tr.alt td.last,
table.grid tr.alt1 td.last,
table.grid tr.alt2 td.last,
table.grid tr.alt2a td.last,
table.grid tr.alt3 td.last,
table.grid_client td.last,
table.grid_client tr.alt td.last,
table.grid_client tr.alt1 td.last,
table.grid_client tr.alt2 td.last,
table.grid_client tr.alt3 td.last
	{
	padding:8px 10px 8px 6px;
}

table.grid tr.alt td,
table.grid_client tr.alt td
{
	font-family:arial, verdana, tahoma, geneva, helvetica, sans-serif;
	padding:8px 6px;
	color:#333;
	border-bottom:1px solid #CCC;
	background-color:#F9F9F9;
}
table.grid tr.alt1 td,
table.grid_client tr.alt1 td
{
	font-family:arial, verdana, tahoma, geneva, helvetica, sans-serif;
	padding:8px 6px;
	color:#333;
	border-bottom:1px solid #CCC;
	background:url(../images/bg_alt1.gif) repeat-x top;
}
table.grid tr.alt1a td,
table.grid_client tr.alt1a td
{
	font-family:arial, verdana, tahoma, geneva, helvetica, sans-serif;
	padding:8px 6px;
	color:#808080;
	border-bottom:1px solid #CCC;
	background:url(../images/bg_alt1.gif) repeat-x top;
}
table.grid tr.alt2 td,
table.grid_client tr.alt2 td
{
	font-family:arial, verdana, tahoma, geneva, helvetica, sans-serif;
	padding:8px 6px;
	color:#333;
	border-bottom:1px solid #CCC;
	background:url(../images/bg_alt2.gif) repeat-x top;
}
table.grid tr.alt2a td,
table.grid_client tr.alt2a td
{
	font-family:arial, verdana, tahoma, geneva, helvetica, sans-serif;
	padding:8px 6px;
	color:#808080;
	border-bottom:1px solid #CCC;
	background:url(../images/bg_alt2.gif) repeat-x top;
}
table.grid tr.alt3 td,
table.grid_client tr.alt3 td
{
	font-family:arial, verdana, tahoma, geneva, helvetica, sans-serif;
	padding:8px 6px;
	color:#333;
	border-bottom:1px solid #CCC;
   background:#fff3c2 url(../images/bg_alt3.gif) repeat-x top;
}
table.grid tr.alt3a td,
table.grid_client tr.alt3a td
{
	font-family:arial, verdana, tahoma, geneva, helvetica, sans-serif;
	padding:8px 6px;
	color:#808080;
	border-bottom:1px solid #CCC;
   background:#fff3c2 url(../images/bg_alt3.gif) repeat-x top;
}
table.grid td a,
table.grid td a.red
   {
   vertical-align:middle;
}

a.red {
   color:red;
}
div.padding_left  {
   width:auto;
   padding-left:20px;
}
#details_left	{
	display:block;
	float:left;
	width:64%;
	padding:0;
	margin:0;
}
#details_left p   {
   font-family:arial, helvetica, verdana, geneva, sans-serif;
   font-size:12px;
   line-height:17px;
}
#details_right	{
	display:block;
	float:right;
	width:330px;
	padding:0;
	margin:0;
}
/* PO, case number and invoice info */
#details_right p.caseno{
   display:block;
   float:left;
   text-align:right;
   width:150px;
   height:59px;
   background:#666 url(../images/bg_caseno.gif) no-repeat left top;
   color:#FFF;
   font-size:26px;
}
#details_right p.caseno span{
   height:auto;
   position:relative;
   top:20px;
   right:15px;
}
#details_right p.hours{
   display:block;
   float:right;
   text-align:right;
   width:150px;
   height:59px;
   background:#666 url(../images/bg_hours.gif) no-repeat left top;
   color:#FFF;
   font-size:26px;
   margin-top:10px;
}
#details_right p.hours span{
   height:auto;
   position:relative;
   top:20px;
   right:15px;
}
#details_right p.po{
   position:relative;
   display:block;
   float:right;
   text-align:right;
   width:150px;
   height:59px;
   background:#C00 url(../images/bg_po.gif) no-repeat right top;
   color:#FFF;
   font-size:26px;
}
#details_right p.po span{
   height:auto;
   position:relative;
   top:20px;
   right:15px;
   color:#FFF;
}
#details_right p.po_yes{
   position:relative;
   display:block;
   float:right;
   text-align:right;
   width:150px;
   height:59px;
   background:#C00 url(../images/bg_po_yes.gif) no-repeat right top;
   color:#FFF;
   font-size:26px;
}
#details_right p.po_yes span{
   height:auto;
   position:relative;
   top:20px;
   right:15px;
   color:#FFF;
}
#details_right p.po_no{
   position:relative;
   display:block;
   float:right;
   text-align:right;
   width:150px;
   height:59px;
   background:#C00 url(../images/bg_po_no.gif) no-repeat right top;
   color:#FFF;
   font-size:26px;
}
#details_right p.po_no span{
   height:auto;
   position:relative;
   top:20px;
   right:15px;
   color:#FFF;
}

#details_right p.testserver   {
   margin-top:10px;
   display:block;
   float:left;
   text-align:right;
   width:150px;
   height:59px;
   background:#999 url(../images/bg_testserver.gif) no-repeat right top;
   color:#FFF;
   font-size:12px;
}
#details_right p.dnssetup   {
   margin-top:10px;
   display:block;
   float:left;
   text-align:right;
   width:150px;
   height:59px;
   background:#999 url(../images/bg_dns.gif) no-repeat right top;
   color:#FFF;
   font-size:12px;
}
#details_right p.testserver span {
   height:auto;
   position:relative;
   top:25px;
   right:15px;
}
/* - */








#details_left p.larger {
   font-size:14px;
}

table.casedetails {
   font-family:arial, helvetica, verdana, geneva, sans-serif;
   margin-top:10px;
   margin-bottom:10px;
   font-size:12px;
   border-top:1px dotted #999;
   border-bottom:1px dotted #999;
}
table.casedetails td {
   padding:5px 3px;
   border-bottom:1px dotted #EFEFEF;
   line-height:1.25em;
}

table.attachments {
   margin:5px 0;
   font-size:11px;
   color:#666;
   font-family:arial, helvetica, verdana, geneva, sans-serif;
   border:1px solid #ccc;
   border-bottom:none;
}
table.attachments th {
   padding:4px 5px;
   color:#000;
   font-weight:normal;
   background-color:#F6F6F6;
   border-bottom:1px solid #ccc;
}
table.attachments td {
   margin:0;
   padding:2px 5px !important;
   background-color:white;
   border-bottom:1px solid #ccc;
   background-image:none;
   line-height:1.25em;
}
table.attachments2 {
   margin:5px 0;
   font-size:11px;
   color:#333;
   font-family:arial, helvetica, verdana, geneva, sans-serif;
   border:1px solid #ccc;
   border-bottom:none;
}
table.attachments2 th {
   padding:4px 5px;
   color:#FFF;
   font-weight:normal;
   background-color:#996600;
   border-bottom:1px solid #000;
}
table.attachments2 td {
   margin:0;
   padding:2px 5px !important;
   background-color:999;
   border-bottom:1px solid #333;
   background-image:none;
   line-height:1.25em;
}
table.attachments2 td a {
   color:#996600;
}
table.attachments2 td a:hover {
   color:#663300;
}

/*  */
table.grid table.quote {
   margin:10px 0;
   font-size:11px;
   color:#666;
   font-family:arial, helvetica, verdana, geneva, sans-serif;
   border:1px solid #ccc;
   border-bottom:none;
}
table.grid table.quote th  {
   padding:2px 5px;
   color:#000;
   font-weight:normal;
   background-color:#F6F6F6;
   border-bottom:1px solid #ccc;
}
table.grid table.quote td  {
   margin:0;
   padding:2px 5px;
   background-color:transparent;
   border-bottom:1px solid #ccc;
   background-image:none;
}
/*  */
#fourleft   {
   display:block;
   float:left;
   width:64%;
}
#tworight   {
   display:block;
   float:right;
   width:330px;
}

table.addnew   {
   font-size:12px;
   color:#333;
   font-family:arial, helvetica, verdana, geneva, sans-serif;
   
}
table.addnew th   {
   padding:2px 5px 2px 0;
   vertical-align:middle;
}
table.addnew td   {
   padding:2px 5px 2px 0;
   vertical-align:middle;
}
p.normal {
   font-size:12px; line-height:1.25em;
   margin:0;
   padding:0.5em 0;
}

hr	{
	color:#ccc;
   background:#ccc;
   border:0;
   Height:10px;
}

/* LOGIN box, REGISTRATION box, SESSION TIMEOUT box etc... */
#login  {
   font-family:arial, helvetica, geneva, verdana, sans-serif;
   font-size:12px;
   border:1px solid #cccccc;
   width:500px;
   margin:0 auto;
   background-color:#FFF;
   background:#f2f2f2;
}
#login_padding   {
   padding:30px;
}
#login_padding h2   {
   color:#666;
}