body {
  padding:0 40px 80px;
  margin:0;
  font-family: "Lucida Grande", Verdana, Helvetica, Arial;
  font-size:13px;
  background: white url("/images/background.png") repeat-x;
  line-height:1.5em;
}

#wrapper {
  width:786px;
  max-width:786px;
  margin:auto;
}

#topnav {
  background:url("/images/topnav-bg.png") no-repeat;  
  width:786px;
  max-width:756px;
  font-size:14px;
  height:39px;
  padding:0 22px 0 12px;
}

#main-nav {
  max-width:766px;
}

#main {
  background:url("/images/main-bg.png") repeat-y;  
  padding:18px 19px 15px;
  margin-top:0;
  max-width:786px;
}

textarea {
  width:220px;
  height:100px;
  font-family: Verdana, Helvetica, Arial;
  font-size:12px;
  padding:0 2px;
}

/*** Tables ***/
table {
  border-spacing:0;
  border-collapse:collapse;
  empty-cells:show;
}

td {
  vertical-align:top;
  height:100%;
  padding:2px 8px 2px 0;
}

th {
  padding:0 1em 0 0;
  font-weight:normal;
  text-align:left;
  border-bottom:2px solid #999;
}

/*** Links ***/
a {
  text-decoration:none;
  color: #2170ba;
}

a:hover {
  text-decoration:underline;
}

a:visited {
  color: #5c2b7e;
}

a img {
  border:none;
}

/*** Headings ***/
h1 {
  margin-top:0;
  font-size:1.8em;
  line-height:1.4em;
}

h2 {
  font-size:1.4em;
}

h2.next-action {
  margin-top:0;
  padding-top:20px;
}

.text h2 {
  margin-top:1.5em;
  font-weight: bold;
}

h3 {
  font-size:1.2em;
}

h2, h3 {
  margin-bottom:0.4em;
}

/*** Lists ***/
ul {
  padding:0 0 0 1.2em;
  margin-left:0;
  list-style: square;
}

ol {
  padding:0 0 0 1.4em;
}

li {
  margin-bottom:.5em;
}

.helptext {
  color:#666;
}

h2 .helptext {
  font-size:13px;
  font-weight:normal;
}

#more-details {
  display:none;
}

#new-form {
  margin-top:-8px;
  width:359px;
}

#new-form h2{
  margin-top:0;
  margin-bottom:.8em;
}

#new-form td {
  border-color:#5ca0b3;
}

/*** Topnav ***/
#topnav a {
  float:left;
  display:block;
  height:28px;
  margin-top:2px;
  padding: 9px 9px 0;
}

#topnav a:visited {
  color: #2170ba;
}

#topnav a:hover, #topnav a.selected {
  background:#ecf8c4;
  text-decoration:none;
}

#topnav #utility {
  float:right;
}

/*** Add ***/
#add-opportunities {
  max-width: 100%;
  margin-top:-10px;
}

#add-opportunities h2 {
  margin-bottom: 12px;
}

#add-opportunities .right {
  margin-top:-16px;
}


/*** Edit ***/
.opportunity-group-title {
  font-size:1.5em;
  padding-top:20px;
  border:none;
}

.editable:hover {
  background: #d0e7f6;
}

.editable textarea, .editable input {
  display:block;
}

.editable input{
  width:240px;
}

.editable p {
  margin-top:0;
}

.editable em {
  color:#666;
}

p, .col {
  max-width:440px;
}

textarea#user_spiel, textarea#user_cover_letter {
  width:440px;
  height:300px;
}

.success {
  background: #e1ffe7;
}

.column {
  float:left;
}

.left {
  margin-right:10px;
  padding-right:10px;
  border-right:3px solid #ddd;
}

.column h2 {
  margin-top:0;
}

#demo-user {
  padding:10px;
  border-top:5px solid #ddd;
  border-bottom:2px solid #ddd;
  background:#f3f8fb;
  margin-bottom:1em;
}

#demo-user h1 {
  margin-top:0;
}

.warning {
  background: #ffefdd;
  padding:10px;
  border-top:5px solid #ddd;
  border-bottom:2px solid #ddd;
  margin-bottom:1em;
}

.border-box {
  padding:10px;
  border:2px solid #5ca0b3;
  border-style: solid none;
  margin-right:10px;
  background: #d0e7f6;
}

.border-box h2 {
  margin-top: 0;
}

#opportunities td, #opportunity td, .list td {
  border-bottom:1px solid #ddd;
}

/*** Review Opportunity ***/
#opportunity {
  width:400px;
}

#opportunity table {
  width:100%;
}

#opportunity td.col1 {
  width:140px;
}

.instructions {
  padding:1px 5px;
  background: #d0e7f6;
}

a.delete{
  color:red; 
}

#opportunity_next_action_datetime {
  width:77px;
}

/*** Sign Up ***/
#signup {
  padding:5px 20px 10px;
  border:2px solid #5ca0b3;
  border-style: solid none;
  margin-right:10px;
  background: #d0e7f6;
  margin:20px auto;
  width:295px;
}

body.signup #head {
/*  width:440px;*/
/*  margin:0 auto;*/
}

/*** Home ***/
#marketing {
  max-width:786px;
}

#marketing h1{
  margin-top:0;
}

#marketing #signup-form {
  display:none;
}

.break {
  clear:both;
}


/*** Get Started ***/
#get-started {
  width:440px;
  margin-top:-1em;
}

#screenshot {
  float:right;
  margin-left:10px;
  font-size:11px;
  text-align:center;
  font-style:italic;
}

#bottom {
  background:url("/images/bottom-bg.png");
  height:22px;
  max-width:786px;
}

.right {
  float:right;
  width:310px;
}

/******/
.error {
  background:#f54646;
  color:white;
  padding:2px 5px;
}

.utility {
  font-size: .7em;
}

/*** Footer ***/
#footer {
  padding-left:20px;
}

/*** Feeds ***/
#feed-list {
  margin-top: -8px;
}

#new_feed .fields {
  margin-bottom: 5px;
}
#feed_name {
  width: 140px;
}

#feed_url {
  width: 220px;
}

.delete {
  cursor:pointer;
}

.hide {
  display:none;
}

#error-message {
  margin:10px 0;
}

.feeds #facebox p {
  max-width: 300px;
}

.feeds .list td {
  padding: 10px 8px 10px 0;
}

/*** misc ***/
.clear {
  clear: both;
}