/* ABA TECHSHOW 2008 Web Site ==========================

Created by: 	Kurt Harzke
		  	Technology and Communications Manager
		  	ABA Law Practice Management Section 

Created on: 	07.05.2007
Last Updated: 	09.05.2008 by Trelena Reed

======================================================*/

body {margin-top: 0px; margin-bottom:0px; font-family: Arial, Helvetica, sans-serif; font-size: x-small; /* for IE5/WIN */
	voice-family: "\"}\""; voice-family: inherit; font-size: small; /* for compliant browsers */
	line-height: 1.5em; margin-left: auto; margin-right: auto; padding: 0px; background:#111; text-align:center;}
	
	html>body { /* Be nice to Opera */
	font-size: normal;}
	
	#jumpnav, .printfooter, .hide  {display: none;}

/* PAGE TOOLS =========================================


======================================================*/

#pagetools {text-align:right; font-size:11px; float:right; display:block; border-left:1px solid #666; border-bottom:1px solid #666; margin-right:0px; padding:2px; background:lightyellow;}
#fontsize {display:none;}
#expandcontent {display:inline;}

	

/* CONTENT CONTAINERS===================================


======================================================*/

/* Box to contain all content elements */
/*# {max-width:1200px; min-width: 800px; width:expression(document.body.clientWidth > 1200? "1200px": "auto" ); margin: 0; padding: 0; border-left: 2px solid #333; border-right: 2px solid #666; background:#e1d29b url(/techshow/images/2009/backgrounds/sidenav.jpg) top left repeat-y;  text-align:left;}*/
#container {width:100%; margin: 0; padding: 0; border-left: 2px solid #333; border-right: 2px solid #666; background:#DE7A24 url(../images/2009/backgrounds/sidenavbg.jpg) repeat-y left top;  text-align:left;}
#content {margin: 0 0 0 225px; padding: 0; color:#333; background:#ece9d8; line-height:1.5em;}
#content img.photo {border:1px solid #999; padding:0;}

/***Masthead styles including Logo, Date-Location & Description **/
#pageheader {background:#DC7322  url("/techshow/images/2009/backgrounds/glossybg.jpg") repeat-x top right; border-bottom: 1px solid #999; text-align:left;}
#masthead {position: relative; border-bottom: 3px solid #666; margin: 0px; padding: 0px; width: 100%; background:  url("/techshow/images/2009/backgrounds/headerbg.jpg") no-repeat top right;}
#masthead div.logo {position: relative; margin-left:10px; color: #bbb; height:150px;}	
#masthead div.logo span{display: none;}
#masthead div.logo h1 {padding-left: 5px; margin: 0; height: 68px;}
#masthead div.logo img {padding-left: 5px; padding-top: 3px;}
#masthead div.description h2#screenlogo {display:block; margin: 0px; padding-top:0px; font-size:90% font-weight:bold; font-size:16px; padding-left:5px; padding-top:5px; color: #fff;}
#masthead div.description h2#printlogo {display:none;}
#masthead div.dateloc {font-size: 80%; font-weight: bold; margin: 0; padding: 0;}
#toolbar {margin-right:9px; width:150px; float:right; text-align:left; padding:0px; margin-bottom:-5px; overflow:hidden; z-index:500;}


/* NAVIGATION: Left Column ============================
Styles for left-side vertical bar navigation.

======================================================*/	
	
#sidebar {width: 225px; height:100%; float: left;	margin: 0;padding-top: 0px; background:#de7a24 url(/techshow/images/2009/backgrounds/sidenavbg.jpg) top left repeat-y;}
#sidebar ul {list-style: none; margin: 0; padding: 0;}
#sidebar div#nav {font-size:small;}
#sidebar div#nav h3 {padding: 2px; text-transform:uppercase; text-align: center; color:#a51606; background:#de7a24 url(/techshow/images/2009/backgrounds/navheader.gif) top left repeat-x;}
#sidebar div#nav ul {list-style: none; margin: 0; padding: 0;}
#sidebar div#nav li {border-bottom:1px solid #de7a24;  padding-bottom:0px; margin-bottom:0px;  background:#de994b;}	
#sidebar div#nav a {display:block; padding-left:6px; color: #6a0201; text-decoration:none; border-left:6px solid #de7a24; }
#sidebar div#nav a:hover {display:block; text-decoration:none; color:#efbd56; background:#a51606; border-left-color:#a51606;}
#sidebar div#nav a:selected {display:block; text-decoration:none; color:#efbd56; background:#a51606; border-left-color:#a51606;}

body#home div#nav li.navhome a, body#products div#nav li.navproducts a, body#register div#nav li.navregister a,  body#firsttime div#nav li.navfirsttime a,  body#keynote div#nav li.navkeynote a,  body#grid div#nav li.navgrid a,  body#faculty div#nav li.navfaculty a,  body#selection div#nav li.navselection a,  body#cle div#nav li.navcle a,  body#exhibit div#nav li.navexhibit a,  body#sponsorship div#nav li.navsponsorship a,  body#sponsors div#nav li.navsponsors a,  body#exhibitors div#nav li.navexhibitors a,  body#floorplan div#nav li.navfloorplan a,  body#travel div#nav li.navtravel a,  body#60sites div#nav li.nav60sites a,  body#blog div#nav li.navblog a,  body#lpm div#nav li.navlpm a,  body#contact div#nav li.navcontact a,  body#board div#nav li.navboard a,  body#press div#nav li.navpress a,  body#pp div#nav li.navpp a,  body#sitemap div#nav li.navsitemap a {display:block; text-decoration:none; color: #efbd56; background:#a51606; border-left-color:#a51606; font-weight:bold; font-size:12px;}



/* SPONSOR TICKER: Full Width ========================

======================================================*/	

#sponsors {position:relative; display:block; border-bottom:1px solid #999; border-left:1px solid #999; top:25px;}

/* BREADCRUMBS: Center Column ========================
Styles for the Main Content Area

======================================================*/	

#breadcrumbs {background:#de7a24; display:block; font-size:12px; font-weight:bold; padding: 2px; padding-left:20px; margin-left:0px; margin-right:0px; margin-bottom: 10px; border-bottom:1px solid #999;}
#article {float:left; width:auto; margin:0 345px 0 0px; margin: border:3px none red;}
#top {padding: 0; margin: 0 0 10px 10px;}
#left{float:none; width:auto; margin:0 15px 100px 10px; border:3px none red;}
#right {float:right; width:280px; margin:0 0 0 0; padding-left:10px; padding-right:10px; border:3px none blue;}
#bottom {padding: 0; margin:-20px 0px -10px -10px;  /* for IE5/WIN */ 
voice-family: "\"}\""; voice-family: inherit; margin:-10px 0px -10px -10px; /* for compliant browsers */ 
background:#de7a24; border-top:2px solid #999;}
#bottom li {margin-bottom:3px; border-bottom:1px groove #666;}

/* PAGE FOOTER ========================================
Styles for the Main Content Area

======================================================*/	

#footer {margin: 0; padding: 0; background:#e1d29b; border-top:2px solid #999;}
#footer p{color: #6a0201; font-size: 75%; padding: 3px 5px 3px 5px; text-align: center; margin: 0;}
#footer a{color: #a51606;}
#footer a:hover {background: #eee; color: #000;}
		
		
		
/* BACK TO TOP LINK ===================================
Styles for the Main Content Area

======================================================*/
#topbar{font-size:90%; font-weight:bold; position:absolute; border: 1px none #666; border-bottom-style:none; padding: 4px; width: 100%; visibility: hidden; z-index: 100; float:right;}	
#topbar a {color:#6a0201; background-color:#de7a24;}
#topbar a:hover {background-color:#6a0201; color:#efbd56;}
#topbar a:visited {color:#6a0201; background-color:#de7a24;}




/*  CONTENT MODULES ====================================
Content Module Styles, including color options.

======================================================*/	

.module {margin: 10px 0; padding: 0 0 10px 0; border-bottom:0px groove;}
.module2 {background:#de994b;  margin: 10px 0; padding: 0 0 10px 0; border-bottom:0px groove;}
.module2 h2 {padding: 2px; text-transform:uppercase; text-align: center; color:#a51606; background:url(/techshow/images/2009/backgrounds/navheader.gif) top left repeat-x;}
.module2 h3 {color:#a51606;}
.module2 p {font-size: 100%; padding: 3px 0 10px; margin: 0; color: #6a0201}
.module2 a{color:#003399;}
.module2 a:hover{color:#0099FF;}
.module2 a:visited{color:#003399;}


.module2 ul {list-style-position: outside; list-style-type: square; vertical-align:middle;}
.module2 li {list-style-image:url(/techshow/images/2009/bullets/li.jpg); list-style-type:square;	list-style-position:outside; vertical-align: middle; margin-right:5px; color:#6a0201}
.module2 #techshowblogmini li {border-bottom:1px dotted #d37a24; background:#de994b; color:#6a0201} 
.module2 #techshowblogmini p.date {font-size:12px; font-style:italic; margin:0; padding:3px; color:#055b7b;}
.module2 #techshowblogmini p.name {color:#055b7b;}

.module-header {font-family: Arial, Helvetica, sans-serif; font-size: 110%; font-weight: bold; padding: 2px 5px; margin: 0; border-bottom:1px dotted #d37a24;}


.module h3 {font-size: 100%;}
.module-content {padding: 3px 5px; margin: 0;}
.module-content-left { margin: 3px 5px;  float: left;  width: 49%;  border-right: 1px solid #ccc;}
.module-content-right { margin: 3px 5px;  float: right;  width: 45%;}
.exmodule-content {padding: 3px 5px; margin: 0; clear: both;}
.module-content p{padding: 5px 0; margin: 2px 0;}
.module-footer {padding: 3px 5px; font-size: 85%;}
.module-footer p {margin: 0; padding: 0; font-size: 95%}
.module-footer p.right {margin: 0; padding: 0; text-align: right;}

#right div.featured {background:none; border-bottom:1px groove; border-top:none;}
#right div.featured h2.module-header {background:none;}
#right div.featured a{color:#02739E;}
#right div.featured a:hover{color:#87C458;}
#right div.featured a:visited{color:#055B7B;}

#tsblogpost div.abstract p {border-top:1px solid #999;  border-bottom:1px solid #999; font-style: normal; margin:10px 0 10px 0; padding: 3px 10px; font-weight: bold; color:#999; }
#tsblogpost h3.author {margin-left:6px; margin-bottom:0px; padding-bottom:0px;}
#tsblogpost h4.date {margin-left:6px; padding-top:0px; margin-top:0px;}

/* MODULE PROPERTIES: Borders ========================
Border Styles for Content Modules

======================================================*/	
.border {border-size:1px inset #ddd;}
.divider {border-bottom-size:1px inset #ddd;}



/* COLLAPSABLE CONTENT ===============================
Styles for the Main Content Area

======================================================*/		

.showstate{ /*Definition for state toggling image */cursor:hand; cursor:pointer; margin-top: 2px; margin-right: 3px;}



/* STANDARD TEXT ======================================
Styles for the Main Content Area

======================================================*/	


/** HEADERS **/

h1 {font-size: 125%; font-weight: bold;	color: #eee; margin: 0;	padding: 0; }
h2 {font-size: 110%; font-weight: bold; color: #6a0201; margin: 0; padding: 0; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; }
h3 {font-size: 110%; font-weight: bold; color: #efbd56; margin: 0; padding: 0; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; }
h4{font-size: 100%; font-weight: bold; color: #333; margin: 5px 0 0 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
h5 {font-size: 90%; font-weight: bold; color: #333; margin: 5px 0 0 0; padding: 0;}
h6{font-size: 85%; font-weight: bold; color: #333; margin: 0; padding: 0;}

/** BODY COPY **/

p {font-size: 100%; padding: 3px 0 10px; margin: 0; color: #333}

#content li {list-style-image: url("/techshow/images/2009/bullets/li.jpg"); color: #333}

table {font-size: 90%;}

#left ul, il, ol {font-size: 100%; }
/***Other Styles ***/
acronym, abbr {border-bottom: 1px dashed #666; cursor: help;}

.top {text-align: right;	padding-right: 5px;}
	
#pageName {margin: 0px;	padding: 0; color: #000000; font-size: 16px;	line-height: 1.3em;}

.presented {font-size: 78%; font-weight: bold; padding-left: 2px;}

.hide {display: none;}



.highlight {background: #FDFAD1;}

#noscript {width: 100%;	background: #990000;	color: #fff; text-align: center; font-size: 80%; padding: 3px;}


/**SPECIAL ALERTS **/

#alert {background: #990000; color: #fff; font-weight: bold; margin-left: 0px; padding-left: 20px; width:auto; display: none; /**comment or delete this value if you want an alert message to be displayed. **/}
#alert a{color:#fff;}

	
/** QUOTES**/
blockquote.pullquote {border-left:1px solid #999; font-size: 0.8em; line-height: 1.5; float: right; width: 250px;	margin: 1.5em auto;	padding: 0 5px; background: transparent url(/techshow/images/2008/icons/quote_left.jpg) top left no-repeat;}
blockquote.pullquote p {margin: 0px ; background-position: bottom right; font-family: verdana, helvetica, sans-serif; font-size: 14px;/*font-weight: bold;*/}
blockquote.pullquote p.pullquote {padding: 1em 1.5em; margin: 0; background: transparent url(/techshow/images/2008/icons/quote_right.jpg) 97% 100% no-repeat; border-top: none;}

/** CONTENT AREA LINKS **/
#content a {text-decoration: none; color:#a51606;}
#content a:link {color:#a51606;}
#content a:visited {color: #a81b09}
#content a:hover {color: #de2e1a; text-decoration: underline;}

.featured {background:#de7a24 url(/techshow/images/2009/backgrounds/featurebtm.jpg) repeat-x left bottom; border-top: 3px ridge;  border-bottom: 3px ridge;}
.featured2 {background:#e1d29b url(/techshow/images/2009/backgrounds/featuredbg.jpg) repeat-x left bottom; border-top: 3px ridge;  border-bottom: 3px ridge;}
.featured h2.module-header {padding: 2px; text-transform:uppercase; text-align: center; color:#a51606; background:url(/techshow/images/2009/backgrounds/featuredbg.jpg) top left repeat-x;}
.featured h2.module-header2 {padding: 2px; text-transform:uppercase; text-align: center; color:#a51606; background:url(/techshow/images/2009/backgrounds/navheader.gif) top left repeat-x;}
.featured p {color:#333}
.featured a{color:#003399;}
.featured a:hover{color:#0099FF;}
.featured a:visited{color:#003399;}


.right {background:0099ff; border-top: 3px ridge;  border-bottom: 3px ridge;}
.right h2.module-header {background: url("/techshow/images/2009/backgrounds/rightmodbg.jpg") top left repeat-x;}

.right a {color:#6a0201;}
.right a:hover {color: #de7a24; text-decoration: underline;}
.right a:visited {color: #e1d29b}
.right li {margin-bottom:12px; border-bottom:1px dotted #666; color:#6a0201;}

/** LIST STYLES **/
ul {list-style-position: outside; list-style-type: square; vertical-align:middle;}
li {font-size: 100%;}

li span.headline {font-size:14px; font-weight:bold;}
ol span.headline {font-size:14px; font-weight:bold;}

.sixtysites li {margin-bottom:12px; border-bottom:1px dotted #666;}
.sixtysites a {font-weight:bold; font-size: 100%;}

#anchors {font-size:x-small;}
#anchors h4 {display:inline; margin-right:5px;}
#anchors ul {display:inline;}
#anchors li {display:inline;	list-style-image:url(/techshow/images/icons/arrow.png); list-style-type:square;	list-style-position:outside; vertical-align: middle; margin-right:5px;}
	

span.h2insert {float: right; display: block; font-size: 80%; font-weight: normal; margin: 0px 3px;	padding: 0px 3px;	font-family: Geneva, Arial, Helvetica, sans-serif;}
span.h2insert a{color: #fff;	text-decoration: none;}
span.h2insert a:visited {color: #fff;}
span.h2insert a:hover {text-decoration: underline;color: #ccc;}


/* SPECIALTY TEXT =====================================
Styles for the Main Content Area

======================================================*/	

.example {border: 1px solid #333; color:#333; background: #666; padding: 5px; margin: 0; font-family:Courier New, Courier, mono;}
.code {font-family:Courier New, Courier, mono;	color: #006600;}
.comingsoon {color: #999;}
.noscript {font-weight: bold; background: #fff; color: #990000; text-align: center; padding: 3px; margin: 0; border: 2px solid #999;}
.byline {font-weight:bold; font-style:italic;}



/* ABA TECHSHOW.blog ===================================
Styles for ABA TECHSHOW.blog.

======================================================*/
/*BLOG SUMMARY (Right Col Only)*/
#techshowblogmini div#creditfooter {display:none;}
#techshowblogmini p.feedTitle {display:none;}
#techshowblogmini span.headline {display:block; font-size:14px; font-weight:bold; color:#efbd56; margin-bottom:3px;}
#techshowblogmini li {border-bottom:1px dotted #d37a24; background:#de994b; color:#6a0201} 
#techshowblogmini p.date {font-size:12px; font-style:italic; margin:0; padding:3px; color:#055b7b;}
#techshowblogmini p.name {color:#055b7b;}


/*BLOG FULL Left Col Only)*/
#techshowblog div#creditfooter {display:none;}
#techshowblog p.feedTitle {display:none;}
#techshowblog span.headline {display:block; font-size:16px; font-weight:bold;}
#techshowblog li {border-bottom:1px dotted #999; margin-bottom:10px;} 
#techshowblog p.date {font-size:12px; font-style:italic; }
#techshowblog p.author {}
.feedburnerFlareBlock a {text-decoration: none; color:#00AEEF;}
.feedburnerFlareBlock a:link {color:#00AEEF;}
.feedburnerFlareBlock a:visited {color: #0592C8}
.feedburnerFlareBlock a:hover {color: #56CBF7; text-decoration: underline;}
	


/* FORMS ===============================================


======================================================*/

label {font-weight: bold; font-size: 90%;}

legend {padding: 4px 8px; background: #eee; color: #666; font-weight: bold; border: 1px solid #ccc;}
fieldset {width: 50%;}

#message {font-family: Arial, helvetica, sans-serif; font-size: 90%;}

/** Links Hall Of Fame **/
#hof dt {font-weight: bold; font-size: 85%;}
#hof dd {margin: 0;	font-weight: 85%; padding-bottom: 3px;}
.globalfunctions {font-family: Geneva, Arial, Helvetica, sans-serif;	font-size: 10px;}

.button {font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.topdshbrdr {border-top: 1px dashed #999999;}


/* ICONS ===============================================
Use as <span> class tags.
Example: <span class="pdf">&nbsp;</span>
======================================================*/

.pdf {padding: 0 18px 0 0; display: inline-block;	background: transparent url(/images/icons/pdfsmall.gif) no-repeat bottom right;}
.xls {padding: 0 18px 0 0; display: inline-block;	background: transparent url(/images/icons/excel.gif) no-repeat bottom right;}
.doc {padding: 0 18px 0 0; display: inline-block;	background: transparent url(/images/icons/word.gif) no-repeat bottom right;}
.zip {padding: 0 18px 0 0; display: inline-block;	background: transparent url(/images/icons/zip.gif) no-repeat bottom right;}
.audio {padding: 0 18px 0 0; display: inline-block; background: transparent url(/images/icons/sound.gif) no-repeat bottom right;}
.ppt {padding: 0 18px 0 0; display: inline-block;	background: transparent url(/images/icons/powerpoint.gif) no-repeat bottom right;}
.mo {padding: 0 18px 0 0; display: inline-block; background: transparent url(/images/icons/lock.gif) no-repeat bottom right;}
.gallery {padding: 0 18px 0 0; display: inline-block;	background: transparent url(/images/icons/images.gif) no-repeat bottom right;}
.edit {padding: 0 18px 0 0; display: inline-block; background: transparent url(/images/icons/page_white_edit.gif) no-repeat bottom right}
.user {padding: 0 18px 0 0;display: inline-block;	background: transparent url(/images/icons/user.gif) no-repeat bottom right;}
.email {padding: 0 0 0 18px;	background: transparent url(/images/icons/email.gif) no-repeat 0 50%;}
.www {padding: 0 18px 0 0; display: inline-block;	background:  transparent url(/images/icons/layout_content.gif) no-repeat bottom right;}
.article {padding: 0 18px 0 0; display: inline-block;	background:  transparent url(/images/icons/page.gif) no-repeat bottom right;}
.buy {padding: 0 0 0 18px; background: transparent url(/images/icons/cart.gif) no-repeat 0 50%; }
.printer {padding: 0 0 0 18px; background: transparent url(/images/icons/printer.gif) no-repeat 0 50%;}
.reprint {padding: 0 0 0 18px; background: transparent url(/images/icons/copyright.gif) no-repeat 0 50%;}
.podcast {padding: 0 18px 0 0; display: inline-block;	background: transparent url(/images/icons/ipod_cast.gif) no-repeat bottom right;}
.find {padding: 0 0 0 18px; background: transparent url(/images/icons/find.gif) no-repeat 0 50%;}
.comment {padding: 0 0 0 18px; background: transparent url(/images/icons/comment.gif) no-repeat 0 50%;}
.vcard {padding: 0 0 0 18px; background: transparent url(/images/icons/vcard.gif) no-repeat 0 50%;}
.link {padding: 0 0 0 18px; background: transparent url(/images/icons/link.gif) no-repeat 0 50%;}
.alert {padding: 0 0 0 18px; background: transparent url(/images/icons/error.gif) no-repeat 0 50%;}
.outbound {padding: 0 12px 0 0; display: inline-block;	background: transparent url(/images/icons/outbound.gif) no-repeat bottom right;}


/* CONDITIONAL DISPLAYS ================================
These tags identify changes to be made in the pages 
design based on the user's location in the web site.
======================================================*/


/* CONFERENCE PAGES */
body#conference {}
body#conference div#masthead {}


/* EXPO PAGES */
body#expo {}
body#expo div#masthead {}

/* INFO PAGES */
body#info {}
body#info div#masthead {}