/* $Id: html-elements.css,v 1.5 2011/01/14 03:12:40 jmburnz Exp $ */

/**
 * @file html-elements.css
 * Contains basic styles for type, lists, forms and tables.
 */

 /*********************************************************
*                        Type
**********************************************************/
/**
 * Global Font Size
 *
 * All modern browsers set a base font of 16px, therefore
 * the default value of 1em = 16px. We reduce this to 12px.
 *
 * 75% of 16px. (0.75 * 16px = 12px).
 * 1em now is equal to 12 pixels. E.g.
 * 2em   = 24px
 * 1.5em = 18px
 * 1em   = 12px
 * 0.5em = 6px
 *
 * You may find these "px to em" calculators helpful;
 * http://riddle.pl/emcalc/
 * http://pxtoem.com/
 */

html {
font-size: 13px; 
/*  font-size: 75%; */
}

body {
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
/*  font-family: "Lucida", "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, sans-serif;*/
  line-height: 1.2;
}

h1 {
  font-size: 1.2em;
  margin: 0 0 0.5em 0;
  padding: 0;
}

h2 {
  font-size: 1.1em; 
}

h3 {
 font-size: 1.05em;
 display: block;
 -webkit-margin-before: 1em;
 -webkit-margin-after: 1em;
 -webkit-margin-start: 0px;
 -webkit-margin-end: 0px;
}

h4 {
  font-size: 1.02em;
}

h5, h6 {
  font-size: 1em;
}

/* The main title on each page. */
h1#page-title {}

/* Micro reset */
h1, h2, h3, h4, h5, h6,
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img,
em, dfn, del, ins {
  margin: 0; 
}
h5, h6 {
  margin: 0.5em 0;
}

p {
  margin: 0 0 0.75em; 
  padding: 0;
  line-height: 1.3;
}

blockquote p {
  margin: 0;
}

strong {
  font-weight: bold;
}

em, dfn {
  font-style: italic; 
}

dfn {
  font-weight: bold;
}

sup, sub {
  line-height: 0;
}

del {
  color: #666; 
}

ins {
  border-bottom: none;
  text-decoration: none;
}

pre, code {
  margin: 1.5em 0; 
  padding: 0; 
  white-space: pre;
}

pre, code, tt {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 1em;
}

p code {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 1em;
}

hr {
    border: 0px;
    border-top: 1px dotted #ffad8e;
}

/* Preserve line-height and selector appearance */
sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

/* Mitigate relative shrinkage */
li li, li p, td p, blockquote p {
  font-size: 1em;
}

blockquote, q {
  font-style: italic;  /* LTR */
  margin: 0 0 1.5em;
  padding: 0 0 0 3em;  /* LTR */
}

blockquote {
border: 1px solid #dedede;
font-style: italic;  /* LTR */
margin: 10px 10px 10px 30px;
padding: 5px 5px 5px 28px;
background-color: #f8f8f8;
background-image: url('images/postquote.png');
background-position: left top;
background-repeat: no-repeat;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, 
blockquote:after, 
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}


/**********************************************************
 *                 Global Link Styles
 **********************************************************/
 a {
  margin: 0; 
  padding: 0;
  text-decoration: none;
  color: black;
}

a:link,
a:visited {}

a:hover {
  color: #4f50ff;
}
a:focus,
a:active  {}

a.active  {}
a.active-trail {}

/* Drupal sets this to black. */
li a.active {}

/* Remove borders on linked images. */
a img {
}


/*********************************************************
*                     Lists
**********************************************************/
ul, ol {
  margin: 0 0 0.5em 1.75em; /* LTR */
  padding: 0;
}

li {
  margin: 0; 
  padding: 0;
}

/* Set nested list indentation */
ul ul, ul ol,
ol ol, ol ul,
.block ul ul,
.block ul ol,
.block ol ol,
.block ol ul,
.item-list ul ul,
.item-list ul ol,
.item-list ol ol,
.item-list ol ul {
  margin: 0;
}

/* Set nested list list-style-types */
ul          {
list-style-image: url(../../genesis/images/ul_1.png);
}
ul li.leaf {
list-style-image: url(../../genesis/images/ul_2.png);
}
ul li.collapsed {
list-style-image: url(../../genesis/images/ul_3.png);
}
ul ul       {list-style-type: circle;}
ul ul ul    {list-style-type: square;}
ul ul ul ul {list-style-type: circle;}
ol          {list-style-type: decimal;}
ol ol       {list-style-type: lower-alpha;}
ol ol ol    {list-style-type: decimal;}

dt {font-weight: bold;}
dd {margin: 0 0 1.5em 1.75em;} /* LTR */

.item-list ul, 
.item-list ol {
  margin: 0 0 0 1.75em; /* LTR */
  padding: 0;  
}

.item-list ul li {}


/*********************************************************
*                     Form elements
**********************************************************/
form {
/*  margin: 0 0 1.5em 0;  */
  padding: 0;
}
input {
}
input[type="text"] {
margin: 0;
padding: 1px 4px;
}
select {
margin: 0;
padding: 2px 4px;
}
input[type="submit"] {
  cursor: pointer;
  border: 1px solid #b4b4b4;
  border-radius: 3px;
  padding: 4px 10px;
  margin: 2px 5px;
  background: #FCFCFC;
  background: -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
  background: -webkit-linear-gradient(top, #FBFBFB 0%,#E9E9E9 100%);
  background: -o-linear-gradient(top, #FBFBFB 0%,#E9E9E9 100%);
  background: -ms-linear-gradient(top, #FBFBFB 0%,#E9E9E9 100%);
  background: linear-gradient(top, #FBFBFB 0%,#E9E9E9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e9e9e9',GradientType=0 );
  /*float: left;*/
  color: #737373;
}
input[type="submit"]:hover {
  color: #a52a2a;
}
input.text, 
input.title,
textarea {
  margin:0; 
  border: 1px solid #C0C0C0;
}

input.text:focus, 
input.title:focus,
textarea:focus, 
select:focus {
  border: 1px solid #666;
}

input.text, 
input.title {
  padding: 0.375em;
}

input.title {
  font-size: 1.5em;
}

textarea {
  border: 1px solid #CCC;
/*  height: 17px;/*auto; */
  padding: 0; /*.1875em 0;*/
  margin: 0;
}

input.form-checkbox, 
input.form-radio {
  vertical-align: top;
}

div.form-item {
  margin: 0px;
}

.form-item strong.error {
  display: block;
}

.form-item textarea.error {
  padding: 0.1875em;
}

.form-item .description {
  color: #666666;
  font-size: 1em; 
  line-height: 1.667em;
}

span.form-required, 
span.marker {
  color: #8A1F11;
}

div.form-item div.description img {
  margin: 0;
}

#node-admin-filter ul {
  padding: 0.375em 0;
}

#edit-operation-wrapper select {
  margin: 0.375em;
}

label, legend {
  margin: 0; 
  padding: 0;
}
label {
  font-size: 11px;
  font-weight: normal;
}
.description {
  font-size: 0.7em;
  font-weight: normal;
  color: #666666;
}
.container,
.container-inline div {
	display: inline;
}
.container-inline-date .date-padding {
padding: 0;
float: left;
}
input.text, input.title, textarea, select {
  margin: 0;
}
/* Fieldsets */
fieldset {
  background: transparent;
  border: 1px solid #ffdead;
  margin: 5px 0;
  padding: 5px;
}
.filter-wrapper {
border-top: 0;
margin: 0;
padding: 0;
}
.form-wrapper fieldset {
  border: none;
}

/* Targets IE 7. Fixes background image in field sets (if one is set). */
*:first-child+html fieldset {
  background-color: transparent;
  background-position: 0 .75em;
  padding: 0 1em 0.75em;
}

*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
  padding-top: 1.5em;
}

/* Fix legend in Firefox */
fieldset legend {
  display: block;
  padding: 0;
  color: #4169e1;
  font-size: 10px; 
  font-weight: normal; 
  text-transform: uppercase;
}

*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
  display: inline;
}

html.js fieldset.collapsed {
  background: transparent;
  padding-bottom: .75em;
  padding-top: 0;
}


/**********************************************************
 *                   Tables
 **********************************************************/
table {
  border-spacing: 0;
  font-size: 1em; 
  margin: 0.2em 0; 
  padding: 0; 
  width: 100%;
}

caption, th, td {
  font-weight: normal;
/*  text-align: left; /* LTR */
}

table, td, th {
  vertical-align: top;
}

tbody, tfoot, thead, tr {
  border: 0;
  margin: 0; 
  padding: 0;
}

thead th {
  border-bottom: 0.1875em solid #C0C0C0; 
  color: #494949;
  font-size: 0.8em;
/*  font-weight: bold; */
}

td, th {
/*  border-bottom: 1px solid #CCC; */
  margin: 0;
  padding: 1px 2px; 
}

th {
text-align: center;
}

tr.even,
tr.odd,
tbody th {
  /* border-bottom: 1px solid #CCC; System default */
}
tr.even,
tr.odd{
	border-bottom: 1px solid #ebeff5;
 
}

tr.odd, 
tr.info {
  background-color: #f4f4f4;
}

tr.even {
  background-color: #fdfdfd;
}

tr.drag {
  background-color: #FFFFF0;
}

tr.drag-previous  {
  background-color: #FFD;
}

tr.odd td.active  {
  background-color: #EEE;
}

tr.even td.active {
  background-color: #F7F7F7;
}
td.region, 
td.module, 
td.container td.category {
  background-color: #EEE;
/*  border-bottom: 1px solid #CCC; */
  border-top: 1.5em solid #FFF;
  color: #222;
  font-weight: bold;
}
tr:first-child td.region,
tr:first-child td.module, 
tr:first-child td.container {
  border-top-width: 0;
}
/* Table links */
table a:link, 
table a:visited {}
table a:visited, 
table a.active  {}
li.odd {
background-color: #f4f4f4;
}
li.even {
/*  background-color: #fffdf2; */
}