@import "common.css";

/* ---------- default values ---------- */

body {
  font-family: "verdana", "trebuchet ms", "myriad", Arial, sans-serif;
  background:rgb(255,255,255) repeat-x;
  color:rgb(100,100,100);
  }

body, form, select, input, div, ul, p, ol, li, img, table, td, th, h1, h2, h3, h4, h5, h6, textarea, label, xmp {
  padding:0px;
  margin:0px;
  font-size:12px;
  line-height:18px;
  font-family: "verdana", "trebuchet ms", "myriad", Arial, sans-serif;
  }
  

/* ---------- layout ---------- */


div#container {
    position:relative;
    width:932px;
    padding:0px 0px 0px 0px;
    margin:0px auto 0px auto;
    text-align:left;
    background:rgb(255,255,255);
}

.clear_left {
    clear:left;
}

div#clear, div.clear {
    line-height:1px;
    font-size:1px;
    height:1px;
    overflow:hidden;
    clear:both;
}

div#bottom {
  margin:0px auto;
  text-align:center;
  height:24px;
}

div#brand {
  font-size:10px;
  text-align:center;
  color:rgb(140,140,160);
  margin-top:24px;
  padding:6px 0px 20px 0px;
  border-width:3px 0px 0px 0px;
  border-color:rgb(80,132,132);
  border-style:solid;
}	

div#debug {
  font-size:10px;
  color:rgb(255,255,255);
  margin:0px auto;
  padding:12px;
}	

div#titlebar {
  background:url(title.gif) rgb(255,255,255) no-repeat;
  position:relative;
  padding-top:30px;
  text-align:left;
  overflow:hidden;
}

div#content {
  position:relative;
  margin: 24px 0 0 0px;
  padding: 0px 0px 0px 0px;
  width: 632px;
}

div#sidebar {
  margin:16px 0px 0px 0px;
  float:right;
  display:inline;
  width: 260px;
}

div#message {
    color:rgb(255,255,255);
    font-size:14px;
    padding:10px 10px 10px 10px;
    margin:10px auto 10px auto;
    background:rgb(220,130,0);
    text-align:center;
    border-width:1px 0px 1px 0px;
    border-style:dotted;
    border-color:rgb(120,60,0);
}

#banner a {
    border:0px rgb(255,255,255) solid;
}

/* ---------- section links ---------- */

#toplinks {
    list-style-type:none;
    padding-top:42px;
    float:right;
    width:600px;
	}
    
#toplinks li {
    display:block;
    float:right;
    margin:0px;
    padding-left:16px;
    font-size:14px;
    letter-spacing:1px;
    }
    
#toplinks a { color:rgb(106,44,20); }
#toplinks a:hover { color:rgb(50,170,160); }

/* ---------- hide banners for non js ---------- */

.hidden { display:none; }

/* ---------- banner classes ---------- */

.banner_front     { height: 240px; }
.banner_section  { height: 112px; }
.banner_page     { 
    height: 32px;
    background:url(page_banner.gif) no-repeat;
    font-size:14px;
    color:rgb(220,180,140);
    padding:6px 0px 0px 16px;
    overflow:hidden;
    }
    
/* ---------- file links ---------- */

div.page_link { background:url(link.gif) no-repeat; }
div.file_link { background:url(file.gif) no-repeat; }
div.url_link { background:url(globe.gif) no-repeat; }
div.email_link { background:url(mail.gif) no-repeat; }
div.icon_phone { background:url(phone.gif) no-repeat; }

div.page_link, div.file_link, div.url_link, div.email_link, div.icon_link { 
padding:3px 0px 4px 26px;
height:20px;
line-height:14px;
}


div.page_link a, div.file_link a, div.url_link a, div.email_link a { 
color:rgb(106,44,20);
}

/* ---------- staff groups ---------- */

div.staff_head {
    padding:10px 0px 16px 0px;
	clear:left;
}

div.staff_head img {
    width:75px;
    border:1px rgb(120,120,120) solid;
    padding:0px 0px 0px 0px;
	float:left;
}

div.staff_list {
    padding:4px 0px 0px 20px;
	float:left;
}

.staff_list .main_role {
	padding:0px 0px 12px 0px;
	font-style:italic;
}

.staff_list .role {
	font-style:italic;
	font-size:11px;
}

div.staff_photo  {
    padding:0px 0px 0px 0px;
	float:left;
}

div.staff_photo img {
    width:120px;
    border:1px rgb(120,120,120) solid;
}

.staff_details {
	width:460px;
    padding:4px 0px 0px 20px;
	float:left;
}

.staff_details .role {
	padding:0px 0px 12px 0px;
	font-style:italic;
}

/* ---------- front page blocks ---------- */

.fp_list_block {
  background:rgb(255,255,255);
  width:300px;
  float:left;
  padding:0px 0px 16px 0px;
}

.fp_left_padded {
    padding-left:32px;
}

.fp_see_all {
    margin-top:12px;
    float:right;
}

.fp_block_title {
  padding:0px 0px 6px 0px;
  border-color: rgb(106,44,20);
  border-width: 0px 0px 1px 0px;
  border-style: dotted;
  margin:0px 0px 16px 0px;
}

.fp_block_title_nomarg {
  padding:0px 0px 6px 0px;
  border-color: rgb(106,44,20);
  border-width: 0px 0px 1px 0px;
  border-style: dotted;
}

.fp_under_block_title {
  padding:6px 12px;
  border-color: rgb(106,44,20);
  border-width: 0px 0px 1px 0px;
  border-style: dotted;
  background:rgb(252,248,232);
  margin:0px 0px 16px 0px;
}

.fp_lower {
  padding:24px 0px 3px 0px;
  margin:0px 0px 10px 0px;
}

.fp_other_links li {
	list-style-type:none;
    padding:2px 2px 2px 22px;
	margin:0px;
    background:url(icon_arrow_alt.gif) no-repeat;
    background-position:0px 3px;
    color:rgb(166,155,144);
}

.fp_signup_name {
	display:none;
}

.fp_signup {
  padding:6px 12px 0px 12px;
  border-color: rgb(106,44,20);
  border-width: 1px 0px 1px 0px;
  border-style: dotted;
  background:rgb(252,248,232);
  margin:0px 0px 16px 0px;
}

.fp_signup_input {
  padding:3px 6px;
  width:150px;
  border-color: rgb(106,44,20);
  border-width: 1px 1px 1px 1px;
  border-style: dotted;
  background:rgb(255,255,255);
  margin:0px 0px 16px 0px;
}

.fp_signup_select {
  vertical-align:middle;
}

.message_highlight {
	color:rgb(0,0,120)
}

/* ---------- side panels ---------- */

.twitter {
	padding-bottom:8px;
    text-align:right;
}

.sp_head, .sp_foot {
    width:260px;
    overflow:hidden;
}

.sp_head {
    background:url(side_panel_head.gif) repeat-y;
    text-align:center;
    color:rgb(200,120,0);
    font-size:16px;
    padding-top:12px;
}

.sp_main {
    background:url(side_panel_bg.gif) repeat-y;
    text-align:left;
    padding:8px 16px 0px 16px;
    width:238px;
    line-height:15px;
}

.sp_foot {
    margin-bottom:12px;
}

.sp_video {
    margin-bottom:12px;
}

.sp_inner_head {
}

.sp_inner_main {
    background:url(panels/panel_bg.gif) repeat-y;
    text-align:left;
    padding:8px 16px 0px 16px;
    width:238px;
}

.sp_inner_main h3 {
    padding-top:0px;
}

.sp_inner_foot {
    background:url(panels/panel_foot.gif) repeat-y;
    height:12px;
    margin-bottom:12px;
}

.sp_image {
    margin-bottom:12px;
}

.sponsor_logo {
	padding:12px 16px 6px 0px;
	vertical-align:middle;
}

/* ---------- listing blocks ---------- */

.list_line_item, .list_line_item_soon {
    padding:2px 2px 5px 22px;
    line-height:18px;
    font-size:14px;
}

.list_line_item {
    background:url(icon_arrow.gif) no-repeat;
    background-position:0px 4px;
    color:rgb(106,44,20);
}

.list_line_item_soon {
    background:url(icon_arrow_light.gif) no-repeat;
    background-position:0px 4px;
    color:rgb(166,155,144);
}

h3.list_type_title {
    color:rgb(80,160,140);
    padding:18px 0px 6px 0px;
	border-color: rgb(106,44,20);
  border-width: 0px 0px 1px 0px;
  border-style: dotted;
}

div.list_block_item, div.list_block_item_soon {
    padding:2px 0px 2px 22px;
}

div.list_block_item      {
    background:url(icon_arrow.gif) no-repeat;
    background-position:0px 21px;
    
    }
div.list_block_item_soon {
    background:url(icon_arrow_light.gif) no-repeat;
    background-position:0px 21px;
    }

img.item_more_link {
    display:inline;
    vertical-align:bottom;
    padding:0px 0px 0px 6px;
}

h4.conf_list_details {
    color:rgb(186,144,120);
    font-size:11px;
    padding:0px;
}

h3.conf_list_title {
    padding:0px 0px 5px 0px;
    line-height:18px;
    font-size:14px;
    color:rgb(106,44,20);
} 

div.list_block_item_soon h3.conf_list_title { color:rgb(166,154,144); }


div.list_block {
  padding:8px 0px 8px 0px;
}

/* ---------- conference page ---------- */

h2.conf_details_title {
    color:rgb(200,120,60);
    font-size:24px;
    line-height:28px;
    padding-bottom:12px;
    }

h4.conf_details_date {
    color:rgb(106,44,20);
    font-size:14px;
    padding:0px 0px 6px 0px;
}

.agenda_break , .agenda_item, .fee  {
    clear:left;
    display:block;
}

.agenda_item .speaker {
    font-size:11px;
    line-height:11px;
    font-style:italic;
}

.agenda_item .speaker_name {
    font-weight:700;
}

.agenda_item p {
    padding:0;
}

.agenda_break label, .agenda_item  label {
    float:left;
    width:46px;
    text-align:right;
    padding:4px 12px 4px 0px;
    font-size:12px;
    color:rgb(200,120,60);
}

.agenda_break div, .agenda_item  div {
    width:480px;
    float:left;
    padding:4px 0px 4px 0px;
}

.agenda_break div {
    text-align:center;
    background:rgb(225,240,235);
    letter-spacing:6px;
    text-transform:uppercase;
    font-size:10px;
    padding:0px 12px 0px 0px;
    margin-top:4px;
}

.fee label {
    float:left;
    width:280px;
    text-align:right;
    padding:4px 12px 4px 0px;
    font-size:12px;
    color:rgb(200,120,60);
}

.fee  div {
    width:200px;
    float:left;
    padding:4px 0px 4px 0px;
}

sup {
    font-size:10px;
}

/* ---------- list speakers ---------- */

div.list_speaker  {
    clear:left;
}

div.list_speaker div {
    width:500px;
    float:left;
    padding:0px 0px 20px 16px;
}

img.spkr_pic, img.spkr_nopic {
    width:100px;
    height:100px;
    border: 1px rgb(0,0,0) solid;
    float:left;
    margin-bottom:20px;
}

img.spkr_nopic {
    border-color: rgb(220,220,220);
}

h3.spkr_name {
    padding-top:0px;
}

h4.spkr_org {
    padding-top:0px;
    font-size:14px;
}

span.spkr_position {
    font-style:italic;
}

/* ---------- tabbed pages ---------- */

#tabbed_head {
    background: url(tabbed_head_bg.gif) rgb(60,110,130) repeat-x;
    overflow:hidden;
    height:27px;
    width:100%;
    border-width:0px 0px 1px 0px; border-color:rgb(255,255,255);border-style:solid;
}

ul.tabbed_pages { 
    padding:0px 10px 0px 16px;
    margin:0px 0px 0px 0px;
  }
  
ul.tabbed_pages li {
  float:left;
  list-style: none;
  margin:0px 0px 0px 0px;
  text-transform:lowercase;
  letter-spacing:1px;
  height:23px;
  cursor:pointer;
  }
  
ul.tabbed_pages li  a               { color:rgb(255,255,255); display:block; height:23px; padding:4px 10px 0px 10px;}
ul.tabbed_pages li.not-current a:hover         { color:rgb(255,255,255); border-color:rgb(100,220,190); }
ul.tabbed_pages li.current  a { color:rgb(255,255,255); background: url(tabbed_head_current.gif) repeat-x; border-width:0px 2px 0px 2px; border-color:rgb(255,255,255);border-style:solid;}
ul.tabbed_pages li.not-current a  { color:rgb(200,220,235); }
  
#tabbed_content {
  clear:left;
  padding:20px 0px 0px 0px;
  
  /* background:rgb(255,255,255);
  border-color: rgb(106,44,20);
  border-width: 1px 0px 1px 0px;
  border-style: dotted; 
  color:rgb(80,70,64); */
  
}
  
.hidden_block { display:none; }
.shown_block { display:block; }


/* ---------- text styles ---------- */

.img_mh_intro_pic {
	float:left;
	padding:10px 20px 20px 0px;
}

.img_mh_intro_pic img {
	width:120px;
	border:1px rgb(0,0,0) solid;
}

div.quote {
  border:1px rgb(220,210,180) dotted;
  background:rgb(252,248,236);
  padding:10px 10px 10px 10px;
  margin:6px 0px 6px 0px;
  }

div.quote_content {
  font-size:14px;
  color:rgb(160,90,50);
  line-height:17px;
  }

div.quote_author {
  font-size:11px;
  text-align:right;
  padding:8px 0px 0px 0px;
  }
  
/* ---------- text styles ---------- */

a {
  text-decoration:none;
  color:rgb(60,120,220);
}

a:hover {
  color:rgb(100,220,0);
}

a:focus {
  border:0;
}

strong {
	font-weight:700;
	}

em {
  font-style:italic;
}
	
h2 {
  font-size:20px;
  font-weight:100;
  color:rgb(50,170,160);
  padding:0px 0px 6px 0px;
  line-height:21px;
}

h3 {
  font-size:18px;
  font-weight:100;
  color:rgb(160,90,50);
  padding:12px 0px 4px 0px;
  clear:left;
}

h4 {
  font-size:15px;
  font-weight:100;
  color:rgb(80,160,140);
  padding:8px 0px 0px 0px;
}

p	{
  padding:6px 0px 6px 0px;
}	

p.quote {
  border:1px rgb(160,160,160) dotted;
  background:rgb(240,240,240);
  padding:10px 10px 10px 10px;
  margin:6px 0px 6px 0px;
  }

ol.alpha {
  list-style-type: lower-alpha;
}

ol.upperalpha {
  list-style-type: upper-alpha;
}

li {
  margin:0em 0em 0em 18pt;
  padding:0em 0em 0.3em 0em;
}	

blockquote {
  font-size:11px;
  font-style:italic;
  padding:0.3em 2em;
  margin:0;
}

a img {
	border:0px rgb(255,255,255) solid;
	}

xmp	{
white-space:normal;
}

/* -------- printing -------- */

@media print {
  div#titlebar, div#tabbar, div#sidemenu {display: none}

  div#container, div#content {
    padding-top: 0px;
    margin-left:0px;
    width: 100%;
 }

}