body {
font-size:13px;
font-family:verdana,arial,helvetica,sans-serif;
background-color:#FFF;
}

a {
text-decoration:underline;
color:#000;
font-size:13px;
font-family:verdana,arial,helvetica,sans-serif;
}

p,td,th,input,h1,h2,h3,h4,li,dd,ol,ul,tt,pre,samp {
font-size:13px;
font-family:verdana,arial,helvetica,sans-serif;
}


.tabletitle,.splashtabletitle {
color:#fff;
font-size:14px;
font-weight:normal;
background-color:#fff;
border:1px solid;
padding:3px;
height:30px;
background-image:url(i/pghead.png);
width:40%;
}

.splashbody {
font-family:arial,helvetica,sans-serif;
font-size:13px;
margin-left:100px;
background:#eee;
}

.mcAdmHeader {
color:#fff;
font-weight:700;
position:absolute;
left:400;
}
.mcAdmHeader a { color:#fff; }

.titlebar {
background-color:#003;
text-align:left;
color:#f8f8ff;
vertical-align:top;
font-size:13px;
font-family:verdana,arial,helvetica,sans-serif;
}

.titlebarright {
background-color:#003;
text-align:right;
color:#FFF;
vertical-align:top;
font-size:13px;
font-family:arial,helvetica,sans-serif;
}

.legal {
font-size:10px;
text-align:center;
}

a.headerurl,a.headerurl:active,a.headerurl:visited {
color:#FC3;
text-decoration:underline;
font-weight:700;
font-size:12px;
}

a.headerurl:hover {
color:#FFC;
}

a.small {
text-decoration:underline;
color:#00F;
font-size:11px;
font-family:verdana,arial,helvetica,sans-serif;
}


.setupwizardpanel {
color:#000;
background-color:#9C9;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
border-top:1px solid #336;
padding:3px;
}

.mmenbar {
padding:7px 0;
margin-left:32px;
}

a.mmenbaritem,a.mmenbaritem:active,a.mmenbaritem:visited {
color:#dcdcdc;
text-decoration:none;
font-size:13px;
font-family:arial,helvetica,sans-serif;
padding-right:5%;
}

a.mmenbaritem:hover {
color:#fc00d5;
}

.userinfobar {
color:#CCF;
background-color:#006;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
border-top:1px solid #336;
}

a.userinfoitem,a.userinfoitem:active,a.userinfoitem:visited {
color:#CCF;
text-decoration:none;
}

a.logoffcommand,a.logoffcommand:active,a.logoffcommand:visited {
color:#CCF;
text-decoration:none;
font-size:11px;
}

.sitestatsbar {
color:#cc9;
background-color:#003;
font-size:11px;
text-align:center;
}


form {
margin-top:5px;
}


.forminfo {
color:#000;
background-color:#FFF;
font-size:11px;
border:solid 2px red;
padding:8px;
}

.flabel, .flabelreq {
font-size:11px;
background-color:#fff;
text-align:right;
vertical-align:center;
}

.flabelreq {
color:#006;
}

.fdesc {
color:#00C;
}

.fvalue,.fvaluecenter {
background-color:transparent;
}

.fvaluecenter {
text-align:center;
}

.formsubhead, .formsubhead2{
padding-top:7px;
padding-bottom:7px;
color:#fff;
font-family:verdana,arial,helvetica,sans serif;
border-top:solid 1px #fff;
background-image:url(i/leftsubmenucmdgroup.png);
background-repeat:repeat-x;
height:27px;
padding-left:20px;
}


.fvd {
font-size:11px;
color:#666;
}

.clientsrchtypes {
font-size:11px;
color:#009;
}


.deletewarning {
background-color:#FC0;
font-weight:700;
border:1px solid #F63;
}

.warningheader {
font-weight:700;
font-size:16px;
font-family:arial,helvetica,sans-serif;
}

.warningtext {
color:red;
}

.submenusplashtitle {
color:#333;
font-size:12px;
background-color:#f5f5f5;
border:1px solid;
border-color:#EEE #AAA #AAA #EEE;
padding:3px;
}

.submenusplashbody {
font-family:arial,helvetica,sans-serif;
font-size:13px;
margin-left:100px;
border:solid 1px #006;
padding:10px;
}

td#leftsubmenu {
	color: #000;
	background-color: #FFF;
	width: 180px;
	font-family: ;
	border-right: 1px solid #bbb;
}

div.leftsubmenutitle {
padding-top:20px;
padding-bottom:20px;
background-color:#003;
color:#fff;
font-family:verdana,arial,helvetica,sans serif;
font-size:13px;
font-weight:600;
text-align:left;
border:solid #FFC;
border-width:0;
margin:0;
padding:4px 1px;
background-image:url(i/pghead.png);
background-color:#fff;
padding-top:7px;
padding-bottom:7px;
margin-bottom:0px;
padding-left:25px;
}

div.leftsubmenugrptitle {
padding-top:6px;
padding-left:30px;
color:#fff;
font-family:verdana,arial,helvetica,sans serif;
border-top:solid 1px #fff;
background-image:url(i/left-menu-group-closed.png);
background-repeat:no-repeat;
height:27px;
text-align:left;
}
div.leftsubmenugrptitle.hide {
  background-image:url(i/left-menu-group-open.png);
background-repeat:no-repeat;
}

div.leftsubmenucmdgroup {
border-left:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
color:#000;
text-align:left;
margin-top:0;
margin-bottom:0;
padding:20px;
background-color:#fff;
}

div.leftsubmenucmdgroup a {
color:#444;
font-size:11px;
font-weight:400;
text-decoration:none;
display:block;
}

div.leftsubmenucmdgroup a:visited {
color:#444;
}

div.leftsubmenucmdgroup a:active {
color:#000;
}

div.leftsubmenucmdgroup a:hover {
color:#fc00d5;
}

#mainbody {
padding:0 0 0 10px;
}

td.controloptions {
color:#000;
background-color:#ffe;
border-bottom:solid 1px #cc6;
padding:4px;
}


.pghead
{ 
background-image:url(i/pghead.png);
padding-top:20px;
padding-bottom:20px;
min-height:40px;
height:6px;
}
#mmenbar
{ 
padding-left:32px;
padding-top:7px;
}
.pghead-col1
{ 
min-height:30px;
padding-bottom:20px;
background-image:url(i/top-logo.png);
padding-left:240px;
color:#fff;
background-repeat:no-repeat;
font-size:14pt;
float:left;
margin-left:32px;
}

.pghead-col2
{ 
padding-left:400px;
}

.pghead-user, .pghead-homepage, .pghead-signout, .pghead-help
{ 
background-repeat:no-repeat;
padding-left:30px;
display:inline-block;
height:40px;
padding-top:3px;
margin-right:30px;
}


.pghead-user
{ 
text-transform:capitalize;
background-image:url(i/icon-my-account.png);
}
.pghead-homepage
{ 
background-image:url(i/icon-home-page.png);
}
.pghead-signout
{ 
background-image:url(i/icon-signout.png);
}
.pghead-help
{ 
background-image:url(i/icon-help.png);
}

h1, .formtitle {
padding-top:7px;
padding-bottom:7px;
color:#fff;
font-family:verdana,arial,helvetica,sans serif;
border-top:solid 1px #fff;
background-image:url(i/leftsubmenucmdgroup.png);
height:20px;
padding-left:5px;
font-size:14px;
}


.pghead a
{ 
color:#fff;
text-decoration:none;
 }
.pghead-seperator1
{
background-color:#222223;
border-top:1px solid #4a4a4a;
border-bottom:1px solid #4a4a4a;
height:30px;
clear:both;
}

.pghead-seperator2
{
background-color:#fff;
background-image:url(i/pghead.png);
}

table.main-form tbody tr td.formsubhead
{ 

 }
.main-form
{ 
border-left:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
padding:4px;
margin-top:-5px;
background-color:#fff;
}
.main-body
{ 
margin-top:-4px;
}

.footer
{ 
background:#ddd;
text-align:center;
background-image:url(i/pghead.png);
padding-top:20px;
padding-bottom:20px;
border-top:2px solid #ff00eb;
}
.footer .col2
{ 
color:#999;
background-image:url(i/footer-logo.png);
background-repeat:no-repeat;
background-position:top right;
text-align:right;
height:24px;
padding-right:120px;
margin-right:20%;
}
.zform
{ 

}

.login-box
{ 
background-image:url(i/login-box-bg.png);
margin-left:200px;
width:500px;
height:240px;
background-repeat:no-repeat;
padding-left:100px;
padding-top:40px;
margin-top:60px;
height:300px;
position:relative;
}
*
{
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
background-image:url(i/body-bg.jpg);
background-repeat:no-repeat;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}

.login-box label
{
   display:block;
}
.footer, .push {
height: 4em;
}
.login-box form .checkbox
{ 
display:inline;
}
.login-box form .text
{
font-weight:bold;
color:#ff00eb;
background-color:#6b6b6b;
}
.login-box a
{
 color:#222;
padding-left:100px;
}
.message-box
{
padding-top:20px;
margin: 10px 0px;
margin-left:200px;
width:50%;
border: 1px solid;
padding:15px 10px 15px 50px;
}

.box .inner h1, .message-box h1
{
border:none;
height:40px;
font-size:14pt;
text-transform:capitalize;
padding-left:38px;
padding-top:4px;
color:#fff;
}
.error h1, .error .inner h1
{ 
background-image:url(i/error.png);
background-repeat:no-repeat;
}

.warn h1, .warning h1, .warn .inner h1, .warning .inner h1
{ 
color:#9F6000;
background-image:url(i/warning.png);
background-repeat:no-repeat;
}

.success h1, .success .inner h1
{ 
background-image:url(i/success.png);
background-repeat:no-repeat;
}

.info h1, .info .inner h1
{ 
background-image:url(i/info.png);
background-repeat:no-repeat;
}
.error, .error h1, .error .inner h1
{ 
    color: #A8000C;
    background-color:#FFBABA;
}
.warn, .warning, .warn h1, .warn  .inner h1, .warning  .inner h1
{ 
    background-color:#FEEFB3;
    color: #9F6000;  
}
.success, .success h1, .success .inner h1
{ 
    color: #4F8A10;  
    background-color:#DFF2BF;
}
.info, .info h1, .info .inner h1
{ 
  color: #00529B;
  background-color: #BDE5F8;
}

.splash
{
 margin-left:280px;margin-right:auto;
}

			/* box styles */
			.box { position: relative; width: 100%; margin: 0 0 20px 0; margin-top:20px;}
			.blue { background: #24b2e7 url('i/gradient.png') top repeat-x; }
            .afterlogin { background: #dedede  url('i/gradient.png') top repeat-x; }
			.inner { padding: 20px; }
            .inner h1{ color:#fff;background: url(i/leftsubmenucmdgroup.png) left top; background-repeat:repeat-x; }

			/* corners */
			.corner { position: absolute; width: 10px; height: 10px; background: url('i/corners.png') no-repeat; font-size: 0%; }
			.TL { top: 0; left: 0; background-position: 0 0; }
			.TR { top: 0; right: 0; background-position: -10px 0; }
			.BL { bottom: 0; left: 0; background-position: 0 -10px; }
			.BR { bottom: 0; right: 0; background-position: -10px -10px; }

.narrow { width:40%; }
.center { margin-left:200px; margin-right:auto } /* Center is a concept not an instruction... good example of why you should not use descriptive positioning as CSS names */
tr.size11 th { font-size: 11px;}
tr.size11 td { font-size: 11px;}

#navigation {
  background: #efefef;
  border-right: solid 1px #AAA;
  float: left;
  overflow: none;
  position:absolute;
  top:153px;
  width: 210px;
  left:10px;
padding:0px;
}

#main-body-content {
  padding: 20px 20px;
  padding-top:80px;
}

.breadcrumbs {
color:#DDD;
font-size:11px;
font-family:verdana,arial,helvetica,sans-serif;
padding:4px 0 4px 30px;
}

.breadcrumbs a {
text-decoration:none;
color:#FFF;
font-size:12px;
font-weight:700;
}

.breadcrumbs a:visited {
}

.breadcrumbs a:active {
}

.breadcrumbs a:hover {
text-decoration:underline;
}


.formsubtitle {
	height: 21px;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left; 
background-color:#fff;
color:#000;
}


.popup-help-item {
padding: 0;
position: relative;
display:inline;
}
.popup-help-item a {
background-image:url(i/icon-help-small.png);
background-repeat:no-repeat;
padding-left:20px;
}
div.popup-help-item span{
font-weight:normal;
}
div.popup-help-item div h2{
display:inline-block:
height:40px;
color:#117909;
font-size:14pt;
padding-top:6px;
padding-bottom:12px;
padding-left:40px;
background-image:url(i/help.png);
background-repeat:no-repeat;
}

div.popup-help-item div {
z-index:12;
border:1px dashed #abc7a9;
background:#dcffd9;
display: none;
position:absolute;
left:20px;
padding:10px;
color: #4F8A10;  
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
border-bottom:1px solid #000;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(i/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #750083;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 12;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes.. */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* http://www.digitalmagicpro.com/jPicker/, http://code.google.com/p/jpicker/ */
@media all 
{
.jPicker .Icon{display:inline-block;height:24px;position:relative;text-align:left;width:25px;}.jPicker .Icon span.Color,.jPicker .Icon span.Alpha{background-position:2px 2px;display:block;height:100%;left:0;position:absolute;top:0;width:100%;}.jPicker .Icon span.Image{background-repeat:no-repeat;cursor:pointer;display:block;height:100%;left:0;position:absolute;top:0;width:100%;}.jPicker .Container{display:none;z-index:14;}table.jPicker{background-color:#efefef;border:1px outset #666;font-family:Arial,Helvetica,Sans-Serif;font-size:12px!important;margin:0;padding:5px;width:545px;}.jPicker .Move{background-color:#ddd;border:1px outset #aaa;cursor:move;height:12px;}.jPicker .Title{font-size:11px!important;font-weight:bold;margin:-2px 0 0 0;padding:0;text-align:center;width:100%;}.jPicker div.Map{border-bottom:2px solid #fff;border-left:2px solid #9a9a9a;border-right:2px solid #fff;border-top:2px solid #9a9a9a;cursor:crosshair;height:260px;margin:0 5px 0 5px;overflow:hidden;padding:0;position:relative;width:260px;}.jPicker div[class="Map"]{height:256px;width:256px;}.jPicker div.Bar{border-bottom:2px solid #fff;border-left:2px solid #9a9a9a;border-right:2px solid #fff;border-top:2px solid #9a9a9a;cursor:n-resize;height:260px;margin:12px 10px 0 5px;overflow:hidden;padding:0;position:relative;width:24px;}.jPicker div[class="Bar"]{height:256px;width:20px;}.jPicker .Map .Map1,.jPicker .Map .Map2,.jPicker .Map .Map3,.jPicker .Bar .Map1,.jPicker .Bar .Map2,.jPicker .Bar .Map3,.jPicker .Bar .Map4,.jPicker .Bar .Map5,.jPicker .Bar .Map6{background-color:transparent;background-image:none;display:block;left:0;position:absolute;top:0;}.jPicker .Map .Map1,.jPicker .Map .Map2,.jPicker .Map .Map3{height:2596px;width:256px;}.jPicker .Bar .Map1,.jPicker .Bar .Map2,.jPicker .Bar .Map3,.jPicker .Bar .Map4{height:3896px;width:20px;}.jPicker .Bar .Map5,.jPicker .Bar .Map6{height:256px;width:20px;}.jPicker .Map .Map1,.jPicker .Map .Map2,.jPicker .Bar .Map6{background-repeat:no-repeat;}.jPicker .Map .Map3,.jPicker .Bar .Map5{background-repeat:repeat;}.jPicker .Bar .Map1,.jPicker .Bar .Map2,.jPicker .Bar .Map3,.jPicker .Bar .Map4{background-repeat:repeat-x;}.jPicker .Map .Arrow{display:block;position:absolute;}.jPicker .Bar .Arrow{display:block;left:0;position:absolute;}.jPicker .Preview{font-size:9px;text-align:center;}.jPicker .Preview div{border:2px inset #eee;height:62px;margin:0 auto;padding:0;width:62px;}.jPicker .Preview div span{border:1px solid #000;display:block;height:30px;margin:0 auto;padding:0;width:60px;}.jPicker .Preview .Active{border-bottom-width:0;}.jPicker .Preview .Current{border-top-width:0;cursor:pointer;}.jPicker .Button{text-align:center;width:115px;}.jPicker .Button input{width:100px;}.jPicker .Button .Ok{margin:12px 0 5px 0;}.jPicker td.Radio{margin:0;padding:0;width:20px;}.jPicker td.Radio input{margin:0;padding:0;}.jPicker td.Label{margin:0;padding:0;}.jPicker td.Text{font-size:12px!important;height:22px;margin:0;padding:0;text-align:left;width:70px;}.jPicker tr.Hex td.Text{width:100px;}.jPicker td.Text input{background-color:#fff;border:1px inset #aaa;height:19px;margin:0 0 0 5px;text-align:left;width:30px;}.jPicker td[class="Text"] input{height:15px;}.jPicker tr.Hex td.Text input.Hex{width:50px;}.jPicker tr.Hex td.Text input.AHex{width:20px;}.jPicker .Grid{text-align:center;}.jPicker .Grid span.QuickColor{border:1px inset #aaa;cursor:pointer;display:block;float:left;height:15px;line-height:15px;margin:0;padding:0;width:19px;}.jPicker .Grid span[class="QuickColor"]{width:17px;}
.jPicker { vertical-align:bottom; }
}


.tooltip {
	background-color: #f0f0ff; /*#F9FFFF;*/
	border: 1px solid #666;
	width: 250px;
	text-align:left;
	font-weight:normal;
	display:none;
}
.tooltip .ttTitle {
	background-color: #000;
	color: #fff;
	padding: 5px;
	font-weight: bold;
	margin-bottom: 3px;
	text-align:left;
}
.tooltip .ttContent, .ttContent p {
	color: #000;
	font-family: verdana;
	font-size: 11px;
}
.ttContent { padding: 8px; }


/* 
	Clean and crisp table styles
	written by Mats Lindblad http://blogs.su.se/matlin/
	border: 1px solid #656677;
*/

table {
	font: normal 75%/150% Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border-left: 1px solid #656677;
}
thead th {
	border: 1px solid #656677;
	white-space: nowrap;
}
tbody td ,tbody th {
	padding: 5px 10px;
	background: #fff;
	color: #000;
}
tbody th {
	color: #047;
	font-weight: normal;
	font-variant: normal;
	font-size: 1em;
}
tbody tr.odd {
	border: 1px solid #656677;
}
tbody tr.odd td, tbody tr.odd th {
	background: #F0F8FF;
}
tfoot td, tfoot th {
	border: none;
	padding-top: 10px;
}
caption {
	font-family: "Georgia", serif;
	text-align: left;
	text-transform: capitalize;
	font-size: 14pt;
    padding-bottom:2px;
    padding-top:2px;
    padding-left:4px;
    border:1px solid #d9d;
    border-bottom:none;
  background-image:url(i/leftsubmenucmdgroup.png);
color:#fff;
}
table a:link {
	color: #DC143C;
}
table th a:link {
	color: #047;
	text-decoration: none;
}
table a:visited{
	color: #036;
	text-decoration: line-through;
}
table a:hover{
	color: #000;
	text-decoration:none;
}
table a:active{
	color: #000;
}