/* Normal, standard links. */


a:link {
    color: #CC9900;
    text-decoration: none;
  }


a:visited {
    color: #CC9900;
    text-decoration: none;
  }


a:hover {
    color: #FFFFFF;
    text-decoration: underline;
  }

/* Navigation links - for the link tree. */


.nav, .nav:link, .nav:visited {
    color: #ffcc00;
    text-decoration: none;
  }


a.nav:hover {
    font-weight: bold;
    color: #cc3333;
    text-decoration: underline;
  }

/* Tables should show empty cells. */


table {
    empty-cells: show;
  }

/* By default (td, body..) use verdana in black. */


body, td, th , tr {
    color: #FFFFCC;
    font-size: small;
    font-family: verdana, sans-serif;
  }

/* The main body of the entire forum. */


body {
    background-color: #272727;
    margin: 0px;
    padding: 12px 30px 4px 30px;
  }

/* Input boxes - just a bit smaller than normal so they align well. */


input, textarea, button {
    color: #000000;
    font-family: verdana, sans-serif;
  }


input, button {
    font-size: 90%;
  }


textarea {
    font-size: 100%;
    color: #000000;
    font-family: verdana, sans-serif;
  }

/* All input elements that are checkboxes or radio buttons. */


input.check {
  }

/* Selects are a bit smaller, because it makes them look even better 8). */


select {
    font-size: 90%;
    font-weight: normal;
    color: #000000;
    font-family: verdana, sans-serif;
  }

/* Standard horizontal rule.. ([hr], etc.) */


hr, .hrcolor {
    height: 1px;
    border: 0;
    color: #666666;
    background-color: #666666;
  }

/* No image should have a border when linked */


a img {
    border: 0;
  }

/* A quote, perhaps from another post. */


.quote {
    color: #000000;
    background-color: #C3B8D0;
    border: 1px solid #000000;
    margin: 1px;
    padding: 1px;
    font-size: x-small;
    line-height: 1.4em;
  }

/* A code block - maybe even PHP ;). */


.code {
    color: #000000;
    background-color: #cccccc;
    font-family: "courier new", "times new roman", monospace;
    font-size: x-small;
    line-height: 1.3em;
    /* Put a nice border around it. */border: 1px solid #000000;
    margin: 1px auto 1px auto;
    padding: 1px;
    width: 99%;
    /* Don't wrap its contents, and show scrollbars. */white-space: nowrap;
    overflow: auto;
    /* Stop after about 24 lines, and just show a scrollbar. */max-height: 24em;
  }

/* The "Quote:" and "Code:" header parts... */


.quoteheader, .codeheader {
    color: #FFFFFF;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    font-size: x-small;
    line-height: 1.2em;
  }

/* Generally, those [?] icons.  This makes your cursor a help icon. */


.help {
    cursor: help;
  }

/* /me uses this a lot. (emote, try typing /me in a post.) */


.meaction {
    color: red;
  }

/* The main post box - this makes it as wide as possible. */


.editor {
    width: 96%;
  }

/* Highlighted text - such as search results. */


.highlight {
    background-color: yellow;
    font-weight: bold;
    color: #000000;
  }

/* Alternating backgrounds for posts, and several other sections of the forum. */


.windowbg {
    color: #FFFFCC;
    background-color: #000000;
  }


.windowbg2 {
    color: #FFFFCC;
    background-color: #212121;
  }


.windowbg3 {
    color: #FFFFCC;
    background-color: #323232;
  }

/* the today container in calendar */


.calendar_today {
    background-color: #212121;
  }

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */


.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
    color: #000000;
    font-style: normal;
    background: url(images/titlebg.jpg) #171717 repeat-x;
    border-bottom: solid 1px #9BAEBF;
    border-top: solid 1px #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
  }


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


.titlebg a:hover {
    color: #ffffff;
  }

/* same as titlebg, but used where bold text is not needed */


.titlebg2 a:link, .titlebg2 a:visited {
    color: #000000;
    font-style: normal;
    text-decoration: underline;
  }


.titlebg2 a:hover {
    text-decoration: underline;
  }

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/


.catbg , tr.catbg td , .catbg3 , tr.catbg3 td {
    background: url(images/catbg.jpg) #171717 repeat-x;
    color: #ffcc00;
    padding-left: 10px;
    padding-right: 10px;
  }


.catbg2 , tr.catbg2 td {
    background: url(images/catbg2.jpg) #171717 repeat-x;
    color: #ffcc00;
    padding-left: 10px;
    padding-right: 10px;
  }


.catbg, .catbg2, .catbg3 {
    border-bottom: solid 1px #375576;
  }


.catbg, .catbg2 {
    font-weight: bold;
  }


.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {
    font-size: 95%;
    color: white;
    text-decoration: none;
  }


.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited {
    color: white;
    text-decoration: none;
  }


.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {
    color: #e0e0ff;
  }

/* This is used for tables that have a grid/border background color (such as the topic listing.) */


.bordercolor {
    background-color: #333333;
    padding: 0px;
  }

/* This is used on tables that should just have a border around them. */


.tborder {
    padding: 1px;
    border: 1px solid #666666;
    background-color: #333333;
  }

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */


.smalltext {
    font-size: x-small;
    font-family: verdana, sans-serif;
  }


.middletext {
    font-size: 90%;
  }


.normaltext {
    font-size: small;
  }


.largetext {
    font-size: large;
  }

/* Posts and personal messages displayed throughout the forum. */


.post, .personalmessage {
    width: 100%;
    overflow: auto;
    line-height: 1.3em;
  }

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */


.signature {
    width: 100%;
    overflow: auto;
    padding-bottom: 3px;
    line-height: 1.3em;
  }

/* Sometimes there will be an error when you post */


.error {
    color: red;
  }

/* definitions for the main tab, active means the tab reflects which page is displayed */


.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last {
    color: white;
    text-transform: uppercase;
    vertical-align: top;
  }


.maintab_back, .maintab_active_back {
    color: white;
    text-decoration: none;
    font-size: 9px;
    vertical-align: top;
    padding: 2px 6px 6px 6px;
    font-family: tahoma, sans-serif;
  }


.maintab_first {
    background: url(images/maintab_first.gif) left bottom no-repeat;
    width: 10px;
  }


.maintab_back {
    background: url(images/maintab_back.gif) left bottom repeat-x;
  }


.maintab_last {
    background: url(images/maintab_last.gif) left bottom no-repeat;
    width: 8px;
  }


.maintab_active_first {
    background: url(images/maintab_active_first.gif) left bottom no-repeat;
    width: 6px;
  }


.maintab_active_back {
    background: url(images/maintab_active_back.gif) left bottom repeat-x;
  }


.maintab_active_last {
    background: url(images/maintab_active_last.gif) left bottom no-repeat;
    width: 8px;
  }

/* how links behave in main tab. */


.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited {
    color: white;
    text-decoration: none;
  }


.maintab_back a:hover, .maintab_active_back a:hover {
    color: #e0e0ff;
    text-decoration: none;
  }

/* definitions for the mirror tab */


.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last {
    color: white;
    text-transform: uppercase;
    vertical-align: top;
  }


.mirrortab_back, .mirrortab_active_back {
    color: white;
    text-decoration: none;
    font-size: 9px;
    vertical-align: bottom;
    padding: 6px 6px 2px 6px;
    font-family: tahoma, sans-serif;
  }


.mirrortab_first {
    background: url(images/mirrortab_first.gif) no-repeat;
    width: 10px;
  }


.mirrortab_back {
    background: url(images/mirrortab_back.gif) repeat-x;
  }


.mirrortab_last {
    background: url(images/mirrortab_last.gif) no-repeat;
    width: 6px;
  }


.mirrortab_active_first {
    background: url(images/mirrortab_active_first.gif) no-repeat;
    width: 6px;
  }


.mirrortab_active_back {
    background: url(images/mirrortab_active_back.gif) repeat-x;
  }


.mirrortab_active_last {
    background: url(images/mirrortab_active_last.gif) no-repeat;
    width: 8px;
  }

/* how links behave in mirror tab. */


.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited {
    color: white;
    text-decoration: none;
  }


.mirrortab_back a:hover, .mirrortab_active_back a:hover {
    color: #e0e0ff;
    text-decoration: none;
  }

/* The AJAX notifier */


#ajax_in_progress {
    background: #32CD32;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 18pt;
    padding: 3px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
  }

/*	Styles for reseles*/

	.rel_form input[class=rel_subm] {
		color: #FFFFCC;
		background: #212121;
	}
	.rel_form input[class=rel_subm]:hover {
		color: #FFFFFF;
		background: #212121;
	}
	.rel_form input[class=rel_subm]:focus {
		color: #FFFFCC;
		background: #212121;	
	}

	.rel_form input {
		color: #999999;
		background-color: #212121;
	}
	
	.rel_form input:hover {
		background-color: #212121;
		color: #FFFFFF;
	}
	
	.rel_form input:focus {
		background-color: #212121;
		color: #FFFFCC;
	}
	

	.rel_form textarea {
		color: #999999;
		background-color: #212121;
	}
	
	.rel_form textarea:hover {
		background-color: #212121;
		color: #FFFFFF;
	}
	
	.rel_form textarea:focus {
		background-color: #212121;
		color: #FFFFCC;
	}

	
	.rel_form select {
		color: #999999;
		background-color: #212121;
	}
	
	.rel_form select:hover {
		background-color: #212121;
		color: #FFFFCC;
	}
	
	.rel_form select:focus {
		background-color: #212121;
		color: #FFFFCC;
	}
/*	Input with images style */
.rel_input {
    color: #000000;
    background-color: #212121;
    width: 250px;
  }

.rel_input:focus {
    background: url(images/16music.jpeg) no-repeat left #212121;
    padding-left: 20px;
    width: 231px;
  }


.rel_year {
    color: #000000;
    background-color: #212121;
	padding-left: 0px;
    width: 60px;
  }


.rel_year:focus {
    background: url(images/16music.jpeg) no-repeat left #212121;
    padding-left: 20px;
    width: 40px;
  }

.rel_subm {}


.rel_form input[class=rel_upload] {
	color: #000000;
	background: #D0D0D0;
}
.rel_form input[class=rel_upload]:hover {
	color: #000000;
	background: #D0D0D0;
}
.rel_form input[class=rel_upload]:focus {
	color: #000000;
	background: #D0D0D0;
}

.rel_upload {}

/* Events */

.evnt_form input {
	color: #999999;
	background-color: #212121;
}

.evnt_form input:hover {
	color: #F2C9C9;
}

.evnt_form input:focus {
	color: #FFFFCC;
}

.evnt_form textarea {
	color: #999999;
	background-color: #212121;
}

.evnt_form textarea:hover {
	color: #F2C9C9;
}

.evnt_form textarea:focus {
	color: #FFFFCC;
}