@import url(reset.css);

body 																{ background: #fff url(../images/body.png) repeat-x 0 0; color: #666; font: 62.5%/1.5em Helvetica, Arial, Verdana, sans-serif; }
a																	{ color: #666;}
a:hover														{ color: #999;}

#container														{ width: 990px; font-size: 1.2em; line-height: 1.5em; margin: 0 auto;}
#skipLinks														{ display: none; }

#masthead, #content, #footer								{ width: 765px; padding: 0 112px; }
#masthead														{ background: transparent url(../images/masthead.jpg) no-repeat 0 0; height: 234px; position: relative;}

#masthead #tools												{ overflow: hidden; position: absolute; right: 105px; top: 10px;}
#masthead #tools li											{ float: left; display: inline}
#masthead #tools li.admin_panel					{ margin-right: 8px; }
#masthead #tools li.login									{ background: transparent url(../images/ico_lock.png) no-repeat 0 3px; padding-left: 10px; }
#masthead #tools li.lang-pl,
#masthead #tools li.lang-en								{ margin: 3px 0 0 5px; }
#masthead #tools li.lang-pl								{ margin-left: 40px; }

#masthead #tools li.lang-pl a,
#masthead #tools li.lang-en a								{ background: transparent url(../images/ico_flags.png) no-repeat 0 0; display: block; width: 16px; height: 11px; text-indent: -9999px; }

#masthead #tools li.lang-pl a								{ background-position: 0 -11px }
#masthead #tools li.lang-en a								{ background-position: -16px -11px }
#masthead #tools li.lang-pl.active a 	  		{ background: url(../images/ico_flags.png) no-repeat }
#masthead #tools li.lang-en.active a  			{ background-position: -16px 0 }

#masthead #logo_pl							 			{ background: transparent url(../images/logo.png) no-repeat 0 0; width: 568px; height: 83px; text-indent: -999em; position: relative; top: 70px;}
#masthead #logo_en						 				{ background: transparent url(../images/logo_en.png) no-repeat 0 0; width: 568px; height: 83px; text-indent: -999em; position: relative; top: 70px;}
#masthead p										   			{ width: 442px; position: relative; top: 120px; }

#masthead #main-nav											  { position: absolute; bottom: 0; overflow: hidden; font-family: "Trebuchet MS", sans-serif }
#masthead #main-nav li										{ float: left; display: inline; margin-right: 1px; background-color: #1a1a1a; line-height: 33px; padding: 0 10px;}

#masthead #main-nav li a									  { float: left; display: block; height: 33px; color: #bbb; }
#masthead #main-nav li#nav-home							{ padding: 0; }
#masthead #main-nav li#nav-home a						{ width: 29px; background: transparent url(../images/main_nav.png) no-repeat 0 0;  text-indent: -999em }

body.home #masthead #main-nav li#nav-home 			{ background-position: 0 -33px; }
body.news #masthead #main-nav li#nav-news 			{ background-color: #fff }
body.users #masthead #main-nav li#nav-users 			{ background-color: #fff; }
body.stats #masthead #main-nav li#nav-stats 			{ background-color: #fff; }
body.tools #masthead #main-nav li#nav-tools 			{ background-color: #fff; }
body.help #masthead #main-nav li#nav-help 			{ background-color: #fff; }
body.board #masthead #main-nav li#nav-board 			{ background-color: #fff; }
body.contact #masthead #main-nav li#nav-contact 	{ background-color: #fff; }

body.home #masthead #main-nav li#nav-home a 			{ background-position: 0 -33px; font-weight: bold }
body.news #masthead #main-nav li#nav-news a, 			
body.users #masthead #main-nav li#nav-users a,
body.stats #masthead #main-nav li#nav-stats a,
body.tools #masthead #main-nav li#nav-tools a,
body.board #masthead #main-nav li#nav-board a,
body.help #masthead #main-nav li#nav-help a,
body.contact #masthead #main-nav li#nav-contact a 	{ color: #000; }



#content								{ background: transparent url(../images/content.jpg) no-repeat 681px 0; padding: 60px 112px 40px 112px; overflow: hidden; }
#content #left-col,
#content #right-col				{ float: left; width: 300px}
#content #left-col				{ margin-right: 20px; }
#content .more-news				{ margin-top: 20px; }
#content a					 			{ color: #070;}
#content a:hover	   			{ color: #090;}

#content h2							{ font: bold 1.5em/1.5em "Trebuchet MS", Helvetica, Arial, sans-serif; color: #444; margin-bottom: 10px;}
#content h2.hard				{ clear: both;}
#content h4							{ font: bold 1.1667em/1.5em "Trebuchet MS", Helvetica, Arial, sans-serif; color: #444; margin-bottom: 5px;}
#content h4 span					{ font: normal .857em "Trebuchet MS", Helvetica, Arial, sans-serif; }
#content p							{ margin-bottom: 1em;}
#content #empty					{ float: right; display: inline; width: 200px; height: 140px; }
#footer								{ clear: both; border-top: 1px solid #cecece; padding-top: 20px; padding-bottom: 20px; padding-left: 0; margin-left: 112px; position: relative; width: 540px; font-size: .83333em; }
#footer .vcard .fn				{ font-weight: bold; margin-bottom: 5px; }
#footer .nav						{ overflow: hidden; position: absolute; right: 0; top: 20px;}
#footer .nav li					{ float: left; padding: 0 5px; border-right: 1px solid #cecece; }
#footer .nav li.login			{ font-weight: bold; border: 0; }
     
#contact h4                 { margin-top: 1em}

#help												{ width: 500px;}
#help a     { border-bottom: 1px #666 dotted;}
#help a.icon_txt,
#help a.icon_pdf    { border-bottom: 0}
#help ul										{ list-style: disc; padding-left: 30px; margin-bottom: 1em;}
#help .question							{ margin-bottom: 1em;}

#login fieldset							{ padding: 10px; border: 1px #eee solid; width: 200px; margin-left: 100px;}                           
#login label                { display: block; width: 200px;}
#login input.text 					{ background-color: #f0f0f0; border: 1px #e0e0e0 solid; padding: 3px 5px; display: block; width: 150px;}
#login input.submit         { background-color: #f0f0f0; border: 1px #e0e0e0 solid; padding: 3px 5px; display: block; margin-top: 1em; cursor: pointer;}

#member caption 						{ font: bold 1.5em/1.5em "Trebuchet MS", Helvetica, Arial, sans-serif; color: #444; margin-bottom: 2em; clear: both; width: 600px; text-align: center;}
#member thead								{ border-bottom: 1px #ccc solid}
#member td, #member th			{ padding: 5px;}
#member th									{ font-weight: bold;}
#member tbody tr            { border-bottom: 1px #eee solid;}

#main-page #statistic				{ margin-top: 20px }
#main-page .current_speed		{ margin-left: 200px }
#main-page #left-col,
  #main-page #right-col			{ margin-top: 2em;}

#news 											{ width: 500px;}

#looking-glass										{}
#looking-glass .default_select select {background-color: #f0f0f0; border: 1px #d0d0d0 solid; padding: 2px 5px;}
#looking-glass #query-select			{ margin: 1em 0;}
#looking-glass #ip-address 				{ margin: 1em 0;}
#looking-glass #ip-address input	{ background-color: #f0f0f0; border: 1px #d0d0d0 solid; padding: 2px 5px;}
#looking-glass #submit input			{ background-color: #f0f0f0; border: 1px #d0d0d0 solid; padding: 2px 5px; margin-top: 1em;}
#looking-glass #attention					{ font-weight: bold;}
#looking-glass #result						{ font-family: Courier; margin: 1em 0; padding: 5px; white-space: pre;}
#looking-glass #copyright					{ font-size: 10px; color: #ccc; line-height: 1em;}
#looking-glass #copyright	a				{ color: #ccc;}

.indicator									{ background: url(/images/indicator.gif) no-repeat 0 0; padding-left: 20px; height: 20px; display: block;}
a.icon_pdf    { background: url('/images/icon_pdf.jpg') 0 0 no-repeat; padding-left: 25px; border-bottom: 0 }
a.icon_txt    { background: url('/images/icon_txt.jpg') 0 0 no-repeat; padding-left: 25px; border-bottom: 0 }

#board ul													{ list-style: disc; padding-left: 30px; margin-bottom: 1em }

/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 0 -1px 0; padding: 0; background: transparent url(../images/tabBg.png) !important; }
#content .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 1.1em 0 .6em; width: 126px; text-align: center; font-size: 12px; color: #666;}
#content
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #000; font-weight: bold;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
/*.ui-helper-clearfix { display:block; }*/
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }