@media print 
{
    .screen	{ display: none; }
}

@media screen 
{
    .print	{ display: none; }
}

body, textarea, table	{ font-family: Verdana, sans-serif; font-size: 9pt; }

body			{ margin: 0px; background-image: url( http://esti.rtdx.net/image/back.png ); background-repeat: repeat-x; background-color: rgb( 169, 187, 223 ); color: white; }

body			{ -webkit-text-size-adjust: none; }

p, h1, h2		{ margin: 0px 0px 4px 0px; }

h1, h2			{ font-size: 10pt; font-weight: bold; color: rgb( 89, 136, 213 ); }

img     		{ border: none; }

form			{ margin: 0px; }

table			{ border-collapse: collapse; }
td				{ padding-bottom: 4px; }

ul              { padding-left: 0px; margin: 4px 0px 4px 0px; }
li              { padding-left: 0px; margin: 2px 0px 0px 20px; }

td				{ vertical-align: top; padding: 2px 2px 4px 4px; }

div#border		{ width: 840px; margin-left: auto; margin-right: auto; padding: 0px 20px 20px 20px; }
div#page 		{ height: 1000px; padding: 12px 20px 25px 25px; background-color: rgb( 237, 241, 246 ); color: black; font-size: 9pt; }
div#main		{ padding-left: 124px; padding-right: 20px; }
div#header		{ position: relative; height: 100px; width: 500px; }
div#menu		{ float: left; }  
div#footer		{ margin-top: 10px; }
div#side		{ float: right; width: 268px; }

img#logo		{ position: absolute; left:  10px; top:  0px; width:  90px; height: 91px; }
img#name		{ position: absolute; left: 114px; top:  8px; width: 287px; height: 68px; }
img#hits		{ width: 50px; height: 18px; margin-left: 10px; vertical-align: top; }

h1#slogan		{ position: absolute; left: 124px; top: 76px; font-weight: normal; }

div.speech		{ background-image: url( http://esti.rtdx.net/image/speech.png ); background-repeat: no-repeat; background-position: left top; position: relative; left: -4px; width: 390px; height: 144px; }
div.padspeech	{ padding: 20px 24px 30px 20px; }

div.panelhead	{ background-image: url( http://esti.rtdx.net/image/panel_head.png ); background-repeat: no-repeat; background-position: left bottom; height: 12px; }
div.panelbody	{ background-image: url( http://esti.rtdx.net/image/panel_body.png ); background-repeat: repeat-y;  background-position: left;  	  padding: 4px 24px; }
div.panelfoot	{ background-image: url( http://esti.rtdx.net/image/panel_foot.png ); background-repeat: no-repeat; background-position: left top;    height: 18px; }

div.halfleft	{ border-right: 1px solid blue; margin-right: 345px; padding: 0px 10px 10px 0px; }
div.halfright	{ float: right; width: 335px; padding: 0px 0px 10px 10px; }

div.button		{ width: 114px; height: 48px; color: white; font-weight: bold; background-repeat: no-repeat; background-position: left bottom; cursor: pointer; }
div.btnactive	{ background-image: url( http://esti.rtdx.net/image/button_active.png ); }
div.btnnormal	{ background-image: url( http://esti.rtdx.net/image/button_normal.png ); }

p.button		{ text-align: center; padding: 12px 6px 0px 0px; }

img.user		{ width: 220px; height:  35px; display: block; }
img.screen		{ width: 388px; height: 692px; display: block; }
img.link		{ padding-left: 3px; vertical-align: bottom; }

table.wide		{ width: 99%; }
table.feature	{ border-right: 1px solid silver; border-bottom: 1px solid silver; }

td.section		{ background-color: white; border-left: 1px solid silver; border-top: 1px solid silver; }
td.head			{ background-color: transparent; }
td.expand		{ border-left: none; width: 90px; padding-top: 3px; padding-right: 8px; text-align: right; }
td.detail		{ background-color: white; border-left: 1px solid silver; padding-top: 0px; }
td.feature		{ width: 70px; }

.centre			{ text-align: center; }
.right			{ text-align: right; }
.top			{ vertical-align: top; }
.middle			{ vertical-align: middle; }

.margintop		{ margin-top:      4px; }
.marginbottom	{ margin-bottom:   4px; }
.marginnone		{ margin:  		   0px; }
.padtop			{ padding-top:     4px; }
.padbottom		{ padding-bottom:  4px; }
.padleft		{ padding-left:    8px; }
.padright		{ padding-right:   8px; }
.padnone		{ padding:         0px; }
.gaptop			{ padding-top:    12px; }

.large			{ font-size:   12pt; }
.larger			{ font-size:   10pt; }
.small			{ font-size:    8pt; }
.normal			{ font-weight: normal; }
.bold			{ font-weight: bold; }
.italic			{ font-style:  italic; }

.black			{ color: black; }
.grey			{ color: gray; }
.blue			{ color: rgb(  89, 136, 213 ); }

.hand      		{ cursor: pointer; }