body { font-family:  Arial, sans-serif; background: #daebf3; font-size: 1em; } 

strong { font-weight: bold; }

a { text-decoration: none; color: #39F; }
a:hover { color: #666; text-decoration: underline; }

h1 { font-size: 1.3em; font-weight: bold; color: #333; display: block;  border-bottom: 2px solid #666; padding: 5px 0; }
h2 { font-size: 1.2em; font-weight: bold; color: #649318; padding: 5px 0; }

hr { padding: 10px 0; border: none; background: url('../images/hr_bg.png') repeat-x center; }

fieldset { border: 1px solid black; padding: 2%;}
legend { font-weight: bold; font-size: 1.2em;}

th { border-bottom: 1px solid #363636; padding: 5px 0;}

small { font-size: 80%; }

table td { vertical-align: middle; }

label.error { display: block; color: red; }

#container { width: 996px; height: auto; margin: 0 auto; }

#header { width: 996px; height: 218px; background: url('../images/header.png') no-repeat; }

/* Meniu */
#menu { width: 976px; height: 40px; background: #a2acad; font-size: 0.75em; padding: 10px 0 0 20px; }
#menu ul { list-style-type: none;  float: left;  padding: 2px 0 0 0;  }
#menu li { display: inline-block; margin: 0 10px 0 0; height: 38px; float: left; }
#menu li:hover, #menu .active  { background: url('../images/tab_bg.png') repeat-x; }
#menu .active a { color: black; font-weight: bold; }
#menu li a, #menu .active a { background: url('../images/tab_left.png') no-repeat left; display: inline-block; height: 38px; padding: 0 0 0 20px; cursor: hand; }
#menu li a { background: none; color: white;  }
#menu li a:hover { background: url('../images/tab_left.png') no-repeat left; text-decoration: none; color: #6ba515; }
#menu li a span, #menu .active a span { display: inline-block; height: 38px; background: url('../images/tab_right.png') no-repeat right top; padding: 10px 20px 0 0; }
#menu li a span { background: none; }
#menu li a:hover span { background: url('../images/tab_right.png') no-repeat right top;  }
#menu .active a span { background: url('../images/tab_right.png') no-repeat right top; }

#content { width: 996px; height: auto; background: white; min-height: 500px; padding: 25px 0 0 0; font-size: 0.8em; }
#content p { line-height: 1.3em; padding: 0 0 7px 0;  }

#main_full ul li, #main ul li { list-style-type: circle; margin-left: 20px; }

#main, #main_full { line-height: 1.2; height: auto; float: left; padding: 0 15px; padding-bottom: 70px; }
#main { width: 580px; }
#main_full { width: 891px; float: none; }
#main .more { display: block; width: 110px; padding: 6px 3px; background: #4a4740; color: white; text-align: center; font-size: 0.9em; }
#main .more:hover { background: #605b50; text-decoration: none; }

#side { width: 311px; height: auto; float: right; padding: 0 0 0 15px; }

#titlebar_stats, #titlebar_subscription, #titlebar_notes, #titlebar_links, #titlebar_employer { width: 311px; height: 40px; background: url('../images/bar_stats.png') no-repeat; }
#titlebar_subscription { background: url(../images/bar_subscription.png) no-repeat; }
#titlebar_notes { background: url(../images/notes_bar.png) no-repeat; }
#titlebar_links { background: url(../images/links_bar.png) no-repeat; }
#titlebar_employer { background: url(../images/employer_bar.png) no-repeat; }

#side ul { border-left: 5px solid #bcc4c4; color: #4a4740; }

#side li { padding: 10px 0 10px 6px; background: #eceeef; border-bottom: 1px solid #d2d2d2; }

#side .alt { background: #e3e6e6; }

#footer { width: 976px; height: auto; padding: 20px 10px 30px 10px; color: #4a4740; font-size: 0.7em; text-align: center; }


#subpanel { padding-bottom: 4%; padding-top: 2%; }
#subpanel ul li { 
	display: inline;
	padding-left: 10px;
}
#subpanel ul li a:link, #subpanel ul li a:visited {
	border: 1px dashed black;
	padding: 1% 2%;
	text-decoration: none;
}
#subpanel ul li a:hover { background-color: #EBF5FF; }

.clear { clear: both; }


.list td { padding: 3px; border-bottom: 1px solid #A2ACAD;}
.list tr:hover { background-color: #EBF5FF;}

.edit_button, .cancel_button {
	border: none;	
	width: 100px;
	height: 25px;
}

.edit_button {
	background-image: url(../images/buttons/edit.gif);
}

.cancel_button {
	background-image: url(../images/buttons/cancel.gif);
}

.field, .long_field {
	border: 1px solid #B3B9C3;
	padding: 4px;
	width: 250px;
	font-family: "trebuchet MS",sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.long_field { width: 400px; }

.calendar {
	padding-bottom: 10px;
}

.table_list td { border-bottom: 1px solid #CCC; padding: 5px 0; }
.table_list.alt tr:hover { background-color: #D2E4FC; }

.ico_16 { position: relative; top: 3px; }

ul.pages { margin: 5px 0; }
ul.pages li { display: inline; }
ul.pages li a, ul.pages li.current { display: block; padding: 3px 10px; margin: 0 7px 0 0; border: 1px solid #73b4d2; float: left; }
ul.pages li a { border: 1px solid #73b4d2; }
ul.pages li a:hover { background: #b4d6e7; border-color: #73b4d2; text-decoration: none; }
ul.pages li.current { font-weight: bold; }

.pagination { width: 400px; }
.pagination span { float: left; padding-top: 4px; }

.ann { border-bottom: 1px solid #CCC; margin-bottom: 10px; }
.ann:hover { background-color: #D2E4FC; }

.errorBox,
.noticeBox, 
.successBox    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.errorBox      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.noticeBox     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.successBox    { background: #E6EFC2; color: #264409; border-color: #C6D880; }