/* 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 */

/* 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; }

/* MARGINS & PADDINGS */
hr, p, ul, ol, dl, pre, blockquote, address, table, form { margin-bottom: 0.8em; } /* not 1.6 */
th, td { padding: .4em; }  /* tighter than BT */
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.zerotop { margin-top: 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 { color: #600; } /* BlueTrip makes it too light */

.aqua { color: aqua; font-weight: bold; }
.black { color: black; font-weight: bold; }
.blue { color: blue; font-weight: bold; }
.fuchsia { color: fuchsia; font-weight: bold; }
.gray { color: gray; font-weight: bold; }
.green { color: green; font-weight: bold; }
.lime { color: lime; font-weight: bold; }
.maroon { color: maroon; font-weight: bold; }
.navy { color: navy; font-weight: bold; }
.olive { color: olive; font-weight: bold; }
.purple { color: purple; font-weight: bold; }
.red { color: red; font-weight: bold; }
.silver { color: silver; font-weight: bold; }
.teal { color: teal; font-weight: bold; }
.white { color: white; font-weight: bold; }
.yellow { color: yellow; font-weight: bold; }

/* 24 COLUMN GRID */

/* LINKS */

/* 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); }

/* 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;
  } */

/* TEXT CLASSES */
.ctr {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
p.arr {text-align: center; font-weight: bold; margin-top: 2em; background-color: #eef; }
blockquote { 
  padding: 1em;
  font-style: italic;
  color: #333;
  border-style: double;
  border-width: 2px 2px 2px 2px;
  border-color: #ccc;
}

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.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; }
.floatleft {float: left; clear: left}
.floatright {float: right;}
.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; }
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 tbody tr.current td { background-color:yellow; }
div.premium { margin-left: 140px; } /* for listings */


/* 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; display: block; padding: 0 0 0 0; }
div.vmenu li a { padding: 0 0.2em 0 0.2em; 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; }

/* 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; 
}