/* project: www.frwsm.com.pl */
/* author: Tomasz Knop       */
    
      
/* general styling */

html, body {
	margin: 0;
	padding: 0;
	}

body {
  	font: normal small Verdana, sans-serif;
  	color: #444;
  	background-color: #fff;
}

a { font: bold 0.9em Verdana, sans-serif; }

a:link, a:visited {
	color: #f5821f;
	background-color: inherit;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #ff8d29;
	background-color: inherit;
	text-decoration: underline;
	}

h2, h3, h4 {
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
	color: #666;
	background-color: inherit;
	}

h2 { font: bold 1.8em Verdana, serif; }
h3 { font: bold 1.4em Verdana, sans-serif; }
h4 { font: bold 1.3em Verdana, sans-serif; }
	
img { border: none; }

blockquote {
	margin-left: 0;
	margin-right: 0;
	padding-left: 12px;
	padding-right: 12px;
	color: #444;
	background-color: inherit;
	border: 1px #eee solid;
	}

table {	border-top: 2px #ccc solid; border-bottom: 1px #ccc solid; border-left: 2px #ccc solid; border-right: 1px #ccc solid;}

th, td { 
	text-align: center;
	border-right: 1px #eee solid;
	border-bottom: 1px #ccc solid;
	}

th span { font-size: smaller; }

tr:hover { color: inherit; background-color: #eaffeb; }

caption { 
	font: bold 1.3em Verdana, sans-serif;
	letter-spacing: -1px;
	color: #666;
	background-color: #eef;
	border-top: 2px #ccc solid;
	border-left: 2px #ccc solid;
	border-right: 2px #ccc solid;
	}

/* styling classes */

.fright { float: right; }
.fleft { float: left; }

.acenter { text-align: center; }
.aleft { text-align: left; }
.aright { text-align: right; }

.cleaner { clear: both; margin: 8px 0; }

img.display { display: block; margin-left: auto; margin-right: auto; }

.blue { color: #2e3192; background-color: inherit; }
.orange { color: #f5821f; background-color: inherit; }
.yellowbg { color: inherit; background-color: #fffff4; }
.greybg { color: inherit; background-color: #f8f8f8; }

.bold { font-weight: bold; }

.image {
        margin: 5px;
        padding: 5px;
	color: #666;
	background-color: #eee; 
	border: 1px solid #ccc;
	}

	
/* form styling */

form { margin: 0; }

form p {
    clear: left;
    margin: 0;
    padding: 5px 0 0 0;
    }

form p label {
    float: left;
    width: 30%;
    }

fieldset {
    border: 1px #ccc solid;
    margin-top: 16px;
    padding: 10px;
    }

legend { font: bold 1em Verdana, sans-serif; letter-spacing: -1px; }

textarea.text {
    height: 150px;
    width: 360px;
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
    }

textarea.text:hover {
    border: 1px solid #eee;
    background: #ffe;
    color: #000;
    }

input.field {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #000;
    width: 240px;
    }

input.fieldxl {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #000;
    width: 360px;
    }

input.field:hover, input.fieldxl:hover {
    border: 1px solid #eee;
    background: #FFFFF4;
    color: #000;
    }

input.text {
    margin: 0;
    width: 150px;
    border: 1px solid #eee;
    background: #FFF;
    color: #000;
    }

input.text:hover { border: 1px solid #ccc; }

input.button, select.box {
    background: #ffe;
    color: #888;
    border: 1px solid #ccc;
    }


/* content */

#wrapper { 
	margin: 20px auto;
	width: 760px;
	}

	/* IE bug */
	#content { 
		width: 100%;
		text-align: left;
		}

/* header */

#header p { 
	text-align: right;
	padding: 8px 8px;
	}

/* landscape */

#landscape {
	height: 90px;
	background: url(clouds.gif) no-repeat top left;
}

#landscape p {
	padding: 62px 12px 0 0px;
	text-align: right;
	color: #fff;
	background-color: inherit;
	}


/* nav & sidebar */

#nav p { margin: 0; padding: 0; font-size: 0.8em; }

#nav a, #sidebar a { font-size: 1em; }

#sidebar {
	float: left;
	width: 152px;
	margin: 0 4px;
	padding-top: 140px;
	background: url(logo.gif) no-repeat top center;
	}

#sidebar h4 {
	margin: 0;
	padding: 0;
	border-top: 1px #ddd solid;
	}

#sidebar ul {
	margin: 0;
	list-style: none;
	padding-top: 2px;
	padding-left: 1em;
	text-indent: -1em;
	}

#sidebar p { font-size: 0.8em; }

/* main */

#main {
	margin-left: 160px;
	padding: 0 12px;
	background: url(compas-bg.gif) no-repeat center center;
	}

#main h3 {
	margin: 8px 0;
	padding-bottom: 4px;
	border-bottom: 1px #ddd solid;
	}

#main h4 { padding-left: 4px; border-left: 1em #f5821f solid; }

#main ul { line-height: 1.4em; }

/* footer and copyright styling */

#footer { 
	clear: both;
	margin-top: 24px;
	border-top: 1px #ccc solid; 
}

#footer p { 
	margin: 0;
	padding-top: 4px;
	text-align: center;
	}
  
/* lists styling */