/* General formatting */

html, body, ul, ol, li, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
body {
  font: 0.75em/1.4em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	color: #4C4C4C;
}
img { border: none; }
a { color: #db6b4c; }
p { margin: 0.7em 0; }
h2, h3 { 
	font-family: inherit;
	color: #7A9496; 
}
h2 { font-size: 160%; }
h3 {
  font-size: 120%;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

th { text-align: left; }

/* all nav lists are horizontal */
.nav { display: block; }
.nav li { display: inline; }

div#flashNotice {
  margin: 1.5em 0;
  border: 1px solid #88bb88;
  padding: 1em;
  background-color: #ddffdd;
}

body { background: #799496 url('../images/gradient.png') repeat-x; }


/* Forms */

div#errorExplanation {
  background-color: #f0f0f0;
  margin-bottom: 1.5em;
  border: 3px solid red;
  padding: 1em;
  width: 330px;
}
div#errorExplanation p { margin: 0; }
div#errorExplanation ul { margin-top: 0; margin-bottom: 0; margin-left: 2em; }
form div.fieldWithErrors { display: inline; }
form div.fieldWithErrors input { background-color: #ffcccc }

form label {
  font-size: 1em;
  font-weight: normal;
} 
form div.textField label {
  font-size: 1.1em;
  font-weight: bold;
  display: block;
}
form div.textField input { width: 350px; display: block; }
form div.textField textarea { width: 350px; display: block; }
form div.selectField label {
  font-size: 1.1em;
  font-weight: bold;
  display: block;
}

div.auto_complete { 
  width: 350px; 
  background: #fff; 
} 
div.auto_complete ul { 
  border:1px solid #888; 
  margin:0; 
  padding:0; 
  width:100%; 
  list-style-type:none; 
}
div.auto_complete ul li { 
  margin:0; 
  padding:3px; 
}
div.auto_complete ul li.selected { 
  background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
  color: #800; 
  margin:0; 
  padding:0; 
} 



/**** SPECIFIC PAGES ****/

/* New monkey page */

div.hint {
  color: #6e6e6e;
  font-size: 0.95em;
}
input#monkey_deadline_date { width: 324px; display: inline; }

div.help {
  font-size: 0.95em;
  background-color: #ededed;
  width: 35%;
  padding: 20px;
  margin: 0 0 20px 20px;
  float: right;
}
div.help p { margin: 0 0 10px 0; }
div.help ol { padding: 0 0 0 20px; }
div.help ol li { margin-bottom: 8px; }


/* Sent and received monkeys pages */

p.noMonkeys { font-size: 120%; font-weight: bold; margin: 2em 0; }

table.monkeytable .task_actions li a {
	font-size: 80%;
	font-variant: small-caps;
	font-weight: bold;
  text-decoration: none;
	color: #DB6B4C;
	padding-top: 3px;
}

table.monkeytable { border: none; border-collapse: collapse; }
table.monkeytable * { text-align: left; vertical-align: top;}
table.monkeytable p { margin: 0;}
table.monkeytable td, table.monkeytable th { padding: 4px; }

table.monkeytable tr.odd  { background-color: #F2F2F2;}
table.monkeytable tr.even { background-color: #FFF;}

table.monkeytable th.task { 
	background: transparent url('../images/ico_task.png') 4px 4px no-repeat;
	padding-left: 24px;
	width: 33%;
}

table.monkeytable th.recipient { 
	background: transparent url('../images/ico_recipient.png') 4px 4px no-repeat;
	padding-left: 24px;
}	

table.monkeytable th.expired { 
	background: transparent url('../images/ico_date.png') 4px 4px no-repeat;
	padding-left: 24px;
}

table.monkeytable th.state { 
	background: transparent url('../images/ico_state.png') 4px 4px no-repeat;
	padding-left: 24px;
}

div#upgrade {
  padding: 20px;
  background-color: #b7b7b7;
  margin-top: 30px;
}
div#upgrade h3 {
  color: #ffffff;
  font-size: 1.4em;
}
div#upgrade p { margin: 8px 0; }
div#upgrade a {
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  background-color: #db6b4c;
  padding: 5px;
  margin-top: 13px;
  display: block;
}
div#upgrade a:hover { background-color: #c35132; }


/* Monkey history page */

div#changes h4 {
  font-size: 90%;
  font-weight: normal;
  border-top: 1px solid #cccccc;
  margin: 1em 0 0 0;
}

div#changes ul {
  list-style-type: square;
  margin: 0.75em 0 1.5em 3em;
  padding: 0;
}

div#changes li {
  margin: 0;
  padding: 0;
  text-indent: 0;
}



/**** LAYOUTS ****/


/* Regular page */

div#width {
  background: transparent url('../images/monkey.png') no-repeat -59px 12px;
	min-width: 711px; /* 561px; */
	padding: 12px 30px; 
	padding-left: 189px; 
}
* html div#width {
 background: transparent url('../images/monkey8.png') no-repeat -59px 12px fixed;
  /* Make sure the value for comparison here is
     min-width + margin + padding, or IE will crash! */
  width: expression(document.body.clientWidth <= 930 ? "711px" : "auto");
  height: 1%;
  overflow: visible;
}


h1#logo { 
	background: transparent;
	padding: 0;
	margin: 0;
	margin-left: -31px;
	float: left;
}
* html h1#logo { margin-left: -15px;} fix IE<7 margin doubling bug */
h1#logo a:hover { background: none; }


div#header { 
	text-align: right;
	min-height: 122px;
	padding-right: 34px;
	float: right;
}
* html div#header { height: 122px;}

div#header * { margin: 0; padding: 0;}
div#header a { color: white; }
div#header a:hover {
  text-decoration: none;
  color: #b4cacc;
  background-color: #ffffff;
}
div#header h2, div#header #user {
	font-size: 90%;
	font-weight: normal;
	color: #FFFFFF;
	text-shadow: #94AFB1 2px 2px 1px;
}
div#header #help {
	font-size: 120%;
	margin-bottom: 1em;
}


div#monkeytabs {
  font-size: 120%;
  font-weight: bold;
	min-height: 45px;
	top: -16px;
	padding-right: 34px;
	position: relative;
	z-index: 500;
	clear: both;
}
* html div#monkeytabs { height: 45px;}

div#monkeytabs ul { float: right; }
div#monkeytabs li { 
	background: transparent url('../images/tabsoff_top.png') no-repeat top center;
	width: 164px;
	margin-left: 9px;
	float: left;
}
div#monkeytabs li.selected { 
	background: transparent url('../images/tabson_top.png') no-repeat top center;
}
div#monkeytabs a {
	text-decoration: none;
	color: #4C4C4C; 
	background: transparent url('../images/tabsoff_bottom.png') no-repeat bottom center;
	min-height: 35px;
	padding: 5px 10px;
	display: block;
}
* html div#monkeytabs a { height: 35px; }
div#monkeytabs li.selected a { 
	color: #FFFFFF;
	background: transparent url('../images/tabson_bottom.png') no-repeat bottom center;
}


div#page {
  margin-top: -31px;
	background-color: white;
	/* min-height: 300px; */
}
* html div#page { zoom: 1; }
div#page div.content {
  padding: 0 32px;
  min-height: 300px;
}
* html div#page div.content { height: 300px; }
div#page div.top {
  height: 16px;
  background: transparent url('../images/top_left.gif') no-repeat top left; 
}
div#page div.top div {
  height: 16px;
  background: transparent url('../images/top_right.gif') no-repeat top right; 
}
div#page div.bottom {
  height: 32px;
  background: transparent url('../images/bottom_left.gif') no-repeat bottom left; 
}
div#page div.bottom div {
  height: 32px;
  background: transparent url('../images/bottom_right.gif') no-repeat bottom right;   	  
}


div#page h2 { 
  margin: 20px 0 12px 0;
}

div#copyright {
  color: #FFFFFF;
  font-size: 0.9em;
	position: relative;
	top: -7em;
	left: -160px;
	width: 120px;
}
div#copyright a { color: white; }
div#copyright a:hover {
  text-decoration: none;
  color: #b4cacc;
  background-color: #ffffff;
}


/* No header page */

body#noHeader { background: none; margin: 1.4em; }
body#noHeader ul { padding-left: 2em; }

body#noHeader h1 { margin: 1em 0; }
body#noHeader h2 { line-height: 1.2em; margin-top: 1em; }