/* -----[ elit.net.pl stylesheets ]-------------------------------- */

/*

CSS styles writen by:

Piotr Lewandowski

elit - webdesign and hosting

contact with us:
e-mail:	biuro@elit.net.pl
www: 		http://www.elit.net.pl/

*/

/* -----[ main styles ]-------------------------------------------- */

* { margin: 0; padding: 0; font: 11pt/1.2em Tahoma, Verdana, sans-serif; }
body { margin: 0; padding: 0; padding-bottom: 10px; background: url('../img/background.gif'); }

img { border: none; }

/* -----[ main containers ]---------------------------------------- */

#OuterWrapper { text-align: center; clear: both; }
#Wrapper { margin: 0 auto; padding: 0; text-align: left; width: 778px; }
#Header { margin: 0 auto; width: 778px; height: 125px; background: #2D5167; }
#MainMenu { margin: 0 auto; padding: 0; width: 778px; height: 30px; background: url('../img/mmback.gif') repeat-x; }
#MainHead { position: relative; margin: 0 auto; padding: 0; width: 778px; height: 90px; border: 0px solid #000; background: url('../img/mhback.gif') no-repeat bottom; }
#Logo { position: absolute; left: 0; top: 32px; margin: 0; padding: 0; width: 220px; height: 90px; border: 0px solid #000; }
	#Logo img { margin: 0; padding: 0; margin-left: 18px; width: 163px;  height: 40px; border: none; }
#Title { position: absolute; right: 0; top: 40px; margin: 0; padding: 0; width: 558px; background: #fff; }
#Container { margin: 0 auto; padding: 0; width: 778px; }
#Sidebar { float: left; width: 220px; _width: 219px; background: url('../img/leftback.gif') repeat-y; padding-bottom: 10px; }
#MainContent { float: right; width: 558px; margin-top: 10px; }
#footer { margin: 0; padding: 0; height: 2em; width: 558px; float: right; line-height: 2em; border: 0px solid #000; text-align: center; }

/* -----[ Main Menu Styles ]--------------------------------------- */

ul.jd_menu { position: relative; margin: 0px; padding: 0px; height: 30px; line-height: 30px; list-style-type: none; text-align: center; float: right; z-index: 1; }
	ul.jd_menu ul { display: none; z-index: 1; }
	ul.jd_menu a, ul.jd_menu a:active, ul.jd_menu a:link, ul.jd_menu a:visited { text-decoration: underline; color: #fff; font-size: 9pt; }
	ul.jd_menu li { float: left; font-family: Tahoma, sans-serif; cursor: pointer; white-space: nowrap; width: 120px; height: 30px; line-height: 30px; }
		ul.jd_menu li.jd_menu_hover_toolbar { height: 30px; line-height: 30px; color: #fff; background: url('../img/mmback_over.gif') repeat-x; }
		ul.jd_menu a.jd_menu_hover_toolbar {color: #fff; }

/* -----[ Sub-Menus Styling ]-------------------------------------- */

ul.jd_menu ul { position: absolute; display: none; list-style-type: none; margin: 0px; padding: 0px; width: 120px; background: #abb5bc; }
	ul.jd_menu ul li { float: none; margin: 0px; padding: 0; width: 120px; background: #e6e6e6; border: none; color: #70777D; }
		ul.jd_menu ul li.jd_menu_hover {	background: url(../img/gradient.png) repeat-x; color: #000; }
	ul.jd_menu ul a, ul.jd_menu ul a:active, ul.jd_menu ul a:link, ul.jd_menu ul a:visited { text-decoration: none; color: #70777d; }
		ul.jd_menu ul a.jd_menu_hover { color: #000; }

/* -----[ Sidebar styles ]----------------------------------------- */

#Sidebar dl { margin: 0; padding: 0; margin-top: 10px; width: 195px; border: 0px solid #000; margin-bottom: 20px; }
#Sidebar dt { margin: 0; padding: 0; padding-left: 8px; color: #fff; height: 24px; line-height: 24px; font-size: 10pt; font-weight: bold;  }
	.sb1 { background: url('../img/mb01.gif') repeat-x; color: #fff; }
	.sb2 { background: url('../img/mb02.gif') repeat-x; color: #fff; }
	.sb3 { background: url('../img/mb03.gif') repeat-x; color: #fff; }
#Sidebar dd { color: #fff; margin: 0; padding: 0; }
	#Sidebar dd li { margin:0; padding: 0; height: 24px; line-height: 24px; }
	#Sidebar dd a { text-decoration: underline; font-size: 8pt; font-weight: bold; padding-left: 16px; color: #a01d03; }
#Sidebar ul, #Sidebar li { margin: 0; padding: 0; list-style-type: none; }

/* -----[ Subscription box styles ]-------------------------------- */

#Subscription { width: 193px; border: 1px solid #000; background: #fff; padding: 5px 0; text-align: center; font-size: 8pt; }
	#Subscription span { font-size: 8pt; display: block; padding: 5px 0; }
	#Subscription #sub_email { margin: 0; padding: 3px; border: 1px solid #000; width: 160px; margin: 0 auto; display: block; font-size: 11pt; background: #f0efef url('../img/input_bg.gif') repeat-x; }
	#Subscription #submit { margin: 5px 0 0; padding: 0; font-size: 11pt; border-style: groove; }

/* -----[ News box styles ]---------------------------------------- */

#News { width: 195px; font-size: 9pt; text-align: left; margin-top: 20px; color: #000; }
	#News h3 { width: 190; padding-left: 4px; height: 24px; line-height: 24px; font-size: 10pt; font-weight: bold; }
	#News ul { font-size: 8pt; }
	#News li { font-size: 8pt; margin: 3px 0px 3px 10px; }
	#News a { font-size: 8pt; color: #440500; font-weight: bold; }

/* -----[ Counter box styles ]------------------------------------- */

#Counter { width: 195px; font-size: 8pt; text-align: center; margin-top: 20px; }
#Counter strong { font-size: 8pt; font-weight: bold; }

/* -----[ Content styles ]----------------------------------------- */

.Content * { font-family: Tahoma, Verdana, sans-serif; font-size: 9pt; }
.Content { margin-bottom: 20px; padding-bottom: 0px; line-height: 1.3em; background: #fff; }
	.Content h2 { margin: 0; padding: 5px 20px; padding-left: 20px; background: url('../img/h2.gif') #fff no-repeat; height: 30px; line-height: 30px; text-align: left; font-size: 10pt; font-weight: bold; color: #a01d03; }
	.Content h3 { margin: 0; padding: 5px 20px; padding-left: 20px; background: #fff; color: #a01d03; font-weight: bold; }
	.Content p { margin: 0px 0 0px; padding: 8px 20px; padding-right: 30px; background: #fff; text-align: justify; }
		.Content p.left { text-align: left; }
		.Content p.left a { color: #440500; font-weight: bold; }
		.Content p.left a:hover { color: #9e0700; }
		.Content p.center { text-align: center; }
		.Content p.center a { color: #440500; font-weight: bold; }
		.Content p.center a:hover { color: #9e0700; }
		.Content p.right { text-align: right; }
		.Content p.right a { color: #440500; font-weight: bold; }
		.Content p.right a:hover { color: #9e0700; }
	.Content ol { margin: 0 0 20px; padding: 0 20px ; background: #fff; list-style-position: inside;
	padding-bottom: 10px; }
		.Content ol ul { margin-left: 20px; }
			.Content ol ul li { list-style-type: disc; list-style-position: inside; }
	.Content ul { margin-left: 0px; padding-left: 35px; padding-bottom: 10px; background: #fff; }
		.Content li div { display: inline !important; display: block; }
	.Content b, .Content strong { font-weight: bold; padding-left: 0px; }
	.Content table { text-align: center; width: 93%; margin: 0 20px; padding: 0; border: 1px solid black; border-spacing: 3px; border-collapse: collapse; background: #fff; }
	.Content th { border: 1px solid black; padding: 4px; font-weight: bold; text-align: center; }
	.Content td { border: 1px solid black; padding: 4px; text-align: center; }
	.Content a { color: #a01d03; }
		.Content a.more { margin: 0; padding: 5px 0px; padding-right: 30px; text-align: right; display: block; text-decoration: underline; font-weight: bold; color: #a01d03; }
	.Content .lead { font-weight: bold; }
	.Content .data { font-size: 8pt; text-align: right; color: #c1c6c9; }
	.Content hr { margin: 0; padding: 0; margin-right: 30px; margin-left: 20px; border: 0; height: 1px; background-color: #c1c6c9; color: #c1c6c9; }
	.Content .passreminder #sub_email{ margin: 0; padding: 3px; border: 1px solid #000; width: 160px; margin: 0 auto; display: block; font-size: 11pt; background: #f0efef url('../img/input_bg.gif') repeat-x; }
	.Content .passreminder #submit { margin: 5px 0 0; padding: 0; font-size: 11pt; border-style: groove; }

/* -----[ Activation form styles ]--------------------------------- */

#Activation { margin-left: 20px; margin-right: 30px; }
	#Activation fieldset { margin: 0; padding: 5px 0; margin-top: 10px; border: 1px solid #000; text-align: left; }
		#Activation fieldset input { margin: 0; padding: 2px; margin-left: 20px !important; margin-left: 0; width: 230px; display: block; border: 1px solid #000; }
		#Activation fieldset input.f_error { margin: 0; padding: 2px; margin-left: 20px !important; margin-left: 0; width: 230px; display: block; border: 1px solid #f00; }
	#Activation legend { margin: 0 30px; padding: 0 5px; font-weight: bold; }
	#Activation label { margin: 0; padding: 0; margin-left: 20px; display: block; }
	#Activation textarea { margin: 0; padding: 2px; margin-left: 20px; width: 460px; height: 100px; overflow: auto; border: 1px solid #000; }
	#Activation textarea.f_error { margin: 0; padding: 2px; margin-left: 20px; width: 460px; height: 100px; overflow: auto; border: 1px solid #f00; }
	
	.submit { margin: 8px 0; }
	#f_submit { float: left; padding: 0 10px; border: 1px solid #000; }
	#f_print { float: right; padding: 0 10px; border: 1px solid #000; }

/* -----[ Footer styles ]------------------------------------------ */

#Footer { width: 778px; height: 30px; line-height: 30px; text-align: center; margin: 0 auto; font-size: 9pt; }
	#Footer a { font-size: 9pt; color: #440500; }
	#Footer a:hover { color: #9e0700; }

/* -----[ classes and other stuff ]-------------------------------- */

h1 { margin: 0; padding: 0; width: 558px; font: 18pt bold Arial, Tahoma, Verdana, sans-serif; background: ; text-align: center; display: block; }
	h1 .red { margin: 0; padding: 0; color: #a01d03; font: 18pt bold Arial, Tahoma, Verdana, sans-serif; }
.clear { clear: both; }
.right { text-align: right; margin-right: 5px; }
.error { color: #f00; font-weight: bold; text-align: center; display: block; padding: 30px; line-height: 1.6em; }
.emailok { color: #4848ff; font-weight: bold; text-align: center; display: block; padding: 30px; line-height: 1.6em; }
.mb5 { margin-bottom: 5px; }
.mt5 { margin-top: 5px; }
.icon { width: 16px; height: 16px; }
.sub { font-size: 8pt; }
#CloseWindow { display: none; }