"/* EasyChair smart program style sheets
 * (c) 2013 Cool Press Ltd
 */

/* main top-level menu, contains the most general items (program, site map etc.) */
#main_menu {
  margin-left:15%;
  margin-right:15%;
}
#main_menu a:visited {
  color:#f6f6f6;
}
#main_menu a:hover {
  background-color:#222222;
}
#main_menu a {
  color:#f6f6f6;
  text-decoration:none;
  background-color:#aaa;
  font-size:10pt;
  white-space:nowrap;
  margin-right:2pt;
  font-family:verdana, sans-serif;
  padding:1pt 3pt 2pt 3pt;
  cursor: pointer;
}

/* selected main top-level menu, contains the most general items (program, site map etc.) */
#main_menu a.selected {
  color:#fff;
  text-decoration:none;
  background-color:#dd0000;
  font-size:10pt;
  white-space:nowrap;
  margin-right:2pt;
  font-family:verdana, sans-serif;
  padding:1pt 3pt 2pt 3pt;
  cursor: pointer;
}
#main_menu a.selected:visited { color:#fff; }
#main_menu a.selected:link:hover { background-color:#222; }
#main_menu a.selected:visited:hover { background-color:#222; }

/* second-level menu, for multi-conference programs contains conference aliases */
#menu2 {
  margin-top:7pt;
  margin-left:15%;
  margin-right:15%;
  border-top: solid 1px #999;
  padding: 4pt 0pt 4pt 0pt; 
}
#menu2 a:visited {
  color:#888888;
}
#menu2 a:hover {
  background-color:#222222;
  color: #f6f6f6
}
#menu2 a {
  color:#888888;
  text-decoration:none;
  font-size:10pt;
  white-space:nowrap;
  margin-right:2pt;
  font-family:verdana, sans-serif;
  padding:1pt 0pt 2pt 0pt;
  cursor: pointer;
}
#menu2 .separator {
  padding: 0pt 4pt 0pt 4pt;
}

/* selected main 2-level menu */
#menu2 a.selected {
  color:#fff;
  text-decoration:none;
  font-size:10pt;
  white-space:nowrap;
  margin-right:0pt;
  font-family:verdana, sans-serif;
  padding:0pt 4pt 1pt 4pt;
  cursor: pointer;
  background-color:#dd0000;
}
#menu2 a.selected:visited { color:fff; }
#menu2 a.selected:link:hover { background-color:#222; }
#menu2 a.selected:visited:hover { background-color:#222; }

/* third-level menu, appears on some pages */
#menu3 {
  margin-top:0pt;
  margin-left:15%;
  margin-right:15%;
  border-top: solid 1px #999;
  padding-top: 7pt;
}
#menu3 a:visited {
  color:#888888;
}
#menu3 a:hover {
  background-color:#222222;
  color: #f6f6f6
}
#menu3 a {
  color:#888888;
  text-decoration:none;
  font-size:9pt;
  white-space:nowrap;
  margin-right:2pt;
  font-family:verdana, sans-serif;
  padding:1pt 0pt 2pt 0pt;
  cursor: pointer;
}
#menu3 .separator {
  padding: 0pt 4pt 0pt 4pt;
}

/* selected main 3-level menu */
#menu3 a.selected {
  color:#fff;
  text-decoration:none;
  font-size:9pt;
  white-space:nowrap;
  margin-right:0pt;
  font-family:verdana, sans-serif;
  padding:2pt 4pt 2pt 4pt;
  cursor: pointer;
  background-color:#dd0000;
}
#menu3 a.selected:visited { color:#fff; }
#menu3 a.selected:link:hover { background-color:#222; }
#menu3 a.selected:visited:hover { background-color:#222; }

/* The page title, displayed on the very top of the page. E.g. LPAR 2013: 20th
 * International Conference ... */
#title {
   background-image:url(UKACC_WebHeader.jpg);  
   background-repeat: no-repeat;
   background-position: left top;
   background-size:100% auto ; 
  color:#666;
  font-size:14pt;
  font-family:verdana, sans-serif;
  padding:20% 0pt 11pt 0pt;
  margin-left:15%;
  margin-right:15%;
}

/* The page content: everything not including menus */
#content {
  margin: 0pt 15% 0pt 15%;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

/* The page content: everything not including menus */
#content a, a:visited  {
  color: #464646;
}

#content a:hover  {
  color: #000000;
}

/* top-level section headings */
h1 {
  color:#555;
  font-size:13pt;
  font-family:verdana, sans-serif;
  font-weight : normal;
  padding:1pt 0pt 2pt 0pt;
} 

/* second-level section headings */
h2 {
  color:#888888;
  font-size:13pt;
  font-family:verdana, sans-serif;
  font-weight : normal;
  padding:7pt 0pt 5pt 0pt;
} 

/* third-level section headings */
h3 {
  color:#888888;
  font-size:12pt;
  font-family:verdana, sans-serif;
  font-weight : normal;
  padding:7pt 0pt 5pt 0pt;
} 

/* session div, used in programs */
.session {}

/* sessions that contain no talks, this class will be used in addition to the
 * session class */
.notalks {}

/* A session heading is something like \"09:00-12:00 Session 1A: Machine Learning\" */
.session .heading {
  font-size:11pt;
  background-color: #d0dce0;/*d8e4e9;/*d0dce0;/*a2caee;/*95c4ee;/*d0dce0;*/
  padding: 3pt 5pt 3pt 5pt;
  margin: 3pt 0pt 1pt 0pt;
}

/* A session heading interval is something like \"09:00-12:00\", used inside
 * session headings */
.session .heading .interval {
  font-weight: bold;
}

/* A session heading title is something like \"Session 1A: Machine Learning\",
   used inside session headings */
.session .heading .title {
  margin-left: 16pt;
}

/* Talk table, used in programs */
.talks {
  margin:2pt 0pt 2pt 20pt;
}

/* Talk table row, used in a talk table */
.talk {
  vertical-align: top;
}

/* Talk authors div in a talk table row */
.talk .authors {}

/* Talk title div in a talk table row */
.talk .title {
    padding: 1pt 0pt 1pt 0pt;
    font-weight: bold;
}

/* Used with any person name, e.g. \"Andrei Voronkov\". The person name can in
   fact be an \"a\" element with a link to the person Web site */
.person { font-style: italic; }

/* the class of the \" | \" string used in menus */
.separator {}

/** session date in the schedule */
div.date {
  text-align: center;
  padding: 5pt 0pt 5pt 0pt;
  font-size: 11pt;
  margin: 4pt 0pt 4pt 0pt;
  background-color: #d4d4d4;
  /* font-weight: bold; */
}

/** talk abstract */
.abstract {
    padding: 1pt 0pt 2pt 0pt;
}

/** Text SPEAKER: <speaker name> */
.speaker {
}

/* submission in the detailed list of accepted papers */
.sub_detailed {
    border-top: solid #bbb 1px;
    border-bottom: solid #bbb 1px;
    padding: 6pt 6pt 0pt 8pt;
    margin-bottom: 10pt;
    background:#ededed;
}

/* submission abstract in the detailed list of accepted papers */
.sub_abstract_detailed {
}

/* submission title in the detailed list of accepted papers */
.sub_title_detailed {
    font-weight: bold;
}

/* div with session chairs in a session */
.session_chair {
    margin: 2pt 0pt 2pt 5pt;
}

/* The word \"Chairs in\" Chairs: ...chair names... */
.chair_word {
    text-transform: uppercase;
    padding-right: 5pt;
}

/* div <Location: room name> in a session */
.room {
    margin: 2pt 0pt 2pt 5pt;
}

/* The word \"Location in\" Location: <room name> */
.room_word {
    text-transform: uppercase;
    padding-right: 5pt;
}

/* Coffee and lunch breaks */

.session .coffeebreak {
  font-size:11pt;
  background-color: #eeeed9;
  padding: 3pt 5pt 3pt 5pt;
  margin: 3pt 0pt 1pt 0pt;
}

.session .coffeebreak .interval {
  font-weight: bold;
  color: #555;
}

.coffeebreak .title {
  margin-left: 14pt;
  background:url('coffee.png') no-repeat; /* add bg image + color */
  padding-left: 18pt;
  color: #555;
}

.session .lunchbreak {
  font-size:11pt;
  background-color: #eeeed9;
  padding: 3pt 5pt 3pt 5pt;
  margin: 3pt 0pt 1pt 0pt;
}

.session .lunchbreak .interval {
  font-weight: bold;
  color: #555;

}

.lunchbreak .title {
  height: 24px;
  margin-left: 14pt;
  background:url('lunch2.png') no-repeat; /* add bg image + color */
  padding-left: 16pt;
  color: #555;
}

/** link to day-by-session, when first in the series of links */
.day_by_session {
  margin-left: 15pt;
  margin-right: 6pt;
}
/** link to day-with-abstracts, when first in the series of links */
.day_with_abstracts {
  margin-left: 15pt;
  margin-right: 14pt;
}
/** next link in the series */
.day_next_link {
  margin-left: 5pt;
  margin-right: 9pt;
}

/** links to the previous/next day, must be 
  (1) fixed width so that scrolling through pages is smooth
  (2) fit \"previous day\" and have enough space on the right to look nice with \"next day\" next to it
*/
.days {
  display: inline-block;
  margin-right: 1.5em;
}
.previous_day {
  display: inline-block;
  width: 6em; /* must be fixed */
  background-image:url('prev.gif');
  background-repeat:no-repeat;
  background-position:left 1px center;
  padding-left: 23px; /* to fit the image */
}
.day_space {
  width: 0.6em; /* must be fixed */
  display: inline-block;
}
.next_day {
  display: inline-block;
  text-align: right;
  width: 4.2em; /* must be fixed */
  background-image:url('next.gif');
  background-repeat:no-repeat;
  background-position:right 1px center;
  padding-right: 23px; /* to fit the image */
}
.all_days {
  margin-left: 10pt;
  display: inline-block;
  background-image:url('alldays.gif');
  background-repeat:no-repeat;
  background-position:right 1px center;
  padding-right: 23px; /* to fit the image */
}

/** links to all program days on the all-talks page */
.program_days {
  margin-right: 1em;
  white-space:nowrap
}

/** any program table containing an overview of a day, e.g. by-session */
div.overview {
  padding: 0pt;
  border: 0pt;
  margin-left: 15%;
  position: relative;
  vertical-align:middle;
  font-size: 10pt;
  background-color:white;
} 

div.overview .block {
  position: absolute;
  border: solid #666666 1px;
  margin: 1px;
  padding: 3px;
  text-align: center;
  overflow: hidden;
  vertical-align:middle;
}

div.overview .tblock {
  position: absolute;
  border: solid #666666 1px;
  margin: 1px;
  padding: 3px;
  text-align: center;
  overflow: hidden;
  vertical-align:middle;
  font-size: 8pt;
}
div.overview .tblock:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em;
}

/* to make the content of an element of the class block vertically centered, see
   http://css-tricks.com/centering-in-the-unknown/ Does not work with IE 7. Commented out since
   only Safari gets it right: Chrome and Firefox move some block text below the visible area
   sporadically.
   */
div.overview .block:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em;
}
 
div.overview .cblock {
  position: absolute;
  border: solid #666666 1px;
  margin: 1px;
  padding: 3px;
  text-align: center;
  overflow: hidden;
  vertical-align:middle;
  font-size:12pt;
  border-radius:10px;
}

/* Global session blocks. They are treated differently because browsers do not screw up on
   the :before declarations since the width of these blocks is sufficient */
div.overview .gblock {
  position: absolute;
  border: solid #666666 1px;
  margin: 1px;
  padding: 3px;
  text-align: center;
  overflow: hidden;
  vertical-align:middle;
}

/* to make the content of an element of the class block vertically centered, see
   http://css-tricks.com/centering-in-the-unknown/ Does not work with IE 7 */
div.overview .gblock:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em;
}

/* to make the content of an element of the class block vertically centered, see
   http://css-tricks.com/centering-in-the-unknown/ Does not work with IE 7 */
div.overview .cblock:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em;
}

div.overview .inner {
    display: inline-block;
    vertical-align: middle;
}

div.overview .coffee {
  font-size:13pt;
  background-color: #eeeeee;
}

div.overview .lunch {
  font-size:13pt;
  background-color: #eeeeee;
}

div.overview .vtimeline {
  position: absolute;
  background-color: #666666;
  color: #666666;
  width:1px;
  overflow:hidden;
}

div.overview .htimeline {
  position: absolute;
  background-color: #666666;
  color: #666666;
  height:1px;
  overflow:hidden;
}

div.overview .minutes60 {
  position: absolute;
  text-align: right;
  font-size: 10pt;
}

div.overview .minutes30 {
  position: absolute;
  text-align: right;
  font-size: 8pt;
}

#disclaimer {
  color: #043f76;
  font-size:8pt;
  font-family:verdana, sans-serif;
  padding:12pt 0pt 8pt 0pt;
  margin: 32pt 15% 0pt 15%;
  border-top:1px #ddd solid;
  background-color:#fff;
  border-radius:0px 0px 10px 10px;
  text-align:center;
  white-space:nowrap;
}

#disclaimer a:link {
  color: #043f76;
}

/* Indexing */

.index {}
.index .letter { height:22pt; }
.index .letter_sel { height:22pt; }
.index .entry {
  height:15pt;
  vertical-align: text-top;
}
.index .name {
  padding-left:25pt;
}
.index .paper1 {
  padding:0pt 0pt 0pt 14pt;
  background:url('square.gif') no-repeat; /* add bg image */
  font-style: italic;
}
.index .paper2 {
  margin-left: 10pt;
  padding:0pt 0pt 0pt 14pt;
  background:url('square.gif') no-repeat; /* add bg image */
  font-style: italic;
}
.index .paper3 {
  margin-left: 20pt;
  padding:0pt 0pt 0pt 14pt;
  background:url('square.gif') no-repeat; /* add bg image */
  font-style: italic;
}
.index .paper4 {
  margin-left: 30pt;
  padding:0pt 0pt 0pt 14pt;
  background:url('square.gif') no-repeat; /* add bg image */
  font-style: italic;
}
.index .paper5 {
  margin-left: 40pt;
  padding:0pt 0pt 0pt 14pt;
  background:url('square.gif') no-repeat; /* add bg image */
  font-style: italic;
}
.index .paper6 {
  margin-left: 50pt;
  padding:0pt 0pt 0pt 14pt;
  background:url('square.gif') no-repeat; /* add bg image */
  font-style: italic;
}
.index .papers{}
.index .paper .ptitle {
  display:inline;
}

.index .letter a {
  color:#000;
  background-color:#ff0;
  font-size:10pt;
  font-family:verdana, sans-serif;
  padding:2pt 5pt 3pt 5pt;
  border: solid 1px #000;
}

.index .letter_sel a {
  color:#fff;
  background-color:#f00;
  font-size:10pt;
  font-family:verdana, sans-serif;
  padding:2pt 5pt 3pt 5pt;
  border: solid 1px #a00;
  font-weight: bold;
}

#content .shortcuts {
  color:#888;
  font-size:11pt;
  font-family:verdana, sans-serif;
  padding:5pt 0pt 5pt 5pt;
  margin-bottom:10pt;
}

#content .shortcuts .links a:link { 
  text-decoration:none;
  font-size:12pt;
  font-weight:normal;
  color:#900;
  border: solid 1px #aaa;
  padding:1pt 5pt 2pt 5pt;
  margin-right:1pt; 
}
#content .shortcuts .links a:visited { color:#a00; }
#content .shortcuts .links a:link:hover { color:red; border: solid 1px #f00;}
#content .shortcuts .links a:visited:hover { color:red; border: solid 1px #f00;}


.control {
  text-color: #000000;
  background-color: #d6e0d6;
}