/**
* common.css
*
* Copyright (c) 2000-2010 John Willinsky
* Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
*
* Site-wide shared stylesheet.
*
* $Id:
*/

/**
* Common HTML elements
*/

body {
margin:0;
padding:0;
background-color:#f9f9f9;
color:#111;
font-family:Verdana,Arial,Helvetica,sans-serif;
text-align:center;
}

a:link {
color:#069;
}

a:active {
color:#666;
}

a:visited {
color:#999;
}

a:hover {
color:#fff;
background:#069;
}


/**
* Main layout elements
*/

#header {
background-color:#fff;
}


#footer {
background-color:#fff;
}

#main {
/*
width:80%;
margin:0 auto;
*/
overflow:visible !important;
font-size:1em;
}

ul.plain li {
margin-top:.3em;
}

#header h1,
#main h2,
#main h3,
#content h3,
#content h4,
#content h5,
#content h6
{
font-family:Helvetica,Verdana,Tahoma,Arial,Symbol,sans-serif;
font-weight:bold;
color:#555;
line-height:normal;
}

#content {
border-top:none;
font-size:.83em;
}

/**
* Navigation bar
*/

#navbar {
margin:0;
padding:0;
background-color:#000;
border:solid #666;
border-width:1px 0 1px 0;
}

#navbar a {
font-size:0.65em;
letter-spacing:0.05em;
}

ul.menu {
margin:0 0 0 1em;
}

ul.menu li {
margin:0 auto 0 auto;
padding:0;
}

ul.menu a {
color:#fff;
padding:4px;
}

ul.menu a:hover {
color:#000;
background-color:#fff;
}


/**
* Announcements
*/

#announcementsHome {
/*
width:100%;
margin:2em 0 2em 0;
*/	
}

#announcementsHome h3 {
text-align:center;
}

#announcements {
/*
width:100%;
*/
}

#announcements h3 {
text-align:center;
}

table.announcements {
/*
width:100%;
*/
}

table.announcements td {
padding:0.25em 0.5em 0.25em 0.5em;
}

table.announcements td.nodata {
text-align:center;
font-style:italic;
}

table.announcements td.headseparator {
border-top:1px solid #666;
font-size:0.1em;
line-height:1%;
}

table.announcements td.endseparator {
border-top:1px solid #000;
font-size:0.25em;
line-height:10%;
}

table.announcements td.separator {
border-top:1px solid #666;
font-size:0.1em;
line-height:1%;
}

table.announcements tr.intro {
}

table.announcements td.intro {
}

table.announcements tr.title {
vertical-align:top; 
}

table.announcements td.title {
/*
width:85%;
*/
}

table.announcements td.title h4 {
}

table.announcements tr.description {
vertical-align:top;
}

table.announcements td.description {
/*
width:85%;
*/
}

table.announcements tr.details {
vertical-align:bottom;
}

table.announcements td.posted {
padding-top:1em;
font-style:italic;
}

table.announcements td.more {
/*
width:15%;
text-align:right;
*/
}

table.announcementsMore {
/*
width:100%;
*/
}

table.announcementsMore td {
padding-top:1.5em;
text-align:right;
}


/**
* Homepage image
*/

#homepageImage img {
display:block;
margin:0 auto;
border:0;
text-align:center;
}


/**
* Organizing Team Lists
*/

ol.organizingTeam {
}

ol.organizingTeam li {
list-style:none;
}

ol.organizingTeam, ol.organizingTeam li {
margin-left:0;
padding-left:0;
}


/**
* Additional text styles
*/

pre {
background-color:#f4f4f4;
color:#000;
font-size:1.25em;
}

/**
* Table styles
*/

table.listing {
border-collapse:collapse;
}

table.listing tr.data td {
border-top:1px solid #999;
border-bottom:1px solid #999;
}

table.listing tr.data td.drag {
cursor:move;
}

table.listing td.headseparator {
border-top:none;
}

table.listing td.endseparator {
}

/**
* Other organizational elements
*/


/**
* Drag and drop styles
*/
.draggable {
position:relative;
cursor:move;
}

.borderBox {
border:1px solid #000;
margin:2px;
padding:2px;
}

.floatLeft {
float:left;
}

/**
* Scheduler styles
*/
.scrollContainer {
overflow:auto;
}

.scheduleTable {
/*
min-width:100%;
*/
}

.schedulerEvent {
color:#800;
background-color:#f9f9f9;
}

.schedulerPresentation {
color:#080;
background-color:#f9f9f9;
}

.schedulerEventHeader {
color:#f9f9f9;
background-color:#800;
}

.schedulerPresentationHeader {
color:#f9f9f9;
background-color:#080;
}


td.hole {
background-color:#777;
}

td.timeRowLabel {
border-style:solid none none none;
border-width:1px;
}

.droppable {
}

td.notificationContent {
padding-left:5px;
padding-right:5px;
}

td.notificationFunction {
padding-left:5px;
padding-right:5px;
text-align:right;
}

/* @group Font Sizer */ 
a.smallFont:hover,
.smallFont {
outline:none; /*for making it look nice in FF */
background:transparent url(../../lib/pkp/templates/images/icons/font-down.png);
outline:none;
/*
text-indent:-9999px;
display:block;
float:left;
width:20px;
height:23px;
margin-right:4px;
margin-left:8px;
*/
}

a.defaultFont:hover,
.defaultFont {
/*if you want to hide the default font button, use display:none */
background:url(../../lib/pkp/templates/images/icons/font-default.png);
outline:none;

/*
text-indent:-9999px;
outline:none;
display:block;
float:left;
width:20px;
height:23px;
margin-right:4px;
*/

}

a.largeFont:hover, 
.largeFont {
background:url(../../lib/pkp/templates/images/icons/font-up.png);
outline:none;
/*
outline:none;
text-indent:-9999px;
display:block;
float:left;
width:20px;
height:23px;
*/
}

/*** help ***/

#main h4,
#main h5,
#main h6,
#sidebar div.block span.blockTitle {
font-family:Tahoma, Helvetica, Verdana, Arial, Symbol, sans-serif;
}

/**
* Other organizational elements
*/
div.separator {
border-bottom:1px solid #666;
}

#leftSidebar,
#rightSidebar {
font-size:.8em;
}