/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }
/* Form fields
-------------------------------------------------------------- */

input[type=text],
input[type=password] 
,input.text , input.title, textarea, select{ background-color:#fff; border:1px solid #bbb; }
input[type=text]:focus, 
input[type=password]:focus,
input.text:focus,input.title:focus, textarea:focus, select:focus{ border-color:#666; background-color: #FFC; 
}
input[type=text], 
input[type=password]
,input.text , input.title, textarea, select{ margin-top: .25em; margin-right: 0; margin-bottom: 0.25em; margin-left: 0; 
}
input.text, 
input.title    { width: 208px; padding:5px; }
input.short  { width: 128px; padding:5px; }

#index input.text { width: 100%; }

input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 180px; padding:5px; }
select.short  { padding-top: 4px; padding-right: 5px; padding-bottom: 4px; padding-left: 5px; width: 138px; }
select.text { width: 218px; padding-top: 4px; padding-right: 5px; padding-bottom: 4px; padding-left: 5px; }
select.orderIframe { width: 180px; padding-top: 4px; padding-right: 5px; padding-bottom: 4px; padding-left: 5px; }


.orderimg{ text-align:center;}
.width25{width: 25px; padding:5px; margin-top: .25em; margin-right: 0; margin-bottom: 0.25em; margin-left: 0;}
.width50{width: 50px; padding:5px; margin-top: .25em; margin-right: 0; margin-bottom: 0.25em; margin-left: 0;}
.width64{width: 64px; padding:5px; margin-top: .25em; margin-right: 0; margin-bottom: 0.25em; margin-left: 0; }
.width100{width: 100px; padding:5px; margin-top: .25em; margin-right: 0; margin-bottom: 0.25em; margin-left: 0;}
.width128{width: 128px; padding:5px; margin-top: .25em; margin-right: 0; margin-bottom: 0.25em; margin-left: 0;}
.width150{width: 150px; padding:5px; margin-top: .25em; margin-right: 0; margin-bottom: 0.25em; margin-left: 0;}
.width390{width: 390px; padding:5px; margin-top: .25em; margin-right: 0; margin-bottom: 0.25em; margin-left: 0;}
.width450{width: 450px; padding:5px; margin-top: .25em; margin-right: 0; margin-bottom: 0.25em; margin-left: 0;}
.width75{width: 75px; padding:5px; margin-top: .25em; margin-right: 0; margin-bottom: 0.25em; margin-left: 0;}
.width80{width: 80px; padding:5px; margin-top: .25em; margin-right: 0; margin-bottom: 0.25em; margin-left: 0;}

.floatL{ float:left;}
.floatR{ float:right;}

#rowbg0 { background-color:#f6f6f6; float:left; border-bottom:#ccc 1px dotted;}
#rowbg1 { background-color:#fff; float:left; border-bottom:#ccc 1px dotted;}

#rowbg0:hover{background-color:#7FBF23;}
#rowbg1:hover{background-color:#7FBF23;}

.dottedBorderR{
	border-right:#CCC 1px dotted;
}

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio { 
  position:relative; top:.25em; 
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }
/* Success, notice and error boxes
-------------------------------------------------------------- */
.adminBox,
.error,
.notice, 
.success, .hint{ margin-bottom: 2em; border: 1px solid #ddd; margin-bottom: 2em; padding-top: 9px; padding-right: 6px; padding-bottom: 10px; padding-left: 9px; width: 443px; }

.adminBox   { background: #f6f6f6; color: #514721; border-color: #C6C6c6;}
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.adminBox a span  { color:#FFF;}
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.hint { color: #444; border-color: #CCC; background-color: #fff; }

.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.notice .button{ color: #fff; }
.success a  { color: #264409; }

.highlight{
	background-color:#FF0;
}

#target img{cursor:pointer;}