@charset "utf-8";
/* CSS Document */

/************************************************/
/********** 1. GENERAL FORM APPEARANCE **********/
/************************************************/
/* Don't be playing with the box model here. */
form{margin-bottom:1.4em;}

form fieldset{padding:0;}

form ol{list-style-type:decimal;}
form ul{list-style-type:none;}
form li{margin-bottom:1.4em; clear:left;}
.area{clear:none;float:left;}

input,
textarea{border:1px solid #666;}
.checkbox,
.radio,
.image{border-width:0;}	/*For <input type="image">*/

.radio-list li{margin:0; clear:left;}
.radio-list input.radio{float:left;}
.radio-list label{float:left;}

label.warning-message{display:block;}

.label ul,
.note ul{list-style-type:disc;}
.label ul,
.label ol,
.note ul,
.note ol{margin-bottom:1.4em; padding-left:0;}
.label ul,
.note ul{margin-left:1.4em;}
.label ol,
.note ol{margin-left:2em;}

.label li,
.note li{margin-bottom:0;}

.clarification,
.clarification p{font-size:9pt; line-height:1.4;}

ul.text-list{margin-left:15px; list-style-type:disc;}	/* For text-based-lists that need bullets */
ul.text-list li{margin-bottom:0;}

/****************************************************/
/********** 2. NO-WRAP-CONTENT FORM DESIGN **********/
/****************************************************/
/* Form design using the full 559px #no-wrap-content area. No funny business */
/*fieldset{width:330px;}*/

form ol{margin-left:32px;}

legend{padding:0 13px 0 0;}

input.text{width:328px;}
input.locality{width:100px;}

textarea{height:200px; width:328px;}

form ol input.text{width:306px;}
form ol textarea{width:308px;}

input.postal-code,
input.small-number
{width:68px;}

/*.radio-list label{width:309px;}*/

#content input.submit,
#no-wrap-content input.submit{border:1px solid #666; background-color:#eee;}

/*************************************************/
/********** 3. PAGE-CONTENT FORM DESIGN **********/
/*************************************************/
/* Form design using the 330px #page-content (and .page-content) area of pages with sidebar.*/
#page-content form{width:330px;}

#page-content input.text,
.page-content input.text{
	width:328px;
}

#page-content textarea,
.page-content textarea{height:200px; width:306px;}

#page-content .radio-list label,
.page-content .radio-list label,
#page-content .checkbox-list label,
.page-content .checkbox-list label{max-width:309px;}

.locality-area,
.region-area,
.postal-code-area{clear:none; float:left;}
.locality-area,
.region-area{margin-right:16px;}
.locality-area{width:173px;}
.locality-area .locality{width:171px;}
.region-area{width:55px;}
.postal-code-area{width:70px;}

/********************************************/
/********** 4. SIDEBAR FORM DESIGN **********/
/********************************************/
/* Form design using the 200px #sidebar (and .sidebar) area of pages with page-content. */

#sidebar input.text,
.sidebar input.text{
	width:198px;
}

#sidebar input.submit,
.sidebar input.submit{
	width:auto;
}

/**********************************************/
/********** 5. CHECKBOX/RADIO STYLES **********/
/**********************************************/
.checkbox-list fieldset,
.radio-list fieldset{border-width:0; margin-bottom:1.4em;}

.checkbox-list legend,
.radio-list legend{font:normal 9pt/1.4 Arial, Helvetica, sans-serif;}

.checkbox-list li,
.radio-list li{margin:0;}

/*******************************************/
/********** 6. MISCELANEOUS FORMS **********/
/*******************************************/
/* This section should not be that big. Only for COMMONLY recurring form elements that get screwed up by the above styles. */

/* Header search form. */
form#searchform{
	margin:0;
}
#criteria{
	float:left;
	width:100px;
}
#gobutton{
	border-width:0;
}

/*********************************/
/********** 7. ROSS BOX **********/
/*********************************/
/* Based on Ross's embossed form design */
.body-1column fieldset{border-width:0; padding:0;}
.body-1column fieldset legend{margin:0; padding:0; font:bold 9pt/1.4 Arial, sans-serif;}

/* Ross created this style using graphics. This is a nice CSS3 way to do it. */
.ross-box{	/* Ross's box rocks like a boss. */
	border:1px solid #ccc;
	margin:1.4em 0;
	padding:0 16px;
	overflow:hidden;
	
	-moz-border-radius: 7px; /* FF1+ */
  -webkit-border-radius: 7px; /* Saf3+, Chrome */
  border-radius: 7px; /* Opera 10.5, IE 9 */
	
	-moz-box-shadow: 0px 1px 3px #ccc; /* FF3.5+ */
  -webkit-box-shadow: 0px 1px 3px #ccc; /* Saf3.0+, Chrome */
  box-shadow: 0px 1px 3px #ccc; /* Opera 10.5, IE 9.0 */
	filter:
		/*progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color='#cccccc');*/
		progid:DXImageTransform.Microsoft.Shadow(color='#cccccc',direction=180,strength=2)
		progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ffffff');
	;	/* IE6, IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color='#cccccc',direction=180,strength=2), progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ffffff')";	/* IE8 */
	
	background-image: -moz-linear-gradient(
    center top,
    rgb(245,245,245) 0%,
    rgb(255,255,255) 30px
	); /* FF3.6 */
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(245,245,245)),
		color-stop(0.25, rgb(255,255,255))
	);  /*Saf4+, Chrome */
}