/*
* -*- mode: text; coding: utf-8; -*-

   $Id: makac.css,v 1.60.2.8.2.2 2008/03/06 10:57:26 jose Exp $

   This file is part of CDS Indico.
   Copyright (C) 2002, 2003, 2004, 2005, 2006, 2007 CERN.

   CDS Indico is free software; you can redistribute it and/or
   modify it under the terms of the GNU General Public License as
   published by the Free Software Foundation; either version 2 of the
   License, or (at your option) any later version.

   CDS Indico is distributed in the hope that it will be useful, but
   WITHOUT ANY WARRANTY; without even the implied warranty of
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
   General Public License for more details.

   You should have received a copy of the GNU General Public License
   along with CDS Indico; if not, write to the Free Software Foundation, Inc.,
   59 Temple Place, Suite 330, Boston, MA 02111-1307, USA.
*/

.pageheader{
    color: gray 
}

.pagefooter {
   color: #999;
   background: #fff;
   font-size: x-small;
   margin-top: 20px;
   padding-bottom: 5px;
}
.footerbox {
   color: #999;
   background: #fff;
   font-size: small;
   margin-left: 0px;
   padding-left: 5px;
   padding-right: 5px;
   border-top: 1px solid #999;
}

.pagebody {
    color: #000;
    background: transparent;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
}

a.note:link {
   color: #999;
   background: transparent;
}
a.note:visited {
   color: #999;
   background: transparent;
}
a.note:active {
   color: #999;
   background: transparent;
}
a.note:hover {
   color: #999;
   background: transparent;
}

a.topbar:link {
   color: gray;
   background: transparent;
}
a.topbar:visited {
   color: gray;
   background: transparent;
}
a.topbar:active {
   color: gray;
   background: transparent;
}
a.topbar:hover {
   color: gray;
   background: transparent;
}

/* For the multi-tab control */
.tabSelected {border-top: gray solid;
                border-left: gray solid;
                border-right: gray solid}
.tab { border: gray solid;
        background-color: gray }
.tabSpace { border-bottom: gray solid }
.tabBody { border-left: gray solid;
            border-right: gray solid;
            border-bottom: gray solid }
.tabLink { color: white }


/*For the big-conferences interface pages*/
.confSupportEmailBox { color: #0200C6;
                        text-align: center;
                        font-size: 12 }

a.confSupportEmail:link { color: #0200C6 }
a.confSupportEmail:visited { color: #0200C6 }
a.confSupportEmail:hover { color: #E25300 }
a.confSupportEmail:active { color: #0200C6 }


/* News styles*/
.title {
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   font-size: 16px;
   color: #234173;
   border-bottom: 1px solid #777777;
}

body {
   background: #fff;
   padding: 0px;
   margin: 0px;
   font-family: verdana, arial, sans-serif;
}

p,br,dl,em,h1,h2,h3,h4,h5,h6,td,blockquote,ol,a {
   font-family: verdana, arial, sans-serif;
   font-size: 12px;
   color: #777777;
}

ul {
   font-family: verdana, arial, sans-serif;
   font-size: 12px;
}

code {
   font-family: monospace;
}

pre {
   font-family: verdana, arial, sans-serif;
   white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;      /* Opera 4-6 */
   white-space: -o-pre-wrap;    /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
   margin: 0px;
   margin-left: 10px;
}

.tablepre {
   table-layout:fixed;
}

a:link {
   color: #0000FF;
   background: transparent;
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   text-decoration: none;
}
a:visited {
   color: #0000FF;
   background: transparent;
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   text-decoration: none;
}
a:active {
   color: #E25300;
   background: transparent;
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
}
a:hover {
   color: #E25300;
   background: transparent;
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
}
a.img:hover {
   color: #00c;
   background: transparent;
}
a.img:active {
   color: #00c;
   background: transparent;
   font-weight: normal;
}

.path {
   font-family: verdana, arial, sans-serif;
   font-weight: normal;
   font-size: 12px;
   color: #234173;
}

.listtitle {
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   font-size: 12px;
   color: #234173;
   background: #D9D9D9;
   padding: 3px;
}

.listcell {
   font-family: verdana, arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #000000;
   color: #777777;
   background: #FFFFFF;
   padding-left: 2px;
   padding-right: 2px;
   border-bottom: 1px solid #777777;
}

.separator {
   font-family: verdana, arial, sans-serif;
   color: #0000FF;
   font-weight: bold;
}

.subtitle {
   font-family: verdana, arial, sans-serif;
   font-weight: normal;
   font-size: 12px;
   color: #777777;
   border-bottom: 1px solid #777777;
   border-top: 1px solid #777777;
   padding: 3px;
}

.categorytitle {
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   font-size: 18px;
   color: #5294CC;
   padding: 3px;
}

.menutitle {
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   font-size: 12px;
   color: #FFFFFF;
   background: #777777;
   letter-spacing: 6px;
   padding: 3px;
}

.menuselectedcell {
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   font-size: 12px;
   color: #E25300;
   background: #FFFFFF;
   border-bottom: 2px solid #234173;
   border-top: 2px solid #234173;
}

.menumiddlecell {
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   font-size: 12px;
   color: #000000;
   background: #D9D9D9;
   border-bottom: 2px solid #FFFFFF;
}

.menutopcell {
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   font-size: 12px;
   color: #000000;
   background: #D9D9D9;
   border-top: 2px solid #234173;
   border-bottom: 2px solid #FFFFFF;
}

.menubottomcell {
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   font-size: 12px;
   color: #000000;
   background: #D9D9D9;
   border-bottom: 2px solid #234173;
}

.menuadd {
   background: #5294CC;
   color: #FFFFFF;
   font-weight: bold;
}

a.menuaddlink:link {
   background: transparent;
   color: #FFFFFF;
   font-weight: bold;
}
a.menuaddlink:visited {
   background: transparent;
   color: #FFFFFF;
   font-weight: bold;
}
a.menuaddlink:active {
   background: transparent;
   font-weight: bold;
   color: #E25300;
}
a.menuaddlink:hover {
   background: transparent;
   font-weight: bold;
   color: #E25300;
}

.outervtab {
   font-family: verdana, arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #777777;
   background: #FFFFFF;
   padding: 0px;
   border-right: 2px solid #777777;
}

.vtabmenu {
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   font-size: 12px;
   color: #FFFFFF;
   background: #777777;
}

.lastvtabtitle {
   font-family: verdana, arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #E25300;
   background: #E5E5E5;
   padding: 0px;
   padding-left: 3px;
   border-top: 2px solid #777777;
}

.lastvtab {
   font-family: verdana, arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #777777;
   background: #E5E5E5;
   padding-left: 5px;
   padding-top: 5px;
   padding-right: 0px;
   border-left: 2px solid #777777;
}

.vtab {
   font-family: verdana, arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #777777;
   background: #FFFFFF;
   padding-left: 5px;
   padding-top: 5px;
   padding-right: 0px;
   border-left: 2px solid #777777;
}

.vtabtitle_old {
   font-family: verdana, arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #FFFFFF;
   background: #0B63A2;
   padding: 0px;
   padding-left: 3px;
}

.vtabtitle {
   font-family: verdana, arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   background: #E5E5E5;
   padding: 0px;
   padding-left: 3px;
   border-top: 2px solid #777777;
}

.gestiontable {
   margin-left: 10px;
   padding: 0px;
}

.intermediatevtab {
   font-family: verdana, arial, sans-serif;
   color: #777777;
   background: #E5E5E5;
   border-left: 2px solid #777777;
}

.intermediateleftvtab {
   font-family: verdana, arial, sans-serif;
   color: #777777;
   background: #E5E5E5;
   border-top: 2px solid #777777;
}
.frameBodyMngArea {
   font-family: verdana, arial, sans-serif;
   color: #777777;
   background: #E5E5E5;
   border-bottom: 2px solid #777777;
   border-right: 2px solid #777777;
   border-left: 2px solid #777777;
}

.bottomvtab {
   font-family: verdana, arial, sans-serif;
   color: #777777;
   background: #E5E5E5;
   padding: 7px;
   padding-top: 0px;
   border-left: 2px solid #777777;
   border-right: 2px solid #777777;
   border-bottom: 2px solid #777777;
}

.htab {
   border-left: 2px solid #777777;
}

.selectedhtab {
   font-family: verdana, arial, sans-serif;
   color: #E25300;
   font-weight: bold;
   background: #F2F2F2;
   padding: 1px;
   padding-left:3px;
   padding-right:3px;
   border-right: 2px solid #777777;
   border-top: 2px solid #777777;
}


.selectedhsubtab {
   font-family: verdana, arial, sans-serif;
   color: #E25300;
   font-weight: bold;
   background: #FFFFFF;
   padding: 1px;
   padding-left:3px;
   padding-right:3px;
   border-right: 2px solid #777777;
   border-top: 2px solid #777777;
   
}

.unselectedhtab {
   font-family: verdana, arial, sans-serif;
   background: #E5E5E5;
   font-weight: bold;
   padding: 1px;
   padding-left:3px;
   padding-right:3px;
   border-right: 2px solid #777777;
   border-bottom: 2px solid #777777;
}

.unselectedhsubtab {
   font-family: verdana, arial, sans-serif;
   background: #F2F2F2;
   font-weight: bold;
   padding: 3px;
   padding-left:3px;
   padding-right:3px;
   border-right: 2px solid #777777;
   border-bottom: 2px solid #777777;
}

.neutralhtab {
   font-family: verdana, arial, sans-serif;
   background: #E5E5E5;
   font-weight: bold;
   padding: 1px;
   border-bottom: 2px solid #777777;
}

.neutralhsubtab {
   font-family: verdana, arial, sans-serif;
   background: #F2F2F2;
   font-weight: bold;
   padding: 1px;
   border-bottom: 2px solid #777777;
   border-right: 2px solid #777777;
}

.tabbarseparator {
   background: #F2F2F2;
   border-right: 2px solid #777777;
   font-size: 3pt;
}

.display_selectedhtab {
   font-family: verdana, arial, sans-serif;
   color: #E25300;
   font-weight: bold;
   background: #FFFFFF;
   padding: 1px;
   padding-left:3px;
   padding-right:3px;
   border-right: 2px solid #777777;
   border-top: 2px solid #777777;
   
}

.display_unselectedhtab {
   font-family: verdana, arial, sans-serif;
   background: transparent;
   font-weight: bold;
   padding: 1px;
   padding-left:3px;
   padding-right:3px;
   border-right: 2px solid #777777;
   border-bottom: 2px solid #777777;
}

.display_neutralhtab {
   font-family: verdana, arial, sans-serif;
   background: transparent;
   font-weight: bold;
   padding: 1px;
   border-bottom: 2px solid #777777;
}

.maincell {
   font-family: verdana, arial, sans-serif;
   background: #FFFFFF;
   padding-top: 10px;
   padding-bottom: 5px;
   padding-right: 5px;
   border-bottom: 2px solid #777777;
   border-right: 2px solid #777777;
}

.header {
   font-family: verdana, arial, sans-serif;
   background-image: url(./images/bg_header.png);
   border-bottom: 2px solid #234173;
}

.mngheader {
   font-family: verdana, arial, sans-serif;
   background-image: url(./images/bg_mng_header.png);
   border-bottom: 2px solid #E25300;
}

.managerheadertitle {
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   font-size: 12px;
   letter-spacing: 4px;
   color: #FFFFFF;
   text-align: center;
   vertical-align: middle;
   background: #E25300;
   padding-top:4px;
   padding-bottom:4px;
   padding-left:8px;
   padding-right:8px;
}

.adminheadertitle {
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   font-size: 12px;
   letter-spacing: 4px;
   color: #FFFFFF;
   text-align: center;
   vertical-align: middle;
   background: #234173;
   padding-top:6px;
   padding-bottom:4px;
   padding-left:8px;
   padding-right:8px;
}

.blacktext {
   font-family: verdana, arial, sans-serif;
   color: #000000;
}

.bluetext {
   color: #234173;
}

.whitelink {
   color: #FFFFFF;
   background: transparent;
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   text-decoration: none;
}

.conferencetitlelink {
   font-size: 25;
   background: transparent;
}

.greylink {
   color: #777777;
   background: transparent;
   font-family: verdana, arial, sans-serif;
   text-decoration: none;
}

.imglink {
   border:0;
}

.bluerowheader {
   background: #204080;
   height: 4px;
}

.protected{
   font-weight: normal;
   color: grey;
   size: -1;
}

.parenthesisborder{
   border-right: 2px solid #777777;
   border-top: 2px solid #777777;
   border-bottom: 2px solid #777777;
}

.topborder{
   border-top: 1px solid #777777;
}

.bottomborder{
   border-bottom: 1px solid #777777;
   padding: 0px;
   height: 2px;
}

.leftborder{
   border-left: 1px solid #777777;
}

.rightborder{
   border-right: 1px solid #777777;
   padding: 0px;
   width: 1%;
   text-align: left;
}

/*All used styles*/

.confTitle { 
   font-size: 25;
   vertical-align: bottom;
   padding-left: 30px;
   padding-bottom: 10px;
   padding-top: 10px;
}

.confTitle h1 {
	margin: 0;
	display: inline;	
	
}


.confDate { 
   font-family: verdana, arial, sans-serif;
   font-size: 14;
   font-weight: bold;
   background: #777777;
   color: #FFFFFF;
   vertical-align: middle;
   text-align: left;
   padding: 2px;
   padding-left: 30px;
   padding-right: 15px;
}
.confPlace { 
   font-family: verdana, arial, sans-serif;
   font-size: 14;
   font-weight: bold;
   background: #E5E5E5;
   color: #777777;
   vertical-align: middle;
   text-align: left;
   padding: 2px;
   padding-left: 15px;
}

.conf {}

.confTitleBox { text-align: center }

.confBodyBox { background: white;
                vertical-align: top;
                padding-left: 3px;
                padding-top: 8px; 
                padding-right: 3px }

.confSectionsBox {  width: 180px;
                    vertical-align: top;
					padding-left: 1px;
					padding-right: 1px}

.confLogoBox { background: white;
               vertical-align: middle;
			   text-align: center;
			   border: 0px;}

.menuConf {
   padding-left: 10px;
}

.menuConfTitle {
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   font-size: 12px;
   color: #0200C6;
   background: #E5E5E5;
   padding: 3px;
   border-top: 1px solid #777777;
}

.menuConfTopCell {
   font-family: verdana, arial, sans-serif;
   border-bottom: 2px solid #1B3162;
   color: #0200C6;
   background: transparent;
   font-weight: bold;
   text-decoration: none;
   font-size: 11px;
}

.menuConfBottomCell {
   font-family: verdana, arial, sans-serif;
   background: #FFFFFF;
   border-top: 2px solid #1B3162;
   padding-top: 0px;
}

.menuConfMiddleCell {
   font-family: verdana, arial, sans-serif;
   font-size: 11px;
   font-weight: lighter;
   color: #0200C6;
   background: #FFFFFF;
   padding: 3px;
   padding-left: 10px;
   border-top: 1px solid #777777;
}

.menuConfselected {
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   font-size: 12px;
   color: #FFFFFF;
   background: #E25300;
   border-bottom: 1px solid #777777;
   padding: 3px;
}

a.confSection:link {
   color: #0200C6;
   background: transparent;
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   text-decoration: none;
   font-size: 12px;
}
a.confSection:visited {
   color: #0200C6;
   background: transparent;
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   text-decoration: none;
   font-size: 12px;
}
a.confSection:active {
   background: transparent;
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   text-decoration: none;
   font-size: 12px;
   color: #E25300;
}
a.confSection:hover {
   background: transparent;
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   text-decoration: none;
   font-size: 12px;
   color: #E25300;
}

a.confSubSection:link {
   color: #0200C6;
   font-family: verdana, arial, sans-serif;
   font-size: 11px;
   font-weight: lighter;
   background: transparent;
}
a.confSubSection:visited {
   color: #0200C6;
   font-family: verdana, arial, sans-serif;
   font-size: 11px;
   font-weight: lighter;
   background: transparent;
}
a.confSubSection:active {
   color: #E25300;
   font-family: verdana, arial, sans-serif;
   font-size: 11px;
   font-weight: lighter;
   background: transparent;
}
a.confSubSection:hover {
   color: #E25300;
   font-family: verdana, arial, sans-serif;
   font-size: 11px;
   font-weight: lighter;
   background: transparent;
}

.iconPDF { border-left: 1px solid #777777;
           border-top: 1px solid #777777;
		   border-bottom: 1px solid #777777;
		   }

.errorDetailsBox { color: gray;
                    font-size: 12;
                    border: 1px solid
				}


.loginInfoHeader {
   background: #FFFFFF;
   vertical-align: top;
}

.dataCaptionTD {
   vertical-align: top;
   text-align: right;
   border-top: 1px solid #5294CC;
   width: 15%;
}

.dataTitleTD {
   vertical-align: top;
   text-align: right;
   width: 15%;
}

.dataCaptionFormat {
   font-family: verdana, arial, sans-serif;
   font-size: 12;
   font-weight: bold;
   color: #5294CC
}

.horizontalLine {
   border-top: 2px solid #5294CC;
   padding-left: 20px;
}

.buttonsSeparator {
	border-top: 1px solid #777777;
}

.formTitle {
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   font-size: 18px;
   color: #5294CC;
   padding: 3px;
   border-bottom: 2px solid #777777;
   vertical-align: bottom;
}

.groupTitle {
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   font-size: 12px;
   color: #FFFFFF;
   background: #777777;
   letter-spacing: 6px;
   padding: 3px;
}

.greyGroupTitle{
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background: #777777;
	letter-spacing: 6px;
	padding: 3px;
	background: rgb(229, 229, 229) none repeat scroll 0%;
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
	color: gray;
	text-align:left;
}

.groupLink {
   font-family: verdana, arial, sans-serif;
   font-weight: normal;
   font-size: 10px;
   color: #FFFFFF;
   background: #777777;
   letter-spacing: 1px;
}

.titleCellTD {
   vertical-align: top;
   text-align: right;
   border-bottom: 1px solid #5294CC;
   width: 15%;
}

.titleUpCellTD {
   vertical-align: top;
   text-align: right;
   border-top: 1px solid #5294CC;
   width: 15%;
}

.titleCellFormat {
   font-family: verdana, arial, sans-serif;
   font-size: 12;
   font-weight: bold;
   color: #5294CC
}

.subgroupTitle {
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   font-size: 18px;
   color: #5294CC;
   padding: 3px;
   border-bottom: 2px solid #777777;
   vertical-align: bottom;
}

.abstractLeftDataCell {
	padding-right:5px; 
	border-bottom: 1px solid #888888; 
	border-left: 5px solid #FFFFFF;
	vertical-align: top;
}

.abstractDataCell {
	padding:5px; 
	border-bottom: 1px solid #888888; 
	vertical-align: top;
}

.displayTitle {
   font-family: verdana, arial, sans-serif;
   font-size: 18px;
   color: #5294CC;
   padding: 3px;
   vertical-align: bottom;
}

.formTitle {
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   font-size: 18px;
   color: #5294CC;
   padding: 3px;
   border-bottom: 2px solid #777777;
   vertical-align: bottom;
}

.buttonBar {
   background: #777777;
   padding: 1px;
}

.legend {
   border: 1px solid #5294CC;
   background:#F6F6F6;
}

.confDisplayTitle {
   font-family: verdana, arial, sans-serif;
   font-size: 24px;
   color: #5294CC;
   padding: 3px;
   vertical-align: bottom;
   border-bottom: 2px solid #777777;
   text-align: center;
}

.trackDisplayTitle {
   font-family: verdana, arial, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #5294CC;
   padding: 3px;
   vertical-align: bottom;
}

.displayField {
	color: #5294CC;
	font-size:12px;
}

.button {
   border:1px solid #204080;
   background:#5294CC;
   color:#FFFFFF;
   cursor:pointer;
   font-weight: bold;
}

/*.marquee {
   vertical-align: middle;
   text-align: center;
   border: 1px solid #5294CC;
   width:60%;
   background:#F6F6F6;
}*/

.categoryManagers {
    padding-bottom: 5px;
}

.ACtab { 
   background-image: url(./images/keys.png);
   background-repeat: no-repeat;
}

.toolsTab { 
   background-image: url(./images/tools.png);
   background-repeat: no-repeat;
}

.VCTab { 
   background-image: url(./images/videoconference.png);
   background-repeat: no-repeat;
}

.participantsTab { 
   background-image: url(./images/participants.png);
   background-repeat: no-repeat;
}

.timetableTab { 
   background-image: url(./images/pocketwatch.png);
   background-repeat: no-repeat;
}

.filesTab { 
   background-image: url(./images/folder.png);
   background-repeat: no-repeat;
}

.logsTab { 
   background-image: url(./images/penpaper.png);
   background-repeat: no-repeat;
}

.listingsTab { 
   background-image: url(./images/listings.png);
   background-repeat: no-repeat;
}

.confirmTab {
   background-image: url(./images/warning.png);
   background-repeat: no-repeat;
}

.moveTab {
   background-image: url(./images/greenarrow.png);
   background-repeat: no-repeat;
}

input, textarea, select {
   font-family: verdana, arial, sans-serif;
   font-size: 100%;
}
    
input.btn {
   color:  #234173;
   text-decoration: none;
   margin: 0px;
   margin-top: 1px;
   margin-right: 1px;
   background-color: #D9D9D9;
   border: 1px solid #fff;
   border-top-color: #eee;
   border-left-color: #eee;
   border-right-color: #669;
   border-bottom-color: #669;
}
  
input.smallbtn {
   color:  #123062;
   font-size: 80%;
   text-decoration: none;
   margin: 0px;
   margin-top: 1px;
   margin-right: 1px;
   padding: 0px;
   background-color: #D9D9D9;
   border: 1px solid #fff;
   border-top-color: #eee;
   border-left-color: #eee;
   border-right-color: #669;
   border-bottom-color: #669;
}

.nav_border {
   color: #eee;
   background-color: #ddd;
   border: 1px solid #eee;
   border-right: 1px solid #aaa;
   border-bottom: 1px solid #aaa;
   padding-left: 2px;
   padding-right: 2px;
}

a.nav_link:link {
   color: #5294cc;
   font-weight: normal;
}
a.nav_link:visited {
   color: #5294cc;
   font-weight: normal;
}
a.nav_link:active {
   color: #5294cc;
   font-weight: normal;
}
a.nav_link:hover {
   color: #5294cc;
   font-weight: normal;
}
.nav_alphabet{ height: 25px; }

.nav_alphabet span.nav_border { line-height: 15px; }

.nav_alphabet a{
   width: 10px;
   margin-top: 5px;
}



/* ===== ROOM BOOKING ================= */

.invalid {
	background-color: #FFB9B9;
}
.excluded {
    font-family: verdana, arial, sans-serif;
    color: #000000;
	background-color: #FFE0B0;
}
.tip {
    border:solid 1px #888888; 
	color:#222222; 
	background-color:#f0f0f0; 
	font-size: 11px;
}

.tip ul {
	color:#222222;
	font-size:11px;
}

.tip-no-borders {
    border: none; 
	color:#222222; 
	background-color:#f0f0f0; 
	font-size: 11px;
}

/* Room booking - calendar bar */
.barUnaval { /* Bar representing unavailable period */
	position: absolute; 
	background-color: #FFE0C5; 
	border: solid 1px #CCC; 
	height: 10px; 
}
.barCand { /* Bar representing candidate reservation */
	position: absolute; 
	background-color: #A7FFD0; 
	border: solid 1px #CCC; 
	height: 10px; 
}
.barConf { /* Bar representing conflict */
	position: absolute; 
	background-color: #D0000A; 
	border: solid 1px #CCC; 
	height: 10px; 
}

.barPreB { /* Bar representing PRE-booking */
	position: absolute; 
	background-color: #FFFEB1; 
	border: solid 1px #CCC; 
	height: 10px;
}

.rowPreB {
	background-color: #FFFEB1;
}

.barPreC { /* Bar representing conflict with PRE-booking */
	position: absolute;
	background-color: #FFB1F1;
	border: solid 1px #CCC;
	height: 10px;
}

.barPreConc { /* Bar representing concurrent PRE-bookings */
	position: absolute;
	background-color: #D1F3FF;
	border: solid 1px #CCC;
	height: 10px;
}

.daydiv {
	position: relative; height: 10px; font-size:0px; margin-top: 6px;
}

.calHour {
	position: absolute; 
	font-size: 8px; 
	height: 10px; 
	color: Black;
}

/* Form fields: field description width. */
.subFieldWidth {
	width: 84px; 
}
.subFieldWidthSmaller
{
	width: 60px; 
}

.actionSucceeded
{
	color: Green; margin-left: 6px; font-weight: bold;
}

.actionFailed
{
	color: Red; margin-left: 6px; font-weight: bold;
}

.publicRoom { color: Green; }
.moderatedRoom { color: #D37209; }
.privateRoom { color: Red; }


/********************/
/**** Evaluation ****/
/********************/
/* Edit - left menu */
table.evalEditLeftMenu {
	vertical-align:middle;
	text-align:left;
	margin-left:5px;
	border:1px solid black; 
	width:125px;
}
table.evalEditLeftMenu td {
	vertical-align:middle;
	white-space:nowrap;
	border:1px solid #cccccc;
}
table.evalEditLeftMenu a {
	color:#000000;
	background:transparent;
	font-family:verdana, arial, sans-serif;
	text-decoration:none;
}
table.evalEditLeftMenu a:hover {
	color:#E25300;
	font-weight:bold;
}

/* Setup */
table.notificationShow tr{
	vertical-align:top;
}
table.notificationShow td.small{
	font-size:8pt;
}
table.evalSetupSpecialActions td {
	font-size:8pt;
}
table.evalSetupSpecialActions form {
	margin:0;
}
table.evalSetupSpecialActions form input {
	width:130px;
}
table.evalationSetupImportXml {
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:0;
	border-left:1px solid #777777;
}
table.evalationSetupImportXml input {
	margin-bottom:0;
}
/* Setup DataModif */
table.DataModif {
	width:80%;
	border:0;
	border-left:1px solid #777777;
}
table.DataModif td.titleCellTD{
	white-space:nowrap;
}
table.DataModif td.modifRight{
	width:90%;
}
table.notificationEdit {
	width:100%;
	border-collapse: collapse
}
table.notificationEdit tr{
	vertical-align:top;
}
table.notificationEdit td.notifTitle{
	font-weight:bold;
}
table.notificationEdit td.notifLeft{
	color:black;
	width:1%;
}
table.notificationEdit td.notifMain {
	width:90%;
}
table.notificationEdit td.notifMain textarea{
	width:100%;
	height:60px;
}
table.notificationEdit td.notifRight {
	width:1000px;
	color:black;
	white-space:nowrap;
}

/* Edit one question */
table.evalEditMain {
	vertical-align:middle;
	border-collapse:collapse;
	margin-left:50px;
	border:0 solid white;
	width:575px;
}
table.evalEditMain td.titleCellTD {
	width:125px;
}
table.evalEditMain td.inputCelTD select {
	margin-left:10px;
}
table.evalEditMain td.inputCelTD input {
	margin-left:10px;
}
table.evalEditMain td.inputCelTD textarea {
    width:98%;
    height:70px;
	margin-left:10px;
}
table.evalEditMain td.inputCelTD input.textType {
	width:98%;
}
table.evalEditMain td.inputCelTD input.choiceItemText {
	width:91%;
}
table.evalEditMain td.inputCelTD input.btn {
	margin-left:10px;
}
table.evalEditMain td.inputCelTD input.shortInput {
	width:40%;
}table.evalEditMain td.errorCelTD {
	text-align:center;
	color:red;
}
table.evalEditMain td.submitCelTD {
	text-align:center;
}

/* Edit form structure */
table.evalEditViewContainer{
	margin-left:3px;
	border-width:0;
	width:90%;
}
table.evalEditViewContainer td{
	vertical-align:top;
}
table.evalEditView {
	vertical-align:middle;
	border-collapse:collapse;
	border:1px solid black;
	width:100%;
}
table.evalEditView td {
	padding:5px;
}
table.evalEditView td.inputCelTD {
	width:50%;
	vertical-align:top;
}
table.evalEditView td.inputCelTD input.textType {
	margin-left:0;
	width:100%;
}
table.evalEditView td.inputCelTD input.passwordType {
	margin-left:0;
	width:100%;
}
table.evalEditView td.inputCelTD input {
	margin-bottom:0;
}
table.evalEditView td.inputCelTD textarea {
    width:100%;
    height:70px;
	margin-left:0;
}
table.evalEditView td.commentCelTD {
	padding-top:5px;
	padding-right:30px;
	padding-bottom:15px;
	padding-left:15px;
	font-size:x-small;
	text-align:justify;
}
table.evalEditView td.displayField {
	font-weight:bold;
}
table.evalEditViewActions {
	border:0;
	border-spacing:0;
	padding:1px;
	margin-right:0;
	padding-right:0;
}
table.evalEditViewActions td {
	padding:0;
}
table.evalEditViewActions form {
	margin:0;
}
table.evalEditViewActions select {
	border:0;
	font-size:10px;
}

/* Preview */
table.evalEditPreview {
	vertical-align:middle;
	border-collapse:collapse;
	border:1px solid #eeeeee;
	width:90%;
}
table.evalEditPreview tr.evalEditPreviewTrGrey {
	background-color:#eeeeee;
}
table.evalEditPreview td {
	padding:5px;
	width:50%;
	vertical-align:top;
}
table.evalEditPreview td.inputCelTD font {
	color:black;
	width:100%;
	height:100%;
}
table.evalEditPreview td.inputCelTD input.textType {
	margin-left:0;
	width:100%;
}
table.evalEditPreview td.inputCelTD input.passwordType {
	margin-left:0;
	width:100%;
}
table.evalEditPreview td.inputCelTD input {
	margin-bottom:0;
}
table.evalEditPreview td.inputCelTD textarea {
    width:100%;
    height:70px;
	margin-left:0;
}
table.evalEditPreview td.commentCelTD {
	padding-top:5px;
	padding-right:30px;
	padding-bottom:15px;
	padding-left:15px;
	font-size:x-small;
	text-align:justify;
}
table.evalEditPreview td.displayField {
	font-weight:bold;
}
table.evalEditPreviewTitle {
	width:90%;
}
table.evalEditPreviewTitle td.title{
	text-align:center;
	white-space:nowrap;
	border-bottom:2px solid #777777;
}
table.noticeMain {
	width:80%;
	text-align:center;
}
table.noticeMain td.td{
	text-align:center;
}
table.noticeMain td.title{
	text-align:center;
}
table.noticeInside {
	border:2px solid #777777;
}
table.noticeInside td{
	padding:10px;
}

/* Results */
fieldset.evalationResultsFieldset{
	padding:20px;
	width:80%;
	text-align:left;
}
fieldset.evalationResultsFieldset legend{
	color:black;
}
fieldset.evalationResultsFieldset ul li{
	margin: 0.5em 0 0.5em 0;
}
fieldset.evalationResultsFieldset p{
	padding-left: 2.5em;
}
fieldset.evalationResultsFieldset td{
	font-size:8pt;
}
fieldset.evalationResultsFieldset table.statsGraphContainer {
	width:100%;
}
fieldset.evalationResultsFieldset table.statsGraphContainer td.statsGraphHead{
	width:30%;
	text-align:right;
}
fieldset.evalationResultsFieldset table.statsHead{
	width:100%;
}
fieldset.evalationResultsFieldset table.statsGraph{
	width:100%;
	border-collapse:collapse;
}
fieldset.evalationResultsFieldset td.blue{
	border:1px solid #888;
	height:15px;
	background-color:#d0ecff;
}
fieldset.evalationResultsFieldset td.green{
	border:1px solid #888;
	height:15px;
	background-color:#9de47b;
}
fieldset.evalationResultsFieldset td.yellow{
	border:1px solid #888;
	height:15px;
	background-color:#fde47b;
}
fieldset.evalationResultsFieldset td.pink{
	border:1px solid #888;
	height:15px;
	background-color:#f2e3f4;
}
a.greyLink{
	color:#777777;
	font-weight:bold;
}
a.greyLink:hover{
	color:#E25300;
}
table.evalationResultsSubmitters {
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:0;
	border-left:1px solid #777777;
}
table.evalationResultsSubmitters input {
	margin-bottom:0;
}

/* UI Components */

div.UISimpleDialogMainPanel {
	background: #FFFFFF;
	border: none;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 10pt;
}

label {
	font-weight: bold;
}

input.UIFieldText
{
	border: 1px solid #AAAAAA;
}

.UILabelSpan
{
	float: left;
	width: 75px;
	text-align: right;	
}

.UIFieldSpan {
  float: right;
  width: 200px;
  text-align: left;
  }

.UIExpandBottom {
	font-size: xx-small;
	width: 100%;
	bottom-margin: 0px;
}

.UIExpandContainer {
	text-align: center;	
}

form.UIForm
{
	padding-top: 5px;
	width: 100%;
}

div.UIFormRow {
	clear: both;
}



ul.UIPeopleList
{
	border: none;
	display: block;
	background: #DDDDDD;
	list-style-type: none;
	padding-left: 0px;
	margin: 0;
	
}

ul.UIPeopleList li{
    margin: 0;
    display: block;
	background:	#EEEEEE;    
    padding-left: 0px;
	margin-bottom: 0px;
	height: 20px;
}

ul.UIPeopleList li a{
	padding-left: 15px;
}

ul.UIListNestedMenu
{
	text-indent: 0;
    padding-left: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
}

ul.UIListNestedMenu li
{
	background: #FFFF88;
}

div#UILoadDiv {
	position: fixed;	
	background: #888888;
	z-index: 3;
	
	text-align: center;
}

div.UITitleBar {
	background: #f2e3f4;
	height: 20px;
}

div.UITitleBar .UITitleText{
	float: left;
	width: 200px;
	text-align: left;	
}

div.UITitleBar .UITitleText h1{
	margin: 0;
	font-size: 12pt;
	clear: both;
}


.UITitleBar .UITitleOptions{
	float: right;
	width: 100px;
	text-align: right;
}

div#UILoadDiv h1{
	color: white;
	margin-top: 30px;
}

ul.UIPeopleList li.UIPerson
{
	background: #EEEEEE url("images/user.png") left top no-repeat;

}

ul.UIPeopleList li.UIDarkerPerson{
	background:	#DDDDDD url("images/user.png") left top no-repeat;
}

ul.UIPeopleList li.UIDisabledPerson{
	background:	#6BBA70 url("images/user.png") left top no-repeat;
}

ul.UIPeopleList li.UIActivePerson{
	background:	#C3D9FF url("images/user.png") left top no-repeat;
}

ul.UIPeopleList li.UIError
{
	background: #EEEEEE url("images/remove.png") left center no-repeat;
    padding-left: 20px;
}

.UIInPlaceTextField
{	
}

div#UISearchBox
{
	font-size: xx-small;
	position: relative;
	border: none;
	width: 320px;
}

.bottomLine
{
	border-bottom: 1px solid #777777;	
}

.container
{
	overflow: auto;	
}

.leftFloat 
{
	float: left;
}

.rightFloat
{
	float: right;	
}

div.UITidyDialog
{
	margin-left: 10px;
	margin-top: 50px;
}

div.UITidyDialog li
{
	font-size: x-small;
	color: red;
}

div#UIMiniSearchBox
{
	font-size: xx-small;
	width:250px;
}

div.UIMicroSearchBox
{
	background: #AACCFF;
	font-size: xx-small;
	width:250px;
	position: absolute;
}

.internalPage, .internalPage p,.internalPage br,.internalPage dl,
.internalPage em,.internalPage h1,.internalPage h2,.internalPage h3,.internalPage h4,.internalPage h5,.internalPage h6,.internalPage td,.internalPage blockquote,.internalPage ol,.internalPage ul,.internalPage a {
   color: black;
}