/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 30 May 2011 11:50:26
*/


/* APNIC 31 Styles */
   
  /* RESET */
  
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%; /* 100% = 16px default */
 vertical-align: baseline;
 background: transparent;
}
body {
 line-height: 1;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}

/* remember to define focus styles! */
:focus {
 outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
 text-decoration: none;
}
del {
 text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
 border-collapse: collapse;
 border-spacing: 0;
}

/* TEMPLATE */

body{
 text-align: center;
 background: #ecf4f9;
 font-family: tahoma, verdana, arial, helvetica, sans-serif;
 color: #666;
}
#wrapper{
 margin: 0 auto 0 auto;
 background: url('background-page.gif') center top repeat-y;
 width: 990px;
 font-size: 0.625em; /* 0.625 of 16px = 10px */
}
#page{
 margin: 0 auto 0 auto;
 width: 960px;
 position: relative;
 background:url('apricot-apan-banner.png') 5px 0 no-repeat;

}
#top{
 /*background: url('background-top.jpg') center bottom no-repeat;*/
 margin-bottom: 5px;
}
#utilities{
 padding: 15px 20px 15px 20px;
 overflow: hidden;
 font-size: 1.1em; /* 11px */
    width:300px;
    margin-left:auto;
    margin-right:auto;
}
#utilities ul,
#utilities li{
 list-style: none;
 display: inline;
}
#utilities ul{
 margin: 0;
}
#utilities li{
 border-left: 1px solid #868787;
 margin: 0;
 margin-right: 10px;
 padding-left: 10px;
}
#utilities li.first{
 border-left: 0;
 padding-left: 0;
}
#utilities a{
 color: #868787;
 text-decoration: none;
}
#utilities a:hover{
 color: #fff !important;
 background: #868787 !important;
}
#branding{
 font-size: 2.8em; /* 28px */
 height:176px;
}
#branding img{
 border: 0;
 position:absolute;
 top:204px;
 right:5px;
}
#body{
 text-align: left;
 overflow: hidden;
 /*background: url('banner-apnic.jpg') 5px top no-repeat;*/
 padding-top: 15px;
}


/* Main navigation - basics */
#nav{
 float:left;
 width:190px;
 overflow:hidden;
 padding:0;
 margin-left: 5px;
 margin-top:30px;
 font-size: 1.1em; /* 11px */
 border-top: 1px solid #ccc;
}
#nav ul{
 list-style: none;
 margin:0;
 padding:0;
 background: #eee;
}
#nav li{
 list-style: none;
 height: auto !important;
 height: 20px;
 margin:0;
 padding:0;
}
#nav ul li a{
 display: block;
 height: auto;
 padding: 0.75em 0.2em 0.75em 2em;
 text-decoration: none;
 color: #5E3901;
 border-bottom: 1px solid #ccc;
}

/* Main navigation - hover */
#nav ul li a:hover{
 background: #68686A;
 background-image:none !important;
}
#nav ul li ul a:hover{
    background-image: url('nav-bg.png') !important; 
}

/* Main navigation - active highlighting */
#nav li ul{
    display:none;/* Sub navs off by default */
} 
#nav li ul a{
    border-bottom: 0px solid #ccc;
    background-image:none !important;
    font-size:0.8em;
    padding-left:4em;
} 

.section-home #nav li#link-home ul,
.section-about #nav li#link-about ul,
.section-program #nav li#link-program ul,
.section-venue #nav li#link-venue ul,
.section-travel #nav li#link-travel ul,
.section-remote #nav li#link-remote ul,
.section-papers #nav li#link-papers ul,
.section-fellows #nav li#link-fellows ul,
.section-socials #nav li#link-socials ul,
.section-sponsors #nav li#link-sponsors ul,
.section-faqs #nav li#link-faqs ul,
.section-contact #nav li#link-contact ul,
.section-spread #nav li#link-spread ul{
    display:block; /* Sub navs back on for appropriate section */
    background: #68686A;
}

.section-home #nav li#link-home a,
.section-about #nav li#link-about a,
.section-program #nav li#link-program a,
.section-venue #nav li#link-venue a,
.section-travel #nav li#link-travel a,
.section-remote #nav li#link-remote a,
.section-papers #nav li#link-papers a,
.section-fellows #nav li#link-fellows a,
.section-socials #nav li#link-socials a,
.section-sponsors #nav li#link-sponsors a,
.section-faqs #nav li#link-faqs a,
.section-contact #nav li#link-contact a,
.section-spread #nav li#link-spread a{
    background: #68686A url('nav-bg.png') 0 center repeat-x;
    color: #fff;
    font-weight: bold;
}

.subsection-workshops #nav li#link-workshops a,
.subsection-speakers #nav li#link-speakers a,
.subsection-hongkong #nav li#link-hongkong a,
.subsection-attractions #nav li#link-attractions a,
.subsection-accommodation #nav li#link-accommodation a,
.subsection-flights #nav li#link-flights a,
.subsection-around #nav li#link-around a,
.subsection-visas #nav li#link-visas a{
    background-image: url('nav-bg.png') !important; 
}


#sponsors{
    margin:7px 0 15px 0;
  position:absolute;
  top:260px;
  right:0;
  width:190px;
}
#sponsors img{
    margin:0 0 7px 0;
    border:0;
}
#sponsors img.org{
    float:left;
}
#sponsors img.host{
}

.widepage #sponsors{
  display:none;
}
#post-content{
  margin-top:250px;
}


#breadcrumbs{
 margin-bottom: 15px;
 line-height: 1;
 position: absolute;
 top: 0;
 left: 0;
 padding: 15px 5px 15px 20px;
 color: #868787;
 font-size: 1.1em; /* 11px */
}
#breadcrumbs ul{
 list-style: none;
 display: inline;
 margin: 0;
}
#breadcrumbs li{
 list-style: none;
 display: inline;
 margin: 0;
 margin-left:2px;
 margin-right:2px;
}
#breadcrumbs img{
 display: inline;
 border: 0;
}
#breadcrumbs li#breadcrumb-home a{}
#breadcrumbs li#breadcrumb-home a:hover{
 background: transparent !important;
}
#breadcrumbs li#breadcrumb-home a img{}
#breadcrumbs li#breadcrumb-home a:hover img{}

#breadcrumbs a{
 color: #868787;
 text-decoration: none;
}
#breadcrumbs a:hover{
 color: #fff !important;
 background: #868787 !important;
}
#content{
 float: left;
 width: 520px;
 margin-left: 15px;
 margin-left: 22px;
 margin-right: 0px;
 line-height: 1.3;
 font-size: 1.3em; /* 13px */

 overflow: hidden;
 margin-top:25px;
 border-right:1px solid #ccc;
 padding-right:15px;
}
#post-content{
 float: right;
 width: 190px;
 line-height: 1.3;
 margin-right: 5px;
 font-size: 1.1em; /* 11px */
 margin-top:25px;

}
#back{
 clear: both;
 width: 550px;
 margin-left: 200px;
 border-bottom: 1px solid #ccc;
 margin-bottom: 10px;
 padding-top: 20px;
 padding-bottom: 15px;
 font-size: 1.1em; /* 11px */
}
#back a{
 color: #868787;
 text-decoration: none;
}
#back a:hover{
 color: #fff !important;
 background: #868787 !important;
}
#back ul,
#back li{
 list-type: none;
 display: inline;
 margin: 0;
}
#back li{
 margin-right: 2em;
}
#footer{
 background: #ecf4f9 url('background-footer.gif') center top no-repeat;
 padding-top: 20px;
 margin: 0 auto 30px auto;
 text-align: left;
 padding-left: 20px;
 color: #868787;
 font-size: 1.1em; /* 11px */

}
#footer ul{
 margin: 0 0 0 2em;
}
#footer li{
 list-style: none;
 margin: 0;
}
#footer a{
 color: #868787;
 text-decoration: none;
}
#footer a:hover{
 color: #fff !important;
 background: #868787 !important;
}

/* GENERAL */

a{
 color: #E34919;
 text-decoration: underline;
}
a:hover{
 background-color: #E34919;
 color: #fff !important;
 text-decoration: none;
}

/* All heading inside content of 13px */
h1{
 font-size: 2em;
 color: #5E3901;
 font-weight: normal;
 margin-bottom: 0.5em;
}
h2{
 font-size: 1.5em;
 color: #5E3901;
 font-weight: normal;
 margin-bottom: 0.66em;
}
h3{
 font-size: 1.25em;
 color: #B38A4E;
 font-weight: normal;
 margin-bottom: 0.8em;
}
h4,h5,h6{
 color: #B38A4E;
 font-weight: bold;
}
h4,h5,h6,p{
 margin-bottom: 1em;
 font-size: 1em;
}
table,ul,ol,dl{

}

table{
 margin-right: 1em;
}
th{
 padding-right: 1em;
 padding-bottom:1em;
 font-weight: bold;
 vertical-align:top;
}
td{
 padding-right: 1em;
 color: #666666;
 vertical-align:top;
 padding-bottom:1em;
}
ul,ol{
 margin-left: 3em;
 margin-right: 1em;
 margin-bottom: 1em;
}
li{
 margin-right: 1em;
 margin-bottom: 0.5em;
}
ul li{list-style:disc;}
ol li{list-style:decimal;}
img {border: 1px solid #ccc;}
img.noborder{border: 0;}
img.left{float:left;margin:0 1em 1em 0;}
img.right{float:right;margin:0 0 1em 1em;}

div.highlight{
 background: #FFF4D4;
 border: 1px solid #ccc;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 margin-bottom: 1em;
 padding: 1em 1em 0.75em 1em;
 color: #5E3901;
}
div.highlight,
div.cell.highlight{
 background: #f4ffcd;
}
#post-content div.highlight{
 /*background: #f8f2eb;*/
 color: #666;
}
#post-content h2{
 color: #666;
 border-bottom: 1px solid #ccc;
 padding-bottom: 0.25em;
}

/* USER LAYOUT STUFF */

div.cell{
 float: left;
 margin-left: 13px;
 padding: 13px;
}
div.cell.highlight{
 padding: 13px;
 background: #f8f2eb;
}
div.cell.first{
 clear: both;
 margin-left: 0px !important;
}
div.cell.half{
 width: 224px;
}
div.cell.third{
 width: 135px;
}
.widepage div.cell.half{
 width:325px;
}
.widepage div.cell.third{
 width:203px;
}

div.cell.lines1{
 min-height: 5em;
}
div.cell.lines2{
 min-height: 6.5em;
}
div.cell.lines3{
 min-height: 8em;
}
div.cell.lines4{
 min-height: 9.5em;
}
div.cell.lines5{
 min-height: 11em;
}


.clear{
 clear:both;
}

div.teasers div h2+p{margin-top:0;}
div.teasers div h2{margin-bottom:0;}

/* OTHER TYPES OF NAVIGATION */
.sub-nav{margin-bottom:1em;text-align:center;}
.sub-nav ul{list-style-type:none;display:inline;margin:0 auto 0 auto;padding:0;text-align:left;}
.sub-nav li{list-style-type:none;display:inline;border-left:1px solid #ccc;margin:0 0 0 1em;padding:0 0 0 1em;}
.sub-nav li.first{border-left:0;margin-left:0;padding-left:0;}

.jump-nav{margin-bottom:1em;text-align:right;}
.jump-nav ul{list-style-type:none;display:inline;margin:0 0 0 1em;padding:0;}
.jump-nav li{list-style-type:none;display:inline;border-left:1px solid #ccc;margin:0 0 0 0;padding:0 0 0 0.5em;font-size:0.8em;}
.jump-nav li.first{border-left:0;margin-left:0;padding-left:0;}
.jump-nav li.active a{text-decoration:none !important;background:transparent !important;font-weight:bold;color:#666 !important;cursor:text;}



/* HOMEPAGE */
body.homepage #breadcrumbs{display:none;}
body.homepage h1{display:none;}
body.homepage #back{display:none;}
body.homepage #content{padding-bottom: 2em;}

body.homepage #main-1 h2{
 font-size: 2.3em;
 font-weight: normal;
 margin-bottom: 0.3em;
 margin-bottom: 0.5em;
}
body.homepage #main-1 p:first-line{
 font-weight: bold;
}
body.homepage #main-1 p + p:first-line{font-weight:normal;}

body.homepage #main-1{min-height:20.1em;overflow:hidden;}

body.homepage #main-2,
body.homepage #main-3,
body.homepage #main-4{min-height: 6.5em;}


body.homepage #right-1,
body.homepage #right-2,
body.homepage #right-3{margin-bottom:1.3em;}
body.homepage #right-1{min-height: 11.2em;}
body.homepage #right-2{min-height: 9.6em;}
body.homepage #right-3{min-height: 8.2em;}

/*body.homepage div.cell.highlight.hover,
body.homepage #post-content div.highlight.hover{background:#FEF7D8;}*/

/* WIDEPAGE */
body.widepage #content{width: 720px;}
body.widepage #back{width: 740px;}
body.widepage #post-content{display: none;}

a.button{text-decoration:none;border:1px solid #666;border-top:1px solid #ccc;border-left:1px solid #ccc;padding:0.2em 1em;color:#666;background:#efefef;}
a.button:hover{text-decoration:none;background:#666;color:#ccc;}

div#follow-us{
    overflow:hidden;
}
div#follow-us h2{
    float:left;
    margin-right:0.5em;
}
div#follow-us img{
    float:left;
    margin-right:0.5em;
    width:25px;
    height:25px;
}

/* AGENDA */
table.agenda{width:100%;}
table.agenda tr{}table.agenda th{text-align:center;color:#fff;background: #797778 url("./?a=11595") repeat-x;padding: 0.5em 1em;
}
table.agenda td{vertical-align:top;padding:0.5em 1em;}
table.agenda td, table.agenda th{
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    vertical-align:middle;
}

/* FILE TYPE ICONS */
.pdf,
.txt,
.doc,
.ppt,
.xls,
.mov,
.swf,
.audio,
.info,
.help,
.email{
    background-position:right center;
    background-repeat:no-repeat;
    padding-right:20px;
}
.pdf.prefix,
.txt.prefix,
.doc.prefix,
.ppt.prefix,
.xls.prefix,
.mov.prefix,
.swf.prefix,
.audio.prefix,
.info.prefix,
.help.prefix,
.email.prefix{
    background-position:left center;
    padding-right:0;
    padding-left:20px;
}
.pdf{
    background-image:url(icon-pdf.png);
}
.txt{
    background-image:url(icon-text.png);
}
.doc{
    background-image:url(icon-word.png);
}
.ppt{
    background-image:url(icon-pp.png);
}
.xls{
    background-image:url(icon-excel.png);
}
.mov{
    background-image:url(icon-mov.gif);
}
.swf{
    background-image:url(icon-swf.gif);
}
.audio{
    background-image:url(icon-audio.gif);
}
.info{
    background-image:url(icon-info.gif);
}
.help{
    background-image:url(icon-help.gif);
}
.email{
    background-image:url(icon-email.gif);
}
    #branding .host{position:absolute;display:block;background:transparent;}
    #branding #dotasia{width:107px;height:35px;top:259px;left:57px;}
    #branding #isoc{width:82px;height:39px;top:259px;left:182px;}
    #branding #hkix{width:60px;height:30px;top:264px;left:340px;}
    #branding #hkispa{width:63px;height:28px;top:264px;left:407px;}
    #branding #jucc{width:28px;height:27px;top:264px;left:477px;}


    div#button{position:absolute;top:0;right:0;z-index:100000;}
    div#button a{outline:none;border:0;text-decoration:none;}
    div#button a:hover{background:transparent;outline:none;border:0;text-decoration:none;}
    div#button a img{border:0;margin:0;padding:0;}
    div#page{background-image:url(apricot-apan-banner-new.png) !important;}

    div#utilities{text-align:center;}
    div#utilities ul{float:none !important;}

    div#page{background-position:5px 40px !important;}
    div#branding{margin-top:45px;}
    div#sponsors{top:310px !important;}
    div#utilities ul{float:right;}
    div#utilities{width:auto;font-size:1.3em;}
    #hklogo{border:0;position:absolute;top:50px;left:10px;}
#sponsors{
margin-top:15px;
position:relative;
width:auto;
}
div#sponsors{top:0 !important;}
div#follow-us h2{text-decoration:none;border-bottom:0;}
div#follow-us img{border:0;}
div#follow-us{margin-top:7px;}