/*
    ------------------------------------------------------
    FILE:   sitemgr_main.css
    ------------------------------------------------------
    AUTHOR: Brendon Ryniker
    EMAIL:  brendon@actrix.co.nz
    DATE:   Fri Jan  8 10:46:00 2010
    ------------------------------------------------------
    APPLICATION: MOCA CMS
    ------------------------------------------------------
    DEPENDANCIES:
    ------------------------------------------------------
    FUNCTIONALITY:

    General presentation: global selectors & main content area
    ------------------------------------------------------

 $Id$


    statusMsg Red: 990000
    default text: 434F5C
    default link: 333333
    sky blue:#eceff5   (MOCA_SITEMGR_LISTING_ROW_BLUE)
    lighter, slightly blue text:#656F7e
    backend listing rows: MOCA_SITEMGR_LISTING_ROW #eee
                          MOCA_SITEMGR_LISTING_ROW_DEFAULT #fff

*/

BODY,TABLE {

    font-family:verdana,helvetica,sans-serif;
    font-size:12px;
    color:#434F5C;

background: #f8f8f8;
}

A {color:#333;}
UL {margin:1em 0;}
LI {margin:0 0 0.5em 0.5em;}
OPTION{ padding-left:0.5em;}
CODE{ color:#003; }

DIV#sitemgrContainer {
min-height: 642px;
    background: url(../sitemgr/images/sitemgr_body_bg_tile.jpg) top left repeat-x;
}

#sitemgrContent {


}

/*
================================== COMMON PAGE ELEMENTS ===================================
*/

.formHeader, .sectionHeader {

    vertical-align:top;
    padding: 17px 0 6px 0.5em;
}

.listHeader {

    vertical-align:top;
    padding: 17px 0 6px 0.5em;
}


.listHeaderControls{
    float:right;
    text-align:left;
    padding-top:1em;
}
.listHeaderControlsLeft{

    text-align:left;
    padding-top:1em;
}
.listHeaderButtons{

    text-align:right;
    padding-top:1em;
}

.listTitle, .formTitle, .sectionTitle {
font-size: 15px;
color: #838383;
    font-weight:bold;
    padding-right:1em;
    white-space:nowrap;
}

div.listSubTitle{ padding:10px 0 10px 7px;font-size:12px;float:left;}

/* This nmostly for newsletter module - newsletter name in titles etc */
span.listTitle em,div.listSubTitle em {font-style:normal; color:#999;}


.navLinkRight {
margin: -22px 0px 0px 0px;
    padding:0em 1em 0em 0;
    float:right;
}
.navLink A,
.navLinkRight A,
.navLinkRight span {
display: inline-block;
border: 1px solid #ccc;
-webkit-border-radius: 0px  0px 5px  5px ;
-moz-border-radius: 0px  0px 5px  5px ;
border-radius: 0px  0px 5px  5px ;
padding: 20px 10px 8px 10px;

-webkit-box-shadow: #7a7a7a 0px 2px 2px -1px;
-moz-box-shadow: #7a7a7a 0px 2px 2px -1px;
box-shadow: #7a7a7a 0px 2px 2px -1px;
text-decoration: none;
font-size: 11px;
background: #fff;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.navLink A:hover,
.navLinkRight A:hover,
.navLinkRight span {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-bottom : none;
background: #F8F8F8;
color: #3097D2;
}


#statusMessage {
/*
    position:absolute;
    background:#ffffff;
    border:1px solid #999;
   */
    padding:5px;
    color:#db9019;
}

.statusMessage {

/* error / status message */

/*  float:right;*/
    text-align:left;
    padding:4px 0;
    color:#db9019;
}

TD DIV.statusMessage{

    width:450px;
    padding:4px;
    white-space:normal;
}

.statusMessageInline {

/* error / status message : non-block context*/

    display:inline;
    padding-left:5em;
}

.statusMessageCenter {

/* error / status message : centered (login) )*/

    text-align:center;
    padding:1em;
    width:300px;
    margin-left:auto;
    margin-right:auto;
}

UL#errorMessage {
    margin:0em 0 0em 2em;
}
UL#errorMessage LI {
    font-style:italic;
}
UL#warningMessage {
    margin:1em 0 0em 0em;
}
UL#warningMessage LI {
    font-style:italic;
}

P.alert {

    text-align:center;
    padding:1em 0;
}

/* signifier for mandatory form fields */
SPAN.required{ color:#db9019; }



/* ordering column in lists */
TD.ordCell {

    background-color:#eee;
    text-align:center;
    vertical-align:top;
    white-space:nowrap;
}

#ajaxBusy
{
position:fixed;
left:50%;
margin:-50px;
top:100px;

width:100px;
display:none;
padding:8px;
background-color:#efefef;
border:solid 1px #000000;
}

DIV.fancyBookOverlayTitle{

/* in sitemgr - where title is set explicitly */
    padding:2em;
    text-align:center;
    font-size:18px;
}

.fvalueError{

    color:#db9019;
    font-style:italic;
}

.filesize {

    font-size:80%;
    font-style:italic;
    color:#999;
}

.paginator {

    text-align:center;
    padding:1em 0 1em 0;
}

.paginator A {

    text-decoration:none;
}

TD.selector{
    padding:5px 0 5px 0;
    text-align:center;

}
.selector A {color:#999}



/*
======================================= FORM PAGE ELEMENTS =======================================


    The bulk of sitemgr pages are either 'listing' pages
    or 'form' pages. The latter generally for editing a
    record, the former for displaying a list of such
    records.

   'l' prefix used for listing pages (eg: TABLE.ltable, TD.lvalue )
   'f' prefix used for form/edit pages (eg: TD.flabel, TD.fvalue )
   'd' prefix used in/for dialog-type containers
   'column' suffix denotes centre-alignment.(eg: lvaluecolumn)
   'string' suffix denotes nowrap (eg lvaluestring)

*/

TABLE.ltable {

    background-color: none;
    border:none;
    margin:1em 0;
}
TABLE.ftable {

    background-color: none;
    border:none;
    margin:1em 0;
}

TABLE.fsubtable {

    background-color: none;
    margin:1em 0;
}

TD.fheader {

    text-align:center;
    background-color:#f2f2f2;
    border-right:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    color:#666;
/*    font-weight:bold;*/
    padding:8px 4px;
margin: 8px 0px;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

-webkit-box-shadow: #7a7a7a 0px 2px 2px -1px;
-moz-box-shadow: #7a7a7a 0px 2px 2px -1px;
box-shadow: #7a7a7a 0px 2px 2px -1px;
}


TABLE.ltable tr.inactive td,
TABLE.ltable tr.inactive td a,
TABLE.ltable tr.inactive td span{
color: #999999;
}

TD.fsubheader {

    text-align:left;
    background-color:none;
    color:#666;
    font-weight:bold;
    padding:4px;
}
TD.ftreeheader {

    text-align:center;
    border-bottom:1px solid #ccc;
    background-color:none;
    color:#666;
    font-weight:normal;
    padding:4px;
}

DIV.fheader {

    text-align:center;
    background-color:#eeeeee;
    width:100%;
    border-right:none;
    border-top:none;
    border-bottom:none;
    color:#666;
    margin:-4px;
    font-weight:bold;
    padding:4px;
}


.leftHeaderCell
{
-webkit-border-radius: 7px 0px 0px 7px;
-moz-border-radius: 7px 0px 0px 7px;
border-radius: 7px 0px 0px 7px;

-webkit-box-shadow: #7a7a7a 0px 2px 2px -1px;
-moz-box-shadow: #7a7a7a 0px 2px 2px -1px;
box-shadow: #7a7a7a 0px 2px 2px -1px;
}

.rightHeaderCell
{
-webkit-border-radius: 0px 7px 7px 0px;
-moz-border-radius: 0px 7px 7px 0px;
border-radius: 0px 7px 7px 0px;

-webkit-box-shadow: #7a7a7a 0px 2px 2px -1px;
-moz-box-shadow: #7a7a7a 0px 2px 2px -1px;
box-shadow: #7a7a7a 0px 2px 2px -1px;
}

.lheader {

    background-color: #eeeeee;
    border-right:none;
    border-bottom:none;
    color:#666;
    font-weight:normal;
    height:auto;
    padding:9px;
    text-align:left;
-webkit-box-shadow: #7a7a7a 0px 2px 2px -1px;
-moz-box-shadow: #7a7a7a 0px 2px 2px -1px;
box-shadow: #7a7a7a 0px 2px 2px -1px;
}

.lheadercolumn {

/* NB: 'column' suffix generally denotes centre-alignment */

    text-align:center;
    background-color: #eeeeee;
    border-right:none;
    border-bottom:none;
    color:#666;
    font-weight:normal;
    height:auto;
    padding:9px;
-webkit-box-shadow: #7a7a7a 0px 2px 2px -1px;
-moz-box-shadow: #7a7a7a 0px 2px 2px -1px;
box-shadow: #7a7a7a 0px 2px 2px -1px;
}

.lheader a, .lheadercolumn a {
    color:#666;
    text-decoration:none;
}
.lheader a:hover, .lheadercolumn a:hover, a.help:hover {
    color:#db9019;
}

.lcolumn span.box{
display: inline-block;
padding: 2px 5px;
margin-left: 10px;
border: 1px solid #ccc;
background: none;
}

.level1 .content{

}
.level2 .content{
padding-left: 50px;
}
.level3 .content{
padding-left: 100px;
}

.lheaderrow {
    /* listing header cell for 2-row header columns */
    background-color:#f2f2f2;
    border-right:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    color:#666666;
    font-weight:normal;
    text-align:left;
    padding:0 1em;
}
.lheaderrowcolumn {
    /* listing header cell for 2-row header columns */
    background-color:#f2f2f2;
    border-right:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    color:#666666;
    font-weight:normal;
    text-align:center;
    padding:0 1em;
}

.llabel{
/* search/date field labels etc on listing pages */

color:#999;
font-size:11px;
}

.flabel,.labelHorizontal {

/* valueHorizontal is analogous formbuilder  selector
   */

    text-align:right;
    background-color:none;
    padding:4px 5px;
    font-size:12px;
    color:#434F5C;
    vertical-align:top;
}

.fvalue,.valueHorizontal{

/* RH cell of edit forms (contains form elements)
   valueHorizontal is analogous formbuilder  selector
   */


    background-color:none;
    padding:4px 3px;
    font-size:12px;
    color:#434F5C;
    vertical-align:top;
    white-space:nowrap;
    text-align:left;
}
.fcolumn {

    text-align:center;
    background-color:none;
    padding:4px 3px;
    font-size:12px;
    color:#434F5C;
    vertical-align:top;
}

.disabled{color:#ccc;text-decoration:none;}
.dlabel{

    text-align:right;
    padding:4px 3px;
}
.dvalue{

    text-align:left;
    padding:4px 3px;
}


TD.fvalue P,TD.flabel P,TD.fcolumn P{

    margin:1em 0 0.5em 0;
}

.flabel A, .fvalue A {

    color:#434F5C;
    text-decoration:none;
}

TD.special{
    /* Added to fvalue, flabel */
    background-color:#eee;
    padding:10px;
}

.lvalue{
    text-align:left;
    background-color:none;
    vertical-align:top;
    font-size:12px;
    color:#434F5C;
   height:auto;
    padding:9px;
border-bottom: 1px solid #e4e4e4;
}

.ajaxSave{
position: relative;
display:block;
min-width:100px;
height:20px;
}

.ltable TD.checkbox{

    width:30px;
}
.ltitle{
background:#eceff5;
    text-align:left;
    vertical-align:top;
    font-size:12px;
    color:#434F5C;
    padding:4px 3px;
    border-bottom:1px solid #fff;
    border-top:1px solid #fff;
    font-weight:bold;
}
.ltable TD.drag,.ltable TH.drag, .ltable TD.int{
    /* drag columns */
    width:30px;
}

.ltable TD.icon, .ltable TD.id{

    width:40px;
}
.ltable TD.edit{

    width:20px;
}

.ltable TD.fifty,.ltable TH.fifty{

    width:50px;
}
.ltable TD.limit,.ltable TH.limit{
    /* int/status/delete columns */
    width:70px;
}

.ltable TD.date,.ltable TH.date{
    /* date columns */
    width:140px;
}
.ltable TD.datetime,.ltable TH.datetime{
    width:140px;
}
.ltable TD.hundred,.ltable TH.hundred{
    width:100px;
}
.lbutton { width:100px; text-align:center; }
.lbutton a{
 text-align:center;
    display:inline-block;
    background:#eceff5;
    background:#eeeeee;
    width:80px;
    height:100%;
    border:1px solid #999;
    text-decoration:none;
}

p.loption{ float:right;padding:0 20px 10px 0;font-size:70%; margin:0;}
p.loption a { text-decoration:none; color:#666;}

.lvaluestring{
    text-align:left;
    white-space:nowrap;
    background-color:none;
    vertical-align:top;
    font-size:12px;
    color:#434F5C;
    padding:4px 3px;
}

.lcolumn {
    background-color:none;
    padding:9px 6px;
    text-align:center;
    color:#434F5C;
    vertical-align:top;
border-bottom: 1px solid #e4e4e4;
}

.lcolumnstring {
    white-space:nowrap;
    background-color:none;
    padding:9px 6px;
    text-align:center;
    vertical-align:top;
border-bottom: 1px solid #e4e4e4;
}

.lcurrency{
    text-align:right;
    background-color:none;
    vertical-align:top;
    font-size:12px;
    color:#434F5C;
    padding:9px 6px;
border-bottom: 1px solid #e4e4e4;
}
table.recItems td.currency,table.recItemsEdit td.currency,
.currency{text-align:right;}

SPAN.lnote  {

    color:#aaa;
    /* font-style:italic;*/
}

.lvalue A,.lcolumnstring A,.lcolumn A,.lcurrency A {
text-decoration: none;
    color:#434F5C;
}

.lvalue A:hover,
.lcolumnstring A:hover,
.lcolumn A:hover,
.lcurrency A:hover
{
text-decoration: none;
color:#3097D2;
}

/* list products, content history, etc */
TABLE#pcontrols TD{text-align:right;}

DIV.ffunc
{
/* container for supplementary functionality controls in forms
   eg: uploaded images - logos - in editForm contexts
*/
max-width:300px;
border:1px solid #ccc;
padding:5px;
}
DIV.ffunc SPAN
{
font-size:75%;
}
DIV.ffunc .fimage,DIV.ffunc .fdocument
{
padding-bottom:5px;
}
DIV.ffunc a
{
text-decoration:underline;
}


/* Toggler for fck_editor menu bar */
#fckToggle{padding:0 0 0 550px;margin:0}
#fckToggle a {font-size:16pt;color:#ccc;font-weight:bold;text-decoration:none;}
DIV#fcktoolbar{border-bottom:1px solid #ccc;}

DIV.addButton{

    color:#666;
    font-size:11px;
    text-align:center;
}
DIV.addButton a{
position: relative;
    color:#666;
    text-decoration:none;
z-index: 99;
}

.buttonPanel {

    text-align:center;
    padding: 15px 0 3em 0;
}
.buttonPanelL {

    text-align:left;
    padding: 10px 0 15px 0;
}
.buttonPanelTight {

    text-align:center;
    padding: 5px 0 5px 0;
}
.buttonPanelTight INPUT.fsmallsub, BUTTON.fsmallsub{
    font-weight:normal;
    width:6em;
    font-size:90%;
    font-family:verdana,helvetica,sans-serif;
    font-size:10px;
}

.strong{font-weight:bold}
.centred{ text-align:center; }
.small{ font-size:75%; }
.caps{font-size:11px;text-transform:uppercase; }
.sidenote{
    color:#999;
    padding-left:1em;
    font-size:11px;
}

DIV.footnote,TD.footnote,DIV.lfootnote{

/* Notes or instructions beneath listing table */

    color:#999;
    font-style:italic;
    padding:1em;
}
DIV.footnoteTight{
    color:#999;
    font-style:italic;
    padding:0 0 0 1em;
    margin-top:-.5em;
}

.footnote A,
.lfootnote A,
.footnoteTight{ color:#799;}

/*
================================== ALERT/ CONFIRM DIALOGS ==================================
*/
#mocaDialog{
    color:#434F5C;
    font-family:verdana,helvetica,sans-serif;
    font-size:11px;
}
#mocaDialog P:first-child{
    padding: 1em 0;
}

#mocaDialog H3{

    color:#434F5C;
    padding:1em 0;
}

/*
======================================= FORM ELEMENTS =======================================
*/


.fsub {

/* buttons */

    font-weight:normal;
    width:8em;
    font-family:verdana,helvetica,sans-serif;
        font-size:11px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
padding: 4px 10px;
color: #fff;
font-weight: bold;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#959595'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#959595)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #adadad,  #959595); /* for firefox 3.6+ */
cursor: pointer;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.fsub:hover{
background: #3097D2;
}

.fsmallsub {

/* secondary buttons */
cursor: pointer;
    font-weight:normal;
    width:7em;
    font-family:verdana,helvetica,sans-serif;
       font-size:11px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
padding: 4px 10px;
color: #fff;
font-weight: bold;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#959595'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#959595)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #adadad,  #959595); /* for firefox 3.6+ */
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.fsmallsub:hover{
background: #3097D2;
}

.fsubNoWidth {

/* buttons */
cursor: pointer;
    font-weight:normal;
    font-family:verdana,helvetica,sans-serif;
        font-size:11px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
padding: 4px 10px;
color: #fff;
font-weight: bold;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#959595'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#959595)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #adadad,  #959595); /* for firefox 3.6+ */
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.fsubNoWidth:hover{
background: #3097D2;
}

/* TEXT INPUT BOXES */


.fxltxt {
/* extra-long */
    font-size:11px;
    width:50em;
    font-family:verdana,helvetica,sans-serif;



padding: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
border: 1px solid #ccc;
}

.fltxt {
/* long */
    font-size:11px;
    width:30em;
    font-family:verdana,helvetica,sans-serif;
padding: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
border: 1px solid #ccc;
}


.fmtxt, .ftxt {
/* medium */
    font-size:11px;
    width:30em;
    font-family:verdana,helvetica,sans-serif;
padding: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
border: 1px solid #ccc;
}

#mf_text_username,
#mf_password_password
{
width: 215px;
}

.fphtxt {font-family: verdana,helvetica, sans-serif; font-size:11px; width: 12em;text-align:left; }
.fphcodetxt {font-family: verdana,helvetica, sans-serif; font-size:11px; width: 3em;text-align:right; }
.fstxt {
/* short */
    width:12em;
    font-family:verdana,helvetica,sans-serif;
    font-size:11px;

padding: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
border: 1px solid #ccc;
}
.fsmalltxt {
    height:10px;
    width:15em;
    font-family:verdana,helvetica,sans-serif;
    font-size:11px;
padding: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
border: 1px solid #ccc;
}

.fnametxt {

    width:15em;
    font-family:verdana,helvetica,sans-serif;
    font-size:11px;
padding: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
border: 1px solid #ccc;
}
.fdate {

    width:8em;
    font-family:verdana,helvetica,sans-serif;
    font-size:11px;
}
.finttxt{

    width:5em;
    font-family:verdana,helvetica,sans-serif;
    font-size:11px;
padding: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
border: 1px solid #ccc;
}
.fcurrencytxt{

    width:8em;
    font-family:verdana,helvetica,sans-serif;
    font-size:11px;
padding: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
border: 1px solid #ccc;
}

/* SELECT ELEMENTS */

select{

    font-weight:normal;
    font-family:verdana,helvetica,sans-serif;
    font-size:11px;
padding: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
border: 1px solid #ccc;
}

.fssel {

/* short */
    width:12em;
    font-size:11px;
padding: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
border: 1px solid #ccc;
}

.fsel {

/* default */

    width:226px;
    padding: 3px 3px;
    font-size:11px;
padding: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
border: 1px solid #ccc;
}

.fattribsel {

/* small [eg: product attribute class] */

    width:226px;
    padding: 3px 3px;
    text-align:left;
    font-size:11px;
padding: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
border: 1px solid #ccc;
}
.fattribselNoWidth {

/* small [eg: product attribute class] */

    font-size:11px;
    text-align:center;
    font-size:11px;
padding: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
border: 1px solid #ccc;
}

.fseparator, .lseparator {
    /* form header cell */
    background-color:#f2f2f2;

    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    color:#666666;
    text-align:center;
    height:25px;
    padding:4px;
}

.fseparator DIV.control, .lseparator DIV.control {
    /* expand/collapse icon */
    float:right;
}
.fseparator DIV.control IMG, .lseparator DIV.control IMG {
    border:0;
}
TR.fstrip {
    height:10px;
}

TD.fstrip {
    background:#ebf1fd;
    border-bottom:solid 1px #ccc;
    color:#666666;
    font-family:arial,sans-serif;
    font-size:10px;
    text-align:right;
    height:10px;
    padding:2px;margin:0;vertical-align:middle;
    letter-spacing:.1em;
}
TD.fstrip LABEL{

}
TD.fstrip INPUT {
    padding:0;margin:0;vertical-align:middle;
}
TD.fstrip LABEL:hover{
color:#db9019;
}
.fpanelsel {

/* small- eg: imglibrary, form fields */

    font-size:11px;
    font-weight:normal;
    font-family:verdana,helvetica,sans-serif;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
padding: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e1e1e1'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e1e1e1)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fff,  #e1e1e1); /* for firefox 3.6+ */
}

.fselNoWidth {

    font-family:verdana,helvetica,sans-serif;
    font-size:11px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
padding: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e1e1e1'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e1e1e1)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fff,  #e1e1e1); /* for firefox 3.6+ */
}

SELECT.fselNoWidth OPTION {
   border: 1px solid #ccc
padding: 4px;
}


.fintsel {

/* integer  */

    font-weight:normal;
    width:6em;
    font-family:verdana,helvetica,sans-serif;
    font-size:11px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
padding: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e1e1e1'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e1e1e1)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fff,  #e1e1e1); /* for firefox 3.6+ */
}

.finlinehelp{

    font-style:italic;
    color:#999;
    font-size:12px;
    display:inline;


}



.finlinelabel{

    font-style:normal;
    font-weight:normal;
    color:#999;
    font-size:11px;
    display:inline;
}

.finlinehelp CODE, .finlinelabel CODE {
    color:#799;
    font-style:normal;

}
.fdisabled,a.fdisabled,.fdisabled a{

    color:#ccc;
}

OPTION.fdefault{

    color:#999;
}


DIV.fnote{

/* info box for edit form */

    float:right;
    background-color:#eee;
    padding:3px;
    border:1px solid #ccc;
    margin-right:2em;
}

DIV.fpanel{

/* panel in edit form Cell */
    background:#eceff5;
    padding:5px;
    margin:10px 15px;
    border:1px solid #bbb
}

TABLE.fpanel{
    background:#eceff5;
    background:#eee;
    padding:10px;
    border:1px solid #bbb;
}

.finset{

    border:1px solid #bbb;
    background:#eceff5;
    padding:4px;
    font-size:11px;
    text-align:left
}

.lpanel{

/* panel above listing */
background:none;
padding:5px;
/*background:#ddd;*/
border:none;
margin: 10px 0px;
}


.fgroup,.fbox  {
/* form checkbox group */
   border:1px solid #ccc;
   background:#eceff5;
   padding:5px;
}

.fboxsubelement  {
/* form checkbox group */
    text-align:center;
    font-size:11px;
   border:1px solid #ccc;
/*   background:#eceff5;*/
   padding:5px;

}

.fgroup TD{
   padding:2px;
   width:10em;
}
.fgroup LABEL {

}
.fblock{

    background-color: none;
    padding:1em 1.5em;
    font-family:verdana,helvetica, sans-serif;
    font-size:12px;
    color:#434F5C;
    text-align:left;
    vertical-align:top;
    border:1px solid #ccc
}

.ferror{
    font-size:90%;
    color:#999;
}

DIV.panel{

    padding:5px;
    margin:10px 15px;
}

.padl{display:inline; padding-left:1.5em;}
.padr{display:inline; padding-right:1.5em;}
.right{text-align:right;}



/*
   SMALL FORMS

   Secondary element sets - forms within forms, so to speak.
*/

TABLE.fsecondary{

    border:1px solid #ddd;
    padding:1em;
    background-color:#eceff5;
}
TABLE.fsecondary TH{
    padding-bottom:0.5em;
}

TABLE.fsecondary TD{
    background-color:#eceff5;
    border-bottom:1px solid #ddd;
}
TABLE.fsecondary TR:first-child TD{
    border-bottom:0
}

TABLE.fsecondary INPUT.ftxt{

    width:12em;
    font-size:9px;
}

TABLE.fsecondary TD.fvalue{

    font-size:11px;
    padding:1px 1px 1px 5px;
}
TABLE.fsecondary TD.ftype{

    text-align:center;
    font-size:11px;
    padding:1px;
}
TABLE.fsecondary SELECT {
cursor: pointer;
    font-size:11px
    font-size:11px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
padding: 4px;
color: #fff;
font-weight: bold;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#959595'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#959595)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #adadad,  #959595); /* for firefox 3.6+ */
}

TABLE.fsecondary INPUT.fsub{
cursor: pointer;
    width:5em;
     font-family:verdana,helvetica,sans-serif;
    font-size:11px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
padding: 4px 10px;
color: #fff;
font-weight: bold;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#959595'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#959595)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #adadad,  #959595); /* for firefox 3.6+ */
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

TABLE.fsecondary INPUT.fsub:hover{
background: #3097D2;
}

TABLE.fsecondary TD DIV.swatchtype{

    background-color:black;
    width:14px;
    height:14px;
}


TABLE.fsecondarytight{

    border:1px solid #ddd;
    padding:0.5em;
    background-color:#eceff5;
}
TABLE.fsecondarytight TD{
    background-color:#eceff5;
    border-bottom:0;
}

.alphaLinks {

/* links for alphabetic filtering */

    border:1px solid #ddd;
    padding:0.5em;
    background-color:#eceff5;
    text-align:center;
}
.alphaLinks SPAN {

/* Live character */
    background-color:#374d6f;
    color:#fff;
    font-weight:bold;
    padding:0 3px;
}
DIV.selectLinks{

/* Select All/Select None */
     padding-top:5px;
     font-size:11px;
}

/*
======================================= MODULES =======================================
*/

DIV#sitebuilderBreadcrumbs{

    display:inline;
    padding:0 0 0 2em;
}


TABLE#sitebuilderTable{

    width:100%;
}

.sitebuilderChild{

/*    display:none;*/
}
TABLE#sitebuilderTable TD.title{
padding-left:20px;
}

TABLE#sitebuilderTable TD.icons{
vertical-align:top;
white-space:nowrap;
width:60px;
}
TABLE#sitebuilderTable TD.icons a{
text-decoration: none;
}
TABLE#sitebuilderTable TD.links{
white-space:nowrap;
width:200px;
font-size:10px;
text-transform:uppercase;
}
TABLE#sitebuilderTable A.toggler IMG {
    padding-right:8px;
}
TABLE#sitebuilderTable TD.icons IMG {
    vertical-align:middle;
}
TABLE#sitebuilderTable A{
/*  text-decoration:none; */
    color:#434F5C;
}

TABLE#sitebuilderTable A:hover{
/*  text-decoration:none; */
    color:#3097D2;
}

TABLE#sitebuilderTable TD SPAN.sbChild:hover,TABLE#sitebuilderTable TD SPAN.sbParent:hover{
cursor:pointer;
}
DIV#siteBuilderLoaderImage{
text-align:center;
width:500px;
position:absolute;
top:200px;
}

/*
============================ AJAX POPUP EDIT DIALOGS (eg COUNTRIES) )==========================
*/


DIV.editPanel{
    border:1px solid #999;
    background:white;
    position:absolute;
    display:none;
    padding:10px;
}
DIV.editFormHeader{
    color:#666;
    padding:10px 10px 1em 0;
    font-weight:bold;
}

DIV.editPanel TD.labelElement {
    text-align:center;
    padding-bottom:1em;
}

TR.editFormRow TD{
    font-size:11px;
    text-align:left;
    white-space:nowrap;
    padding:3px 10px 3px 0;
    vertical-align:top;
}

TR.editFormRow TD.editFormLabel,TR.editFormValuesRow TD.editFormLabel{
    vertical-align:top;
    color:#999;
    text-align:right;
    font-size:11px;
    padding-right:10px;
}

TD.aslabel{
    padding:5px;
    text-align:center;
    color:#999;
}
.editPanel TD.valuesRow{
    padding-top:1em;
}

/*
=================================== COUNTRIES =================================
*/
TABLE#country TD{
    padding:3px;
}

TABLE#country_state{

    margin-top:1em;
    border:1px solid #eee;
    padding:1em;
    background:#ffe
}
TABLE#country_state TD{
    padding:0;
}
TABLE#country_state TH{

    font-weight:normal;
    text-align:left;
    padding:0 0 0.5em 0.5em ;
}
#country_state INPUT.ftxt {
    width:15em;
    font-size:9px;
}
#country_state INPUT.fsmallsub {
    width:5em;
    font-size:9px;
}

/*
====================== ADMINISTRATOR EDIT =================================
*/


TD.outliner{
border:1px solid #eee;
}

/* DIV.loading{vertical-align:middle;text-align:center;width:20em;}
    #pageLoadingAlert{
        display:none;
        padding:2em;
    }
 */
.treeBox {
     /*   display:none;


        width:100%;*/
        vertical-align:top;
/*        border-left:solid 1px #c4c3c3;*/

        background:none;
        margin-bottom:5px;
        padding:0;

        text-align:left;
    }
.treeBox STRONG {
/* tree first item titles */
    font-weight:normal;
    color:#656F7e;
}

.treeBoxInactive{
/* for admin category access inactive modules */
    margin-bottom:5px;
    padding:2px 0 2px 20px;
    color:#656F7e;
    background:#ebf1fd url(../js/jquery.jstree/themes/apple/icons.png) no-repeat scroll -48px -32px;
}
.treeBoxInactive EM{color:#999;}


/*
====================== SITEBUILDER PAGE EDIT =============================
    Selectors for elements related to the user (access) )selection popup
*/

DIV#userAccess {
    width:40em;
    padding:1em;
}

TABLE#selectUsers .lheader,TABLE#selectUsers .lheadercolumn {font-weight:normal;}

TABLE#selectUsers .flabel {

    text-align:right;
    background-color:none;
    padding:2px;
    font-size:11px;
    color:#434F5C;
    vertical-align:top;
}
TABLE#selectUsers .fvalue {

    text-align:left;
    background-color:none;
    padding:2px;
    font-size:11px;
    color:#434F5C;
    vertical-align:top;
}
TABLE#selectUsers .fcolumn {

    text-align:center;
    background-color:none;
    padding:2px;
    font-size:11px;
    color:#434F5C;
    vertical-align:top;
}

.userConfig TD {

    color:#999;
}
#userAccessConfig {

    background-color:#eee;
    width:30em;
    padding:5px;
}


#userConfigScroller {

    max-height:250px;
    overflow:auto
}

.inheritText {

/* editPage access restrictions */

    color:#966;
}

/* doc/img library fck_editor */

BODY.popup TABLE#browser{

    background:#fff;
    margin-top:20px;
    width:100%;
    border:1px solid #bbb;
    padding:5px;
}
BODY.popup TABLE#browser TD{
white-space:nowrap;
}
BODY.popup DIV.bdoc{

    position:relative;
    float:left;
    width:100%;
}

BODY.popup DIV.bimg{

    display:inline;
    width:20px;
}
BODY.popup DIV.btitle{

    display:inline;
    white-space:nowrap;
    padding-left:0.5em;
}
.addendum{

    font-size:90%;
    font-style:italic;
}


/* image browser: */
BODY.popup TABLE#browser TD.img{
    width:20px;
}

BODY.popup TABLE#browser TD.iname{
    width:50%;
}

/* DOC/IMG/VID LIBRARY */

DIV#libraryLinks{

    border:1px solid #999;
    background:white;
    position:absolute;
    display:none;
    padding:10px;
    text-align:center;
    width:250px;
}
TABLE#libraryLinksTable{
    text-align:left;
}
TABLE#libraryLinksTable TD{

    text-align:left;
}
TD.libraryLinksHeader{
    font-weight:bold;
}
DIV.libraryLinksNote{
    text-align:left;
    font-size:11px;
    color:#666;
    padding-bottom:0.5em;
}

/* NEWSLETTERS */

DIV#currentGroups DIV{

}

/* group membership */

SELECT.fseldual{
    width:25em;
    height:30em;
    font-size:11px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
padding: 4px;
color: #fff;
font-weight: bold;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#959595'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#959595)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #adadad,  #959595); /* for firefox 3.6+ */
}


INPUT.fsubdual{
/* move buttons */
cursor: pointer;
    width:3em;
    border:1px solid #999;
    font-weight:bold;
    font-size:12pt;
    margin-bottom:3px;
    cursor:pointer;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

INPUT.fsubdual:hover{
background: #3097D2;
}

SELECT.fseldual OPTION{
    padding:2px;
}
INPUT.fTo{background: url(../sitemgr/images/arrow-next-on.gif) white center no-repeat;}
INPUT.fTo:hover{background: url(../sitemgr/images/arrow-next-on.gif) #eceff5 center no-repeat;}
INPUT.fFrom{background: url(../sitemgr/images/arrow-prev-on.gif) white center no-repeat;}
INPUT.fFrom:hover{background: url(../sitemgr/images/arrow-prev-on.gif) #eceff5 center no-repeat;}
INPUT.fToAll{background: url(../sitemgr/images/arrow-next-all.gif) white center no-repeat;}
INPUT.fToAll:hover{background: url(../sitemgr/images/arrow-next-all.gif) #eceff5 center no-repeat;}
INPUT.fFromAll{background: url(../sitemgr/images/arrow-prev-all.gif) white center no-repeat;}
INPUT.fFromAll:hover{background: url(../sitemgr/images/arrow-prev-all.gif) #eceff5 center no-repeat;}

TABLE#dualSelectTable INPUT.fsmalltxt{
border:1px solid #bbb;
width:23em;
font-size:11px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
padding: 4px;
color: #fff;
font-weight: bold;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#959595'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#959595)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #adadad,  #959595); /* for firefox 3.6+ */
}
TABLE#dualSelectTable BUTTON.clearFilter{
vertical-align:bottom;
height:15px;
border:1px solid #bbb;
}
TABLE#dualSelectTable BUTTON.clearFilter:hover{
cursor:pointer;
}
TABLE#dualSelectTable  TH{
font-weight:normal;
text-transform:uppercase;

text-align:left;
}

/* preview message */
DIV#previewMessage{
padding:20px;
font-family:verdana,sans-serif;
}

DIV#previewMessage link{
    text-align:center;
    font-family:verdana,sans-serif;
    background-color:none;
    font-size:12px;
    color:#999999;
    padding:2px;
}
DIV#previewMessage link a{
color:#000;
}

DIV#previewMessage .headers {
    font-family:verdana,sans-serif;
    font-size:12px;
    margin:10px 0 20px 0;
}
DIV#previewMessage .header {
    font-weight:bold;
      width:80px;
}
DIV#previewMessage .headerValue {
    font-size:12px;
}


/* PRODUCTS */

/* edit product */
DIV.responseText{ min-height:20px; }
DIV.attributeBox{  min-width:250px;}

    DIV.loading{vertical-align:middle;text-align:center;width:20em;}

    TABLE#editProduct #category_header,
    TABLE#editProduct #cross_header,
    TABLE#editProduct #related_header{
        text-align:right;
        display:none;
        width:100%;
    }
    TABLE#editProduct #category_text_display,
    TABLE#editProduct #cross_text_display,
    TABLE#editProduct #related_text_display{
        padding:0.5em;
    }
    TABLE#editProduct #category_text_display a,
    TABLE#editProduct #cross_text_display a,
    TABLE#editProduct #related_text_display a{
        color:#434F5C;}
    TABLE#editProduct .category_path,
    TABLE#editProduct .cross_path,
    TABLE#editProduct .related_path{
        padding: 2px 0;
    }
    TABLE#editProduct #category_tree_display,
    TABLE#editProduct #cross_tree_display,
    TABLE#editProduct #related_tree_display{
        padding:.5em 0;
    }
    TABLE#editProduct #category_loading_alert,
    TABLE#editProduct #cross_loading_alert,
    TABLE#editProduct #related_loading_alert{
        padding:2em;
    }
    TABLE#editProduct #category_table,
    TABLE#editProduct #cross_table,
    TABLE#editProduct #related_table{
        background:#eceff5;
        display:none;
        width:auto;
        max-width: 500px;
        min-width: 200px;
        font-size: 11px;
        border:solid 1px #c4c3c3;
        margin:0;
        padding:0;
        text-align:left;

    }
    TABLE#editProduct #category_table TD,
    TABLE#editProduct #cross_table TD,
    TABLE#editProduct #related_table TD{
        font-weight:normal;
        padding:2px;
    }
    TABLE#editProduct IMG#loading_img{}

    TABLE#editProduct #table_weight_div{
        background:white;
        padding:3px;
        text-align:right;
        font-size:11px;
        margin-top:10px;
        display:none;
    }
    TABLE#editProduct #product_rate_link_div{
        background:white;
        padding:3px;
        text-align:right;
        font-size:11px;
        margin-top:10px;
        display:none;
    }
    TABLE#editProduct #product_rate_link_div a{
        font-size:11px;
        text-decoration:none;
        color:#666;
    }
    TABLE#editProduct .fvaluepanel{
        background:#eceff5;
        width:408px;
        padding:5px;
        border:solid 1px #c4c3c3;
    }
    TABLE#editProduct .fgroup{
        background:#eceff5;
        min-width:420px;
        padding:5px;
        border:solid 1px #c4c3c3;
    }
    #imageTable{
        background:#eceff5;
        width:200px;
        padding:0.5em;
        border:solid 1px #c4c3c3;
        border-collapse:collapse;
        margin-right: 0px;
    }
    #imageTable td{
        padding:1em;

        border-bottom:solid 1px #EEEEEE;
    }
/* shipping rate */
.handling{
    color:#999;
    font-size:12px;
}
DIV.shippingRateState{

    display:inline;
    padding-left:2em;/*
    float:right;
    padding-right:4em;*/
}
DIV#shippingTableRates{

    border:1px solid #999;
    background:white;
    position:absolute;
    display:none;
    padding:10px;
    text-align:center;
    width:250px;
}
TD.tableRateHeader{
    padding:1em;
    text-align:center;
    font-weight:bold;
}
DIV.tableRateNote{
    text-align:center;
    font-size:11px;
    padding:1em 0;
}
TABLE#shippingEditTable{

    background:#eceff5;
    padding:1em;
}
TABLE#shippingEditTable TD.lbl{
font-size:11px;
text-align:center;
vertical-align:top;

}

TABLE#editProduct DIV.attributeBox{display:none;position:absolute}

/* PRODUCT ORDERS */
.recDetails TH, .recDetailsEdit TH ,.recDetails TD, .recDetailsEdit TD{
    vertical-align:top;
}
DIV.recDetailsEdit{
    background:none;
    border:1px solid #999;
    padding:1em;
    margin:1em 0.5em;
}

DIV.recItemsEdit{
    background:none;
    border:1px solid #999;
    padding:1em;
    margin:1em 0.5em;
}
DIV.recDetails{

    background:none;
    border:1px solid #999;
    width:40%;
    padding:1em;
    margin:1em 0.5em;
    float:left;
}


DIV.recItems{

    background:none;
    border:1px solid #999;
    padding:1em;
    margin:1em 0.5em;
    float:left;
    width:50%;
}

TABLE.recItems TD, TABLE.recItemsEdit TD{
    text-align:center;
}

TABLE.recItems TH, TABLE.recItemsEdit TH{


    text-align:center;
}

TABLE.recItems TD,TABLE.recItemsEdit TD{
    line-height:1.1em;
    vertical-align:top;
}
TABLE.recItems TD.fieldStr,TABLE.recItemsEdit TD.fieldStr{
    border-bottom:1px solid #fff;
}

TABLE.recItems TD.fieldStr SPAN,TABLE.recItemsEdit TD.fieldStr SPAN {
 /* item names */
 color:#db9019;
}
TABLE.recItems TD.fieldStr DIV,TABLE.recItemsEdit TD.fieldStr DIV{
 /* item field values */
    color:#999;
    font-size:11px;
    margin-top:0.5em;
    padding:0 0 0 0em;
}

TABLE.recDetails TH,TABLE.recDetailsEdit TH{
 /* user field label */
    text-align:right;
}
TABLE.recItems TH,TABLE.recItemsEdit TH{
    color:#666;
}
TABLE.recItems TD.price,TABLE.recItems TH.price{
 /* shipping/handling/coupon header */
    text-align:right;
}
TABLE.recDetails TD,TABLE.recDetailsEdit TD{
    padding-left:1em;
}
TABLE.recDetails TH{ font-weight:normal;white-space:nowrap;font-size:11px;background-color: #eceff5;padding:2px;}
TABLE.recItems TD.subtotal,TABLE.recItemsEdit TD.subtotal{ text-align:right; }
TABLE.recItems TD.fieldStr,TABLE.recItems TH.fieldStr,TABLE.recItemsEdit TD.fieldStr,TABLE.recItemsEdit TH.fieldStr{
    text-align:left;
    width:35%;
}

/* SITEBUILDER GLOBAL CONTENT */
TABLE#outputTable{
    background-color:none;
    border: none;

}
TABLE#outputTable TD.fvalue{ font-family:courier new,monospace; }
TABLE#outputTable TD.fheader {

    text-align:left;
    background-color:#f2f2f2;
    border-right:none;
    border-bottom:none;
    color:#666;
    padding:4px;
}
TABLE#outputTable TD.rows{
    text-align:center;
    font-family:verdana,helvetica,sans-serif;
    font-size:11px;
    color:#434F5C;
}
P.outputTerms{ color:#999; }
P.outputTerms EM{ color:#434F5C; }
BODY.print{
background:#fff;
padding:3em;
}

TD.nrb,.nrb{border-right:0;}
TD.nlb.nlb{border-left:0;}

/* USER REPORTS */
TABLE.requests{
background:white;
padding:10px;
border:1px solid #999;
margin:1em;
}
TABLE.requests TH{
font-weight:normal;
font-style:italic;
padding:5px 0;
}
TABLE.requests TD.login{padding-right:2em;}
/* USER IMPORT/EXPORT */
SELECT#newsletter OPTION{
border-top:1px solid #999;
background:white;
}
SELECT#newsletter OPTION.site{
font-weight:bold;
}
SELECT#newsletter OPTION.group{
padding-left:3em;
background:#eceff5;
color:black;
font-style:italic;
}

ul.menuLinkList LI{
margin:0 0 0 1em;
}

/* sitemgr/productOrder */
BODY.receipt
{
padding:10px;margin:0;
}
BODY.receipt, BODY.receipt TABLE
{
color:#000;font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
TABLE#productOrderReceipt
{
width:626px;
}
TABLE#productOrderReceipt TD
{
padding-left:12px;
vertical-align:top;
}
TABLE#productOrderReceipt TD.receiptLabel
{
font-weight:bold;font-size:12px;padding-left:0px;
}
TABLE#productOrderReceipt TABLE.userDetails
{
border:1px solid #464646;
}
TABLE#productOrderReceipt TABLE.userDetails TD.receiptUserLabel
{
background:#e6e6e6;border-bottom:1px solid #c8c8c8;text-align:left;width:135px;
}
TABLE#productOrderReceipt TABLE.userDetails TD.receiptUserValue
{
background:#f0f0f0;border-bottom:1px solid #d2d2d2;padding-left:12px;
}
TABLE#productOrderReceipt TABLE.heading
{

}
TABLE#productOrderReceipt TABLE.heading TD
{
font-size:15px;text-align:right;
}
TABLE#productOrderReceipt TABLE.heading TD.heading
{
font-weight:bold;
color:#464646;
font-size:16px;
vertical-align:bottom;
}
TABLE#productOrderReceipt P.spacer
{
font-size:7px; line-height:7px; margin:0;
}
TABLE#productOrderReceipt TABLE.userProducts
{
border:1px solid #464646;
}
TABLE#productOrderReceipt TABLE.userProducts TD.upLabel
{
background:#e6e6e6;border-bottom:1px solid #c8c8c8;font-weight:bold;
}
TABLE#productOrderReceipt TABLE.userProducts TD.upValue
{

background:#f0f0f0;border-bottom:1px solid #d2d2d2;
vertical-align:top;
}
TABLE#productOrderReceipt TABLE.total
{
background:#e6e6e6;border:1px solid #464646;
}
TABLE#productOrderReceipt TABLE.total TD
{
font-size:13px;
font-weight:bold;
text-align:right;
}

/* LINK VALIDATOR */
DIV#viewUrlPort,DIV#viewLinkPort
{
text-align:left;

width:550px;
height:200px;
border:1px solid #999;
line-height:17px;
background:#ECEFF5;
overflow:auto;
}
DIV#viewUrlPort DIV#activeUrl
{

width:545px;
height:17px;
background:#ffe;
color:#db9019;
}
DIV#results
{
background:#eee;
height:400px;
width:300px;
border:1px solid #999;
overflow:auto;
}
DIV#viewLinkPort DIV.status
{
float:right;
padding-right:1em;
color:green;
}
DIV#viewLinkPort DIV.broken,SPAN.code
{
color:#db9019;
}
DIV#viewLinkPort DIV.page
{
background:#ffe;
font-style:italic;
}
DIV.pheader
{
text-align:left;
font-weight:normal;
border-bottom:1px solid #ccc;

padding:4px;
background:#f2f2f2;
}
DIV#resultLink,DIV#doneLink,DIV#doneUrl,DIV#activeUrl,DIV#activeLink
{
padding-left:5px;
}

/****** Newsletter Modules ********/
TABLE#listingTable.newsletterConfig{
position: relative;
float: left;
background: none;
width: 900px;
padding: 0px 15px 15px 0px;
border: none;
}

.newsletterConfig #newsletterModules td{
border: 1px solid #EEEEEE;
}

.newsletterConfig .block{
margin: 10px;

}

.newsletterConfig .block h4{
margin: 10px 0px;
}

.newsletterConfig .block table {
width: 635px;
background: none;
border-collapse:collapse;
}

.newsletterConfig .block table .flabel{
background: none;
width: 135px;
padding: 10px;
}

.newsletterConfig .block table .fvalue{
background: none;
width: 420px;
padding: 10px;
}


.leadInBlock
{
position: relative;
background: #EAF3FA;
padding: 8px 15px 15px 15px;
border: 1px solid #ccc;
}


.moduleBlock
{
position: relative;
background: #EAF3FA;
padding: 8px 15px 15px 15px;
border: 1px solid #ccc;
}

.footerBlock
{
position: relative;
background: #EAF3FA;
padding: 8px 15px 15px 15px;
border: 1px solid #ccc;
}

.newsletterConfig .fmtxt
{
border:1px solid #cccccc;
padding: 3px;
background: #ECEFF5;
font-size: 11px;
width: 390px;
}

.newsletterConfig a.upIcon
{
position: absolute;
top: 8px;
right: 68px;
line-height: 20px;
padding: 0px 16px 0px 0px;
background: url(http://www.ecocast.co.nz/sitemgr/images/arrow-up-on.gif) bottom right no-repeat;
}

.newsletterConfig a.downIcon
{
position: absolute;
top: 8px;
right: 12px;
line-height: 20px;
padding: 0px 16px 0px 0px;
background: url(http://www.ecocast.co.nz/sitemgr/images/arrow-down-on.gif) top right no-repeat;
}

.newsletterConfig a.upIcon
{
position: absolute;
top: 8px;
right: 68px;
line-height: 20px;
padding: 0px 16px 0px 0px;
background: url(http://www.ecocast.co.nz/sitemgr/images/arrow-up-on.gif) bottom right no-repeat;
}

.newsletterConfig a.downIcon:hover,
.newsletterConfig a.upIcon:hover
{
color: #333;
}


/*
   Preview sliders: the non-qualified selectors are from newsletters/edit_email.php;
   The qualified selectors are from siteBuilder/page.php
*/

#preview{
position: relative;
float: left;
}

#preview p {
color: #858585;
}

iframe.edit_preview {
  -moz-transform: scale(1,1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  border: 1px solid #434F5C;
}

#slider,
div#editPageContent div#previewSlider {
width: 15px;
background: url(../sitemgr/images/content_coloumn_tile.png) top left repeat-y;
height: auto;
top: 65px;
background: #EAF3FA;
position: fixed;
right: 0;
bottom: 0;
z-index: 10;
border: 1px solid #ccc;
border-right: none;
}

.image {
width: 54px;
height: 230px;
position: fixed;
right: 0;

top: 100px;
z-index: 1100;

cursor: pointer;
background: url(../sitemgr/images/newsletter_preview_tab.png) top left no-repeat;
}

.image:hover {
background: url(../sitemgr/images/newsletter_preview_tab.png) top right no-repeat;
}
#content,
div#editPageContent div#previewSlider div#content {
position: relative;
overflow: hidden;
left: 0px;
color: white;
}


#preview,
div#editPageContent div#previewSlider div#preview
{
float: left;
position: relative;
margin: 90px 80px 40px;
}
div#editPageContent div#previewSlider div#preview
{
float: left;
position: relative;
margin:0px;
}

a.update
{
display: block;
position: absolute;
top: 20px;
left: 135px;
z-index: 1200;
width: 125px;
text-align: center;
background: #858585;
padding: 6px 14px;
text-decoration: none;
color: #FFF;
  -moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari, Chrome */
  border-radius: 3px; /* CSS3 */
}

a.close,
div#editPageContent div#previewSlider a.close
{
display: block;
position: absolute;
top: 20px;
left: 20px;
z-index: 1200;
width: 80px;
text-align: center;
background: #858585;
padding: 6px 14px;
text-decoration: none;
color: #FFF;
  -moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari, Chrome */
  border-radius: 3px; /* CSS3 */
}

div#editPageContent div#previewSlider iframe#if_preview {
/* Scaled down to fit
  -moz-transform: scale(.8,.8);
  -webkit-transform: scale(.8, .8);
  -o-transform: scale(.8, .8);
  -ms-transform: scale(.8, .8);
  transform: scale(.8, .8);
  -moz-transform-origin:top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
*/
  border: 1px solid #434F5C;
}

div#editPageContent div#previewSlider {position:absolute;height:850px;}
div#editPageContent div#previewSlider div#content iframe{background:white; min-height:700px; width:1020px;}
div#editPageContent div#previewSlider .tab {
width: 54px;
height:121px;
position: fixed;


right: 0;
top: 100px;
z-index: 1100;
cursor: pointer;
background: url(../sitemgr/images/page_preview_tab.png) top left no-repeat;
}
div#editPageContent div#previewSlider .tab:hover {background: url(../sitemgr/images/page_preview_tab.png) top right no-repeat;}
div#editPageContent div#previewSlider div#previewControl{ padding:30px 0px; }
div#editPageContent div#previewSlider a.update,
div#editPageContent div#previewSlider a.close{ position:relative; top:0;left:0;display:inline-block;}
div#editPageContent div#previewSlider a.update{ width:80px;margin-left:10px; }
div#editPageContent div#previewSlider div#content{ padding-left:30px; }

/****** TREE ******/


    #listingTable.newsletterConfig .module_tree_header{
        text-align:right;
        display:none;
        width:100%;

    }

    #listingTable.newsletterConfig .module_text_display{
        padding:0.5em;

    }

    #listingTable.newsletterConfig .module_text_display a{

}

    #listingTable.newsletterConfig .module_path{
        padding: 2px 0;

    }

    #listingTable.newsletterConfig .module_tree_display{
        padding:.5em 0;
    }

    #listingTable.newsletterConfig .module_loading_alert{
        padding:2em;

    }

    #listingTable.newsletterConfig .module_table{
        background:#eceff5;
        display:normal;
        width:30em;
        border:solid 1px #666666;
        margin:0;
        padding:0;
        text-align:left;

    }

    #listingTable.newsletterConfig .module_table TD{
        font-weight:normal;
        padding:2px;

    }
/* Product Attribute editing */
table#valueAttributes { width:32em; }
table#productAttributes input.ftxt#new_name{
width:20em;     font-size:11px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
padding: 4px;
}

table#valueAttributes tr.rowTemplate{ display:none; }
table#valueAttributes td.ftype div.swatchtype{ background:#999; }
table#valueAttributes tr#rowTemplate{ display:none;}

.showDragHandle{ cursor:move; }
table#valueAttributes td.del,
table#valueAttributes td.edit{ padding:2px;width:20px; }
table#valueAttributes td.dragHandle{ padding:0; width:35px;}
table#valueAttributes td.fswatch,table#valueAttributes td.fpicker{ width:20px;}
table#valueAttributes input#cancelButton{ display:none; }



table#editProduct tr#attribRow{display:none;}
	div#attribSelects{}
	div#attribSelects select.fsel{width:200px; margin: 0px 10px 10px 0px;}
	div#attribSelects input.fsub{height:26px;    font-size:11px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
padding: 4px;
color: #fff;
font-weight: bold;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#959595'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#959595)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #adadad,  #959595); /* for firefox 3.6+ */
}

		select.productAttribute {    font-size:11px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
padding: 4px;
color: #666;
}

select.productAttribute option {color:#333;line-height:25px;}
select.productAttribute option.label{color:#999;}
select.productAttribute option.all{font-weight:bold;}

/* products/edit_product.php */
div#skuWrap {background:#ECEFF5;border:1px solid #999;padding:10px;width:auto;text-align:left;}
table#skuContainer thead th{font-weight:normal;padding:4px;text-align:left;color:#999; width: 100%;}
table#skuContainer thead th.name{text-align:left;}
table#skuContainer tbody input{height:15px;font-size:9px;border:1px solid #cacdd3;background:#ffffff;padding: 2px;}
table#skuContainer tbody input.fstxt{width:80px;}
table#skuContainer tr#skuTemplate{display:none;}
table#skuContainer td { padding: 4px;}
table#skuContainer td.name{min-width:80px; font-size: 11px;padding:4px ;height:15px;text-align:left;color:black;white-space:nowrap;}
table#skuContainer tbody td.num input.fstxt{width:40px;text-align:right;}
table#skuContainer tbody td.status,table#skuContainer tbody td.unlimited {text-align:center;}
/* table#skuContainer tbody td	img{border:1px solid #fff;} */
table#skuContainer td.column{text-align:center;}



/* products/list_skus.php */
table#listingTable tr.sku td.sku { padding:20px;background:#EAF3FA; }
table#listingTable table#skuContainer{ float:left; padding:10px 0px;border:1px solid #fff;}
table#listingTable table#skuContainer td.controls{ vertical-align:bottom;}
table#listingTable div.skuControls{padding:15px;float:right;text-align:center;}
table#listingTable div.skuControls input{margin-top:1em;}
span#statusMessage{ display:inline-block;padding-left:2em; }
table#listingTable td.productName{ background:white;}
table#listingTable td.productName a { font-weight:bold;color:#999;text-decoration:none;}
table#listingTable table#skuContainer tbody td{border-top:2px solid #fff;}
table#listingTable tr.invRow td{background:#b7d0d7;border-top:2px solid white;border-bottom:2px solid white;}




a.editIcon
{
float: left;
position: relative;
margin: -2px 6px 0px 0px;
display: block;
width: 21px;
height: 21px;
background: url(http://www.ecocast.co.nz/sitemgr/images/edit_icon.png) top left no-repeat;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

a.editIcon:hover
{
background: url(http://www.ecocast.co.nz/sitemgr/images/edit_icon_hover.png) top left no-repeat;
}





.advancedIcon
{
display: inline-block;
float: left;
position: relative;
height: 20px;
width: 20px;
margin: 0px 0px 0px 30px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
background: url(http://www.ecocast.co.nz/sitemgr/images/settings_icon.png) 0px  -45px no-repeat;
}

.advancedIcon:hover
{
background: url(http://www.ecocast.co.nz/sitemgr/images/settings_icon.png) 0px  -82px no-repeat;
}




.printIcon
{
display: inline-block;
float: left;
position: relative;
height: 20px;
width: 20px;
margin: 0px 0px 0px 30px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
background: url(http://www.ecocast.co.nz/sitemgr/images/print_icon.png) 0px  0px no-repeat;
}

.printIcon:hover
{
background: url(http://www.ecocast.co.nz/sitemgr/images/print_icon_hover.png) 0px  0px no-repeat;
}

.emailIcon
{
display: inline-block;
float: left;
position: relative;
height: 20px;
width: 20px;
margin: 0px 0px 0px 30px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
background: url(http://www.ecocast.co.nz/sitemgr/images/email_icon.png) 0px  0px no-repeat;
}

.emailIcon:hover
{
background: url(http://www.ecocast.co.nz/sitemgr/images/email_icon_hover.png) 0px  0px no-repeat;
}