@charset "utf-8";


/* Generic styles */

body {
	width: 900px;
	margin: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fafafa;
	font-size: 10px; 
	font-family: verdana;
	color: #5D5D5D;
	overflow-y: scroll;
}

img {
	border: 0px;
}


/* Generic classes */

.gradientOpinio {
	background-color: #7b9d69;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aece81), to(#658f49));
	background-image: -moz-linear-gradient(0% 0% 270deg,#aece81, #658f49);
}

.gradientProbe {
	background-color: #628bb1;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9ab6dc), to(#34688f));
	background-image: -moz-linear-gradient(0% 0% 270deg, #9ab6dc, #34688f);
}

.gradientEasyCharts {
	background-color: #f69223;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdad2f), to(#f07917));
	background-image: -moz-linear-gradient(0% 0% 270deg, #fdad2f, #f07917);
}

.gradientEasyPolls {
	background-color: #548cb6;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#76add6), to(#346e9a));
	background-image: -moz-linear-gradient(0% 0% 270deg, #76add6, #346e9a);
}

.gradientButton {
	background-color: #f1f1f1;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#e8e8e8), to(#fafafa));
	background-image: -moz-linear-gradient(0% 0% 270deg,#fafafa, #e8e8e8);
}

.transparent { opacity: 0.6; filter:alpha(opacity=60); }
.border { border: 1px solid #e7e7e7; }
.rounded { -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.roundedTiny { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.roundedLarge { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
.roundedTopLarge { -moz-border-radius: 12px 12px 0px 0px; -webkit-border-radius: 12px 12px 0px 0px; border-radius: 12px 12px 0px 0px; }
.roundedBottomLarge { -moz-border-radius: 0px 0px 12px 12px; -webkit-border-radius: 0px 0px 12px 12px; border-radius: 0px 0px 12px 12px; }
.shadow { -moz-box-shadow: 3px 3px 9px #888; -webkit-box-shadow: 3px 3px 9px #888; }


/* The header containing the header background image, logo, links, menu, and search field */

.header {
	position: relative;
	z-index: 100;
	width: 900px;
	height: 134px;
}

.header .logo {
	width: 130px;
	height: 30px;
	background: url('/skin/images/toplogo.gif') white;
	background-repeat: no-repeat;
	background-position: 4px 0px;
}

.header .links {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 242px;
	height: 21px;
	padding-top: 9px;
	background: white;
	text-align: center;
	font-weight: bold;
}
.header .links a { color: black; text-decoration: none; }
.header .links a:hover { text-decoration: underline; }

.header .mainMenu {
	position: absolute;
	margin-bottom: 0px;
	bottom: 0px;
	width: 450px;
	height: 31px;
	font-weight: bold;
	color: black;
	cursor: pointer;
	white-space: nowrap;
	overflow: visible;
	padding-left: 0px;
}
.header .mainMenu td {
	width: 20%;
	font-size: 12px;
	text-align: center;
	background-color: white;
	opacity: 0.8;
	filter:alpha(opacity=80);
}
.header .mainMenu td.hover { opacity: 0.9; filter:alpha(opacity=90); }
.header ul#submenu { position: absolute; top: 134px; margin-left: 0px; margin-top: 0px; padding-left: 0px; list-style-type: none; opacity: 0.9; filter:alpha(opacity=90);}
.header ul#submenu li { font-size: 11px; font-weight: normal; text-align: left; }
.header ul#submenu li a { display: block; padding: 5px; text-decoration: none; color: white; background: #4d4d4d; }
.header ul#submenu li a:hover { background: black; }

/*.header .mainMenu p {
	display: inline;
	width: 20%;
	height: 31px;
	font-size: 12px;
	text-align: center;
	background-color: white;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.header .mainMenu div {
	display: inline-table;
	width: 20%;
	height: 31px;
	font-size: 12px;
	text-align: center;
	background: white;
	opacity: 0.8;
	filter:alpha(opacity=80);
}
.header .mainMenu div p { margin: 0px; margin-top: 8px; }
.header .mainMenu div.focus { opacity: 0.9; filter:alpha(opacity=90); }
.header .mainMenu ul { display: none; position: absolute; padding-left: 0px; margin-top: -2px; opacity: 0.9; filter:alpha(opacity=90); }
.header .mainMenu ul li { list-style-type: none; font-size: 11px; font-weight: normal; text-align: left; }
.header .mainMenu ul li a { display: block; padding: 5px; text-decoration: none; color: white; background: #4d4d4d; }
.header .mainMenu ul li a:hover { background: black; }
*/
.header .search {
	position: absolute;
	right: 5px;
	bottom: 2px;
	width: 160px;
	height: 16px;
	background-image: url('/skin/search.jpg');
	background-repeat: no-repeat;
	background-position:right;
	background-color: white;
	border: 1px solid #e7e7e7;
	padding: 3px;
	margin-bottom: 3px;
}


/* The content section */

.contentbox { margin-top: 8px; border: 1px solid #e7e7e7; background: white; padding: 24px; }
.fullbox { width: 850px; }
table.content {	position: relative; width: 900px; margin-top: 8px; }
table.content td.leftbox { width: 190px; padding: 15px; vertical-align: top; }
table.content td.separator { width: 5px; }
table.content td.rightbox { padding: 20px 20px 20px 20px; vertical-align: top; }


/* The left menu */
ul.leftmenu {
	border: 1px solid #e7e7e7;
	width: 188px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	padding-bottom: 10px;
	list-style-type: none;
}
ul.leftmenu a { text-decoration: none; color: #5d5d5d; }
ul.leftmenu a:hover { text-decoration: underline; color: #5d5d5d; }
ul.leftmenu li:first-child { margin-bottom: 10px; padding: 5px 10px 5px 10px; font-weight: bold; color: white; background-color: #bababa;}
ul.leftmenu li:first-child a { color: white; }
/* This class is used by jQuery to make it work on IE6 */
ul.leftmenu li.first-child { 
	margin-bottom: 10px; 
	padding: 5px 10px 5px 10px; 
	font-weight: bold; 
	color: white; 
	background-color: #bababa;
}
ul.leftmenu li.first-child a { color: white; }
ul.leftmenu li.first-child a:hover { color: white; }
div.opinio ul.leftmenu li:first-child {
	background-color: #88ad64;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aece81), to(#658f49));
	background-image: -moz-linear-gradient(0% 0% 270deg,#aece81, #658f49);
}
/* This class is used by jQuery to make it work on IE6 */
div.opinio ul.leftmenu li.first-child {
	margin-bottom: 10px; 
	padding: 5px 10px 5px 10px; 
	font-weight: bold; 
	color: white; 
	background-color: #88ad64;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aece81), to(#658f49));
	background-image: -moz-linear-gradient(0% 0% 270deg,#aece81, #658f49);
}
div.opinio ul.leftmenu li.first-child a { color: white; text-decoration: none; }
div.opinio ul.leftmenu li.first-child a:hover { text-decoration: underline; }
div.probe ul.leftmenu li:first-child {
	background-color: #628bb1;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9ab6dc), to(#34688f));
	background-image: -moz-linear-gradient(0% 0% 270deg, #9ab6dc, #34688f);
}
/* This class is used by jQuery to make it work on IE6 */
div.probe ul.leftmenu li.first-child {
	margin-bottom: 10px; 
	padding: 5px 10px 5px 10px; 
	font-weight: bold; 
	color: white; 
	background-color: #628bb1;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9ab6dc), to(#34688f));
	background-image: -moz-linear-gradient(0% 0% 270deg, #9ab6dc, #34688f);
}
div.probe ul.leftmenu li.first-child a { color: white; text-decoration: none; }
div.probe ul.leftmenu li.first-child a:hover { text-decoration: underline; }
div.easycharts ul.leftmenu li:first-child {
	background-color: #f69223;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdad2f), to(#f07917));
	background-image: -moz-linear-gradient(0% 0% 270deg, #fdad2f, #f07917);
}
div.easycharts ul.leftmenu li.first-child {
	margin-bottom: 10px; 
	padding: 5px 10px 5px 10px; 
	font-weight: bold; 
	color: white; 
	background-color: #f69223;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdad2f), to(#f07917));
	background-image: -moz-linear-gradient(0% 0% 270deg, #fdad2f, #f07917);
}
div.easycharts ul.leftmenu li.first-child a { color: white; text-decoration: none; }
div.easycharts ul.leftmenu li.first-child a:hover { text-decoration: underline; }
ul.leftmenu li { color: inherit; padding: 0px 10px 4px 10px; font-size: 11px;	line-height: 120%; }
ul.leftmenu li a { text-decoration: inherit; }
ul.leftmenu li a:hover { text-decoration: underline; color: inherit; }


/* The footer text box */

.footer { clear: both; margin-top: 8px; margin-bottom: 20px; text-align: center; line-height: 150%; }
.footer a { color: #5d5d5d; text-decoration: none; }
.footer a:hover { text-decoration: underline; }