/*	Hummingbird Resources Stylesheet 
	BellamyStudio, 2011
*/


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:visited { color: #0c6079; text-decoration:none}
a:hover { color: #036; }

/*
Blueprint grid & styles */

/* typography.css */
html {font-size:100.01%; font:normal 75%/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:0;color:#434343;position:relative;text-shadow:0 1px 0 rgba(255,255,255,.8);-webkit-font-smoothing: subpixel-antialiased; }
h1, h2, h3, h4, h5, h6 {color:#111; line-height:1.2}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em; font-weight:600; color:#444}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:0.75em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:0.5em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1em 0;}
.left {float:left !important;}
p .left {margin:1em 1em 1em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1em 0 1em 1em;padding:0;border:1px solid #ccc}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold; text-align:left}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

.row {padding:1em 0; border-bottom:1px dotted #ccc}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
fieldset, #IE8#HACK {padding-top:1.4em;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
select {background-color:#fff;border-width:1px;border-style:solid;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:100px;padding:5px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .alert, .notice, .success, .info, .valid {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success, .valid {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}

/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(/images/template/grid.png);}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px;}
.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24 {width:950px;margin-right:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;}
input.span-1, textarea.span-1 {width:18px;}
input.span-2, textarea.span-2 {width:58px;}
input.span-3, textarea.span-3 {width:98px;}
input.span-4, textarea.span-4 {width:138px;}
input.span-5, textarea.span-5 {width:178px;}
input.span-6, textarea.span-6 {width:218px;}
input.span-7, textarea.span-7 {width:258px;}
input.span-8, textarea.span-8 {width:298px;}
input.span-9, textarea.span-9 {width:338px;}
input.span-10, textarea.span-10 {width:378px;}
input.span-11, textarea.span-11 {width:418px;}
input.span-12, textarea.span-12 {width:458px;}
input.span-13, textarea.span-13 {width:498px;}
input.span-14, textarea.span-14 {width:538px;}
input.span-15, textarea.span-15 {width:578px;}
input.span-16, textarea.span-16 {width:618px;}
input.span-17, textarea.span-17 {width:658px;}
input.span-18, textarea.span-18 {width:698px;}
input.span-19, textarea.span-19 {width:738px;}
input.span-20, textarea.span-20 {width:778px;}
input.span-21, textarea.span-21 {width:818px;}
input.span-22, textarea.span-22 {width:858px;}
input.span-23, textarea.span-23 {width:898px;}
input.span-24, textarea.span-24 {width:938px;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
.border {padding-right:4px;margin-right:5px;border-right:1px solid #ddd;}
.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #ddd;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:left;position:relative;}
div.prepend-top, .prepend-top {margin-top:1.5em;}
div.append-bottom, .append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/* list resets */
nav ul, footer ul, ul#crumb, ul#stocks {margin:0; padding:0; list-style:none}

/* NAVBAR */
nav {display:block; width:974px; margin:10px -12px 0 -12px;  background:url('/images/template/full_navbar_bg.png') 0 -1px no-repeat; padding:0 0 5px 0; font-weight:600; position:relative; z-index:10; font-size:1em} 
nav li {border-right:1px solid #6ea92f; text-shadow: 0 -1px 1px #74ae36; cursor:pointer}
nav a, #nav a {display:block; font-size:1.1em; padding:9px 10px 9px 10px; width:172px; color:#fff}
#nav-full li.level-1:first-child a {-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft:5px; border-top-left-radius:5px; border-bottom-left-radius:5px;}
nav a:hover {background-color:#74ae36; color:white}
nav li.level-1.last {border:none}
#nav li.level-1.last a {-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; padding-right:17px; }
/*#nav ul ul li.last a, nav ul ul li:first-child a {border-radius:0}*/
#nav ul ul li.last a {padding-right:10px}


/*nav ul ul li.last-child a, #nav ul ul li.last-child a, nav ul ul li:first-child a {border-radius:0; padding-right:10px}*/

/*** ESSENTIAL STYLES ***/
ul.sf-menu, ul.sf-menu li {position:relative}
.sf-menu * { margin:0; padding:0; list-style:none; line-height:1.5}
.sf-menu ul { position:absolute; top:-999em; width:192px;/* left offset of submenus need to match (see below) */}
.sf-menu ul, .sf-menu ul li, .sf-menu ul li a, .sf-menu ul li.last-child a, .sf-menu ul li.last-child a {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.sf-menu ul li { width:100% }
.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu ul li { float:left; position:relative;}
.sf-menu ul li a { display:block; position:relative; width:100%; background-color:#74ae36; }
.sf-menu li:hover ul,.sf-menu li.sfHover ul { left:0; top:2.9em; z-index:99}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul { left:192px; top:0; }
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul { left:192px; top:0; }
.sf-menu { float:left; margin-bottom:1em; }
.sf-menu ul li a {border-top:1px solid #6ea92f; padding:.75em 1em; text-decoration:none; }
.sf-menu ul li a:hover {background-color:#7ECC30}
.sf-menu ul li { background:#7ECC30 }
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active { background:#74ae36; outline:0; }

/*** arrows **/
.sf-menu a.sf-with-ul { min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; 
/* IE6 only */
width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url(/images/template/arrows-ffffff.png) no-repeat -10px -100px; 
/* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */top:.8em; right:10px; background-position:0 -100px; 
/* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator { background-position:-10px -100px; 
/* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:-10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:0 0; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position:-10px 0; 
/* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul { background:url(/images/template/shadow.png) no-repeat bottom right; padding:0 8px 9px 0; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px; }
.sf-shadow ul.sf-shadow-off { background:transparent; }

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	150px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	150px; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* subnav style */

ul#nav-sub {list-style:none; padding:0; margin: 0 0 2em 0; width:100%; clear:both; display:block}
ul#nav-sub li {float:left; width:48%;margin:0 2% 0 0; padding:5px 0; border-bottom:1px dotted #dedede}

/* button */
button.hb, a.hb {
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f;
  border-bottom: 1px solid #5b992b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  -moz-box-shadow: inset 0 1px 0 0 #96ca6d;
  -ms-box-shadow: inset 0 1px 0 0 #96ca6d;
  -o-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font-weight:600;
  line-height: 1;
  padding: 5px 7px 10px 7px;
  /*text-align: center;*/
  text-shadow: 0 -1px 0 #4c9021;
 }
  button.hb:hover, a.hb:hover {
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76b347), to(#5e9e2e));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    -moz-box-shadow: inset 0 1px 0 0 #8dbf67;
    -ms-box-shadow: inset 0 1px 0 0 #8dbf67;
    -o-box-shadow: inset 0 1px 0 0 #8dbf67;
    box-shadow: inset 0 1px 0 0 #8dbf67;
    cursor: pointer; }
  button.hb:active, a.hb:active {
    border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; }

.hb img {margin:3px 0 -3px 0}

/* HUMMINGBIRD RESOURCES Styling */


/* top of page */
#top-bar {background:#0d6078 url(/images/template/topbar_bg.png) bottom left repeat-x; padding:10px 0; margin-bottom:10px; font-weight:bold; }
#top-bar, #footer-container {color:white; text-shadow:1px 1px #024}
#footer-container {background:#07495b url(/images/template/footer_bg.png) 0 0 repeat-x; padding:10px 0 40px 0; color:white; margin-top:20px}
header {padding:10px 0}
header form {padding:0; margin:20px 0 0 0; float:right; position:relative; width:300px; border:1px solid #91D943; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; }
header input.search_input { float:left; padding:5px 20px 5px 5px; border:none; width:230px; font-size:1.2em}
header input.search_button { float:right; margin:7px 10px}
header input:active, header input:focus {outline:none}
header h1 {border:none; margin:0}
nav, nav ul, nav ul li, nav ul li a, ul#stocks, ul#stocks li, footer ul, footer li{float:left}

/* footer */
footer a, footer a:visited , #credit a {color:white}
footer a:hover {color:#74ae36}
#credit {text-align:right}
#credit a:hover {color:#f39}

/* stock prices */
.pricedown {color:#c00}
.priceup {color:#0c0}

/* homepage */

#main {margin-top:1em}
#hp_main {position:relative; margin:1.5em -15px; padding:0 15px;height:370px}
#stocks li, footer li {margin-right:20px}
#panels h2, .panel h2, #sidebar h3 {color:#0D6179; font-weight:bold; font-size:1.2em; border-bottom:1px solid #7ecc30}
#sidebar h3 {font-size:1.4em; line-height:1.4}

#investor-briefcase {padding:5px 10px 10px 10px; background-color:#f3f3f3; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #ccc}
#investor-briefcase ul {list-style:none; padding:0; margin:0}
#investor-briefcase h2 {border:none; padding:5px 5px 5px 32px; background:url(/images/template/briefcase.png) left no-repeat; color:#444}
#hp-briefcase {width:290px; height:165px; background:white url('/images/template/hb-loading.gif') center center no-repeat; border:1px solid #ccc; padding-top:5px; margin-bottom:5px}

ul#inv_downloads, ul#inv_downloads li {list-style:none; margin:10px 0 0 0; padding:0}
ul#inv_downloads a.hb {display:block; width:275px}

/* content pages */

ul#crumb {margin:0 0 10px 0;padding:0 0 10px 0; border-bottom:1px solid #ccc; font-weight:bold; font-size:1.3em}
ul#crumb li {display:inline; margin:0 5px 0 0; padding:10px 20px 10px 0; background:url('/images/template/crumb_separator.png') right no-repeat}
#news dl, #news dt, #news dd, #press dl, #press dt, #press dd {list-style:none; margin:0; padding:0; font-weight:normal}
#news dl, #press dl {float:left; display:block; clear:both; border-bottom:1px dotted #ccc; margin-bottom:10px; padding-bottom:10px; width:270px}
#news dt, #press dt {float:left; width:40px; margin:0 5px 10px 0; text-align:center; background-color:#7ecc30; box-shadow:0 2px 2px #666; color:white; text-shadow:none; line-height:1; padding:3px 0; text-transform:uppercase; font-size:90%}
#press dt {background-color:#0d6078}
#news dd, #press dd {float:left; width:200px; padding:4px 0; line-height:1.2; font-size:1.2em}
#news span, #press span {display:block}
span.day {font-size:1.3em; font-weight:600}
span.mon {font-size:1em}
span.year {font-size:0.8em}
p.published {margin:0.25em 0; padding:0.5em 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc}
#board h1, #board h2{margin-bottom:0.25em}

/* accordion */
ul#archive, ul#archive ul, ul#archive li, ul#archive ul li {float:left; list-style:none; margin:0; padding:0; width:100% }
ul#archive {margin-bottom:2em}
ul#archive li { background: #fff; border-bottom: 1px solid #eee; cursor:pointer}
ul#archive li a.month {text-transform:uppercase; font-size:1em; letter-spacing:1px}
ul#archive li.active, ul#archive li li, ul#archive li a.month:hover {background-color:#f3f3f3}
ul#archive li li {border-bottom:1px solid #fff}
ul#archive li li:last-child {border-bottom:none}
ul#archive a { display:block; padding: 5px; text-decoration: none; }
ul#archive li li a {text-transform:none}
ul#archive li a span.date {float:left; width:80px; color:#666}
ul#archive li a span.headline {float:left; width:200px; margin-left:10px}
ul#archive a span.source {color:#666}

p.intro { font-size:1.4em; font-weight:500; line-height:1.5}

/*
	Homepage Slideshow
*/
#hp_top_panel {height:350px; margin-bottom:20px}
#slideholder {position:relative}
#slides { z-index:1; height:350px; margin-left:-20px}
.slides_container { width:630px; overflow:hidden; position:relative; display:none; padding:0 15px}
.slides_container div.slide { width:630px; height:350px; display:block; }
#slides .next,#slides .prev { position:absolute; top:107px; left:-39px; width:24px; height:43px; display:block; z-index:11; }
#slides .next { left:585px; }

#slides .pagination { z-index:501; position:absolute; bottom:10px; left:5px;  width:200px; }
#slides .pagination li { float:left; margin:0 1px; list-style:none; }
#slides .pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(../images/template/pagination.png); background-position:0 0; float:left; overflow:hidden; }
#slides .pagination li.current a { background-position:0 -12px; }
#slides .caption { z-index:500; position:absolute; bottom:25px; left:-20px; padding:10px 20px 20px 20px; background:url('/images/template/caption_bg.png'); width:440px; font-size:1.3em; line-height:1.33; color:#fff; cursor:pointer}
#slides .caption span.shadow {position:absolute; display:block; bottom:-15px; left:0; width:20px; height:15px; background:url('/images/template/caption_fold.png') top right no-repeat}
.caption span.arrow {display:block; position:absolute; top:25%; right:20px; width:34px; height:34px; background:url('/images/template/caption-arrow.png') 0 0 no-repeat}
.caption:hover span.arrow {background-position:-68px 0px}
#slides .caption h2, .caption p {font-weight:bold; text-shadow:1px 1px 1px rgba(0,0,0,0.5)}
#slides .caption h2 {font-size:1.5em; color:#7ecc30;margin-bottom:0.5em}
#slides .caption p {font-size:0.9em; margin:0}
.caption a {color:white}

#facts h2, #facts li, #issues h3 {background:url(/images/template/fact-logos2.png) 0 0 no-repeat}

#facts {height:350px; background:url(/images/template/fact-panel.png) 0 0 no-repeat}
#facts h2, #facts li {text-shadow:0 1px 1px rgba(0,0,0,0.5); color:white}
#facts h2 {font-size:1.5em; padding:15px 0 10px 50px; background-position:0 -10px}
#facts ul {list-style:none; padding:0; margin:20px 0 0 0; font-size:1.25em; font-weight:600}

.ie7 #facts ul, .ie8 #facts ul {font-size:1.1em}

#facts li {padding:2px 10px 23px 70px; line-height:1.2}

#facts li.first {background-position:0 -85px}
#facts li.active {background-position:0 -155px}
#facts li.listed {background-position:0 -233px}
#facts li.resources {background-position:0 -300px}
#facts li.elephant {background-position:0 -367px}

/*
	Pagehandler slideshow
*/

#page-slides { position:relative; z-index:1; height:280px; margin:10px 0 20px 0; padding:0}
#page-slides .slides_container { width:588px; height:250px; overflow:hidden; position:relative; display:block; background-color:#fff; margin:0; padding:0}
#page-slides .slides_container div.slide { width:568px; height:250px; display:block; }
#page-slides .next,#page-slides .prev { position:absolute; top:40%; left:-19px; width:24px; height:43px; display:block; z-index:11; }
#page-slides .next { left:585px; }
#page-slides ul.pagination {margin:0; padding:0; display:none}
/*#page-slides .pagination { z-index:501; position:absolute; bottom:10px; left:0px;  width:200px; }
#page-slides .pagination li { float:left; margin:0 1px; list-style:none; }
#page-slides .pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(../images/template/pagination.png); background-position:0 0; float:left; overflow:hidden; }
#page-slides .pagination li.current a { background-position:0 -12px; }*/
#page-slides  .caption {
	z-index:500;
	position:absolute;
	bottom:-30px;
	left:0;
	/*height:20px;*/
	padding:5px;
	background:#0d6078;
	background:rgba(13,96,120,.5);
	width:580px;
	font-size:0.95em;
	line-height:1.25;
	color:#fff;
	text-shadow:none;
}


/* project slides (handled by ui tabs, not slide.js) */

#project-images {border:1px solid #ccc}
#imageviewer{width:668px; height:430px; overflow:hidden}
#project-images, #imageviewer {position:relative}
.project-nav {text-align:center; background:#e6e6e6 url('/images/template/project_tab_bg.png') 0 0 repeat-x; margin:0}
.project-nav td {margin:0; padding:0}
.project-nav td a {display:block; width:100%; height:100%; text-align:center}
.project-nav td a.selected {font-weight:600; background:#7fcc31 url('/images/template/project_tab_active_bg.png') 0 0 repeat-x; color:white; text-shadow:1px 1px 1px #000}

/* project pyramid using 'slants'! */
/*.borderdraw {width:0px;height:0px;border-style:solid;display:block; margin:1px auto;}
.resource-drilling {border-width:0px 3em 4em;border-color:#fff #fff #006993 #fff}
.scout-drilling {border-width:0px 2.5em 3.5em;width:6em;border-color:#fff #fff #007EA6 #fff}
.trenching {border-width:0px 2.5em 4em;width:11em;border-color:#fff #fff #3697BA #fff}
.soil-sampling {border-width:0px 3.5em 5.75em;width:16em;border-color:#fff #fff #78B3D1 #fff}
.stream-sampling {border-width:0px 3.5em 6.25em;width:23em;border-color:#fff #fff #B8D5E7 #fff}*/
#smallproject-status {padding-top:39px; background:url('/images/template/progress_point.jpg') 0 0 no-repeat}
.borderdraw {width:75%; margin:2px auto; height:20px}
.resource-drilling {background-color:#006993}
.scout-drilling {background-color:#007EA6}
.trenching {background-color:#3697BA}
.soil-sampling {background-color:#78B3D1}
.stream-sampling {background-color:#B8D5E7}



.outline-box {border-bottom:1px solid #ddd; padding:10px; margin-bottom:10px}
#smallproject-status {text-align:center; width:160px; font-size:5px}

/* liberia map */
#liberiamap {width:590px; height:350px; background-color:#efefef; margin-bottom:2em}

/* chart container style */
.chart {width:310px; height:240px; margin-bottom:10px}


/* TIMELINE STYLES */
.event { 
/* Contains the event header and body list */
float:left; padding:5px; text-align:left; width:300px; margin:0 5px}
.eventList li { 
/* The individual events */
background:#F4F4F4; border:1px solid #EEEEEE; list-style:none; margin:8px 5px; padding:4px 7px; 
/* CSS3 rounded corners */
-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.eventList li p {margin-bottom:0}
ul.eventList li span { 
/* The event icon */
display:block; float:left; height:16px; margin-right:5px; width:16px; }

/* Individual background images for each type of event: */
ul.eventList li.landholdings { background-color:#CBEAAC}
ul.eventList li.exploration { background-color:#F3D29F}
ul.eventList li.financials { background-color:#F1BFCE}
ul.eventList div.content { 
/* This div contains additional data for the content */
display:none; }
div.eventHeading { 
/* The colorful year headings at the top */
font-size:2em; margin:-5px -5px 10px; padding:2px 5px; text-align:center; color:#444; text-shadow:1px 1px 1px rgba(0,0,0,0.5); border-bottom:3px solid #000}
div.eventHeading small {font-size:11px}

/* Three color styles for the headings: */
div.eventHeading.eventHeading.blue { border-color:#0d6078}
div.eventHeading.eventHeading.green { border-color:#7ecc30}
#timelineLimiter { 
/* Hides the overflowing timeline */
width:100%; overflow:hidden; padding-top:10px; margin:0}
#timelineScroll {background:url(/images/template/timeline-divider.png) 0 0 repeat-x; position:relative}
#timeline-scroll { 
/* The small timeline below the main one. Hidden here and shown by jQuery if JS is enabled: */
display:none; height:30px; background:#F5F5F5; border:1px solid #EEEEEE; color:#999999;}
.scrollPoints { 
/* The individual years */
float:left; font-size:1.1em; padding:4px 10px; text-align:center; width:65px; position:relative; z-index:10; border-right:1px solid #ededed}
.scrollPoints small { font-size:9px}

#timeline-centered { 
/* Centers the years, width is assigned by jQuery */
margin:0 auto; position:relative; }
#timeline-slider { 
/* Holds the scroll bar */
margin:10px auto; height:25px; display:none; position:relative}
#timeline-bar { 
/* The scroll bar */
background:url(/images/template/slider_center.png) repeat-x center center; height:25px; cursor:pointer; }
#barLeft { background:transparent url(/images/template/slider.png) no-repeat scroll left center; height:25px; width:20px; left:0; top:0; position:absolute; }
#barRight { background:transparent url(/images/template/slider.png) no-repeat scroll right center; height:25px; position:absolute; right:0; top:0; width:20px; }
#timeline-overlay { 
/* The overlay that darkens the page when an event is clicked */
position:absolute; z-index:10; top:0; left:0; background-color:#222222; }
#timeline-windowBox { 
/* Shows details about the event on click */
position:absolute; z-index:20; background-color:#fcfcfc; padding:10px; border:2px solid #666666; overflow:auto; }
#timeline-titleDiv { 
/* The title of the windowBox */
background:#F5F5F5; border:1px solid #EEEEEE; color:#AAAAAA; font-size:1.5em; margin-bottom:10px; padding:5px 10px; }
#timeline-date { 
/* The date on the bottom of the windowBox */
bottom:20px; color:#999999; font-size:.8em; font-style:italic; position:absolute; right:15px; padding:2px; background:#FCFCFC; }
#timeline-highlight { 
/* The blue highlight that moves with the scroll bar */
height:30px; position:absolute; z-index:0; left:0; top:0; background:#E6F8FF; border:1px solid #D4E6EE; border-width:0 1px; }


/* new timeline */
#timeline { width:950px; height:350px; overflow:hidden; margin:0 auto 20px auto; position:relative; background:url(/images/template/dot.gif) left 45px repeat-x}
#dates { width:950px; height:60px; overflow:hidden; margin:0 auto; border-top:1px solid #ccc; padding-top:10px}
#dates li { list-style:none; float:left; width:160px; height:50px; font-size:18px; text-align:center; background:url(/images/template/biggerdot.png) center bottom no-repeat; }
#dates a { line-height:38px; padding-bottom:10px; }
#dates .selected { font-size:24px; color:#000; font-weight:800 }
#issues { width:900px; height:295px; overflow:hidden;margin:0 auto}
.tl-box-holder {margin:0 60px}
#issues li { width:900px;  list-style:none; float:left;border-bottom:1px solid #ccc; height:278px}
#issues p {font-size:1.2em; line-height:1.2}
#issues div.exploration, #issues div.landholdings, #issues div.financials {float:left; padding:10px; height:200px; width:220px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px}
#issues div.exploration, #issues div.landholdings {margin-right:30px}

#issues div.landholdings { background-color:#CBEAAC}
#issues div.exploration { background-color:#F3D29F}
#issues div.financials { background-color:#F1BFCE}

#issues h3 {padding:15px 10px 15px 70px}
#issues div.exploration h3 {background-position:0 -85px}
#issues div.landholdings h3 {background-position:0 -155px}
#issues div.financials h3 {background-position:0 -365px}

#grad_left,#grad_right { width:120px; height:350px; position:absolute; top:0; }
#grad_left { left:0; background:url(/images/template/grad_left.png) 0 0 repeat-y; }
#grad_right { right:0; background:url(/images/template/grad_right.png) 0 0 repeat-y; }
#tl-next,#tl-prev { position:absolute; top:0; font-size:70px; top:170px; width:22px; height:42px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }
/*#tl-next:hover,#tl-prev:hover { background-position:0 -76px; }*/
#tl-next { right:4px; background:url(/images/template/arrow-next.png);}
#tl-prev { left:0px; background:url(/images/template/arrow-prev.png); }
#tl-next.disabled,#tl-prev.disabled { opacity:0.2; }

/* miniZoomPan styles */

.minizoompan  {background: #fff;position: relative; border: 1px solid lightgray;padding: 0;margin: 0;}
.minizoompan span.loader { position:absolute;left:0;top:0;z-index: 1;display: none;color: #000;background: #fff;padding: 3px;}

.zoom span.instr {position:absolute; z-index:20000; top:0; left:0; width:107px; height:26px; background:url(/images/template/roll_over_zoom.png) 0 0 no-repeat}

/* form validation */
.w { padding: 5px 0 0 5px; float:left; overflow: hidden; -moz-border-radius:5px; -webkit-border-raius:5px; border-radius:5px}
.w.error { background-color: #EFD8D7; }
.w.error input { border-color: #C8A5A5; background: #fff url('/images/template/icons/cancel.png') no-repeat right center; }
.w.error span {clear:both; float:left}
.w.valid { background-color: #A4EFAE; }
.w.valid input { border-color: #A5C8A6; background: #fff url('/images/template/icons/accept.png') no-repeat right center; }
.w.valid span { display: none; }


.wiki {padding:4px 4px 4px 28px; background:url(/images/template/wikipedia-icon.png) left no-repeat}

/*qtip styles*/
/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Tue Sep 13 17:04:02.0000000000 2011
*/

/* Core qTip styles */
.ui-tooltip,.qtip { position:absolute; left:-28000px; top:-28000px; display:none; max-width:280px; min-width:50px; font-size:10.5px; line-height:12px; z-index:15000; }

/* Fluid class for determining actual width in IE */
.ui-tooltip-fluid { display:block; visibility:hidden; position:static!important; float:left!important; }
.ui-tooltip-content { position:relative; padding:5px 9px; overflow:hidden; border-width:1px; border-style:solid; text-align:left; word-wrap:break-word; overflow:hidden; }
.ui-tooltip-titlebar { position:relative; min-height:14px; padding:5px 35px 5px 10px; overflow:hidden; border-width:1px 1px 0; border-style:solid; font-weight:bold; }
.ui-tooltip-titlebar + .ui-tooltip-content { border-top-width:0!important; }

/*! Default close button class */
.ui-tooltip-titlebar .ui-state-default { position:absolute; right:4px; top:50%; margin-top:-9px; cursor:pointer; outline:medium none; border-width:1px; border-style:solid; }
* html .ui-tooltip-titlebar .ui-state-default { top:16px; }

/* IE fix */
.ui-tooltip-titlebar .ui-icon,.ui-tooltip-icon .ui-icon { display:block; text-indent:-1000em; }
.ui-tooltip-icon,.ui-tooltip-icon .ui-icon { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.ui-tooltip-icon .ui-icon { width:18px; height:14px; text-align:center; text-indent:0; font:normal bold 10px/13px Tahoma,sans-serif; color:inherit; background:transparent none no-repeat -100em -100em; }

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus { }

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover { }

/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,.ui-tooltip-default .ui-tooltip-content { border-color:#F1D031; background-color:#FFFFA3; color:#555; }
.ui-tooltip-default .ui-tooltip-titlebar { background-color:#FFEF93; }
.ui-tooltip-default .ui-tooltip-icon { border-color:#CCC; background:#F1F1F1; color:#777; }
.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover { border-color:#AAA; color:#111; }

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip { margin:0 auto; overflow:hidden; background:transparent!important; border:0 dashed transparent!important; z-index:10; }
.ui-tooltip .ui-tooltip-tip,.ui-tooltip .ui-tooltip-tip * { position:absolute; line-height:.1px!important; font-size:.1px!important; color:#123456; background:transparent; border:0 dashed transparent; }
.ui-tooltip .ui-tooltip-tip canvas { top:0; left:0; }

/*! Light tooltip style */
.ui-tooltip-light .ui-tooltip-titlebar,.ui-tooltip-light .ui-tooltip-content { border-color:#E2E2E2; color:#454545; }
.ui-tooltip-light .ui-tooltip-content { background-color:white; }
.ui-tooltip-light .ui-tooltip-titlebar { background-color:#f1f1f1; }

/*! Dark tooltip style */
.ui-tooltip-dark .ui-tooltip-titlebar,.ui-tooltip-dark .ui-tooltip-content { border-color:#303030; color:#f3f3f3; }
.ui-tooltip-dark .ui-tooltip-content { background-color:#505050; }
.ui-tooltip-dark .ui-tooltip-titlebar { background-color:#404040; }
.ui-tooltip-dark .ui-tooltip-icon { border-color:#444; }
.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover { border-color:#303030; }

/*! Cream tooltip style */
.ui-tooltip-cream .ui-tooltip-titlebar,.ui-tooltip-cream .ui-tooltip-content { border-color:#F9E98E; color:#A27D35; }
.ui-tooltip-cream .ui-tooltip-content { background-color:#FBF7AA; }
.ui-tooltip-cream .ui-tooltip-titlebar { background-color:#F0DE7D; }
.ui-tooltip-cream .ui-state-default .ui-tooltip-icon { background-position:-82px 0; }

/*! Red tooltip style */
.ui-tooltip-red .ui-tooltip-titlebar,.ui-tooltip-red .ui-tooltip-content { border-color:#D95252; color:#912323; }
.ui-tooltip-red .ui-tooltip-content { background-color:#F78B83; }
.ui-tooltip-red .ui-tooltip-titlebar { background-color:#F06D65; }
.ui-tooltip-red .ui-state-default .ui-tooltip-icon { background-position:-102px 0; }
.ui-tooltip-red .ui-tooltip-icon { border-color:#D95252; }
.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover { border-color:#D95252; }

/*! Green tooltip style */
.ui-tooltip-green .ui-tooltip-titlebar,.ui-tooltip-green .ui-tooltip-content { border-color:#90D93F; color:#3F6219; }
.ui-tooltip-green .ui-tooltip-content { background-color:#CAED9E; }
.ui-tooltip-green .ui-tooltip-titlebar { background-color:#B0DE78; }
.ui-tooltip-green .ui-state-default .ui-tooltip-icon { background-position:-42px 0; }

/*! Blue tooltip style */
.ui-tooltip-blue .ui-tooltip-titlebar,.ui-tooltip-blue .ui-tooltip-content { border-color:#ADD9ED; color:#5E99BD; }
.ui-tooltip-blue .ui-tooltip-content { background-color:#E5F6FE; }
.ui-tooltip-blue .ui-tooltip-titlebar { background-color:#D0E9F5; }
.ui-tooltip-blue .ui-state-default .ui-tooltip-icon { background-position:-2px 0; }

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow { -webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15); -moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15); box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15); }
.ui-tooltip-shadow .ui-tooltip-titlebar,.ui-tooltip-shadow .ui-tooltip-content { filter:progid:DXImageTransform.Microsoft.Shadow(Color='gray',Direction=135,Strength=3); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)"; _margin-bottom:-3px; 
/* IE6 */
margin-bottom:-3px; 
/* IE7 */
}

/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,.ui-tooltip-rounded .ui-tooltip-content,.ui-tooltip-tipsy,.ui-tooltip-tipsy .ui-tooltip-content,.ui-tooltip-youtube,.ui-tooltip-youtube .ui-tooltip-content { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.ui-tooltip-rounded .ui-tooltip-titlebar,.ui-tooltip-tipsy .ui-tooltip-titlebar,.ui-tooltip-youtube .ui-tooltip-titlebar { -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; }
.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content { -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; }

/*! Youtube tooltip style */
.ui-tooltip-youtube { -webkit-box-shadow:0 0 3px #333; -moz-box-shadow:0 0 3px #333; box-shadow:0 0 3px #333; }
.ui-tooltip-youtube .ui-tooltip-titlebar,.ui-tooltip-youtube .ui-tooltip-content { _margin-bottom:0; 
/* IE6 */
margin-bottom:0; 
/* IE7 */
background:transparent; background:rgba(0,0,0,0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000); color:white; border-color:#CCCCCC; }
.ui-tooltip-youtube .ui-tooltip-icon { border-color:#222; }
.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover { border-color:#303030; }

/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools { background:#232323; background:rgba(0,0,0,0.7); background-image:0; background-image:0 to(#232323)); border:2px solid #ddd; border:2px solid rgba(241,241,241,1); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -webkit-box-shadow:0 0 12px #333; -moz-box-shadow:0 0 12px #333; box-shadow:0 0 12px #333; }

/* IE Specific */
.ui-tooltip-jtools .ui-tooltip-titlebar { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A); }
.ui-tooltip-jtools .ui-tooltip-content { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323); }
.ui-tooltip-jtools .ui-tooltip-titlebar,.ui-tooltip-jtools .ui-tooltip-content { background:transparent; color:white; border:0 dashed transparent; }
.ui-tooltip-jtools .ui-tooltip-icon { border-color:#555; }
.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover { border-color:#333; }

/* Cluetip style */
.ui-tooltip-cluetip { -webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.4); -moz-box-shadow:4px 4px 5px rgba(0,0,0,0.4); box-shadow:4px 4px 5px rgba(0,0,0,0.4); }
.ui-tooltip-cluetip .ui-tooltip-titlebar { background-color:#87876A; color:white; border:0 dashed transparent; }
.ui-tooltip-cluetip .ui-tooltip-content { background-color:#D9D9C2; color:#111; border:0 dashed transparent; }
.ui-tooltip-cluetip .ui-tooltip-icon { border-color:#808064; }
.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover { border-color:#696952; color:#696952; }

/* Tipsy style */
.ui-tooltip-tipsy { border:0; }
.ui-tooltip-tipsy .ui-tooltip-titlebar,.ui-tooltip-tipsy .ui-tooltip-content { _margin-bottom:0; 
/* IE6 */
margin-bottom:0; 
/* IE7 */
background:transparent; background:rgba(0,0,0,.87); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000); color:white; border:0 transparent; font-size:11px; font-family:'Lucida Grande', sans-serif; font-weight:bold; line-height:16px; text-shadow:0 1px black; }
.ui-tooltip-tipsy .ui-tooltip-titlebar { padding:6px 35px 0 10px; }
.ui-tooltip-tipsy .ui-tooltip-content { padding:6px 10px; }
.ui-tooltip-tipsy .ui-tooltip-icon { border-color:#222; text-shadow:none; }
.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover { border-color:#303030; }

/* Tipped style */
.ui-tooltip-tipped { }
.ui-tooltip-tipped .ui-tooltip-titlebar,.ui-tooltip-tipped .ui-tooltip-content { border:3px solid #959FA9; filter:none; -ms-filter:none; }
.ui-tooltip-tipped .ui-tooltip-titlebar { background:#3A79B8; background-image:0; background-image:0 to(#2E629D)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D); color:white; font-weight:normal; font-family:serif; border-bottom-width:0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.ui-tooltip-tipped .ui-tooltip-content { background-color:#F9F9F9; color:#454545; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.ui-tooltip-tipped .ui-tooltip-icon { border:2px solid #285589; background:#285589; }
.ui-tooltip-tipped .ui-tooltip-icon .ui-icon { background-color:#FBFBFB; color:#555; }

/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar { filter:none; -ms-filter:none; }
/* end qtip*/

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
.reveal-modal-bg { position:fixed; height:100%; width:100%; background:#000; background:rgba(0,0,0,.8); z-index:100; display:none; top:0; left:0; }
.reveal-modal { visibility:hidden; top:100px; left:50%; margin-left:-300px; width:630px; background:#111; position:absolute; z-index:101; padding:30px 40px 34px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 10px rgba(0,0,0,.4); -webkit-box-shadow:0 0 10px rgba(0,0,0,.4); -box-shadow:0 0 10px rgba(0,0,0,.4); }
.reveal-modal.small { width:200px; margin-left:-140px; }
.reveal-modal.medium { width:400px; margin-left:-240px; }
.reveal-modal.large { width:600px; margin-left:-340px; }
.reveal-modal.xlarge { width:800px; margin-left:-440px; }
.reveal-modal .close-reveal-modal { font-size:22px; line-height:.5; position:absolute; top:8px; right:11px; color:#aaa; text-shadow:0 -1px 1px rbga(0,0,0,.6); font-weight:bold; cursor:pointer; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/images/template/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/images/template/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(/images/template/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/images/template/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {

  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}