/*

    ------------------------------------------------------

    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(https://www.nanniesplus.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(https://www.nanniesplus.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(https://www.nanniesplus.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(https://www.nanniesplus.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(https://www.nanniesplus.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(https://www.nanniesplus.co.nz/sitemgr/images/settings_icon.png) 0px  -45px no-repeat;

}



.advancedIcon:hover

{

background: url(https://www.nanniesplus.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(https://www.nanniesplus.co.nz/sitemgr/images/print_icon.png) 0px  0px no-repeat;

}



.printIcon:hover

{

background: url(https://www.nanniesplus.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(https://www.nanniesplus.co.nz/sitemgr/images/email_icon.png) 0px  0px no-repeat;

}



.emailIcon:hover

{

background: url(https://www.nanniesplus.co.nz/sitemgr/images/email_icon_hover.png) 0px  0px no-repeat;

}