/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *     ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.form
{
	margin: 0;
	overflow: hidden;
}

div.form input,
div.form textarea,
div.form select
{
  margin:0; 
  padding-bottom:2px;
  padding-top:2px;
	background-attachment:initial;
  background-clip:initial;
  color:#333333;
  background-color:#FFFFFF;
  background-image:initial;
  background-origin:initial;
  background-position:initial initial;
  background-repeat:initial initial;
  border-bottom-color:#534c45;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-image:initial;
  border-left-color:#534c45;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#534c45;
  border-right-style:solid;
  border-right-width:1px;
  border-top-color:#534c45;
  border-top-style:solid;
  border-top-width:1px;
  margin-bottom:1px;
  padding-bottom:3px;
  padding-left:2px;
  padding-right:2px;
  padding-top:3px;
}

#lang { float: right; margin-right: 10px; margin-top: 9px;}

#lang	select{

  background-position:right -22px;

	}


div.form input,
div.form textarea,
div.form select {
	border-color:#FFF;
	background-color:#ffffff;
	outline:0;

	outline:thin dotted \9;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,1),0 0 0 0);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1),0 0 0 0);
	box-shadow:inset 0 1px 1px rgba(0,0,0,1),0 0 0 0);

}
div.form input:focus,
div.form textarea:focus ,
div.form select:focus  {

  border: 1px solid #FF7F27;

	/*outline:0;
	outline:thin dotted \9;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,147,41,0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,147,41,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,147,41,0.6);*/
}
div.form input[type="checkbox"]:focus {
  border: 1px solid #FF7F27;

}

div.form fieldset
{
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
    -moz-border-radius:7px;
}

div.form label
{
	font-weight: bold;
	font-size: 0.9em;
	display: block;
}

div.form .row
{
	margin: 5px 0;	
	margin-right: 5px;	
}
div.form .rowh , div.form .rowh2
{
	margin-right: 5px;
	float: left;
}

div.form .rowr
{
  margin-right: 5px;
  float: right;
}

div.form .rowh input {
  height: 17px;
}

div.form .rowh2 input {
    height: 18px;
}


div.form .hint
{
	margin: 0;
	padding: 0;
	color: #999;
}

div.form .note
{
	font-style: italic;
}

div.form span.required
{
	color: #F60;
}

div.form div.error label,
div.form label.error,
div.form span.error
{
	color: #F60;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
	background: #FEE;
	border-color: #F30;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
	background: #E6EFC2;
	border-color: #C6D880;
}


div.form .errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

div.form .errorMessage
{
	color: #CC5200;
	font-size: 0.9em;
}

div.form .errorSummary p
{
	margin: 0;
	padding: 5px;
	color: #666;
}

div.form .errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
	color: #999;
}

div.wide form label
{
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
}

div.wide form .row
{
	clear: left;
}

div.wide form .buttons
{
	clear: left;
	padding-left: 110px;
	
}

div.wide form .errorMessage
{
	margin: 0 0 0 110px;
}

form .buttons input ,  form .calcbutton,   form .buttonsg input {


    color: #fff;
    font-weight: bold;
    padding: 6px 15px;
    background-color: #3c3834;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #272320;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #272320;
    border-top-color: #72695f;
    border-left-color: #72695f;
    background-image: url(navbg.gif);
		
}

form .buttonr input {


    color: #fff;
    font-weight: bold;
    padding: 6px 15px;
    background-color: #ed8a27;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ac3806;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #ac3806;
    border-top-color: #FBAA5A;
    border-left-color: #FBAA5A;
    background-image: url(navbgorang.png);

}

.form .buttons input:hover ,  form .calcbutton:hover {
   background-image:url(navbginv.png);color:#EC8826;
}

.form .buttonsg input:hover  {
    background-image:url(navbginv.png);color:#B5E61D;
}
.form .buttonsr input:hover  {
    background-image:url(navbgoranginv.png);color:#B5E61D;
}




form .buttons input:hover,
form .buttons input:active,
form .buttonr input:hover,
form .buttonr input:active,
form .buttonsg input:hover,
form .buttonsg input:active,
{
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}


form .buttons input:hover ,form .buttonr input:hover ,form .buttonsg input:hover{
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

form .calcbutton:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}



form .buttons input:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;}
.ui-widget-header{padding: 4px;
  background-transparent: 30;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #181716;
  border-right-color: #666;
  border-bottom-color: #666;
  border-left-color: #181716;   
  background: #3C3834;
  color:#fff;
  font-weight:bold;}
.ui-widget-header a{color:#ffffff;}
.ui-dialog  { background-color:#4C4640; color:#fff; background-position: top ;  background-attachment: none;}
.ui-datepicker{ background-color:#fff; color:#000; }

.form textarea { 

  resize:none;
  resize:vertical; 
}