/*************************************************
CSS file for wcc secondary pages
(all main content except for homepage)
*************************************************/

/* for debugging
table {border:1px solid blue;} 
div {border:1px solid green;}
*/

#center-content{
	background-color: #01344f; /* white */
	margin-top:10px;
	margin-left:110px;
	margin-bottom: 10px;
	height: 445px;
	width: 713px;
}
.content-wrapper {
	position: relative;
	width:635px; /* default page width. some are wider */
	left:40px;
	top:20px;
}
* html content-wrapper {width:591px;}

/* text of main content */
.content-wrapper .content-title{
	position: relative;
	width: 618px;
	height: 32px;
	font: bold 14pt "Times New Roman",serif;
	color: #FFFFFF;
	padding-left: 15px;
	padding-top: 7px;
	border: 1px solid #e7eff1;
}

.content-wrapper .content-area{
	background-color: #e7eff1;
	position: relative;
    color: #000000;
	padding: 5px 20px 15px 20px;
}

.content-wrapper .bottom{
	background-image: url(img_subpage_box_footer.gif);
	position: relative;
	width: 635px;
	height: 11px;
}

.content-area .content-subtitle {
	font-size:16px;
	font-weight:bold;
	color:#000000;
	margin-top:5px;
}

.content-area p,
.content-area .price,
.content-area .question,
.content-area .answer,
.content-area .credits,
.info .transpo li,
.schedule ul {
	font-size:11px;
	margin-top:5px;
}

.content-area .scroll {
	height: 340px; 
	overflow: auto; 
	padding: 5px; 
	/*scrollbar-base-color: #ffeebb;*/
}

.content-area a {
	color:#000000;
}

/* specific styles for plenary (speakers) */
.plenary .first img {
	float:left;
	border: 1px solid black;
	margin:5px 20px 10px 0px;
}

.plenary .first h3,
.plenary .second h3 {
	margin-top:10px;
}

.plenary  .first p,
.plenary .second p {
	margin-top:5px;
}

.plenary .second img {
	float:right;
	margin:0px 20px 0 20px;
}

/* specific styles for workshops */

* html .workshops {width:801px;}
.workshops .content-area {
	padding:5px 15px 5px 15px;
}
.workshops table {
	margin:0;
	padding:0;
	width:100%;
	border:0;
}
.workshops table td {vertical-align:top;}
.workshops .left-col {padding-right:14px;}
/*.workshops .right-col {padding-left:13px;}*/

.workshops .content-subtitle {
	margin-top:18px;
}

.workshops .speaker {
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	margin-top:3px;
}
.workshops li {
	font-size:11px;
}

.workshops p, .workshops img {
	margin-top:14px;
}

.workshops img {
	float:left;
	border:1px solid #641b18;
	margin: 20px 10px 0px 0px;
}

/* styles for registration page
	note: different behavior for subtitles and paragraphs
 */

* html .register {width:715px;}
.register .content-area {
	padding:15px 30px 0px 30px;
}
.register .rooms,
.register .cancel,
.register .plan,
.register div.indented-text {
	font-size:11px;
}
.register .content-subtitle {
	margin-bottom:10px;
}
.register p {margin-top:0;}
.register .indented-text {
	margin-left:30px;
}

.register .message,
.register .message a  {
	text-align:center;
	font-weight:bold;
	margin:5px 0px 32px 0px;
	font-size:14px;
	color: red; /* red */
}


.register .price {
	font-weight:bold;
	float:left;
	width:305px;
	margin:3px 0px 12px 30px;
}
* html .register .price {margin-left:15px;}
.register .notes {
	font-size:12px;
	margin-left:30px;
}
.register .reg-button {
	margin-top: 8px;
	margin-left: 450px;
	font: bold 16px "Times New Roman",serif;
	color:red;
	text-decoration:none;
	text-align:center;
	/*background:#e7eff1; light blue*/
	border:1px solid #fff;/*#424343;*/
	display:block;
	padding:2px;
	width:156px;
	z-index: 1;
	position:absolute;

}
.register ul,
.schedule ul {
	list-style-type:square;
	margin:0 0 0 60px;
	padding:0;
}
.register ol {
	margin:0 0 0 60px;
	padding-left:0px;
}


/* styles for information page */
.info .transpo { list-style-type:circle; }


/* styles for faqs */
.faq .content-area p {margin-top:0;}
.faq .content-area .question {font-style:italic; font-weight:bold; margin-top:5px;}
.faq .content-area .answer {margin-top:5px;}


/* styles for conf schedule */

.schedule p {padding-left:5px; padding-bottom:10px;}


.schedule table {
	color:#000;
	border-collapse: collapse;
	border: 2px solid black;
}

.schedule td {
	padding: 1px 1px 1px 1px;
	border: 1px solid black;
	color:black;
	font-size:10pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, sans-serif;
	text-align:center;
	vertical-align:middle;
	white-space:normal;}
	
.schedule th {
	border: 1px solid black;
	border-bottom: 2px solid black;
	font-size:10pt;
}
.schedule tr {
	height: 20px;
	border: 1px solid black;
}

.schedule  .gray {
	background:#CCCCCC;
}