@charset "utf-8";
@import url("reset-style.css");
@import url("colors-graphics.css");

/*@import url("layout-square.css");*/


/* 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 { background:none; 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; }

/*======USED IN REGINFO PAGES*/
.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;  }

/*======USED IN PRESENTATION PAGES*/
.table-presentations { width: 90%; text-align:center; margin-top: 0px;}
.table-presentations caption { text-transform:none; }
.table-presentations th { text-transform: uppercase; font-weight:normal; text-align:left; vertical-align:top; white-space:nowrap; font-size:10px; padding: 2px 4px; } 
.table-presentations th.nobg { text-align:left; border: none; font-weight: bold; letter-spacing: 1px; }
.table-presentations td { text-align: left; padding-bottom: 10px;  }
.table-presentations tfoot td { text-align:left; padding-top: 8px;  }


/*======USED IN EXHIBITOR/SPEAKER CENTER PAGES*/
.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; }

/*======USED IN EXHIBITOR/SPEAKER CENTER PAGES*/
.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; }
label { float: left; padding:2px 10px; width: 30%; }
input { border: 1px solid #666666; background:url(../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(../images/bg-submit.jpg) 0 50% no-repeat; }

form .form-process-btn { float: left; width:60%; text-align: center; padding-left: 30%; }
/*
.form-button { float:left; margin: 0 3px; width: 75px; font-weight:bold;  text-align:left; }
.form-button input { padding: 0; width: 75px; height: 25px; font-size: 10px; font-weight: bold; text-align: center; border: none; background: url(../images/bg-submit.jpg) 0 50% no-repeat; }*/
.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(../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(../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; padding-bottom: 20px;}
#main-wrap.two-col { width: 960px; }
#main-wrap.two-col #content { width: 750px; }
#content { float: right; padding:0; margin: 0; width: 710px;  }
#left-nav { float: left;  width: 200px; }

/* 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(http://www.sourcemediaconferences.com/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(../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-page { float:left; width: 100%; padding-top: 15px; }
.agenda-page ul { font-size: 12px; }
.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:12px;font-weight:bold; padding-top: 5px; padding-bottom: 1px; line-height:normal; }
.agenda-Speaker-title {	font-size:11px; 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:12px; }
.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: 24%; padding: 10px 0px; text-align: center; }


/* 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; }
















