/**********************************************************/
/****                  Common classes                  ****/
/**********************************************************/
*{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

body {
	margin: 8px 0px 0px 8px;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	/*background-color: #6488C2;*/
	background-image: url(/files/bg_vacature.gif);
}


h1 {
	color: #6488C2;
	font-size: 16px;
	font-weight: bold;
}

h2 {
	color: #6488C2;
	font-size: 14px;
	font-weight: bold;
}

h3 {
	color: #6488C2;
	font-size: 12px;
	font-weight: bold;
}

h4 {
	color: #6488C2;
	font-size: 10px;
}

h5 {
	color: #6488C2;
	font-size: 10px;
}

h6 {
	color: #6488C2;
	font-size: 10px;
}

b  {
	font-weight: bold;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #6488C2;
}

a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #808080;
}

a:active {
	text-decoration: none;
	font-weight: bold;
	color: #9CCE00;
}

a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #9CCE00;
}

/**********************************************************/
/****                  Table list                      ****/
/**********************************************************/

table.list {
	background-color: #ffffff;
	empty-cells: show;
}

th.list {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #394f79;
}

td.list-item-light {
	font-size: 10px;
	text-decoration: none;
	color: #999999;
}

td.list-item-dark {
	font-size: 10px;
	text-decoration: none;
	color: #999999;
	background-color: #EFEFEF;
}

a.list-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

a:active.list-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

a:visited.list-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

a:hover.list-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
}

a.list {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}

a:active.list {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}

a:visited.list {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}

a:hover.list {
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #999999;
}

.clear{
	clear:both;
}

td {
	background-color: #FFF;
	color: #999999;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}

/**********************************************************/
/****                   Button                         ****/
/**********************************************************/

.button {
	background-color: #6488c2;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #293D78;
}

:hover.button {
	background-color: #293D78;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #000;
}

.button2 {
	color: #999999;
	font-size: 9px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	border: 1px solid #6488c2;
	padding: 2px;
}

/**********************************************************/
/****                Application form                  ****/
/**********************************************************/

#application_form tr { }
#application_form .appmain td {
	vertical-align:top;
	padding:5px;
}

.asterix {
	color:#FF0000;
	font-weight:bold;
}

.obligatory {
	color:#fff;
}

table.login-header {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	color:#000;
}

td.login-header-text {
	color: #293D78;
	font-size:18px;
	font-weight:bold;
}

.rightimg {
	vertical-align:middle;
}


table.login-headline{
	border-color: #8E8E8E;
}

td.login-headline {
	background-color: #293D78;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;color:#fff;
}

/*----------- Form Margins ----------*/ 

table.margins {
	margin: 2% 0% 0% 2%;
}

/*----------- Form Border -----------*/

table.appframe {
	border:1px solid #B0BFD7;
}

/*-------------- Header -------------*/

table.apphead {
	border-bottom: 1px solid #8E8E8E;
	background-color: #CECECE;
}

td.apphead {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: #FBFBFB;
}

/*--------------- Menu --------------*/

table.appmenu {}

td.selected-tab {
	background-color: #293D78;
	color: #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}

td.selected-tab-left {
	background-color: #293D78;
	color: #fff;
	border-left: 0px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}

td.selected-tab-right {
	background-color: #293D78;
	color: #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}

.appmenu td.unselected-tab {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	background-color: #B0BFD7;
}

.appmenu td a.unselected-tab-text {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	display:block;
	padding:5px 5px 5px 5px;
}

.appmenu td a:hover.unselected-tab-text {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	background-color: #B0BFD7;
}

/*--------------- Form --------------*/

table.appmain {
	background:#fff;
	color:#000;
}

a.textlink {
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	color: #6E6E6E;
}

a:visited.textlink {
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	color: #6E6E6E;
}

a:active.textlink {
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
	color: #6E6E6E;
}

a:hover.textlink {
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	color: #9E9E9E;
}

h2.category, h3.category, h4.category {
	color: #293D78;
}

.login-footer-text {
	color: #fff;
}

table.multi {
	border-collapse: collapse;
	border: 1px solid #293D78;
}

th.multi {
	background-color: #293D78;
	color: #FFF;
	font-weight: bold;
}

td.multi-list-item-light {
	background-color: #FAFAFA;
	color: #000;
	font-size: 11px;
	text-decoration: none;
}

td.multi-list-item-dark {
	background-color: #efefef;
	color: #000;
	font-size: 11px;
	text-decoration: none;
}

/*-------------- Footer -------------*/

table.appfoot {
	background-color: #B0BFD7;
	border-top: 1px solid #fff;
	color:#fff;
}

table.appfoot td {
	color:#fff;
}

.addbutton {
	background-color: #293D78;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #000;
}

:hover.addbutton {
	background-color: #fff;
	color: #293D78;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #293D78;
}

.navbutton {
	background-color: #293D78;
	color: #fff;
	font-size:12px;
	padding:2px;
	font-weight: bold;
	border: 1px solid #fff;
}

:hover.navbutton {
	background-color: #fff;
	color: #293D78;
	font-size:12px;
	padding:2px;
	font-weight: bold;
	border: 1px solid #293D78;
}

/*-------------- DHTML Tooltip -------------*/
#dhtmltooltip{
	position: absolute;
	border: 1px solid #496595;
	padding: 5px;
	background-color: #FFFFFF;
	visibility: hidden;
	z-index: 100;
}