/*
 * ATTENTION! IF YOU WISH TO OVERRIDE THIS STYLESHEET PLEASE ADD THE BELOW AS THE FIRST LINE IN THE OVERRIDEN STYLESHEET:
 * @import url(/style/shared/schedule.css);
 */

html, body, form {
	height: 100%; 
}

body {
	margin:0;
	padding:0;
	border:0; 	/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:900px;/* Minimum width of layout - doesn't work in old versions of IE */
}

td, tr, th {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 0.8em; 
}

.note { color: #336598; }

.error {
    color: #005879;
}

div.error {
	color: black;
	background-color: #FFCCCC;
	border: 3px solid red;
	padding: .5em;
	margin: 0px;
}

.banner {
	width: auto;
	background-repeat: no-repeat;
}

.pagetoptitle {
	font-size: 1.5em;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	text-align: center;
}

.pageheader table {
	font-family: inherit;
}

.pageheader {
	position: fixed;
	top: 0;
	z-index: 1; /* show this always on top of everything else */
	padding: 0px;
	width: 100%;
	height: 32px !important;
	border-bottom: 7px solid #000000;
	margin-top: 0px !important;
	font-size: 0.9em;
}

.pageheader table td {
	font-size: 0.9em; 
}

body div.pageheader ul {
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding:10px 0px 0px 0px;
	#padding:0px;
	list-style-type:none;
	clear:both;
	white-space: nowrap;
}

body div.pageheader ul li {
	display:inline;	
	margin:-1.5px;
	#margin:0px;
	padding:8px 6px;
	#padding:6px 0px 6px 0px;
	#height: 22px;		/* IE fix */
	white-space:nowrap;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
} 

body div.pageheader ul li:hover {
	background-color: #5C8DB7;
	#position: relative;    /* IE fix */
}

body div.pageheader ul li a {
	padding:8px 6px;
	margin:0px;
	font-size: 0.8em;
	#font-size: 1em;
}

body div.pageheader ul li a:hover {
	padding:8px 6px;
	background-color: #5C8DB7;
	color: #FFFFFF;
}

* html .pageheader ul {
	width: 100%;
} 

/* page content */

.contentwrapper {
	position:relative; 	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;		/* width of whole page */
	#height: 100%;
}

.contentwrapper-inner {
	float:left;
	position: relative;
	right:0;
	width: 100%;
	#height: 100%;
}

/* column settings */
.colmiddle,
.colleft {
	float:left;
	position:relative;
}

.contentwrapper .colleft {
	right:50%;			/* width of the middle column */
}

.contentwrapper .enablevirtual {
	float: left;
	position: absolute;
	right: 20%;
	width: auto !important;
	left: 0;
	height: auto;
}

/* end of settings */

.printbutton {
	text-align: right;
	font-size: 2em;
	vertical-align: middle;
}

.leftpane {
	margin-top: 0px;
	padding-top: 0px;
	float: left;
	width: 40%;
}

.rightpane {
	margin-top: 0px;
	margin-left: 4%;
	padding-top: 0px;
	float: right;
	width: 40%;
}

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.pagelogin {
	margin: 0 auto !imporant;
	float: center !important;
	text-align: justify;
	padding: 10px 5px;
	#padding: 10px;
}

.pagelogin .leftpane {
	text-align: center;
	padding: 5px;
	background-color: #EBEBEB;
	width: 225px;
}

.pagelogin .rightpane {
	float: none;
	margin-left: 250px;
	width: auto;
}

.pagelogin div.error ul li {
	margin-left: -50px;
}

.pageresetpassword .rightpane {
	float: left;
	margin-left: auto;
}

.pageregister {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 5px;
	#padding: 10px;
}

.pageregister .leftpane {
	text-align: left;
	margin-top: 10px;
}

.pageregister .leftpane .note {
	font-size: 1.2em;
	font-weight: bold;
}

.pageregister .rightpane {
	margin-top: 10px;
	padding: 30px;
	background-color: #EBEBEB;
}

#pageform {
	position: relative; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	z-index: 2;
}

#pageformintroduction {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	z-index: 2;
}

.pagenavigation {
	text-align: left;
}

.pagenavigation table {
	margin: 0px;
	padding: 0px;
	height: 30px;
}

.pagenavigation td {
	height: 30px;
	margin: 0px;
	padding: 0 12px;
	white-space:nowrap;
}

ul.pagenavigation li.user, ul.pagenavigation li.user:hover {
	font-weight: bold;
	font-size:0.9em;
	padding: 10px 30px 8px 5px;
	#padding: 6px 30px 6px 5px;
	margin: 0px;
	background-color: black;
	color: white;
}

.pagenavigation li.user:hover {
	background-color: black;
}

.pagenavigation .userimage {
	margin: 0px;
	padding: 0px;
	background-image: url(/static/img/hicolor/16x16/apps/im-msn.png);
}

.pagenavigation .active {
	background-color: #FFFFFF;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	#padding:6px 0px 6px 0px;
}

.pagenavigation li.active:hover, .pagenavigation li.active:hover a, .pagenavigation li.active a:hover {
	background-color: #FFFFFF;
	border-bottom: none;
	color: #000000;
}

.page {
	margin-top: 2.9em;  	/* controls spacing at the top for FF and other browsers */
	#margin-top: 0; 	/* controls spacing at the top for IE7 */
	#padding-top: 32px; 	/* controls spacing at the top for IE7 */
	text-align: center;
	float:none;
	position:relative;
	overflow:hidden;	
	min-height: 100%; 
	z-index: 0;
}

.pageattend, .pageattendataglance, .pagereading, .pagehelp {
	float: none !important;
}

.content .page tr {
	background-color: #FFFFFF;
}

.content .page td {
	padding: 3px;
	vertical-align: top;
}

.content, #searchdisplay table {
	width: 660px;
	#width: 100%;
}

.pagebrowse .content, .pagelogin .content {
	width: auto;
}

table.summary {
	width: 100%;
}

.summary th {
	background-color: #000000;
	color: #FFFFFF;
	font-weight: normal;
	padding: 3px;
}

.summary td { 
	padding: 3px;
}

.summary td.time { 
	width: 15%;
	white-space:nowrap;
}
.summary td.listitem_location, .summary td.listitem_status, .summary td.listitem_number, .summary td.listitem_notes, .summary td.listitem_delete {
	text-align:center;
}
.summary td.listitem_datetime {
	width: 115px;
}

table.printataglance table {
	padding: 0;
}

table.printataglance td {
	border: 0.5px solid;
}

.subtitle {
	padding: 0px;
}

ul {
	margin-left: 1.3em;
}

h4 {
	font-size: 13px;
}

.itemschedule { 
	float:left;
	margin-right:0.5em;
	margin-left: 1em;
	text-align:left;
	cursor: pointer;
	width: 59px;
	height: 15px;
}

.itemschedule img { 
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}

.itemschedule img.disable {
	cursor: auto;
}

.attend { 
	background-image: url(/static/images/A.gif); 
	background-repeat: no-repeat; 
	cursor: pointer;
	width: 59px;
	height: 15px;
}

.reading { 
	background-image: url(/static/images/R.gif); 
	background-repeat: no-repeat; 
	cursor: pointer;
	width: 59px;
	height: 15px;
}

.skip { 
	background-image: url(/static/images/X.gif); 
	background-repeat: no-repeat; 
	cursor: pointer;
	width: 59px;
	height: 15px;
}

.show {
	background-image: url(/static/img/hicolor/16x16/stock/navigation/stock_navigate-down.png);
	cursor: pointer;
}

.hide {
	background-image: url(/static/img/hicolor/16x16/stock/navigation/stock_navigate-up.png);
	cursor: pointer;
}

.bottomlink {
	padding: 0;
	margin: 0;
	display: inline;
	clear: both;
}

.bottomlink .content {
	text-align:center;
}

.popup {
	text-align:left;
	padding: 10px;
	width: 440px;
}

img {
	border: 0px;
}

.conflict {
	background-color: #FFC0CB;
}

.withdrawn {
	color: #777777;
	background-color: #D8BFD8;
}

.datetime {
	margin: 0;
}

.time {
	white-space: nowrap;
}

.print .session .sessiontitle, .printcompact .session .sessiontitle {
	font-weight: bold;
}

.print .session .sessionnotes .item {
	margin-top: 12px;
}

.print .paper .sessiontitle, .printcompact .paper .sessiontitle {
        font-weight: bold;
}

.printcompact .paper .papertitle {
        font-weight: normal;
        margin-left: 0;
}

.print .paper .papertitle, .printcompact .paper .sessionpapertitle {
        font-weight: normal;
        margin-left: 5em;
}

.printcompact .paper .paperpeople {
	margin-top: 0.5em;
        margin-left: 0;
        font-style:italic;
}

.print .paper .paperpeople, .printcompact .paper .sessionpaperpeople {
	margin-top: 0.5em;
        margin-left: 5em;
        font-style:italic;
}

.print .paper .papernotes {
        margin-left: 5em;
}

#searchdisplay .itemschedule {
	float: none;
	display: inline-block;
}

#searchdisplay .resulttitle {
	font-weight: bold;
	display: inline;
}

#searchdisplay .resultcontent {
	display: block;
}

#virtualattendeedisplay {
	float: right;
	width: 18%;
	position: relative;
	right: 0;
	margin-top: 27px;
	#margin-top: 0px;
	padding: 20px 10px;
	display: none;
	border: 2px solid #FFFFFF;
	font-size: 0.75em;
	text-align: left;
	background:#EEEEEE;
	height: auto;
}

#virtualattendeedisplay .presenterphoto {
	float: right;
}

#virtualattendeedisplay .presenterinfo {
	vertical-align: middle;
	margin-top: 10px;
	display: block;
	height: auto;
	overflow: hidden;
}

#virtualattendeedisplay .offline #conferencelink, #virtualattendeedisplay .away #conferencelink, #virtualattendeedisplay .notavailable #conferencelink,
#virtualattendeedisplay .donotdisturb #conferencelink, #virtualattendeedisplay .initiating #conferencelink, #virtualattendeedisplay .error #conferencelink {
	display: none;
}

#virtualattendeedisplay .online #statuscheck {
	display: none;
}

#virtualattendeedisplay .buttons {
	text-align: right;
}

#virtualattendeedisplay .buttons input {
	font-size: 1em;
}

#virtualattendeedisplay textarea {
	font-size: 1.3em;
	width: 100%;
}

#virtualattendeedisplay ul {
	margin-left: -25px;
	#margin-left: 15px;
}

#virtualattendeedisplay .notes {
	font-size: 6.3pt;
	color: #000000;
}

#virtualattendeedisplay .commentsdisplay {
	margin-top: 10px;
	background-color: #FFC0CB;
}

#virtualattendeedisplay .comment {
	border-top: 1px solid #000000;
	padding: 5px;
}

#virtualattendeedisplay #conferencelink {
	padding-top: 5px;
	padding-bottom: 5px;
}

#virtualattendeedisplay select {
	width: 100%;
}

#virtualattendeedisplay .rating {
	margin-top: 5px;
	margin-bottom: 5px;
}

#virtualattendeedisplay .rating #criteria{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background:#FFFFFF;
}

#virtualattendee_commentsconfirmation {
	align: center; 
	width:180px;
	color: red;
}

.mediafile .link {
	font-weight: bold;
	color: #0066B3;
	display: inline;
}

#mediafiledisplay {
	display: none;
}

#chooselanguages {
	margin: 5px 10px 0px 10px;
	padding: 0px 10px 0px 10px;
}
#windowWrap {
	border: 1px solid #d1d1d1;
	background-color: #f1f1f1;
	padding: 10px;
	padding-top: 0px;
}
#mainwindow, #presenterwindow {
	margin-top: 5px;
	overflow: hidden;
}

.chatContainer {
	height: 150px;
	overflow-y: scroll;
	border: 1px solid #e1e1e1;
	background-color: #f9f9f9;
	padding: 3px;
}

#mainwindow .chatContainer {
	font-size: 14px;
}

#messageBox {
	margin-top: 2px;
	margin-bottom: 10px;
	padding: 3px;
	height: 70px;
	width: 100%;
}

.defaultMessage {
	color: #6f6f6f;
}

.received {
	background-color: #f3f3f3;
}

.username {
	font-weight: bold;
}

#windowWrap h4, #windowWrap h5 {
	margin: 5px auto;
	display: block;
}

#startConference {
	display: block;
	margin: 5px auto;
}

#commPanelWrapper {
	float: left;
	width: 25%;
	margin-left: 3%;
}

a.tooltip span {
	display: none;
	text-decoration: none !important;
}

a.tooltip:link {
	text-decoration: none !important;
}

a.tooltip:hover {
	overflow: hidden;
	text-decoration: none !important;
}

a.tooltip:hover span {
	display: inline;
	border: 1px solid black;
	position: absolute;
	color: #000000;
	background-color: #DFDFDF;
	padding: 2px;
	margin-left: 1px;
	margin-top: 5px;
	overflow: hidden;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.9;
}

.graybox {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    width: 85%;
}

.grayboxinstructions {
    background-color: #EBEBEB;
    color: #000000;
    font-weight: normal;
    margin: 5px -5px -5px;
    padding: 3px;
}

.grayboxheader {
	background-color: #016AAE;
	color: #FFFFFF;
	margin: -5px;
	padding: 5px;
	border:1px solid #CCCCCC;
}

#introduction-page {
	background-color: #777777; 
	position: fixed;
	/*#position: absolute;*/
	left: 0; 
	top: 0;
	bottom: 0
	right: 0;
	width: 100%; 
	height: 100%;
	z-index: 4;
	-moz-opacity:0.9; 
	zoom: 1;
	filter: alpha(opacity=90);
        opacity: 0.9;
}

#introduction {
	border:2px solid black; 
	font-family:sans-serif; 
	font-size:11pt; 
	text-align:left; 
	margin: 5% 20% auto 20%;
	#margin: 0;
	position: absolute;
	background-color: #FFFFFF; 
	z-index: 5;
	top: 10%;
	#left: 15%; 
	#right: 15%;
	padding: 2em 1em;
	
}

#introduction .content {
	width: auto;
}

#introduction .footer {
	text-align: center;
}

#introduction .footer a {
	font-weight: bold;
}
