/* 
    Document   : generic
    Version    : 0.1 
    Created on : 10.11.2011, 16:06:26
    Author     : mythemes
    Description: This is the file for styling forms generated in the administration side.
*/

/* generic fields */
/* general */

/* layout */
div.standard-generic-field {
	padding:0 0px 20px 0px;
}
div.standard-generic-field div.generic-label{
	display:inline-block;
	float:left;
	width:300px;
	margin-right:15px;
	padding-top:5px;
    padding-left:0;
}
div.standard-generic-field > span.generic-label{
    display:inline-block;
	width:300px;
	margin-right:15px;
	padding-top:5px;
    padding-left:0;
}
div.standard-generic-field div.generic-label label{
	font-size:12px;
}
div.standard-generic-field div.generic-input{
	float:left;
	width: 318px;
	font-size: 12px;
}

div.add-manual-hint div.generic-hint  ,div.add-automat-hint div.generic-hint  {
	color:grey;
	position: absolute;
	margin-left: 316px !important;
	margin-top: -20px;
}

div.standard-generic-field div.generic-input.generic-logic-radio{
    margin-top:8px;
}

/* help */
div.standard-generic-field div.generic-input.generic-logic-radio span.generic-help-icon{
    margin-top:-8px !important;
}
span.generic-help-icon {
    position:absolute;
    width:26px;
    height:31px;
    margin-left:20px;
}
span.generic-help-icon a{
    display:block;
    width:26px;
    height:31px;
    background: url( ../images/help.png );
}
span.generic-help-icon a:hover{
    background: url( ../images/help.hover.png );
}
div.generic-help-box{
    width:334px;
    position:fixed;
    right:30px;
    top:30px;
    background: #fff;
    border: 5px solid #fdfdfd;
    z-index:100;
}
div.generic-help-box .help-content{
    padding:11px;
    border-top:1px solid #e4e4e4;
    border-left:1px solid #e4e4e4;
    border-right:1px solid #e4e4e4;
}
div.generic-help-box .help-content p{
    color:#838383;
    font-size:12px;
    font-family: "Trebuchet MS",arial,sans-serif;
    margin:0px;
}
div.generic-help-box .help-content h4{
    margin: 0 0 8px 0;
}

div.generic-help-box .help-content img{
    border:5px solid #fcfcfc;
    margin:0px auto;
}
div.generic-help-box .generic-help-footer{
    background: #f5f5f5;
    height:44px;
    display: block;
    border-top:1px solid #d8d8d8;
    border-bottom:1px solid #e4e4e4;
    border-left:1px solid #e4e4e4;
    border-right:1px solid #e4e4e4;
}

div.generic-help-box .generic-help-close{
    margin:11px;
    border:1px solid #66a4c7;
    display: inline-block;
}

div.generic-help-box .generic-help-close a{
    padding:3px 25px;
    border-top:1px solid #a3d6f3;
    border-left:1px solid #a3d6f3;
    background:#84c2e6;
    color:#fff;
    text-decoration: none;
    font-size:11px;
    display: block;
}
div.generic-help-box .generic-help-close a:hover{
    background:#73bbe4;
}

/* inputs */
/* standard layout */
div.standard-generic-field div.generic-input input[type="text"],
div.standard-generic-field div.generic-input textarea,
div.standard-generic-field div.generic-input select,
div.standard-generic-field div.generic-input input[type="checkbox"]{
	border:1px solid #ababab;
}
div.standard-generic-field div.generic-input select,
div.standard-generic-field div.generic-input input[type="text"]{
	height:30px;
	width:290px;
}
div.standard-generic-field div.generic-input textarea{
	height:80px;
	width:300px;
}
div.standard-generic-field div.generic-input select{
	height:30px !important;
    margin-right:10px;
	}
div.standard-generic-field div.generic-input input[type="checkbox"]{
    margin-right:10px;
}
div.standard-generic-field div.generic-input input[type="button"]{
    height:20px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
div.standard-generic-field div.generic-input.generic-button  input[type="button"]{
    height: 25px;
    width: 150px;
    font-weight: bold;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
div.standard-generic-field input[type="button"].button-upload{
    position:absolute;
    margin-left:70px;
}

div.standard-generic-field span.btn.result{
    position:absolute;
    margin-left: 75px;
    margin-top:30px;
}

div.standard-generic-field span.btn.result.a{
    margin-left: 15px;
    margin-top:10px;
}
/* inline layout */
span.inline-generic-field span.generic-input.generic-button  input[type="button"]{
    height: 21px;
    font-weight: bold;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* not input layout */
div.not-input-generic-field{
    padding:5px 0; 
}

/* short input layout */
div.short-generic-field{
    
}

div.short-generic-field div.generic-label label{
    font-size:13px;
    font-weight: bold;
    padding:10px 2px;
    display:block;
}

div.short-generic-field div.generic-input input[type="text"],
div.short-generic-field div.generic-input textarea,
div.short-generic-field div.generic-input select{
    width:100%;
    height:30px;
    display:block;
    margin-bottom: 5px;
}

div.short-generic-field{
    padding-bottom: 15px;
}

/* hint */
div.standard-generic-field div.generic-input .generic-hint{
	color:#999999;
	font-size:11px;
}
div.standard-generic-field div.generic-input span.generic-hint{
	display: inline-block;
    margin-left: 15px;
}
div.generic-input.generic-logic-radio div.generic-hint{
    margin-top:5px;
}
div.generic-hint{
	display: block;
}

/* box */
div.box-generic-field {
    border:1px solid #ededed;
    position:fixed;
    background:#ffffff;
    z-index:999;
}
div.box-generic-field div.box-panel{
    margin:20px;
}
div.box-generic-field ul.box-panel-menu{
    height:30px;
    margin:0px 0px;
    padding:3px;
    list-style: none;
    border-bottom: 1px dotted #ededed;
    clear: both;
    display: block;
}
div.box-generic-field ul.box-panel-menu li{
    float:left;
    display:inline-block;
    padding:5px 15px;
}
div.box-generic-field ul.box-panel-menu li.current a{
	text-decoration: none;
    color:#333333;
}
div.box-generic-field div.box-action{
    padding:4px 8px;
    display:block;
    height:15px;
    background: #21759B;
}
div.box-generic-field div.box-action span.action{
    float:right;
    font-weight: bold;
    display: inline-block;
}
div.box-generic-field div.box-action span.title{
    color:#fff;
    font-size:11px;
    font-weight: bold;
}
div.box-generic-field div.box-action span a{
    color:#fff;
    font-weight: bold;
    text-decoration: none;
    line-height:10px;
}
div.box-generic-field div.box-action span a:hover{
    text-decoration: underline;
}
div.box-generic-field .generic-input input[type="text"],
div.standard-box-generic-field .generic-input input[type="text"],
div.box-generic-field .generic-input select,
div.standard-box-generic-field .generic-input select,
div.box-generic-field .generic-input input[type="checkbox"],
div.standard-box-generic-field .generic-input input[type="checkbox"]{
    width:280px;
    height: 30px !important;
    padding: 3px !important;  
    border:1px solid #ababab;
}

div.box-generic-field span.inline-generic-field input[type="text"],
div.box-generic-field span.inline-generic-field select{
    width:auto !important;
    height: 30px !important;
    padding: 3px !important;  
    border:1px solid #ababab;
}

div.box-generic-field .generic-input input[type="checkbox"]{
	width: auto;
	height: auto!important;
	margin-right: 10px;
}
div.box-generic-field  div.generic-input textarea,
div.standard-box-generic-field div.generic-input textarea{
	height:60px;
	width:280px !important;
    border:1px solid #ababab;
    padding: 3px !important; 
}
div.box-generic-field div.generic-label,
div.standard-box-generic-field div.generic-label{
    font-size:12px;
    color:#454545;
    font-weight: bold;
}
div.box-generic-field div.generic-input span.generic-hint,
div.standard-box-generic-field div.generic-input span.generic-hint,
div.box-generic-field div.generic-input div.generic-hint,
div.standard-box-generic-field div.generic-input div.generic-hint{
    display:block;
    color: #777;
    font-size: 11px;
    width:250px;
}
.generic-hint.hidden{
    display: none;
}
div.standard-box-generic-field{
    display:block;
    padding: 10px 0px 5px 0px;
}

div.standard-box-generic-field input[type="button"].button-upload{
    position:absolute;
    margin-left:70px;
}

div.standard-box-generic-field div.generic-input input[type="button"]{
    height:20px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
div.standard-box-generic-field div.generic-input.generic-button  input[type="button"]{
    height: 25px;
    width: 150px;
    font-weight: bold;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* mssg */
.generic-mssg p{
    padding:4px 8px 5px 5px;
    line-height:100%;
    margin:1px 0 0 0;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.generic-mssg p span{
    display:inline-block;
    height:16px;
    width:16px;
    margin-right:3px;
}
/* success */
.generic-mssg p.success{
    border:1px solid #BCE5B6;
    background:#EAFAE6;
}

.generic-mssg p.success span{
    background: url(../images/shortcodes/icons.png) -64px 0 no-repeat!important;
}
/* error */
.generic-mssg p.error{
    border:1px solid #E5C5B6;;
    background:#FAEBE6;
}

.generic-mssg p.error span{
    background: url(../images/shortcodes/icons.png) -128px 0 no-repeat!important;
}

/* autocomplet */
.autocomplete-w1 { 
    position:absolute; 
    top:0px; 
    left:0px; 
    margin:8px 0 0 6px; 
    /* IE6 fix: */
    _background:none;
    _margin:0;
}
.autocomplete { 
    border:1px solid #999;
    background:#FFF;
    cursor:default;
    text-align:left;
    max-height:350px;
    overflow:auto;
    margin:-6px 6px 6px -6px;
    /* IE6 specific: */
    _height:350px; 
    _margin:0;
    _overflow-x:hidden;
}
.autocomplete .selected {
    background:#F0F0F0;
}
.autocomplete div {
    padding:2px 5px;
    white-space:nowrap; 
}
.autocomplete strong {
    font-weight:normal;
    color:#3399FF;
}

/* paterns */
.pattern-texture{
    border:5px solid #efefef;
    margin:0px 5px 5px 0px;
}

.pattern-texture.selected{
    border:5px solid #dfdfee;
}
.pattern-texture.selected:hover{
    border:5px solid #dfdfff;
}

.pattern-texture:hover{
    border:5px solid #dfdfdf;
}

/* submit button */
div.standard-generic-field.submit{
    border-top:1px dashed #cdcdcd;
    margin-top:10px;
    padding-top:15px;
}
div.standard-generic-field.submit input{
    height: 24px;
    width: 150px;
    font-weight: bold;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* ( ? ) color-piker upload */
div.standard-generic-field div.generic-field.generic-field-color-picker, 
div.standard-generic-field div.generic-field.generic-field-upload{
	width: 380px;
}









