/* 
    Document   : landing page style sheet
    Created on : Jul 20, 2009, 8:37:59 AM
    Author     : PagerDuty
    Description:
        landing page style sheet
*/

/* Basics */
* {
  margin:0;
  padding:0
}

body {
  font-size: 14px;
  font-family: Helvetica,Arial,"sans serif";
  background-color: #E5E5E5;
  color: #222222;
}

img {
  border-width: 0px;
  vertical-align: middle;
}

a {
  color: #1969BC;
  text-decoration: none;
}
a:hover { 
  text-decoration: underline;
}

.clear {
  clear: both;
  height: 0;
}

/* =UserVoice feedback tab
------------------------------------------------------------------------------*/

a#uservoice-feedback-tab {
  background: #222222 url(/images/feedback_tab.png) no-repeat scroll -3px 50%;
  border-color: #222222 #222222 #222222 transparent;
  border-style: outset outset outset none;
  border-width: 1px 1px 1px medium;
  display: block;
  position: fixed;
  height: 90px;
  width: 22px;
  left: 0;
  margin-top: -45px;
  top: 40%;
  cursor: pointer;
  z-index: 100001;
}
a#uservoice-feedback-tab:hover {
  background-color: #0066CC;
  border-color: #0066CC #0066CC #0066CC transparent;
  border-style: outset outset outset none;
  border-width: 1px 1px 1px medium;
  cursor: pointer;
}

/* Headers */

div.header {
  margin: 0;
  background: url(/images/header_gradient_out.png) repeat-x; 
  background-color: #F1F1F1;
  border-bottom: 1px solid #CCCCCC;
  height: 50px;
  min-width: 990px;
  overflow: hidden;
}

div.header_wrapper {
  width:  960px;
  margin-left: auto;
  margin-right: auto;
  height: 50px;
}

div.header div.logo {
  float: left;
  padding-top: 10px;
}

div.header div.login {
  float: right;
  font-size: 10px;
  padding: 0;
}

/* content body */
div.content {
  margin: 0;
  background-color: #FFFFFF;
  min-width: 990px;
  padding-top: 20px;
  /*** TEMP ***/
  font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

div.content_wrapper {
  width: 960px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}

div.content_header {
  width:  960px;
  margin-left: auto;
  margin-right: auto;
}
div.content_inner {
  float: right;
  width: 700px;
  color: #666666;
  font-size: 13px;
}
div.content_inner h1, div.content_inner h2, div.content_inner h3 {
  color: #333333;
}

/* non-landing page header */
div.content_header_container {
  margin: 0;
  background-color: #E4F2FD;
  border-bottom: 1px solid #C6D9E9;
  height: 78px;
  min-width: 990px;
}

div.content_header_container h2 {
  font-size: 36px;
  padding-top: 24px;
  line-height: 1em;
  letter-spacing: -0.06em;
 /* font-weight: normal;
  font-family: Georgia,Times,"Times New Roman",serif; */
}

/* forms */
div.marketing_form {
  width: 100%;
  background-color: #FFFFFF;
}

div.marketing_form fieldset {
  border: 1px solid #D5D5D5;
  background-color: #F2F4F3;
  margin-top: 15px;
  padding: 10px;
}

div.marketing_form fieldset p {
  margin-bottom: 10px;
  font-size: 14px;
}

div.marketing_form legend {
  border: 1px solid #D5D5D5;
  background-color: #FFFFFF;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: bold;
}

div.marketing_form table {
  border-collapse: collapse;
  width: 100%;
}

div.marketing_form table tr.fields td, div.marketing_form table tr.fields th {
  padding-top: 5px;
}

div.marketing_form td {
  font-size: 14px;
  line-height: 33px;
  vertical-align: top;
}

div.marketing_form td.label {
  font-weight: bold;
  margin-right: 5px;
  text-align: right;
  width: 200px;
  padding-right: 10px;
}

div.marketing_form table th{
  font-weight: bold;
  margin-right: 5px;
  text-align: right;
  width: 200px;
  padding-right: 10px;
}

div.marketing_form td.label.not_required {
  font-weight: normal;
}

div.marketing_form td.label.vtop {
  vertical-align: top;
}

div.marketing_form td.check_box {
  width: 15px;
  vertical-align: top;
  font-weight: bold;
  margin-right: 5px;
  text-align: right;
  padding-right: 10px;
}

div.marketing_form td.collapse_width {
  width: 1px;
  vertical-align: top;
}

div.marketing_form input, div.marketing_form select {
  font-size: 14px;
}

div.marketing_form textarea {
  font-size: 14px;
}

div.marketing_form  div.formError {
  color: red;
  font-size: 12px;
  font-style: italic;
  line-height: 12px;
  white-space: nowrap;
}

div.marketing_form div.fieldWithErrors{
  display:inline;
}

div.submit_button {
  margin-top: 15px;
}

div.submit_button input {
  font-size: 20px;
}

div.thank_you {
  border: 1px solid #D5D5D5;
  background: #F2F4F3 none repeat scroll 0 0;
  margin-top: 15px;
  padding: 10px;
  text-align: center;
}

/* Footer */
div.footer {
  margin: 0;
  border-top: 1px solid #D5D5D5;
  background-color: #E5E5E5;
  height: 150px;
  font-size: 12px;
}

div.footer_content {
  margin-left: auto;
  margin-right: auto;
  width: 900px;
  padding-top: 15px;
}

div.footer p {
  margin-bottom: 12px;
  text-align: center;
}

/* Error */
div.fieldWithErrors input {
  background-color: #FFBFBF;
}

div.fieldWithErrors textarea {
  background-color: #FFBFBF;
}

div.formError {
  color: red;
  font-size: 10px;
  font-style: italic;
}

/*
 * Columns
 */
 
div.center_column {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}