/**
 * $Id: positionning.css,v 1.42 2008/01/09 20:34:13 renoirb Exp $
 *
 * Theme name: Namminik Default
 * File utility: All positionings
 * Author: Renoir Boulanger, Felix Martineau
 **/

/**
 * top level elements 
 **/
body {
  background-color: #e7e6e6;
  font-size: 80%;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}




/**
 * positioning-layers for TOP 
 **/
#top { 
  width:100%;
  text-align: left;
}
  #top #white {
    background:#FFF;
    height: 60px;
  }
    #white img.logo {
      padding:10px;
    }
    #white .dashboardlink {
      margin-left:15px;
    }
      #white .dashboardlink a {
        color:#fff;
        text-decoration:none;
        font-size:10px;
      }
    #white .greeter {
      position:absolute;
      right:10px;
      top:10px;
      text-align:right;
    }
    #white .greeter .signedinas {
      padding-top:8px;
      display:block;
    }
    #white .greeter * {
      font-size:100%;
    }
  #top #heading {
    background:url("../gui/heading.png") repeat-x;
    height:69px;
  }
    #heading #sublogo {
      width:200px;
      height:50px;
    }
      #sublogo input {
        margin-top:30px;
        margin-left:15px;
      }
    #heading #logoverbose {
      position:absolute;
      margin:-18px 0 0 16px;
      font-size:11px;
    }
    #heading #pageverbose {
      margin-left:200px;
      margin-top:-20px;
      color:#fff;
      font-size:120%;
    }
    #heading #buttons {
      float:right;
      margin:20px 5px 0 0;
    }




/**
 * Positioning-layers for stuff on main area 
 **/
#wrapper {
}
  #wrapper #menu {
    position: absolute;
    width: 180px;
    left: 10px;
    padding:0px;
    margin:0px;
    border: 1px solid #C4C0B9;
    text-align:left;
  }
    #menu .list {
      margin-left:5px;
      /*margin-top:46px;*/
    }
      #menu .list strong { 
        padding-bottom:5px;
        display:block; 
      }
      #menu .list form {
        margin-left:10px;
      }
      #menu .list .category-selected {
        margin-left:2px;
      }
        #menu .list .category-selected a {
          color:#FF9933 !important;
        }
      #menu .list form, .list strong {
        padding-bottom:5px;
      }
    #menu .content-padding {
      background:#FFF url("../gui/leftshade.png") bottom repeat-x;
      padding:20px 0 10px 10px;
    }
      #searchItemForm input {
        padding:2px !important;
      }
      #searchItemForm input.inputsubmit {
        position:relative;
        left:-1px;
        top:-1px;
        padding:2px;
      }
  #wrapper #content {
    margin-left: 200px;
    overflow: auto;
    text-align:left;
  }
  #wrapper #content.nosidebar {
    margin-left:10px;
  }
    #content {
      border:0;
      padding-bottom:30px;
    }
      #content table td.left small.left {
        float:left;
      }
      #content table td.left small.right {
        float:right;
        margin-right:10px;
      }
      #content table td.left {
      }
        td.left #wrap, .addborders { 
          border: 1px solid #c4c0b9;
          padding-bottom:7px;
          background:#ffffff;
          margin-right:10px;
        }
        td.left #wrap, .addborders {
        }
      #content table td.right#banners { 
        /* td.right or #banners are the same */
        padding-right:10px;
      }
      #content #footer {
        padding-top:3px;
      }
        #footer small.right a {
          margin-left:10px;
        }
      #content table td.right {
      }




/**
 * Rounded-corners, and so on... 
 **/
.tl { 
  width:7px;
  height:7px;
  position:relative;
  top:-1px;
  left:-1px;
  float:left;
  z-index:3;
}
  .tlw { 
    background:url("../gui/rcg-tl.gif"); 
    /*  Yeah, I know rcg-tl means Rounded Corners Gray on Top Left....
     *  but the "Gray" part is outside and the class-name with the "w" part means White from the inside  */
  }
  .tlg {
    background:url("../gui/rcw-tl.gif"); 
  }

.tr { 
  width:7px;
  height:7px;
  position:relative;
  top:-1px;
  right:-1px;
  float:right;
  z-index:3;
}
  .trw {
    background:url("../gui/rcg-tr.gif"); 
  }
  .trg {
    background:url("../gui/rcw-tr.gif"); 
  }

.bl { 
  width:7px;
  height:7px;
  position:relative;
  bottom:-1px;
  left:-1px;
  float:left;
  z-index:3;
}
  .blw {
    background:url("../gui/rcg-bl.gif"); 
  }
  .blg {
    background:url("../gui/rcw-bl.gif"); 
  }

.br { 
  width:7px;
  height:7px;
  position:relative;
  top:1px;
  right:-1px;
  float:right;
  z-index:3;
}
  .brw {
    background:url("../gui/rcg-br.gif"); 
  }
  .brg {
    background:url("../gui/rcw-br.gif"); 
  }
.content-padding {
  padding:10px;
}
.formpadding {
  padding:10px;
}




/**
 * Dialogs contexts 
 **/
.dialog {
  border: 1px solid #c4c0b9;
  padding-bottom:7px;
  margin-bottom:20px;
  background:#F9F9F9;
  font-size:90%;
}
  .dialog .err, .dialog .msg {
    padding:5px 0 5px 10px;
    display:block;
  }
  .dialog .er0, .dialog .m0 {
    background:#F5F5F5; 
  }
  .dialog .title {
    float:right;
    position:relative;
    bottom:10px;
    right:2px;
    font-size:75%;
    color:#C24200;
  }
  .dialog .close {
    float:right;
    position:relative;
    top:7px;
    right:1px;
  }
.nobanners {
    width:100%;
  }


/**
 *  Dashboard's Timely reminders context 
 **/
#timely_reminders {
}
  #timely_reminders h2 {
    margin:-20px 0 -5px 0;
  }
  #timely_reminders div {
    padding:4px 0 0 5px;
  }/*
  #timely_reminders a.close {
    float:left;
    padding-right:10px;
  }  */
  
  
/**
 * Some backgrounds
 **/
#settings .vaultbg .rich-tabpanel-content {
  background: url("../gui/vaultbg.jpg") bottom right no-repeat !important;
  height: 400px;
  padding-bottom: 50px;
}
#reports .content-padding {
  background: url("../gui/safereports.png") bottom right no-repeat !important;
  padding-right:230px;
}
#goodbye #wrap .content-padding {
  background:url("../gui/safelogout.png") bottom right no-repeat !important;
  min-height:400px;
}
#goodbye #wrap .content-padding p {
  margin-right:230px;
}
#items .search {
  padding:15px 15px 15px 70px !important;
  border:1px solid #c4c0b9;
  margin:10px 0 !important;
  background:#fff url("../icons/search.png") 15px center no-repeat !important;
}


/** 
 * Warning and Verboses borders
 **/
#content #messages ul,
.messages .show,
.postit .show,
.warning .show,
.security .show {
  padding:25px 15px 25px 70px !important;
  display:block;
  border:1px solid #c4c0b9;
  margin:10px 0 !important;
}
  #messages {
    margin:10px 0 10px 0 !important;
  }
  .warning .show,
  #content .menu-messages ul {
    background:#fff url("../icons/warning.png") 8px center no-repeat;
  }
    #content .menu-messages ul {
      padding:40px 0 40px 70px !important;
    }
  .postit .show {
    background:#fff url("../icons/note.png") 8px center no-repeat;
  }
  .messages .show {
    background:#fff url("../icons/tip.png") 11px center no-repeat;
  }
  .security .show {
    background:#fff url("../icons/lock.png") 17px center no-repeat;
  }

#content #messages ul h2,
  .messages .show h2 {
    color:orange;
    margin-top:-20px;
  }
#settings #maincontent .rich-tabpanel-content ul {
  display:block;
  padding:20px 20px 20px 60px !important;
  margin:10px;
  background:#fff url("../icons/note.png") 8px center no-repeat;
  border:1px solid #c4c0b9;	
}
#settings #maincontent .rich-tabpanel-content ul span.message {
  font-size:130% !important;
}
#reports .postit .show {
  line-height: 20px;
}


/**
 * itemDetails 
 **/
 .itemCrudActions {
   margin-top:5px;
   margin-bottom:30px;
 }
 .itemCrudActions .secactions {
   display:inline;
   margin-left:20px;
 }
 .itemCrudActions .secactions a {
   margin-left:20px;
 }
 #itemDetailsImageUpload {
   margin-top:30px;
 } 
  
  
/**
 * Some itemList positionning
 **/
#itemListPosition {
  position:relative;
  float:right;
  font-size:85%;
  font-weight:bold;
  margin-bottom:8px;
} 
  #itemListPosition .toggler, #itemListPosition .spacer {
    margin-left:2px;
  }
  #itemListPosition .toggler a {
    font-weight:normal;
  }


/**
 * listView context
 **/
#itemListThumbnailsTable, #itemListTableTable {
    clear:right;
	width:100% !important;
	margin-top:10px;
	padding:10px;
}
 #items #itemListTableTable thead th {
   font-weight:bold;
 }
 #items #itemListTableTable td {
   padding:3px 0 3px 0;
   margin:2px 0 2px 0;
 }
 
 
/** 
 * newItemForm context
 **/
#newItemForm {
	margin:-10px 0 17px 0 !important;
}
  #newItemForm .inputtext {
    width:115px;
  }
  #newItemForm .inputsubmit {
    /*margin:0px;
    padding:1px 3px;*/
  }
  #newItemForm .positionError {
    background:#fff;
    display:block;
    position:absolute;
    top:-17px;
    left:10px;
    padding:4px;
    border:1px solid #c4c0b9;
  }


/**
 * categoryManage, deleteCategoryForm, addCategoryForm context
 *
 * Used in the settings pane and make enabled/disabled state on a button
 **/
#addCategoryForm input.inputsubmit {
  background: #fff url("../gui/inputshadr.png") !important;
  color: #ABABAB !important;
  border: 2px solid #ABABAB !important;
  padding: 3px 8px !important;
}
#addCategoryForm input.enabled {
  background: #C24200 url("../gui/fadebtn.png") !important;
  color: #FFF !important;  
  border: 1px solid #C24200 !important;
  padding: 3px 8px !important;
  margin-left:5px !important;
}
.deleteCategoryLink {
  padding-top:4px;
  margin-left:10px;
} 



/**
 * underCategories context
 *
 * Used in the pages/items/categories.xhtml to show secondary actions under the categories form
 **/
 .underCategories {
   margin-top:-6px;
 }
   .underCategories li {
     margin:12px 0 0 5px;
     font-size:90%;
   }
   


/** 
 * The left menu
 *
 * Is shown in those body# contexts
 *  #dashboard, #items
 * The path: body #menu
 **/    
 body#dashboard #menu, 
 body#items #menu {
   position:absolute;
   top:76px;
 }
 body#dashboard #menu .tl, 
 body#items #menu .tl { 
  width:7px;
  height:7px;
  position:relative;
  top:-1px;
  left:-1px;
  float:left;
  z-index:3;
}
 body#dashboard #menu .tlw, 
 body#items #menu .tlw { 
    background:url("../gui/rct-tl.gif"); 
    /*  Yeah, I know rcg-tl means Rounded Corners Gray on Top Left....
     *  but the "Gray" part is outside and the class-name with the "w" part means White from the inside  */
  }

 body#dashboard #menu .tr, 
 body#items #menu .tr { 
  width:7px;
  height:7px;
  position:relative;
  top:-1px;
  right:-1px;
  float:right;
  z-index:3;
}

 body#dashboard #menu .trw, 
 body#items #menu .trw {
    background:url("../gui/rct-tr.gif"); 
  }
  
  
  
/**
 * itemProducts context
 * 
 * Used in page itemProducts.xhtml for amazon suggestions
 **/
 #itemProducts {
 }
   #itemProducts #searchbox {
   }
     #itemProducts #searchbox .inside {
       line-height:20px;
       padding:15px 15px 15px 70px;
       margin:10px 0 !important;
       background:url(../icons/search.png) 15px center no-repeat !important;
     }
       #itemProducts .inside .search {
         padding:3px 10px;
       }
       #itemProducts .inside .skip {
         padding:4px 10px;
         margin-left: 10px;
       }
       #itemProducts .inside .inputsubmit {
       }
     #itemProducts #productTable {
     } 
       #itemProducts #productTable .row_details {
         vertical-align: top !important;
         padding-bottom:10px;
       }
       #itemProducts #productTable .itemImage {
         padding:0 20px 15px 0;
       }
       #itemProducts #productTable .itemName {
         font-weight: bold;
       }
       #itemProducts #productTable .itemDetails {
         vertical-align: top;
       }
         #itemProducts #productTable .itemDetails pre {
           font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
           font-size:95%;
           line-height: 17px;
         }



/**
 * Legacy Effects
 **/
 .hideAddItem {
   margin-left:14px !important;
 }
 .wanttostart {
   font-size:100%;
   font-weight:bold;
   color:#006499;
   margin-bottom:5px;
   display:block;
   margin-top:-5px;
 }
 .deleteInsurerTypeNameLink {
   /* from: insurer-form.xhtml */
   margin-left:10px;
   position:relative;
   bottom:-5px;
 }



/**
 * Repeated inline styles
 **/
 #categoryManage #categoryRenameStatus,
 #addCategoryForm .addCategory {
   padding-top:4px;
   margin-left:5px; 
}