/* $Id: cluricon.css,v 1.91 2012/02/25 15:54:04 silenceandshadow Exp $ */

/*******************************************
 * Cluricon CSS Framework                  *
 * (c) 2009 Peter Johnson                  *
 * pjohnson@cluricon.com                   *
 *                                         *
 * Adapted from the Bluetrip CSS Framework *
 * Copyright 2008 Mike Crittenden          *
 * Used under the (modified) MIT License.  *   
 *******************************************/
 
/* Meyer Reset v1.0 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
body { line-height: 0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* Fonts and Type */
html { font-size: 100%; }
body { font: 75% Helvetica, Arial, Verdana, sans-serif; color: #333333; letter-spacing: .06em; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-family: courier, monospace; }
input[type='text'], input[type='password'], textarea { font-size: 1em; }
del { text-decoration: line-through; color: #666666; }
strong, b, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn, i { font-style: italic; }
cite { display: block; text-align: right; padding-right: 15px; font-size: .91667em; font-family: Times New Roman, Times, serif; }
ins { border-bottom: 1px solid #CCCCCC; }
small, sup, sub { font-size: .75em; }
abbr, acronym { text-transform: uppercase; font-size: .91667em; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #CCCCCC }
sup { vertical-align: top; }
sub { vertical-align: bottom; }

/* Quotes */
q, blockquote { color: #666666; }
blockquote { background: url(../images/icons/open-quote.png) top left no-repeat; }

/* Forms */
fieldset { border: 1px solid #CCCCCC; }
legend { font-weight: bold; }
label { font-weight: bold; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #CCCCCC; background: #FFFFFF; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #AAAAAA; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888888; outline: 2px solid #FFFFAA; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; }

/* Base Font Sizes */
#page-wrapper { font-size: 1em; line-height: 18px; }
h1 { font-size: 1.83333em; }
h2 { font-size: 1.66667em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.33333em; }
h5 { font-size: 1.16667em; }
h6 { font-size: 1em; }

/* Lists */
ul li { margin-left: 15px; }
ul { list-style-type: disc; }
ul ul { list-style-type: square; }
ul ul ul { list-style-type: circle; }
ol { list-style-position: outside; list-style-type: decimal; }
ol ol { list-style-type: lower-roman; }
ol ol ol { list-style-type: lower-alpha; }
dt { font-weight: bold; }

/* Tables */
table { border-top: 1px solid #AAAAAA;  border-left: 1px solid #AAAAAA; }
th, td { border-bottom: 1px solid #DDDDDD; border-right: 1px solid #AAAAAA; }

/* Margins and Paddings */
p, ul, ol, dl, pre, blockquote, address, table, form { margin-bottom: 18px; }
h1, h2, h3 { line-height: 36px; }
h1 { margin: 18px 0; }
#header h1 { margin: 0; }
h2, h3, h4, h5, h6 { margin: 0; }
th, td { padding: 9px 15px 8px 15px; }
caption { padding-bottom: 18px; } /* padding instead of margin for IE */
blockquote { width: 80%; padding: 0 0 0 32px; margin: 18px auto; }
cite { padding-left: 15px; }
fieldset { padding: 0 15px 18px 15px; margin: 18px 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { padding-right: 5px; }
legend+* { margin-top: 18px; } /* compensates for the opera margin bug */
textarea, input { padding: 0 4px 0 4px; }
input[type='text'], input[type='password'] { height: 16px; }
input[type='button'], input[type='submit'] { height: 22px; margin: 7px 0; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
legend a { padding: 0; }
dt { margin: 18px 0 0 0; }
dd { margin-left: 15px; }
ul { margin-left: 15px; }
ol { margin-left: 30px; }
ol ol, ul ol { margin-left: 30px; }

/* Colours */
a:link { text-decoration: underline; color: #3366CC; }
a:visited { text-decoration: underline; color: #9999CC; }
a:hover { text-decoration: underline; color: #CC3333; }
a:active, a:focus { text-decoration: underline; color: #000000; }
code, pre { color: #CC3333; }

/* 20 Column Grid */
.container { width: 885px; margin: 0 auto;}
.showgrid { background: url(../images/grid.png); }
body { margin: 15px 0; }
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19 { float: left; margin-right: 15px; }
div.span-20 { float: left; }
div.last { margin-right: 0; }
.span-1 { width: 30px; }
.span-2 { width: 75px; }
.span-3 { width: 120px; }
.span-4 { width: 165px; }
.span-5 { width: 210px; }
.span-6 { width: 255px; }
.span-7 { width: 300px; }
.span-8 { width: 345px; }
.span-9 { width: 390px; }
.span-10 { width: 435px; }
.span-11 { width: 480px; }
.span-12 { width: 525px; }
.span-13 { width: 570px; }
.span-14 { width: 615px; }
.span-15 { width: 660px; }
.span-16 { width: 705px; }
.span-17 { width: 750px; }
.span-18 { width: 795px; }
.span-19 { width: 840px; }
.span-20, div.span-20 { width: 885px; }
.suffix-1 { padding-right: 45px; }
.suffix-2 { padding-right: 90px; }
.suffix-3 { padding-right: 135px; }
.suffix-4 { padding-right: 180px; }
.suffix-5 { padding-right: 225px; }
.suffix-6 { padding-right: 270px; }
.suffix-7 { padding-right: 315px; }
.suffix-8 { padding-right: 360px; }
.suffix-9 { padding-right: 405px; }
.suffix-10 { padding-right: 450px; }
.suffix-11 { padding-right: 495px; }
.suffix-12 { padding-right: 540px; }
.suffix-13 { padding-right: 585px; }
.suffix-14 { padding-right: 630px; }
.suffix-15 { padding-right: 675px; }
.suffix-16 { padding-right: 720px; }
.suffix-17 { padding-right: 765px; }
.suffix-18 { padding-right: 810px; }
.suffix-19 { padding-right: 855px; }
.prefix-1 { padding-left: 45px; }
.prefix-2 { padding-left: 90px; }
.prefix-3 { padding-left: 135px; }
.prefix-4 { padding-left: 180px; }
.prefix-5 { padding-left: 225px; }
.prefix-6 { padding-left: 270px; }
.prefix-7 { padding-left: 315px; }
.prefix-8 { padding-left: 360px; }
.prefix-9 { padding-left: 405px; }
.prefix-10 { padding-left: 450px; }
.prefix-11 { padding-left: 495px; }
.prefix-12 { padding-left: 540px; }
.prefix-13 { padding-left: 585px; }
.prefix-14 { padding-left: 630px; }
.prefix-15 { padding-left: 675px; }
.prefix-16 { padding-left: 720px; }
.prefix-17 { padding-left: 765px; }
.prefix-18 { padding-left: 810px; }
.prefix-19 { padding-left: 855px; }
.pull-1 { margin-left: -45px; }
.pull-2 { margin-left: -90px; }
.pull-3 { margin-left: -135px; }
.pull-4 { margin-left: -180px; }
.pull-5 { margin-left: -225px; }
.pull-6 { margin-left: -270px; }
.pull-7 { margin-left: -315px; }
.pull-8 { margin-left: -360px; }
.pull-9 { margin-left: -405px; }
.pull-10 { margin-left: -450px; }
.pull-11 { margin-left: -495px; }
.pull-12 { margin-left: -540px; }
.pull-13 { margin-left: -585px; }
.pull-14 { margin-left: -630px; }
.pull-15 { margin-left: -675px; }
.pull-16 { margin-left: -720px; }
.pull-17 { margin-left: -765px; }
.pull-18 { margin-left: -810px; }
.pull-19 { margin-left: -855px; }
.pull-20 { margin-left: -895px; }
.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 { float:left; position: relative; }
.push-1 { margin: 0 -45px 18px 45px; }
.push-2 { margin: 0 -90px 18px 90px; }
.push-3 { margin: 0 -135px 18px 135px; }
.push-4 { margin: 0 -180px 18px 180px; }
.push-5 { margin: 0 -225px 18px 225px; }
.push-6 { margin: 0 -270px 18px 270px; }
.push-7 { margin: 0 -315px 18px 315px; }
.push-8 { margin: 0 -360px 18px 360px; }
.push-9 { margin: 0 -405px 18px 405px; }
.push-10 { margin: 0 -450px 18px 450px; }
.push-11 { margin: 0 -495px 18px 495px; }
.push-12 { margin: 0 -540px 18px 540px; }
.push-13 { margin: 0 -585px 18px 585px; }
.push-14 { margin: 0 -630px 18px 630px; }
.push-15 { margin: 0 -675px 18px 675px; }
.push-16 { margin: 0 -720px 18px 720px; }
.push-17 { margin: 0 -765px 18px 765px; }
.push-18 { margin: 0 -810px 18px 810px; }
.push-19 { margin: 0 -855px 18px 855px; }
.push-20 { margin: 0 -895px 18px 895px; }
.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 { float: right; position: relative; }
hr { background: #DDDDDD; color: #DDDDDD; clear: both; float: none; width: 100%; height: 2px; margin: 0 0 17px; border: none; }
hr.space { background: #FFFFFF; color: #FFFFFF; }
.clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; max-height: 0; }
.clearfix, .container { display: inline-block; }
* html .clearfix, * html .container { height: 1%; }
.clearfix, .container { display: block; }
.clear { clear: both; }

/* Use a serif font rather than the default, sans-serif font */
.serif { font-family: "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; }

/* Creates small caps */
.caps { font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size: 1.16667em; font-weight: bold; padding: 0 2px; }

/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon { background: none !important; padding: 0 !important; margin: 0 !important; }

/* Make sure the icons are not cut */
a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited, a[href$=".pdf"], 
a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], a[href$=".rdf"], a[href^="aim:"],
a.pdf, a.doc, a.xls, a.rss, a.aim { padding: 2px 20px 2px 0; margin: -2px 0; background-repeat: no-repeat; background-position: right center; }

/* External links */
a[href^="http:"] { background-image: url(../images/icons/external.png); padding-right: 12px !important; } 
a[href^="mailto:"] { background-image: url(../images/icons/email.png); }

/* Files */
a[href$=".pdf"], a.pdf { background-image: url(../images/icons/pdf.png); }  
a[href$=".doc"], a.doc { background-image: url(../images/icons/doc.png); }  
a[href$=".xls"], a.xls { background-image: url(../images/icons/xls.png); }  
 
/* Misc */
a[href$=".rss"], a[href$=".rdf"], a.rss { background-image: url(../images/icons/feed.png); }
a[href^="aim:"], a.aim { background-image: url(../images/icons/im.png); }
a[href^="http://testbed.cluricon.com"] { background: none; padding: 0; margin: 0; }

/* Text Classes */
.small { font-size: .8em; margin-bottom: 18px; }
.large { font-size: 1.5em; line-height: 36px; margin-bottom: 18px; }
.hide { display: none; }
.quiet { color: #666666; }
.loud { color: #000000; }
.highlight { background: #FFFF00; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }
.thin { font-weight: lighter; }
.error, div.error, div.warning, .notice, div.notice, .success, .messages { padding: 16px 15px 16px 45px; margin-bottom: 18px; border: 2px solid #DDDDDD; }
.error, div.error, div.warning { background: #FBE3E4 url(../images/icons/cross.png) 15px 16px no-repeat; color: #8A1F11; border-color: #FBC2C4; }
.notice, .status { background: #FFF6BF url(../images/icons/information.png) 15px 16px no-repeat; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2 url(../images/icons/tick.png) 15px 16px no-repeat; color: #264409; border-color: #C6D880; }
.error a, div.error a, div.warning a { color: #8A1F11; }
.notice a { color: #514721; }
.success a { color: #264409; }
.center { text-align: center; }

/* Buttons */
a.button, button { display: inline-block; float: left; margin: 0 6px 9px 0; padding: 5px 10px 5px 7px; border: 1px solid #DEDEDE; border-top: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; background-color: #F5F5F5; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer; }
button { width: auto; overflow: visible; padding: 4px 10px 3px 7px; }
button[type] { padding: 4px 10px 4px 7px; line-height: 18px; }
*:first-child+html .container button[type] { padding: 4px 10px 3px 7px; }
button img, a.button img { margin: 0 3px -3px 0 !important; padding:0; border: none; width: 16px; height: 16px; float: none; }

/* Standard Buttons */
button:hover, a.button:hover { background-color: #DFF4FF; border: 1px solid #C2E1EF; color: #336699; }
a.button:active, button:active { background-color: #6299C5; border: 1px solid #6299C5; color: #FFFFFF; }

/* Positive */
body .positive { color: #529214; }
a.positive:hover, button.positive:hover { background-color: #E6EFC2; border: 1px solid #C6D880; color: #529214; }
a.positive:active, button.positive:active { background-color: #529214; border: 1px solid #529214; color: #FFFFFF; }

/* Negative */
body .negative { color: #D12F19; }
a.negative:hover, button.negative:hover { background: #FBE3E4; border: 1px solid #FBC2C4; color: #D12F19; }
a.negative:active, button.negative:active { background-color: #D12F19; border: 1px solid #D12F19; color: #FFFFFF; }

/* Drupal Overrides */
.cluricon ul.menu li, .cluricon li.collapsed, .cluricon li.leaf, .cluricon .item-list ul li { margin: 0 0 0 15px; padding: 0; }
.cluricon .block ul, .cluricon ul.menu, .cluricon .item-list ul { margin: 0 0 18px 15px; padding: 0; }
.cluricon ul.primary { margin: 0 0 22px 0; }
.cluricon div.admin, .cluricon div.admin-panel, .cluricon div.admin-panel .body, .cluricon div.admin-panel .description { padding: 0; }
.cluricon div.admin .left, .cluricon div.admin .right { margin: 0; }
.cluricon div.admin-panel .description { margin: 0 0 18px 0; }
.cluricon div.admin .left { margin-right: 15px; }
/* .cluricon .span-20 div.admin .left, .cluricon .span-20 div.admin .right { width: 435px; }
.cluricon .span-20 div.admin .left, .cluricon .span-14 div.admin .right { width: 300px; }
.cluricon .span-20 div.admin .left, .cluricon .span-10 div.admin .right { width: 210px; } */
.cluricon .breadcrumb { padding: 0 !important; margin-top: -18px; }
.cluricon .profile dt { margin: 18px 0 0 0; }
.cluricon .profile dl, .cluricon .profile dd { margin: 0; padding: 0; }
.cluricon .update table.version tr, .cluricon .update table.version td { line-height: 18px; }
.cluricon table.version, .cluricon table.update { border: none; margin-top: 0; }
.cluricon div.resizable-textarea span { display: block; padding-bottom: 9px; }
.cluricon .form-item { margin: 0; }
.cluricon div.teaser-button-wrapper { margin: -18px 0; }
.cluricon .form-item label.option { display: block; line-height: 18px; }
.cluricon #views-ajax-pad label.hidden-options { height: auto; }
.cluricon ul.primary li a { margin-right: 0; padding: 0 0.6em; }