/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* general styles */
body {
  text-align: center;
  font-family: verdana, arial, sans-serif;
  background: #E6E6E6 url('../images/bg-body.jpg') left top repeat-x;
  font-size: 0.9em;
}

body, td {
  font-size: 1em;
  color: #222;
}

th {
  font-weight: bold;
}

h1 {
  font-size: 1.5em;
}

h2 {
  font-size: 1.4em;
}

h3 {
  font-size: 1.2em;
  font-weight: bold;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

a {
  color: #000;
}

a:hover {
  color: #222;
}

#content ul li {
  list-style-type: square;
  margin-left: 20px;
}

#content #tabs ul li {
  list-style-type: none;
  margin-left: 0;
}

.clear {
  clear: both;
}

span.lci {
  font-style: italic;
  color: #314963;
}

div.info {
  padding: 10px 10px 0 10px;
  background: #eeeeff;  
  border: 1px solid #ddf;
  margin: 10px 0;
}

div.info p , div.info ul {
  margin-bottom: 10px;
}

div.info h2 {
  margin-top: 0;
  padding-top: 0;
}

div.box {
  padding: 10px;
  background: #f5f5f5;  
  border: 1px solid #eee;
  margin: 10px 0;
}

div.messages {
  padding: 10px;
  background: #005D02;  
  border: 2px solid #013F02;
  color: #fff;
  margin: 10px 0;
}

div.errors {
  padding: 10px;
  background: #A60000;  
  border: 2px solid #790303;
  color: #fff;
  margin: 10px 0;
}

.hidden {
  display: none;
}

/* layout */

#wrap {
  margin: 1px auto;
  text-align: left;
  background: #fff;
  width: 950px;
}

#header {
  height: 110px;
  color: #fff;
}

#header_inner {
  width: 950px;
  margin: 0 auto;
}

#header a {
  color: #fff;
}

#logo {
  margin-top: 10px;
  float: left;
}

#menu {
  text-align: center;
  margin-top:50px;
  height: 20px;
  float: right;
}

#menu ul {
  
}

#menu ul li {
  float: left;
}

#menu ul li a {
  display: block;
  padding: 3px 10px;
}

#sidebar {
  float: right;
  width: 178px !important;
  width: 198px;
  padding: 10px;
  background: #eeeeff;  
  border: 1px solid #ddf;
  display: none;
}

#main {
  float: left;
  width: 730px !important;
  width: 750px;
  padding: 10px;
}

#footer {
  clear: both;
  padding: 10px;
  background: #f9f9f9;  
  border-top: 1px solid #eee;
  text-align: center;
}

/* BUTTONS */

.button {
  background: transparent url('../images/bg-button.jpg') left top no-repeat;
  text-align: center;
  color: #fff;
  font-weight: bold;
  border: 0;
  width: 150px;
  height: 46px;
}

.button:hover {
  background-image: url('../images/bg-button-hover.jpg')
}

.button:focus, input.button:focus, a.button:focus {
  -moz-outline-style: none;
}

.new_account_button {
  background: url('../images/pencil.png') left center no-repeat;
}

.edit_button {
  background: url('../images/pencil.png') left center no-repeat;
}

.delete_button {
  background: url('../images/delete.png') left center no-repeat;
}

:-moz-any-link:focus {
  outline: none;
}

#content .ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 0.9em;
}

.criteria_or {
  border: 1px solid #ccc;
  background: #eee;
  padding: 5px;
  margin: 5px 0;
  overflow: auto;
  max-width: 500px;
}

.criteria_and {
  float: left;
  border: 1px solid #aaa;
  background: #ddd;
  padding: 5px;
  margin: 0 5px 5px 0;
  width: 190px;
}

.criteria_and select {
  width: 90px;
  margin: 2px 0;
}

.criteria_and input {
  width: 190px;
  margin: 2px 0;
}

.and_button {
  clear: both;
  float: right;
}

tr.row_1 {
  background: #f5f5ff;
  border-bottom: 1px solid #ccf;
}

tr.row_2 {
  background: #efefff;
  border-bottom: 1px solid #ccf;
}

tr.row_1 td, tr.row_1 td {
  padding: 2px;
}

/* edit rules */

#edit_rule_heading {
  border: 1px solid #ddd;
  background: #f5f5f5;
  padding: 5px;
  margin: 0 0 5px 0;
}

#edit_rule_criteria {
  clear: left;
  margin: 0 0 5px 0;
  float: left;
  width: 450px;
  max-height: 240px;
  overflow: auto;
}

#edit_rule_criteria_heading {
  float: left;
  width: 300px;
}

#edit_rule_right {
  float: right;
  width: 340px;
}

#edit_rule_filters {
  border: 1px solid #ddd;
  background: #f5f5f5;
  padding: 5px;
  margin: 0 0 5px 0;
}

#edit_rule_actions {
  border: 1px solid #ddd;
  background: #f5f5f5;
  padding: 5px;
  margin: 0 0 5px 0;
}

#edit_rule_buttons {
  text-align: center;
  padding: 5px;
  margin: 0 0 5px 0;
}

button.and_add_button, button.and_delete_button, button.or_delete_button {

}

button.and_add_button, button.or_add_button {
  background-image: url('../images/add.png');
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 2px;
  border: 0;
}

button.and_delete_button, button.or_delete_button {
  background-image: url('../images/delete.png');
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 2px;
  border: 0;
}

#body_copy {
  line-height: 120%;
}

#body_copy h2 {
  margin: 20px 0 10px 0;
}

#body_copy p {
  margin-bottom: 10px;
}

#body_copy ul li {
  list-style-type: square;
  margin-left: 20px;
}

#body_copy ol li {
  list-style-type: decimal;
  margin-left: 20px;
}

#hook {
  background: #eeeeff;  
  border: 2px solid #ddf;
  padding: 10px;
  margin: 10px 0;
}

div.signup_form td {
  padding: 2px;
}

div.signup_form {
  background: #eee;
  border: 2px solid #ccf;
  padding: 10px;
  margin: 10px 0;
}

div.guarantee {
  background: #F7F3F3 url(../images/bg-guarantee.gif) 10px center no-repeat;
  margin: 10px 0;
  padding: 10px 10px 10px 100px;
  border: 1px solid #d0d0d0;
}

div.testimonials, div.testimonial {
  background: #E9EFF5 url(../images/bg-testimonial.gif) 20px 10px no-repeat;
  padding: 30px 60px;
  margin: 10px 0;
}

div.testimonials strong, div.testimonial strong {
  color: #e37d7e;
  display: block;
  text-align: right;
  margin-top: 5px;
}