/* CSS file created by Bill Beardslee */

/* General page style. The scroll bar colours only visible in IE5.5+ */
/* cursor: url("http://www.mexicovfd.org/fftrbusy.ani"); */
body {
	background-color: #000000;
	background-image: url(http://www.mexicovfd.org/images/handpmp_rrbg.jpg);
	background-attachment: fixed;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	margin-right: 2px;
	margin-height: 0px;
	margin-width: 0px;
	scrollbar-face-color: #333333;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #000000;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-arrow-color:  #FECE66;
	scrollbar-track-color: #666666;
	scrollbar-darkshadow-color: #999999;
}

/* General font families for common tags */
font,th,td,p			{ font-family: Verdana, Tahoma, Arial, sans-serif; color: #FFCC66; }
a:link,a:active,a:visited	{ font-size: 12px; color: #F5F5DC; text-decoration: none; }
a:hover				{ text-decoration: underline; color: #999999; }
hr				{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px; }

/* This is the border line & background color round the entire page background-color: #666666; */
.bodyline { border: 1px #cccccc solid; padding: 4px; margin-bottom: 2px; }
.bodyline td { border: 1px #cccccc solid; padding: 4px; margin-bottom: 1px; }

/* This is the outline surrounding the main blocks */
.forumlinemain { border: 1px #999999 solid; padding: 4px; margin-bottom: 2px; border-left: solid 1px #999999; border-top: solid 1px #999999; border-right: solid 1px #666666; border-bottom: solid 1px #666666; }


/* This is the outline round the main forum tables */
.forumline { background-image: url(http://www.mexicovfd.org/images/logo5.jpg); }

/* Main table cell colors and backgrounds background-repeat: repeat-y; */
td.row1	{ }
td.row2	{ background-color: #cccccc; background-image: url(http://www.mexicovfd.org/images/cellpic3.gif); }
td.row3	{ }
td.row4	{ }
td.row5	{ background-image: url(http://www.mexicovfd.org/images/fireback2tp.gif); }
td.row6	{ background-color: #333333; }

/* This is for the table cell above the Topics, Post & Last posts on the index.php page By default. This is the fading out gradiated background. However, you could replace this with a bitmap */
td.rowpic {
	font-weight: bold; font-size: 11px; color: #ffffff; height: 18px; background-color: #FFFFFF;
	background-image: url(http://www.mexicovfd.org/images/cellpic2.jpg);
	background-repeat: repeat-y;
}
.rowpic {
	font-weight: bold; font-size: 11px; color: #ffffff; height: 18px; background-color: #FFFFFF;
	background-image: url(http://www.mexicovfd.org/images/cellpic2.jpg);
	background-repeat: repeat-y;
}
th {
	color: #FFFFFF; font-size: 12px; font-weight: bold;
	background-color: #000000; height: 25px;
	background-image: url(http://www.mexicovfd.org/images/cellpic1.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
	background-image: url(http://www.mexicovfd.org/images/cellpic3.gif);
	background-color:#666666; height: 25px;
}


/* Setting additional nice inner borders for the main table cells. The names indicate which sides the border will be on. Don't worry if you don't understand this, just ignore it :-) */
td.cat,td.catHead,td.catBottom {
	height: 25px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR { font-weight: bold; height: 25px; }

td.row3Right,td.spaceRow { background-color: #666666; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead			{ border-left: solid 1px #999999; border-top: solid 1px #999999; }
th.thSides,td.catSides,td.spaceRow	{ border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right	{ border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft			{ border-left: solid 1px #999999; border-top: solid 1px #999999; }
th.thBottom,td.catBottom		{ border-left: solid 1px #999999; border-top: solid 1px #999999; }
th.thTop				{ border-left: solid 1px #999999; border-top: solid 1px #999999; }
th.thCornerL				{ border-left: solid 1px #999999; border-top: solid 1px #999999; border-right: solid 1px #666666; border-bottom: solid 1px #666666; }
th.thCornerR				{ border-left: solid 1px #999999; border-top: solid 1px #999999; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle {
	font-weight: bold; font-size: 22px; font-family: Arial, Tahoma, Verdana, sans-serif;
	text-decoration: none; line-height: 120%; color: #000000;
}
h1,h2,h3,h4 {
	 font-family: Arial, Tahoma, Verdana, sans-serif;
	text-decoration: none; line-height: 120%; color: #CCCCCC;
}

/* General text */
.gen			{ font-size: 12px; line-height: 18px }
.genmed			{ font-size: 11px; line-height: 16px }
.gensmall		{ font-size: 10px; line-height: 16px }
.genbig			{ font-size: 13px; font-weight: bold; color: #FECE66; line-height: 16px }
.genlarge		{ font-size: 14px; font-weight: bold; color: #ffffff; line-height: 16px }
.gen,.genmed,.gensmall	{ color: #FFCC66; }

/* General links text */
a.gen			{ font-size: 12px; color: #F5F5DC; text-decoration: none; line-height: 18px }
a.genmed		{ font-size: 11px; color: #F5F5DC; text-decoration: none; line-height: 16px }
a.gensmall		{ font-size: 10px; color: #F5F5DC; text-decoration: none; line-height: 16px }
a.gen:visited		{ font-size: 12px; color: #F5F5DC; text-decoration: none; line-height: 18px }
a.genmed:visited	{ font-size: 11px; color: #F5F5DC; text-decoration: none; line-height: 16px }
a.gensmall:visited	{ font-size: 10px; color: #F5F5DC; text-decoration: none; line-height: 16px }
a.gen:hover		{ font-size: 12px; color: #999999; text-decoration: underline; line-height: 18px }
a.genmed:hover		{ font-size: 11px; color: #999999; text-decoration: underline; line-height: 16px }
a.gensmall:hover	{ font-size: 10px; color: #999999; text-decoration: underline; line-height: 16px }


/* main links at the top of the page */
.mainmenu		{ font-size: 12px; color:  #ffffff; }
a.mainmenu		{ font-weight: bold; text-decoration: none; color: #F5F5DC; line-height: 16px  }
a.mainmenu:visited	{ text-decoration: none; color: #F5F5DC;  }
a.mainmenu:hover	{ text-decoration: underline; color: #999999; }


/* Category titles */
.cattitle		{ font-weight: bold; font-size: 11px ; color: #000000}
a.cattitle:link		{ text-decoration: none; color: #FFFFFF; }
a.cattitle:visited	{ text-decoration: none; color: #FFFFFF; }
a.cattitle:active	{ text-decoration: none; color: #FFFFFF; }
a.cattitle:hover	{ text-decoration: none; color: #666666; }


/* Link title: Text and link to be used if needed */
.forumlink							{ font-weight: bold; font-size: 11px; color: #ffffff; }
.forumlink a:link, .forumlink  a:visited, .forumlink  a:active	{ text-decoration: none; color: #FFF }
a.forumlink:hover						{ text-decoration: underline; color: #666666; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav		{ font-weight: bold; font-size: 11px; color: #000000; line-height: 150%; }
a.nav:link	{ text-decoration: none; color: #DEE3E7; }
a.nav:visited	{ text-decoration: none; color: #DEE3E7; }
a.nav:active	{ text-decoration: none; color: #DEE3E7; }
a.nav:hover	{ text-decoration: underline; }


/* Used for the navigation text on the Intro Page */
.intro		{ font-weight: bold; font-size: 11px; color: #666666;}
a.intro:link	{ text-decoration: none; color: #666666; }
a.intro:visited	{ text-decoration: none; color: #666666; }
a.intro:active	{ text-decoration: none; color: #666666; }
a.intro:hover	{ text-decoration: underline;color: #CCCCCC; }


/* titles for the topics: could specify viewed link color too */
.topictitle		{ font-weight: bold; font-size: 11px; color: #ffffff; height: 18px; background-image: url(http://www.mexicovfd.org/images/cellpic1.gif); }
a.topictitle:link	{ text-decoration: none; color: #ffffff; }
a.topictitle:visited	{ text-decoration: none; color: #ffffff; }
a.topictitle:hover	{ text-decoration: underline; color : #666666; }


/* Name of whatever and other places */
.name { font-size: 11px; color: #000000;}

/* Text, date etc */
.postdetails { font-size: 11px; color: #000000; }


/* The content of the cell text */
.postbody		{ font-size: 12px;color: #FFFFFF; line-height: 18px; }
a.postlink:link		{ text-decoration:  none; color: #F5F5DC; }
a.postlink:visited	{ text-decoration: none; color: #F5F5DC; }
a.postlink:hover	{ text-decoration: underline; color: #999999; }

/* Red Color */
.pm	{ font-size: 12px; text-decoration: none; font-weight: bold; color: #FF0000; }

/* Color of a link on a white background */
a.sparkylink		{ font-size: 12px; text-decoration: none; font-weight: bold; color: #B22222; }
a.sparkylink:visited	{ font-size: 12px; text-decoration: none; font-weight: bold; color: #B22222; }
a.sparkylink:hover	{ font-size: 12px; text-decoration: underline; color: #CD5C5C; font-weight: bold; }

/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright		{ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFCC66; letter-spacing: -1px;}
a.copyright		{ font-size: 11px; color: #ffffff; text-decoration: none;}
a.copyright:visited	{ font-size: 11px; color: #ffffff; text-decoration: none;}
a.copyright:active	{ font-size: 11px; color: #ffffff; text-decoration: none;}
a.copyright:hover	{ font-size: 11px; color: #ffffcc; text-decoration: underline;}


/* Form elements */
input,textarea{
	color: #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color: #000000;
}
select {
	color: #FFFFFF;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color: #cccccc;
	background-color: #333333;
}

/* The text input fields background color */
input.post, textarea.post {
	background-color: #FFFFFF;
}
input { text-indent: 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color: #EFEFEF;
	color: #000000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color: #FAFAFA;
	font-weight: bold;
}

/* None-bold submit button */
input.liteoption {
	background-color: #FAFAFA;
	font-weight: normal;
}

/* Home page marquee */
#marqueecontainer{
	position: relative;
	width: 100%; /*marquee width */
	height: 200px; /*marquee height */
	overflow: hidden;
	padding: 2px;
	padding-left: 4px;
}

/* This is the line in the posting page which shows the rollover
   help line. This is actually a text box, but if set to be the same
   color as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://www.mexicovfd.org/formIE.css");

/* Used to hide imaged, text etc. */
.hiddenPic	{ display: none; }
a.hiddenPic	{ display: none; }
a.hiddenPic	{ display: none; }
a.hiddenPic	{ display: none; }
a.hiddenPic	{ display: none; }

/* Used on the Fire Advisory hover text box */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
color: firebrick;
font-size: 12px;
font-weight: bold;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/* Remove below line to remove shadow. Below line should always appear last within this CSS */
filter: progid:DXImageTransform.Microsoft.Shadow(color=firebrick,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/* Opacity when overing over an image */
.toggleopacity img {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.toggleopacity:hover img {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}: -300px;
z-index: 101;
visibility: hidden;
}

/* Opacity when overing over an image */
.toggleopacity img {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.toggleopacity:hover img {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}