/**
 * Basecamp stylesheet, based on "alternate"
 *
 * author: Peter Theill, Commanigy - http://commanigy.com
 *
 * @2009-11-16 - fix #3069
 * @2009-11-12 - styling "password" fields as well with a simple border (similar to other fields)
 *
 */

@import url(../../../stylesheets/application.css);

@font-face {
	font-family: 'roboto-boldcondensed';
	src: url('../fonts/roboto-boldcondensed-webfont.eot');
	src: url('../fonts/roboto-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/roboto-boldcondensed-webfont.woff') format('woff'),
		 url('../fonts/roboto-boldcondensed-webfont.ttf') format('truetype'),
		 url('../fonts/roboto-boldcondensed-webfont.svg#roboto-boldcondensed') format('svg');
	font-weight: normal;
	font-style: normal;
}

body, #wrapper {
	font-family: helvetica, arial, verdana, sans-serif;
	background-color:#eee;
}

a {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	outline: none;
}

a:hover, a:active {
	color: #d3041f;
	text-decoration: underline;
	outline: none;
}

a:active, a:focus {
	outline: none;
}



select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25);

	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

input[type="submit"] {
	font-family: "roboto-boldcondensed", helvetica, arial, verdana, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-transform: uppercase;
	margin-right: 2px;
	padding: 4px 6px;
	border: 1px solid #d3041f;
	background-color: #d3041f;
	
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

input[type="submit"]:hover {
	cursor: pointer;
	color: #d3041f;
	border: 1px solid #d3041f;
	background-color: #f4f4f4;
}


#login-form {
	padding: 160px 0;
	background: url("../images/login-form_fond.png") center center no-repeat;
}

#login-form table {
	color: #ffffff;
	background-color: #d3041f;
	border: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding: 1em;
	-webkit-box-shadow: 0 0 6px #999999;
	-moz-box-shadow: 0 0 6px #999999;
	box-shadow: 0 0 6px #999999;
}

#login-form label {
	text-transform: uppercase;
}

#login-form input#username,
#login-form input#password {
	width: 200px;
}


#login-form a, #login-form a:link, #login-form a:visited {
	color: #ffffff;
}

#login-form a:hover {
	color: #000000;
}

#login-form input[type="submit"] {
	font-size: 12px;
	color: #444444;
	text-transform: uppercase;
	margin: 0;
	padding: 4px 6px;
	border: 1px solid #333333;
	background-color: #ffffff;
	
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

#login-form input[type="submit"]:hover {
	color: #ffffff;
	border: 1px solid #ffffff;
	background-color: #333333;
}


#top-menu {
	position: relative;
	height: 25px;
	font-size: 11px;
	margin: 0;
	padding-top: 5px;
	background-color: #333333;
}

#top-menu ul {
	padding: 0 20px;

}

#top-menu li a {
	font-weight: normal;
	color: #ffffff;
	padding:4px 5px;
}

#top-menu li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#top-menu li, #top-menu #loggedas {
	color: #ffffff;
	line-height: 21px;
	margin-right: 4px;
}


#header {
	height: 6.5em;
	padding: 8px 8px 0 8px;
	background-color: #d3041f;
	/*background-image: -moz-linear-gradient(top, #d3041f, #be041c);
	background-image: -ms-linear-gradient(top, #d3041f, #be041c);
	background-image: -o-linear-gradient(top, #d3041f, #be041c);
	background-image: -webkit-linear-gradient(top, #d3041f, #be041c);
	background-image: linear-gradient(top, #d3041f, #be041c);*/
}

#header h1 {
	margin: 0 20px 0 20px;
	padding-left: 140px;
	background: url("../images/xsalto.png") left 2px no-repeat;
}
#header #quick-search { margin: 0 24px; }

#main { background: #EEEEEE; margin: 8px 24px 0px 24px; }
#content, #main.nosidebar #content {
	background: #fff;
	border-right: none;
	border-bottom: none;
	overflow: auto;
	-moz-box-shadow: #bbb 1px 1px 2px;
	-webkit-box-shadow: 1px 1px 2px #bbb;
}

#content { width: 70%; }
#content .wiki img { max-width: 98%; }
#main.nosidebar #content { width: auto; }
#sidebar { width: 26%; }
#footer { background-color:#EEEEEE; border: 0px; clear: left; color:#666666; font-size:9px; margin:4px 0 20px 20px; padding-bottom:15px; text-align:left; }
#footer a:hover { background:#666666 none repeat scroll 0 0; color:#FFFFFF !important;}
#footer a:link, #footer a:visited { color:#666666; }

/* Headers */
h1, h2, h3, h4 {
	font-family: "roboto-boldcondensed", helvetica, arial, verdana, sans-serif;
	font-weight: normal;
}
h1 { font-size: 24px; font-weight: normal; margin:0pt 0pt 0pt 0.25em; padding:0pt 0pt 10px; text-align:left; }
h2, h3, h4, .wiki h1, .wiki h2, .wiki h3 { border-bottom: 0px;}

h2, .wiki h1 {
	background-color: #eeeeee;
	margin: -6px -10px 10px -10px;
	padding: 10px 20px;
	font-size: 18px;
	color: #444444;
}

.wiki h1 { font-family:"Trebuchet MS",Verdana,sans-serif; font-weight: bold;}
.wiki h2 { background-color: transparent; }
div.issue div.wiki h3 { text-decoration: underline; }

h3, h4 { font-weight: normal; }
div.wiki h3, div.wiki h4 { font-weight: bold; }

#sidebar h3 {
	font-weight: normal;
	color: #d3041f;
	margin-top: 35px;
	border-bottom: 1px solid #dddddd;
	padding: 0 8px 8px 0;
}

div.journal h4 { background-color: #EDF3FE; border-left: 3px solid #9FBFFA; padding: 10px;}

div.splitcontentleft h2 { background-color: transparent; padding: 0; margin: 20px 0 5px 0; }

/* Links */
#sidebar a:hover {
	background-color: #d3041f;
	color: #ffffff;
	padding: 2px 4px;
	text-decoration: none;
}

#sidebar ul li {
	margin-bottom: 4px !important;
}

#sidebar a.selected {
    background-color: #d3041f;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
    margin-left: 0;
    padding: 3px 3px 2px 3px;
}

/* Menu */
#main-menu {
	margin: 0 20px;
}

#main-menu li a {
	background-color: #444444;
	font-weight: normal;
	padding: 5px 10px 6px 10px;
}
#main-menu li a:hover {
	background: #999;
	text-decoration: none;
}
#main-menu li a.selected, #main-menu li a.selected:hover {
	background-color: #eee;
	color: #222222;
	font-weight:bold;
}

/* Tables */
table.list { border: none; }
table.list th { background-color: #fff; }
table.list tbody td, table.list tbody tr td, table.list tbody tr td.checkbox { border-bottom: solid 1px #ddd; font-size: 11px; padding:4px 10px 4px 3px; }
table.list thead th {
	border: none;
	border-bottom:1px solid #999999;
	font-size:9px;
	font-weight:normal;
	padding:0pt 3px 3px;
	text-transform:uppercase;
}

table.list thead th a { color: #000; }
table.list thead th a:hover { color: #000; }

table.issues tr.closed.miss_time {
	background: #eeeeee;
}


/* Issues grid styles by priorities (provided by Wynn Netherland) */
table.list tr.issue a { color: #333; }

/*adjust the css according to your priority ids, for Redmine 2.1*/
tr.odd.priority-8, table.list tbody tr.odd.priority-8:hover { color: #559; }
tr.odd.priority-8 { background: #eaf7ff; }
tr.even.priority-8, table.list tbody tr.even.priority-8:hover { color: #559; }
tr.even.priority-8 { background: #f2faff; }
tr.priority-8 a { color: #559; }
tr.odd.priority-8 td, tr.even.priority-8 td { border-color: #add7f3; }

tr.odd.priority-7, table.list tbody tr.odd.priority-7:hover { color: #900; font-weight: bold; }
tr.odd.priority-7 { background: #ffc4c4; }
tr.even.priority-7, table.list tbody tr.even.priority-7:hover { color: #900; font-weight: bold; }
tr.even.priority-7 { background: #ffd4d4; }
tr.priority-7 a, tr.priority-7:hover a { color: #900; }
tr.odd.priority-7 td, tr.even.priority-7 td { border-color: #ffb4b4; }

tr.odd.priority-6, table.list tbody tr.odd.priority-6:hover { color: #900; }
tr.odd.priority-6 { background: #ffc4c4; }
tr.even.priority-6, table.list tbody tr.even.priority-6:hover { color: #900; }
tr.even.priority-6 { background: #ffd4d4; }
tr.priority-6 a { color: #900; }
tr.odd.priority-6 td, tr.even.priority-6 td { border-color: #ffb4b4; }

tr.odd.priority-5, table.list tbody tr.odd.priority-5:hover { color: #900; }
tr.odd.priority-5 { background: #fee; }
tr.even.priority-5, table.list tbody tr.even.priority-5:hover { color: #900; }
tr.even.priority-5 { background: #fff2f2; }
tr.priority-5 a { color: #900; }
tr.odd.priority-5 td, tr.even.priority-5 td { border-color: #fcc; }

tr.odd.priority-3, table.list tbody tr.odd.priority-3:hover { color: #559; }
tr.odd.priority-3 { background: #eaf7ff; }
tr.even.priority-3, table.list tbody tr.even.priority-3:hover { color: #559; }
tr.even.priority-3 { background: #f2faff; }
tr.priority-3 a { color: #559; }
tr.odd.priority-3 td, tr.even.priority-3 td { border-color: #add7f3; }

tr.odd.priority-1, table.list tbody tr.odd.priority-1:hover { color: #559; }
tr.odd.priority-1 { background: #eaf7ff; }
tr.even.priority-1, table.list tbody tr.even.priority-1:hover { color: #559; }
tr.even.priority-1 { background: #f2faff; }
tr.priority-1 a { color: #559; }
tr.odd.priority-1 td, tr.even.priority-1 td { border-color: #add7f3; }

p.breadcrumb {
	background-color:#EEEEEE;
	border-bottom:1px solid white;
	font-size:0.9em;
	margin:-6px -10px 6px;
	padding:6px;
	text-indent:15px;
}

/* Fields */
input[type="text"], input[type="password"], textarea, select { padding: 2px; border: 1px solid #d7d7d7; }
input[type="text"], input[type="password"] { padding: 3px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #888866; }
option { border-bottom: 1px dotted #d7d7d7; }
input#issue_subject { font-size: 200%; width: 90%; }

textarea.wiki-edit { font-family: Cambria, Verdana, Serif; font-size: larger; }

/* Misc */
.box { background-color: #fcfcfc; }

.contextual { font-size: 0.9em; font-family:verdana; }

hr { background:#eee none repeat scroll 0% 0%; }

div.issue {
	background: #faf4f5;
	border: none;
}

div.splitcontentleft ol li, div.splitcontentleft ul li, div.wiki ol li, div.wiki ul li { padding: 4px 0; }
div.wiki ul.toc li { padding: 0; }
ol li ol li { list-style-type: lower-alpha; }
ol li ol li ol li { list-style-type: lower-roman; }

#errorExplanation, div.flash, .nodata, .warning, .conflict {
    border: 1px solid;
    padding: 8px 5px 8px 30px;
}

div.flash.error, #errorExplanation {
    background-color: #f4f4f4;
    border-color: #d3041f;
    color: #d3041f;
}

input#issue_subject {
    font-size: 120%;
    width: 90%;
}