/*********************
Including file: reset.css
*********************/
/* --------------------------------------------------------------
Boilerplate reset.css
* Resets default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; margin: 1.5em 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }
/* Removes Firefox imposed outline */
a,a:link,a:visited,a:active, a:hover { outline: none; }
/* Clearing floats without extra markup */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }
input[type=checkbox], input[type=radio] {
margin: 0;
}
/*********************
Including file: typography.css
*********************/
/* --------------------------------------------------------------
Boilerplate typography.css
* Sets up some sensible default typography.
-------------------------------------------------------------- */
/* This is where you set your desired font size. The line-heights
and vertical margins are automatically calculated from this.
The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 75%; }
/* Default fonts and colors. */
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
h1 { font-size: 2.2em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.7em; margin-bottom: 0.75em; }
h3 { font-size: 1.2em; line-height: 1; margin-bottom: 1em; }
.h4, h4 {
font-size: 18px;
margin-bottom: 10px;
}
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }
/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }
abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }
a {
color: #337ab7;
text-decoration: none;
}
a:hover { text-decoration: underline; }
blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; }
tt { display: block; margin: 1.5em 0; line-height: 1.5; }
textarea { font-size:1em; }
/* Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; }
/* th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; } */
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }
/* Some default classes
-------------------------------------------------------------- */
.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; }
.quiet { color: #999; }
.hide { display: none; }
.highlight { background: #ffc; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }
/*********************
Including file: forms.css
*********************/
/* --------------------------------------------------------------
Boilerplate forms.css
* Sets up some default styling for forms
-------------------------------------------------------------- */
label { font-weight: bold; }
/* Fieldsets */
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em;width: auto; }
/* Textareas */
textarea { margin: 0.5em 0.5em 0 0; }
textarea { padding: .4em; }
/* hForm
-------------------------------------------------------------- */
form.hform p, form.hform div { margin: 0 0 .5em; }
form.hform p label, form.hform div label { float: left; width: 100px; }
form.hform p label a, form.hform div label a{ float: left; width: 200px; }
form.hform p input, form.hform div input { width: 200px; }
form.hform p select, form.hform div select { width: 200px; }
form.hform p select,form.hform div select { width: 200px; }
form.hform p input.button, form.hform div input.button { width: auto; }
form.hform p input.checkbox, form.hform div input.checkbox { width: auto; }
form.hform p input.checkbox, form.hform div input[type="checkbox"] { width: 16px; height:16px;}
form.hform p input.radio, form.hform div input.radio { width: auto; }
form.hform p.checkbox, form.hform div.checkbox { margin-left: 100px; }
form.hform p.checkbox label, form.hform div.checkbox label { float: none; }
form.hform p.checkbox input, form.hform div.checkbox input { width: auto; }
/* vForm
-------------------------------------------------------------- */
form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }
form.vform p.checkbox label { display: inline; }
/*********************
Including file: tabs.css
*********************/
/* --------------------------------------------------------------
Tabs
* A basic ruleset for beginning tabs
-------------------------------------------------------------- */
ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }
/* Clearing floats without extra markup */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }
/* --------------------------------------------------------------
Dual Tabs (nneds to be moved in to core css tab lib)
* A basic ruleset for beginning dual level tabs
-------------------------------------------------------------- */
ul.tabs.dualtabs {
position:relative;
padding:0;
margin-bottom:0.8em ;
z-index: 10;
}
ul.tabs.dualtabs ul {
position:absolute;
top:1.5em;
margin:0;
padding:0;
left:0;
font-size:0.8em;
width:100%;
z-index: 20;
}
/*********************
Including file: clearnomarkup.css
*********************/
/* --------------------------------------------------------------
clnm
* A class to clear floats after an element without using any markup
-------------------------------------------------------------- */
.clnm { display: inline-block; }
.clnm:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clnm { height: 1%; }
.clnm { display: block; }
.clnm.w-50 { float:left; width: 50%;}
.clnm.w-50:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clnm.w-50 > div {
display: block
}
/*********************
Including file: image_replace.css
*********************/
/* --------------------------------------------------------------
image_replace
* basic rulesets for beginning image replacement
-------------------------------------------------------------- */
/*
.replace - used for markup such as :
text
just need to apply a background image, width and height to both the outer tag and the contained span.
#test, #test span { background-image:url(image replacement); width:999pxx; height:999px; }
*/
.replace {
display:block;
position:relative;
margin:0px;
padding:0px;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}
.replace span {
display:block;
position:absolute;
top:0px;
left:0px;
z-index:1; /*for Opera 5 and 6*/
}
a.replace span {
cursor:pointer; /* make links look clickable */
}
/*
.ireplace - text indent image replacement - used for markup such as :
or
norabaker
just need to apply a background image, width and height to both the outer tag and the contained span.
#h1 span { background-image:url(image replacement); width:999pxx; height:999px; }
*/
.ireplace span {
display:inline;
float:left;
margin:0;
padding:0;
text-indent:-9999em;
}
.ireplace a span {
cursor:pointer;
}
/*********************
Including file: datepicker.css
*********************/
/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */
/* The wrapper div */
div.datePicker
{
position:absolute;
min-width:24em;
width:24em;
z-index:9999;
text-align:center;
/* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
font:900 0.8em/0.8em Verdana, Sans-Serif;
/* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
/* font:900 77%/77% Verdana; */
background:transparent;
/* Mozilla & Webkit extensions to stop text-selection. Remove if you wish to validate the CSS */
-moz-user-select:none;
-khtml-user-select:none;
}
/* Styles for the static datePickers */
div.staticDP
{
position:relative;
top:5px;
left:0;
}
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
{
position:absolute;
background:#fff;
z-index:9998;
padding:0;
border:0;
display:none;
margin:0;
}
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited,
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus
{
/*position:relative;*/
/* Moz & FF */
display: -moz-inline-stack;
border:0 none;
padding:0;
margin:0 0 0 4px;
background:transparent url(media/image?src=datepicker/cal.gif) no-repeat 50% 50%;
min-width:16px;
line-height:1;
cursor:pointer;
visibility:visible;
text-decoration:none;
vertical-align:middle;
}
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
{
width:16px;
}
a.date-picker-control
{
/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
display:inline-block;
}
a.date-picker-control span
{
display:block;
width:16px;
height:16px;
margin:auto 0;
}
/* The next & previous buttons */
div.datePicker th span
{
display:inline;
padding:0;
margin:0;
color:#000;
text-align:center;
line-height:1em;
border-width:0;
font-family: georgia, times new roman, palatino, times, bookman, serif;
background:transparent;
font-weight:bold;
cursor:pointer;
}
div.datePicker th span.month-display,
div.datePicker th span.year-display
{
text-transform:uppercase;
letter-spacing:1px;
font:normal 1.2em Verdana, Sans-Serif;
cursor:default;
}
div.datePicker th span.prev-but,
div.datePicker th span.next-but
{
font-size:1.8em;
cursor:pointer !important;
}
div.datePicker th span.today-but
{
text-align:center;
margin:0 auto;
font:normal 1em Verdana, Sans-Serif;
width:100%;
text-decoration:none;
line-height:1.6em;
text-transform:uppercase;
cursor:pointer !important
}
div.datePicker thead th span.fd-disabled
{
color:#aaa;
cursor:default !important;
}
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
{
text-align:center;
margin:0 auto;
font:900 1em Verdana, Sans-Serif;
height:1.4em;
width:2em;
text-decoration:none;
text-transform:lowercase;
line-height:1.4em;
}
/* The table */
div.datePicker table
{
position:relative;
margin:0;
padding:0;
border:1px solid #ccc;
background:#fff url(media/image?src=datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
text-align:center;
width:100%;
border-spacing:2px;
table-layout:fixed;
border-collapse:separate;
}
/* Common TD & TH styling */
div.datePicker table td
{
border:1px solid #ccc;
padding:0;
text-align:center;
vertical-align:middle;
/* Opera requires a line-height bigger than 1em in order to redraw properly */
line-height:1.2em;
cursor:pointer;
background:#fff url(media/image?src=datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
width:3em;
height:3em !important;
height:2.8em;
outline:none;
}
div.datePicker table th
{
border:0 none;
padding:0;
line-height:1em;
font-weight:bold;
color:#222;
text-align:center;
vertical-align:middle;
}
div.datePicker table td.date-picker-unused
{
background:#fff url(media/image?src=datepicker/backstripes.gif);
border-color:#dcdcdc;
padding:0;
cursor:default !important;
}
div.datePicker table thead th.date-picker-title
{
width:auto;
height:auto;
padding:0.4em 0;
}
/* The "mon tue wed etc" day header button styles */
div.datePicker table th.date-picker-day-header
{
text-transform:lowercase;
width:3em;
}
div.datePicker table th.date-picker-day-header span
{
display:block;
}
/* The "todays date" style */
div.datePicker table td.date-picker-today
{
background:#fff url(media/image?src=datepicker/bullet2.gif) no-repeat 0 0;
color:rgb(100,100,100) !important;
}
/* The "selected date" style */
div.datePicker table td.date-picker-selected-date
{
color:#333 !important;
border-color:#333 !important;
}
/* the "highlight days" style */
td.date-picker-highlight
{
color:#a86666;
}
/* The date "out of range" style */
div.datePicker table td.out-of-range
{
color:#ccc !important;
font-style:oblique;
background:#fcfcfc !important;
cursor:default !important;
}
/* The "disabled days" style */
div.datePicker table td.day-disabled
{
color:#aaa !important;
background:transparent !important;
cursor:default !important;
}
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
{
background:#fff url(media/image?src=datepicker/bg_header.jpg) no-repeat 0 0;
cursor:pointer;
border-color:rgb(100,130,170);
color:rgb(100,130,170);
}
/*
Quirksmode necessity?
---------------------
If your HTML document renders in quirksmode (i.e. has no doctype declaration)
then uncomment the following CSS rule to set a less drastic font-size in IE
div.datePicker table th,
div.datePicker table td
{
font-size:100%;
}
*/
/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html div.datePicker table td
{
background-image:none;
}
* html div.datePicker table td.date-picker-unused
{
background:#f2f2f2;
}
/*********************
Including file: simple_dropdown.css
*********************/
/* --------------------------------------------------------------
Simple dropdown
* A basic ruleset for a horizontal menu with vertical dropdowns
-------------------------------------------------------------- */
/* Root = Horizontal, Secondary = Vertical */
ul.ddmenu {
margin-top: 5px;
border: 0 none;
padding: 0;
width: auto; /*For KHTML*/
list-style: none;
}
ul.ddmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
z-index:2100;
}
ul.ddmenu li a {
padding: 5px 10px 5px 10px;
}
ul.ddmenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 140px;
list-style: none;
position: absolute;
top: 100%;
left: 0;
display: none;
filter: alpha(opacity=70);
-moz-opacity: .7;
KhtmlOpacity: .7;
opacity: .7;
font-size: 0.9em;
z-index: 8999;
}
ul.ddmenu ul:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul.ddmenu ul li {
float: left; /*For IE 7 lack of compliance*/
display: block !important;
display: inline; /*For IE*/
font-size:0.9em;
background-color: #333;
width: 140px;
position:static;
}
ul.ddmenu ul li a {
padding-left:10px;
}
ul.ddmenu ul li:hover {
background-color: #76b900;
}
ul.ddmenu ul a {
padding: 4px 5px 4px 1px;
}
ul.ddmenu ul a.menudiv {
line-height:0 !important;
padding:0 !important;
text-indent: -999999em !important;
border-top:1px solid #484848;
}
/* Root Menu */
ul.ddmenu a {
padding: 0;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
}
/* Root Menu Hover Persistence */
ul.ddmenu a:hover,
ul.ddmenu li:hover a,
ul.ddmenu li.iehover a {
color:#76b900;
}
/* 2nd Menu */
ul.ddmenu li:hover li a,
ul.ddmenu li.iehover li a {
float: none;
}
/* 2nd Menu Hover Persistence */
ul.ddmenu li:hover li a:hover,
ul.ddmenu li:hover li:hover a,
ul.ddmenu li.iehover li a:hover,
ul.ddmenu li.iehover li.iehover a {
}
/* 3rd Menu */
ul.ddmenu li:hover li:hover li a,
ul.ddmenu li.iehover li.iehover li a {
}
/* 3rd Menu Hover Persistence */
ul.ddmenu li:hover li:hover li a:hover,
ul.ddmenu li:hover li:hover li:hover a,
ul.ddmenu li.iehover li.iehover li a:hover,
ul.ddmenu li.iehover li.iehover li.iehover a {
}
/* 4th Menu */
ul.ddmenu li:hover li:hover li:hover li a,
ul.ddmenu li.iehover li.iehover li.iehover li a {
}
/* 4th Menu Hover */
ul.ddmenu li:hover li:hover li:hover li a:hover,
ul.ddmenu li.iehover li.iehover li.iehover li a:hover {
}
ul.ddmenu ul ul,
ul.ddmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 200px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul.ddmenu li:hover ul ul,
ul.ddmenu li:hover ul ul ul,
ul.ddmenu li.iehover ul ul,
ul.ddmenu li.iehover ul ul ul {
display: none;
}
ul.ddmenu li:hover ul,
ul.ddmenu ul li:hover ul,
ul.ddmenu ul ul li:hover ul,
ul.ddmenu li.iehover ul,
ul.ddmenu ul li.iehover ul,
ul.ddmenu ul ul li.iehover ul {
display: block;
}
/*********************
Including file: fauxcrop.css
*********************/
/* --------------------------------------------------------------
fauxcrop
* A class to help with showing faux cropped images
-------------------------------------------------------------- */
.fauxcrop {
display:inline-block;
zoom:1;
*display:inline;
overflow:hidden;
position:relative;
margin:0;
}
.fauxcrop > img {
left:0;
top:0;
position:absolute;
}
/*********************
Including file: jqModal.css
*********************/
/* jqModal base Styling courtesy of;
Brice Burgess */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.jqmWindow {
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -177px;
width: 330px;
background-color: #EEE;
color: #333;
border: 1px solid #ccc;
padding: 12px;
}
@media all and (max-width: 960px) {
.jqmWindow {
top: 100px;
}
}
.jqmOverlay { background-color: #000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (