/*
$Id: style.css,v 2.0 2005/01/12 13:22:00 PopTheTop Exp $
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #E5E5E5;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
}

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 1px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 2px #006699 solid; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #EFEFEF; }
td.row2	{ background-color: #DEE3E7; }
td.row3	{ background-color: #D1D7DC; }

/*
  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 silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #FFFFFF;
		background-image: url(/cpg/themes/subSilver/images/cellpic2.jpg);
		background-repeat: repeat
}

/* Underline - Overline links */
.mainmenuunderover { font-size: 11px;	color: #000000 }
a.mainmenuunderover { text-decoration: none;	color: #006699; }
a.mainmenuunderover:hover { text-decoration: underline overline; color: #FF0000; }

/* Top header user links */
.melowlight { font-size : 11px; color : #006699; }
a.melowlight { text-decoration : none; color : #006699; }
a.melowlight:hover {	text-decoration : none; color : #FF0000; }

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

table {
    font-size : 12px;
}
h1 {
    font-weight : bold;
    font-size : 22px;
    font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-decoration : none;
    line-height : 120%;
    color : #000000;
    margin : 2px;
}
h2 {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 18px;
    margin : 0;
}
h3 {
    font-weight : normal;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 12px;
    margin : 2px;
}
p {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 100%;
    margin : 2px 0;
}
ul {
    margin-left : 5px;
    padding : 0;
}
li {
    margin-left : 10px;
    margin-top : 4px;
    margin-bottom : 4px;
    padding : 0;
    list-style-position : outside;
    list-style-type : disc;
}
.textinput {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 100%;
    border : 1px solid #d1d7dc;
    padding-right : 3px;
    padding-left : 3px;
}
.listbox {
    font-family : Verdana, Arial, Arial, Helvetica, sans-serif;
    font-size : 100%;
    border : 1px solid #d1d7dc;
    vertical-align : middle;
}
.button {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 100%;
    border : 1px solid #005d8c;
    background-image : url(/cpg/themes/subSilver/images/button_bg.gif);
    background-position : 50% 100%;
}
.comment_button {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 85%;
    border : 1px solid #005d8c;
    background-image : url(/cpg/themes/subSilver/images/button_bg.gif);
    background-position : 50% 100%;
    padding-left : 3px;
    padding-right : 3px;
}
.radio {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 100%;
    vertical-align : middle;
}
.checkbox {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 100%;
    vertical-align : middle;
}
.bblink a {
    color : #0033cc;
    text-decoration : none;
}
.bblink a:hover {
    color : #0033cc;
    text-decoration : underline;
}
.maintable {
    border : 1px solid #0e72a4;
    background-color : #ffffff;
    margin-top : 1px;
    margin-bottom : 1px;
}
.tableh1 {
    padding-top : 3px;
    padding-right : 10px;
    padding-bottom : 3px;
    padding-left : 10px;
    color : #ffa34f;
    font-size : 11px;
    font-weight : bold;
    background-color : #006699;
    height : 25px;
    background-image : url(/cpg/themes/subSilver/images/cellpic3.gif);
}
.tableh1_compact {
    background : #0e72a4;
    color : #ffffff;
    padding-top : 2px;
    padding-right : 5px;
    padding-bottom : 2px;
    padding-left : 5px;
}
.tableh2 {
    background : #d1d7dc;
    color : #000000;
    padding-top : 3px;
    padding-right : 10px;
    padding-bottom : 3px;
    padding-left : 10px;
}
.tableh2_compact {
    background : #d1d7dc;
    color : #000000;
    padding-top : 2px;
    padding-right : 5px;
    padding-bottom : 2px;
    padding-left : 5px;
}
.tableb {
    background : #efefef;
    padding-top : 3px;
    padding-right : 10px;
    padding-bottom : 3px;
    padding-left : 10px;
}
.tableb_compact {
    background : #efefef;
    padding-top : 2px;
    padding-right : 5px;
    padding-bottom : 2px;
    padding-left : 5px;
}
.tablef {
    background : #d1d7dc;
    padding-top : 10px;
    padding-right : 10px;
    padding-bottom : 10px;
    padding-left : 10px;
}
.album_stat {
    font-size : 85%;
    margin : 5px 0;
}
.thumb_title {
    font-weight : bold;
    font-size : 80%;
    padding : 2px;
    display : block;
}
.thumb_caption {
    font-size : 80%;
    padding : 1px;
    display : block;
}
.thumb_caption a {
    text-decoration : underline;
    color : #000000;
}
.thumb_num_comments {
    font-weight : normal;
    font-size : 80%;
    padding : 2px;
    font-style : italic;
    display : block;
}
.user_thumb_infobox {
    margin-top : 1px;
    margin-bottom : 1px;
}
.user_thumb_infobox th {
    font-weight : bold;
    font-size : 100%;
    margin-top : 1px;
    margin-bottom : 1px;
    text-align : center;
}
.user_thumb_infobox td {
    font-size : 80%;
    margin-top : 1px;
    margin-bottom : 1px;
    text-align : center;
}
.user_thumb_infobox a {
    text-decoration : none;
    color : #000000;
}
.user_thumb_infobox a:hover {
    color : #000000;
    text-decoration : underline;
}
.sortorder_cell {
    background : #0e72a4;
    color : #ffffff;
    padding : 0;
    margin : 0;
}
.sortorder_options {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    background : #0e72a4;
    color : #ffffff;
    padding : 0;
    margin : 0;
    font-weight : normal;
    font-size : 80%;
    white-space : nowrap;
}

.navmenu {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    color : #dd6900;
    font-size : 100%;
    font-weight : bold;
    background : #0e72a4;
    border-style : none;
}
.navmenu img {
    margin-top : 1px;
    margin-right : 5px;
    margin-bottom : 1px;
    margin-left : 5px;
}
.navmenu a {
    position : relative;
    display : block;
    padding-top : 2px;
    padding-right : 5px;
    padding-bottom : 2px;
    padding-left : 5px;
    text-decoration : none;
    color : #ffffff;
}
.navmenu a:hover {
    background : #efefef;
    text-decoration : none;
    color: white;
}
.navmenu a:visited {
	color: #006699;
	text-decoration: none;
}

.navmenu2 {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    color : #dd6900;
    font-size : 100%;
    font-weight : bold;
    background : #ffffff;
    border-style : none;
}
.navmenu2 img {
    margin-top : 1px;
    margin-right : 5px;
    margin-bottom : 1px;
    margin-left : 5px;
}
.navmenu2 a {
    position : relative;
    display : block;
    padding-top : 2px;
    padding-right : 5px;
    padding-bottom : 2px;
    padding-left : 5px;
    text-decoration : none;
    color : #0e72a4;
}
.navmenu2 a:hover {
    background : #0e72a4; //efefef
    text-decoration : none;
    color: white;
}
.navmenu2 a:visited {
	color: #006699;
	text-decoration: none;
}

.navmenu3 {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    color : #ffffff;
    font-size : 100%;
    font-weight : bold;
    background : #0e72a4; // dark blue
    border-style : none;
}
.navmenu3 a {
    color: #ffffff;
    position : relative;
    display : block;
    padding-top : 2px;
    padding-right : 5px;
    padding-bottom : 2px;
    padding-left : 5px;
    text-decoration : none;
}
.navmenu3 a:hover {
    color: #0e72a4;
    background : #efefef;
    text-decoration : none;
}
.navmenu3 a:visited {
	 color: #ffffff;
	 text-decoration: none;
}

.metab { // <font color="#0e72a4"></font>
    font-family : Verdana, Arial, Helvetica, sans-serif;
    color : #ffffff;
    font-size : 100%;
    font-weight : bold;
    background : #0e72a4; // dark blue
    border-style : none;
}
a.metab {
    color : #ffffff;
    background : #0e72a4; // dark blue
    position : relative;
    display : block;
    padding-top : 2px;
    padding-right : 5px;
    padding-bottom : 2px;
    padding-left : 5px;
    text-decoration : none;
}
a.metab:hover {
    background : #efefef;
    text-decoration : none;
    color: #0e72a4;
}
a.metab:visited {
	 color: #ffffff;
	 text-decoration: none;
}

.admin_menu_thumb {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 85%;
    border : 1px solid #005d8c;
    background-image : url(/cpg/themes/subSilver/images/button_bg.gif);
    background-position : 50% 100%;
    color : #000000;
    font-weight : bold;
    margin-top : 0;
    margin-bottom : 0;
    width : 85px;
}
.admin_menu_thumb a {
    color : #000000;
    text-decoration : none;
    display : block;
    position : relative;
    padding-top : 1px;
    padding-bottom : 1px;
    padding-left : 10px;
    padding-right : 10px;
}
.admin_menu_thumb a:hover {
    color : #000000;
    text-decoration : underline;
}
.admin_menu {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 85%;
    border : 1px solid #005d8c;
    background-image : url(/cpg/themes/subSilver/images/button_bg.gif);
    background-position : 50% 100%;
    color : #000000;
    margin-top : 0;
    margin-bottom : 0;
    text-align : center;
}
.admin_menu a {
    color : #000000;
    text-decoration : none;
    display : block;
    position : relative;
    padding-top : 1px;
    padding-bottom : 1px;
    padding-left : 2px;
    padding-right : 2px;
}
.admin_menu a:hover {
    color : #000000;
    text-decoration : underline;
}
.comment_date {
    color : #5f5f5f;
    font-size : 90%;
    vertical-align : middle;
}
.image {
    border-style : solid;
    border-width : 1px;
    border-color : #000000;
    margin : 2px;
}
.imageborder {
    border : 1px solid #000000;
    background-color : #ffffff;
    margin-top : 30px;
    margin-bottom : 30px;
}
.thumbnails {
    background : #efefef;
    padding : 5px;
}
.footer {
    font-size : 9px;
}
.footer a {
    text-decoration : none;
    color : #FF0000;
}
.footer a:hover {
    color : #FF0000;
    text-decoration : none;
}
.statlink {
	 font-weight : bold;
	 font-size : 12px;
    color : #FFA34F;
	 font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
.statlink a:visited , a:link {
    color : #006699;
    text-decoration : none;
}
.statlink a:hover {
    color : #ffffff;
    text-decoration : underline;
}
.alblink {
    font-weight : bold;
    font-size : 12px;
    color : #006699;
}
.alblink a {
    text-decoration : none;
    color : #006699;
}
.alblink a:hover {
    text-decoration : none;
    color : #FF0000;
}
.catlink {
    font-weight : bold;
    font-size : 12px;
    color : #006699;
    display : block;
    margin-bottom : 2px;
}
.catlink a {
    text-decoration : none;
    color : #006699;
}
.catlink a:hover {
    text-decoration : none;
    color : #FF0000;
}

.topmenu {
    font-size : 11px;
    color : #000000;
    line-height : 11px;
    display : block;
    margin-bottom : 6px;
}
.topmenu a {
    text-decoration : none;
    color : #006699;
}
.topmenu a:hover {
    text-decoration : underline;
    color : #FF0000;
}
.topmenu img {
    border : 0;
    margin : 0 3px 0 5px;
}
.img_caption_table {
    border : medium none inherit;
    background-color : #ffffff;
    width : 100%;
    margin : 0;
}
.img_caption_table th {
    background : #d1d7dc;
    font-size : 100%;
    color : #000000;
    padding-top : 4px;
    padding-right : 10px;
    padding-bottom : 4px;
    padding-left : 10px;
    border-top : 1px solid #ffffff;
}
.img_caption_table td {
    background : #efefef;
    padding-top : 6px;
    padding-right : 10px;
    padding-bottom : 6px;
    padding-left : 10px;
    border-top : 1px solid #ffffff;
}
.debug_text {
    border : medium none #bdbebd;
    background-color : #efefef;
    width : 100%;
    margin : 0;
}
.clickable_option {
    border-bottom : 1px dotted blue;
}
.listbox_lang {
    color : #000000;
    background-color : #d1d7dc;
    border : 1px solid #d1d7dc;
    font-size : 80%;
    font-family : Arial, Helvetica, sans-serif;
    vertical-align : middle;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #FFA34F; font-size: 11px; font-weight : bold; 
	background-color: #006699; height: 25px;
	background-image: url(/cpg/themes/subSilver/images/cellpic3.gif);
}

/* General text */
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.genmed,.gensmall { color : #000000; }
a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.genmed:hover,a.gensmall:hover	{ color: #FF0000; text-decoration: none; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #000000 }
a.mainmenu		{ text-decoration: none; color : #006699;  }
a.mainmenu:hover{ text-decoration: none; color : #FF0000; }

/* 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;}
a.nav				{ text-decoration: none; color : #006699; }
a.nav:hover		{ text-decoration: none; color: #FF0000; }

.white_header	{ font-weight: bold; font-size: 11px; color : #FFFFFF;}

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

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("/cpg/themes/subSilver/formIE.css");