/**
 * Colorprint stylesheet, based on Basecamp
 * author: Alessandro Fregonese, Commanigy - http://www.nbfactory.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);

body, #wrapper { background-color:rgb(60,60,60); font-family:Tahoma, "Lucida Grande", verdana, arial, helvetica, sans-serif; }
input, select, textarea { font-family:Tahoma, "Lucida Grande", verdana, arial, helvetica, sans-serif; font-size: 12px; }

a:hover { text-decoration: underline; }
a:hover, a:active { color: #2A5685; }

#header, #top-menu { margin: 0; }
#header { background: white; padding: 8px 8px 0 8px; height: 6.5em;  background:url(../images/logo.png) 20px 6px no-repeat rgb(255,255,255)}
#header h1 { margin: 0 24px 0 300px;  color:rgb(90,90,90); }
#header #quick-search { margin: 0 24px; }
#top-menu { background-color: rgb(60,60,60); font-size: 10px; position: relative; padding: 0; height: 24px ; margin:0}

#top-menu ul { padding: 0 21px; }
#top-menu li, #top-menu #loggedas { color: #ddd; line-height: 26px; margin-right: 4px; }
#top-menu li a { color: #EEEEEE; font-weight: bold; padding:4px 5px; }
#top-menu li a:hover { color: black; text-decoration: none; background:white}
#main { background: #EEEEEE; margin: 8px 24px 0px 24px; }
#main { background: #EEEEEE; margin: 8px 1px 0px 1px; }
#content, #main.nosidebar #content { background: #fff; border:2px solid white;  width: 70%; overflow: auto; }
#sidebar { width: 26%; }
#footer { background-color:rgb(60,60,60); 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: Tahoma, "Lucida Grande",arial,sans-serif; }
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: #edf3fe; margin: -6px -10px 10px; padding: 10px 20px; font-size: 14px; color: #000; }
.wiki h1 { font-family:Tahoma, "Trebuchet MS",Verdana,sans-serif; font-weight: bold;}
.wiki h2 { background-color: #fff; }

h3, h4 { font-weight: normal; }

#sidebar h3 { border-bottom:1px solid #DCDCDC; padding:6px 8px; }

/* Links */
#sidebar a:hover { background-color:#003399; color:#FFFFFF; text-decoration: none;}

/* Menu */
#main-menu { margin: 0 24px 0 10px; }
#main-menu li a { background-color: #DDD; color: #999; font-weight: normal; padding:4px 8px 6px; }
#main-menu li a:hover { background: #999; text-decoration: none; }
#main-menu li a.selected, #main-menu li a.selected:hover { background-color:#333; color: #FFF; font-weight:bold; }

/* Tables */
table.list { border: none; }
table.list th { background-color: #fff; text-align: left }
table.list th.bordered {
	border-top:1px solid #999999;
	border-left:1px solid #999999;
}
table.list tbody td, table.list tbody tr td { 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; }

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

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

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

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

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: Tahoma, Cambria, Verdana, Serif; font-size: larger; }

.field_inline label { float: none; margin-left: 5px; margin-right: 5px; }

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

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

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

input.empty { color:#999999; }

#side-ajax-indicator {
  position: absolute; /* fixed not supported by IE */	
  color:#FFFFFF;
  font-size:20px;
  font-weight:bold;
  text-align:center;
  padding-top:50px;
  top:30%;
  left:15%;
  width:70%;
  z-index:100;
  background:rgb(60,60,60);
}
 
#side-ajax-indicator span {  
  display:inline-block;
  height:100px;
  background:url(../images/loading_big.gif) no-repeat center center;
}

table.attributes th { padding:2px; }
table.attributes small { width:15%; display:inline-block; }
table.attributes span { width:80%; display:inline-block; }

#main.loading { background: url(../images/bg_grey_60.png) repeat; }

#main-menu li { line-height:25px; }
#main-menu li a { padding:0; padding:0 7px 0 7px;text-align:center;background:rgb(203,203,203);color:rgb(30,30,30);border-top-left-radius:5px 5px;border-top-right-radius:5px 5px;-moz-border-radius-topleft: 5px 5px;-moz-border-radius-topright: 5px 5px;}
#main-menu li a:hover { text-decoration:underline;color:rgb(30,30,30); }
#main-menu li a.selected { background:rgb(60,60,60); }
#main-menu li a.selected:hover { text-decoration:underline;  } 

.icon-mail { background-image: url(../images/mail.png); }

/***** Auto-complete *****/
div.autocomplete {
  white-space: nowrap;
  height: 300px;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
div.complaint_subject p { width:70%; }

table.non_compliance_reports td.nc_reason { text-align: left; }

input.error { border-color:red; }
.tabular p {
padding: 1px 0px 1px 180px;
}

.tabular .internal { margin-top:30px; }
.tabular .tabular h3 {  width:100%; background:#EDF3FE;margin: -6px -4px 20px -6px;padding: 6px;font-weight:bold;}

.autocompletable_field { background-image:url(../images/autocomplete.gif); background-repeat:no-repeat; background-position:right center; }