@import "balloonHelp.css";
@import "form-tb.css";

body {
	font-family: sans-serif;
	background: white;
	color: black;
	margin: 0;
	padding: 0;
}

a:link, a:visited {
	text-decoration: underline;
	color: #436976;
}

img {
	border: none;
	vertical-align: middle;
}

p {
	margin: 0.5em 0em 1em 0em;
	text-align: justify;
	line-height: 1.5em;
}

p a:active {
	color: red;
}

p img {
	border: 0;
	margin: 0;
}


h1, h2, h3, h4, h5, h6 {
	color: black;
	clear: left;
	font: 100% sans-serif;
	margin: 0;
	padding-top: 1em;
	border-bottom: 1px solid #8cacbb;
}

div#top h1 {
	border: 0;
	font-size: 300%;
	letter-spacing: 0.1em;
	color: #8cacbb;
	padding: 0.5em;
	font-weight: bold;
}

h1 {
	font-size: 160%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 140%;
}

h4 {
	font-size: 120%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 80%;
}

ul { 
	line-height: 1.5em;
	margin-left: 2em;
	padding:0;
}

ol {
	line-height: 1.5em;
	margin-left: 2em;
	padding:0;
}

dl {
}

dt {
	font-weight: bold;    
}

dd {
	line-height: 1.5em;
	margin-bottom: 1em;
}


fieldset {
	/*border: 1px solid #8cacbb;*/
	border: 0;
	margin: 0.5em 0em;
	padding: 0.5em 0em;
}

fieldset select {
	margin-bottom: 0.5em;
}

fieldset input {
	margin-left: 1em;
}

legend {
	background: White;
	padding: 0.5em;
}


form {
	border: none;
	margin: 0;
}

textarea {
	border: 1px solid #8cacbb;  
	color: black;
	background-color: white;
	width: 93%;
	padding: 0.1em;
}

input, a.button {
	text-decoration: none;
	border: 1px solid #8cacbb;  
	background: white;
	color: black;
	background-color: white;
	vertical-align: middle;
	margin-bottom: 1px; /* IE bug fix */
	/*padding: 0.1em;*/
	margin-right: 1em;
	padding-bottom: 1px;
	padding-top: 1px;
}

input.button:hover, a.button:hover {
	cursor: pointer;
	background-color: #f7f9fa;
}

select {
	border: 1px solid #8cacbb;  
	vertical-align: top;
}

abbr, acronym, .explain {
	border-bottom: 1px dotted black;
	color: black;
	cursor: help;
}

q {
	font-style: italic;
	font-size: 120%;
}

blockquote {
	font-style: italic;
	font-size: 120%;
}

code {
	font-size: 120%;
	color: black;
	background-color: #dee7ec;
}

pre {
	font-size: 120%;
	padding: 1em;
	border: 1px solid #8cacbb;
	color: black;
	background-color: #dee7ec;
}

div#top {
	/* Top section */
	margin: 0;
	padding: 0;
}

.logo {
	/* Logo properties */
	margin: 1em 0em 1em 2em;
	padding: 0;
}


div#searchBox {
	/*searchbox style and positioning */
	color: black;
	float: right;
	margin: 3em 0em 0em 0em;
	padding: 0em 2em 0em 0em;
	text-align: right;
	text-transform: lowercase;
	width: 30%;
}

input.searchButton {
	font-size: 100% ! important;
	margin-bottom: 1px ! important;
}

div#tabs {
	/* Navigational tabs */
	border-collapse: collapse;
	border-bottom-color: #8cacbb;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 0.5em 0em 0em 3em;
	white-space: nowrap;
}

div#tabs a {
	/* The normal, unselected tabs. They are all links */
	border-color: #8cacbb;
	border-width: 1px; 
	border-style: solid solid none solid;
	color: #436976;
	font-weight: normal;
	margin-right: 0.5em;
	padding: 0em 2em;
	text-transform: lowercase;
	text-decoration: none;
}

div#tabs a.selected {
	/* The selected tab. There's only one of this */
	background: #dee7ec;
	border: 1px solid #8cacbb;
	border-bottom: #DEE7EC 1px solid;
	color: #436976;
	font-weight: normal;
}

div#tabs a:hover {
	background: #dee7ec;
	border-color: #8cacbb;
	border-bottom-color: #dee7ec;
	color: #436976;
}

div#personalBar {
	/* Bar with personalized menu (user preferences, favorites etc) */
	background: #dee7ec;
	border: 0px solid #8cacbb;
	border-bottom-width: 1px;
	color: black;
	padding-right: 3em;
	text-align: right;
	text-transform: lowercase;
}

div#personalBar a.button {
	border: 0;
	padding: 0;
}

div#personalBar a {
	text-decoration: none;
	color: #436976;
	font-weight: normal;
	margin-left: 1em;
}

div#personalBar img {
	vertical-align: top;
}

div#pathBar {
	/* The path bar, including breadcrumbs and add to favorites */
	border-bottom-color: #8cacbb;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-left: 3em;
	padding-right: 2em;
	text-transform: lowercase;
}

div#pathBar a {
	text-decoration: none;
}


div#top, div#tabs, div#personalBar, div#pathBar {
	font-size: 60%;
}


#footer {
	background: #dee7ec;
	border-top: 1px solid #8cacbb;
	border-bottom: 1px solid #8cacbb;
	color: black;
	clear: both;
	float: none;
	margin: 2em 0em;
	padding: 0.5em 0em 1em 0em;
	text-align: center;
	font-size: 60%;
}   

div#main-content {
	float: left;
	width: 80%;
	padding-bottom: 2em;
}

div#main-content form {
	font-size: 80%;
}

div#main-content form a.button {
	font-size: 100%;
}

div#main-content a.button {
	font-size: 60%;
}

a.button {
	padding-left: 3px;
	padding-right: 5px;
}

#leftBar {
	float: left;
	width: 12%;
	padding: 10px;
	margin-right: 3%;
	font-size: 60%;
	z-index: 1000;
}

#leftBar span.boxTitle {
	background: #dee7e7;
	border: 1px solid #8cacbb;
	border-style: solid solid none solid;
	color: black;
	padding: 0em 1em 0em 1em;
	text-transform: lowercase;
}   

div#navBox ul {
	border: 1px solid #8cacbb;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#navBox li {
	margin-left: 1em;
}

div#loginBox form {
	border: 1px solid #8cacbb;
	margin: 0;
	padding: 1em;
}

div#loginBox label {
	font-weight: bold;
}

div#loginBox input.button {
	margin-top: 1em;
}

div#loginBox div {
	border: 1px solid #8cacbb;
	border-top: 0;
	margin: 0;
	padding: 1em;
}

div#loginBox div a.button {
	border: 0;
}

table {
	border: 1px solid #8cacbb;
	border-collapse: collapse;
}

table a {
	text-decoration: none;
}

th {
	background: #dee7ec;
	border: 1px solid #8cacbb;
	color: black;
	font-weight: normal;
	padding: 0em 1em 0em 1em;
	text-transform: lowercase;
	white-space: nowrap;
}

td {
	border-left: 1px solid #8cacbb;
	padding: 0em 1em;
	text-align: left;
}

div#main-content h1, div#main-content h3 {
	margin-bottom: 1em;
}

div.error-message {
	background: #ffce7b;
	border: 1px solid #ffa500;
	color: black;
	font-weight: bold;
	font-size: 80%;
	margin: 0;
	padding: 0em 1em; 
	vertical-align: middle;
	margin-bottom: 1em;
}

div.error-message h1 {
	border: 0;
}

div#personalBar a.button, a.button {
	padding-left: 18px;
	background: url(../images/item.png) 8px 40% no-repeat;
}

input[type="submit"] {
	padding-left: 10px;
	background: white url(../images/submit.png) 5px 40% no-repeat;
}

div#personalBar a.user {
	padding-left: 12px;
	background: url(../images/user.png) left top no-repeat;
}

div.election-results {
}

div.election-results table {
	margin-left: 2em;
	margin-bottom: 1em;
}

table.election-details,
table.election-votes,
table.election-pairwise-matrix,
table.election-ratings {
	border: 1px solid #8cacbb;
	border-collapse: collapse;
}

table.election-details td,
table.election-votes td,
table.election-pairwise-matrix td,
table.election-ratings td {
	border: 1px solid #8cacbb;
	color: black;
	text-align: center;
}

table.election-details th,
table.election-votes th,
table.election-pairwise-matrix th,
table.election-ratings th {
	padding-left: 1em;
	padding-right: 1em;
	font-weight: bold;
	border: 1px solid #8cacbb;
	text-align: center;
}

table.election-details caption,
table.election-votes caption,
table.election-pairwise-matrix caption,
table.election-ratings caption,
table.election-results caption {
	display: none;
}

table.election-results th {
	text-align: right;
	padding-left: 1em;
	padding-right: 1em;
	font-weight: bold;
}

table.election-results td {
	text-align: center;
}

th.owned-vote {
	background-color: #f7f9fa;
}

div.buttons-bar {
	margin-top: 2em;
	margin-bottom: 1em;
}

div#main-content span.label {
	font-weight: bold;
}

div#main-content form div.field {
	margin-bottom: 1em;
}

div#main-content .cell {
	display: block;
	margin: 0;
	padding: 0;
	margin-left: 1em;
}

.preview {
	margin-top: 1em;
	margin-left: 5em;
	margin-right: 5em;
	padding: 5px;
	border: 1px solid #8cacbb;  
}

div.error-message {
	padding-left: 50px;
	background: #ffce7b url(../images/info.png) 2% 45% no-repeat;
}


/*pre {
	overflow: scroll;
}*/


.even {
	background-color: #f7f9fa;
}

.odd {
}

ul.article-meta {
	margin-top: -1em;
	list-style: none;
}

ul.article-meta li.authors {
	margin: 0;
	font-size: 80%;
	border-bottom: 0;
}

ul.article-meta li.edition-time {
	font-size: 70%;
}

div#main-content h2 {
	padding-top: 0;
	margin-bottom: 1em;
}

div.license {
	font-size: 80%;
}

body#popupMonth {
	font-size: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	vertical-align: middle;
	height: 100%;
	position: absolute;
}

body#popupMonth h1 {
	margin: 1em 0;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
}

table.calendar-month-full {
	text-align: right;
	border: 1px solid #8cacbb;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
}

table.calendar-month-full th {
	border-bottom: 1px solid #8cacbb;
	text-align: center;
	font-weight: bold;
	background-color: #f7f9fa;
	padding: 0px 3px;
	font-size: 80%;
}

table.calendar-month-full td {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 70%;
	border: 1px solid #8cacbb;
}

table.calendar-month-full .today {
	border: 2px solid #ffa500;
}

a.online-help {
	vertical-align: top;
	float: right;
	font-size: 110%;
	border: 1px solid #8cacbb;
	padding: 0px 5px;
	text-decoration: none
}

hr {    
	color: #8cacbb;
	background-color: #8cacbb;
	width: 80%;
	border: 0;
	height: 1px;
}

div.system-message {
	/* Class for error indication in forms */
	background: #ffce7b;
	border: 1px solid #ffa500;
	padding: 1em;
	margin: 0;
	margin-bottom: 0.5em;
	font-size: 80%;
}   

table.diff {
	width: 95%;
}

table.diff td {
	width: 45%;
	vertical-align: top;
}

pre.diff {
	background: inherit;
	width: 95%;
}

span.diff-new {
	background-color: #8f8;
}

span.diff-old {
	background-color: #f88;
}

span.spellcheck {
	cursor: help;
	border-bottom: 1px dashed red;
}

div.comment {
	border: 1px solid #8cacbb;
	margin-bottom: 2em;
	padding-left: 1em;
}

div.comment h4 {
	margin: 0;
	padding: 0;
}

div.comment .comment-infos {
	margin-left: 2em;
	font-size: 80%;
}

div.comment .comment-time {
	display: none;
}

div.comment a.button {
	float: right;
}

table.calendar-month-full {
	text-align: right;
	border-color: #8cacbb;
}

table.calendar-month-full th {
	text-align: center;
	background: #dee7ec;
	font-size: 80%;
	border: 1px solid #8cacbb;
}

table.calendar-month-full td {
	font-family: monospace;
	font-size: 70%;
}

table.calendar-month-full td {
	font-size: inherit;
	border: 1px solid #8cacbb;
}

table.calendar-month-full .noday {
	background-color: #f7fef6;
	border: 0;
}

table.calendar-month-full .today {
	border: 3px solid #8cacbb;
}

table.calendar-week-full {
	text-align: right;
	border-color: #8cacbb;
}

table.calendar-week-full th {
	text-align: center;
	background: #dee7ec;
	font-size: 80%;
	border: 1px solid #8cacbb;
}

table.calendar-week-full td {
	font-family: monospace;
	font-size: 70%;
}

table.calendar-week-full td {
	font-size: inherit;
	border: 1px solid #8cacbb;
}

table.calendar-week-full td.hour-busy {
	background-color: #dee7ec;
}

ul.multi {
	margin-top: 0;
	margin-bottom: 0;
}



/* The new form elements */

.fieldRequired {
	display: inline;
	background: url(../images/required.png) center left no-repeat;
	padding: 0 0 0 8px;
	color: white;
} 

.formHelp {
	color: #76797c;
}
.error {
	/* Class for error indication in forms */
	background-color: #ffce7b;
	border: 1px solid #ffa500;
}

.error .fieldRequired {
	color: #ffce7b;
} 

.formHelp:hover {
	color: black;
}

/*#main-content select:focus,*/
#main-content input:focus,
#main-content textarea:focus {
    border-color: #ffa500; 
    border-width: 1px;
}