/* 
    Document   : global
    Created on : 10/11/2010, 20:51:47
    Author     : liz
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    display: block;
    margin:0px;
    padding:0px;
    font-size:12px;
    font-family: verdana, sans-serif;
}

.menu-wrapper-overflow-fix
{
     width:100%;
     overflow:hidden;
}
xml
{
    display: none;
}

.content
{
    padding:10px;
}

.header a:visited
{
    color:white;
}

.neutral-link
{
    color:inherit;
    text-decoration: none;
}

.neutral-link:visited
{
    color:inherit;
    text-decoration: none;
}

.general-title
{
    font-size: 18px;
    padding-bottom: 10px;
}


/************************************************************************************************************
   Header
*************************************************************************************************************/

.site-header
{
    display: block;
    background-color:#121C25;
    width:100%;
    color:white;
    font-weight: bold;
    padding: 10px;
}

.site-header a:visited{
    color: white;
}


.header-title
{
    display:inline-block;
    width:auto;

}

.header-usr-mgmt
{
    display:inline-block;
    width:auto;
    float: right;
    padding-right:20px;
    font-size: 12px;
    font-weight:normal;

}

/************************************************************************************************************
   Menu
*************************************************************************************************************/

.menu
{
    display: block;
    background-color:#F5E463;
    width:100%;
    height:20px;
    font-size: 16px;
    color:black;
    font-weight: bold;
    padding: 5px;
}

.menu  ul
{
    display: inline-block;
    padding:0;
    margin:0;
}

.menu  li
{
    list-style: none;
    display: inline-block;
    padding-left: 10px;
}

div.ui-state-default
{
    cursor:pointer;
    margin:2px;
    padding:4px 0;
    position:relative;
    width:24px;
    display: inline-block;
    vertical-align:top;
}

span.ui-icon, div.ui-icon
{
    margin:0 4px;
    display:inline-block;
    vertical-align: middle;
}

.ui-state-default
{
}

#sortable
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sortable-list li,
#sortable li
{
    margin: 0 3px 3px 3px;
    padding: 0.2em;
    line-height: 18px;
    list-style: none;
}

#sortable li span
{
    position: absolute;
}

#sortable .ui-icon-closethick
{
    cursor:pointer;
}

.button_link {
    padding:0.2em 1em 0.2em 5px;
    position:relative;
    text-decoration:none;
}


.button_link.full-height {
    padding:0.5em 1em 0.4em 5px;
}

.ui-tabs-spacer-to-save
{
    width:100px;
}

div.save_butt
{
    float:left;
    margin-right:0.5em;
    margin-top:0.5em;
}


/************************************************************************************************************
   Forms
*************************************************************************************************************/

ul.errors
{
    list-style:none;
    list-style-position: outside;
    padding: 5px 0;
}

ul.errors li,
.field-error
{
    font-size: 11px;
    color:red;
    font-weight: bold;
}

.disabled
{
    color:#AFAFAF;
}

.hidden,
.generalform dd.hidden,
.generalform dt.hidden,
.categoryform dd.hidden,
.categoryform dt.hidden
{
    display: none;
}

.wide-field
{
    width:300px;
}

/************************************************************************************************************
   Dialog liek box
*************************************************************************************************************/

.box-title
{
    padding:0.5em 0.5em 0.5em;
    position:relative;
    display:block;
}

.box-body
{
    overflow:hidden;
    padding:0.2em;
}

.box-content
{
    padding:  10px;
}

.bold
{
    font-weight: bold;
}

#XXXfdct_form{
    width:460px;
/*
    -moz-column-count: 2;
    -moz-column-gap: 19px;
    -moz-column-rule: 1px dotted #999;
    -webkit-column-count: 2;
    -webkit-column-gap: 19px;
    -webkit-column-rule: 1px dotted #999;
    column-count: 2;
    column-gap: 19px;
    column-rule: 1px dotted #999;
*/
}

/*field label*/
#XXfdct_form dt{
    width:0px;
    white-space:nowrap;
    vertical-align: top;
    text-align:left;
    display:inline-block;
    padding-right: 0px;
    padding-top:9px;
}

/*field input*/
#XXfdct_form dd
{
    padding-left: 5px;
    padding-top:6px;
    margin-left: 100px;
    width: 350px;
    display:inline-block;
    XXbackground-color:red;
}

#fdct_form_view td{
    text-align:left;
    XXpadding-left: 0px;
    XXvertical-align:text-bottom;
}

#XXfdct_form .hidden,
#XXfdct dd.hidden
#XXfdct dt.hidden
#XXfdct label.hidden
{
    display:none;
    width:0px;
    margin:0px;
    padding:0px;
    line-height:0.1em;
}

.link-button{
    border: 1px solid grey;
    text-decoration: none;
    color: blue !important;
    padding: 0.1em 0.5em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
}
.link-button:hover{
    background-color:#f9ebc3;
}
.fdct_text-short, .fdct_text-medium{
    width:320px;
}
.fdct_text-medium{
    height: 5em;
}

.fdct_number{
    text-align:right;
    width:5em;
}

.fdct_top-label{
    vertical-align: top;
    padding-top:0.2em;
}

#XXfdct-entity-general{
    font-size:15;
    padding-left:20px;
}

.zebra td{ border-bottom:1px solid; margin:0; padding: 2px 5px;}
.zebra tr.alt td{ background: #FEF8E4;}
.zebra tr.over td{ background: #E0CE98;}

.tooltip{
  text-align: center;
  color: black;
  display: none;
  position: absolute;
  
}
.tooltip .text{
  background-color: #B7A366;
  color:black;
  margin-top: -15px;
  padding: 5px;

  border:1px solid black;
  -webkit-border-radius: 12px;
          border-radius: 12px;

  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

  
}
.tooltip .arrow {margin-bottom: 8px;margin-top: -5px; color:#B7A366;}