@media screen {

body {
	margin:			0px;
	font:			10pt Arial;
	background-color:	white;
	color:			black;
}

a { color: blue; }	/* Should be inherit, but dowsn't work in IE */
h1 { font-size: 15pt; font-weight:100; }
h2 { font-size: 14pt; font-style: italic; }
h3 { font-size: 12pt; font-weight: bold; }
table { clear:	none; }

/*
================================================================================
Template styles:
================================================================================
*/
.hide {
	display:		none;
}

div.header {
	background:	url('') repeat-x top left;
	margin:		0px;
	padding:	0px;
}

div.headerTop {
	background:	url('images/logo1.jpg') no-repeat top center;
	height:		80px;
}
div.logo {
	position:		relative;
	width:			100%;
	height:			64px;
	background-image:	url('images/titlebar.png');
}

div.TBlueBar {
	height:			28px;
	background-image:	url('images/bluebar.png');
	color:			#000000;
}
div.TBlueBar a {
	color:			#000000;
}

div.TMenuBar {
	height:			28px;
	background-image:	url('images/button_middle.jpg');
}
div.TMenuBarText {
	height:			28px;
	float:			left;
}
div.TMenuBarLeft {
	float:			left;
	background-image:	url('images/button_left.jpg');
	width:			18px;
	height:			28px;
}
div.TMenuBarRight {
	float:			right;
	background-image:	url('images/button_right.jpg');
	width:			21px;
	height:			28px;
}

div.TContainer {
	/*border:			dotted 1px black;*/
	clear:			both;
	margin:			5px;
}

div.TSubMenu {
	float:			left;
	width:			170px;
	background-color:	#FFFFFF;
}

div.TSubMenu_top {
	width:			170px;
	height:			32px;
	display:		block;
	background-image:	url('images/submenu_top.png');
}

div.TSubMenu_bottom {
	width:			170px;
	height:			16px;
	display:		block;
	background-image:	url('images/submenu_bottom.png');
}

div.TUserMenu_bottom {
	width:			170px;
	height:			32px;
	display:		block;
	background-image:	url();
}

div.TContent {
	/*border:			solid 1px black;*/
	margin-left:		195px;
	width:				800px;
}

div.TFooter {
	clear:			both;
	height:			28px;
	background-image:	url('images/button_middle_footer.jpg');
	text-align:		center;
	color: black;
	line-height:		28px;
	margin:			5px;
}

div.TFooterLeft {
	float:			left;
	height:			28px;
	width:			18px;
	background-image:	url();
}

div.TFooterRight {
	float:			right;
	height:			28px;
	width:			21px;
	background-image:	url();
}

/*
================================================================================
CMS classes:
================================================================================
*/
div.CParagraph {
}

div.CEditParagraph {
	float: right;
}

div.CEditBar {
	border: solid 1px #FF0000;
	padding: 4px;
}

div.CParagraphEditor {
	border:	solid 1px #FF0000;
	background-color:	#E9F5FF;
}

div.CParagraphEditor_top {
	display: block;
	background-color: #8FCFFF;
	padding: 4px;
	line-height: 32px;
}

div.CParagraphEditor_body {
}

div.CParagraphEditor_body input, 
div.CParagraphEditor_body textarea,
div.CParagraphEditor_body select,
div.CParagraphEditor_top input,
div.CParagraphEditor_top select {
	border: solid 1px #FF0000;
	background-color: #E9F5FF;
}

div.CParagraphEditor_body input[type=submit],
div.CParagraphEditor_top input[type=submit] {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #8FCFFF;
}

div.CParagraphEditor_top img {
	border: solid 1px #FF0000;
}

div.listitem {
	display: list-item;
	list-style-position: inside;
	margin: 0px;
}

/*
================================================================================
Borders:
================================================================================
*/
}
div.Border_blackborder_u {
	width: 100%;
	background: url('images/blackborder_u.png') repeat-x;
}
div.Border_blackborder_b {
	background: url('images/blackborder_b.png') repeat-x bottom left;
}
div.Border_blackborder_l {
	background: url('images/blackborder_l.png') repeat-y top left;
}
div.Border_blackborder_r {
	background: url('images/blackborder_r.png') repeat-y top right;
}
div.Border_blackborder_ul {
	background: url('images/blackborder_ul.png') no-repeat top left;
}
div.Border_blackborder_ur {
	background: url('images/blackborder_ur.png') no-repeat top right;
}
div.Border_blackborder_bl {
	background: url('images/blackborder_bl.png') no-repeat bottom left;
}
div.Border_blackborder_br {
	background: url('images/blackborder_br.png') no-repeat bottom right;
	padding: 16px;
}
div.Border_blackborder_content {
	background-image: url('images/blackborder_solid.png');
	width: 100%;
}
/*
================================================================================
Main menu:
================================================================================
*/
ul.MMainMenu {
	display:		block;
	height:			28px;
	float:			left;
	margin:			0px;
	padding:		0px;
	background-image:	url('images/button_middle.jpg');
}
ul.MMainMenu li { 
	display: 		block; 
	float:			left;
	width:			96px;
	height:			28px;
}
ul.MMainMenu li a {
	display:		block;
	width:			96px;
	height:			28px;
	font-weight:		;
	font-size:		12px;
	text-decoration:	none;
	background-image:	url('images/button_middle.jpg');
	text-align:		center;
	color:			white;
	line-height:		28px;
}
ul.MMainMenu li a:hover {
	background-image:	url('images/button_selected.jpg');
}

/*
================================================================================
Sub menu:
================================================================================
*/
ul.MSubMenu {
	display:	block;
	margin:		0px;
	padding:	0px;
}
ul.MSubMenu li {
	display:	block;
	width:		170px;
	height:		30px;
}
ul.MSubMenu li a {
	line-height:		30px;
	font-weight:		regular;
	font-size:		12px;
	text-align:		center;
	color:			#FFFFFF;
	text-decoration:	none;

	display:		block;
	width:			170px;
	height:			30px;
	background-image:	url('images/button_middle2.jpg');
}
ul.MSubMenu li a:hover {
	background-image:	url('images/button_selected.jpg');
}
/*
================================================================================
Page title:
================================================================================
*/
div.MPageTitle {
	display:	block;
	font-weight:	;
	font-size:		11px;
	margin-left: 	35px;
	line-height:	28px;
}

/*
================================================================================
User menu:
================================================================================
*/
div.MUserMenu {
	display:		block;
	width:			170px;
	height:			40px;
	color:			#000000;
	background-color: #ffffff;
	font-weight:		regular;
	font-size: 12px;
}

div.MUserMenu label {
	display:		block;
	color:			#000000;
	margin-left:		5px;
}

div.MUserMenu input {
	display:		block;
	background-color:	#FFFFFF;
	border:			solid 1px #000000;
	margin-bottom:		5px;
	margin-left:		5px;
	color:			#4b09e1;
	font-weight:		bold;
}

/*
================================================================================
News:
================================================================================
*/
div.MNews {
}

div.MNews_title {
	height:			16px;
	background-image:	url('images/gradient.png');
	color:			#FFFFFF;
	font-weight:		bold;
	line-height:		16px;
}

div.MNews_title a {
	color:			#FFFFFF;
}

div.MNews_date {
	height:			10px;
	background-color: 	#FF7E00;
	color:			#FFFFFF;
	
}

/*
================================================================================
Table:
================================================================================
*/
table.MTable {
}

table.MTable td {
	border:			solid 1px #040aff;
}

td.MTable_header {
	background-color:	#FF0000;
	font-weight:		bold;
	color:			#000000;
}

td.MTable_cell {
	background-color:	#FFFFFF;
	color: #000000;	
}

/*
================================================================================
Photobook:
================================================================================
*/
div.MPhotoBook {
}

/*
================================================================================
Birthday:
================================================================================
*/
div.Birthday {
	BACKGROUND-COLOR: yellow;
}

/*
================================================================================
Forum:
================================================================================
*/
div.MForum {
}

.MForum_header {
	height: 32px;
	background-color: #cccccc;
	color: black;
	font-weight: bold;
	line-height: 32px;
	padding-left: 4px;
	padding-right: 4px;
}

.MForum_header2, .MForum_header2 a {
	background-color: #FFFFFF;
	font-weight: bold;
	padding: 4px;
	color: black;
}

td.MForum_item {
	background-color:	#E9F5FF;
}

.MForum_edit {
	background-color:	#FFFFFF;
	border:			solid 3px #990000;
	color:			#000000;
}
.MForum_edit input, .MForum_edit textarea {
	background-color: #FFFFFF;
	border: solid 1px #E80000;
	color: #000000;
	font-weight: bold;
}

div.MForum_leftbar {
	position: absolute;
	background-color: #FFFF99;
	width: 150px;
	height: 60px;
	/*float: left;*/
	border: solid 1px #E80000;
}

div.MForum_text {
	background-color: #E9F5FF;
	float: none;	
	padding-left: 155px;
	padding-bottom: 60px;
	border: solid 1px #E80000;
}

/*
================================================================================
Password:
================================================================================
*/
div.MPassword {
	text-align: center;
}

div.MPassword h1 {
	text-align: left;
	display: list-item;
	list-style-position: inside;
	list-style-image: url('images/password.png');
}

div.MPassword input {
	border: solid 1px #FF7E00;
	background-color: #8FCFFF;
	color: #FFFFFF;
	font-weight: bold;
	margin: 4px;
}

div.MPassword label {
	font-weight: bold;
}

/*
================================================================================
Calendar:
================================================================================
*/
table.MCalendar {
}

td.MCalendar_header {
	border: solid 1px #040aff;
	background-color: #990000;
	color: #FFFFFF;
	font-weight: 100;
}

td.MCalendar_item {
	border: solid 1px #040aff;
	background-color: #E9F5FF;
	padding: 4px;
}

/*
================================================================================
Ruler
================================================================================
*/
hr.MRuler {
	border: solid 1px #FF7E00;
}

/*
================================================================================
Hyperlink:
================================================================================
*/
div.MHyperlink {
	display: list-item;
	list-style-position: inside;
	list-style-image: url('images/link.png');
	font-size: 12pt;
}

/*
================================================================================
History:
================================================================================
*/
div.MHistory {
	display: list-item;
	list-style-position: inside;
	list-style-image: url('images/link.png');
	font-size: 14pt;
}

/*
================================================================================
File download:
================================================================================
*/
div.MFileDownload {
	display: list-item;
	list-style-position: inside;
	list-style-image: url('images/file.png');
	font-size: 14pt;
}

/*
================================================================================
Form:
================================================================================
*/
div.MForm {
	text-align: center;
}

table.MForm td {
	border: solid 1px #C6000E;
	background-color: #cccccc;
	color: #000000
}

table.MForm input, table.MForm textarea, table.MForm select {
	border: solid 1px #FF7E00;
	background-color: #FFFFFF;
	color: black;
	font-weight: bold;
}

}

@media print {
	div.TTentacles { display: none; }
	div.TMenuBar { display: none; }
	div.TSubMenu { display: none; }
	div.TFooter { display: none; }

	div.CEditParagraph { display: none; }
	div.CEditBar { display: none; }

	div.MNews_title { border: solid 1px black; }
	div.MNews_date { border: solid 1px black; }

	table.MTable td { border: solid 1px black; }
	td.MTable_header { font-weight: bold; }

	.MForum_header { border: solid 1px black; margin-bottom: 6px; font-weight: bold; }
	.MForum_header2 { display: none; }
	.MForum_leftbar { border: solid 1px black; }
	.MForum_text { border: solid 1px black; margin-bottom: 6px; }
	.MForum_edit { display: none; }

	td.MCalendar_header { border: solid 1px black; font-weight: bold; padding: 4px; }
	td.MCalendar_item { border: solid 1px black; padding: 4px; }

	div.MHistory { display: none; }

	div.MForm { display: none; }
}
/*
==========================================================================================
Chatscreen
==========================================================================================
*/
div.MChatScreen {
         font-size:              14pt;
         color:                  darkred;
		 background: orange;
}

div.MChatScreen hr {
         border:                 solid 1px white;
         color:                  blue;
}

div.MChatScreen input {
         border: 1px;
         border-style: dotted;
         border-color: black;
         background-color: #336666;
         color: white;
}

div.MChatScreen_name {
         color:          green;
         font-size:      16pt;
}

div.MChatScreen_date {
         color: darkblue;
		 font-size:      10pt;
}