/* CSS document for icin-conference.com
   Feel free to use this stylsheet as a guide
   to help you with your own.  However, note that
   the unique combination of styles in this sheet
   and layout used on this website are 
   copyright ICIN 2007. */
   
/* General Styles */

* {margin:0;padding:0}
body {background-color:#636253; font-family:Arial, Helvetica, Verdana, sans-serif; color:#151514; font-size:.9em}
a {outline:none; color:#2B75C3}
img {border:none}

/* Classes */

.pdf {padding-left:18px; background:url(../images/adobe.gif) top left no-repeat}
.arrow {padding-left:15px; background:url(../images/agenda_arrow.jpg) 0 2px no-repeat}
.leftindent {padding-left:15px;}
.header_indent {position:absolute; left:110px}
.award_arrow {padding-left:15px; background: #ccffcc;width: 168px; border: 1px solid #000000;}
.invoice_detail_col1 {float:left; position:relative; padding-left:25px; padding-top:45px; background: #fff;width: 500px;height: 129px; border: 2px solid #000000; font-size: .9em; }
.invoice_detail_col2 {float:left; position:absolute; left:535px; padding-left:20px; padding-right: 10px; padding-top: 100px; background: #fff;width: 50px;height: 79px; border: 2px solid #000000; font-size: .9em; }
.invoicepdf_detail_col1 {float:left; position:relative; padding-left:25px; padding-top:45px; background: #fff;width: 500px;height: 123px; border: 2px solid #000000; font-size: .9em; }
.invoicepdf_detail_col2 {float:left; position:absolute; left:535px; padding-left:20px; padding-right: 10px; padding-top: 100px; background: #fff;width: 50px;height: 67px; border: 2px solid #000000; font-size: .9em; }
.invoicepdf_detail_col21 {float:left; position:absolute; left:535px; padding-left:20px; padding-right: 10px; padding-top: 100px; background: #fff;width: 50px;height: 68px; border: 2px solid #000000; font-size: .9em; }
.invoice_detail_col3 {float:left; position:relative; padding-left:25px; padding-top:5px; background: #fff;width: 332px;height: 100px; border: 2px solid #000000; font-size: .9em; }
.invoice_subtotal {position:absolute; left:535px; padding-left:20px; padding-right:10px; padding-top: 15px; background: #fff;width: 50px;height: 20px; border: 2px solid #000000; font-size: .9em; }
.invoice_total {position:absolute; left:495px; padding-left:50px; padding-top: 15px; background: #fff;width: 70px;height: 20px; border: 2px solid #000000; font-size: .9em; }
.invoice_logo {float:right; padding-left:5px; background: #fff;width: 140px;height: 250px; border: 0px solid #000000; font-size: .8em; text-align:center;}
.invoice_header {float:left; padding-top:10px; padding-left:10px; background: #fff;width: 350px;height: 170px; border: 2px solid #000000; font-size: .9em;}
.invoice_title {position:relative; left:210px; padding-top:5px; background: #fff;width: 200px;height: 20px; border: 3px solid #000000; font-size: 1.2em; text-align:center;}
.award_orange {padding-left:15px; background:url(../images/orange_sponsored.jpg) 400px 0 no-repeat #ccffcc;width: 168px;height: 83px; border: 1px solid #000000;}
.award_orange_2009 {padding-left:15px; background:url(../images/orange_sponsored.jpg) 400px 0 no-repeat #ccffcc;width: 168px;height: 175px; border: 1px solid #000000;}
.award_orange_2009_2 {padding-left:15px; background:url(../images/orange_sponsored.jpg) 400px 0 no-repeat #ccffcc;width: 168px;height: 230px; border: 1px solid #000000;}
.award_orange_2009_3 {padding-left:15px; background:url(../images/orange_sponsored.jpg) 400px 0 no-repeat #ccffcc;width: 168px;height: 260px; border: 1px solid #000000;}
.subhead {font-family:Arial, Helvetica, Verdana, sans-serif; color:#C35817; font-size:1.2em; font-weight:bold;}
.clear {clear:both}
.none {display:none}
.left {float:left; display:inline; margin-right:30px}
.small {font-size:.85em}
#content .bottom_space {margin-bottom:15px}
#content .top_space {margin-top:15px}
.hilight {background:#f2f2ee}
.hilight_yellow {background:#ff0}
.right2 {position:absolute; right:255px}
.left3 {position:absolute; left:255px}
.left4 {position:absolute; left:455px}
.left5 {position:absolute; left:400px}
.vatleft {position:absolute; left:170px}
.left51 {position:absolute; left:450px}
.left6 {position:absolute; left:420px}
.left7 {float:left; margin:0 0 0 0; font-size:.85em; width:400px }
.note {position:relative; left:10px; font-size:.85em; }
.center {text-align:center}

h3 {position:relative}
.right {position:absolute; right:5px}

/* Form Styles */

form, fieldset {border:none}
	/* form input, form textarea, form select {width:250px; font-size:11px; padding:3px; border:2px solid #d3d2c4; background:#f7f7f5} */
	form #submit {width:100px}
	
	/* Registration Form */
	
	#content .registration_form tr {border:none; height:45px}

/* Layout Styles */

#wrapper {overflow:hidden; width:794px; margin:0 auto; border-left:8px solid #777665; border-right:8px solid #777665; z-index:0}

#header {float:left; width:794px; height:134px; border-bottom:7px solid #2b75c3; background:url(../images/icin2010_banner.jpg) top left no-repeat}
	#logo {float:left}
	#tagline {float:right; display:inline; width:250px; margin:35px 35px 0 0; color:#fff}
		#header #tagline h3 {font-size:22px; margin:0; font-weight:normal}
		#header #tagline p {font-size:13px; margin:0; letter-spacing:-.2px}
#header_test {float:left; width:800px; height:141px; border-bottom:7px solid #2b75c3; background:url(../images/icin2009_empty_banner.jpg) top left no-repeat}
        #logo {float:left} 
#nav {clear:both; float:left; width:800px; background-color:#f3f0a6}
/* original width = 100 */
	#nav li {position:relative; float:left; width:87px; display:inline; text-align:center; background:url(../images/button_bg.jpg) top right repeat-y}
		#nav li a {display:block; padding:9px 0;height:25px; color:#656333;font-size:11px; font-weight:bold; text-decoration:none}
			#nav li a:hover {color:#fff; background:#22436e url(../images/nav_hover.jpg) top left repeat-x}
	
		/* Dropdown Menus */

				#nav li ul {display:none; position:absolute; top:30px; left:0; padding:0 3px; clear:left; width:150px; background:#f6f4bd; border-top:1px solid #d0d2c4; border-left:1px solid #d0d2c4; z-index:1}
				
					/* Resets the drop-down menu position in all but IE 6 */	
					#nav li > ul {clear:left; top: 30px; left: 0; z-index:1}
					
					/* Fix IE. Hide from IE Mac \*/
					* html ul#nav li {float: left; height: 1%}
					* html ul#nav li a {height: 1%}
					/* End */
			
					#nav li:hover ul, 
					#nav li.over ul {display:block; overflow:hidden; list-style:none; z-index:1}
					
						#nav li:hover ul li, 
						#nav li.over ul li {display:block; width:150px; text-align:left; text-indent:0; float:none; border-bottom:1px solid #d7d48f; border-top:1px solid #faf9e4; padding: 0 0 3px; background:none}
						
							#nav li:hover ul li a,
							#nav li.over ul li a {color:#8b8952; text-decoration:none; display:block; padding:3px 0 3px 15px; margin:0; height:auto; font-weight:normal; font-size:11px; background:none}
								#nav li:hover ul li a:hover,
							#nav li.over ul li a:hover {color:#777665; background:url(../images/nav_arrow.jpg) 0 50% no-repeat}
						
	/* Active States */
	.conference #nav .conference_link a {color:#fff; background:#22436e url(../images/nav_hover.jpg) top left repeat-x}
		.conference #nav .conference_link ul li a {color:#8b8952; border:none; background:none} /* Clears bg img on drop-down menu */
	.about #nav .about_link a {color:#fff; background:#22436e url(../images/nav_hover.jpg) top left repeat-x}
		.about #nav .about_link ul li a {color:#8b8952; border:none; background:none} /* Clears bg img on drop-down menu */
	.cfp #nav .cfp_link a {color:#fff; background:#22436e url(../images/nav_hover.jpg) top left repeat-x}
		.cfp #nav .cfp_link ul li a {color:#8b8952; border:none; background:none} /* Clears bg img on drop-down menu */
	.authors #nav .authors_link a {color:#fff; background:#22436e url(../images/nav_hover.jpg) top left repeat-x}
		.authors #nav .authors_link ul li a {color:#8b8952; border:none; background:none} /* Clears bg img on drop-down menu */
	.register #nav .register_link a {color:#fff; background:#22436e url(../images/nav_hover.jpg) top left repeat-x}	
		.register #nav .register_link ul li a {color:#8b8952; border:none; background:none}
	.programme #nav .programme_link a {color:#fff; background:#22436e url(../images/nav_hover.jpg) top left repeat-x}
		.programme #nav .programme_link ul li a {color:#8b8952; border:none; background:none}	
	.sponsors #nav .sponsors_link a {color:#fff; background:#22436e url(../images/nav_hover.jpg) top left repeat-x}
		.sponsors #nav .sponsors_link ul li a {color:#8b8952; border:none; background:none}
	.committees #nav .committees_link a {color:#fff; background:#22436e url(../images/nav_hover.jpg) top left repeat-x}
		.committees #nav .committees_link ul li a {color:#8b8952; border:none; background:none}
	.tutorials #nav .tutorials_link a {color:#fff; background:#22436e url(../images/nav_hover.jpg) top left repeat-x}
		.tutorials #nav .tutorials_link ul li a {color:#8b8952; border:none; background:none}
	.pressroom #nav .press_link a {color:#fff; background:#22436e url(../images/nav_hover.jpg) top left repeat-x}
		.pressroom #nav .press_link ul li a {color:#8b8952; border:none; background:none}		
	.partners #nav .partners_link a {color:#fff; background:#22436e url(../images/nav_hover.jpg) top left repeat-x}
		.partners #nav .partners_link ul li a {color:#8b8952; border:none; background:none}		
		
#workshop_wrapper {clear:both; float:left; width:800px; background:#fff url(../images/sidebar_bg.jpg) bottom right repeat-y}
#content_wrapper {clear:both; float:left; width:800px; background:#fff url(../images/sidebar_bg.jpg) bottom right repeat-y}
#invoice_wrapper {clear:both; float:left; padding: 20px; width:700px; background:#fff }
	#inv_content {float:left; display:inline; width:571px; padding:17px; font-size:.9em}	
		#inv_content p {margin:15px 0}
	#workshop_content {float:left; display:inline; width:571px; padding:0px; font-size:.9em}	
	#content {position:relative;float:left; display:inline; width:571px; padding:17px; font-size:.9em}	
		#content h1 {margin:5px 0 0 0; font-size:1.6em; color:#636253; font-weight:normal}
		#content h2 {margin:10px 0 5px 0; font-size:1.3em; color:#636253; font-weight:normal}
			.home #content h2 {margin:0 0 5px 0;}
		#content h3 {clear:both; width:560px; margin-top:15px; padding:5px; background:#e2e2d9; border-top:2px solid #d3d2c4; font-size:.85em; text-transform:uppercase; color:#636253}
		#content h4 {margin:5px 0; font-size:1.1em; font-weight:normal; color:#636253}
		#content p {margin:15px 0}
		#content a {color:#2B75C3; text-decoration:none}
			#content a:hover {text-decoration:underline}
		#content ul, #content ol {margin:15px}
		#content img {float:left; margin:0 15px 5px 0}
		#content #imgnormal img {float:none;vertical-align:middle;}
		#imgright img {float:right; margin:0 15px 5px 0}
		#imgright1 img {float:right; padding-right: 240px;}
		#imgright2 img {float:right; padding-right: 300px;}
		#nomargin img {float:left; margin:0 0px 0px 0}
		#logoimg img {position:relative; top:0; left:175px}
		#content #tablenormal table {margin-bottom:25px; width:700px; border-collapse:collapse}
		#content table {margin-bottom:25px; width:571px; border-collapse:collapse}
			#content table tr {padding:10px 0; border-top:1px solid #D3D2C4; border-bottom:1px solid #D3D2C4}
			#content table tr.alt {padding:10px 0; border-top:1px solid #D3D2C4; border-bottom:1px solid #D3D2C4; background-color:#f2f2ee}
				#content table td {margin:0; padding:5px 15px;}
#fuseco {
  position:absolute;
  top: 380px;
  left: 457px;
  font-size:.75em;
}
#notetext {font-size:.85em;padding:10px 0 0 20px; }
		
	#workshop_sidebar {float:left; display:inline; width:195px; padding-left:15px; padding-bottom:26px; font-size:.85em; color:#636253}
	#sidebar {float:left; display:inline; width:195px; padding-bottom:26px; font-size:.85em; color:#636253}
		#sidebar h3 {margin:26px 15px 0 15px; font-size:1.4em}
		#sidebar h4 {margin:15px 15px 0 15px}
		#sidebar p {margin:10px 15px; font-size:.95em}
		#sidebar ul {list-style-type:none; margin:10px 17px}
			#sidebar ul li {padding-left:25px; margin:5px 0; background:url(../images/arrow.jpg) 0 50% no-repeat}
				#sidebar ul li a {color:#636253; text-decoration:none}
					#sidebar ul li a:hover {text-decoration:underline}
		/* Sidebar Inform Callout */
		#sidebar #inform {width:188px; margin-left:7px; padding-bottom:5px; border-top:5px solid #E2E2D9; border-bottom:5px solid #E2E2D9; background-color:#fff}
		#sidebar form {margin-top:10px}
			#sidebar form p {margin:10px 15px 0px 15px}
			#sidebar form input, #sidebar form select {width:140px; font-size:10px; padding:3px; border:2px solid #d3d2c4; background:#f7f7f5}
				#sidebar form select option {padding-left:10px}
			#sidebar form #submit {width:100px; margin-bottom:15px}
		/* Register Callout */
		#sidebar #signup {width:188px; margin-left:7px; padding-bottom:5px; border-top:5px solid #4c6789; border-bottom:5px solid #4c6789; color:#fff; background:#305785 url(../images/signup_bg.jpg) top left repeat-y}
		 #sidebar #signup h3 {font-size:1.3em}
		 #sidebar #signup p {margin:15px}
		 #sidebar #signup .button {width:120px; height:17px; font-size:10px;font-weight:bold; padding-top:2px; color:#636253; text-align:center; background:url(../images/button.jpg) top left no-repeat}
			#sidebar #signup .button a {color:#636253; text-decoration:none}
		/* CFP Callout */
		#sidebar #cfp_box {width:188px; margin-left:7px; padding-bottom:5px; border-top:5px solid #d3d2c4; border-bottom:5px solid #d3d2c4; background-color:#DFE3FF}
		 #sidebar #cfp_box h3 {font-size:1.3em}
		 #sidebar #cfp_box p {margin:15px}
		 #sidebar #cfp_box .button {width:120px; height:17px; font-size:10px;font-weight:bold; padding-top:2px; color:#636253; text-align:center; background:url(../images/button.jpg) top left no-repeat}
			#sidebar #signup .button a {color:#636253; text-decoration:none}
		/* Sidebar CFP Callout */
		#sidebar #cfp {width:188px; margin-left:7px; padding-bottom:5px; border-top:5px solid #4c6789; border-bottom:5px solid #4c6789; color:#333; background:#fff top left repeat-y}
		#sidebar #cfp h3 {font-size:16px}
		#sidebar #cfp p {margin:15px}
 		#sidebar #cfp .button {width:120px; height:17px; font-size:10px;font-weight:bold; padding-top:2px; color:#636253; text-align:center; top left no-repeat}
			#sidebar #cfp .button a {color:#636253; text-decoration:none}					
	
	#invoice_footer {clear:both; width:569px; overflow:hidden; padding:10px 17px; font-size:.7em; color:#333; border-left:1px solid #fff; border-right:1px solid #fff; background:#fff}
	#footer {clear:both; width:569px; overflow:hidden; padding:10px 17px; font-size:.7em; color:#636253; border-left:1px solid #fff; border-right:1px solid #fff; background:#d3d2c4}
		#footer p {clear:both; width:100%}
		#footer ul { width:100%; margin-top:5px; list-style-type:none; font-size:.9em}
			#footer ul li {float:left; display:inline; margin:5px 5px 0 0}
				#footer ul li a {padding-right:5px; color:#636253; text-decoration:none; border-right:1px solid #d3d2c4}
					#footer ul li a:hover {text-decoration:underline}
				#footer p#neustar_credit {position:relative; float:left; display:inline; margin-top:15px; padding:29px 0}
					#footer p#neustar_credit img {position:absolute; top:0; left:375px}

/* Registration Footer */

	#registration_footer {clear:both; width:100%; overflow:hidden; padding:10px 17px; font-size:.7em; color:#636253; border-left:1px solid #fff; border-right:1px solid #fff; background:#d3d2c4}
		#registration_footer p {clear:both; width:100%}
		#registration_footer ul { width:100%; margin-top:5px; list-style-type:none; font-size:.9em}
			#registration_footer ul li {float:left; display:inline; margin:5px 5px 0 0}
				#registration_footer ul li a {padding-right:5px; color:#636253; text-decoration:none; border-right:1px solid #d3d2c4}
					#registratoin_footer ul li a:hover {text-decoration:underline}
				#registration_footer p#neustar_credit {position:relative; float:left; display:inline; margin-top:15px; padding:29px 0}
					#registration_footer p#neustar_credit img {position:absolute; top:0; left:375px}

#content #payment_box {float:left; position:relative; padding-left:0px; padding-top:10px; background: #fff;width: 400px;height: 130px; border: 2px solid #000000; font-size: .9em; }
  #content #payment_box table {margin-bottom:5px; width:400px; border-collapse:collapse}
  #content #payment_box table tr {padding:0; border:none}
  #content #payment_box table td {padding:0; border:none; text-align:center;}
/* Sponsor List - Homepage Specific Styles */

#content #sponsor_headline {text-transform:none; font-size:1.25em; font-weight:bold; text-align:center}
#content #sponsor_list {width:571px; background-color:#2B75C3; color:#fff; font-weight:bold; text-transform:uppercase; border:10px solid #2B75C3;border-collapse:collapse}
	#content #sponsor_list img {margin:0}
	#content #sponsor_list tr {overflow:hidden; padding:0; height:45px; border:none}
	#content #sponsor_list .logos {width:165px; height:45px; padding:0; text-align:center; background-color:#fff}

/* Programme Specific Styles */

#content .agenda {clear:both; float:left; width:100%}
	#content .agenda h4 {float:left; width:78px; margin-top:9px; font-weight:bold; font-size:13px; color:#151514}
	#content .agenda p {clear:right; margin:9px 0; float:right; display:inline; width:470px}

/* Committees Bio Specific Styles */

#content .bios {clear:both; float:left; margin-bottom:20px; width:100%}
	#content .bios .photo {clear:both; float:left; width:150px; margin-top:9px; font-weight:bold; font-size:13px; color:#151514}
	#content .bios p {clear:right; margin:9px 0; float:right; display:inline; width:398px}
.committees #content table {margin-bottom:5px}
	.committees #content table td {padding:10px 5px; border:none}
		.committees #content table tr {border:none}
		.committees #content table tr.alt {border-top:1px solid #D3D2C4; border-bottom:1px solid #D3D2C4; background-color:#f2f2ee}
.cfp #content table tr.alt {border-top:1px solid #D3D2C4; border-bottom:1px solid #D3D2C4; background-color:#f2f2ee}
		
/* Registration Fee Tables */

#content .registration_fees {margin-bottom:0px;}