/* Stylesheet developed by Graham Holtshausen */
/* © 2008 Freedom Studios | All rights reserved */


/* Page Styles */

html, body {
	background: url(images/bgcircles.jpg);
	margin: 0px;
	text-align: center; 
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	margin: 0px;
	text-transform: uppercase;
	
}


h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	margin: 0px;
}


h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	margin: 0px;
	text-transform: uppercase;
}


h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	margin: 0px;
}




hr {
	color: White;
	width: 100%;
	border-bottom-style: dotted;
	border-bottom-width: thin;
	
}








.body12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	line-height: 14px;
	text-align: justify;
	}
	
.boldtext {
	font-weight: bold;
}	


.heading a {
	color: Green;
}


#tagtext .tag0 { font-size: 9px; }
#tagtext .tag1 { font-size: 10px; }
#tagtext .tag2 { font-size: 11px; }
#tagtext .tag3 { font-size: 12px; }
#tagtext .tag4 { font-size: 13px; }
#tagtext .tag5 { font-size: 14px; }
#tagtext .tag6 { font-size: 15px; }
#tagtext .tag7 { font-size: 16px; }
#tagtext .tag8 { font-size: 17px; }
#tagtext .tag9 { font-size: 18px; }


#tagtext {
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}


#tagtext a:link {
	color: #4B0082;
	text-decoration: none;
}
	
	
#tagtext a:visited {
	color: #4B0082;
	text-decoration: none;
	}	
	
	
#tagtext a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: Green;
	}	



/* ID Styles */

#page {
	background: url(images/pagebg.png);
	background-repeat: repeat-y;
	background-position: center;
	width: 737px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	
	
	
}


#textnav {
	background-color: #99ca3c;
	background-repeat: repeat-x;
	background-position: center;

	width: 700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #99ca3c;
	margin-left: auto;
	margin-right: auto;
	
}


#textnav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #99ca3c;
}


#flashnav {
	margin-left: auto;
	margin-right: auto;
	padding-right: 1px;
		
}

#footer {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 737px;
	height: 65px;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	text-align: center;
	}



#breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	margin-left: 40px;
}


#breadcrumbs a {
	color: #9ACD32;
		font-size: 10px;
}


#breadcrumbs a:link {
 text-decoration: none;
}

#breadcrumbs a:visited {
 text-decoration: none;
}

#breadcrumbs a:hover {
 text-decoration: none;
 background: #9ACD32;
 color: #FFF;
}




blockquote {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
width: 372px;
  background: transparent url(images/quote-left.png) left top no-repeat;
}
blockquote div {
  padding: 0 60px;
  background: transparent url(images/quote-right.png) right bottom no-repeat;
}











#bigblockcontainer {
	float: left;
}


#bigblockheader {
	width: 393px;
	height: 14px;
	background: url(images/big-block-header.jpg);
	background-repeat: no-repeat;
	
	padding: 0px;
	margin-bottom: 0px;
	
}

#bigblock {
	width: 393px;
	background-image: url(images/blublockbg.gif);
	background-repeat: repeat-y;
	margin-left: 35px;
	margin-top: 0px;

	}


#bigblockfooter {
	width: 393px;
	height: 21px;
	background: url(images/big-block-footer.jpg);
	background-repeat: no-repeat;
	margin-left: 35px;
}

#bigblocktext {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: Black;
	line-height: 15px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}


#bigblocktext a {
	color: #4169E1;
}





#bigorangeblockheader {
	width: 393px;
	height: 14px;
	background: url(images/big-block-orange-header.jpg);
	background-repeat: no-repeat;
	
	padding: 0px;
	margin-bottom: 0px;
	
}

#bigorangeblock {
	width: 393px;
	background-image: url(images/orangeblockbg.gif);
	
	background-repeat: repeat-y;
	margin-left: 35px;
	margin-top: 0px;

	}


#bigorangeblockfooter {
	width: 393px;
	height: 21px;
	background: url(images/big-block-orange-footer.jpg);
	background-repeat: no-repeat;
	margin-left: 35px;
}

#bigorangeblocktext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	line-height: 16px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}


#bigorangeblocktext2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: Black;
	line-height: 15px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}

#bigorangeblock h1 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 28px;
	line-height: 34px;
	font-weight: bold;
	text-transform: none;
}


#bigorangeblock h2 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: none;
}



#bigorangeblocktext a:link, a:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF4500;
	line-height: 16px;
	text-align: justify;
	text-decoration: none;
}
	
	
#bigorangeblocktext a:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF4500;
	line-height: 16px;
	text-align: justify;
	text-decoration: underline;
}	


#hugesavings {
	background-image: url(images/special-offers.jpg);
	background-repeat: no-repeat;
	width: 393px;
	height: 125px;
	}



#biggreenblockheader {
	width: 393px;
	height: 14px;
	background: url(images/big-block-green-header.jpg);
	background-repeat: no-repeat;
	
	padding: 0px;
	margin-bottom: 0px;
	
}

#biggreenblock {
	width: 393px;
	background-image: url(images/greenblockbg.gif);
	
	background-repeat: repeat-y;
	margin-left: 35px;
	margin-top: 0px;

	}


#biggreenblockfooter {
	width: 393px;
	height: 21px;
	background: url(images/big-block-green-footer.jpg);
	background-repeat: no-repeat;
	margin-left: 35px;
}

#biggreenblocktext {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: Black;
	line-height: 15px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}
	
	
	
#biggreenblocktext a:link {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: Green;
	line-height: 16px;
	text-align: justify;
	text-decoration: none;
	}
	
	
	#biggreenblocktext a:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: Green;
	line-height: 16px;
	text-align: justify;
	text-decoration: none;
	}
	
	
#biggreenblocktext a:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: Green;
	line-height: 16px;
	text-align: justify;
	text-decoration: underline;
	}	
	
	
	
	
	#bigpurpleblockheader {
	width: 393px;
	height: 14px;
	background: url(images/big-block-purple-header.jpg);
	background-repeat: no-repeat;
	
	padding: 0px;
	margin-bottom: 0px;
	
}

#bigpurpleblock {
	width: 393px;
	background-image: url(images/purpleblockbg.gif);
	
	background-repeat: repeat-y;
	margin-left: 35px;
	margin-top: 0px;

	}


#bigpurpleblockfooter {
	width: 393px;
	height: 21px;
	background: url(images/big-block-purple-footer.jpg);
	background-repeat: no-repeat;
	margin-left: 35px;
}

#bigpurpleblocktext {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: Black;
	line-height: 15px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}


#bigpurpleblocktext2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: Black;
	line-height: 15px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}



#bigpurpleblocktext a:link, a:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF4500;
	line-height: 16px;
	text-align: justify;
	text-decoration: none;
}
	
	
#bigpurpleblocktext a:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF4500;
	line-height: 16px;
	text-align: justify;
	text-decoration: underline;
}	
	
	
	
	
	
	
	
	
	
	






#rightpanel {
	float: right;
}


#fsblock {
	width: 258px;
	height: 203px;
	background-image: url(images/Freedom-Studios-Logo.jpg);
	background-repeat: no-repeat;
	margin-right: 33px;
	margin-top: 0px;

	}
	
	
	
	
#smallgreenheader {
	width: 258px;
	height: 13px;
	background: url(images/small-greenblock-header.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-bottom: 0px;
	
}

#smallgreenblock {
	width: 258px;
	background-image: url(images/small-greenblock-bg.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
	

	}


#smallgreenfooter {
	width: 258px;
	height: 21px;
	background: url(images/small-greenblock-footer.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	
	}

#smallgreentext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	line-height: 14px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}


#smallgreentext li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	line-height: 16px;
	text-align: justify;
	margin-left: 20px;
	
}	


#smallgreentext a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Green;
	line-height: 16px;
	text-align: justify;
	text-decoration: none;
	}
	
	
	
#smallgreentext a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Green;
	line-height: 16px;
	text-align: justify;
	text-decoration: none;
	}	
	
	
#smallgreentext a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Green;
	line-height: 16px;
	text-align: justify;
	text-decoration: underline;
	}	
		

	

#greenblockcontainer {
	
	
	margin-right: 33px;
}


#news {
	margin-right: 33px;
		
}



#smallblueheader {
	width: 258px;
	height: 13px;
	background: url(images/small-blueblock-header.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-bottom: 0px;
	
}

#smallblueblock {
	width: 258px;
	background-image: url(images/small-blueblock-bg.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
	

	}


#smallbluefooter {
	width: 258px;
	height: 21px;
	background: url(images/small-blueblock-footer.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	
	}

#smallbluetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	line-height: 14px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}


#smallbluetext a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1A3FA9;
	line-height: 16px;
	text-align: justify;
	text-decoration: none;
}
		
	
#smallbluetext a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1A3FA9;
	line-height: 16px;
	text-align: justify;
	text-decoration: underline;
	}	
		
		

#smallorangeheader {
	width: 258px;
	height: 13px;
	background: url(images/small-orangeblock-header.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-bottom: 0px;
	
}

#smallorangeblock {
	width: 258px;
	background-image: url(images/small-orangeblock-bg.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
	

	}


#smallorangefooter {
	width: 258px;
	height: 21px;
	background: url(images/small-orangeblock-footer.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	
	}

#smallorangetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	line-height: 14px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	list-style: none;
}


#smallorangetext a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF4500;
	line-height: 16px;
	text-align: justify;
	text-decoration: none;
}
	
	
#smallorangetext a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF4500;
	line-height: 16px;
	text-align: justify;
	text-decoration: underline;
	}		
	

#smallorangetext li {
	background-image: url(images/control_play.png);
	background-repeat: no-repeat;
	padding-left: 20px;

}


	
	
	
	#smallpurpleheader {
	width: 258px;
	height: 13px;
	background: url(images/small-purpleblock-header.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-bottom: 0px;
	
}

#smallpurpleblock {
	width: 258px;
	background-image: url(images/small-purpleblock-bg.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
	

	}


#smallpurplefooter {
	width: 258px;
	height: 21px;
	background: url(images/small-purpleblock-footer.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	
	}

#smallpurpletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	line-height: 14px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}


#smallpurpletext a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4B0082;
	line-height: 16px;
	text-align: justify;
	text-decoration: none;
}
	
	
#smallpurpletext a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4B0082;
	line-height: 16px;
	text-align: justify;
	text-decoration: underline;
	}	
	

.freedomhosting {
	color: #95A620;
}	

.freedomhosting a {
	color: #95A620;
	text-decoration: none;
}	
	
	
.freedomhosting a:link {
	color: #95A620;
	text-decoration: none;
}		


.freedomhosting a:hover{
	color: #95A620;
	text-decoration: none;
	border-bottom: thin dotted #95A620;
}	


.freedomhosting a:visited{
	color: #95A620;
	text-decoration: none;
}	






	
/* Feedburner Blog List --------------------------------------*/	
	
.feedburnerFeedBlock ul {
margin-left:0;
padding-left:0;
list-style-type: none;
background-image: none;
}

.feedburnerFeedBlock ul li {
padding: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E0E0E0;
background-image: none;
list-style-type: none;
}

.feedburnerFeedBlock ul li span.headline a {
color: #86b340;
text-decoration: none;
font-weight: bold;
display: block;
background-image: none;
}

.feedburnerFeedBlock ul li span.headline a:hover {
color: #506f1f;
}


.feedburnerFeedBlock .date {
font-style: italic;
}

#creditfooter {
display: none;
}	
	
/* End of Feedburner Blog List ------------------------------*/		
	
	
	
	
	
	
	
	
	
	


#ms-banner {
	margin-right: 33px;
	margin-top: 0px;
	}
	
	
		
	
	#Browserinfo{
	width:250px;
height: 215px;
background-image: url(images/browserpanel.png);
background-repeat: no-repeat;
	margin-right: 33px;
	margin-top: 0px;
}

#browserbuttons {
	margin-top: 50px;
	margin-left: 20px;
	position: absolute;
}

#adobebuttons {
	margin-top: 140px;
	margin-left: 18px;
	position: absolute;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
.switchcontent {
	background-color: #FFE7BF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
	line-height: 1.3em;
	padding: 5px;
}	


.featuretext {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
   font-weight: bold;
	font-size: 16px;
	line-height: 18px;
}


/*  Styling for sliding panel  */

a:focus {
	border: none;
}
#panel {
	background: #E8FFEA;
	height: 200px;
	width: 240px;
	display: none;
	margin-right: 0px;
	
}
.slide {
	margin: 0;
	padding: 0;
	border-top: 4px solid Green;
	background: url(images/btn-slide.gif) no-repeat center top;
	width: 240px;
	margin-right: 0px;
}

.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0px;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}




/*  Styling for accordian panels  */


.accordion {
	width: 373px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
	background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}

.accordion img {
padding-left: -20px;
}




.clientnamenormal{
	background: #E4E6ED;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #708090;
	padding: 5px 3px;
	margin: 0px;
	font-style: normal;
	border-bottom: 2px dotted #708090;
}


.clientnameactive {
	background: #708090;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 3px;
	margin: 0px;
	font-style: normal;
	border-bottom: 2px dotted #FFFFFF;
	
}

.clienttext{
	background: #FFFFFF;
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding: 5px 3px;
	margin: 0px;
	font-style: normal;
	border-bottom: 2px dotted #708090;
}






#fullpage-orange-block-header {
	width: 668px;
	height: 14px;
	background: url(images/fullpage-orange-header.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-bottom: 0px;
}

#fullpage-orange-block {
	width: 668px;
	background-image: url(images/fullpage-orage-bg.gif);
	background-repeat: repeat-y;
	
	margin-top: 0px;
}


#fullpage-orange-block-footer {
	width: 668px;
	height: 21px;
	background: url(images/fullpage-orange-footer.jpg);
	background-repeat: no-repeat;
	
}

#fullpage-orange-block-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	line-height: 15px;
	text-align: justify;
	padding-left: 15px;
	padding-right: 15px;
}


#fullpage-orange-block-text2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: Black;
	line-height: 15px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}



#fullpage-orange-block-text a:link, a:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF4500;
	line-height: 16px;
	text-align: justify;
	text-decoration: none;
}
	
	
#fullpage-orange-block-text a:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF4500;
	line-height: 16px;
	text-align: justify;
	text-decoration: underline;
}	


#code-box {
	background-color: #FFF;
	border: thin solid #949494;
	padding: 20px;
}









input {
	margin: 0.1em;
}

input.invalid, textarea.invalid {
	background-color: #B9D979;
	margin: 1px; !important;
	border: thin;
	border-color: #719529;
	border-style: solid;
}


select.invalid, textarea.invalid {
	background-color: #B9D979;
	margin: 1px; !important;
	border: thin;
	border-color: #719529;
	border-style: solid;
}



/*input.invalid:focus, textarea.invalid:focus {
	background-color: #9ACD32;
	border: 0.1em;
	border-color: Green; !important;
	border-style: solid;
	margin: 0 !important;
}

input:focus, textarea:focus {
	background-image: none;
	border: 0.1em;
	border-color: #839EED;
	border-style: solid;
	margin: 0;
}

input[type="checkbox"]:focus, input[type="radio"]:focus {
	border: 0;
	margin: 0.1em;
}

input[type="submit"] {
	border-style: solid;
	border-width: 0.2em;
	margin: 0em;
	border-bottom-color: #839EED;
}

input[type="submit"]:active {
	border-style: solid;
	border-width: 0.2em;
	margin: 0em;
}

input[type="submit"]:focus {
	border-style: solid;
	border-width: 0.2em;
	margin: 0em;
}

*/


div#errorDisplay {
	background-image: url(images/field-alert.gif);
	background-position: 5px 4px;
	background-repeat: no-repeat;
	border: 1px;
	border-color: Green;
	border-style: solid;
	background-color: #9ACD32;
	display: none;
	padding: 5px 0px;
	margin: 10px;
}
div#errorDisplay ul {
	list-style-type: square;
	margin-top:0px;
	margin-bottom:0px;
}


.required {
	background-image: url(images/required.gif);
	background-position: right;
	background-repeat: no-repeat;
	border: thin; border-color: #4682B4; border-style: solid;
}




form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  /*min-width: 350px;
  max-width: 373px;*/
  width: 373px; 
}



form fieldset {
	border-color: #4682B4;
	border-width: 1px;
	border-style: solid;
	padding: 10px; /* padding in fieldset support spotty in IE */
	margin: 0;
}

 /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */


form fieldset legend {
	font-size:1.1em;
	
	} /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
							  
							  
form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}							  



form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;}    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
											  
											  
											  
											  
form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; }/* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
										
										
										
										
form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}



textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}


form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}																				  





#authenticjobs {
	width: 200px; 
	margin: 1em 0; 
	padding: 5px 10px; 
	font: 11px normal Arial, sans-serif; 
	line-height: 120%; 
	background: #fff;
	text-align: left;
}

  #authenticjobs a img {float: left; padding: 8px 10px 5px 0; border: 0;}
  #authenticjobs ul {clear: left; margin: 0; padding: 0 0 0 20px;}
  #authenticjobs ul li {padding: 2px 0;}