/* 
    Document   : style
    Created on : 27.01.2009, 17:34:15
    Author     : Вадим
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

/*
table
{ 
border-style: solid;border-top-width: thin;
}
*/

A:link {
	COLOR: #232323;
	TEXT-DECORATION: none;
	font-family:monospace;
    font-size: 16px;
}

A:active {
	COLOR: #232323;
	TEXT-DECORATION: none;
	font-family:monospace;
    font-size: 16px;
}

A:visited {
	COLOR: #232323;
	TEXT-DECORATION: none;
	font-family:monospace;
    font-size: 16px;
}

A:hover {
	COLOR: #505050;
	TEXT-DECORATION: underline;
	font-family:monospace;
    font-size: 16px;
}

table.main{
    background-color:silver;
    width: 500px;
    height: 300px;
    border-width: 1px;
}

table.TheWindow{
    width: 1000px;
    height: 650px;
    border-width: 0px;
}

table.menu{
    width:100%;
    height:100%;
}

tr.menu{
    font-family:monospace;
    font-size:14px;
    font-weight:bold;
}

tr.menu:hover
{
	background-color:gray;
	cursor: pointer;
	color : white;
}

table.view
{   
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-top-width:1px;
}

span.ExplainText{
    font-size: 16px;
    font-family:monospace;
}

span.TableText{
    font-size: 12px;
    font-family:monospace;
}

span.CaptionText{
    font-size: 22px;
    font-family:monospace;
}

span.ErrorText{
    font-size: 16px;
    font-family:monospace;
    color:red;
    font-style:oblique;
    font-weight:bold;
}

.login{
    width:200px;
    height:21px;
    font-family:monospace;
    text-align:center;
}

input.button{
    width:150px;
    font-family:monospace;
}

input.GlamourButton{
    width:150px;
    font-family:monospace;
    border-width:1px;
    background-color:#F4F8FC;
}

input.GlamourButton:hover{
    width:150px;
    font-family:monospace;
    border-width:1px;
    cursor:pointer;
}

/* Text rotation exmaples styles */
.datebox
{
	float: left;
	background-color: #2c7ad0;
	border: 1px solid #000000;
	color: #ffffff;
	position: relative;
	margin: 20px 0 0 20px;
}
	.datebox .month
	{
		display: block;
		text-align: center;
		font-size: 30px;
		line-height: 30px;
		padding: 2px 0;
		background-color: #1e528c;
		text-transform: uppercase;
	}
	.datebox .day
	{
		display: block;
		text-align: center;
		font-size: 80px;
		line-height: 80px;
		font-weight: bold;
		padding: 2px 24px 2px 0;
	}
	.datebox .year
	{
		display: block;
		writing-mode: tb-rl;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		position: absolute;
		right: 0;
		bottom: 9px;
		font-size: 24px;
	}
	*:first-child+html .datebox .year { right: -28px; } /* IE7 positions element differently to IE6 & 8 */
	.datebox span:nth-child(3)
	{
		right: -16px;
		bottom: 24px;
	}