/*==========================================*
 * Orlando .NET Code Camp 2010				*
 * Original Asp.Net MVC by Fabio Honigmann	*
 * 2010 Updates by Esteban Garcia			*
 * Html and Css by Travis Repetto			*
 *==========================================*/

/* Reset Reloaded */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body{ line-height: 1; }
ol, ul{ list-style: none; }
blockquote, q{ quotes: none; }
:focus{ outline: 0; }/* remember to define focus styles! */
ins{ text-decoration: none; }/* remember to highlight inserts somehow! */
del{ text-decoration: line-through; }
table{ border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

/* fancybox popup */
.fancybox_region { width:620px; }

/* expand all */
.expand_text { font-size:0.6em; text-align:right; float:right; clear:both; padding:0px 10px 0px 0px; }

/* Global */
body{ background: #003d5e url(images/bg.gif) repeat-x; color: #333; font: 12px/20px Arial, Helvetica, sans-serif; }
h1{ color: #00467f; font-size: 24px; margin: 0 0 10px 0; }
h2{ margin-bottom: 10px; padding-left: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #ded6b1; color: #00467f; font-size: 20px; line-height: 30px; }
h3{ color: #74c053; font-size: 18px; }
h4{ color: #397ead; font-size: 16px; }
h5{ color: #666; font-size: 14px; }
h6{ color: #999; font-size: 12px; }
a{ color: #397ead; outline: none; text-decoration: none; }
acronym, abbr{ border-bottom: 1px dotted #ccc; cursor: help; }
hr{ background: #ccc; border: none; color: #ccc; height: 1px; margin: 10px 0; }
fieldset{ border: 2px solid #d3e0ee; padding: 10px; }
legend{ font-size: 14px; font-weight: bold; }
blockquote{ margin: 0 0 18px 0; padding: 0 0 0 10px; border-left: 3px solid #d3e0ee; font-size: 12px; line-height: 20px; text-align: justify; }
input, select, textarea{ font: 1em Arial, Helvetica, sans-serif; }

/* Standard Classes */
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; height: 0; overflow: hidden; margin: -1px 0 0 0; font-size: 0; line-height: 0; }
.hidden{ display: none; }
img.left{ margin: 0 10px 10px 0; }
img.right{ margin: 0 0 10px 10px; }
a.top{ padding: 0 15px 0 0; background: transparent url(images/arrow_up.gif) no-repeat right center; line-height: 22px; font-weight: bold; }

/* Containers */
#wrap{ width: 960px; min-width: 960px; margin: 0 auto 10px; }
	#header{ overflow: hidden; width: 100%; height: 175px; background: transparent url(images/bg_header.jpg) no-repeat top center; }
	#main{ overflow: hidden; width: 940px; margin: 0 10px; background: transparent url(images/bg_main.gif) repeat-y top center; }
	#footer{ width: 940px; height: 50px; margin: 0 10px; background: transparent url(images/bg_footer.gif) no-repeat top center; }

/* Header */
#logo{ display: inline; float: left; width: 360px; height: 120px; margin: 10px 0 0 10px; text-indent: -9999px; }
	#logo a{ display: block; width: 100%; height: 100%; }
#postits{ display: inline; float: right; width: 470px; height: 100px; margin: 30px 10px 0 0; overflow: hidden; }
	#postits li{ float: left; height: 100px; }
	#postits a{ display: block; width: 100%; height: 100%; text-indent: -9999px; }
		#postits #postit-yellow{ width: 130px; }
		#postits #postit-yellow a:hover{ background: transparent url(images/postit.jpg) no-repeat 0 0; }
		#postits #postit-blue{ width: 110px; }
		#postits #postit-blue a:hover{ background: transparent url(images/postit.jpg) no-repeat -130px 0; }
		#postits #postit-green{ width: 110px; }
		#postits #postit-green a:hover{ background: transparent url(images/postit.jpg) no-repeat -240px 0; }
		#postits #postit-orange{ width: 120px; }
		#postits #postit-orange a:hover{ background: transparent url(images/postit.jpg) no-repeat -350px 0; }
#nav{ clear: both; width: 940px; height: 40px; overflow: hidden; margin: 0 10px; list-style: none; }
	#nav li{ display: inline; float: left; }
		#nav a{ display: block; float: left; height: 40px; padding: 0 13px; color: #fff; font-size: 14px; line-height: 40px; font-weight: bold; }
		#nav a:hover{ color: #00467f; }

/* Main */
#main{}
	#main p{ margin: 0 0 18px 0; font-size: 12px; line-height: 20px; text-align: justify; }
	#main a:hover{ text-decoration: underline; }
	#main p a[href^="http://"], #main p a[target="_blank"]{ padding: 0 16px 0 0; background: transparent url(images/external.png) no-repeat center right; }
	#main ul, #main ol{ margin: 0 0 10px 0; padding: 0 0 0 25px; }
	#main ul li{ list-style: disc; }
	#main ol li{ list-style: decimal; }
	#maincontent{ display: inline; float: right; width: 620px; overflow: hidden; margin: 20px 40px 20px 0; }
		#maincontent h1{}
		#maincontent h2{}
	#mainsidebar{ display: inline; float: left; width: 220px; margin: 5px 0 5px 25px; }
		#mainsidebar h2{ font-size: 16px; }
		#mainsidebar p{ margin: 0 5px 10px; font-size: 12px; line-height: 16px; }
		#mainsidebar .links{ padding-left: 5px; }
		#mainsidebar .links li{ list-style: none; font-weight: bold; }
		#mainsidebar .featuredsponsor { margin-bottom: 10px; text-align: center; }
			#mainsidebar .featuredsponsor img { width: 200px; margin: 0 auto; }
				

/* Footer */
#footer{ color: #00467f; font-size: 11px; line-height: 20px; font-weight: bold; }
	#footer a{ color: #00467f; }
	#footer a:hover{ text-decoration: underline; }
	#footerleft{ display: inline; float: left; width: 520px; margin: 15px 0 0 20px; }
	#footerright{ display: inline; float: right; width: 380px; margin: 15px 20px 0 0; text-align: right; }
#footernav{ list-style: none; }
	#footernav li{ display: inline; padding: 0 5px 0 6px; border-left: 1px solid #00467f; }
	#footernav li.firstlink{ border: 0 none; padding: 0 5px 0 0; }

/* Agenda Container */
.agendacontainer{}
	.agendacontainer ul{ padding: 0 !important; width: 100%; list-style: none; }
	.agendacontainer li{ position: relative; padding: 5px; color: #397ead; font-size: 14px; font-weight: bold; }
	.agendacontainer li.alt{ background: #eee; }
	.agendacontainer span{ position: absolute; right: 5px; color: #666; font-size: 12px; }

/* Form Container */
.formcontainer{ width: 100%; overflow: hidden; }
	.formcontainer .forminstruction{ margin: 0 0 10px 10px; color: #666; font-style: italic; }
	.formcontainer .required{ padding-right: 15px; background: transparent url(images/asterix.gif) no-repeat center right; }
/*	
	.formcontainer .validationsummary{ margin: 0 10px 10px; padding: 10px; background: #eee; }
		.formcontainer .validationsummary h3{ margin-bottom: 5px; color: #f00; }
		.formcontainer .validationsummary ul{ margin-bottom: 0 !important; color: #666; font-weight: bold; }
*/
	.formcontainer .validationsummary{ margin: 0 10px 10px; padding: 10px; }
		.formcontainer .validationsummary h3{ margin-bottom: 5px; color: #f00; }
		.formcontainer .validationsummary ul{ margin-bottom: 0 !important; color: #f00; font-weight: bold; }
	.formcontainer .row{ width: 100%; overflow: hidden; margin: 0 0 10px 10px; }
		.formcontainer .item{ display: inline; float: left; width: 260px; margin: 0 30px 0 0; }
		.formcontainer .commanditem{ margin-top: 20px; font-size: 14px; }
	.formcontainer label{ font-size: 14px; }
	.formcontainer .label{ font-size: 14px; font-weight: bold; }
	.formcontainer .text{ width: 250px; padding: 4px; border: 1px solid #ccc; font-size: 14px; }
	.formcontainer select{ width: 260px; padding: 4px; border: 1px solid #ccc; font-size: 14px; }
	.formcontainer textarea{ width: 550px; height: 100px; padding: 4px; border: 1px solid #ccc; font-size: 14px; }
	.formcontainer .input-validation-error{ padding: 4px;  background: #ff9; }
	.formcontainer .text:focus, .formcontainer select:focus, .formcontainer textarea:focus{ border-color: #999; }
	.formcontainer small{ color: #999; font-size: 11px; font-style: italic; }
	.formcontainer .button{ padding: 4px 8px; border: 2px solid #74c053; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #74c053; color: #fff; line-height: 28px; font-weight: bold; }
	.formcontainer .button:hover{ background-color: #eee; color: #666; text-decoration: none !important; }
	.formcontainer .clearbtn{}

/* Form Success */
.formsuccess{}
	#main .formsuccess p{ margin: 30px 0; font-size: 14px; font-weight: bold; text-align: center; }

/* Speaker Container */
.speakercontainer{ width: 100%; overflow: hidden; }
	.speakercontainer h2{ position: relative; width: 610px; }
	.speakercontainer .contactlinks{ position: absolute; top: 0; right: 10px; font-size: 11px; line-height: 30px; font-weight: bold; text-align: right; }
	.speakercontainer .contactlinks a[class="email"]{ padding: 2px 2px 2px 20px; background: transparent url(images/email.png) no-repeat 2px 50%; }
	.speakercontainer .contactlinks a[class="web"]{ padding: 2px 2px 2px 20px; background: transparent url(images/world.png) no-repeat 2px 50%; }
	.speakercontainer .contactlinks a[class="blog"]{ padding: 2px 2px 2px 20px; background: transparent url(images/user.png) no-repeat 2px 50%; }
	.speakercontainer .photo{ display: inline; float: right; width: 120px; margin: 5px; }
	.speakercontainer .mvp { background: transparent url(images/mvp.gif) no-repeat bottom left; }
	.speakercontainer .mvp img { margin: 0 0 30px 0; }
	.speakercontainer img{ width: 120px; }

/* Session Container */
.sessioncontainer{}
	.session{ margin: 0 0 10px 0; }
	.session .speaker{ font-weight: bold; }
	.session .show{ cursor: pointer; padding:  background: transparent url() no-repeat center right; color: #999; font-size: 11px; font-weight: bold; }
	.sessioncontainer a[class="download"]{ padding: 2px 2px 2px 20px; background: transparent url(images/download.png) no-repeat 2px 50%; }

/* Sponsor Container */
.sponsorcontainer{ width: 100%; overflow: hidden; }
	.sponsorcontainer a{ display: block; float: left; margin: 0 0 5px 5px; background: #eee; }
	.sponsorcontainer a img{ width: 100%; height: 100%; }
	.column3 a{ width: 200px; height: 200px; }
	.column4 a{ width: 150px; height: 150px; }

/* Volunteer Container */
.volunteercontainer{ }
	.tasklist{width: 600px; border: solid 1px #ccc; border-collapse:collapse; margin: 0 auto; }
	.tasklist td{ padding: 5px; border: solid 1px #ccc; }
	.tasklist thead th{ background: #ccc; text-align: left; vertical-align: middle; padding-left: 8px; }
		.tasklist thead .tasktime{ text-align: center;}
	.tasklist tbody .volunteername{ font-weight: bold;}
		.tasklist tbody .volunteername a { font-weight: normal;}
	.tasklist tbody .starttime, .tasklist tbody .endtime { padding-left: 0; width: 70px; text-align: center;}

#occAlbum {  }
.occAlbum-Item { width:100px; height:100px; list-style-type:none; display:inline; float:left; }
.occAlbum-ImageLink {  }
.occAlbum-Image { border:none; }