/********************************************************************

Project: Formee - http://www.formee.org
Last Updated: 19/04/2010
Version: 1.1
Authors: Bernard De Luna - http://www.bernarddeluna.com
             Daniel Araujo - http://www.dnlaraujo.com.br
			 Marcello Manso - http://www.marcellomanso.com.br
			 
********************************************************************
Style
********************************************************************/



/* Form Style */
.form {/* font: normal 12px/1em arial, Verdana, "Trebuchet MS", Helvetica, sans-serif; */}

.form fieldset {
    border: 1px solid #ccc;
    border-top:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; behavior: url(border-radius.htc);  /* Border Radius */

    background:#eceef1;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(225,227,231,1)), color-stop(100%, rgba(236,238,241,1)));
    background-image:-webkit-linear-gradient(top, rgba(225,227,231,1) 0%, rgba(236,238,241,1) 100%);
    background-image:  -moz-linear-gradient(top, rgba(225,227,231,1) 50%, rgba(236,238,241,1) 100%);
    background-image:   -ms-linear-gradient(top, rgba(225,227,231,1) 50%, rgba(236,238,241,1) 100%);
    background-image:    -o-linear-gradient(top, rgba(225,227,231,1) 50%, rgba(236,238,241,1) 100%);
    background-image:       linear-gradient(top, rgba(225,227,231,1) 50%, rgba(236,238,241,1) 100%);    
    
    padding-bottom: 1.2em;
    margin: 0 0 2em;
}

.form fieldset .message {
    display: block;
    margin-top: 10px;
}

/* hover effect */



/* Form legend and titles */
.form legend {

    margin-left:1.04%;
    margin-bottom: 10px;
    padding: 5px 15px 8px 15px;
    color: #ccc;
    border: 1px solid #666;
    text-transform: uppercase;
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; behavior: url(border-radius.htc);  /* Border Radius */        
}

/* form elements  */
.form-lbl {
    font-size:1em;
    font-weight: bolder;
}
.form-req {
    font-weight: bold;
    font-style:normal;
    color:#d10000;
    font-size:1.4em;
}
.form .form-txt, .form select, select.inputbox {
    /*
    width: 80%;
    border-color:#235485;
    background: #fff;
    color:#333;
    font: normal 12px/1em arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
   */ 
    color: #333;
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; behavior: url(border-radius.htc);  /* Border Radius */
    background-color: #878889;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d0d1d1), to(#d7d8d9)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #d0d1d1, #d7d8d9); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #d0d1d1, #d7d8d9); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #d0d1d1, #d7d8d9); /* IE10 */
    background-image:      -o-linear-gradient(top, #d0d1d1, #d7d8d9); /* Opera 11.10+ */
    background-image:   linear-gradient(to bottom, #d0d1d1, #d7d8d9);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d1d1', endColorstr='#d7d8d9',GradientType=0 ); /* IE6-9 */    
}
.form .form-txt:hover{
    border-color:#235485;
    background: #fcb929;
    color:#333;
}
.form .form-txt:focus{
    border-color:#103b66;
    background: #fcb929;
    color:#444;
}


/* Optional: Text & Linkfarben wie in Joomla */
.form-msg-success strong, .form-msg-success a { color: #62b548; }
.form-msg-info strong, .form-msg-info a       { color: #11689e; }
.form-msg-warning strong, .form-msg-warning a { color: #957210; }
.form-msg-error strong, .form-msg-error a     { color: #b01717; }


.form-msg-success strong, .form-msg-success a{color:#62b548;}
.form-msg-info strong, .form-msg-info a {color:#11689e;}
.form-msg-warning strong, .form-msg-warning a {color:#957210;}
.form-msg-error strong, .form-msg-error a {color:#b01717;}

/* form validation */
.form-error {
	border-color: #FAD0D0 !important;
	color: #b01717 !important;
  /* shadow */
  -moz-box-shadow: 0 0 3px 0 rgba(176,23,23,.4);
  -webkit-box-shadow: 0 0 3px 0 rgba(176,23,23,.4);
  box-shadow: 0 0 3px 0 rgba(176,23,23,.4);
}


/* form buttons */
.form-button {
    /*
    font-size:1.2em;
    background:#235485;
    color:#fff;
    */
    margin: 2px; padding: 4px 10px;
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; behavior: url(border-radius.htc);  /* Border Radius */
    text-shadow: 1px 1px 1px rgba(255,255,255, 0.5); 
    cursor:pointer; 
}
.form-button222 {
    /*
    font-size:1.2em;
    background:#235485;
    color:#fff;
    */
    margin: 2px; padding: 4px 10px;
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; behavior: url(border-radius.htc);  /* Border Radius */
    text-shadow: 1px 1px 1px rgba(255,255,255, 0.5); 
    cursor:pointer; 
	background: url(../../../components/com_powerdog/assets/hinzufuegen2.png) no-repeat center top;
}

.form-button:hover {
    margin: 2px; padding: 4px 10px;
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; behavior: url(border-radius.htc);  /* Border Radius */
}



/***

dark form

***/

/* Form Style */
.form-dark {font: normal 12px/1em arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;}

.form-dark fieldset {
	border: 1px solid #999;
	border-top:3px solid #000;
	border-bottom: 1px solid #ccc;
	background:#ccc;
	padding-bottom: 1.2em;
	margin: 0 0 2em;
}


/* Form legend and titles */
.form-dark legend {
	font-size:1.7em;
	padding: 10px 10px 15px;
	margin-bottom: 10px;
	background:#000;
	margin-left:1.04%;
	color:#fff;
}

/* form elements  */
.form-lbl {
	font-size:1em;
	font-weight: bolder;
}
.form-req {
	font-weight: bold;
	font-style:normal;
	color:#d10000;
	font-size:1.4em;
}
.dark .form-txt, .form select {
	border-color:#235485;
	background: #fff;
	color:#ccc;
        
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; behavior: url(border-radius.htc);  /* Border Radius */
    background-color: #505151;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#505151), to(#575859)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #505151, #575859); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #505151, #575859); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #505151, #575859); /* IE10 */
    background-image:      -o-linear-gradient(top, #505151, #575859); /* Opera 11.10+ */
    background-image:   linear-gradient(to bottom, #505151, #575859);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505151', endColorstr='#575859',GradientType=0 ); /* IE6-9 */        
}
.dark .form-txt:hover {
	border-color:#235485;
	background: #fff;
	color:#ccc;
        
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; behavior: url(border-radius.htc);  /* Border Radius */
    background-color: #505151;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#505151), to(#575859)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #505151, #575859); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #505151, #575859); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #505151, #575859); /* IE10 */
    background-image:      -o-linear-gradient(top, #505151, #575859); /* Opera 11.10+ */
    background-image:   linear-gradient(to bottom, #505151, #575859);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505151', endColorstr='#575859',GradientType=0 ); /* IE6-9 */   
}
.dark .form-txt:focus {
	border-color:#235485;
	background: #fff;
	color:#ccc;
        
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; behavior: url(border-radius.htc);  /* Border Radius */
    background-color: #505151;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#505151), to(#575859)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #505151, #575859); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #505151, #575859); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #505151, #575859); /* IE10 */
    background-image:      -o-linear-gradient(top, #505151, #575859); /* Opera 11.10+ */
    background-image:   linear-gradient(to bottom, #505151, #575859);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505151', endColorstr='#575859',GradientType=0 ); /* IE6-9 */   
}

/* form buttons */
.form-button-orange {
    font-size:1.2em;
    margin: 2px; padding: 4px 10px;
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px!important; -khtml-border-radius: 6px; behavior: url(border-radius.htc);  /* Border Radius */
    text-shadow: 1px 1px 1px rgba(255,255,255, 0.5); 
    cursor:pointer;     
}
.form-button-orange:hover {
    margin: 2px; padding: 4px 10px;
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px!important; -khtml-border-radius: 6px; behavior: url(border-radius.htc);  /* Border Radius */
 }


.form-button {
    font-size:1.2em;
    margin: 2px; padding: 4px 10px;
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; behavior: url(border-radius.htc);  /* Border Radius */
    text-shadow: 1px 1px 1px rgba(255,255,255, 0.5); 
    cursor:pointer;
}

.form-button:hover { 
    margin: 2px; padding: 4px 10px;
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; behavior: url(border-radius.htc);  /* Border Radius */
}
.important
{
    color: red;
    font-size: 18px;
}