/**
 * EGroupware: CSS with less preprocessor
 *
 * PREFERENCES
 *
 * Please do NOT change app.css directly, instead change app.less and compile it!
 *
 * @link http://www.egroupware.org
 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
 * @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
 * @package preferences
 * @version $Id$
 */

@import (reference) "../../../pixelegg/less/def_buttons.less";
@import (reference) "../../../pixelegg/less/def_design_pattern_color_font_shadow.less";
@import (less) "../default/app.css";

/* #############################################################################
// iframe
// Rahmen + padding**/

/*############################################
#            #                               #
#            #                               #
#            #                               #
#            #                               #
#            #                               #
#            #                               #
#            #                               #
#            #       iframge                 #
#            #                               #
#            #                               #
#            #                               #
#            #                               #
#            #                               #
#            #                               #
##############################################*/

/*app.css Stylite*/

table.prefTable {
	width: 100%;
}
tr.prefRow {
	position: relative;
}
td.prefName {
	width: 50%;
}
tr.prefRow > td {
	vertical-align: bottom;	/* otherwise help will cover bigger prefValue */
}
.prefHelp {
	position: absolute;
	display: none;
	width: 98%;
	background-color: @egw_color_2_e;

	padding: 5px;
	margin-top: 5px;
        
        .border_normal;
        .box_shadow_standard_light;
        .rounded (3px);
        color: @gray_100 !important;
        
        
}
tr.prefRow:hover .prefHelp {
	display: block;
	z-index: 10;	/* FF: displays it under next prefName without */
}
.prefDefault, .prefValue {
	float: left;
}
.prefValue {
	margin-right: 5px;
}
.prefValue textarea, textarea.prefValue {
	width: 99%;
	height: 5em;
}
.prefType, .prefApp {
	font-size: 150%;
	display: inline-block;
	padding-bottom: 5px;
}






/*###############################*/



.prefType, .prefApp {
    margin: 0.3em;
    -webkit-appearance:button; padding:10px;
}



img[src$="svg"]{
            .gradient_vertical (@egw_color_2_a, @egw_color_2_a);
}



/*Preferences APP / left */
.prefApp{
    
                            background-image: url(../pixelegg/images/setup.png);
                            background-repeat: no-repeat; 
                            background-position: 93% 50%;
                            background-size: 16px 16px;
                            
                            margin-right: 1em;
  

}
/*Preferences APP Settings / right*/
.prefType{
    
                            background-image: url(../pixelegg/images/setup.png);
                            background-repeat: no-repeat; 
                            background-position: 93% 50%;
                            background-size: 16px 16px;
                              


}
//