/*
 * ----------------------------------------------------------------------------
 * mainstyle.css                                                     12/22/2009
 *
 * VADV-PHP theme style sheet
 * ----------------------------------------------------------------------------
 * Copyright (C) 2002-2009 Steve Winn. All Rights Reserved.
 * Theme integration by Darrell Fox, Sept-Dec, 2009
 *
 * For licensing information, view LICENSE.TXT.
 * ----------------------------------------------------------------------------
 * ----------------------------------------------------------------------------
 * Theme: VirtualClassic
 * Author: Darrell Fox, www.darrelltown.com
 * ----------------------------------------------------------------------------
 */



/*  Layout
 --------------------- */
* {
	font-size: 11px;
}

html {
	/* set page up to force scrollbar to appear so we don't get 'gutter-shift' effect */
	height: 101%;
	margin-bottom: 1px;
}

body {
	/* set default background, etc.. */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url('./../img/home_background.gif');
}

hr {
	height:2px;
	color: #000080;
	border-width:0;
	background-color:#000080;
}



/*  Layout Container IDs
 --------------------- */
#mainframe {
	/* So we don't have problems centering nested divs and tables later on.... */
	width: 100%;
}

#main {
	/* Main content container */
	width: 750px;
	padding: 10px 0 5px 0;
	background-color: #FFFFFF;
}

#head {
	/* Theme header for all pages */
	width: 730px;
	margin: 0 0 0 0;
	height: 60px;
	padding: 0 0 0 0;
	background-color: #000080;
}

#page {
	/* Page container */
	width: 730px;
	padding: 6px 0 10px 0;
}

#msginfomainframe {
	width: 100%;
}

#msginfomain {
	/* Main content container */
	width: 600px;
	padding: 0 0 5px 0;
	background-color: #FFFFFF;
}

#msginfohead {
	width: 580px;
	margin: 0 0 0 0;
	height: 60px;
	padding: 0 0 0 0;
	background-color: #000080;
}

#msginfopage {
	/* Page container */
	width: 580px;
	padding: 6px 0 5px 0;
}

#nodelistContent { /* NOTE: This entry has an IE fix in /templates/header.php */
	width: 680px;
	position: relative;
	top: -28px;
	z-index: 0;
}

#nodelistHdrBar {
	background-color:#000080;
	position:relative;
	top:28px;
	left:-24px;
	width:728px;
	height:17px;
	z-index: -1;
}





/*  Text
 --------------------- */
pre {
	font-family: monospace;
	font-weight: normal;
}

.hdrTitle {
	color: #FFFFFF;
	font-size: 19px;
	font-weight: bold;
	font-style: italic;
}

.pageHeading {
	font-size: 12px;
	font-weight: bold;
}

.boldBody {
	color: #000000;
	font-weight:bold;
}

.boldBodyMed {
	color: #000000;
	font-size: 13px;
	font-weight:bold;
}

.boldBodyBig {
	color: #000000;
	font-size: 16px;
	font-weight:bold;
}

.infoBarBody {
	color: #FFFFFF;
	background-color: #0066CC;
}
.infoBarTopic {
	font-size: 13px;
	color: #FFFFFF;
	background-color: #000080;
	font-weight:bold;
	font-style:italic;
}
.infoBarBold {
	color: #FFFFFF;
	font-weight:bold;
}

.topic {
	font-size: 16px;
	color: #FFFFFF;
	background-color: #000080;
	font-weight:bold;
	font-style:italic;
}
.topicsmall {
	color: #FFFFFF;
	background-color: #000080;
}
.boldtopicsmall {
	color: #FFFFFF;
	background-color: #000080;
	font-weight: bold;
}

.notify {
	color: #FFFF00;
	font-weight: bold;
}

.notifyTitle {
	font-size: 13px;
	color: #FFFF00;
	font-weight: bold;
}

.notifySmall {
	color: #FFFF00;
}

.newEmailNotify {
	color: #FF0000;
	font-weight: bold;
}

.newMsgValidate {
	color: #008000;
	font-weight: bold;
}

.newFileReview {
	color: #000080;
	font-weight: bold;
}

.newOneLiner {
	color: #000000;
	font-weight: bold;
}

.msgTime {
	color: #666666;
}

.msgBody {
	font-size: 13px;
}

.msgFooter {
	color: #FFFFFF;
	font-size: 9px;
	font-weight:bold;
}

.filename {
	font-family: monospace;
	font-size: 13px;
	color: #000080;
	font-weight: bold;
}

.filesize {
	font-family: monospace;
	font-size: 13px;
	color: #000080;
}

.fileonline {
	font-family: monospace;
	font-size: 13px;
	color: #60D000;
	font-weight: bold;
}

.fileoffline {
	font-family: monospace;
	font-size: 13px;
	color: #FF0000;
	font-weight: bold;
}

.enc {
	font-family: monospace;
	font-size: 13px;
	color: #808080;
}

.monospace13 {
	color: #000000;
	font-family: monospace;
	font-size: 13px;
}

.boldmonospace13 {
	color: #000000;
	font-family: monospace;
	font-size: 13px;
	font-weight: bold;
}

.yellowTitle { /* TODO: remove this one - we don't need color references in our class names */
	font-size: 19px;
	color: #FFFF00;
	font-weight:bold;
	font-style:italic;
}

.copyright {
	color: #000000;
	font-size: 9px;
	font-weight: normal;
}
.footerVersion {
	font-family: monospace;
	color: #808080;
	font-weight: bold;
}

.nodelisthdr { /* NOTE: This entry has an IE fix in /templates/header.php */
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
}

.error {
	color: red;
	font-size: 13px;
	font-weight: bold;
}






/* Links
 ------------ */
a:active {
	color: #FF0000;
}
a:link {
	color: #0000D0;
}
a:visited {
	color: #0000D0;
}
a:hover {
	color: #FF0000;
}

a.boldBody:link, a.boldBody:visited {
	color: #000000;
	font-weight:bold;
}

a.boldtopicsmall:link, a.boldtopicsmall:visited {
	color: #FFFFFF;
	font-weight: bold;
}

a.infoBarBody:link, a.infoBarBody:visited {
	color: #FFFFFF;
	font-weight:bold;
}

a.msgFooter:link, a.msgFooter:visited {
	color: #FFFFFF;
	font-size: 9px;
	font-weight:bold;
}

a.notify:link, a.notify:visited {
	color: #FFFF00;
	font-weight:bold;
}

a.msgnav:link, a.msgnav:visited {
	font-size: 10px;
	color: #FF0000;
	font-weight:bold;
}

a.newSystemNews:link, a.newSystemNews:visited {
	color: #F06000;
	font-weight: bold;
}





/* Statistic Graph Image Backgrounds
 (Courtesy of Darrell) ;)
 --------------------------------- */
.graphLeftRed {
	width: 7px;
	height: 14px;
	background-image: url('./../img/h_graph_left_red.png');
	background-repeat: no-repeat;
}
.graphMidRed {
	width: 7px;
	height: 14px;
	background-image: url('./../img/h_graph_mid_red.png');
	background-repeat: repeat-x;
}
.graphRightRed {
	width: 7px;
	height: 14px;
	background-image: url('./../img/h_graph_right_red.png');
	background-repeat: no-repeat;
}


.graphLeftYellow {
	width: 7px;
	height: 14px;
	background-image: url('./../img/h_graph_left_yellow.png');
	background-repeat: no-repeat;
}
.graphMidYellow {
	width: 7px;
	height: 14px;
	background-image: url('./../img/h_graph_mid_yellow.png');
	background-repeat: repeat-x;
}
.graphRightYellow {
	width: 7px;
	height: 14px;
	background-image: url('./../img/h_graph_right_yellow.png');
	background-repeat: no-repeat;
}


.graphLeftOrange {
	width: 7px;
	height: 14px;
	background-image: url('./../img/h_graph_left_orange.png');
	background-repeat: no-repeat;
}
.graphMidOrange {
	width: 7px;
	height: 14px;
	background-image: url('./../img/h_graph_mid_orange.png');
	background-repeat: repeat-x;
}
.graphRightOrange {
	width: 7px;
	height: 14px;
	background-image: url('./../img/h_graph_right_orange.png');
	background-repeat: no-repeat;
}


.graphLeftGreen {
	width: 7px;
	height: 14px;
	background-image: url('./../img/h_graph_left_green.png');
	background-repeat: no-repeat;
}
.graphMidGreen {
	width: 7px;
	height: 14px;
	background-image: url('./../img/h_graph_mid_green.png');
	background-repeat: repeat-x;
}
.graphRightGreen {
	width: 7px;
	height: 14px;
	background-image: url('./../img/h_graph_right_green.png');
	background-repeat: no-repeat;
}


.graphLeftBlue {
	width: 7px;
	height: 14px;
	background-image: url('./../img/h_graph_left_blue.png');
	background-repeat: no-repeat;
}
.graphMidBlue {
	width: 7px;
	height: 14px;
	background-image: url('./../img/h_graph_mid_blue.png');
	background-repeat: repeat-x;
}
.graphRightBlue {
	width: 7px;
	height: 14px;
	background-image: url('./../img/h_graph_right_blue.png');
	background-repeat: no-repeat;
}


.graphLeftPurple {
	width: 7px;
	height: 14px;
	background-image: url('./../img/h_graph_left_purple.png');
	background-repeat: no-repeat;
}
.graphMidPurple {
	width: 7px;
	height: 14px;
	background-image: url('./../img/h_graph_mid_purple.png');
	background-repeat: repeat-x;
}
.graphRightPurple {
	width: 7px;
	height: 14px;
	background-image: url('./../img/h_graph_right_purple.png');
	background-repeat: no-repeat;
}




/* Misc
 ====== */
form {
	padding: 0;
	margin: 0;
}
.spacer {
	font-size: 1px;
	background-image: url('./../img/spacer.gif');
}
select {
	border: inset;
	border-top: 2px solid #888888;
	border-left: 2px solid #888888;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	background-color: #A0C0F0;
	font-weight: bold;
	padding: 0;
}
input.radio {
	vertical-align: bottom;
	border: none;
	background-color: transparent;
}
input.text {
	background-color: #A0C0F0;
	font-weight: bold;
}
input.submit, button.submit {
	width: 98px;
	height: 30px;
	border: none;
	background-color: transparent;
	background-image: url('./../img/buttonback.png');
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
}
input.checkbox {
	border: none;
	vertical-align: middle;
	background-color: transparent;
	padding: 0;
}