/* Fulltreff theme - Sharma */

/*
	1 (darkest)	:	#181818	// Menu hoover
	2 					: #212021	// Main background
	3						: #5B535B	// Userpanel menu background
	4						: #313031	// Userpanel background
	5						: #6E6A6E	// Light menu background
	6						: #979697 // Border
*/

.slogan{color: #181818 /*1*/ }
.sloganLight{color: #979697 /*6*/ }
thead td, thead th {
	background-color: #313031; /*4*/
	color: #FFFFFF;
	border-top: solid 1px #d8d8d8;
	border-bottom: solid 1px #d8d8d8;
	border-left: solid 1px #d8d8d8;
	}	

#FormContentsRight{ background-color: 979697; /*6*/ }

/* Table */
.ContentHeaderCell{	border-right-color:  #5B535B; /*3*/ border-top-color: #ffffff; border-left-color: #ffffff; color: #ffffff; border-bottom-color: #5B535B; /*3*/ background-color: #6E6A6E; /*5*/}
.HeaderCell{ border-right-color:  #5B535B; /*3*/ border-top-color: #ffffff; border-left-color: #ffffff; color: #ffffff; border-bottom-color:  #5B535B; /*3*/ background-color:  #313031; /*4*/ }
.ContentCell{ border-right-color:  #5B535B; /*3*/ border-top-color: #ffffff; border-left-color: #ffffff; color: #000000; border-bottom-color:  #5B535B; /*3*/ background-color: #ffffff; }
.TablesTable{ border-top-color: #5B535B; /*3*/ border-left-color: #5B535B; /*3*/ color: #000000; color: #333333; }

#ImgBox { background: #212021; margin-left: 10px; width: 610px; top: 0px; height: 250px }					/* 2 */
#txt { font-size: 12px; width: 200px; color: #FFFFFF; font-family: helvetica, tahoma, verdana, arial; position: absolute }
#tit { font-size: 12px; width: 200px; color: #FFFFFF; font-family: helvetica, tahoma, verdana, arial; position: absolute }
#box{ position: absolute; border: #979697 solid 1px; visibility: hidden; background: #212021; }		/* 6, 2 */
.ImgOnline { border: #979697 1px solid; width: 0px; cursor: pointer; position: absolute; }				/* 6 */
#TopGradient{ height: 22px; width: 782px; background: url(gradient_top.jpg); }
#TopGradientCont{ height: 42px; /*70px;*/ width: 557px; background: url(gradient_top_cont.jpg); }
#TopHeader{ height: 90px; width: 782px; background: url(header.jpg); }

#ChatBody { background-color: #313031; }													/* 4 */
.ImgLayerCaption { background-color: #313031; color: #FFFFFF; }		/* 4 */
.ImgLayerClose { background-color: #313031; }											/* 4 */
.LargeText { background-color: #5B535B; }													/* 3 */
.BackgroundDark { background-color: #212021; }										/* 2 */
.PopupBackground { background-color: #212021; }										/* 2 */
.StatisticsHead { background-color: #5B535B; color: #FFFFFF }			/* 3 */
.StatisticsText { background-color: #6E6A6E; color: #FFFFFF }			/* 5 */
.Button { border: #979697 1px solid; background-color: #212021; }	/* 6, 2 */
.ButtonLargeStyled { border: #979697 1px solid; background-color: #212021; }	/* 6, 2 */
.BackgroundMedium { background-color: #313031 }										/* 4 */
.HorizontalLineLight { background-color: #979697; }								/* 6 */
.TextContentSmall { color: #FFFFFF; }
.MenuBackground { color: #FFFFFF; background-color: #5B535B; }		/* 3 */	

/* Top menu */
.MenuItem { border: #979697 1px solid; background-color: #212021; color: #FFFFFF; }		/* 6, 2 */	
.MenuItemHover { border: #C6C0C0 1px solid; background-color: #181818; }							/* 1 */

.lightLink a:link { text-decoration: none; color: #FFFFFF; }				/* White */
.lightLink a:visited { text-decoration: none; color: #FFFFFF; }			/* White */	
.lightLink a:active { text-decoration: none; color: #FFFFFF; }			/* White */
.lightLink a:hover { text-decoration: underline; color: #FFFFFF; }	/* White */

a:visited { text-decoration: none; color: #181818; }			/* 1 */
a:link { text-decoration: none; color: #181818; }					/* 1 */
a:active { text-decoration: none; color: #181818; }				/* 1 */
a:hover { text-decoration: underline; }		

a.TextContentSmall { text-decoration: none; color: #FFFFFF; }
a.TextContentSmall:visited { text-decoration: none; color: #FFFFFF; }
a.TextContentSmall:active { text-decoration: none; color: #FFFFFF; }
a.TextContentSmall:hover { text-decoration: none; color: #FFFFFF; }

A.MenuLink:visited { color: #FFFFFF; }
A.MenuLink { color: #FFFFFF; }
A.MenuLink:active { color: #FFFFFF; }
A.MenuLink:hover { color: FFFFFF; }

/* A.MailHeaderLink must be here (in the xp_color.css) in order to function properly */
/* Do not move these styles to the base.css file! */
A.MailHeaderLink:visited { color: #FFFFFF; }
A.MailHeaderLink { color: #FFFFFF; }
A.MailHeaderLink:active { color: #FFFFFF; }
A.MailHeaderLink:hover { color: #FFFFFF; }

#MailToolbar{ background-color: #5B535B; } 				/* 3 */
#MailHeader{ background-color: #212021; } 				/* 2 */
#MailHeaderLarge{ background-color: #212021; } 		/* 2 */
#MailColumnHeader{ background-color: #6E6A6E;} 		/* 5 */
.MailDetails{ color: #FFFFFF; }

#ToolbarHorBorder{ background-image: url(toolbar_hor_border.gif); }
#ToolbarVerticalDouble{ background-image: url(toolbar_vertical_double.gif); background-repeat: no-repeat; }
#ToolbarVerticalSingle{ background-image: url(toolbar_vertical_single.gif); background-repeat: no-repeat; }

.tool_button{	border: #5B535B 1px solid; } 																	/* 3 */
.tool_buttonover{ border: #181818 1px solid; background-color: #6E6A6E; }		/* 1, 5 */
.tool_buttondown{ border: #181818 1px solid; background-color: #6E6A6E; }		/* 1, 5 */

.MailColumnMicro{ border-left: #212021 1px solid; } 					/* 2 */
.MailColumnSmall{ border-left: #212021 1px solid; } 					/* 2 */
.MailColumnMedium{ border-left: #212021 1px solid; } 					/* 2 */
.MailColumnSmallSubject{ border-left: #212021 1px solid; } 		/* 2 */
.MailColumnLarge{ border-left: #212021 1px solid; } 					/* 2 */

.MailDataMedium { color: #181818; } 	/* 1 */
.MailDataSmall { color: #181818; } 		/* 1 */
.MailDataMicro { color: #181818; } 		/* 1 */

/*Do not remove: background-color: white;, it takes care of a bug in IE, regarding wrapping.*/
.GenColumnMedium{ border-left: #212021 1px solid; }									/* 2 */
.GenDataMedium{ background-color: #FFFFFF; color: #181818; }				/* 1 */
.GenDataMediumCenter{ background-color: #FFFFFF; color: #181818; }	/* 1 */

/* A.ToolbarLink must be here (in the xp_color.css) in order to function properly */
/* Do not move these styles to the base.css file! */
.ToolbarLink { vertical-align: middle; font-family:	helvetica, tahoma, verdana, arial; font-size: 12px; }
A.ToolbarLink:visited { text-decoration: none; color: #FFFFFF; }
A.ToolbarLink { text-decoration: none; color: #FFFFFF; }
A.ToolbarLink:active { text-decoration: none; color: #FFFFFF; }
A.ToolbarLink:hover { text-decoration: none; color: #FFFFFF; }

/* Images */
.ImageBanner{ background: #181818; }												/* 1 */
.ImageLinkTitle{ color: #FFFFFF; background: #313031; }			/* 4 */
.ImageLinkCaption{ color: #FFFFFF; background: #313031; }		/* 4 */
.thumbOut{ border: #181818 solid; }													/* 1 */
.thumbOver{ border: #FFFFFF solid; cursor: pointer; }
.thumbfloatleft{ border: solid 1px #212021; }								/* 2 */
.ImageGalleryBorder{ border: solid #212021; }								/* 2 */

.FTMenu .FTMenuTitle, .FTMenu .FTMenuTitleHidden{ background-color: #313031; /*4*/ color: #FFFFFF; }
.FTMenu .FTMenuTitle{ border-bottom: 1px solid #979697; /*6*/ }
.FTMenu .FTSubMenu a{ background: #5B535B; /*3*/ color: #FFFFFF; }
.FTMenu .FTSubMenu a:hover a:visited{ color: #FFFFFF; }
.FTMenuItem { background: #5B535B; /*3*/ border-bottom: 1px solid #979697; /*6*/ color: #FFFFFF; }
.FTMenuItemChatTable{ scrollbar-base-color: #6E6A6E; /*5 The others have color 2*/ }
.FTMenuItemChat1 { background: #5B535B; /*3*/ border-bottom: 1px solid #979697; /*6*/ color: #FFFFFF; }
.FTMenuItemChat2 { background: #313031; /*4*/ border-bottom: 1px solid #979697; /*6*/ color: #FFFFFF; }
.FTMenuItemChatInput{ background: #FFFFCC; /*Web safe*/ color: #000000 }
.FTMenuItemChatSend{ background: #5B535B; /*3*/ border: 1px solid #6E6A6E; /*5*/ color: #FFFFFF; }
.FTMenuItemChatCounter{ background: #5B535B; /*3*/ color: #FFFFFF; }
.FTMenuItemInputRec{ background: #FFFFCC; /*Web safe*/ color: #000000 }
.FTMenuItemInputButton{ background: #5B535B; /*3*/ border: 1px solid #6E6A6E; /*5*/ color: #FFFFFF; }

.SubTabBackground{ background-color: #6E6A6E; }	/*5*/

