.menu { margin:40px 10px 0px 20px; overflow:hidden; height:100%; margin-bottom:20px; }
.sf-menu,.sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu { line-height:1.0; }
.sf-menu ul { position:absolute; top:-999em; width:10em; 
/* left offset of submenus need to match (see below) */
}
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:inherit; 
/* fixes IE7 'sticky bug' */
}
.sf-menu li { float:left; position:relative; }
.sf-menu a { display:block; position:relative; }
.sf-menu li:hover ul,.sf-menu li.sfHover ul { left:0; top:2.5em; 
/* match top ul list item height */
z-index:99; }
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul { left:10em; 
/* match ul width */
top:0; }
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul { left:10em; 
/* match ul width */
top:0; }

/*** DEMO SKIN ***/
.sf-menu { float:left; margin-bottom:1em; }
.sf-menu a { border-left:0 solid #fff; padding:.75em 1.3em; text-decoration:none; }
.sf-menu a,.sf-menu a:visited { 
/* visited pseudo selector so IE6 applies text colour*/
color:#fff; }
.sf-menu li { background:#202020; margin-bottom:2px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; }
.sf-menu li li { background:#202020; }
.sf-menu li li li { background:#202020; }
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active { background:#ed6400; outline:0; text-decoration:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; color:#fff; }
.sf-menu li.current a { background:#ed6400; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; color:#fff; }

/* Unchanged */

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical,.sf-vertical li { width:200px; }

/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,.sf-vertical li.sfHover ul { left:200px; 
/* match ul width */
top:0; }

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position:-10px 0; }

/* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position:0 0; }

/* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,.sf-vertical a:hover > .sf-sub-indicator,.sf-vertical a:active > .sf-sub-indicator,.sf-vertical li:hover > a > .sf-sub-indicator,.sf-vertical li.sfHover > a > .sf-sub-indicator { background-position:-10px 0; 
/* arrow hovers for modern browsers*/
}
#wrapper {width: 1200px;}
#wrapper #nav {float:left; position: absolute; width:250px;}

#spacer { height:45px; width:100%; }

/********************************      Status Bar Structure     ********************************/
.status1 { background:#fff url(../images/status.png) repeat-x 0 0; width:800px; height:59px; margin:0 auto; }
.status2 { background:#fff url(../images/status.png) repeat-x 0 -55px; width:800px; height:61px; margin:0 auto; }
.status3 { background:#fff url(../images/status.png) repeat-x 0 -115px; width:800px; height:61px; margin:0 auto; }
.status4 { background:#fff url(../images/status.png) repeat-x 0 -175px; width:800px; height:61px; margin:0 auto; }
.status5 { background:#fff url(../images/status.png) repeat-x 0 -238px; width:800px; height:61px; margin:0 auto; }
.status6 { background:#fff url(../images/status.png) repeat-x 0 -295px; width:800px; height:61px; margin:0 auto; }
.status7 { background:#fff url(../images/status.png) repeat-x 0 -355px; width:800px; height:61px; margin:0 auto; }
.status8 { background:#fff url(../images/status.png) repeat-x 0 -415px; width:800px; height:61px; margin:0 auto; }

/********************************      Basic Structure      ********************************/
html { font-size:100%; height:100%; margin-bottom:1px; 
/* Always show a scrollbar to avoid jumping when the scrollbar appears  */
}
body { font-family:Arial, Helvetica, sans-serif; color:#555; background:
/*#f0f0f0 url('../images/bg-body.gif') top left repeat-y;*/
; font-size:12px; }
#wrapper #body-wrapper { float: right; width:970px;background:
/*url('../images/bg-radial-gradient.gif') fixed 230px top no-repeat;*/
; }

/********************************      Elements styling      ********************************/
h1,h2,h3,h5,h6,h7,h8 { font-family:Helvetica, Arial, sans-serif; color:#222; font-weight:bold; }
h4 { font-family:Helvetica, Arial, sans-serif; color:#222; font-weight:bold; text-align:center; }
h1 { font-family:Calibri, Helvetica, Arial, sans-serif; font-size:31px; font-weight:bold; color:#fff; position:absolute; top:-1000px; }
h2 { font-size:26px; padding:0 0 0px; }
h3 { font-size:17px; padding:0 0 10px; }
h4 { font-size:16px; padding:0 0 5px; }
h5 { font-size:14px; padding:0 0 5px; }
h6 { font-size:12px; padding:0 0 5px; }
h7 { font-size:12px; padding:10px 0; vertical-align:middle; }
h8 { font-size:26px; padding:10px 0; }
.center { text-align:center; }
.white { color:#ffffff; }
.small { font-size:10px; }
.order-text { font-size:26px; padding:0 0 0 10px; font-style:italic; font-weight:normal; }
a { color:
/*#57a000*/
gray; text-decoration:none; }
a:hover { color:#000; }
a:active { color:#777; }
a:focus { outline:1px; }
strong { font-weight:bold; color:#333; }
small { font-size:.85em; }
pre { font-family:monospace; }
p { padding:5px 0 10px; line-height:1.6em; }
.spec { line-height:15px; font-family:Helvetica, sans-serif; font-size:12px; color:#555; }
.feature { line-height:18px; font-family:Helvetica, sans-serif; font-size:12px; color:#555; }
.header { padding:30px 0 0; text-align:left; font-size:16px; font-weight:bolder; border-bottom:1px solid #ddd; width:100%; }
.headerNoSpace { text-align:left; font-size:16px; font-weight:bolder; border-bottom:1px solid #ddd; width:100%; }

/********************************      General Classes      ********************************/
.clear { clear:both; }
.align-left { float:left; }
.align-right { float:right; }

/************ Button ************/
.button { font-family:Helvetica, Arial, sans-serif; display:inline-block; background:#333333 url(../images/bg-button.jpg) top left repeat-x!important; border:1px solid #e5e5e5!important; padding:4px 7px!important; color:#e5e5e5!important; font-size:11px!important; font-weight:bolder!important; cursor:pointer; }

/********************************      Main Content      ********************************/

/************ Layout ************/
#main-content { margin:0 auto; padding:0px 20px 0; width:970px; }
.column-left { width:48%; float:left; }
.column-right { width:48%; float:right; }
.column-center { width:48%; }
#page-intro { font-size:17px; padding:0 0 20px; }
#footer { border-top:0 solid #ccc; margin:0; padding:0; font-size:12px; }

/************ Lists ************/
#main-content ul,#main-content ol { padding:10px 0; }

/* Unordered List */
#main-content ul li { background:url(../images/icons/bullet_black.png) center left no-repeat; padding:4px 0 4px 20px; }

/* Ordered List */
#main-content ol { padding:0 0 0 24px; }
#main-content ol li { list-style:decimal; padding:4px 0; }

/*************** Content Box ***************/
.content-box { border:1px solid #ccc; margin:0 0 20px; background:#fff; margin:0 auto; }
.content-box-header { background:#e5e5e5 url(../images/bg-content-box.jpg) top left repeat-x; margin-top:0; height:40px; border:0 solid #e5e5e5; }
.content-box-header h3 { padding:0 20px; float:left; }
ul.content-box-tabs { float:right; padding:12px 15px 0 0!important; margin:0!important; }
ul.content-box-tabs li { float:left; margin:0; padding:0!important; background-image:none!important; font-size:12px; list-style:none; }
ul.content-box-tabs li a { color:#333; padding:7px 10px; display:block; margin:1px; border-bottom:0; }
ul.content-box-tabs li a:hover { color:#000; }
ul.content-box-tabs li a.current { background:#fff; border:1px solid #ccc; border-bottom:0; margin:0; }
.content-box-content { padding:20px 20px 30px; margin:0; font-size:13px; border-top:1px solid #ccc; }
.content-box-content-left { width:580px; float:left; position:relative; }
.content-box-content-right { width:320px; padding:0 0 0 20px; float:right; position:relative; }
.content-box-content-left-split { width:290px; float:left; position:relative; }

/************ Table ************/
#main-content table { width:100%; border-collapse:collapse; }
.tableBorderBottom { border-bottom:1px solid #ccc; }
.tableBorderLeft { border-left:1px solid #ccc; height:100%; }
#main-content table thead th { font-weight:bold; font-size:15px; border-bottom:1px solid #ddd; text-align:left; }


/*#main-content tbody {
                border-bottom: 1px solid #ddd;
                }*/
#main-content tbody tr { background:#fff; }

/* #main-content tbody tr.alt-row {
                background: #f3f3f3;
                } */
#main-content table td,#main-content table th { padding:10px 0 0; line-height:1em; font-family:Helvetica, arial; font-size:12px; }
#main-content table tfoot td .bulk-actions { padding:15px 0 5px; }
#main-content table tfoot td .bulk-actions select { padding:4px; border:1px solid #ccc; }

/*************** Forms ***************/
form label { display:block; padding:10px 0 5px; font-weight:bold; text-align:left; }
form fieldset legend { font-weight:bold; margin-bottom:10px; padding-top:10px; }
form p small { font-size:.75em; color:#777; }
form input.text-input,form select,form textarea,form .wysiwyg { padding:6px; font-size:13px; background:#fff url(../images/bg-form-field.gif) top left repeat-x; border:1px solid #d5d5d5; color:#333; }
form .small-input { width:25%!important; }
form .medium-input { width:50%!important; }
form .large-input { width:97.5%!important; font-size:16px!important; padding:8px!important; }
form textarea { width:97.5%!important; font-family:Arial, Helvetica, sans-serif; }
form select { padding:4px; background:#fff; }
form input[type=checkbox],form input[type=radio] { padding:0; background:none; border:0; }
textarea { width:97.5%!important; font-family:Arial, Helvetica, sans-serif; padding:6px; font-size:13px; background:#fff url(../images/bg-form-field.gif) top left repeat-x; border:1px solid #d5d5d5; color:#333; }

/*************** Facebox ***************/
#facebox .b { background:url(../images/b.png); }
#facebox .tl { background:url(../images/tl.png); }
#facebox .tr { background:url(../images/tr.png); }
#facebox .bl { background:url(../images/bl.png); }
#facebox .br { background:url(../images/br.png); }
#facebox { position:absolute; top:0; left:0; z-index:100; text-align:left; }
#facebox .popup { position:relative; }
#facebox table { border-collapse:collapse; }
#facebox td { border-bottom:0; padding:0; }
#facebox .body { padding:10px; background:#fff; width:570px; }
#facebox .loading { text-align:center; }
#facebox .image { text-align:center; }
#facebox img { border:0; margin:0; }
#facebox .footer { border-top:1px solid #DDDDDD; padding-top:5px; margin-top:10px; text-align:right; }
#facebox .tl,#facebox .tr,#facebox .bl,#facebox .br { height:10px; width:10px; overflow:hidden; padding:0; }
#facebox_overlay { position:fixed; top:0; left:0; height:100%; width:100%; }
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color:#000; z-index:99; }