@charset "utf-8";@import url("/usi/10/reg/CSS/reset-style.css");@import url("colors-graphics.css");@import url("/usi/10/reg/CSS/registration-style.css");/* This will be the default for all conferencesNothing needs to be updated on this style sheet, unless something is being customized for a specific conference, otherwise itcan be left alone. most changes will need to be done in the colors-graphics.css file.If the paths to images need to be updated for a conferences, for example:if the path looks something like this: ../images/ or /usi/10/reg/images/it should be changed to something like this: /usi/10/reg/REG/CONFNUMBER/images/ to reflect the individual conference.REG if the main registration folder for the conferenceCONFNUMBER represents the number assigned to the conference*//* CSS Document */		.clearfix { clear: both; }.float-left { float: left; }.float-right { float: right }.left { text-align:left; }.right { text-align: right; }.center { text-align: center; }h1, h2, h3, h4, h5, h6 { font-family: Trebuchet MS, Geneva, Verdana, Helvetica, sans-serif; line-height:1.4em; padding: 2px 3px;  }h1 { font-size: 24px; }h2 { font-size: 20px; }h3 { font-size: 18px; }h4 { font-size: 16px; }h5 { font-size: 14px; font-weight:bold; }h6 { font-size: 12px; font-weight:bold; }p { line-height:1.8em; padding: 7px 10px 3px 3px/*10px*/;}ul, ol { padding: 6px 10px; margin-left: 15px; }ul li { padding: 0px 15px 8px 15px; }ol li { padding: 0px 15px 8px 5px; margin-left:15px;}/* general ordered list types */ol.decimal, ol.decimal li {list-style-type: decimal}ol.lroman {list-style-type: lower-roman}ol.uroman {list-style-type: upper-roman}ol.lalpha, ol.lalpha li {list-style-type: lower-alpha; margin-left: 20px; padding: 0;}ol.ualpha {list-style-type: upper-alpha}#content table { clear: both;  margin: 20px 10px 2px 10px; padding: 7px 2px 3px 2px; font-size:inherit; }table caption {  padding: 5px 10px; margin: 20px 10px -20px 10px; text-align: left; font-size: 10px; font-weight: bold;  text-transform: uppercase; }.table-reg-info { width: 90%; text-align:center; margin-top: 0px;}.table-reg-info th { text-transform: uppercase; white-space:nowrap; font-size:10px; padding: 2px 4px; letter-spacing: 1px;  } .table-reg-info th.spec { text-align:left; }.table-reg-info th.nobg { background: none; text-align:left; border: none; }.table-reg-info td { padding-bottom: 10px; }.table-reg-info td.alt { background: none; text-align:center; border: none; }.table-reg-info tfoot td { background: none; text-align:left; padding-top: 8px;  }.table-date-info { width: 90%; }.table-date-info th { vertical-align:text-top; text-align:left; text-transform: uppercase; white-space: nowrap; font-size: 10px; padding: 2px 4px; letter-spacing: 1px;  }.table-date-info td { vertical-align: text-top; padding:6px 3px; }.table-date-info tfoot td { text-align:left; padding-top: 8px; }.table-time-info { width: 90%; margin: 15px 10px;  }.table-time-info th { vertical-align:text-top; text-align:left; text-transform: uppercase; white-space: nowrap; font-size: 10px; padding: 2px 4px; letter-spacing: 1px; width: 25%; }.table-time-info td { vertical-align: text-top; padding: 3px; }.table-time-info tfoot td { text-align:left; padding-top: 8px; }form { float:left; width: 100%; padding: 15px 0; }fieldset { margin: 1em 1.5em; padding: .5em; border: 1px solid #E3E3E3; }legend { padding: 0 1em; font-size: 13px; font-weight: 900; text-transform: uppercase; color: #666666; }fieldset div { display: block; margin: .5em; }fieldset div input, fieldset div textarea, fieldset div select { width: 49%; padding: 2px; border: 1px solid #222222; }input { border: 1px solid #666666; background:url(/usi/10/reg/images/bg-form-input.jpg); }input:focus, textarea:focus { background: #F1F1F1; }#form-submit { margin: 5px; width: 75px; font-weight:700px; text-align:left;  }#form-submit input { padding: 4px; width: 75px; font-weight: 700; text-align: center; border: none; background: url(/usi/10/reg/images/bg-submit.jpg) 0 50% no-repeat; }form .form-process-btn { float: left; width:60%; text-align: center; padding-left: 30%; }.required { font-weight: bold; padding-left: 20px; }.form-radio { display: block; }.form-radio label { float:left; width:auto; }.form-radio input, .form-radio label input { float: left; border: none; margin: 0 5px 0 0; width: 15px; }/* Layout */#wrapper { margin: 0 auto; width: 960px; text-align: left; }#navbar-top {float:left; width: 960px; padding-top: 5px; background:#FFFFFF;  height: 25px; text-align:right; }/* TOP NAVIGATION =================================== */ul#navbar-top-list { padding: 0; }ul#navbar-top-list li { display: inline; padding: 0; color: #cccccc; background: url(/usi/10/reg/images/bg-link-divider.gif) bottom right no-repeat; }ul#navbar-top-list a, ul#navbar-top-list a:visited { padding: 5px 10px 2px 10px; font-size: 10px; color: #1D4A98; text-decoration: none; border-top: 6px solid #ffffff; }ul#navbar-top-list a:hover { border-top: 6px solid #1D4A98; }ul#navbar-top-list a:active { font-weight: bold; border-top: 6px solid #1D4A98; }ul#navbar-top-list .pod-icon { background: none; }ul#navbar-top-list li.pod-icon a { margin-top: -2px; padding-left: 25px; background: url(/usi/10/reg/images/icon_podcast_feed.gif) 5px 3px no-repeat; }/* BUTTON: add to calendar */#navbar-top .add-calendar { float: left; margin-left: 10px; width: 175px; height: 20px; }#navbar-top .add-calendar a { display: block; width: 175px; height: 20px; }#navbar-top .add-calendar a span { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }/* GENERAL CONTAINERS ================================= */#container { float: left; width: 960px; padding-bottom: 15px; text-align: left; }#outer-wrap { float: left; width: 960px; padding-top: 10px; }#main-wrap { float: left; margin: 0px 10px 0px 10px; width: 940px;}#main-wrap.two-col { width: 960px; }#main-wrap.two-col #content { width: 750px; }#content {  padding:15px; margin: 0; width: 900px; }/* HEADER: Generic header text ============================================*/#header {float:left; width: 940px; height: 140px; padding: 10px; }#header h1 { font-size: 30px; line-height: .95em; padding-top: 20px; }#header h1 a span { font-size: 12px; line-height: 1em; }#header h1 a { font-size: 30px; text-decoration: none; line-height: .95em; }#header p { line-height: .9em; }/* FOOTER: container ==============================================*/#footer {float:left; padding-top: 25px; margin: 0px 10px 0px 10px; height: 60px; text-align:center; width: 940px; border-top: 1px solid #D2D2D2; }/* FOOTER: SMC logo */.logo-smc { float: left; width: 25%; background: url(/usi/10/reg/images/smc_logo.gif) 15px 0px no-repeat; height: 53px;}/* FOOTER: footer navigation */ul#footer-nav { float: left; width: 65%; padding: 8px 0 0 0;  }ul#footer-nav li, ul#footer-nav a, ul#footer-nav a:visited, ul#footer-nav a:active { display: inline; padding: 4px 2px 4px 4px; background: none; font-size: 9px; line-height: 2.5em; color: #CCCCCC; }ul#footer-nav a:hover { color: #222222; }ul#footer-nav li { background: url(/usi/10/reg/images/bg-link-divider-footer.gif) 0 50% no-repeat; }ul#footer-nav li.first { background: none; }/* FOOTER: copyright class */.copy { padding-top: 10px ; font-size: .9em; color: #FFFFFF; text-align:center }.copy a { color: #F1F1F1; }/* GENERAL CONTENT=============================== */#content h1 { /*padding-left: 10px;*/ }#content h2 {/* padding-top: 15px;*/ }#content h3 {/* padding-top: 10px;*/ }#content p {  white-space:normal; }/* conference highlight box height */#highlights { height: 240px; }.head-uppercase { text-transform: uppercase; }.small { font-size: 9px; }/* HOME PAGE: vertical sponsor bar======================*/#sponsor-sidebar { float:left; width: 23%; border: 1px solid #D2D2D2; margin-top: 10px;}#sponsor-sidebar h4 { padding: 0px 1px;  }#sponsor-sidebar h4 a { display: block; width: 95%; text-transform: uppercase; }#sponsor-sidebar div { padding: 25px 0; text-align:center; }/* AGENDA PAGE =================================*/.agenda-Date { font-size:18px; font-weight:bold; padding: 3px; width: 98%; }.agenda-Time { font-weight:bold; padding-top: 10px; padding-left: 20px;}.agenda-Session-type { text-transform: uppercase; font-size:11px; font-weight:bold; padding-top: 10px; padding-bottom: 0px;  }.agenda-Session-title {  font-weight:bold; padding-top: 1px; padding-bottom: 1px; line-height:normal; }.agenda-Speaker { font-size:11px;font-weight:bold; padding-top: 5px; padding-bottom: 1px; line-height:normal; }.agenda-Speaker-title {	font-size:10px; font-weight:normal; font-style: italic; padding-top: 1px; padding-bottom: 1px; line-height:normal; }.agenda-Speaker-company { font-size:10px; font-weight:bold; padding-top: 1px; padding-bottom: 10px;line-height:normal;}.agenda-Speaker-function { font-size:10px; font-weight:bold; text-transform: uppercase; padding-top: 5px; padding-bottom: 1px; line-height:normal;}.agenda-Text { font-size:11px; }.agenda-Track-title { text-transform: uppercase; font-weight:bold; letter-spacing: 2px; padding-top: 10px; }.agenda-Track { width: 98%; padding-left:10px;  }.agenda-Track-description {	font-size:10px; padding-top: 1px; padding-bottom: 1px; }.agenda-addl-info { font-size: 10px; }.agenda-Session-topnav li { padding-left:20px; text-transform:uppercase; }.agenda-print { padding-left:30px; text-transform: uppercase; }.agenda-email { padding-left: 30px; text-transform: uppercase; }.agenda-Track-menu li { background: none; }.agenda-Form-jumpmenu { /*padding-left: 10px;*/ padding-top: 4px; }/* SPEAKER PAGE =================================================== */.speaker-container { float:left; width: 100%; padding-top: 15px; }#content h3.speaker-name { padding-top: 0px; }.speaker-name a { text-decoration: none;}.speaker-title { font-style: italic; font-weight: 800; }.speaker-company { font-weight: bold; padding-top: 2px; }/* MEDIA SPONSORS PAGE ============================================= */.media-container { float: left; width: 100%; padding-top: 10px; }.media-logo { float:left; width: 33%; text-align: center; padding-top: 10px; }.media-desc { float:left; width: 60%; }/* AUDIO MESSAGES PAGE ============================================= */.audio-container { float: left; width: 100%; padding-top: 15px; }.audio-container h3 {padding-bottom: 0px; margin-bottom: 0px; }.audio-container p {padding-top: 0px; margin-top: 0px; }.audio { float: left;}/* SPONSOR STYLE =================================================== *//* generic sponsor logo holder */.logo-holder { float: left; width: 25%; padding: 10px 0px; text-align: center; }#content .sponsor-head-01 h3, #content .sponsor-head-02 h3, #content .sponsor-head-03 h3 { padding: 5px; }/* EXHIBITOR / SPEAKER CENTER PAGES =====================================================*//* Speaker Center/Exhibitor Center Icon Navigation */.icon-nav {float:left; width: 90%; }.icon-nav ul{ margin:0;padding:0; }.icon-nav li { background: none; list-style:none;   }.icon-nav li a { display: block; height: 25px; padding-top: 8px; padding-left:25px; font-size: 11px; font-weight:bold; text-decoration:none; text-transform: uppercase;  }/* Box elements, widths, padding, margin styles =================================================== *//* used do display conference highlights  on index */.boxWidth-splash { float:left; width: 680px; padding: 0px 10px; margin-top: 10px; }/* Generic  Containers with varying widths */.boxWidth-100 { float:left; width: 100%; padding-top: 15px; }.boxWidth-95 { float:left; width: 95%; }.boxWidth-85 { float:left; width: 85%; }.boxWidth-80 { float:left; width: 80%; }.boxWidth-75 { float:left; width: 75%; }.boxWidth-70 { float:left; width: 70%; }.boxWidth-65 { float:left; width: 65%; }.boxWidth-60 { float:left; width: 60%; }.boxWidth-55 { float:left; width: 55%; }.boxWidth-50 { float: left; width: 50%; }.boxWidth-40 { float: left; width: 40%; }.boxWidth-35 { float: left; width: 35%; }.boxWidth-33 { float: left; width: 33%; }.boxWidth-30 { float: left; width: 30%; }.boxWidth-25 { float: left; width: 25%; }.boxWidth-20 { float: left; width: 20%; }.boxWidth-15 { float: left; width: 15%; }.boxHeight-240 { height: 240px; }.boxHeight-175 { height: 175px; }.boxHeight-150 { height: 150px; }.boxHeight-125 { height: 125px; }.boxHeight-100 { height: 100px; }.boxHeight-50 { height: 50px; }.pad01-all { padding: 1px; }.pad03-all { padding: 3px; }.pad05-all { padding: 5px; }.pad10-all { padding: 10px; }.pad5-top { padding-top: 5px; }.pad10-top { padding-top: 10px; }.pad15-top { padding-top: 15px; }.pad20-top { padding-top: 20px; }.pad3-left { padding-left: 3px; }.pad5-left { padding-left: 5px; }.pad8-left { padding-left: 8px; }.pad10-left { padding-left: 10px; }.pad15-left { padding-left: 15px; }.pad5-bottom { padding-bottom: 5px; }.pad10-bottom { padding-bottom: 10px; }.pad15-bottom { padding-bottom: 15px; }.pad20-bottom { padding-bottom: 20px; }.pad3-right { padding-right: 3px; }.pad5-right { padding-right: 5px; }.pad8-right { padding-right: 8px; }.pad10-right { padding-right: 10px; }.pad15-right { padding-right: 15px; }.marg-center { margin: 0 auto; text-align:center;}.marg01-all { margin: 1px; }.marg03-all { margin: 3px; }.marg05-all { margin: 5px; }.marg10-all { margin: 10px; }
