/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 03 July 2009 08:46:44
*/


/* ThemeOfficeMenu Style Sheet */

.ThemeOfficeMenu,.ThemeOfficeSubMenuTable {
    font-family: arial, sans-serif;
    font-size: 11px;
    padding: 0;
    white-space: wrap;
    color: red;
    cursor:    default;
    font-weight: normal;

}


.ThemeOfficeSubMenu,td.ThemeOfficeSubMenu,tr.ThemeOfficeSubMenu,th.ThemeOfficeSubMenu {
    position: absolute;
    visibility:    hidden;
    /*
       Netscape/Mozilla renders borders by increasing
       their z-index.  The following line is necessary
       to cover any borders underneath
    */
    z-index:    100;
    padding:    0;
    overflow:    visible;
    font-weight: normal;

}

div div .ThemeOfficeSubMenu
{
     color:red;
}


.ThemeOfficeSubMenuTable {
    /* overflow: visible; */
    font-weight: normal;
    width: 140px; 
}


.ThemeOfficeSubMenuTable tr    
{
    width:140px;
    whitespace:no-wrap;

}



.ThemeOfficeMenuItemActive {
    cursor: default;
    font-weight: normal;
}

.ThemeOfficeMenuItemHover {
    padding: 3px 1px 3px 1px;
    cursor: default;
    font-weight: normal;

}

.ThemeOfficeMenuItem {
    cursor:    default;
    
    font-weight: normal;

}

/* top-level background when no hover */

.ThemeOfficeMainItem {
    padding: 3px 1px 3px 1px;
    /* background-color: #555555; */
    color: white;
    font-weight: normal;
    border-top:        1px solid white;
    border-bottom:    1px solid black;
    border-left:    1px solid white;
    border-right:    1px solid black;
    width:140px;
    height:26px;

}

/* top-level background and text with hover */
.ThemeOfficeMainItemHover, .ThemeOfficeMainItemActive {
    padding: 3px 1px 3px 1px;
    background-color: #000000;
    color: white;
    cursor: hand;
    border-top:        1px solid white;
    border-bottom:    1px solid black;
    border-left:    1px solid white;
    border-right:    1px solid black;     
    width:140px;
        

}




/*  dropdown background color */
.ThemeOfficeMenuItem {
    border:    1px solid #ffffff;
    background-color: #EEEEEE;

    color: #FFFFFF;
    font-weight: normal;
    border-top:        1px solid white;
    border-bottom:    1px solid black;
    /* border-left:    1px solid white;
    border-right:    1px solid black; */
    padding-left:1px;
}

/*  dropdown rollover background color */
.ThemeOfficeMenuItemHover, .ThemeOfficeMenuItemActive {
    border:    0px solid #ffffff; 
    background-color: #CC6600;  /* #a2aeca; */
    color: #FFFFFF;
    cursor: pointer;
    border-top:        0px solid white;
    border-bottom:    0px solid black;
    /* border-left:    1px solid white;
    border-right:    1px solid black; */
     border-left: 0px;
    border-right: 0px; 
    padding-left:0px;
}

.ThemeOfficeMenuItemHover
{
   background-color: #CC6600;
   margin-left:0px;
}



.ThemeOfficeMenuItemActive
{
   color:#0000FF;
}




/* horizontal main menu */
.ThemeOfficeMainItem {
    padding: 0px 0px 0px 0px;
    border:    none;
    font-weight: normal;
    
}

/* top-level td border */
td.ThemeOfficeMainItemHover {
    padding: 0px 0px 0px 0px;
    border:    none;
    font-weight: normal;
}

td.ThemeOfficeMainItemActive {
    padding: 0px 0px 0px 0px;
    border:    none;
    font-weight: normal;

}


.ThemeOfficeMainFolderLeft {
    background-color: white;
    font-weight: normal;

}

.ThemeOfficeMainItemLeft {
    background-color: white;
    font-weight: normal;

}

/* text for sections with published content  */    
.ThemeOfficeMainFolderText {
    background-color: inherit;
    font-weight: normal;
       

}

/* text for sections with unpublished content  */    
.ThemeOfficeMainItemText {
    background-color: inherit;
    font-weight: normal;

}

/* top-level padding (2)*/
.ThemeOfficeMainFolderRight {
    background-color: inherit;
    font-weight: normal;
    padding: 0px 0px 0px 0px;

}

/* top-level padding (4)*/
.ThemeOfficeMainItemRight {
    background-color: inherit;
    font-weight: normal;
    padding: 0px 0px 0px 0px;

}


/* vertical main menu sub components */
td.ThemeOfficeMainFolderLeft {
    background-color: inherit;
    font-weight: normal;

}


td.ThemeOfficeMainItemLeft {
    background-color: inherit;
    font-weight: normal;

}

td.ThemeOfficeMainFolderText {
    background-color: inherit;
    
    font-weight: normal;

}

td.ThemeOfficeMainItemText {
    background-color: inherit;
    

}

td.ThemeOfficeMainFolderRight, td.ThemeOfficeMainItemRight {background-color: inherit;}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft {
    
    background-color: inherit;    

}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText {
    background-color: inherit;    

    
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainItemRight,
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderRight {
    background-color: inherit;

}




/* sub menu sub components */
.ThemeOfficeMenuFolderLeft {
    background-color: inherit;
    
    border-top:        1px solid white;
    border-bottom:    1px solid black;
    border-left:    1px solid white;
    
    /* border-right:    1px solid black; */

}

/* sub menu rollover padding */
.ThemeOfficeMenuItemLeft {
    padding: 3px 1px 3px 1px;
    background-color: inherit;
    
    font-weight: normal;
    border-top:        1px solid white;
    border-bottom:    1px solid black;
    border-left:    1px solid white;
    /* border-right:    1px solid black; */

}

/*  sub menu folder right(6) rollover*/
.ThemeOfficeMenuFolderText {
    padding: 3px 1px 3px 1px;
    border:    none;
    color: #FFFFFF;
    background-color: inherit;
    
    font-weight: normal;
    border-top:        1px solid white;
    border-bottom:    1px solid black;
/*    border-left:    1px solid white;
    border-right:    1px solid black; */

}

/* rollover submenu text*/
.ThemeOfficeMenuItemText {
    padding: 3px 1px 3px 1px;
    background-color: inherit;
    
    color:#FFFFFF;
    font-weight: normal;
    border:    none;
    cursor: hand;
    border-top:        1px solid white;
    border-bottom:    1px solid black;
/*    border-left:    1px solid white;
    border-right:    1px solid black; */

}


.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight {
    background-color: inherit;
    
    border-top:        1px solid white;
    border-bottom:    1px solid black;
    /* border-left:    1px solid white; */
    border-right:    1px solid black;    

}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft {
    
    border-top:        1px solid white;
    border-bottom:    1px solid black;
/*    border-left:    1px solid white;
    border-right:    1px solid black; */

}


/* drop-down text rollover text colour defined here   */
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemText {
    padding: 3px 1px 3px 1px;
    border: none; 
    background-color: inherit;
    color: #FFFFFF;
    font-weight: normal;
    border:    none;
    border-top:        1px solid white;
    border-bottom:    1px solid black;
/*    border-left:    1px solid white;
    border-right:    1px solid black; */

    font-weight:normal;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemRight
{
    background-color: inherit;    
}


 /* menu splits */
.ThemeOfficeMenuSplit {
/*    margin:     2px;
    height:    1px;
    overflow: hidden;
    background-color: inherit;*/
}


/* image shadow animation */
/*
    seq1:    image for normal
    seq2:    image for hover and active

    To use, in the icon field, input the following:
    <img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/


/* Custom Styles for drop down text / rollover effects */


td.ThemeOfficeMenuItemText div
{
  color:#000000;
  padding:2px;
  padding-top:0px;
  padding-bottom:0px;
}


/*
td.ThemeOfficeMenuItemText a
{
  color:#00FFCC;
  padding:2px;
  padding-top:0px;
  padding-bottom:0px;
}
*/

td.ThemeOfficeMenuItemText div:hover
{
   color:#FFFFFF;
  padding:2px;
  padding-top:0px;
  padding-bottom:0px;
   margin:0;
}

td.ThemeOfficeMenuFolderText div
{
   /* color:#FF0000; */
}

td.ThemeOfficeMenuFolderText div:hover
{
   /*  just for the submenu ( white text only ) rollovers in IE! */
   color:#FFFFFF;
}


tr.ThemeOfficeMenuItemHover
{
    color:#FF00FF;
}
/*

DELETE THESE ONCE ISSUE RESOLVED!!
td.ThemeOfficeMenuItemHover a:hover
{
 
   color:#FFFFFF;
   padding-left:10px;
}



tr.ThemeOfficeMenuItemHover a
{
  color:#FF00FF;
  padding-left:10px;
}

table.ThemeOfficeSubMenuTable tbody
{
   color: #FF0000;

}

td.ThemeOfficeMenuItemText tr:hover
{
   color: #FF0000;
padding:20px;

}

td.ThemeOfficeMenuFolderText tr:hover
{
   color: #FF0000;
padding:20px;

}
*/


.ThemeOfficeMenuItemHover td.ThemeOfficeMenuItemText div
{
 /*  just for the submenu ( white text only ) rollovers in IE! */
  color:#FFFFFF;
 /*  padding-left:20px; */
}

.ThemeOfficeMenuItemHover td.ThemeOfficeMenuFolderText div
{
 /*  just for the submenu ( white text only ) rollovers in IE! */
  color:#FFFFFF;
 /*  padding-left:20px; */
}



.ThemeOfficeMenuItem img.seq1 {display: inline;}

.ThemeOfficeMenuItemHover seq2, .ThemeOfficeMenuItemActive seq2 {display: inline;}

.ThemeOfficeMenuItem .seq2, .ThemeOfficeMenuItemHover .seq1, .ThemeOfficeMenuItemActive .seq1 {display:    none;}