/* --------------------------------------------------------------

   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
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */

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; }
label.desc{
	font-size:95%;
	font-weight:bold;
	color:#222;
	line-height:150%;
	margin:0;
	padding:0 0 3px 0;
	border:none;
	display:block;
}

form ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
form li{
	display:block;
	margin:0;
	padding:6px 0 9px;
	clear:both;
}
form li:after, form li div:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html form li{height: 1%;}
* html form li div{display:inline-block;}
*+html form li div{display:inline-block;}

form li div, form li span{
	margin:0 .3em 0 0;
	padding:0;
	color:#444;
	font-size:9pt;
}
form li span{
	float:left;
}

form li input.min{
  padding:0 0 1px 0;
  border-right:0;
  border-top:0;
  border-color:#DDD;
}
form li div.css label.desc{
  font-size:7pt;
  line-height:1;
  padding:0;
}

/* 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;
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text,
input.title   { width: 150px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; font-size:10pt; }

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; }

	/* Inputs */

input.text, input.file, textarea.textarea, select.select{
	color:#333;
	margin:0;
	padding:4px;
}
input.text, textarea.textarea{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
}
select.select{
	padding:1px 5px 0 0;
}

input.checkbox, input.radio{
	display:block;
	margin:4px 0 0 0;
	padding:0;
	width:13px;
	height:13px;
}
input.other{
	margin:0 0 8px 25px;
}

.safari select.select{
	font-size:120% !important;
	margin:0 0 1px 0;
}
* html select.select{
	margin:1px 0;
}
*+html select.select{
	margin:1px 0;
	border:1px solid red;
}

	/* Size */

input.small, select.small{
	width:25%;
}

input.medium, select.medium{
	width:50%;
}

input.large, select.large, textarea.textarea {
	width:70%;
}

input.full, select.full, textarea.full {
	width:99%;
}

textarea.small{
	height:5.5em;
	font-size:10pt;
}

textarea.medium{
	height:10em;
  	font-size:10pt;
}

textarea.large{
	height:20em;
  	font-size:10pt;
}



/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

input.error      { background: #FBE3E4; color: #C00; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.req		{ color:#C00; font-weight:bold; }

label.error{ display:none; }

span.loading{
  display:none; 
  width: 17px; 
  height: 20px; 
  background:url(img/loading.gif) 50% 50% no-repeat;
  text-indent: -5000px;
  cursor:default;
}
span.icon{
  display: inline-block; 
  width: 16px; 
  height: 16px; 
  background:url(img/cms-sprite.gif) 50% 50% no-repeat;
  text-indent: -5000px;
  cursor:pointer;
  float:left;
  padding-left:3px;
  clear:none;
}
span.icon-plus{ background-position:0px 0px; }
span.icon-minus{ background-position:0px -20px; }
span.icon-check{ background-position:0px -40px; }
span.icon-move{ background-position:0px -60px; }
span.icon-edit{ background-position:0px -80px; }
span.icon-copy{ background-position:0px -100px; }
span.icon-new{ background-position:0px -120px; }
span.icon-delete{ background-position:0px -140px; }
span.icon-save{ background-position:0px -160px; }
span.icon-active{ background-position:-20px 0px; }
span.icon-inactive{ background-position:-20px -20px; }
span.icon-visible{ background-position:-20px -40px; }
span.icon-invisible{ background-position:-20px -60px; }

button{
    margin:0 7px 0 0;
    cursor:pointer;
	float:left;
	clear:none;
}

button.submit{ display:block; width:119px; height:28px; background:url(../img/submit.jpg) no-repeat; text-indent:-5000px; border:none; outline:none; }
button.clear{ display:block; width:108px; height:28px; background:url(../img/clear.jpg) no-repeat; text-indent:-5000px; border:none; outline:none; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}