/* -----------------------------------------------------------------------
BlueTrip CSS Framework
Mike Crittenden
mike@capsizedesigns.com
Copyright 2008 Mike Crittenden
License - MIT or GPL (whichever suits you better)
----------------------------------------------------------------------- */
/* 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:top;background:transparent}body{line-height:1;}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* BASIC TYPOGRAPHY */
html { font-size: 80%; font-family: Georgia,serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var { font-size: 100%; font-family: Monaco, "Lucida Console", Courier, monospace; }
input[type='text'], input[type='password'] { font-size: 100%; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
/* QUOTES */
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }
/* FORMS */
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
label { font-weight: bold; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #d0d0d0; background: #fff; color:#777; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #c0c0c0; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #c2e1ef; outline: 2px solid #DFF5FF; color:inherit; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; }
td label {display:block;}
input.strip-styles{border:none;line-height:1;background:transparent;font-family:inherit;border-color:transparent;margin:0;padding:0}
input.strip-styles:focus{outline:none;border-color:transparent}
span.validation-error {font-size:0.8em; padding:0 0 0 2px; display:block;}
span.required, span.validation-error{color:#ee4143;}
/* BASE SIZES */
body {font-size: 1.2em; line-height: 1.4em;}
h1 { font-size: 1.9em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }
/* LISTS */
ul li { margin-left: .85em; }
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; }
dt { font-weight: bold; }
ul.no-left-margin{ margin-left: 0; }
ul#breadcrumbs { margin:0 0 0.5em 0; padding:0;}
ul#breadcrumbs li {margin:0; padding:0 0.1em; display:inline; font-size:0.8em; }
ul.no-list-style, ul.no-list-style li { list-style:none; }
ol.lower-alpha{list-style-type:lower-alpha;}
ol.upper-alpha{list-style-type:upper-alpha;}
ol.lower-roman{list-style-type:lower-roman;}
ol.upper-roman{list-style-type:upper-roman;}
ul.tree, ul.tree ul {
list-style-type: none;
background: transparent url('screen/images/vline.png') 0 0 repeat-y;
margin: 0;
padding: 0;
}
ul.tree ul {margin-left: 10px; }
ul.tree li {
margin: 0;
padding: 0 16px;
line-height: 32px;
background: transparent url('screen/images/vline-node.png') 0 0 no-repeat;
}
ul.tree li:last-child { background: #fff url('screen/images/vline-lastnode.png') 0 0 no-repeat; }
/* TABLES */
table { border:none; }
th, td { border:none; }
tr.table-header{padding:0}
tr.table-header td span{
text-align:left;
font-size:1.2em;
border:1px solid #ddd;
display:block;
padding: .3em;
margin:10px 0;
background:#f9f9f9;
color:#666;
-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.sublabel{ display:block; font-size:0.8em; }
td.inline-labels label{display:inline; padding:0 5px;}
/* MARGINS & PADDINGS */
blockquote *:first-child { margin: .8em 0; }
/*
hr, p, ul, ol, dl, pre, blockquote, address, table, form { margin-bottom: 1.2em; }*/
hr, p, ol, dl, pre, blockquote, address, table, form { margin-bottom: 1.2em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1,h2,h3,h4,h5,h6{
}
h1 { margin: 1em 0 .5em; }
h2 { margin: 1.07em 0 .535em; }
h3 { margin: 1.14em 0 .57em; }
h4 { margin: 1.23em 0 .615em; }
h5 { margin: 1.33em 0 .67em; }
h6 { margin: 1.6em 0 .8em; }
th, td { padding: .3em; }
caption { padding-bottom: .8em; } /* padding instead of margin for IE */
blockquote { padding: 0 1em; margin: 1.6em 0; }
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
textarea, input { padding: 0.2em; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
dt { margin-top: .8em; margin-bottom: .4em; }
ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol, ul ol { margin-left: 2.5em; }
form div { margin-bottom: .8em; }
.no-padding{padding:0;}
.padding-10 {padding:10px;}
.padding-top-10 {padding-top:10px;}
.padding-bottom-10 {padding-bottom:10px;}
.padding-left-10 {padding-left:10px;}
.padding-right-10 {padding-right:10px;}
.margin-10 {margin:10px;}
.margin-top-10 {margin-top:10px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-left-10 {margin-left:10px;}
.margin-right-10 {margin-right:10px;}
.no-margin{margin:0;}
.no-margin-top{margin-top:0;}
.no-margin-bottom{margin-bottom:0;}
.no-margin-left{margin-left:0;}
.no-margin-right{margin-right:0;}
/* COLORS */
a:link { text-decoration: underline; color: #36c; }
a:visited { text-decoration: underline; color: #99c; }
a:hover { text-decoration: underline; color: #c33; }
a:active, a:focus { text-decoration: underline; color: #000; }
code, pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */
code{
background:#EEFAFF;
border:1px solid #7FD8FF;
color:#595D5F;
margin:8px 4px 10px 3px;
overflow-x:auto;
padding:10px 10px 10px 6px;
display:block;
}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.clearfix{display:inline-block;}
* html .clearfix, * html {height:1%;}
.clearfix{display:block;}
.clear {clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.odd { background:#f7f7f7; }
/* to create serif italic dramatic text, use this class */
.fancy {
color: #666;
font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
font-style: italic;
font-weight: normal;
}
/* creates small caps */
.caps {
font-variant: small-caps;
letter-spacing: 1px;
text-transform: lowercase;
font-size:1.2em;
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^="mailto:"],
a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"],
a[href$=".rdf"], a[href^="aim:"] {
padding:2px 22px 2px 0;
margin:-2px 0;
background-repeat: no-repeat;
background-position: right center;
}
/* External links */
a[href^="mailto:"] { background-image: url(screen/images/icons/email.png); }
/* Files */
a[href$=".pdf"] { background-image: url(screen/images/icons/pdf.png); }
a[href$=".doc"] { background-image: url(screen/images/icons/doc.png); }
a[href$=".xls"] { background-image: url(screen/images/icons/xls.png); }
/* Misc */
a[href$=".rss"],
a[href$=".rdf"] { background-image: url(screen/images/icons/feed.png); }
a[href^="aim:"] { background-image: url(screen/images/icons/im.png); }
a.add { background: transparent url(screen/images/icons/add.png) 2px 50% no-repeat; padding-left:20px; padding-top:0; }
a.remove { background: transparent url(screen/images/icons/cross.png) 2px 50% no-repeat; padding-left:20px; padding-top:0; }
a.edit { background: transparent url(screen/images/pencil.png) 2px 50% no-repeat; padding-left:20px; }
/* TEXT CLASSES */
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.tiny {font-size:0.6em;}
.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;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.thin {font-weight: lighter;}
.error, .notice, .success, .tip {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.tip {background:#D1E2EF;color:#274F7F;border-color:#80B0D8;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }
.tip a {color:#264409; background:none; padding:0; margin:0; }
.center, .align-center {text-align: center;}
.align-left { text-align:left; }
.align-right { text-align:right; }
/* Displays */
.block { display:block;}
.inline { display:inline; }
.inline-block { display:inline-block; }
.table { display: table; }
/*---------STYLES FOR BUTTONS----------*/
/* Demo: particletree.com/features/rediscovering-the-button-element */
/*
Change Password
Cancel
*/
a.button, a.button:link, a.button:visited, input.button, button{
display: inline-block;
float: left;
margin:0 0.583em 0.667em 0;
padding:4px 10px 3px 7px; /* Links */
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:100%;
line-height:130%;
color:#565656;
border:1px solid #afafaf;
border-top:1px solid #d8d8d8;
border-left:1px solid #d8d8d8;
background:#eeede9 url('screen/images/button_bg.gif') 0 0 repeat-x;
text-decoration:none;
font-weight:bold;
color:#545454;
cursor:pointer;
-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
input.button, button {
width:auto;
overflow:visible;
padding:4px 10px 3px 7px; /* IE6 */
}
button[type] {
padding:4px 10px 4px 7px; /* Firefox */
line-height:17px; /* Safari */
}
*:first-child+html button[type] {
padding:4px 10px 3px 7px; /* IE7 */
}
button img, a.button img{
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
float:none;
}
/* Standard Buttons */
input.button:hover, button:hover, a.button:hover{
background-color:#eeede9;
border:1px solid #7FD8FF;
border-top: 1px solid #CFF0FF;
border-left: 1px solid #CFF0FF;
color:#009ECF;
}
a.button:active, button:active, input.button:active{
background-position:0 -51px;
background-color:#0092bf;
border:1px solid #006D8F;
color:#fff;
}
/* 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:#fff;
}
/* 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:#fff;
}
/*Floats*/
.float-left{float:left;}
.float-right{float:right;}
.float-none{float:none;}
/*Widths*/
.width-100{width:100%;}
.width-90{width:90%;}
.width-80{width:80%;}
.width-50{width:50%;}
.width-33{width:33%;}
.width-30{width:30%;}
.width-25{width:25%;}
.width-20{width:20%;}
/*Borders*/
.section-divider{ border-bottom:1px solid #ccc;}
/* Sortable */
tr.ui-sortable td{
background:#D6F2FF;
width:100%;
}
/*Nested Set Sortable*/
ul.sortable, ul.sortable li{}
ul.sortable{
margin-left:1em;
}
ul.sortable li{cursor:pointer;}
ul.sortable a, ul.sortable a:visited, ul.sortable a:hover{text-decoration:none;color: #363636;}
ul.sortable li.sort-helper{}
ul.add_new, ul.add_new li{}
ul.sortable li.ui-state-highlight{border:none; background-color:#D6F2FF;}
ul.sortable li.ui-state-highlight li{background-color:#D6F2FF;}
/*Comments*/
ol.comment-list { list-style:none; margin-left:0; font-size:0.9em;}
ol.comment-list ul {list-style:none;}
ol.comment-list .odd, ol.comment-list .even { border: 1px solid #eee; padding:10px; margin:10px 0;}
ol.comment-list .even {background:#fff;}
h4.comments { font-weight:normal; font-style:italic; }
.comment-wrapper{ margin:0.5em; padding:0.5em;}
/*.comment-wrapper.odd{background:#fcfcfc;}*/
.comment-wrapper{}
.comment-wrapper form.comment-admin { float:right; margin-bottom:0; }
.comment-wrapper form.comment-admin table, .comment-wrapper form.comment-admin div { margin-bottom:0; }
.comment-wrapper form.comment-admin table td { padding:0; }
.comment-by{ font-size:80%; display:block;}
.comment-avatar { float:left; margin:0 10px 10px 0; }
.comment-date { font-size:80%; display:block; }
.comment-comment { display:block; font-size:90%; }
/*Content Categories*/
div.category-categories{
clear:both;
display:block;
float:left;
width:100%;
}
div.category-categories h6{ margin:0;}
div.category-categories ul, div.category-categories li{
list-style:none;
}
div.category-categories li{ margin:0; }
div.category-categories li li { padding:0.5em 1em; }
div.publish-info ul, div.publish-info ul li { list-style:none; margin:0; padding:0; }
div.publish-info ul li { display:inline; font-size:0.8em; line-height:0.8em;}
/*Profiles*/
div.profile-block-odd, div.profile-block-even { width:49%; background:#fcfcfc; margin:0 0 1em 0; }
div.profile-block-content { padding:1em; border:1px solid #ddd; }
div.profile-block-odd { float:left; clear:left; }
div.profile-block-even { float:right; clear:right; }
div.profile-wrapper h4 { background:#ddd; font-size:1.2em; padding:0.3em 0 0.3em 1em; line-height:normal; color:#666; margin:0; }
div.profile-wrapper h4 a { font-size:0.6em; float:right; margin-right:1em; line-height:100%; color:#666; }
/* TinyMCE specific rules */
body.mceContentBody {
background: #FFF;
padding:1em;
}
body{border:0;width:100%;min-width:600px;margin:0;padding:0}.colmask{position:relative;clear:both;float:left;width:100%;overflow:hidden}.colwrap{background:#fff}.colwrap .colleft{float:left;width:200%;margin-left:-18em;position:relative;right:100%;background:#fff}.colwrap .col1wrap{float:left;width:50%;position:relative;left:50%;padding-bottom:1em}.colwrap .col1{overflow:hidden;margin:0 1em 0 20em}.colwrap .col2{float:right;width:16em;position:relative;left:17em}#header,#footer{clear:both;float:left;width:100%}
div.navigation ul{list-style:none;margin:0;padding:0}div.navigation ul ul{display:none;position:absolute;top:0;left:0;z-index:1000;width:150px;margin-left:-20px}div.navigation ul ul ul{display:none;left:100%;top:auto;margin-left:-20px}div.navigation li > ul{top:auto;left:auto}div.navigation ul li{float:left;position:relative;margin:0;padding:0}div.navigation ul ul li{width:100%;padding:0}div.navigation ul ul li:hover{background:#ccc}div.navigation ul ul li a,div.navigation ul ul li:hover ul li a{float:left;width:100%;color:#333}div.navigation ul ul li:hover a,div.navigation ul ul li:hover ul li a:hover{color:#f9f9f9}div#intranet-nav div.navigation{clear:left;width:100%;margin-bottom:30px;height:30px;float:none;margin-top:1em;font-family:Verdana}div#intranet-nav div.navigation ul{float:left;padding:0}div#intranet-nav div.navigation ul ul{border:none;float:none;margin:0}div#intranet-nav div.navigation ul li{font-size:1em;padding:0}div#intranet-nav div.navigation ul li a,div#intranet-nav div.navigation ul li a:visited{display:block;color:#666;background:#f0f0f0;border:1px solid #ccc;text-decoration:none;margin-right:-1px;padding:3px 10px}div#intranet-nav div.navigation ul li.active a{background:#fff;color:#464646}div#intranet-nav div.navigation ul ul li a,div#intranet-nav div.navigation ul ul li a:visited,div#intranet-nav div.navigation ul ul li.active li a,div#intranet-nav div.navigation ul ul li.active li a:visited{background:#f9f9f9;float:left;width:100%;color:#333;font-size:12px;border:1px solid #ccc;margin-bottom:-1px;padding:2px 20px 2px 5px}div#intranet-nav div.navigation ul ul li:hover a,div#intranet-nav div.navigation ul li.active li a:hover{color:#333;background:#E3EFF8}div#intranet-nav div.navigation ul ul li:hover a,div#intranet-nav div.navigation ul ul li:hover ul li a:hover{color:#333}div#tools div{float:left;width:auto;margin-left:1em}div#tools a{float:left;display:block;color:inherit;text-decoration:none;margin:0 .2em}div#tools a:hover{color:inherit}div#tools{position:fixed;bottom:0;font-family:Verdana;width:100%;background:transparent url(navigation/images/tools_shadow.png) 50% 0 no-repeat;padding:5px 0 0}div#tools ul li{margin-right:-1px;background:#eeede9 url(navigation/images/tools_button_bg.gif) 0 0 repeat-x;border:1px solid #d8d8d8;margin-top:-1px}div#tools ul.tools{width:900px;display:block;height:30px;background:#eeede9 url(navigation/images/tools_button_bg.gif) 0 0 repeat-x;border:1px solid #d8d8d8;float:left;position:relative;left:50%;margin-left:-450px;border-style:solid solid none none}div#tools ul.tools ul{bottom:100%}div#tools ul li a,div#tools ul li a:visited{color:#555;background:transparent;border:none;text-decoration:none;margin:0;padding:4px 10px}div#tools ul li:hover a,div#tools ul li:hover a:visited{color:#fff}div#tools ul li:hover,div#tools ul li.active{background:#0092bf url(navigation/images/tools_button_bg.gif) 0 -51px repeat-x;border:1px solid #006D8F;border-top:1px solid #0085AF;border-left:1px solid #0085AF}div#tools ul ul li.active{background:#00AADF;border:1px solid #0092BF}div#tools ul ul{float:none;margin-left:-1px;width:200px;max-width:200px}div#tools ul ul li{border:1px solid #0092BF;background:#00AADF;margin:-1px 0 0;padding:0}div#tools ul ul li:hover{background:#00BFFF}div#tools ul ul li a,div#tools ul ul li a:visited,div#tools ul ul li.active li a,div#tools ul ul li.active li a:visited{background:transparent;float:left;width:96%;color:#fff;font-size:.9em;border:none;padding:3px 2%}div.navigation li:hover ul,div.navigation ul ul li:hover ul,div.navigation ul ul ul li:hover ul{display:block}div.navigation li:hover ul ul,div.navigation ul ul li:hover ul ul,div.navigation ul ul ul li:hover ul ul,div#tools h4{display:none}div.navigation a,div.navigation a:visited,div.navigation a:link,div.navigation a:hover,div#intranet-nav div.navigation ul li a:hover,div#tools ul li a:hover{text-decoration:none}div#intranet-nav div.navigation ul ul ul,div#tools ul ul ul{margin-top:10px}div#tools ul li.active a,div#tools ul ul li:hover a,div#tools ul li.active li a:hover,div#tools ul ul li:hover a,div#tools ul ul li:hover ul li a:hover{color:#fff;background:transparent}