/**************************************************************************************/
/* Styles for the website AkkermansVacatureSiteSupport                                */
/**************************************************************************************/
#splashPage .pageImage {
   background-image: url(images/standard/splash.jpg);
   background-repeat: no-repeat;
   height: 363px;
}

#splashPage .subTitle {
   background-image: url(images/splashSubTitle.jpg);
   background-repeat: no-repeat;
   height: 108px;
   margin-top: 3px;
}

#splashPage .supportSubTitle {
   background-image: url(images/support/splashSubTitle.jpg);
   background-repeat: no-repeat;
   height: 108px;
   margin-top: 3px;
}

#splashPage .logo {
   background-image: url(images/splashLogo.jpg);
   background-repeat: no-repeat;
   height: 230px;
   width: 233px;
   position: relative;
   top: -473px;
   left: 743px;
}

.top .subTitle {
   background-image: url(images/subTitle.jpg);
   height: 49px;
   margin-top: 3px;
}

/**************************************************************************************/
/* Styles for the website AkkermansSupportSite                                        */
/**************************************************************************************/
.topPanelMarquee {
   position: relative;
   left: 10px;
   top: 120px;
   width: 955px;
}

.subTitleBar {
   background-image: url(images/support/subTitleBar.jpg);
   height: 49px;
   margin-top: 3px;
}

.dropDownMainMenuBar, .dropDownMainMenuBar a, .dropDownMainMenuBar a:visited {
   color: #4C4B4B; /*898989;*/
   text-decoration: none;
   font-size: 8pt;
   font-weight: bold; /*text-transform: uppercase;*/
   padding: 52px 3px 3px 3px;
}

.subMenuNode {
   background-color: #E3E3E3; /*E3E3E3;*/
}

.dropDownMainMenuBar a:active, .dropDownMainMenuBar a:hover {
   text-decoration: underline;
   color: #4C4B4B;
}

.dropDownMainMenuBar .menuNode {
   border-right: solid 1px #898989;
}

/**************************************************************************************/
/* General styles                                                                     */
/**************************************************************************************/
/* main layout */
body {
   margin: 0px;
   height: 100%;
   font-family: Tahoma;
   font-size: small;
   font-weight: bold;
   color: #2B6E8E;
   text-align: center; /* for IE */
}

b, strong {
   color: #087cbc;
}

/* main site layout */

#container {
   margin: 0 auto; /* align for good browsers */
   text-align: left; /* counter the body center */
   height: 100%;
   width: 982px;
}

#splashPage {
   height: 474px;
}

.top {
   height: 416px;
}

.title {
   height: 416px; /*364px;*/
   width: 100%;
}

.title .logo {
   background-image: url(images/logo.jpg);
   height: 108px;
   width: 186px;
   position: relative;
   top: 5px;
   left: 775px;
   float: left;
}

.languageMenuContainer {
   position: relative;
   top: 60px;
   left: 730px;
   width: 50px;
   float: left;
}

.languageMenuContainer .menuNode {
   color: #898989;
   text-decoration: none;
   font-size: 7pt;
   font-weight: bold;
   text-transform: uppercase;
}

.languageMenuContainer .menuNode:hover {
   text-decoration: underline;
   color: #4C4B4B;
}

.scrollText {
   color: #FFFFFF;
   font-size: 24px;
   padding-top: 14px;
}

.mainMenuBar {
   vertical-align: top;
   margin-left: 235px;
   height: 42px;
   width: 400px;
}

.mainMenuBar .menuContainer {
}
.mainMenuBar td.menuNodeContainer {
   width: 89px;
   height: 42px;
}
.mainMenuBar a.menuNode, .mainMenuBar a:visited.menuNode, .mainMenuBar a:active.menuNode {
   color: #FFFFFF;
   text-decoration: none;
   font-size: 7pt;
   font-weight: bold;
   text-transform: uppercase;
   margin-right: 5px;
   height: 32px;
   display: block;
   padding-right: 10px;
   padding-top: 13px;
   background-repeat: no-repeat;
}
.mainMenuBar a.starterParentMenuNode {
   background-image: url(images/starterFaded.jpg);
   padding-left: 15px;
   width: 59px;
}
.mainMenuBar a.starterActiveParentMenuNode {
   background-image: url(images/starter.jpg);
   padding-left: 15px;
   width: 59px;
}
.mainMenuBar a.professionalParentMenuNode {
   background-image: url(images/professionalFaded.jpg);
   padding-left: 2px;
   width: 72px;
}
.mainMenuBar a.professionalActiveParentMenuNode {
   background-image: url(images/professional.jpg);
   padding-left: 2px;
   width: 72px;
}

.dropDownMenuBar {
   margin-top: 10px;
   margin-left: 210px;
   width: 600px;
}

.dropDownMenuBar a, .dropDownMenuBar a:visited {
   color: #898989;
   text-decoration: none;
   font-size: 7pt;
   font-weight: bold;
   text-transform: uppercase;
   padding-left: 3px;
   padding-right: 3px;
   border-right: solid 1px #898989;
}

.dropDownMenuBar a:active, .dropDownMenuBar a:hover {
   text-decoration: underline;
   color: #4C4B4B;
}

.dropDownMenuBar .subMenuContainer {
   background-color: #E3E3E3;
   padding-left: 2px;
   padding-right: 2px;
}

.dropDownMenuBar .subMenuContainer a, .dropDownMenuBar .subMenuContainer a:visited {
   border: none;
   color: #9E9E9E;
}

.dropDownMenuBar .subMenuContainer a:active, .dropDownMenuBar .subMenuContainer a:hover {
   color: #545454;
}

/* styles for default page */

.middleContent {
   margin: 10px 20px 10px 62px;
   z-index: 50;
}

.middleContent .pageNameLabel {
   /* center the label */
   line-height: 50px;
}

.middleContent .text {
   width: 100%;
}

.middleContent .text .pageName {
   font-size: 130%;
   color: #5c5c5c;
   text-transform: uppercase;
}

.middleContent .homeText {
   width: 100%;
}

.backLink {
   padding-top: 5px;
}

#footer {
   background-image: url(images/footer.jpg);
   color: #666666;
   font-size: 11px;
   height: 38px;
   width: 100%;
}

#footer .emptyCell {
   padding-left: 40px;
}

#footer .spacingCell {
   width: 100%;
}

#footer .text {
   border-right: solid 1px #666666;
   padding-left: 3px;
   padding-right: 3px;
}

#footer .text .mailto, #footer .text .webmail {
   text-decoration: none;
   color: #666666;
}

.footerMenuBar {
   width: 180px;
   float: right;
}

.footerMenuBarShort {
   width: 80px;
   float: right;
}

.footerMenuContainer td {
}

.footerMenuContainer a.footerMenuNode, .footerMenuContainer a:visited.footerMenuNode, .footerMenuContainer a:active.footerMenuNode {
   text-decoration: none;
   color: #666666;
   padding-left: 3px;
   padding-right: 3px;
   border-right: solid 1px #666666;
}

.shadeLeft {
   background-image: url(images/shadeLeft.gif);
   background-repeat: repeat-y;
   background-position: 0%;
   padding-left: 10px;
}

.shadeRight {
   background-image: url(images/shadeRight.gif);
   background-repeat: repeat-y;
   background-position: 100%;
   padding-right: 8px;
}

.imageVAlign {
   vertical-align: bottom;
}

.AjaxProgressTextContainer {
   display: block;
   background-color: #087cbc;
   color: #fff;
   font-weight: bold;
   height: 28px;
   width: 150px;
   border: solid 1px black;
   text-align: center;
   vertical-align: middle;
   padding-top: 4px;
}

.AjaxProgressTextImage {
   vertical-align: middle;
   margin-right: 4px;
}

.ui-dialog {
   background: #FFFFFF;
   width: 500px !important;
}

.ui-widget-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.ui-widget-overlay {
   background: #aaaaaa /*{bgColorOverlay}*/ none /*{bgImgUrlOverlay}*/ 0 /*{bgOverlayXPos}*/ 0 /*{bgOverlayYPos}*/ repeat-x /*{bgOverlayRepeat}*/;
   opacity: .3;
   filter: Alpha(Opacity=30) /*{opacityOverlay}*/;
}

.ui-widget-shadow {
   margin: -4px /*{offsetTopShadow}*/ 0 0 -4px /*{offsetLeftShadow}*/;
   padding: 4px /*{thicknessShadow}*/;
   background: #aaaaaa /*{bgColorShadow}*/ none /*{bgImgUrlShadow}*/ 0 /*{bgShadowXPos}*/ 0 /*{bgShadowYPos}*/ repeat-x /*{bgShadowRepeat}*/;
   opacity: .35;
   filter: Alpha(Opacity=35) /*{opacityShadow}*/;
}