/* form stuff */

form {  }
      form .form_columns {
        margin-bottom: 1em;
        padding-bottom: .5em;
        clear: both;
        height: 1em;
      }
          form .form_columns * { float: left; }
          form .form_columns label {
            display: block;
            width: 100px;
            padding-right: .5em;
            margin-bottom: 1em;
          }
          form .smaller label { width: 75px; }
          form .bigger label { width: 200px; }
          form .form_columns input  { width: auto; }
	      form .form_rows { margin-bottom: 1em; }
          form .form_rows input { display: block; }
          form .form_rows label { display: block; }
          form .form_rows select { display: block; }
          form .form_rows textarea { display: block; }
          form .form_rows small { display: block; }
          form .form_rows p { display: block; }
          form .form_rows div { display: block; }

      form .form_rows_inline { margin-bottom: 1em;  }
      form .indent { padding-left: 2em; }
      form .hide { display: none; }
      form .submit {
       display: block;
        margin-top: 1em;
        font-size: .85em;
        padding: .25em .75em;
      }


    fieldset {
      border: 1px solid #ccc;
      padding: 1em 2em 1em 2em;
      margin-top: 1em;
      margin-bottom: 1em;
    }

        legend {
          color: #37779D;
          font-size: 1.6em;
          padding-bottom: .2em;
        }
        option { padding-right: .5em; }
        input[type=text],input[type=file], input[type=password], textarea, select {
        	background: #FFF url(../images/form_input_bg.gif) repeat-x bottom left;
            border-bottom: 1px solid #999;
            border-right: 1px solid #999;
            border-top: 1px solid #ccc;
            border-left: 1px solid #ccc;    
            padding: 2px;
        }
		input[type=checkbox],input[type=radio]{background:transparent;border:0;}
		
        button img { vertical-align: middle; }

.success_message { color: #00EE00; font-weight: bold; }

.error_message, .big_error_message { color: #920000; font-weight: bold; }
.big_error_message {
  border: 1px solid #920000;
  font-weight: bold;
  background: #FFF4F4;
  padding: 1em;
  margin: 1em;
}
.form_error {
  background: #FFDDDE !important;
}

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:450px;}
.span-10 {width:390px;}
.span-11 {width:430px;}

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;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:650px;height:300px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;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;}
div.blockquote {font-size:1.7em;font-weight:bold; padding-top:5px;padding-left:30px}

.greenButton{
	background-image:url(/includes/images/greenBackground.gif);
    display: block;
}

#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 10;
}
.popup_block {
	background: #ddd;
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;
	width: 480px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;

}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
	text-align:justify;
	color:#001100;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}