/*
//	Original Phantasia Purlple Theme for Categories Hierarchy 2.1.x
//
//	file: templates/phantasia_purple/phantasia_purple.css
//
//	template: Phantasia Purlple
//	author: Malach
//	copyright: (C) 2006 Phantasia-fr
//	created by: Phantasia-fr design
//	forum: http://www.phantasia-fr.com/
//	version: 1.0.0 - 08/07/2006
//	license: http://opensource.org/licenses/gpl-license.php GNU General Public License (GPL)
*/

/* Redefinitions - Compliance ------------------------------------------------*/
form {
	margin: 0px;
	padding: 0px;
}
/* ---------------------------------------------------------------------------*/

/* Special Categories Hierarchy ----------------------------------------------*/
.absbottom {
	vertical-align: text-bottom;
}
.dom_overview_abshidden {
	position: absolute;
	visibility: hidden;
	width: 300px;
}
/* ---------------------------------------------------------------------------*/

/* General page style. The scroll bar colours only visible in IE5.5+ ---------*/
body {
	background: #573857;
	scrollbar-face-color: #eae6f8;
	scrollbar-highlight-color: #f5f7fc;
	scrollbar-shadow-color: #d2d7f2;
	scrollbar-3dlight-color: #f5f7fc;
	scrollbar-arrow-color:  #000000;
	scrollbar-track-color: #eae6f8;
	scrollbar-darkshadow-color: #9aa2e2;
}
/* ---------------------------------------------------------------------------*/

/* Gradient background at the top of the page --------------------------------*/
.topbkg {
	background: #D3BBD3 url(./images/css/T_Phantasia/bg_header.png);
}
/* ---------------------------------------------------------------------------*/

/* General font families for common tags -------------------------------------*/
font, th, td, p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
}
a:link, a:active, a:visited {
	color: #63456B;
}
a:hover {
	text-decoration : none;
	color : #DD6900;
}
/* ---------------------------------------------------------------------------*/

p, td, td.cat, td.catHead, td.catLeft, td.catSides, td.catRight, td.catBottom {
	font-size: 11px;
}
/* Lines ---------------------------------------------------------------------*/
hr {
	border: none 0; 
	border-top: 1px solid #c0a9e7;
	border-bottom: 1px solid #da5260;
	height: 2px;
}
/* ---------------------------------------------------------------------------*/

/* Look ----------------------------------------------------------------------*/
td.spaceLine {
	background: #da5260 url(./images/css/T_Phantasia/cellpic_nav.gif);
	border: 1px #da5260 solid;
	border-width: 0px 1px 1px 0px;
}
.info {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 3px;
}
/* ---------------------------------------------------------------------------*/

/* Shadow images for tables --------------------------------------------------*/
.shadow {
	border-collapse: collapse;
	height: 4px;
	width: 100%;
}
.shleft {
	background: url(./images/css/T_Phantasia/sh_left.gif) no-repeat;
	width: 8px;
}
.shbottom {
	background: url(./images/css/T_Phantasia/sh_middle.gif) repeat-x;
	width: 100%;
}
.shright {
	background: url(./images/css/T_Phantasia/sh_right.gif) no-repeat;
	width: 8px;
}
/* ---------------------------------------------------------------------------*/

/* Navigation bar ------------------------------------------------------------*/
.navbar {
	color: #314687;
	font-size: 10px;
	background: #E0CEE0 url(./images/css/T_Phantasia/cellpic_nav.gif) repeat-x;
	height: 21px;
	white-space: nowrap;
	border: 0px solid #c0a9e7;
	border-width: 0px 1px 1px 0px;
}
.navbar, .navbar a, .navbar a:link, .navbar a:visited {
	text-decoration: none;
	color: #5569A7;
}
.navbar a:hover {
	text-decoration: none;
	color: #213975;
}
.navsep	{
	font-size: 10px;
	background-color: #FBFBF8;
	white-space: nowrap;
	color: #314687;
}
/* ---------------------------------------------------------------------------*/

/* Background images for tables ----------------------------------------------*/
.tbl { border-collapse: collapse; height: 4px; width: 100%; }
.tbll { background: url(./images/css/T_Phantasia/m_1.gif) no-repeat; width: 176px; height: 22px; }
.tblbot { background: url(./images/css/T_Phantasia/m_1a.gif) repeat-x;  height: 22px; }
.tblr { background: url(./images/css/T_Phantasia/m_2.gif) no-repeat; width: 176px; height: 22px; }
.tbtl { background: url(./images/css/T_Phantasia/m_5.gif) no-repeat; width: 176px;  height: 22px; }
.tbtbot { background: url(./images/css/T_Phantasia/m_5a.gif) repeat-x; height: 22px; }
.tbtr { background: url(./images/css/T_Phantasia/m_6.gif) no-repeat; width: 176px;  height: 22px; }
.tbtm { background: url(./images/css/T_Phantasia/m_3.gif) repeat-y; height: 100%; }
.tbtb { background: url(./images/css/T_Phantasia/m_4.gif) repeat-y; height: 100%; }
/* ---------------------------------------------------------------------------*/

/* Navigation box ------------------------------------------------------------*/
.navbox {
	font-size: 10px; 
	background: #E3D1E3 url(./images/css/T_Phantasia/bg_rownav.gif) repeat-y;
	border: 1px solid #c0a9e7; 
	border-width: 0px 1px 1px 0px;
}
/* ---------------------------------------------------------------------------*/

/* Header title --------------------------------------------------------------*/
.headertitle	{
	font-weight: bold;
	font-size: 22px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 120%;
	color: #573857;
}
.headersubtitle	{
	font-weight: bold;
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 120%;
	color: #A4376F;
}
/* ---------------------------------------------------------------------------*/

/* -- mod: attachmod ---------------------------------------------------------*/
td.attachrow {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px #68526D solid;
	height: 21px;
}
td.attachheader {
	color: #63456B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: #E3D1E3 url(images/css/bg_codeheader.gif) repeat-x;
	white-space: nowrap;
}
table.attachtable {
	color: #000000;
	font-family: normal 12px Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border: 1px #68526D solid;
	border-collapse: collapse;
}
/* ---------------------------------------------------------------------------*/

/* This is the border line & background colour round the entire page ---------*/
.bodyline {
	background-color : #da5260;
	border-left : 1px solid #68526D;
	border-top : 1px solid #68526D;
	border-right : 1px solid #67496E;
	border-bottom : 1px solid #67496E;
}
/* ---------------------------------------------------------------------------*/

/* This is the outline round the main forum tables ---------------------------*/
.forumline {
	background-color : #FFFFFF;
	border-left : 1px solid #68526D;
	border-top : 1px solid #68526D;
	border-right : 1px solid #68526D;
	border-bottom : 1px solid #68526D;
}
.helpline {
	border-left: 1px #775A75 solid;
	border-top: 1px #775A75 solid;
	border-right: 1px #F9F9F9 solid;
	border-bottom: 1px #F9F9F9 solid;
	background-color: #F6E7F6;
}
/* ---------------------------------------------------------------------------*/

/* Header cells - the gradient backgrounds -----------------------------------*/
th {
	background-color: #D3C2D3;
	background-image: url(./images/css/css_header.jpg);
	height: 28px;
}

th, td {
	border: solid #c0a9e7 0px;
}
th.thHead, td.catHead {
	border-width: 0px 1px 1px 0px;
}
th.thSides, td.catSides, td.spaceRow, td.catmini {
	border-width: 0px 1px 0px 1px;
}
th.thRight, td.catRight {
	border-width: 0px 1px 0px 0px;
}
th.thLeft, td.catLeft {
	border-width: 0px 0px 0px 1px;
}
th.thBottom, td.catBottom {
	border-width: 0px 1px 1px 1px;
}
th.thTop {
	border-width: 1px 0px 0px 0px;
}
th.thCornerL {
	border-width: 1px 0px 0px 1px;
}
th.thCornerR {
	border-width: 1px 1px 0px 0px;
}


/* fonts */
th {
	font-size: 11px;
	font-weight: bold;
	color: #63456B;
}
/* ---------------------------------------------------------------------------*/

/* Main table cell colours and backgrounds -----------------------------------*/
td.row1	{
	background-color: #E2D1E2; 
	background-image: url(./images/css/T_Phantasia/bg_row1.gif);
	border: 1px solid #C6B1E9;
	border-width: 0px 1px 1px 0px; 
}
td.row1-acp	{
	background-color: #E2D1E2;
	background-image: url(./images/css/T_Phantasia/bg_row1.gif);
}
td.row2 {
	background-color: #DDC9DD; 
	background-image: url(./images/css/T_Phantasia/bg_row2.gif);
	border: 1px solid #C6B1E9;
	border-width: 0px 1px 1px 0px; 
}
td.row3 {
	background-color: #E6D6E6; 
	background-image: url(./images/css/T_Phantasia/bg_row3.gif);
	border: 1px solid #c0a9e7;
	border-width: 0px 1px 1px 0px; 
}
td.row4-acp	{
	background-color: #E6D6E6;
	background-image: url(./images/css/T_Phantasia/bg_row4.gif);
}
td.rowLegend {
	background-image: url(./images/css/bg_rowlegend.gif);
	background-color: #da5260;
}
td.titleLegend {
	color: #63456B;
	font-size: 10px;
	background: #F3E5F3 url(./images/css/css_header.jpg);
	height: 21px;
	border-bottom: 1px #F9FAFE solid;
	white-space: nowrap;
}
/* ---------------------------------------------------------------------------*/

/* ---------------------------------------------------------------------------*/
/*
  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.cat, td.catHead, td.catLeft, td.catSides, td.catRight, td.catBottom {
	background-color: #DAC7DA;
	background-image: url(./images/css/css_cat.jpg);
	height: 28px;
}
td.catlight {
	background-color: #da5260;
	background-image: url(./images/css/css_cat_light.jpg);
	height: 28px;
}
td.catmini {
	background-color: #da5260;
	background-image: url(./images/css/css_cat_mini.jpg);
	height: 20px;
}
td.spaceRow {
	background-color: #DFCBDF;
	background-image: url(./images/css/css_cat_tiny.jpg);
	height: 10px;
}
/* ---------------------------------------------------------------------------*/

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

/* General text --------------------------------------------------------------*/
.gen {
	font-size: 12px;
}
.genmed {
	font-size: 11px;
}
.gensmall {
	font-size: 10px;
}
.gen, .genmed, .gensmall { 
	color: #000000;
}
a.gen, a.genmed, a.gensmall {
	color: #63456B;
	text-decoration: none;
}
a.gen:hover, a.genmed:hover, a.gensmall:hover {
	color: #DD6900;
	text-decoration: underline;
}
/* ---------------------------------------------------------------------------*/

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

/* Forum category titles -----------------------------------------------------*/
.cattitle {
	font-weight: bold;
	font-size: 12px ;
	color: #006699;
}
a.cattitle {
	text-decoration: none;
	color: #63456B;
}
a.cattitle:hover {
	text-decoration: underline;
}
/* ---------------------------------------------------------------------------*/

/* Forum title: Text and link to the forums used in: index.php ---------------*/
.forumlink {
	font-weight: bold;
	font-size: 12px;
	color: #006699;
}
a.forumlink {
	text-decoration: none;
	color: #63456B;
}
a.forumlink:hover {
	text-decoration: underline;
	color: #DD6900;
}
/* ---------------------------------------------------------------------------*/

/* 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: #63456B;
}
a.nav:hover {
	text-decoration: underline;
}
/* ---------------------------------------------------------------------------*/

/* titles for the topics: could specify viewed link colour too ---------------*/
.topictitle {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}
a.topictitle:link {
	text-decoration: none;
	color: #006699;
}
a.topictitle:visited {
	text-decoration: none;
	color: #63456B;
}
a.topictitle:hover {
	text-decoration: underline;
	color: #DD6900;
}
/* ---------------------------------------------------------------------------*/

/* Name of poster in viewmsg.php and viewtopic.php and other places ----------*/
.name {
	font-size: 11px;
	color: #000000;
}
/* ---------------------------------------------------------------------------*/

/* Location, number of posts, post date etc ----------------------------------*/
.postdetails {
	font-size: 10px;
	color: #000000;
}
/* ---------------------------------------------------------------------------*/

/* The content of the posts (body of text) -----------------------------------*/
.postbody {
	font-size: 12px;
}
a.postlink:link {
	text-decoration: none;
	color: #006699;
}
a.postlink:visited {
	text-decoration: none;
	color: #63456B;
}
a.postlink:hover {
	text-decoration: underline;
	color: #DD6900;
}
/* ---------------------------------------------------------------------------*/

/* Quote & Code blocks -------------------------------------------------------*/
.code_table {
	border: #000000 1px solid; 
	line-height: 125%;
}
.code_corner {
	background: transparent url(images/css/code_header.gif) no-repeat left;
	border-left: #C1C3C1 1px solid;
	border-top: #C1C3C1 1px solid;
	border-bottom: #4A4A4A 1px solid;
}
.code-left {
	background-color: #EFEFEF;
	border-right: #7D7F7D 0px solid;
}
.code_header {
	background: #E5D5E4 url(./images/css/bg_codeheader.gif) repeat-x;
	border-top: #C1C3C1 1px solid;
	border-right: #7D7F7D 1px solid;
	border-bottom: #4A4A4A 1px solid;
	padding: 0 5px;
	text-align: left;
	vertical-align: middle;
}
.code_title {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.code_text {
	font-family: Courier, 'Courier New', sans-serif;
	color: #000000;
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	line-height: 125%;
	padding: 3px 5px;
	background-color: #FCF9FC;
}
.quote_table {
	border: #68526D 1px solid; 
	line-height: 125%;
}
.quote_corner {
	background: transparent url(./images/css/quote_header.gif) no-repeat left;
	border-left: #C1C3C1 1px solid;
	border-top: #C1C3C1 1px solid;
	border-bottom: #4A4A4A 1px solid;
}
.quote_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #E5D5E4 url(images/css/bg_quoteheader.gif) repeat-x;
	border-top: #C1C3C1 1px solid;
	border-right: #7D7F7D 1px solid;
	border-bottom: #4A4A4A 1px solid;
	text-align: left;
	vertical-align: middle;
}
.quote-title {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.quote_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #63456B;
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	line-height: 125%;
	padding: 3px 5px;
	border-left: #C1C3C1 1px solid;
	border-top: #C1C3C1 1px solid;
	border-right: #7D7F7D 1px solid;
	border-bottom: #4A4A4A 1px solid;
	background-color: #FCF9FC;
}
/* ---------------------------------------------------------------------------*/

/* Copyright and bottom info -------------------------------------------------*/
.copyright {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	letter-spacing: -1px;
}
a.copyright {
	color: #444444;
	text-decoration: none;
}
a.copyright:hover {
	color: #000000;
	text-decoration: underline;
}
/* ---------------------------------------------------------------------------*/

/* Form elements -------------------------------------------------------------*/
input, textarea, select {
	color: #000000;
	border-color: #63456B;
}

input {
	text-indent : 2px;
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
/* The text input fields background colour */
input.post, textarea.post, select {
	border-left: 1px #573857 solid;
	border-top: 1px #573857 solid;
	border-right: 1px #DAD4DA solid;
	border-bottom: 1px #DAD4DA solid;
	background-color: #FFFFFF;
}
/* ---------------------------------------------------------------------------*/

/* The buttons used for bbCode styling in message post -----------------------*/
input.button {
	background: #eae6f8 url(./images/css/button.gif) repeat-x top left;
	height: 16px;
	font-size: 10px;
	vertical-align: middle;
	color: #000;
	padding: 0 5px;
	padding-bottom: 3px;
	margin: 0 5px;
	margin-bottom: 3px;
	border: solid 1px #000;
}
input.mainoption, input.liteoption {
	height: 16px;
	font-size: 10px;
	vertical-align: middle;
	color: #000;
	padding: 0 5px;
	padding-bottom: 3px;
	margin: 0 5px;
	margin-bottom: 3px;
	border: solid 1px #000;
	background: #eae6f8 url(./images/css/button.gif) repeat-x top left;
}
input.mainoption:hover, input.liteoption:hover, input.button:hover {
	color: #333;
	background: #eae6f8 url(./images/css/button.gif) repeat-x bottom left;
}
/* ---------------------------------------------------------------------------*/

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