html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

@media (min-width:960px) {

/* =Containers
--------------------------------------------------------------------------------*/


.fullspan  {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

.container_12,
.container_16
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4
{
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8
{
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12
{
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16
{
	width: 940px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
	margin-left: 0;
}

.omega
{
	margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
	width: 60px;
}

.container_12 .grid_2
{
	width: 140px;
}

.container_12 .grid_4
{
	width: 300px;
}

.container_12 .grid_5
{
	width: 380px;
}

.container_12 .grid_7
{
	width: 540px;
}

.container_12 .grid_8
{
	width: 620px;
}

.container_12 .grid_10
{
	width: 780px;
}

.container_12 .grid_11
{
	width: 860px;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .grid_1
{
	width: 40px;
}

.container_16 .grid_2
{
	width: 100px;
}

.container_16 .grid_3
{
	width: 160px;
}

.container_16 .grid_5
{
	width: 280px;
}

.container_16 .grid_6
{
	width: 340px;
}

.container_16 .grid_7
{
	width: 400px;
}

.container_16 .grid_9
{
	width: 520px;
}

.container_16 .grid_10
{
	width: 580px;
}

.container_16 .grid_11
{
	width: 640px;
}

.container_16 .grid_13
{

 width:760px;

}

.container_16 .grid_14
{
	width: 820px;
}

.container_16 .grid_15
{
	width: 880px;
}

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4
{
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8
{
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12
{
	padding-left: 720px;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{
	padding-left: 80px;
}

.container_12 .prefix_2
{
	padding-left: 160px;
}

.container_12 .prefix_4
{
	padding-left: 320px;
}

.container_12 .prefix_5
{
	padding-left: 400px;
}

.container_12 .prefix_7
{
	padding-left: 560px;
}

.container_12 .prefix_8
{
	padding-left: 640px;
}

.container_12 .prefix_10
{
	padding-left: 800px;
}

.container_12 .prefix_11
{
	padding-left: 880px;
}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .prefix_1
{
	padding-left: 60px;
}

.container_16 .prefix_2
{
	padding-left: 120px;
}

.container_16 .prefix_3
{
	padding-left: 180px;
}

.container_16 .prefix_5
{
	padding-left: 300px;
}

.container_16 .prefix_6
{
	padding-left: 360px;
}

.container_16 .prefix_7
{
	padding-left: 420px;
}

.container_16 .prefix_9
{
	padding-left: 540px;
}

.container_16 .prefix_10
{
	padding-left: 600px;
}

.container_16 .prefix_11
{
	padding-left: 660px;
}

.container_16 .prefix_13
{
	padding-left: 780px;
}

.container_16 .prefix_14
{
	padding-left: 840px;
}

.container_16 .prefix_15
{
	padding-left: 900px;
}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4
{
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8
{
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12
{
	padding-right: 720px;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
	padding-right: 80px;
}

.container_12 .suffix_2
{
	padding-right: 160px;
}

.container_12 .suffix_4
{
	padding-right: 320px;
}

.container_12 .suffix_5
{
	padding-right: 400px;
}

.container_12 .suffix_7
{
	padding-right: 560px;
}

.container_12 .suffix_8
{
	padding-right: 640px;
}

.container_12 .suffix_10
{
	padding-right: 800px;
}

.container_12 .suffix_11
{
	padding-right: 880px;
}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .suffix_1
{
	padding-right: 60px;
}

.container_16 .suffix_2
{
	padding-right: 120px;
}

.container_16 .suffix_3
{
	padding-right: 180px;
}

.container_16 .suffix_5
{
	padding-right: 300px;
}

.container_16 .suffix_6
{
	padding-right: 360px;
}

.container_16 .suffix_7
{
	padding-right: 420px;
}

.container_16 .suffix_9
{
	padding-right: 540px;
}

.container_16 .suffix_10
{
	padding-right: 600px;
}

.container_16 .suffix_11
{
	padding-right: 660px;
}

.container_16 .suffix_13
{
	padding-right: 780px;
}

.container_16 .suffix_14
{
	padding-right: 840px;
}

.container_16 .suffix_15
{
	padding-right: 900px;
}

} /*end full screen media*/
/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}
/*
 *  File:         demo_table.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../images/ - relative to this CSS file.
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */


table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */
.sorting {
	background: url('../images/diy-audit/sort_both.png') no-repeat center right;
}

.sorting_asc {
	background: url('../images/diy-audit/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../images/diy-audit/sort_desc.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../images/diy-audit/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../images/diy-audit/sort_desc_disabled.png') no-repeat center right;
}

/* layout */

  .main {
    margin-top: 0.5em;
    padding-top: 1.0em;
    border-top: 1px solid #eee;
  }

/* header */
  header a {
    color: black;
    text-decoration: none;
  }
  header a:hover {
    color: #999;
  }
  header .logo {
    float: left;
  }
  header .auth {
    text-align: right;
  }

/* nav style */
  nav {
    clear: both;
  }
  nav li a {
    color: #999;
    text-decoration: none;
  }
  nav li a:hover,
  nav li.active a:hover {
    color: #666;
  }
  nav li.active a {
    color: #333;
  }
  nav ul {
    margin: 0;
    padding: 0;
    border: 0;
    display: inline;
  }
  nav li {
    display: inline;
    list-style: none;
    padding-right: 0.5em;
  }

/* flash */
  .flash {
    margin: auto;
    padding: 0;
    width: 100%;
  }
  .info, .success, .error, .notice {
    border: 0;
   }
  .flash .message {
    color: inherit;
  }
  .flash .message a {
    color: inherit;
  }
  .flash li {
    border: 0;
    list-style: none;
  }
  .flash .dismiss {
    margin-top: 0.5em;
    display: block;
    font-style: italic;
  }
  .flash .dismiss:before {
    /* content: " \2014 " */
    content: "["
  }
  .flash .dismiss:after {
    content: "]"
  }
  .flash .info {
    border: 1px dotted #d5edf8;
    background-color: white;
  }
  .flash .notice {
    border: 1px dotted #fff6bf;
    background-color: white;
  }
  .flash .error {
    border: 1px dotted #fce7e8;
    background-color: white;
  }
  .flash .success {
    border: 1px dotted #e6efc2;
    background-color: white;
  }



/* global */
/*
  a {
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
  }
*/

  table.layout {
    margin: 0px;
    padding: 0px;
    padding: 0px;
  }

/* app forms */
form.app {
  background-color: #f6f6f6;
  border: 1px solid #f0f0f0;
  text-align: left;
  padding: 4.2px;
}
form.app.small {
  width: 30%;
}
form.app.half {
  width: 50%;
}
form.app.medium {
  width: 60%;
}
form.app.large {
  width: 90%;
}
form.app legend {
  color: #999;
  font-weight: normal;
  font-style: italic;
}
form.app label {
  margin-top: 1em;
  display: block;
  color: #666;
}
form.app input.text,
form.app input.password
form.app input.number
{
  margin-top: 4.2px;
  padding: 4.2px;
  width: 60%;
}
form.app textarea
{
  width: 90%;
}
form.app fieldset {
  border: 1px solid #eee;
  color: #666;
}
form.ap hr {
  border: 0px;
  border-bottom: 1px solid #999;
}
form.app .disabled {
  opacity: 0.70;
}
form.app .instructions {
  margin-top: 1em;
  color: #666;
  font-style: italic;
}
form.app .errors {
  margin-top: 1em;
  font-weight: bold;
  color: #933;
}

/* Neighbor Chart */

#chart-neighbor-comparison {
  height: 177px;
  background: url(/images/neighbor-comparison-bar-colored.png) left 136px no-repeat;
  position: relative;
}

/*#chart-neighbor-comparison .label {
  height: 33px;
  width: 143px;
  background: url(/images/neighbor_comparison_label.png) 0 0 no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}*/

#chart-neighbor-comparison .label {
  height: 27px;
  width: 153px;
  position: absolute;
  left: 0;
  top: 0;
}

.neighbor_comparison_label_1{
  background: transparent url(/images/neighbor_comparison_label_sprite.png) 0 0;
}
.neighbor_comparison_label_10{
  background: transparent url(/images/neighbor_comparison_label_sprite.png) 0 -77px;
}
.neighbor_comparison_label_2{
  background: transparent url(/images/neighbor_comparison_label_sprite.png) 0 -154px;
}
.neighbor_comparison_label_3{
  background: transparent url(/images/neighbor_comparison_label_sprite.png) 0 -231px;
}
.neighbor_comparison_label_4{
  background: transparent url(/images/neighbor_comparison_label_sprite.png) 0 -308px;
}
.neighbor_comparison_label_5{
  background: transparent url(/images/neighbor_comparison_label_sprite.png) 0 -385px;
}
.neighbor_comparison_label_6{
  background: transparent url(/images/neighbor_comparison_label_sprite.png) 0 -462px;
}
.neighbor_comparison_label_7{
  background: transparent url(/images/neighbor_comparison_label_sprite.png) 0 -539px;
}
.neighbor_comparison_label_8{
  background: transparent url(/images/neighbor_comparison_label_sprite.png) 0 -616px;
}
.neighbor_comparison_label_9{
  background: transparent url(/images/neighbor_comparison_label_sprite.png) 0 -693px;
}
.neighbor_comparison_label_undefined{
  display:none;
}

#chart-neighbor-comparison .you {
  top: 90px;
}

#chart-neighbor-comparison .neighbor {
  top: 37px;
}

#chart-neighbor-comparison .package {
  top: 52px;
}
#chart-neighbor-comparison .ideal {
  top: 11px;
}

#chart-neighbor-comparison .detail {
  font-size: 11px;
  position: absolute;
  top: 8px;
  left: 6px;
  line-height: 1.1em;
}

#chart-neighbor-comparison .rating {
  position: absolute;
  color: white;
  font-size: 19px;
  top: 5px;
  right: 10px;
}

#chart-neighbor-comparison .ideal .rating, #chart-neighbor-comparison .neighbor .rating  {
  right: 10px;
}

#chart-neighbor-comparison .ideal .line {
  background: url(/images/ideal2_line.png) 120px 24px no-repeat;
  height: 170px;
}

#chart-neighbor-comparison .neighbor .line {
  background: url(/images/your_neighbors_line.png) 120px 25px no-repeat;
  height: 99px;
}

#chart-neighbor-comparison .you .line {
  background: url(/images/you_today_line.png) 120px 24px no-repeat;
  height: 47px;
}

#chart-neighbor-comparison .package .line {
  background: url(/images/your_neighbors_line.png) 120px 24px no-repeat;
  height: 85px;
}

/* raptcha */
form.app input.raptcha-input {
  border: 0px solid red;
  width: 222px;
  height: 42px;
  padding: 10px;
  font-size: 2em;
  letter-spacing: 0.5em;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}
form.app img.raptcha-image {
  margin: 0.5em 0em;
}

/* Getting IE 7 to render right... */
div.selector select {
  width: 100%;
}

li.grouped {
  display: block;
  width: 100%;
}

li.grouped ul li {
  display: block;
  width: 100%;
}

.float-right {
  float: right;
}
.float-left {
  float: left;
}

.padding-3 {
  padding: 3px;
}

.width-250 {
  width: 250px;
}
.width-300 {
  width: 300px;
}

.height-25 {
  height: 25px;
}

.padding-top-5 {
  padding-top: 5px;
}