﻿/* ---------- Global layout setting ----------*/
body {
background-color: #f0f0f0;
color:#000000;
padding:0px;
margin:0px;
font: 16px "Varela Round", sans-serif;
}

a {
color:#ff687e;
}

li {
    padding: 5px;
}

button:hover {
  background: #28ad63;
}

* {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
*:before, *:after {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

#highlight {
    text-decoration: underline;
    font-weight: bold;
}

p {
    margin: 5px;
    line-height: 150%;
}

/* ----- Logo -----*/
img#banner {
    margin: 5px 0px 5px 0px;
}

/* ----- div class container ----- */
.container {
  position: relative; /* relative is needed for IE7 IE8, otherwise browser cannot display normally. */
  background-color: #ffffff;
  display:block;
  width:1200px;
  left: 0%;
  padding: 10px; 
  margin-top: 10px;
  margin-left: 0px;
}

.container .navigation {
    display:table-cell;
    border-right:1px solid #999;
	padding:10px 0px;
	width:220px;
    background-color: #ffffff;
}

.container .content{
    display:table-cell;
    padding: 10px 10px 10px 10px;
    width: 760px;
}

/* ----- navigation bar ----- */
ul#navigation {
    list-style-type: none;
}

#navigation #item { 
	height:60px;
	padding-left: 8px;
    padding-right: 8px;
}

#navigation a {
    display: block;
    color: #000000;
    text-decoration: none;
    vertical-align: middle;
    width: 100%; height: 100%;
}

#navigation #item:hover, #navigation #item:hover a, #navigation .selected, #navigation .selected a {
    display: block;
    background-color: #003366;
    color: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
}


/* ----- p id conferenceTitle & conferenceInfo under div class content -----*/
p#conferenceTitle {
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    line-height: 120%;
}

p#conferenceInfo {
    display: block;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    line-height: 200%;
}

/* ----- p id pageTitle ----- */
p#pageTitle {
    color: #0470DB;
    text-align: center;
    font-size: 18px;
    text-decoration: underline;
    font-weight: bold;
}

/* ----- p id conferenceDate -----*/
p#conferenceDate{
    text-decoration: underline;
    font-weight: bold;
    font-size: 16px;
}
/* ----- table id comfirmSpeaker & scheudle-----*/
table#comfirmSpeaker, table#schedule {
    margin-left: 80px;
    width: 800px;
    border-collapse:collapse;
} 

table#comfirmSpeaker th{
    background: #003366;
    color: #ffffff;
    border: 1px solid #003366;
} 

table#comfirmSpeaker td{
    background: #f0f0f0;
    padding: 5px;
    border: 1px solid #f0f0f0;
}

table#comfirmSpeaker td#speaker{
    width: 250px;
}

/* ----- table id scheudle-----*/
table#schedule {
    margin-left: 30px;
    width: 900px;
    border-collapse:collapse;
} 

table#schedule th#chair{
    background: #CCD6E0;
    color: #000000;
    border: 1px solid #CCD6E0;
} 

table#schedule th#title{
    background: #003366;
    color: #ffffff;
    border: 1px solid #003366;
} 

table#schedule td{
    background: #f0f0f0;
    padding: 5px;
    border-bottom: 1px solid #ffffff;
} 

table#schedule td#time{
    width: 130px;
} 

table#schedule td#speaker{
    width: 250px;
} 
/* ----- Page noticebox ----- */
#noticeBox {
    width: 800px;
    left: 50%;
    margin-left: 80px;
    text-align: left;
}

#noticeBox h2{
  background: #003366;
  color: #fff;
  font-size: 18px;
  padding: 10px 26px 10px 10px;
  margin: 0px;
}


#noticeBox fieldset {
  background: #ededed;
  padding: 20px 26px;
  margin: 0px;
  border: 0px;
}

#noticeBox fieldset p {
  margin-top: 0px;
  margin-bottom: 0px;
  
}

/* ----- Copyright section -----*/
hr.copyright {
    border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(0,51,102,0), rgba(0,51,102,0.75), rgba(0,51,102,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,51,102,0), rgba(0,51,102,0.75), rgba(0,51,102,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,51,102,0), rgba(0,51,102,0.75), rgba(0,51,102,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,51,102,0), rgba(0,51,102,0.75), rgba(0,51,102,0)); 
}

#copyright h2 {
text-align: left;
color: #000;
font-size: 12px;
font-weight: normal;
padding-left: 30px;
}
