/* normal.css is loaded AFTER screen.css
 * Sat Jul 18 16:27:14 CST 2009
 *
 * These are Corzana's standard mods to BlueTrip's screen.css.
 * Any changes to this file should be made locally in /var/www/bzmx/corzana/imgs
 *   and copied to all other Corzana 2 websites.
 */

/* BASIC TYPOGRAPHY */
/* html { font-size:76%; font-family:Verdana, Arial, helvetica, sans-serif; color:#000; background-color:#fff; } */
a { color: #039; text-decoration: none; }
a:link { }
a:visited { }
a:active { }
a:hover { color: red; text-decoration: underline; }

/* QUOTES */

/* FORMS */

/* BASE SIZES */
.container { font-size: 1.4em; line-height: 1.6em; }  /* not 1.2/1.6 /*

/* LISTS */
ol.circle, ul.circle { list-style-type: circle; }
ol.disc, ul.disc, ol.disk, ul.disk { list-style-type: disc; } /* default */
ol.square, ul.square { list-style-type: square; }
ol.none, ul.none { list-style-type: none; }
ol.decimal { list-style-type: decimal; }
ol.loweralpha { list-style-type: lower-alpha; }
ol.lowerroman { list-style-type: lower-roman; }
ol.upperalpha { list-style-type: upper-alpha; }
ol.upperroman { list-style-type: upper-roman; }

/* TABLES */

tr,td { vertical-align: top; }
tr.z0 { background-color: #eef; }
tr.z1 { background-color: #ddf; }
tr.z2 { background-color: #ffc; text-align: center; font-weight: bold; }
tr.z4 { background-color: maroon; }  /* bz2 */
tr.zh { background-color: #ffc; text-align: center; font-weight: bold; }
tr.zr { background-color: #f44; }
tr.zb { background-color: #bbf; }
tr.zy { background-color: yellow; }
td.rt { text-align: right; }
table.border { 
    border-width: 2px;
    border-spacing: 0px;
    border-style: solid;
    border-color: #ccc;
    border-collapse: separate;
    background-color: white;
}
table.border td {
    padding: 0 4px;
}
table.plain {
    border-style: none;
    border-width: 0;
    margin: 0 4px;
}
table.zebra { 
    border-width: 2px;
    border-spacing: 0px;
    border-style: solid;
    border-color: #ccc;
    border-collapse: separate;
    background-color: white;
}
table.gal, table.youtube {
    margin: 0 auto;
    border-style: none;
    border-width: 0;
    text-align: center;
}
    
tr.gal, th.gal, td.gal {
    border-style: none;
    border-width: 0;
    margin: 0 4px;
}
td.z0, td.z1 {
    border-width: 1px;
    padding-top: 0px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 0px;
    border-style: solid;
    border-color: #ccc;
}
table.cal th { width: 14%; font-weight: bold; color: white; background-color: green; border: solid 1px yellow; }
table.cal td { line-height: 1.2em; padding-bottom: 1em; border: solid 1px green; text-align: center; }
table.cal td.today { background-color: yellow; }
table.cal span.date { font-weight: bold; color: white; background-color: #ffa07a; /* LightSalmon */ }

/* MARGINS & PADDINGS */
hr, p, ul, ol, dl, pre, blockquote, address, table, form { margin-bottom: 0.8em; } /* not 1.6 */
th, td, input, .error, .notice, .success { padding:0.2em; }  /* tighter than BT */
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.zerotop { margin-top: 0 }
.caption { margin-bottom: 1.0em; }
h4.listing { padding-top: 4px; border-style: solid; border-top-width: 1px; }
h4.plus { padding-top: 4px; border-style: solid; border-top-width: 2px; border-top-color: red; }
h4.premium { padding-top: 4px; border-style: double; border-top-width: 6px; border-top-color: red; }
h1 { font-size: 2.1em; line-height: 1.2; }
h2 { font-size: 1.9em; line-height: 1.2; }
h3 { font-size: 1.7em; line-height: 1.2; }
h4 { font-size: 1.5em; line-height: 1.2; }
h5 { font-size: 1.4em; line-height: 1.2; }
h6 { font-size: 1.3em; line-height: 1.2; }
.top02 { margin-top: 0.2em; }
.top04 { margin-top: 0.4em; }
.top06 { margin-top: 0.6em; }
.top08 { margin-top: 0.8em; }
.top10 { margin-top: 1.0em; }
.top12 { margin-top: 1.2em; }
.top14 { margin-top: 1.4em; }
.top16 { margin-top: 1.6em; }
.top18 { margin-top: 1.8em; }
.top20 { margin-top: 2.0em; }
img.smiley { padding-top: 0; padding-bottom: 0; }

/* COLORS */
a:link { text-decoration: none; color: #36c; }
a:visited { text-decoration: none; color: #99c; }
a:hover {text-decoration: underline; color: #c33; }
big { font-size: larger; }
code, pre { font-weight: bold; } /* BlueTrip makes it too light */
h4.listing { font-size: 1.2em; font-weight: bold; }
h4.plus { color: red; font-size: 1.6em; font-weight: bold; }
h4.premium { color: red; font-size: 2.0em; font-weight: bold; }

.aqua { color: #00ffff; font-weight: bold; }
.black { color: #000000; font-weight: bold; }
.blue { color: #0000ff; font-weight: bold; }
.brown { color: #a52a2a; font-weight: bold; }
.coral { color: #ff7f50; font-weight: bold; }
.cyan { color: #00ffff; font-weight: bold; }
.dodgerblue { color: #1e90ff; font-weight: bold; }
.fuchsia { color: #ff00ff; font-weight: bold; }
.gold { color: #ffd700; font-weight: bold; }
.gray { color: #808080; font-weight: bold; }
.grey { color: #808080; font-weight: bold; }
.green { color: #008000; font-weight: bold; }
.lime { color: #00ff00; font-weight: bold; }
.magenta { color: #ff00ff; font-weight: bold; }
.maroon { color: #800000; font-weight: bold; }
.navy { color: #000080; font-weight: bold; }
.olive { color: #808000; font-weight: bold; }
.orange { color: #ffa500; font-weight: bold; }
.pink { color: #ffc0cb; font-weight: bold; }
.purple { color: #800080; font-weight: bold; }
.red { color: #ff0000; font-weight: bold; }
.silver { color: #c0c0c0; font-weight: bold; }
.tan { color: #d2b48c; font-weight: bold; }
.teal { color: #008080; font-weight: bold; }
.turquoise { color: #40e0d0; font-weight: bold; }
.violet { color: #ee82ee; font-weight: bold; }
.white { color: #ffffff; font-weight: bold; }
.yellow { color: #ffff00; font-weight: bold; }
.bgaqua { background-color: #00ffff; }
.bgblack { background-color: #000000; }
.bgblue { background-color: #0000ff; }
.bgbrown { background-color: #a52a2a; }
.bgcoral { background-color: #ff7f50; }
.bgcyan { background-color: #00ffff; }
.bgdodgerblue { background-color: #1e90ff; }
.bgfuchsia { background-color: #ff00ff; }
.bggold { background-color: #ffd700; }
.bggray { background-color: #808080; }
.bggrey { background-color: #808080; }
.bggreen { background-color: #008000; }
.bglime { background-color: #00ff00; }
.bgmagenta { background-color: #ff00ff; }
.bgmaroon { background-color: #800000; }
.bgnavy { background-color: #000080; }
.bgolive { background-color: #808000; }
.bgorange { background-color: #ffa500; }
.bgpink { background-color: #ffc0cb; }
.bgpurple { background-color: #800080; }
.bgred { background-color: #ff0000; }
.bgsilver { background-color: #c0c0c0; }
.bgtan { background-color: #d2b48c; }
.bgteal { background-color: #008080; }
.bgturquoise { background-color: #40e0d0; }
.bgviolet { background-color: #ee82ee; }
.bgwhite { background-color: #ffffff; }
.bgyellow { background-color: #ffff00; }

/* 24 COLUMN GRID */

/* LINKS */

.lnkimg { float: left; padding-top: 0; padding-bottom: 0; }
.lnkhdg { margin-left: 24px;margin-top: 0px; margin-bottom: 4px; }
/* 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^="mailto:"], 
a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], 
a[href$=".rdf"], a[href^="aim:"] {
  padding:2px 18px 2px 0;  /* jrw reduce right padding from 22px to 18px */
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}

/* External links */

/** not used, instead <site>.css set _target
a[href^="http:"]          { background-image: url(../icons/external.png); padding-right: 14px; }
a[href^="http:"]:visited  { background-image: url(../icons/visited.png); }
 */
a[href^="mailto:"]  { background-image: url(../icons/email.png); }

span.spamno { display: none; }

/* Files */
a[href$=".pdf"] { background-image: url(../icons/pdf.png); }  
a[href$=".doc"] { background-image: url(../icons/doc.png); }  
a[href$=".xls"] { background-image: url(../icons/xls.png); }  
 
/* Misc */
a[href$=".rss"], 
a[href$=".rdf"]   { background-image: url(../icons/feed.png); }
a[href^="aim:"]   { background-image: url(../icons/im.png); }

/* if we need an external link arrow, add it to target: */
/*
a[target^="_blank"] {
  background-image: url(../icons/external.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 10px;
  } */

/* special for galleries */
a.galcaption {
  position: relative;
  left: -12px;
  font-weight: bold;
  color: yellow;
}
a.galcaption:hover {
  color: red;
}
p.galcaption {
    text-align: center;
    position: relative;
    top: -12px;
    margin-top:0;
    margin-bottom:10px;
}

/* TEXT CLASSES */
.ct, .ctr, .center {text-align: center;}
.lt, .left {text-align: left;}
.rt, .right {text-align: right;}
.tt { font-family: "Lucida Console",courier,monospace; font-weight: bold; }
.ed { font-weight: bold; color: teal; }
p.arr {text-align: center; font-weight: bold; margin-top: 2em; padding-bottom: 0.5em; background-color: #eef; }
blockquote { 
  padding: 1em;
  font-style: italic;
  color: #333;
  border-style: double;
  border-width: 2px 2px 2px 2px;
  border-color: #ccc;
}
h3.newpgs {margin: 0 0 0 0;}
div.newpgs {margin: 0 0 0 2em;}

/* TOOLBOX */
.floatleft { float: left; margin: 0 8px 0 0;  }
.floatright { float: right; margin: 0 0 0 8px; }
.clear { clear: both; }

span.pulled-right {
	display: block;
	float: right;
	padding: 0 0 0 10px;
	margin: 0 0 10px 10px;
	width: 170px;
	font-size: 1.5em;
	line-height: 1.4em;
	text-align: right;
	color: #666;
	border-left: 3px solid #ccc;
}

span.pulled-left {
	display: block;
	float: left;
	padding: 0 10px 0 0;
	margin: 0 10px 10px 0;
	width: 170px;
	font-size: 1.5em;
	line-height: 1.4em;
	text-align: left;
	color: #666;
	border-right: 3px solid #ccc;
}

/* OTHERS */

img { padding:4px; border:0; border-color:blue; text-align: center; vertical-align:text-top; }
img.left { display: inline; padding: 0 8px 0 0; text-align: left; float: left; clear: left; }
img:hover { border-color: red; }
img.right { display: inline; padding: 0 0 0 8px; text-align: right; float: right; clear: right; }
img.npad { display: inline; padding: 0 0 0 0; float: left; }
img.lpad { display: inline; padding: 0 0 0 4px; float: left; }
img.rpad { display: inline; padding: 0 4px 0 0; float: left; }
img.bpad { display: inline; padding: 0 4px 0 4px; float: left; }
.show { padding:.4em;margin-top:0; margin-bottom:.5em; border:0px solid #ddd;color:#514721;background-color:#def; }
.show_hide { padding:0;margin-top:0; margin-bottom:.5em; border:0px solid #ddd;color:#514721;background-color:#fff; }
hr { color:#1e427a; background-color:#1e427a; height:1px; margin:0px; }
hr.cal { color: green; background-color: green; height: 1px; margin-top: 4px; }
pre.debug { color: black; font-weight: bold; }
td.deleted { background-color:#fdd; }
td.inserted { background-color:#dfd; }
td.updated { background-color:#ddf; }
.new {font-weight:bold;background-color:#ffc;border:solid #630;border-width:2px 0px 2px 0px;padding:0px 2px 0px 2px;color:#bb0;}
table.tablesorter { width:99%; }
table.tablesorter tbody tr.current td { background-color:yellow; }
div.premium { margin-left: 140px; } /* for listings */
.border { border-style:solid; border-width:1px; }
.wide { width: 99%; }
div.gal {
    margin: 0 auto;
    border-style: none;
    border-width: 0;
    text-align: center;
}
div.calinlinedivs {
    display: none;
    border-style: solid;
    border-width: 2px;
    padding: 4px;
    overflow: auto;
    width: 480px;
    height: 360px;
    background-color: #fdfdfd;
}
/* microbars */
div#mbar img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/* inspired by Kohana example */
div.hmenu { text-align: center; }
div.hmenu ul { list-style: none; font-size: 0.8em; font-weight: bold; line-height: 1.6em; text-decoration: none; margin: 0; padding: 0; }
div.hmenu li { display: inline; margin: 0; padding: 0; text-decoration: none; text-transform: uppercase; }
div.hmenu li a { padding: 0.1em 0.4em 0 0.4em; background: #1e427a; border: 0px solid #569f09; color: #fff; text-decoration: none; }
div.hmenu li a:hover { color: #f88; }
div.hmenu li.curr a { padding: 0.1em 0.4em 0 0.4em; background: #1e427a; border: 2px solid #ffd324; color: #fff6bf; text-decoration: none; }
div.hmenu li.curr a:hover { color: #f88; }
div.hmenu hr { color:#1e427a; background-color:#1e427a; height:2px; margin:0px 0 1px 0; }

/* text style */
div.vmenu { text-align: left; font-size:0.8em; font-weight:bold; line-height: 1.3em; clear: both; }
div.vmenu.large { font-size:1.2em; line-height: 1.4em; }
div.vmenu ul { list-style: none; padding: 0; }
div.vmenu li { margin: 0 0 0 -1.5em; color: green; display: block; padding: 0 0 0 0; }
div.vmenu li a { padding: 0 0 0 0; color: #008; background: #fff; border: 0; text-decoration: none; }
div.vmenu li a.caps { text-transform: uppercase; }
div.vmenu li a:hover { color: #fff; background: #69ad0f }
div.vmenu li a.curr { color: green; text-decoration: none; }
div.vmenu li a.curr:hover { color: #fff; background: #69ad0f; }
div.vmenu li.in0 { margin: 0 0 0 -2.5em; }
div.vmenu li.in1 { margin: 0 0 0 -1.5em; }
div.vmenu li.in2 { margin: 0 0 0 -0.5em; }
div.vmenu li.in3 { margin: 0 0 0  0.5em; }
div.vmenu li.in4 { margin: 0 0 0  1.5em; }

/* text button style */
div.vmenub {
    width: 100px;
    text-align: left;
}
div.vmenub.large { font-size:1.2em; line-height: 1.4em; }
div.vmenub ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
div.vmenub li {
    margin: 0;
    display: block;
    list-style: none;
    font-size:0.8em;
    font-weight:bold;
}
div.vmenub li.in1 { width:90px; }
div.vmenub li.in2 { width:80px; }
div.vmenub li.in3 { width:70px; }
div.vmenub li.in4 { width:60px; }
div.vmenub li a {
    color:#fff; background-color: #ff8c00; border: 1px outset #fff;
    text-decoration: none; display: block;
}
div.vmenub li.in1 a { width:90px; padding-left:10px; background-color:#4169e1; } /* RoyalBlue */
div.vmenub li.in2 a { width:80px; padding-left:20px; background-color:#1e90ff; } /* DodgerBlue */
div.vmenub li.in3 a { width:70px; padding-left:30px; background-color:#6495ed; } /* CornflowerBlue */
div.vmenub li.in4 a { width:60px; padding-left:40px; background-color:#00bfff; } /* DeepSkyBlue */
div.vmenub li a:hover {
    color: #ff0; /* Yellow */
    background-color: #0000cd;  /* MediumBlue */
}
div.vmenub li.curr a { background-color:#ffa500; } /* Orange */

#tooltip { position:absolute; border:1px solid #333; background:#f7f5d1; padding:2px 5px; color:#333; display:none; }
#preview { position:absolute; border:1px solid #ccc; background:#333; padding:5px; color:#fff; display:none; }
#screenshot { position:absolute; border:1px solid #ccc; background:#333; padding:5px; color:#fff; display:none; }

/* trigger for tooltip -- not finished */
span.tooltip { color: red; }
/* simple css-based tooltip for jQuery Tools */ 
div.tooltip { 
    background-color:#000; 
    outline:1px solid #669; 
    border:2px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    outline-radius:4px; 
    -moz-outline-radius:4px; 
    -webkit-outline-radius:4px; 
}