/* 
 * This file contains all CSS
 * according to the site layout
 * not the content
 */

/* General CSS */
html {
    height: 100%;
}

body {
    margin: 0px 0px 0px 0px;
    position: relative;
    min-height: 100%;
    background-color: #fFFFFF;
}

sup 
{
	font-size: 8px;
	line-height:5px;
}

/*
* BOTTOM FOOTER FIX
*/

.* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -75px;
    background-color: #f2f2f2;
}
.footer {
    background-color: White;
}

.footer .bottom {
    padding: 0px;
}
/* Header div, top of the page */
.header {
    height: 152px;
    width: 100%;
    border-bottom: 3px solid #5982c2;
    background-color: #ffffff;
}
/* Header div, top of the page when logged in */
.header_ingelogd {
    height: 152px;
    width: 100%;
    border-bottom: 3px solid #5982c2;
    background-color: #ffffff;
}

/* Header div, top of the page SMALL */
.header_small {
    height: 140px;
    width: 100%;
    border-bottom: 3px solid #5982c2;
    background-color: #ffffff;
}

/* Header wrapper, to center the logo, menu etc */
.header_main {
    position: relative;
    height: 152px;
    width: 991px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}
/* Header wrapper, to center the logo, menu etc when logged in */
.header_main_ingelogd {
    position: relative;
    height: 152px;
    width: 991px;
    margin-left: auto;
    margin-right: auto;
    z-index: 501;
}
.sitemap {
    position: relative;
    width: 100%;
    padding: 8px 0px 13px 0px;
    height: 10px;
}
/* Victor mundi logo intro page */
.logo {
    height: 100px;
    width: 702px;
    background-image: url(../images/layout/logo_2.jpg);
    background-position: 0px 16px;
    cursor: pointer;
    background-repeat: no-repeat;
}
/* Victor mundi logo when logged in */
.logo_ingelogd {
    position: absolute;
    height: 100px;
    width: 320px;
    background-image: url(../images/layout/logo_2.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0px 16px;
    float: left;
}

/* Account container, with profile image and settings etc */
.account_container {
    position: relative;
    height: 164px;
    width: 311px;
    left: 670px;
    top: -160px;
}
/* Account container, with profile image and settings etc when logged in */
.account_container_ingelogd {
    position: absolute;
    height: 60px;
    right: 10px;
    top: 16px;
    text-align: right;
    z-index: 1000;
}

.account_container_bg
{
    background-image: url(../images/layout/profielbox_bg.png);
    background-repeat: no-repeat; 
    background-position: right top;
}

/* The account with profile image */
.account {
    position: relative;
    width: 297px;
    height: 92px;
    background-image: url(../images/layout/account_background.jpg);
    top: 0px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
}
/* The account with profile image when logged in*/
.account_ingelogd {
    width: 568px;
    top: 0px;
}
.account_intro {
    position: relative;
    width: 296px;
    height: 66px;
    background-image: url(../images/layout/account_background_intro.jpg);
    background-repeat: no-repeat;
    top: 60px;
    padding: 15px 0px 15px 15px;
}
/* Profielbox on the top of the page when logged in (!) */
#profielbox_ingelogd {
    background-image: url(../images/layout/profielbox_bg.png);
    height: 66px;
    padding: 0px 10px 0px 10px;
    background-repeat: no-repeat;
    background-position: right top;
}
/* Profielbox on the top of the page when logged out (!) */
#profielbox {
    background-image: url(../images/layout/profielbox_bg.png);
    height: 66px;
    padding: 0px 10px 0px 5px;
    background-repeat: no-repeat;
    background-position: right top;
}

/* Register button link */
a.register_button, a.register_button:active, a.register_button:visited {
    display: block;
    width: 249px;
    height: 12px;
    background-image: url(../images/layout/register_button.jpg);
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 15px;
}
a.register_button:hover {
    text-decoration: underline;
}
/* Index page button 220px width */
a.register_button_220, a.register_button_220:active, a.register_button_220:visited {
    display: block;
    width: 175px;
    height: 12px;
    background-image: url(../images/layout/register_button_220.jpg);
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 15px 15px 30px;
}
a.register_button_220:hover {
    text-decoration: underline;
}
/*Index page button Home */
a.register_button_home, a.register_button_home:active, a.register_button_home:visited {
    display: block;
    width: 240px;
    height: 50px;
    background-image: url(../images/content/regKnop.png);
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
}
a.register_button_home:hover {
    text-decoration: underline;
}
/* Bigger register button link */
a.register_button_big, a.register_button_big:active, a.register_button_big:visited {
    display: block;
    width: 295px;
    height: 12px;
    background-image: url(../images/layout/register_button_big.jpg);
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 15px 15px 45px;
}
a.register_button_big:hover {
    text-decoration: underline;
}
/* Small register button link (used in meetvictor page) */
a.register_button_small, a.register_button_small:active, a.register_button_small:visited {
    display: block;
    width: 137px;
    height: 12px;
    background-image: url(../images/layout/register_button_small.jpg);
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 15px 15px 45px;
}
a.register_button_small:hover {
    text-decoration: underline;
}
/* Smaller register button link (used in jobs page) */
a.register_button_smaller, a.register_button_smaller:active, a.register_button_smaller:visited {
    display: block;
    width: 77px;
    height: 12px;
    background-image: url(../images/layout/register_button_smaller.jpg);
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 15px 15px 45px;
}
a.register_button_smaller:hover {
    text-decoration: underline;
}
/* Countdown span */
span#cntdwn {
    display: block;
    margin-top: 10px;
    margin-right: 1px;
}

/* Profile page right section */
.profile_right_section {
    width: 377px;
    float: right;
    overflow: hidden;
    position: relative;
}

/* Profile page left section */
.profile_left_section {
    width: 377px;
    float: left;
    overflow: hidden;
    position: relative;
}

/* Account menu, small menu under account card */
.account_menu {
    position: relative;
    width: 294px;
    left: 4px;
}
.account_menu_button {
    font-family: Myriad Pro, Franklin Gothic Medium, Verdana, Geneva, Arial Rounded MT;
    font-size: 12px;
    color: #fff;
}
.account_menu_button_no_bold {
    font-family: Myriad Pro, Franklin Gothic Medium, Verdana, Geneva, Arial Rounded MT;
    font-size: 12px;
    font-weight: normal;
    color: #111 !important;
}
a.account_menu_button:link, a.account_menu_button:visited, a.account_menu_button:active {
    font-family: Myriad Pro, Franklin Gothic Medium, Verdana, Geneva, Arial Rounded MT;
    font-size: 12px;
    color: #fff;
}
a.account_menu_button:hover {
    text-decoration: underline;
}
.account_name {
    font-family: Leelawadee, Calibri, Corbel, Helvetica, Geneva;
    font-size: 12px;
    font-weight: bold;
    color: #5483c2;
}
.account_text {
    font-family: Myriad Pro, Franklin Gothic Medium, Verdana, Geneva, Arial Rounded MT;
    font-size: 11px;
    font-weight: bold;
    color: #858585;
}
.account_text_complete {
    font-family: Myriad Pro, Franklin Gothic Medium, Verdana, Geneva, Arial Rounded MT;
    font-size: 10px;
    color: #858585;
}

/* Processbar container */
.pb_container {
    border: 1px solid #d1d1d1;
    width: 171px;
    height: 15px;
}
/* Processbar itself */
.processbar {
    background-image: url(../images/layout/pb_bg.jpg);
    background-repeat: repeat-x;
    height: 15px;
}
/*
 * Main menu
 */
.menu {
    position: absolute;
    height: 48px;
    width: 980px;
    background-image: url(../images/layout/menu_background.jpg);
    bottom: 4px;
    margin-left: 1px;
}

/* Menu table, table used to order the main menu buttons */
.menu_table {
    width: 100%;
    padding-left: 30px;
    border: 2.5px 0px;
    position: relative;
    z-index: 3;
}
/* Menu table, table used to order the main menu buttons (intro pages) */
.menu_table_intro {
    width: 100%;
}
/* Menu button of the main menu */
.menu_button {
    height: 37px;
    color: #ffffff;
    font-family: Leelawadee, Calibri, Corbel, Helvetica, Geneva;
    font-size: 13px;
    font-weight: bold;
}
ul.menu_table {
    margin-top: 0px;
    height: 8px;
    width: 244px;
    padding: 12px 0px 0px 0px;
    list-style-type: none;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
    position: relative;
    z-index: 3;
}
ul.menu_table li a, ul.menu_table li a:visited, ul.menu_table li a:active {
    color: #ffffff;
}
ul.menu_table li.item, ul.menu_table li.menu_bottom {
    display: none;
}
ul.menu_table:hover li.item {
    width: 225px;
    height: 35px;
    text-align: left;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: block;
    background: #fff;
    border-bottom: 1px dotted #ddd;
    
/* Nobody likes this
border-bottom: 1px solid #ddd;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9; */
}

ul.menu_table li.spacer {
    text-align: center;
    font-family: Leelawadee, Calibri, Corbel, Helvetica, Geneva;
    font-size: 13px;
    font-weight: normal;
    height: 15px;
    padding-bottom: 12px;
    margin: 0px;
}

ul.menu_table:hover li.item a {
    height: 18px;
    display: block;
    background: #fff;
    padding: 7px 20px 10px 19px;
    font-family: Leelawadee, Calibri, Corbel, Helvetica, Geneva;
    font-size: 13px;
    font-weight: normal;
    color: #111;
    margin: 0px;
}
ul.menu_table:hover li.item a:hover {
    text-decoration: none !important;
}
ul.menu_table:hover li.item:hover span {
    text-decoration: underline;
}
ul.menu_table:hover li.top:hover {
    text-decoration: underline;
    color: #fff;
}
ul.menu_table li.top {
    text-align: center;
    font-family: Leelawadee, Calibri, Corbel, Helvetica, Geneva;
    font-size: 13px;
    font-weight: bold;
    height: 15px;
    padding-bottom: 12px;
    margin: 0px;
}
ul.menu_table:hover li.menu_bottom {
    display: block;
    width: 227px;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/layout/dropdown_menu_bottom.png);
    background-position: top left;
    background-repeat: repeat-x;
}
ul.menu_table:hover li.item img {
    margin-right: 8px;
    padding: 0px;
}
/* Search button of the main menu */
.menu_search {
    color: #ffffff;
    font-family: Leelawadee, Calibri, Corbel, Helvetica, Geneva;
    font-size: 13px;
    font-weight: bold;
    color: White;
    font-weight: bold;
    border: 0px solid black;
    background-color: Transparent;
    cursor: pointer;
}
/* Main div with the menu and content div inside */
.main {
    position: relative;
    width: 100%;
    background-color: #f2f2f2;
}
/* Main wrapper, to center the menu and content */
.main_main {
    width: 991px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2px;
    padding-bottom: 16px;
    overflow: auto;
}
/* Left container wiht menu and ads */
.main_left {
    width: 155px;
    padding-top: 20px;
    padding-left: 1px;
    padding-right: 12px;
    float: left;
}
.main_left_public_page {
    width: 155px;
    padding-left: 1px;
    padding-right: 12px;
    float: left;
}

/* Submenu */
.submenu {
    margin-left: 5px;
    margin-top: -6px;
}
/* submenu item */
.submenu_item {
    position: relative;
    color: #585858;
    display: block;
    margin-top: 10px;
    font-family: Myriad Pro, Franklin Gothic Medium, Verdana, Geneva, Arial Rounded MT;
    font-size: 14px;
    font-weight: bold;
    margin-left: 0px;
}
.submenu_items {
    font-size: 14px;
    font-weight: bold;
    color: #585858;
}
/* submenu expander image */
.submenu_expander {
    position: absolute;
    right: 0px;
    bottom: 2px;
    cursor: pointer;
}

/* Detail menu */
.detailmenu {
    margin-left: 10px;
    display: none;
}

/* Detailmenu item */
.detailmenu_item {
    color: #585858;
    display: block;
    font-family: Myriad Pro, Franklin Gothic Medium, Verdana, Geneva, Arial Rounded MT;
    font-size: 14px;
    width: 100%;
}
.submenu_list {
    list-style: none;
    margin-left: 0px;
}
/* Advertisement */
.advertisement {
    margin-bottom: 6px;
    padding-top: 7px;
    padding-bottom: 7px;
}
/* Round corners and lines around the boxes */
.t {
    background: url(../images/layout/dot.gif) 0 0 repeat-x;
}
.b {
    background: url(../images/layout/dot.gif) 0 100% repeat-x;
}
.l {
    background: url(../images/layout/dot.gif) 0 0 repeat-y;
}
.r {
    background: url(../images/layout/dot.gif) 100% 0 repeat-y;
}
.bl1 {
    background: url(../images/layout/bl1.gif) 0 100% no-repeat;
}
.br1 {
    background: url(../images/layout/br1.gif) 100% 100% no-repeat;
}
.tl1 {
    background: url(../images/layout/tl1.gif) 0 0 no-repeat;
}
.tr1 {
    background: url(../images/layout/tr1.gif) 100% 0 no-repeat;
    padding: 10px;
}
.bl2 {
    background: url(../images/layout/bl2.gif) 0 100% no-repeat;
}
.br2 {
    background: url(../images/layout/br2.gif) 100% 100% no-repeat;
}
.tl2 {
    background: url(../images/layout/tl2.gif) 0 0 no-repeat;
}
.tr2 {
    background: url(../images/layout/tr2.gif) 100% 0 no-repeat;
    padding: 0px;
}
/* Round wrappers for submenu and ads */
.box_submenu {
    width: 179px;
    background-color: #ffffff;
    margin-top: 10px;
}
.box_submenu_public_page {
    width: 179px;
    background-color: #ffffff;
}
.box_advertisement {
    width: 179px;
    background-color: #ffffff;
}

.box_advertisement_shadow {
    width: 179px;
    height: 12px;
    background-image: url(../images/layout/submenu_shadow.jpg);
}

/* Right container with the actual content */
.main_right {
    width: 790px;
    float: right;
    padding-right: 9px;
}

.main_right_public_page{
	width: 790px;
	float: right;
	padding-right: 9px;
}

.box_content {
    width: 790px;
    background-color: #ffffff;
}

.content {
    position: relative;
    padding: 15px;
    padding-top:30px;
}


/* Bottom div, bottom of the page */
.bottom 
{
    width: 100%;
    border-top: 3px solid #5982c3;
    background-color: #fff;
	height: 145px;
	padding-top: 10px;
}

/* Bottom wrapper, to center the content in the bottom */
.bottom_main {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
}

/* The text about, user agreement etc */
.bottom_text {
    padding-top: 15px;
    font-family: Leelawadee, Calibri, Corbel, Helvetica, Geneva;
    font-size: 10px;
    color: #858585;
    width: 990px;
}

.bottom_text p {
    width: 154px;
    margin: 0px;
    padding: 5px;
    height: 110px;
    border-left: 1px solid #ccc;
}

/* Links in .bottom_text */
.bottom_text a {
    vertical-align: 20%;
}
.bottom_text img {
	margin-right: 3px;
}
.favouriteslist li {
    text-align: left;
    float: left;
    list-style: none;
    padding: 3px 10px 3px 10px;
    margin: 5px;
}

/* The main menuitem in the Submenu (normaly the first item in the list)*/
ul.submenu_subitemlist {
    margin: 0px;
    padding: 0px;
}
.submenu_mainitem {
    height: 16px;
    width: 150px;
    vertical-align: middle;
    font-size: 12px;
    margin-bottom: 15px;
    font-family: Leelawadee, Calibri, Corbel, Helvetica, Geneva; /*Myriad Pro, Franklin Gothic Medium, Verdana, Geneva, Arial Rounded MT;*/
    font-weight: bold;
    color: #111;
    cursor: pointer;
    white-space: nowrap;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 2px;
}
.submenu_mainitem img {
    margin-right: 10px;
    position: relative;
    top: 3px;
}
/* A sub menuitem the in the Submenu */
.submenu_subitem {
    height: 16px;
    width: 150px;
    vertical-align: middle;
    font-size: 12px;
    font-family: Leelawadee, Calibri, Corbel, Helvetica, Geneva; /*Myriad Pro, Franklin Gothic Medium, Verdana, Geneva, Arial Rounded MT;*/
    font-weight: normal;
    color: #111;
    cursor: pointer;
    white-space: nowrap;
    list-style-type: none;
    margin-left: 0px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 6px;
    padding-top: 7px;
}
.submenu_subitem img {
    margin-right: 10px;
}
.submenu_subitem a {
    color: #111 !important;
}
.submenu_subitem:hover .submenu_link_text {
    text-decoration: underline;
}
/* A sub sub menuitem in the Submenu */
.submenu_subsubitem {
    height: 16px;
    width: 150px;
    vertical-align: middle;
    font-size: 12px;
    margin-bottom: 5px;
    font-family: Leelawadee, Calibri, Corbel, Helvetica, Geneva; /*Myriad Pro, Franklin Gothic Medium, Verdana, Geneva, Arial Rounded MT;*/
    font-weight: lighter;
    color: #111;
    cursor: pointer;
    white-space: nowrap;
}

/* Submenu title */
.submenu_title {
    height: 16px;
    width: 150px;
    vertical-align: middle;
    font-size: 12px;
    margin-bottom: 5px;
    font-family: Leelawadee, Calibri, Corbel, Helvetica, Geneva; /*Myriad Pro, Franklin Gothic Medium, Verdana, Geneva, Arial Rounded MT;*/
    font-weight: bold;
    color: #111;
    cursor: pointer;
    white-space: nowrap;
}

/* The small image on the left of the submenu title */
.submenu_title_image {
    position: relative;
    top: -1px;
    border: none;
    float:left
}

/*To make a dragable icon on a control*/
.dragIcon {
    text-align: center;
    cursor: move;
    font-weight: bold;
}

.Hlink {
    cursor: hand;
}

.link_normal_small {
    font-size: 8pt;
    font-weight: normal;
}

/* a non-underlined link that lights up orange on hover */
.orange_link:hover {
    text-decoration: none !important;
    color: #F5823F;
}

/* Save buttons on profile edit page */
.profile_edit_save {
    position: relative;
    width: 600px;
    margin-bottom: 30px;
}
.profile_edit_save input {
    position: relative;
    left: 674px;
    top: 0px;
}

/* Wait cursor (e.g. for during ajax calls) */
.wait, .wait * {
    cursor: wait !important;
}

/* Full transparency (newest constructs first) */
.transparent {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
   filter: alpha(opacity=0);
   opacity: 0;
}

/* Blue on hover */
.blue_hover:hover {
    color: white;
    background-color: #5483c2;
}

/* textarea font */
textarea {
    font-family: Leelawadee,Calibri,Corbel,Helvetica,Geneva;
    font-size: 12px;
}

/* link undistinguishable from text */
.hidden_link, .hidden_link:hover {
    color : black;
    text-decoration: none !important;
}

div.loginDropDownMenu 
{
    display: none; 
    background-color: white; 
    position: absolute; 
    z-index: 4;
}

div.loginDropDownMenu .top
{
    padding: 10px; 
    text-align: left; 
    border: 1px solid #9d9d9d;
}

div.loginDropDownMenu .item
{
    padding: 10px; 
    text-align: left; 
    border-bottom: 1px solid #9d9d9d; 
    border-left: 1px solid #9d9d9d; 
    border-right: 1px solid #9d9d9d;
}