/* $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: 68.75%;
}

body {
  font-family: lucida grande, tahoma, Verdana, Geneva, "DejaVu Sans", sans-serif;
  line-height: 1.25;
}

h1, h2, h3, h4, h5, h6 {
  font-family: lucida grande, tahoma, "Myriad Pro",Arial,Helvetica,sans-serif;
  font-weight: normal;
}

h1 {
  font-size: 2em;
  margin: 0 0 0.5em 0;
  padding: 0;
  letter-spacing: 1.5px;
}

h2 {
  font-size: 1.5em; 
}

h3 {
  font-size: 1.333em;
}

h4 {
  font-size: 1.167em;
}

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; 
  padding: 0;
}

p {
  margin: 0 0 0.75em; 
  padding: 0;
}

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: 1em "Andale Mono", "Lucida Console", monospace;
}

p code {
  font: 1em "Courier New", Courier, monospace;
}

/* 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 */
}

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

blockquote, q {
  quotes: "" "";
}
/* Gradient transparent - color - transparent */ 
hr { 
border: 0; 
height: 1px;
 background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
 }

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

a:link,
a:visited {}

a:hover,
a:focus,
a:active  {}

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

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

/* Remove borders on linked images. */
a img {
  border: none;
}


/*********************************************************
*                     Lists
**********************************************************/
ul, ol {
  margin: 0 0 1.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-type: disc;}
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 {

}
/* Flyout category menu */
#flyout {width:140; position:relative;}
 
  /* Default list menu styles */
  #flyout ul {margin:0; 
  padding:0;
  list-style:none; 
  white-space:nowrap; 
  text-align:left;
  background:#FFFFFF;}
 
  /* Hide all sub categories */
  #flyout ul ul {position:absolute; left:-9999px;}
 
  /* Style for all anchor tags */
  #flyout a {display:block; 
  font-family:lucida grande, tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.9em; 
  white-space:pre-wrap; 
  line-height:20px; 
  text-decoration:none;
  padding:0 0 0 5px;
  width:170px;} 
 
  #flyout li a {}
 
  /* Add the arrow for categories that have children */
  #flyout li a.mnu {background:url(/sites/all/modules/nice_menus/arrow-right.png) no-repeat; background-position:160px 7px;}
 
  /* Styles for submenus */
  #flyout li a.submnu {background-color:#FFFFFF;}
  #flyout li a.submnua {background:url(/sites/all/modules/nice_menus/arrow-right.pngf) no-repeat; background-position:140px 7px; background-color:#FFFFFF; }
 
  /* Hover style for links in the menu */
  #flyout li:hover > a {background-color:#FFFFFF; text-decoration:underline;}
 
  /* Shows first level of submenus */
  /* #flyout ul li:hover > ul {left:120px; margin-top:-23px; margin-left:-1px;}*/
  #flyout ul li:hover > ul {left:100%; position:absolute; margin-left:0px; margin-top:-20px; border: 1px solid black;}
 
  /* Shows further submenus */
  #flyout a:hover ul,
  #flyout a:hover a:hover ul, 
  #flyout a:hover a:hover a:hover ul {left:100%;}
  #flyout a:hover ul ul, 
  #flyout a:hover a:hover ul ul {left:-9999px;}

/*********************************************************
*                     Form elements
**********************************************************/
form {
  margin: 0 0 1.5em 0; 
  padding: 0;
}

input {
}

.shinybutton {
	width: 150px;
	cursor: pointer;
	border: solid 2px black;
	color: white;
	background-color: grey;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

input.text, 
input.title,
textarea, 
select {
  margin:0.375em 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;
}

input.form-text, 
textarea {
  border: 1px solid #CCC;
  height: auto; 
  padding: 0.1875em 0;
}

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

div.form-item {
  margin-bottom: 1em; 
  margin-top: 1em;
}

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

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

.form-item .description {
  font-size: 0.9em; 
  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;
}

/* Fieldsets */
fieldset {
  background: transparent;
  border: 1px solid #dadada;
  margin: 1.5em 0;
  padding: 0.75em;
}

/* 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;
  font-weight: bold;
		padding: 0 1em 0 0;
}

*: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;
  border-collapse: collapse;
  margin: 1em 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-weight: bold; 
}

td, th {
  margin: 0;
  padding: 4px; 
}

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

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

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

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  {}