SMF For Free Support Forum

Images:

Click here for full set of images

To install the above images:
Click on the link and save the file to your computer.
Unzip the file.
Upload those images to a hosting site, such as photobucket.
replace the urls I have in the css code, with the url links to your images.


The below images are also included in the above zip file:



CSS Code:
/* Normal, standard links. */
a:link
{
color: #A56F26;
text-decoration: none;
}
a:visited
{
color: #A56F26;
text-decoration: none;
}
a:hover
{
color: #A56F26;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #A56F26;
text-decoration: none;
}
a.nav:hover
{
color: #FF7B00;
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: #000000;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-color: #FFD499;
margin: 0px;
padding: 12px 30px 4px 30px;

}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
background-color: ;
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: #FCF3E3;
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: #EEEEEE;
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: #000000;
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: #FF7777;
font-weight: bold;
color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background: #FAEEDA url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/windowbg.gif) repeat-y;
}
.windowbg2
{
color: #000000;
background: #FFFDFA url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/windowbg2.gif) repeat-x;
}
.windowbg3
{
color: #000000;
background: #FFE4BE url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/windowbg3.gif) repeat-y;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* 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: black;
font-style: normal;
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/titlebg.gif) #FFE4BE repeat-x;
border-bottom: solid 1px #C3AF96;
border-top: solid 1px #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: black;
font-style: normal;
}

.titlebg a:hover
{
color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: black;
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(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/catbg.gif) #E6B76F repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/catbg.gif) #E6B76F repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 0px #7D5E2F;
}
.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: #FCFFE0;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #DFD3CA;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #D8A259;
background-color: #FFFFFF;
}

/* 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(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/maintab_first.gif) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/maintab_back.gif) left bottom repeat-x;
}
.maintab_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/maintab_last.gif) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/maintab_active_first.gif) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/maintab_active_back.gif) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/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: #FCFFE0;
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(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/mirrortab_first.gif) no-repeat;
width: 15px;
}
.mirrortab_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/mirrortab_back.gif) repeat-x;
}
.mirrortab_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/mirrortab_last.gif) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/mirrortab_active_first.gif) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/mirrortab_active_back.gif) repeat-x;
}
.mirrortab_active_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/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: #FCFFE0;
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #8DF39D url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/loading.gif) repeat-x;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}


Images:



CSS Code:
/* Normal, standard links. */
a:link
{
color: #136D6D;
text-decoration: none;
}
a:visited
{
color: #136D6D;
text-decoration: none;
}
a:hover
{
color: #136D6D;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #136D6D;
text-decoration: none;
}
a.nav:hover
{
color: #00D0BA;
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: #000000;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-color: #93EDED;
margin: 0px;
padding: 12px 30px 4px 30px;

}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
background-color: ;
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: #E4F5F6;
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: #EEEEEE;
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: #000000;
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: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background: #DAF0F1 url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/windowbg.gif) repeat-y;
}
.windowbg2
{
color: #000000;
background: #FAFFFF url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/windowbg2.gif) repeat-x;
}
.windowbg3
{
color: #000000;
background: #BEF0F0 url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/windowbg3.gif) repeat-y;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* 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: black;
font-style: normal;
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/titlebg.gif) #BEF0F0 repeat-x;
border-bottom: solid 1px #89A8A7;
border-top: solid 1px #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: black;
font-style: normal;
}

.titlebg a:hover
{
color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: black;
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(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/catbg.gif) #6CBEC0 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/catbg.gif) #6CBEC0 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #93EDED;
}
.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: #C3D2CF;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #53ADAD;
background-color: #FFFFFF;
}

/* 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(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/maintab_first.gif) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/maintab_back.gif) left bottom repeat-x;
}
.maintab_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/maintab_last.gif) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/maintab_active_first.gif) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/maintab_active_back.gif) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/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: #DCF5F5;
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(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/mirrortab_first.gif) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/mirrortab_back.gif) repeat-x;
}
.mirrortab_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/mirrortab_active_last.gif) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/mirrortab_active_first.gif) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/mirrortab_active_back.gif) repeat-x;
}
.mirrortab_active_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/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: #DCF5F5;
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
             background: #5371AD url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/loading.gif) repeat-x;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}


Images:



CSS Code:

/* Normal, standard links. */
a:link
{
color: #AE1D1D;
text-decoration: none;
}
a:visited
{
color: #AE1D1D;
text-decoration: none;
}
a:hover
{
color: #AE1D1D;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #AE1D1D;
text-decoration: none;
}
a.nav:hover
{
color: #FF0019;
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: #000000;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-color: #FF9999;
margin: 0px;
padding: 12px 30px 4px 30px;

}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
background-color: ;
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: #FEE3E2;
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: #EEEEEE;
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: #000000;
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: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background: #FCD8D7 url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/windowbg.gif) repeat-y;
}
.windowbg2
{
color: #000000;
background: #FFFBFA url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/windowbg2.gif) repeat-x;
}
.windowbg3
{
color: #000000;
background: #FFBFBE url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/windowbg3.gif) repeat-y;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* 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: black;
font-style: normal;
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/titlebg.gif) #FFBFBE repeat-x;
border-bottom: solid 1px #C69394;
border-top: solid 1px #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: black;
font-style: normal;
}

.titlebg a:hover
{
color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: black;
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(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/catbg.gif) #EF6A67 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/catbg.gif) #EF6A67 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #FF9999;
}
.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: #FFE4E0;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #E0C8CB;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #E15050;
background-color: #FFFFFF;
}

/* 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(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/maintab_first.gif) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/maintab_back.gif) left bottom repeat-x;
}
.maintab_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/maintab_last.gif) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/maintab_active_first.gif) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/maintab_active_back.gif) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/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: #FFE4E0;
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(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/mirrortab_first.gif) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/mirrortab_back.gif) repeat-x;
}
.mirrortab_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/mirrortab_active_last.gif) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/mirrortab_active_first.gif) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/mirrortab_active_back.gif) repeat-x;
}
.mirrortab_active_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/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: #FFE4E0;
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #8DF39D url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/loading.gif) repeat-x;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}


Images:




CSS Code:
/* Normal, standard links. */
a:link
{
color: #336699;
text-decoration: none;
}
a:visited
{
color: #336699;
text-decoration: none;
}
a:hover
{
color: #336699;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #336699;
text-decoration: none;
}
a.nav:hover
{
color: #0099FF;
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: #000000;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-color: #99CCFF;
margin: 0px;
padding: 12px 30px 4px 30px;

}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
background-color: ;
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: #E6EFFA;
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: #EEEEEE;
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: #000000;
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: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background: #DDE9F7 url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/windowbg.gif) repeat-y;
}
.windowbg2
{
color: #000000;
background: #FAFCFF url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/windowbg2.gif) repeat-x;
}
.windowbg3
{
color: #000000;
background: #C1DEFC url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/windowbg3.gif) repeat-y;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* 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: black;
font-style: normal;
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/titlebg.gif) #C1DEFC 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: black;
font-style: normal;
}

.titlebg a:hover
{
color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: black;
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(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/catbg.gif) #7BA9DB repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/catbg.gif) #7BA9DB repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #99CCFF;
}
.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: #CCD7DD;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #6699CC;
background-color: #FFFFFF;
}

/* 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(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/maintab_first.gif) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/maintab_back.gif) left bottom repeat-x;
}
.maintab_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/maintab_last.gif) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/maintab_active_first.gif) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/maintab_active_back.gif) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/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(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/mirrortab_first.gif) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/mirrortab_back.gif) repeat-x;
}
.mirrortab_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/mirrortab_last.gif) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/mirrortab_active_first.gif) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/mirrortab_active_back.gif) repeat-x;
}
.mirrortab_active_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/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: #8DF39D url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/loading.gif) repeat-x;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}


Images:



CSS Code:
/* Normal, standard links. */
a:link
{
color: #A74D99;
text-decoration: none;
}
a:visited
{
color: #A74D99;
text-decoration: none;
}
a:hover
{
color: #A74D99;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #A74D99;
text-decoration: none;
}
a.nav:hover
{
color: #FF20F2;
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: #000000;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-color: #FFA7F2;
margin: 0px;
padding: 12px 30px 4px 30px;

}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
background-color: ;
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: #FDECF9;
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: #EEEEEE;
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: #000000;
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: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background: #FBE4F6 url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Rose/windowbg.gif) repeat-y;
}
.windowbg2
{
color: #000000;
background: #FFFDFF url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Rose/windowbg2.gif) repeat-x;
}
.windowbg3
{
color: #000000;
background: #FFCAF7 url()http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Rose/windowbg3.gif repeat-y;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* 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: black;
font-style: normal;
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Rose/titlebg.gif) #FFCAF7 repeat-x;
border-bottom: solid 1px #C9A9C5;
border-top: solid 1px #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: black;
font-style: normal;
}

.titlebg a:hover
{
color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: black;
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(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Rose/catbg.gif) #E28CD2 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Rose/catbg.gif) #E28CD2 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #FFA7F2;
}
.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: #E4D4E4;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #D47BC5;
background-color: #FFFFFF;
}

/* 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(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Rose/maintab_first.gif) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Rose/maintab_back.gif) left bottom repeat-x;
}
.maintab_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Rose/maintab_last.gif) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Rose/maintab_active_first.gif) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Rose/maintab_active_back.gif) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Rose/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: #FFE6EF;
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(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Rose/mirrortab_first.gif) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Rose/mirrortab_back.gif) repeat-x;
}
.mirrortab_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Rose/mirrortab_last.gif) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Rose/mirrortab_active_first.gif) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Rose/mirrortab_active_back.gif) repeat-x;
}
.mirrortab_active_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Rose/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: #FFE6EF;
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #8DF39D url(images/lightrose/loading.gif) repeat-x;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}


I saw a theme on SimpleMachines that I really liked. It is "Simple", and very "Clean Looking". This theme comes in 12 different colors. I have created some stylesheets for our SMF forums that are as close as I can get to the originals. Here is the first one:

Credit to: HarzeM for the images.

~~~NOTE~~~ for right now I will leave the images on my PhotoBucket account for everyone to use (with the exception of the images for new/no new posts, and expand/collapse - you need to save those images and upload them to an image hosting site). If I start getting close to my bandwidth limit, or if you are running a large forum, please contact me and I will give you the images in a zip file.




Images:



CSS code:
/* Normal, standard links. */
a:link
{
color: #66331A;
text-decoration: none;
}
a:visited
{
color: #66331A;
text-decoration: none;
}
a:hover
{
color: #66331A;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #66331A;
text-decoration: none;
}
a.nav:hover
{
color: #C02E01;
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: #000000;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-color: #E6B299;
margin: 0px;
padding: 12px 30px 4px 30px;

}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
background-color: ;
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: #F5ECE6;
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: #EEEEEE;
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: #000000;
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: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background: #F0E3DC url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/windowbg.gif) repeat-y;
}
.windowbg2
{
color: #000000;
background: #FFFCFB url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/windowbg2.gif) repeat-x;
}
.windowbg3
{
color: #000000;
background: #EDD0C1 url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/windowbg3.gif) repeat-y;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* 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: black;
font-style: normal;
background-color: #EDD0C1;
background-image: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/titlebg.gif);
border-bottom: solid 1px #A7948C;
border-top: solid 1px #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: black;
font-style: normal;
}

.titlebg a:hover
{
color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: black;
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(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/catbg.gif) #BB8D72 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/catbg.gif) #BB8D72 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #E6B299;
}
.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: #F8F5E1;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #D0C6C4;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #A67259;
background-color: #FFFFFF;
}

/* 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(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/maintab_first.gif) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/maintab_back.gif) left bottom repeat-x;
}
.maintab_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/maintab_last.gif) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/maintab_active_first.gif) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/maintab_active_back.gif) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/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: #F8F5E1;
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(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/mirrortab_first.gif) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/mirrortab_back.gif) repeat-x;
}
.mirrortab_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/mirrortab_last.gif) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/mirrortab_active_first.gif) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/mirrortab_active_back.gif) repeat-x;
}
.mirrortab_active_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/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: #F8F5E1;
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #8DF39D url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/loading.gif) repeat-x;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}


Well, this is my DEBUT in the stylesheet area. I hope you like it . Here are two images for you. You can also go to my test site, log in using the test account (for the time being), look around, play around with posting different stuff, etc, to see if you like the look/feel of it. To log in, use "test" as the screename, and "test" as the password. Please dont abuse this priviledge - I will delete that account. This is for you to be able to utilize the various things such as quoting, posting code, etc to see how it will look. I already have several topics started to show you what certain things will look like.  If you have any suggestions (especially YOU Sibyl - Oh Queen Of The Stylesheet Kingdom..lol), feel free to pm me or post here and let me know.

(click to enlarge)

   

   


Red No New Post/New Post Icons, and the collapsible images: (please save these to your own computer and upload them to an image hosting site such as Photobucket):

  If you would like to use different colored ones, here are some other colors that Sibyl was kind enough to make for everyone to use:

http://www.smfsupport.com/support/stylesheet_codes_and_help/stylesheet_images-t3063.0.html

Here is the CSS Code for this stylesheet:

/* Normal, standard links. */
a:link
{
color: #FFFFFF;
text-decoration: none;
}
a:visited
{
color: #FFFFFF;
text-decoration: none;
}
a:hover
{
color: #FFFFFF;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #FFFFFF;
text-decoration: none;
}
a.nav:hover
{
color: #FFFFFF;
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: #FFFFFF;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-color: #000000;
margin: 0px;
padding: 4px 4px 4px 4px;

}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
background-color: #FFFFFF;
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: 2px;
border: 0;
color: #FFFFFF;
background-color: #FFFFFF;
}

/* No image should have a border when linked */
a img
{
border: 0;
}
/* A quote, perhaps from another post. */
.quote
{
color: #FFFFFF;
background-color: #8A4117;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #FFFFFF;
background-color: #8A4117;
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: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #FFFFFF;
background-color: #565051;
}
.windowbg2
{
color: #FFFFFF;
background-color: #565051;
}
.windowbg3
{
color: #FFFFFF;
background-color: #8A4117;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* 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: black;
font-style: normal;
background-color: #8A4117; #8A4117 repeat-x;
border-top: solid 1px #000000;
             border-bottom: solid 1px #000000;
padding-left: 6px;
padding-right: 6px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: white;
font-style: normal;
}

.titlebg a:hover
{
color: #8A4117;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: black;
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-image: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Rose%20Petals%20Images/SiennaRose.jpg); #8A4117 repeat-x;
color: #ffffff;
             border-bottom: solid 1px #000000;
             border-top: solid 1px #000000;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background-image: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Rose%20Petals%20Images/SiennaRose.jpg); #8A4117 repeat-x;
color: #ffffff;
             background-color: #000000;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #000000;
}
.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: #FFFFFF;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #000000;
padding: 1px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #000000;
background-color: #000000;
}

/* 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
{
background-position: left bottom;
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-repeat: no-repeat;
width: 10px;
}
.maintab_back
{
background-repeat: repeat-x;
}
.maintab_last
{
background-repeat: no-repeat;
width: 8px;
}
.maintab_active_first
{
background-repeat: no-repeat;
width: 0px;
}
.maintab_active_back
{
background-repeat: repeat-x;
}
.maintab_active_last
{
background-repeat: no-repeat;
width: 0px;
}

/* 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: #FFFFFF;
font-weight: bold;
text-decoration: none;
border-bottom: 2px solid #000000;
}

.maintab_back a:hover
{
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
border-bottom: 2px solid #843200;
}

.maintab_active_back a:link , .maintab_active_back a:visited, .maintab_active_back a:active {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
border-bottom: 2px solid #843200;
}
.maintab_active_back a:hover {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
border-bottom: 2px solid #ce4e00;
}


/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
background-position: left top;
color: white;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: #FFFFFF;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
background-repeat: no-repeat;
width: 10px;
}
.mirrortab_back
{
background-repeat: repeat-x;
}
.mirrortab_last
{
background-repeat: no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background-repeat: no-repeat;
width: 0px;
}
.mirrortab_active_back
{
background-repeat: repeat-x;
}
.mirrortab_active_last
{
background-repeat: no-repeat;
width: 0px;
}

/* 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: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
             color: #FFFFFF;
font-weight: bold;
text-decoration: none;
border-top: 2px solid #843200;
}
.mirrortab_active_back a:link , .mirrortab_active_back a:visited, .mirrortab_active_back a:active {
color: #000000;
        font-weight: bold;
text-decoration: none;
border-top: 2px solid #843200;
}
.mirrortab_active_back a:hover {
color: #000000;
font-weight: bold;
text-decoration: none;
border-top: 2px solid #ce4e00;
}

h1
{
font-size: small;
}

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