/*
 * @version     $Id: jinfinity.css 066 2013-01-30 17:56:00Z Anton Wintergerst $
 * @package     Jinfinity Framework for Joomla 2.5
 * @copyright   Copyright (C) 2013 Jinfinity. All rights reserved.
 * @license     GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
 * @website     www.jinfinity.com
 * @email       support@jinfinity.com
*/
/* Fields Form */
.customfields {
    position: relative;
}
/* Input Types */
.customfields .text.input {
    margin-right: 12px;
    width: auto;
    clear: both;
}
.customfields .select.input {
    
}
.customfields .textarea.input {
    margin-right: 2px;
}
.customfields .checkbox.input {
    
}
/* --- */
.customfields .fieldscontainer {
    table-layout: fixed;
}
.customfields .inputbox {
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 2px;
    box-shadow: 0px 1px 1px 0px #EEE inset;
    font-size: 14px;
    margin: 0;
    padding: 5px;
    width: 100%;
    color: #333;
}
.customfields td, .customfields th {
    border: 1px solid #F5F5F5;
    padding: 4px;
    word-wrap: break-word;
    vertical-align: top;
}
.customfields tr {
    border: 1px solid #F5F5F5;
}
.customfields tr.dropdest>td {
    border-top: 5px solid #00bcec;
}
.customfields .fieldscontainer tr:hover>td {
    background-color: #E8F6FE;
}
.customfields .fieldscontainer tr:hover div {
    background-color: #FFF;
}
.customfields td.key {
    width: 15%;
}
.customfields td.key, .customfields td.keyheader {
    padding: 10px 5px;
    color: #888;
    vertical-align: top;
    width: 50%;
}
.customfields td.value {
    width: 70%;
}
.customfields th.keyheader {
    width: 50%;
    color: #888;
    font-weight: normal;
    text-align: left;
}
.customfields td.optionscol {
    padding: 0;
}
.customfields td.optionbox {
    width: 26px;
    vertical-align: top;
    padding: 5px 2px 2px;
}

.customfields a.optionbtn {
    display: block;
    width: 26px;
    height: 26px;
    background: url('../images/icons-26.png') no-repeat;
    text-indent: -9000px;
}
.customfields a.optionbtn.addfield, .customfields a.optionbtn.addchoice {
    background-position: 0 0;
}
.customfields a.optionbtn.addfield:hover, .customfields a.optionbtn.addchoice:hover {
    background-position: -26px 0;
}
.customfields a.optionbtn.removefield, .customfields a.optionbtn.removechoice {
    background-position: -52px 0;
}
.customfields a.optionbtn.removefield:hover, .customfields a.optionbtn.removechoice:hover {
    background-position: -78px 0;
}
.customfields a.optionbtn.toggleparams {
    background-position: 0 -52px;
}
.customfields a.optionbtn.toggleparams:hover, .customfields a.optionbtn.toggleparams.close {
    background-position: -26px -52px;
}
.customfields a.optionbtn.toggleparams.open.changing {
    background: url('../images/icon-26-params_spinning.gif') no-repeat;
}
.customfields a.optionbtn.toggleparams.close.changing {
    background: url('../images/icon-26-params_reverse.gif') no-repeat;
}
.customfields a.optionbtn.dragfield {
    background-position: -52px -26px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.customfields a.optionbtn.dragfield:hover {
    background-position: -78px -26px;
}
.customfields a.optionbtn.deletefield {
    background-position: -52px -52px;
}
.customfields a.optionbtn.deletefield:hover, .customfields a.optionbtn.deleting {
    background-position: -78px -52px;
}
.customfields a.optionbtn:active, .customfields a.optionbtn:selected, .customfields a.optionbtn:visited, .customfields a.optionbtn:hover {
    /* Remove IE borders */
    border: none;
    outline: none;
}
.customfields .fieldvalues {
    width: 100%;
}
.customfields .paramsbox {
    clear: both;
    width: 100%;
}
.customfields .fieldparams {
    margin-top: 2px;
    width: 100%;
    table-layout: fixed;
}
.customfields .fieldparams.hide {
    display: none;
}
.customfields select.chzn-select {
    min-width: 200px;
}
.customfields textarea {
    width: 100%;
    min-height: 100px;
}
.customfields input.inputbox:hover, .customfields input.inputbox:focus, .customfields input.inputbox.focused, .customfields textarea:hover, .customfields textarea:focus, .customfields textarea.inputbox.focused {
    box-shadow: 0 1px 2px 0 #888 inset;
    border-color:#888;
}
/* --- */
/* Ajax Image Uploader */
.customfields div.preview {
    position: relative;
}
.customfields div.preview img {
    max-width: 375px;
    height: auto;
}
.customfields div.preview div.fill {
    display: block;
    position: absolute;
    background: url('../images/transbg.png') repeat;
    margin: 0;
    padding: 0;
}
.customfields div.preview span.point {
    position: absolute;
    display: block;
    background: #FFF;
    width: 5px;
    height: 5px;
    cursor: pointer;
    margin: 0;
    padding: 0;
}
.customfields div.preview span.handle {
    position: absolute;
    display: block;
    background: url('../images/clearbg.png') repeat;
    cursor: move;
    margin: 0;
    padding: 0;
}
.customfields div.subactions {
    overflow: hidden;
    width: 100%;
    display: block;
    position: relative;
    /*box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;*/
}
.customfields div.subactions a {    
    background-image: linear-gradient(top, #EEE 0%, #CCC 100%);
    background-image: -o-linear-gradient(top, #EEE 0%, #CCC 100%);
    background-image: -moz-linear-gradient(top, #EEE 0%, #CCC 100%);
    background-image: -webkit-linear-gradient(top, #EEE 0%, #CCC 100%);
    background-image: -ms-linear-gradient(top, #EEE 0%, #CCC 100%);
    background-color: #EEE;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    display: block;
    float: left;
    padding: 5px 25px;
    border: 1px solid #AAA;
    margin: 2px 5px 2px 2px;
    color: #555;
    text-shadow: 0 1px #EEE;
    text-decoration: none;
}
.customfields div.subactions a:hover {
    background-image: linear-gradient(top, #FFF 0%, #AAA 100%);
    background-image: -o-linear-gradient(top, #FFF 0%, #AAA 100%);
    background-image: -moz-linear-gradient(top, #FFF 0%, #AAA 100%);
    background-image: -webkit-linear-gradient(top, #FFF 0%, #AAA 100%);
    background-image: -ms-linear-gradient(top, #FFF 0%, #AAA 100%);
    background-color: #AAA;
    border: 1px solid #AAA;
    color: #666;
}
/* --- */