/*
BODY 
***********************/
body {
	margin: 0;
	padding: 10px;
	font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#page {
	font-size:16px;
	color:#666;
}
#page-inner {
	width:520px;
	margin:0 auto;
	padding:60px 0;
}
body.section-admin #page-inner,
body.page-accounts-active #page-inner,
body.page-accounts-inactive #page-inner,
body.page-accounts-demo #page-inner {
	width:900px;
}


/*
COMMON 
***********************/
a {
	color:#3366cc;
}
a:hover {
	text-decoration:underline;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */
h1 {
	color:#444;
}
h3 {
	font-size:16px;
	color:#444;
	font-weight:bold;
	margin:0 0 1em;
}
input {
	color:#666;
}
.button,
#navbar ul li {
	background:url(../_images/button-gray.gif) no-repeat;
	float:left;
	padding:0 0 0 10px;
	font-size:14px;
	text-shadow:#fff;
}
.button-inner,
#navbar ul li a {
	float:left;
	background:#f8f8f8 url(../_images/button-gray.gif) no-repeat right top;
	height:36px;
}
.button a {
	color:#666;
	text-decoration:none;
	display:block;
	height:30px;
	padding:6px 15px 0 33px;
}
.button a:hover {
	text-decoration:underline;
}
#button-assign a {
	background:url(../_images/icon-star.jpg) no-repeat;
	background-position:0 5px;
}
#button-edit a {
	background:url(../_images/icon-edit.jpg) no-repeat;
	background-position:0 6px;
}
#button-home a {
	background:url(../_images/icon-home.jpg) no-repeat;
	background-position:0 4px;
}
#button-activate {
	float:right;
	background:url(../_images/button-black.gif) no-repeat;
	width:165px;
}
#button-deactivate {
	float:right;
	background:url(../_images/button-black.gif) no-repeat;
	width:179px;
}
#button-activate .button-inner, #button-deactivate .button-inner {
	float:right;
	background:#f8f8f8 url(../_images/button-black.gif) no-repeat right top;
}
#button-activate a, #button-deactivate a {
	background:url(../_images/icon-activate-black.jpg) no-repeat;
	color:#FFF;
	background-position:0 6px;
}


/*
HEADER
***********************/
#header {
	text-align:center;
}
#header-inner {
	padding:0 0 60px;
}
#logo-title /* Wrapper for logo, website name, and slogan */ {
}
#logo /* Wrapper for logo */ {
	margin: 0 10px 0 0;
	padding: 0;
}
#logo-image /* The actual logo image */ {
}
h1#site-name, div#site-name /* The name of the website */ {
	margin: 0;
	font-size: 2em;
	line-height: 1.3em;
}
#site-name a:link,  #site-name a:visited {
	color: #000;
	text-decoration: none;
}
#site-name a:hover {
	text-decoration: underline;
}
#site-slogan /* The slogan (or tagline) of a website */ {
}
#header-blocks /* Wrapper for any blocks placed in the header region */ {
}


/*
MAIN (container for everything else)
***********************/
#main {
}
#main-inner {
}


/*
CONTENT
***********************/
#content {
}
#pre-content {
}
#content-inner {
}
#mission /* The mission statement of the site (displayed on homepage) */ {
}
#content-bottom {
	padding:0 10px;
}
#content-header {
	padding:0 10px;
}
.breadcrumb /* The path to the current page in the form of a list of links */ {
	padding-bottom: 0; /* Undo system.css */
}
h1.title, /* The title of the page */  h2.title, /* Block title or the title of a piece of content when it is given in a list of content */  h3.title /* Comment title */ {
	margin: 0;
}
div.messages /* Important messages (status, warning, and error) for the user */ {
}
div.status /* Normal priority messages */ {
}
div.warning, tr.warning /* Medium priority messages */ {
/* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
  }
div.error, tr.error /* High priority messages. See also the .error declaration below. */ {
}
div.tabs /* See also the tabs.css file. */ {
}
.help /* Help text on a page */ {
	margin: 1em 0;
}
.more-help-link /* Link to more help */ {
	font-size: 0.85em;
	text-align: right;
}
#content-area {
	background:url(../_images/panel.gif) no-repeat top;
	width:520px;
	padding:30px 0 0;
	margin:0 0 10px;
}
#content-area-inner {
	background:url(../_images/panel.gif) no-repeat bottom;
	padding:0 40px 40px;
}
body.section-admin #content-area,
body.page-accounts-active #content-area,
body.page-accounts-inactive #content-area,
body.page-accounts-demo #content-area {
	width:900px;
	background:none;
}
body.section-admin #content-area-inner,
body.page-accounts-active #content-area-inner,
body.page-accounts-inactive #content-area-inner,
body.page-accounts-demo #content-area-inner {
	padding:0 0 40px;
	background:none;
}
.pager /* A list of page numbers when more than 1 page of content is available */ {
	clear: both;
	margin: 1em 0;
	text-align: center;
}
.pager a, .pager strong.pager-current {
	padding: 0.5em;
}
.feed-icons /* The links to the RSS or Atom feeds for the current list of content */ {
	margin: 1em 0;
}
#content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ {
}
/* HOME */
#phone-id {
	width:280px;
	height:30px;
	padding:6px 10px 0 10px;
	background:#fff;
	border:1px solid #cdcdcd;
	font-size:16px;
	float:left;
}
.button-confirm {
	height:36px;
	color:#FFF;
	border:0;
	padding:0 0 0 36px;
	font-size:14px;
	text-align:left;
	width:165px;
	background:url(../_images/button-confirm.jpg) no-repeat;
	float:right;
}
#phone-id-submit {
	width:108px;
	background:url(../_images/button-proceed.jpg) no-repeat;
}
#button-confirm {
	width:108px;
	background:url(../_images/button-proceed.jpg) no-repeat;
}
/* TABLE */
table {
	margin:0 0 20px;
	width:98%;
}
td, tbody th, thead th {
	border-bottom:1px solid #cdcdcd;
	padding:15px 10px;
}
tbody th {
	color:#444;
}
body.section-accounts td, 
body.section-admin td,
body.section-accounts tbody th,
body.section-admin tbody th,
body.section-accounts thead th,
body.section-admin thead th {
	padding:10px;
}
body.section-accounts thead th {
	color:#fff;
}
body.page-accounts-demo tbody td {
	background:#f8f8f8;
}
body.page-accounts-demo thead th {
	background:#444;
}
body.page-accounts-inactive tbody td {
	background:#F6D9D9;
	border-bottom:1px solid #BD3736;
}
body.page-accounts-inactive thead th {
	background:#BD3736;
	border-bottom:1px solid #BD3736;
}
body.page-accounts-active tbody td {
	background:#F4FDE7;
	border-bottom:1px solid #86B644;
}
body.page-accounts-active thead th {
	background:#86B644;
	border-bottom:1px solid #86B644;
}
/* message */
#msg-confirm {
	background:#F4FDE7;
	border:1px solid #7FC52E;
	padding:10px 15px;
	color:#538A17;
}
/* details */
#details {
	padding:0;
	margin:0 0 30px;
}
#details li {
	list-style-type:none;
	margin:0 0 .4em;
}


/*
FOOTER NAVBAR 
***********************/
#footernavbar {
	text-align:center;
	clear:both;
	margin-top:80px;
}
.admin-link {
	color:#2D2D2D;
	font-size:11px;
	font-weight:bold;
}
	


/*
NAVBAR 
***********************/
#navbar {
	margin:0 0 30px;
}
#navbar-inner {
}
#navbar ul li {
	list-style-type:none;
	margin:0 5px 0 0;
	list-style-image:none;
}
#navbar ul li a {
	padding-right:10px;
	padding-top:6px;
	height:30px;
	text-decoration:none;
	color:#444;
}
#navbar ul li a:hover {
	text-decoration:underline;
}
#navbar ul li.active-trail {
	background:url(../_images/button-black.gif) no-repeat;
}
#navbar ul li.active-trail a {
	background:#fff url(../_images/button-black.gif) no-repeat right top;
	color:#FFF;
}


/*
DRUPAL NODES
***********************/
.node /* Node wrapper */ {
}
.node-inner /* Additional wrapper for node */ {
}
.sticky /* A sticky node (displayed before others in a list) */ {
}
.node-unpublished /* Unpublished nodes */ {
/* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
  }
.node-unpublished div.unpublished, /* The word "Unpublished" displayed beneath the content. */  .comment-unpublished div.unpublished {
	height: 0;
	overflow: visible;
	color: #d8d8d8;
	font-size: 75px;
	line-height: 1;
	font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	word-wrap: break-word; /* A very nice CSS3 property */
}
.node-mine /* A node created by the current user */ {
}
.node-teaser /* A node displayed as teaser */ {
}
/* All nodes are given a node-type-FOO class that describes the type of
   * content that it is. If you create a new content type called
   * "my-custom-type", it will receive a "node-type-my-custom-type" class.
   */
.node-type-page /* Page content node */ {
}
.node-type-story /* Story content node */ {
}
.node h2.title /* Node title */ {
}
.marker /* "New" or "Updated" marker for content that is new or updated for the current user */ {
	color: #c00;
}
.node .picture /* The picture of the node author */ {
}
.node.node-unpublished .picture,  .comment.comment-unpublished .picture {
	position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
}
.node .meta /* Wrapper for submitted and terms data */ {
}
.node .submitted /* The "posted by" information */ {
}
.node .terms /* Node terms (taxonomy) */ {
}
.node .content /* Node's content wrapper */ {
}
.node div.links /* Wrapper for node links */ {
	margin: 1em 0;
}
ul.links /* Taxonomy links, node links, comment links */ {
	margin: 0;
	padding: 0;
}
ul.links.inline {
	display: inline;
}
ul.links li {
	display: inline;
	list-style-type: none;
	padding: 0 0.5em;
}
.preview .node /* Preview of the content before submitting new or updated content */ {
/* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }


/*
DRUPAL BLOCKS
***********************/
.block /* Block wrapper */ {
	margin-bottom: 1em;
}


/*
MISC DRUPAL STYLES 
***********************/
.more-link /* Aggregator, blog, and forum more link */ {
	text-align: right;
}
#user-login-form /* Drupal's default login form */ {
	text-align: left;
}
li a.active /* The active item in a Drupal menu */ {
	color: #000;
}


/*
DRUPAL FORMS
***********************/
.form-item, /* Wrapper for a form element (or group of form elements) and its label */  .form-checkboxes,  .form-radios {
	margin: 1em 0;
}
.form-item input.error, /* Highlight the form elements that caused a form submission error */  .form-item textarea.error,  .form-item select.error {
	border: 2px solid #c00;
}
.form-item label /* The label for a form element */ {
	display: block;
	font-weight: bold;
}
.form-item label.option /* The label for a radio button or checkbox */ {
	display: inline;
	font-weight: normal;
}
.form-required /* The part of the label that indicates a required field */ {
	color: #c00;
}
.form-item .description /* The descriptive help text (separate from the label) */ {
	font-size: 0.85em;
}
.form-checkboxes .form-item, /* Pack groups of checkboxes and radio buttons closer together */  .form-radios .form-item {
	margin: 0.4em 0;
}
.form-submit /* The submit button */ {
}
.container-inline div, .container-inline label /* Inline labels and form divs */ {
	display: inline;
}
.tips /* Tips for Drupal's input formats */ {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}


/*
OPEN ID 
***********************/
  /* The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */
#user-login-form ul /* OpenID creates a new ul above the login form's links. */ {
	margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
}
#user-login-form li.openid-link, /* The "Log in using OpenID" links. */  #user-login li.openid-link {
	margin-top: 1em;
	margin-left: -20px; /* Un-do some of the padding on the ul list. */
	padding-left: 20px;
	background-position: left center;
}
#user-login-form li.user-link, /* The "Cancel OpenID login" links. */  #user-login li.user-link {
	margin-top: 1em;
	list-style-type: disc;
	list-style-position: outside;
}
#user-login li.openid-link, /* The OpenID links on the /user form. */  #user-login li.user-link {
	margin-left: -2em; /* Un-do all of the padding on the ul list. */
}


/*
DRUPAL ADMIN TABLES
***********************/
  /* We overrode these styles in html-elements.css, but restore them for the
   * forms on the site.
   */
form tbody {
	border-top: 1px solid #ccc;
}
form th {
	text-align: left;
	padding-right: 1em;
	border-bottom: 3px solid #ccc;
}
form tbody th {
	border-bottom: 1px solid #ccc;
}
form thead th {
	text-align: left;
	padding-right: 1em;
	border-bottom: 3px solid #ccc;
}