/*
 * GENERAL/MASTER CONTAINERS
 */

* { padding: 0; margin: 0; }

body 
{
	font: 1em/1.4em Verdana, Tahoma, Helvetica, Arial, sans-serif;
	min-width: 770px;	/* For NN 6 to force it to show scrollbars when browser window is small */
	text-align: center;
}

div 
{
	text-align: left;
}

p 
{
	margin: 10px 0px 10px 0px;
}

img { border: none; }

a:link 
{
	color: Blue;
	text-decoration: none;
}
a:visited
{
	color: Blue;
	text-decoration: none;
}
a:hover, a:active 
{
	text-decoration: underline;
}

table
{
	font: inherit;
	line-height: normal;
	border-spacing: 0px;
	border-width: 0px;
	border-collapse: collapse;
}

tr
{
	vertical-align: top;
}

ul
{
	margin-top: 0px;
	list-style-type: square;
	padding: 0px 0px 0px 20px;
}

h2 
{
	font: normal 190% Georgia, Garamond, Times;
	margin: 12px 0px 10px 0px;
	text-align: center;
}

h3 
{
	font: normal 140% Georgia, Garamond, Times;
	margin: 24px 0px 10px 0px;
}

h4
{
	font: normal 130% Georgia, Garamond, Times;
	margin-top: 14px;
}

#container /* Contains header, menu, content and footer. */
{
	width: 770px;
/*	
	Center layout using "negative-margins" technique
	position: relative;
	left: 50%;
	margin-left: -385px;
*/
	margin: 0 auto;
	font-size: 70%;
}

#header /* Branding and login */
{
	height: 98px;
	color: #ffffff;
	background-image: url(/images/header-bg.jpg);
}
#header h1
{
	font: normal 25px Arial Narrow, Arial; /*Georgia, Garamond, Times;*/
	/*letter-spacing: 0.1em;
	line-height: 18px;*/
}
#header h1 a 
{
	color: White;
	text-decoration: none;
	background-color: Transparent;
}

#menu 
{
  clear: both;
	background-image: url(/images/menu-bg.gif);
	background-repeat: no-repeat;
}
#menu table { margin-left:auto; margin-right:auto; text-align:center; }
#menu table tr { height: 44px; }
#menu table td { padding: 0px 24px 0px 24px; vertical-align: middle; }
#menu .menu-spacer { width: 2px; padding: 0; background-image: url(/images/vertical.gif); background-repeat: no-repeat; }
#menu table a
{
	font: 1.2em/1.4em Georgia, Garamond, Times;
	color: White;
	text-decoration: none;
}
#menu table a:hover
{
	background-color: Black;
	text-decoration: none;
}

#content 
{
}

#footer
{
	margin-top: 10px;
	text-align: center;
	clear: both;
}

.clear
{
  clear: both;
}

#valuation_results 
{ 
  height: 340px;
  background-image: url(/images/scales.png); 
  background-repeat: no-repeat;
  background-position: center;
}

/*
 * FORM
 */


.form-section
{
	margin: 10px 0 0 0;
	width: 420px;
	border-spacing: 4px;
	border-collapse: separate;
	vertical-align:super;
}

.form-row
{
}

.form-label
{
	text-align: right;
	width:34%;
}


input, textarea, select
{
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #E8F1F8; /*background-color: #E8F1F8; /*#D7E5F2;*/
	color: #102132;
	border: 1px solid #284279;
	margin-left: 4px;
}

input.disabled, textarea.disabled, select.disabled
{
	background-color: #EEEEEE; 
	color:#666666;
}

input.clean, textarea.clean, select.clean
{
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: White;
	color: #102132;
	border-style: none;
}

input.large 
{
	width: 180px;
}

input.small 
{
	width: 36px;
}

select.large
{
	width: 180px;
}
select.small
{
	width: 84px;
}

input[type='text']:focus, form input[type='password']:focus, form textarea:focus, select:focus {
	background:#E5FFF3;
	border-color: Green;
}


/* Offer
---------------------------------------------------------------------------- */

.service
{
  width: 140px; float: left;
  margin-left: 4px;
  margin-right: 10px;
}

.service div
{
  padding: 6px;
  /*border: solid 1px Gray;*/
}

.service-teaser
{
  font-size: 10px;
  font-weight: bold;
  color: #555555;
}


/* Special 
---------------------------------------------------------------------------- */

.valResultTitle /* Cena: ... Liczba ofert: ... */
{
	font: normal 150% Georgia, Garamond, Times;
	margin: 6px 0px 6px 6px;
}

.important
{
	background-color: #EFEFFF;
}

.flash
{
  margin-top: 12px;
  border-style: solid;
  border: solid 1px Silver;
  font-weight: bold;
}
.notice { background-color: #D1FFD4; color: Green; }
.error { background-color: #FFD9D9; color: #E40000; }

img.help-icon
{
  vertical-align: middle;
}

/*
Errors
*/

.fieldWithErrors input 
{   
  background-color: #FFF0ED; border-color: #BB030C;
}

.formError
{
  color:#BB030C;
  padding-left: 4px;
}

.errorExplanationStd 
{
	background-color: #FFF0ED;
}

.errorExplanationStd h2 
{
	text-align: center;
	font: normal 150% Georgia, Garamond, Times;
	margin: 6px 0px 6px 6px;
	color: Red;
}

.errorExplanationStd p 
{
	color: #333;
	margin-bottom: 0;
	padding: 5px;
}

.errorExplanationStd ul li 
{
}



.notice 
{
	color: Green;
}

.hourglass
{
	color: Red;
	font-size: 100%;
	font-weight: bold;
	background-color: #FFEAEA;
	position:absolute;
}

.chart
{
	border: solid 1px Gray;
}

.inactive
{
	color: Silver;
}
#login-menu 
{
	float: right;
	margin-right: 8px;
	font-size: 90%;
	font-weight: bold;
}
#login-menu a
{
	color: White;
}


.par-bg /* ~~~~$~~~ */
{
	width: 49%; background-image: url(/images/par-bg.png); background-position:center; background-repeat: repeat-x;
}
.par-dollar /* ~~~~$~~~ */
{
	width: 10px; background-image: url(/images/par-dollar.gif); background-position:center; background-repeat: no-repeat;
}






#ContainerInstiki {
	width: 770px;
	font-size: 80%;
	margin: 0 auto;
}
#ContentInstiki {
	background-color: #ffffff;
}

h1#pageName { font-family:Garamond; font-size: 260%; margin: 0.2em 0 0 0; line-height: 1em; }
h1#pageName small { color: #444; font-size: 35%; line-height: 1em; }

.newWikiWord { background-color: #BFBFBF; }
.newWikiWord a:hover { background-color: white; }

form#navigationSearchForm { display: inline; }
form#navigationSearchForm input { font-size: 80%; }

.navigation { margin-top: 0.3em; font-size : 90%; color: #999; }
.navigation a { font-size: 80%; color: black; font-weight: bold; }
.navigation a:hover { color: white; background-color: black; text-decoration: none; }
.navigation a:visited { color: Black; }
.navigation small a { font-weight: normal; font-size: 90%; }

.navOn { font-size: 11px; color: #444; font-weight: bold; text-decoration: none; }

.help { font-family: verdana, arial, helvetica, sans-serif; font-size: 70%; }

.inputBox { font-family: verdana, arial, helvetica, sans-serif; font-size: 80%; background-color: #EEE; padding: 0.3em; margin-bottom: 1.5em; }

blockquote { display: block; font-size: 90%; margin: 0 0 1.5em 0; padding: 0 2.5em; line-height: 1.5em; font-style: italic; }

pre { font-size: 90%; padding: 1em; overflow: auto; background-color: #DDD; }

ol.setup { font-size: 110%; font-family: georgia, verdana, sans-serif; padding-left: 1.5em; margin-top: 1em; }

.byline { padding-top: 1em; font-size: 60%; font-style: italic; margin-bottom: 1em; color: #999; }

.diffdel, del.diffmod { background: pink; }
.diffins, ins.diffmod { background: lightgreen; }

div.inputFieldWithPrompt { margin: 0.75em 0; }

div.errorExplanation { color: #900; background-color: #FFA; font-style: italic; font-weight: bold; margin: 1.5em 0; padding: 1em; width: 100%; }
div.errorExplanation p { padding: 0; margin: 0; border: none; }
div.errorExplanation ul { padding: 0; margin: 0.5em 0 0 2em; border: none; }
div.errorExplanation li { padding: 0; margin: 0; border: none; }
/*div.fieldWithErrors input { border: 1px solid #900; }  use general */
div.info { color: #060; background-color: #BFBFBF; padding: 0.5em; margin-top: 0.5em; font-weight: bold; width: 100%; }

div#MarkupHelp { float: right; width: 25%; margin-top: 0.5em; }
div#MarkupHelp table { margin-bottom: 0; border-top: 3px solid #999; border-left: 3px solid #999; 
		border-right: 3px solid #BBB; border-bottom: 3px solid #BBB}
div#MarkupHelp td { font-size: 80%; padding: 0.2em; margin: 0; border: 1px solid #999; border-width: 1px 0 1px 0; 
	vertical-align: top; white-space: nowrap; }
div#MarkupHelp td.arrow { padding-right: 5px; padding: 0 0.75em; color: #999; }
div#MarkupHelp h3 { font-size: 90%; font-weight: bold; font-weight: normal; margin: 0 0 5px 0; padding: 5px 0 0 0; }
div#MarkupHelp p { font-size: 70%; }

div.rightHandSide { float: right; width: 25%; margin-left: 0.7em; padding-left: 1.5em; border-left: 1px dotted #ccc; font-size: 80%; }

.newsList { margin-top: 1.5em; }
.newsList p { margin-bottom: 2.5em; }

/* Affects the display of "category: ..." */
.property { color: #999; font-size: 80%; }


#quality_bar
{
	background-image: url(/images/quality_bar.jpg);
	background-position: left;
	background-repeat: repeat-y;
}

#small_quality_bar
{
	background-image: url(/images/small_quality_bar.jpg);
	background-position: left;
	background-repeat: repeat-y;
}


/* Sortable tables */
table.sortable
{
	font-weight: normal;
	font-size: 86%;
	color: Black; /*#444444;*/
}

table.sortable a.sortable_header 
{
	font-weight: bold;
}
table.sortable a.sorted_header 
{
	background-color: #D1FFD1;
	font-weight: bold;
}
table.sortable th
{
	padding: 10px 4px 8px 4px;
}
table.sortable td
{
	padding: 7px 3px 5px 3px;
	text-align: right;
}
table.sortable tfoot
{
	background-color: #F5F5F5;
}
table.sortable tr.odd
{
	background-color: #ffffff;
}
table.sortable tr.even
{
	background-color: #f8f8ff;
}
tr.highlight
{
	background-color: #DCDCF4;	/*#E9FFED;*/
}
td.actions
{
	background-color: White;
}

/* Details table */

table.details
{
	margin-left: 6px;
}

table.details td
{
	padding: 3px 10px 3px 0px;
	
}


div.tooltip
{
	width: 260px;
	padding: 0px 8px 0px 8px;
	background-color: #FDFFD1;

	border-width: 1px;
	border-color: #E2E2E2;
	border-style: solid;
	
	font-size: 10px;
	line-height: normal;
}

span.neg_corr /* negative correction */
{
	color: #FF4141;
}
span.pos_corr /* positive correction */
{
	color: #6D69FF;
}

/* Other */

.missing-data
{
	color: Red;
	font-weight: bold;
}



/* Payment */
#paytypeSelector{
    text-align:center;
}
#paytypeSelector input{
    margin:0;padding:0; width: 2em;
    border:none;
}
#paytypeSelector table td{
  padding: 2px;
  margin: 0;
  vertical-align: bottom;
}
