body{ 	font-family: Verdana,Arial,sans-serif; color:#333333; font-size:11px;
		margin:0px; padding:0px;
		ackground-image:url(../images/bg.gif);
		background-color: #DFE3CE ;
}

a {color:#B33538; font-size:11px;}
a:hover	{color:#D67575; font-size:11px;	text-decoration:none;}
img {border:0;}
td {vertical-align:top;}
h1, h2, h3, h4, h5 {font-family:Verdana,Arial,sans-serif; }
h1{font-size:150%;color:#306481;margin:10px 0px;padding:0px;}
h2{font-size:140%;color:#306481;margin:7px 0px;padding:0px;}
h3{font-size:130%;color:#306481;margin:5px 0px;padding:0px;}
h4{font-size:120%;font-weight:normal;color:#306481;margin:5px 0px;padding:0px;}
	h4 a { font-size:120%; text-decoration:none; color:#306481;}
	h4 a:hover { font-size:120%; text-decoration:underline; }
h5{font-size:100%;color:#306481;margin:2px 0px;padding:0px;}

hr {height:3px;color:#DCE7EF;background-color:#DCE7EF;}

ul{list-style-type:square;}
	ul ul{list-style-type:disc;}
		ul ul ul{list-style-type:none;}

label {font-family:Verdana,sans-serif;font-size:100%;font-weight:bold;color:#0B2E41;}
.clear {clear:both;}
#hello {float:left;padding-bottom:15px;	color:#B03537;font-weight:bold;font-size:11px;}

/*
----------------- Layout Divs --------------------------------- */

#mainWrapper {width:985px;margin:0 auto; padding:0; background-color: #FFF;}
#masthead{padding:0px 0px 0px 0px;margin-bottom:15px;border-bottom:1px solid #cccccc;width:100%;}
#globalNav {clear:both;padding:0px;background-image:url(../images/menu_bg.gif); background-repeat:repeat-x;color:#cccccc;}
#logo {float:left;}
#headerRight {float:right;}
#topMenuWrapper {vertical-align:middle;	text-align:right;}
	#topMenuWrapper td {font-size:11px;}
#topMenuContainer {vertical-align:top;padding:6px 20px 10px 12px;background-image:url(../images/top_menu_bg.gif);color:#5e92b3;}
	#topMenuContainer a {color:#5e92b3;text-decoration:none;}
	#topMenuContainer a:hover {text-decoration:underline;}
#topBanner {border:solid 5px #FFFFFF; width:728px; height:90px;}

#content{width:645px;margin:0 0 15px 0;padding:0px 10px 0px 10px;float:left;}

/************* #bottomMenu styles ***************/

#bottomMenu {clear:both;font-size:90%;color:#FFFFFF;padding:10px 0 15px 0;background:#0C425F url(../images/bottom_menu_bg.gif) repeat-x;text-align:center; vertical-align:bottom;line-height:20px;}
	#bottomMenu a {color:#FFFFFF;text-decoration:none;}
	#bottomMenu a:hover {color:#FFFFFF;text-decoration:underline;}

/************** #panelWrapper styles **************/

#panelWrapper{float:right; width:300px; padding:0px 8px 10px 8px;border-left:solid 1px #D9D9D9;}
#panel {background-repeat:repeat-y;	background-position:left top;	padding-left:0px;}
#inquiryWrapper {margin-top:10px;padding:0px;}
#inquiry {width:141px;border-color:#c7c7c7;border-width:0px;border-top-width:0px;border-style:solid;background-color:#f1f1f1;padding:3px;}
#infoBlock {width:141px;border-color:#c7c7c7;border-width:0px;border-top-width:0px;border-style:solid;background-color:#f1f1f1;padding:3px;}
.clearLeft {clear:left;}
div.addNew {margin-bottom:10px;margin-top:10px;}
	div.addNew a {font-weight:600;}
	div.addNew a:hover {font-weight:600;}
.important {color:#AA0000 !important;font-weight:bold !important;}
.emph {font-weight:bold !important;}
.invertText {color:#FFFFFF !important;}
.delete {color:#DD0000;}
.banners {padding-bottom:20px;}
#partnerLogos {width:100%;}
	#partnerLogos td {width:50%; vertical-align:bottom; text-align:center; padding-bottom:10px;}
	#partnerLogos img {width:135px; padding:3px;}

/************** form formating *************/
#errorslist ul {background-color:#FFFFFF;border:solid 1px #B33538;margin-left:0px;padding-left:0px;}
	#errorslist ul li {list-style-position:inside;list-style-image:url('../images/error.gif');margin:1px;padding:3px;background-color:#EFD2D2;color:#000000;}

.error {color:#AA0000;font-weight:bold;line-height:16px;padding-bottom:3px;}
.requiredAsterix {color:#CC0000;font-weight:500;}
.form {width:100%;border:solid 1px #5E92B3;background-color:#FFFFFF;}
.formSeparator {color:#5E92B3;background-color:#5E92B3;height:1px;}
.formHeader {color:#FFFFFF;background-color:#5E92B3;text-align:left;font-size:12px;	font-weight:600;padding:2px 2px 5px 5px;}
.formRow, .formRowInfoFull {background-color:#E3EAEE;margin:1px;border:solid 1px #E3EAEE;}
.formDataColor {background-color:#E3EAEE;}
.formRowInfoFull {background-color:#7f8385;color:#FFFFFF;}
.formRowSubmit {}
.fsubtitle {font-family:Verdana,Arial,sans-serif;font-size:130%;color:#306481;margin:5px 0px;padding:0px;}
.form td {padding:3px 3px 3px 3px;background-color:#DCE7EF;}
	.form td.formDataSubmit {padding-top:10px;padding-bottom:10px;}
	.form td.formLabel {width:180px;padding:3px;font-weight:bold;text-align:left;background-color:#BAD0DE;}
.formInfo {color:#3A3A3A;font-size:10px;text-align:justify;}
.formError {font-weight:bold;color:#B33538;}
.result {padding-top:10px;padding-bottom:10px;color:#B33538;font-weight:bold;}
.formOtherDescription {font-size: 11px;font-style:italic;}

/************* form fields ******************/
form {display:block;margin-bottom:0px;}
input, select{font-size:11px;font-family:Tahoma;}
.formEdit, .formEditSmall, .formEditSmaller, .formEditBig, .formTextarea, .formTextareaBig, .formTextareaBigger, .formSelect, .formSelectSmall, .formSelectSmaller {
	font-family:"Arial","Verdana","MS Sans Serif",sans-serif;
	border:1px solid #5E92B3;
	background-color:#FFFFFF;
	width:300px;
	font-size:11px;
}

.formEditSmall {width:120px;}
.formEditSmaller {width:60px;}
.formEditBig {width:400px;}
.formTextarea {height:100px;width:300px;}
.formTextareaBig {height:200px;width:500px;}
.formTextareaBigger {height:300px;width:550px;}
.formSelectSmall {width:150px;}
.formSelectSmaller {width:75px;}
.formCheckbox, .formRadio {vertical-align:middle;}
.formButton, .formSmallButton, .formLongButton {
	background-color:#5E92B3;
	background-image:url(../images/menu_bg.gif);
	background-repeat:repeat-x;
	border:0px solid #205470;
	padding:4px 10px 5px 10px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	font-family:Tahoma;
	letter-spacing:1px;
}

.formSmallButton {width:52px;}
.formLongButton {width:122px;}
.auto {width:auto;}

/********* tables ***********/

.tableBorder {width:100%;border:solid 1px #336885;background-color:#FFFFFF;}
tr.hdr td {	background-color:#336885;color:#FFFFFF;font-weight:500;padding:3px 5px 5px 5px;text-align:center;}
tr.hdr td a, tr.hdr td a:hover {color:#FFFFFF;}
tr.even td {background-color:#DCE7EF;padding:3px 5px;}
tr.odd td {background-color:#BAD0DE;padding:3px 5px;}
td.details {text-align:center;}
td.delete {text-align:center;}
tr.ftr td {background-color:#336885;padding:3px 5px;color:#DCE7EF;word-spacing:50px;font-size:14px;font-weight:bold;}
tr.ftr td a {color:#FFFFFF;font-family:Arial;font-size:12px;font-weight:bold;letter-spacing:5px;text-decoration:none;}
.trTableDataOdd td {background-color:#F2F5F7;padding:4px;}
.trTableDataEven td {background-color:#E3EAEE;padding:4px;}
.trTableData td {background-color:#E3EAEE;padding:4px;}

/******** results *********/
table.results {margin-bottom:20px;}
	table.results tr th {width: 280px;text-align:right;padding-right:7px;}
.resultsSeparator {text-align:left;position:absolute;padding-left:6px;padding-top:4px;width:590px;height:25px;background-image:url('../images/separator.gif');font-size:10px;color:#FFFFFF;letter-spacing:1px;}


/****************** BEGIN CONTENT PAGES SPECIFIC STYLES *******************/
/****************** BEGIN CONTENT PAGES SPECIFIC STYLES *******************/

/************** CONTENT PAGES ******************/

.contentseparator {background-image:url(../images/content_separator_bg_dot.gif);background-repeat:repeat-x;	margin:1px;	}
.arrowlists ul {list-style-image:url(../images/list_image.gif);padding: 0px 0px 0px 14px;margin: 0px 0px 0px 10px;}
	.arrowlists li {margin: 0px 0px 0px 0px;padding: 2px 0px 0px 0px;}
	.arrowlists li a {}

/* za index i drugite informativno stranici */
.content_header1 { /* kato h5 e */ font-size:12px;font-weight:bold;color:#306481;margin-bottom:2px;	padding:3px;}
.content_header2 { /* pri useful - orangevo */	font-size:12px;	font-weight:bold; color: #810A54; margin-bottom:2px; padding:3px;}

/* razdelitelq na tochki */
.dots {	background-image:url(../images/bg_dot.gif);	background-position:center;	background-repeat:repeat-x;}
.jobpostings a {color: #006699;text-decoration:none;font-weight:bold;}
	.jobpostings a:hover {color: #990033;text-decoration:underline;font-weight:bold;}

/* links shown in blue */
.bluelinks a {color: #006699;text-decoration:none;font-weight:bold;}
	.bluelinks a:hover {color: #990033;	text-decoration:underline;	font-weight:bold;}

/* Main content holder for siteinfo files */
.contentdiv {margin: 0px;	padding: 0px 20px 20px 20px;	text-align:justify;}

/* For employees, For Employers and First page styles */
.left_column {float: left;width: 310px;margin: 10px 5px 10px 5px;}
.right_column {float: right;width: 310px;margin: 10px 0px 10px 0px;}

#indexTable {width:100%;}
#indexLeftColumn {width:330px; vertical-align:top;}
#indexLeftColumn h1 {color: #BA6561; font-size:16px; font-style:italic; font-weight:bold; background-color:#F6F0E9; padding:8px 0px 8px 12px;}
#indexRightColumn {width: 301px; padding: 0px 0px 0px 8px; vertical-align:bottom;}

#right_column_2 {border:1px solid #EB8491; border-top:0px; background-color:#FDF5F7; padding:0 8px;	}
#right_column_2 a {color:#E15D8B; font-size:12px; font-weight:bold; padding:10px 0px; text-decoration:none;}
#right_column_2 a:hover {text-decoration:underline;}
#right_column_2 .small_font {font-size:9px; font-weight:bold; color: #666666; margin:5px 0px; }

.contentbox_header { /*** change the background-color + border-color + background-image for each one to have it more interesting */
	border: 1px solid;
	padding: 5px;
	margin-bottom: 2px;
	text-align:left;
	vertical-align: middle;
	background-position:right; 
	background-repeat:no-repeat;
	font-size:12px;
	font-variant:small-caps;
	font-weight: bold;
}

.contentbox_body { /***** change the background-color and border-color at each one to have it more interesting */
	min-height:150px;
	border: 1px #FFFFFF thin;
	padding: 5px;
	margin-bottom: 10px;
	text-align:left;
	vertical-align:top;
}

.more_statistics {list-style-position:outside;list-style-image:url(../images/list_image.gif);margin:5px 0px 0px 20px; padding:0px;}
.more_statistics li {padding-top:5px;}
.more_statistics li a {text-decoration:none;}
.more_statistics li a:hover {text-decoration:underline;}

/* END For employees, For Employers and First page styles */


/******** Zaplatovrememer styles ********/
#bodydiv {margin: 0px;padding:15px;	width:540px;font-size: 12px;color: #000000;background-color: #FFFFFF;font-weight: normal;font-family: Verdana, Arial, sans-serif;}
.contentseparator {background-image:url(../zaplatovrememer_files/content_separator_bg_dot.gif);background-repeat:repeat-x;margin: 5px 0px 5px 0px;}
.zaplatovrememer_main {font-size:14px;color: #CC6633;font-weight:900;padding: 0px 0px 10px 0px;}

/******** START NEWS section styles ********/
.news {padding:2px 2px 2px 2px;}
.news_date { font-size:10px; color:#666666; }
.news_separator {background-image: url(../images/content/news_separator.jpg); background-position:left; background-repeat:no-repeat;height:5px;}


/******** START USEFUL left column styles ********/
.advises_table { /* Google adsense */float:left; margin:5px;width:210px;height:210px;}
	.advises_table a { /* OLD - currently adsense used -- kato bluelinks no s po-maluk shrift */font-size:11px;color: #006699;text-decoration:none;font-weight:normal;}
	.advises_table a:hover {font-size:11px;color: #990033;text-decoration:underline;}

.advises_header { /***** change the background-color and border-color at each one to have it more interesting */
	border: 1px solid;padding: 5px;text-align:left;vertical-align: middle;font-size:11px;font-variant:small-caps;font-weight: bold;}

.advises_body { /***** change the background-color and border-color at each one to have it more interesting */
	min-height:150px;border: 1px solid;border-top: 0px;	padding: 5px;text-align:left;vertical-align:top;}

/*************************** NEW USEFUL CONTENT PAGE **/
#useful_main_column {width: 640px;float: left;padding: 10px 10px 10px 0px;}
#useful_main_box{width: 640px;min-height:640px;background-color: #FFFFFF;clear: both;overflow: auto;}
#useful_main_box #useful_image_0, #useful_image_1, #useful_image_2, #useful_image_3 {
	width: 300px;height: 239px;margin: 6px 0px 6px 6px;	float: left;display: inline;overflow: hidden;}

#useful_main_box .background {
	background: #fafaf0;
	width: 300px;
	height:60px;
	position:relative;
	top:-60px;
	left:0;
	z-index: 1;
	filter:alpha(opacity=75);
	opacity:.75;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	-moz-opacity:0.75;
	
 }
 
#useful_main_box .text {width:290px;height:40px;position:relative;top:-120px;left:0;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:8pt;
     color:#663399;padding:5px 5px 5px 5px;z-index: 2;}
 
#useful_main_box .right_area {margin-top: 6px;width: 320px;height: 251px;float: right;}
#useful_main_box .right_area #right_area_sub_0, #right_area_sub_1, #right_area_sub_2, #right_area_sub_3 {
	height: 60px;padding: 0px 0px 0px 18px;background-image: url(../images/content/useful_image_right.gif);	background-position: 0px -60px;clear: both;} 

	/** RIGHT TEXT STYLES **/
#useful_header_1, #useful_header_link_1, #useful_header_2, #useful_header_link_2, #useful_header_3, #useful_header_link_3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;margin-bottom: 3px;color: #718515;}

#useful_header_1 a, #useful_header_link_1, #useful_header_2 a, #useful_header_link_2 a, #useful_header_3 a, #useful_header_link_3 {
	text-decoration:none;}

#useful_header_0, #useful_header_link_0 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;margin-bottom: 3px;color: #663399;}

#useful_header_0 a, #useful_header_link_0 {text-decoration:none;}

#useful_small_header_1, #useful_small_header_2, #useful_small_header_3 {
	position: relative;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 9px;text-transform: uppercase;padding-top: 10px;padding-bottom: 5px;
	z-index: 2;color: #718515;}

#useful_small_header_0 {
	position: relative;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 9px;text-transform: uppercase;
	padding-top: 10px;padding-bottom: 5px;z-index: 2;color: #663399;}

.useful_bottom_box_text {
	background-color: #E9E4FC;padding: 4px 10px 4px 10px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;color: #000000;font-weight: bold;}

ul.useful_links {list-style: none outside;width: 200px;padding: 12px 0px 12px 10px;margin: 0px 0px 0px 0px;float:left;display: inline;}
/** END NEW USEFUL CONTENT PAGE **/


/** START RESEARCH PAGE STYLES **/
#researchPage {}
	#researchPage table {width:100%; padding:0;width:100%;border:none;}
	#researchPage table.sub {text-align:center;width:98%;margin:2px;}
	#researchPage table td {width:310px; vertical-align:top; padding-bottom:10px;}
	#researchPage img {width:170px;}
	#researchPage .image{height:80px;}
	#researchPage .text{background-color:#EEE; padding:3px 3px 0; height:5em; vertical-align:middle; line-height:15px;}
	#researchPage .text a{font-size:12px;color:#008693;font-weight:bold;}
	#researchPage .text a:hover b{text-decoration:underline;}
	#researchPage .text b{display:block;}

	<!--// RANDOM PAGE 1 //-->
	#randomPage {}
	#randomPage h1 {padding-bottom:0px; margin-bottom:4px; color:#306481; font-size:12px; background-color: #FFFFFF; font-style:normal;}
	#randomPage table.quarter {width:auto; padding:0px; margin:0px; margin-bottom:4px;}
		#randomPage table.quarter th {width:auto; text-align:left; font-weight:normal;}
		#randomPage table.quarter td {width:auto; padding: 0 10px 0 5px; text-align:left; font-size:100%; font-weight:bold;}
	#randomPage table.statistics {padding:0px; margin: 0px 0 10px 0px;}
	#randomPage table.statistics td {font-weight:normal; font-size:11px; padding:0; margin:0;}
		#randomPage .numbers {width:auto; padding: 0 10px 0 5px; text-align:left; font-size:100%; font-weight:bold;}
	#randomPage #graphic {width:330px; height:235px; margin-left:0px; font-size:11px; font-weight:bold; position:relative; }
		#randomPage #graphic img {z-index:1; position:absolute; top:0px; left:0px;}
		#randomPage #graphic .min {position:absolute; top:156px; left:17px; z-index:10;} 
		#randomPage #graphic .q25 {position:absolute; top:140px; left:75px; z-index:10;}
		#randomPage #graphic .avg {position:absolute; top:110px; left:148px; z-index:10;}
		#randomPage #graphic .q75 {position:absolute; top:70px; left:220px; z-index:10;}
		#randomPage #graphic .max {position:absolute; top:33px; left:275px; z-index:10;}
	#randomPage .percentilDescription {width:330px; margin: 4px 0 10px 0px;font-size:9px;}


	<!--// PAGE 1 //-->
	#statisticsPage1 {}
	#statisticsPage1 h1 {padding-bottom:0px; margin-bottom:10px;}
	#statisticsPage1 h2 {font-size:12px; color:#000000; margin:30px 0 10px 50px; padding:0px;}
	#statisticsPage1 table.quarter {width:auto; padding:0px; margin:0px;}
		#statisticsPage1 table.quarter th {width:auto; text-align:left; font-weight:normal;}
		#statisticsPage1 table.quarter td {width:auto; padding: 0 15px 0 8px; text-align:left; font-size:120%; font-weight:bold;}
	#statisticsPage1 ul.list {margin:15px 0 20px 20px;}
		#statisticsPage1 ul.list li { list-style-type:square; padding-bottom:4px;}
		#statisticsPage1 ul.list li a {color:#990000; text-decoration:none; padding-bottom:5px;  }
		#statisticsPage1 ul.list li a:hover { text-decoration:underline; color:#990000; }

	<!--// PAGE 2 //-->
	#statisticsPage2 {}
	#statisticsPage2 h1 {padding-bottom:0px; margin-bottom:0px;}
	#statisticsPage2 h2 {font-size:12px; color:#000000; margin:30px 0 10px 50px; padding:0px;}
	#statisticsPage2 table.quarter {width:auto; padding:0px; margin:0px;}
		#statisticsPage2 table.quarter th {width:auto; text-align:left; font-weight:normal;}
		#statisticsPage2 table.quarter td {width:auto; padding: 0 15px 0 8px; text-align:left; font-size:120%; font-weight:bold;}
	#statisticsPage2 ul.list {margin:15px 0 10px 20px;}
		#statisticsPage2 ul.list li { list-style-type:square; padding-bottom:4px;}
		#statisticsPage2 ul.list li a {color:#990000; text-decoration:none; padding-bottom:5px;  }
		#statisticsPage2 ul.list li a:hover { text-decoration:underline; color:#990000; }

	<!--// PAGE 3 //-->
	#statisticsPage3 {}
	#statisticsPage3 h1 {padding-bottom:0px; margin-bottom:0px;}
	table.quarter {width:auto; padding:0px; margin:0px;}
		table.quarter th {width:auto; text-align:left; font-weight:normal;}
		table.quarter td {width:auto; padding: 0 15px 0 8px; text-align:left; font-size:120%; font-weight:bold;}
	table.statistics {width:auto; padding:0px; margin: 15px 0 8px 55px;}
		table.statistics th {width:auto; text-align:left;font-weight:normal;}
		table.statistics td {width:auto; padding: 0 15px 0 8px; text-align:left; font-size:140%; font-weight:bold;}
	#graphic {width:450px; height:320px; margin-left:50px; font-size:18px; font-weight:bold; position:relative; }
		#graphic img {z-index:1; position:absolute; top:0px; left:0px;}
		#graphic .min {position:absolute; top:213px; left:25px; z-index:10;} 
		#graphic .q25 {position:absolute; top:190px; left:100px; z-index:10;}
		#graphic .avg {position:absolute; top:150px; left:190px; z-index:10;}
		#graphic .q75 {position:absolute; top:91px; left:290px; z-index:10;}
		#graphic .max {position:absolute; top:42px; left:375px; z-index:10;}
	.percentilDescription {width:450px; margin: 10px 0 10px 50px;font-size:10px;}

/** END RESEARCH PAGE STYLES **/



/******** END USEFUL left column styles ********/

/****************** END CONTENT PAGES SPECIFIC STYLES *******************/