.dropshadow {
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

/* object table */
table.object { clear:both; }
table.object th { text-align:left;
            padding:4px;
            color:#fff;
            background:#999;
            -moz-border-radius:4px;
            -webkit-border-radius:4px;
            font-size:7.5pt;
            }
table.object td {
    background-color:#fff;
    border: 1px solid #999;
    padding:3px;
    font-size:9pt;
    min-width:120px;
}
table.object td.collapse {
    min-width:0px;
}
table.object td a {
    margin:1px;
    text-decoration:none;
    border-bottom:1px solid #aaa;
    font-style:italic;
    color:#347;
    /* display:block;
    color:#273;
    background:#e0ddff url(../../../img/white-grad.png);
    text-decoration:none;
    padding:2px;
    border:1px solid #333;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; */
}

/* display / list tables */
table.displaytable {
    border:1px dotted #ccc;
    overflow:hidden;
    table-layout:auto;
    min-width:40%;
    font-size:8pt;
    margin-bottom:4px;
    clear:both;
}

table.displaytable tr td { font-size:8pt; padding:2px; }
table.displaytable tr td a {
    text-decoration:none;
}
a.btn { display:inline-block;
    padding:5px;
    text-decoration:none;
    color:#333;
    background:#eee;
    border:1px solid #999;
    border-radius:5px;
    }
a.btn:hover { background:#f5f5f5;}
table.displaytable tr td a.icon {
                    display:block;
                    color:#273;
                    background:#e0ddff url(../../../img/white-grad.png);
                    text-decoration:none;
                    padding:2px;
                    border:1px solid #333;
                    -moz-border-radius:5px;
                    -webkit-border-radius:5px;
                    height:12px;
                    white-space:nowrap;
                }
table.displaytable tr td a.icon img {border:0px none; }
th {
    font-size:8pt;
    background:#555;
    color:#eee;
    padding:2px;
}

table.displaytable tr th a {
    color:#eee;
    text-decoration:none;
    border-bottom:1px dotted #239;
}
.row0{background-color:#E0E0E0;}
.row1{background-color:#f0f0f0;}

table.displaytable tr:nth-child(odd),
table.striped tr:nth-child(odd) {
    background-color:#E0E0E0;
}

table.displaytable tr:nth-child(even),
table.striped tr:nth-child(even) {
    background-color:#f0f0f0;
}

table.padded td, table.displaytable.padded td  {
	font-size:8pt;
	padding:8px;
}
table.full {
	width:100%;
}

.rowhead{ background-color:#C0C0C0; padding-top: 2px; }
table.displaytable tr:hover { background:#df9; /*cursor:pointer;*/ }

div.morehidden {
                display:none;
                position:absolute;
                padding:0.2em;
                background:#f0f0f0;
                border:1px solid #777;
        }
div.moreover:hover div.morehidden  { display:inline; }
div.moreover:before { content:url(../../../gui-icons/application_side_expand.png);}
div.more-expand a.exp {}
div.more-expand a.exp.active {font-weight:bold}

table.displaytable span.date { background:#f5f5f5; padding:2px;}

table.displaytable td.money,
table.displaytable td div.money,
table.displaytable td span.money {
    text-align:right;
}

/*
 * function link / button / multibutton
 */

div.bpanel { height:0.8em; font-size:0.8em;  }
div.bpanel div.button { float:left;  }
div.bpanel div.button a,
div.multibutton div.options div a
 {
        display:block;
        text-decoration:none; color:#444;
        border:2px solid #ccc;
                    margin:2px 2px 2px 0px;
                    padding:2px 4px 2px 3px;
                    background:#e0ddff;
                    font-weight:bold;
                    border-color:#aaa #777 #777 #aaa;
                    -moz-border-radius:3px;
                    -webkit-border-radius:3px;
}
div.bpanel div.button a:hover,
div.multibutton  div.options div a:hover
 {
     background:#e0ddff url(../../../img/white-grad.png);
 }

div.bpanel div.button a:active {
    border-color:#777  #aaa  #aaa #777; background:#ccc;
}

div.multibutton {
        font-size:0.9em ;
        margin-right:4em;
        position:relative;
}

div.multibutton div.options {
    position:absolute;
    display:none;
    z-index:1000;
    background:#fafafa;
    border:1px solid #999;
    top:-3.0em;
    padding:0px;
}
div.multibutton div.options div.men {
    padding:1.2em 1em;
}

#content div.multibutton div.options h2 {
    background:#D0D9B2;
    border:none;
    margin:0px;
    color:#fff;
    padding:0.1em 0.5em;
}

div.multibutton div.options div a { margin-bottom:0.3em;}

div.multibutton div.hook:before { content:url(../../../gui-icons/application_side_expand.png);    }
div.multibutton div.anchor
{
    float:left;
}

div.multibutton div.hook
{
    cursor:pointer;
    display:block;
    text-decoration:none;
    color:#444;
    padding:2px 14px 2px 4px;
    border:2px solid #ccc;
    margin:2px 4px 2px 0px;
    background:#f0f0fa;
    font-weight:bold;
    border-color:#aaa #777 #777 #aaa;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

div.multibutton div.hook-greydout
{
    display:block;
    text-decoration:none;
    color:#bbb;
    padding:2px 14px 2px 4px;
    border:2px solid #ccc;
    margin:2px 4px 2px 0px;
    background:#f0f0fa;
    font-weight:bold;
    border-color:#aaa #777 #777 #aaa;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

/* content panels */
#content div.panel {
            border:1px solid;
            border-color:#aaa #777 #777 #aaa;
            background:#f5ffd0;
            margin:2px 2px 0.5em 2px;
            padding:4px;
}

#content div.panel div.panel {
            border:1px solid;
            border-color:#aaa #777 #777 #aaa;
            background:#fafafa;
            margin:3px 0px 3px 0px;
            padding:4px;
}

#content div.floatpanel
{
    float:left;
    margin:0.4em;
}


/* overview bar */
div.overview
{
/*    background:#faffd0;*/
    background:#fafafa;
    border:1px solid #abf;
    padding:4px;
    margin:0px 0px 3px 0px;
}

div.overview h3 { font-size:14pt;}

/* dropshadows */
#content div.panel
{
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
#content div.panel div.panel
{
    -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#content div.multibutton div.options
{
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
}

/* forms */
p.description { color:#999; padding:0px; margin:0px; font-size:7pt }
#content  form dl.zend_form { min-width:380px; background:#f5f5f5; border:1px dotted #aaa;
                        padding-left:4px; margin:0.2em; }

form dl.zend_form dt {
    font-weight:bold;
    font-size:8pt;
    color:#003;
    background-color:#e0e0f3;
    padding:2px;
    margin:2px;
    margin-top:4px;
    margin-left:0px;
    max-width:350px;
    }

form dl.zend_form dd { margin:0px; margin-bottom:4px;}

#user-form select option {
                padding:0.2em 0 0.2em 0;
                margin:0.2em 0 0.2em 0
        }
#user-form select  {  font-size:1em}

#user-form fieldset { border:0px; margin:1px; padding:1px;}
#user-form #send { font-size:1em; padding:0.2em; }

#send-element input { border:1px solid #239;
                        background:#669; color:#fff;
                        min-width:120px;
                        font-weight:bold;
                        padding:3px; margin-top:4px;}

#send-label, #id-label { display:none; }

form ul.errors li { display:inline; font-size:7pt; color:#fff; background:#a40; padding:3px; }
form ul { display:inline; margin:0px; padding:0px; }

input.readonly { padding:0px; border:1px dotted #ddd; background:#f5f5f5; font-size:8pt;}

.extended-radio table th { background:#e8e8e8; color:#555; font-weight:normal; font-size:0.9em }
.extended-radio table h3  { padding:0.2em; }
.extended-radio table h3 label { cursor:pointer;}
.extended-radio table tr.new-option td { border-top:1px dotted #888; margin-top:0.5em}

pre { background:#fefefe; border:1px dotted #999; padding:0.2em; font-size:8pt; color:#002;}
pre.language { background:#eefeee;}
pre.language.missing { border:solid 4px #940;}
pre.language.nodiff { border:solid 3px #c90;}

input.hasDatepicker {width: 7em;} /* short text input for datepicker */

form input { padding: 2px; }
form select { padding: 2px; }
form.compact input[type=button], form.compact input[type=submit],
#user-form input[type=button], #user-form input[type=submit] {
	background-color:#789;
	padding:6px 12px;
	margin:2px;
	color:white;
	border:1px solid #bbb;
	text-transform: capitalize;
}
form.compact label, #user-form label {
}

/* admin links */
#viewactions { padding:0;
    min-height:20px;
/*    background:#f5f5f5;
    border:1px dotted #777;*/
    }
#viewactions ul { list-style-type:none; padding:0; margin:0; }
#viewactions ul li { margin:2px 0px 5px 2px;
                    }
#viewactions ul a {
        display:block;
        text-decoration:none; color:#333;
        border:2px solid #ccc;
        margin:2px 2px 2px 0px;
        padding:2px;
        background:#ddd;
        border-color:#aaa #777 #777 #aaa;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
    }
#viewactions ul a:hover{  background:#ddd url(../../../img/white-grad.png);}
#viewactions ul a:active {border-color:#777  #aaa  #aaa #777; background:#ccc;}


/* important / unusual stuff mark */
#content div.mark,
#content div.panel div.mark  { border-color:#fc0; border-width:4px; }

span.hilite { background:#fff; }

/*
pagination
*/

div.paginationControl {
    font-size:9pt;
    margin-top:1em;
    border-top: 1px dotted #9c9;
    padding-top:0.5em;
}

div.paginationControl a,
div.paginationControl span.disabled,
div.paginationControl span.selected,
div.paginationControl div.form
{
    text-decoration:none;
    border:1px solid #9c9;
    color:#030;
    padding:0.2em 0.2em;
    border-width:1px 2px 2px 1px;
    display:block;
    float:left;
    margin-left:0.2em;
}

div.paginationControl span.selected
{
    font-weight:bold;
    border:none;
    background:#eee;
}

div.paginationControl a
{
    border-color:#9c9;
    background:#eff;
}
div.paginationControl span.disabled {
        color:#ccc;
        background:#eee;
        border-color:#aaa;}

div.paginationControl span.info {
    font-size:0.9em; color:#333;
    margin-left:0.5em;
    margin-top:-0.3em;
    display:block;
    float:left;
    //clear:both;
}

div.paginationControl div.form
{
    margin-top:-0.2em;
    margin-left:0.5em;
}

/*** side widgets ****/
.sidewidgets form input { /*width:120px;*/ }
.sidewidgets .panel {
    border-bottom:1px dotted #999; padding:3px;
    background:#f9f9ff;
    }

.sidewidgets .panel .small { font-size:8pt; color:#556; }
.sidewidgets .panel .scroll { height: 10em; overflow:auto}



/*
    language tools form elements
*/
#content form.language dl { background:transparent; border:0px; }
#content form.language input.crmsubmit { font-size:10pt; width:200px;}
textarea.language_text { margin-bottom:1em; }
#content form.language textarea  {width:700px }
#content form.language input  {width:700px }


/*
    index controller lists
*/
div.indexmenu ul a { font-size:1.2em; }
div.indexmenu ul a:hover { border-bottom:1px solid #999 }
div.indexmenu ul { list-style-type:none }
div.indexmenu ul.navigation li {  float:left; min-width:130px; }
div.indexmenu ul.navigation ul li {  clear:both; border:none; background:transparent}
div.indexmenu ul ul { padding:0.2em 0em }
div.indexmenu ul ul a { font-size:1em; }
div.indexmenu ul.navigation li a { color:#333; text-decoration:none; }


/*
newsletter / filters
*/
.filterval { margin-right:0.5em; }
.controls .filterval { padding:0.4em; background:#ffff99; border:1px solid #eecc99;  margin:0;}
.controls .filterval:hover { background:#f5f5aa;}
.controls .filterval a {
     background:#fff;
     border:1px solid #eecc99;
     text-decoration:none;
     color:#333;
     padding:0 0.2em;
     margin:0 0 0 0.5em;
     }

#nl-info-state { padding:0.5em; margin:0.5em; background:#f0f0f0; border:1px solid #eecc99;}
#nl-info-state    .filterval { float:left; margin-right:0.5em; padding-right:0.5em; border-right:1px dotted #999;}
#nl-info-state    .filterval:last-child { border:none;}
#nl-info-state h2 { background: transparent;  border: 0 none;  box-shadow: none;  margin: 0;  padding: 0; }
.preview iframe { width:100%; border:1px solid #999; height:350px; background:#fff;}

#content #dashboard div.panel {
    min-width:380px; height:220px; float:left;
    background:#f5f5f5; border-color:#a5a884;
    padding:0px;
    box-shadow:none;
    margin:1px;
}

#content #dashboard div.panel { width:30%; min-width:380px;}
#content #dashboard div.panel.big { width:60%; min-width:780px;}

#content #dashboard div.panel table { width:100%; }
#content #dashboard div.panel h2 {
    color:#352515;
    background:#e5e8d4;
    margin:0px;
    border:none;
    box-shadow:none;
}

.extra-menubar {position:absolute; right:1em; margin-top:-1.5em;}
.extra-menubar ul {padding:0; margin:0; list-style-type:none;}
.extra-menubar li {float:left; margin-left:7px;}
.extra-menubar li a {
      background: #eee;
      display: inline-block;
      padding: 2px;
      border: 1px #999 solid;
      text-decoration: none;
      color: #333;
}
.extra-menubar li a:hover { background:#f5f5f5; }

.clear { clear:both; }


.flexrow {

}