body
{
	/*background:#F3F3CC;*/
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
	margin:0;
	text-align:center;	
}


/* *** Form Section *** */

#form_container
{
	background:#fff;	
	margin:0 auto;
	text-align:left;
	width:640px;
}

form.appnitro
{
	margin:20px 20px 0;
	padding:0 0 20px;
}


.appnitro
{
	font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
}

.form_description
{
	clear:both;
	display:inline-block;
	margin:0 0 1em;
    padding-top:5px;
}

.form_description h2
{
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	margin:0 0 3px;
	font-stretch:semi-expanded;
}

.form_description h3
{
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:400;
	margin:0 0 3px;
}

.form_descriptionSubHeading
{
	font-size:95%;
	font-family:Arial, Helvetica, sans-serif;
	line-height:130%;
	margin:0 0 12px;
    text-align:left;
    border:0px;
    
}

/* ====================================================================================================  */
.appnitro p {
    width: 75%;
    clear: left;
    margin: 0;
    padding: 5px 0 8px 0;
    padding-left: 155px; /*width of left column containing the label elements*/
    border-top: 1px dashed #CFCFCF;
    height: 1%;
	padding-top:10px;
	padding-bottom:10px;
}

.appnitro label{
    float: left;
    margin-left: -155px; /*width of left column*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
    width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	padding:2px;
}

.content {
    width: auto;
    margin: 2px;
    padding: 5px;
    border-top: 1px dashed #DFDFDF;
	line-height:20px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
/*
.appnitro input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
   /* width: 180px;
}
*/


.inputbox {
	background: transparent url(../../images/inputbox-bg.gif) repeat-x top left;
	background-color:#FFFFFF;
	border: solid 1px #ccc;
	padding: 4px;
	margin: 5px;
	color: #666;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:11px;
}

.selectbox {
	background: transparent url(../../images/inputbox-bg.gif) repeat-x top left;
	
}

.small {
	width: 90px;
}

.medium {
	width: 180px;
}

.large {
	width: 300px;
}

.extralarge {
	width: 420px;
}

.appnitro textarea{
    width: 300px;
    height: 80px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
    margin-left: 3px;
}

#subscriptionForm p span {
	display:block;
	width:auto;
	float:left;
	padding-right:15px;
}
#subscriptionForm p span label{
	float:none;
    margin:0px; /*width of left column*/
    width:auto;
	display:block;
	font-weight:normal;
	font-size:10px;
	color:#7F7F7F;
	margin:-5px 2px 4px 1px;
}

#subscriptionForm .inputbox:focus,
#subscriptionForm .inputbox:hover,
#subscriptionForm .inputbox_hover {
    border: solid 1px #999;
}

.required {
	background:url(../../images/required_star.gif); 
	background-repeat:no-repeat; 
	background-position:96% 20%;
}

.boldblacktxt11 {
	font-size:11px;
	font-weight:bold;
	color:#333333;
}

.blacktxt11 {
	font-size:11px;
	color:#333333;
}