body.editBody .moduleBorderHeader h1 {
    line-height: 40px;
    font-size: 20px;
}

a, .uwTree {
    outline-style: none;
}

div, td, p, a, table, tbody, tr, th {
    vertical-align: top;
}
/* edit modal */
#editBG {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 2000;
}

#editContainer {
    position: fixed;
} 
/* dimensions */
#editLT, #editT1, #editT3, #editRT {
    width: 7px;
    height: 4px;
}

#editL1, #editR1 {
    height: 10px;
    width: 7px;
}

#editL3, #editR3 {
    height: 3px;
}

#editLB, #editB1, #editB3, #editRB {
    width: 7px;
    height: 10px;
}

#editTable, #editDiv {
    border-collapse: collapse;
    position: fixed;
    z-index: 2001;
}

#editDiv {
    background: #fff;
    -moz-box-shadow: 0 4px 10px #888;
    -o-box-shadow: 0 4px 10px #888;
    -webkit-box-shadow: 0 4px 10px #888;
    box-shadow: 0 4px 10px #888;
    /* behavior: url(scripts/PIE.htc); */
}

#closeEdit {
    display: none;
    position: absolute;
    right: 30px;
    top: -8px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: url(images/closeJoelSlide.png) no-repeat left top;
}

#editTable #closeEdit {
    top: -4px;
}

#editTable #editContent {
    background: #fff;
}
/* background */
#editTable td {
    border: none;
    background-image: url(images/shadow.png);
    background-repeat: no-repeat;
}

    #editTable td.widthSizer {
        background-image: url(images/shadow2.png);
        background-repeat: repeat-x;
    }

    #editTable td.heightSizer {
        background-repeat: repeat-y;
    }

#editTL {
    background-position: 0 2px;
}

#editT1 {
    background-position: -7px 2px;
}

#editT2 {
    background-position: 0 2px;
}

#editT3 {
    background-position: -15px 2px;
}

#editTR {
    background-position: -22px 2px;
}

#editL1 {
    background-position: 2px -4px;
}

#editL2 {
    background-position: -28px 0;
}

#editL3 {
    background-position: 2px -15px;
}

#editR1 {
    background-position: -22px -4px;
}

#editR2 {
    background-position: -38px 0;
}

#editR3 {
    background-position: -22px -15px;
}

#editBL {
    background-position: 2px -18px;
}

#editB1 {
    background-position: -7px -18px;
}

#editB2 {
    background-position: 0 -5px;
}

#editB3 {
    background-position: -13px -18px;
}

#editBR {
    background-position: -22px -18px;
}

#editIFrame {
    padding: 0;
    margin: 0;
    display: block;
    overflow: hidden;
}


/* aanmeld module */
.signIn ul {
    line-height: 20px;
    list-style: none;
}

.signIn {
}

.autoLogin {
    padding: 5px 0;
}

.forgotPassword {
}

.user {
}

.userTextbox {
}

.pass {
    padding-top: 5px;
}

.userTextbox input, .passTextbox input {
    width: 200px;
    border: 1px solid #78235C;
}

.passTextbox .autoLogin {
}

.forgotPassword {
    clear: both;
    color: #78235C;
    float: left;
    font-size: 11px;
    margin: 10px 0 0;
}

.subMenuList {
    list-style: none;
    padding: 0;
}

    .subMenuList li {
        line-height: 18px;
    }

� .imageMouseOverButton {
}

.imageMouseOverImage {
    display: none;
}

.searchHighlight {
    background: #f0f;
}

.noList, .nolist {
    list-style: none;
}
/* accordion edit thingy */
.accordionHeader, .accordionHeaderSelected {
    width: 99%;
    padding: 0;
    border: 1px solid #bbb;
    border-width: 1px 0;
}

    .accordionHeaderSelected .accordionLink {
        color: #78235C;
    }

.accordionLink {
    color: #000;
    background: #eee;
    display: block;
    height: 25px;
    line-height: 25px;
    width: 100%;
    font-size: 12px;
    text-indent: 10px;
    font-weight: bold;
    text-decoration: none;
}

.accordionContent {
    padding: 10px;
}

    .accordionContent td {
        line-height: 18px;
    }
/* zoeken binnen site */
.searchPortal {
}

    .searchPortal .title {
        line-height: 20px;
    }

    .searchPortal .page {
        padding-bottom: 5px;
        border: 1px solid #eee;
        border-width: 0 0 1px 0;
    }

        .searchPortal .page a {
            line-height: 20px;
        }
/* mailing user management */
.mailingsPlusUserManagaement {
}

    .mailingsPlusUserManagaement .top table {
        border-bottom: 1px solid #eee;
        padding: 0 0 10px 0;
    }

.apply {
    padding: 10px 0;
}

.UpdatingProgress {
    display: none;
}
/* treeview */
.selectPage {
    padding: 5px 0;
}

.tree table td {
    padding: 0;
    margin: 0;
}

    .tree table td a {
        text-decoration: none;
    }
/* Rating */
.rating {
    padding: 5px;
    height: 15px;
    width: 250px;
}

    .rating .ratingStars {
        width: 70px;
        height: 12px;
        display: inline-block;
    }

    .rating .ratingText {
        line-height: 12px;
        font-size: 10px;
    }

.ratingStar {
    cursor: pointer;
    display: block;
    width: 13px;
    height: 12px;
}

.filledRatingStar {
    background: url(images/StarFilled.png) no-repeat;
}

.emptyRatingStar {
    background: url(images/StarEmpty.png) no-repeat;
}

.savedRatingStar {
    background: url(images/StarSaved.png) no-repeat;
}

/* slideshow styling */
.slideshow {
    position: relative;
    display: block;
}

    .slideshow img {
        border: none;
        display: none;
        position: absolute;
    }
/* fix voor kalender linkjes */
.calendar table td {
    padding: 0;
    margin: 0;
}

/* MAINTENANCE */
#maintenance {
    position: fixed;
    text-align: left;
    top: 0;
    right: 0;
    z-index: 2000;
    border: 1px solid #eee;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px #444;
        -moz-box-shadow: 0 1px 2px #444;
        box-shadow: 0 1px 2px #444;
}

#maintenanceContent {
    border-bottom: 1px solid #ccc;
    height: 100px;
    width: 637px;
    background: #efefef;
}

#PageMaintenance_AddPanel {
    padding: 6px 0 0;
}
/* tabs */
.tabSwitch {
    cursor: pointer;
    display: inline-block;
    background: #fff;
    font-size: 12px;
    padding: 5px 15px;
    line-height: 15px;
    z-index: 1000;
    background: #cfcfcf;
    border: 2px solid #efefef;
    border-width: 0 2px;
    text-decoration: none;
}

#maintenanceContent .currentSwitch {
    background: #fff;
}

.mTab {
    height: 56px;
    width: 625px;
    font-size: 12px;
    line-height: 25px;
    padding: 5px;
    background-color: #fff;
    background-position: right bottom;
    background-repeat: no-repeat;
}

#addModule {
    background-image: url(images/modules.gif);
}

#addPage {
    background-image: url(images/paginas.gif);
}

#PageMaintenance_layoutSwitch {
    background-image: url(images/indeling.gif);
}

#editButtons {
    padding: 10px;
    text-align: right;
}
/* Textbox styling */
.PGinput {
    padding: 4px;
    border: 1px solid #888!important;
}
.PGinput:hover {
    border: 1px solid #78235C!important;
    background-color: #f2f2f2;
}
.PGinput:focus {
    border: 1px solid #78235C!important;background-color: #f2f2f2;
}
/* Input styling */
.PGCheckbox {
    margin: 5px 0px 0px 0px;
    display: block;
}
.PGCheckbox input {
    margin-right: 5px;
}
/* Dropdown styling */
.PGDropdownClss {
    padding: 4px;
}
.PGDropdownClss option {
    padding: 4px 3px 0 5px;
}
/* buttons */
#LogoffButton, #ConfigButton, #cmdShowEdit, #PageMaintenance_cmdDeletePage, #cmdChangePage, #PageMaintenance_cmdAddPage, #PageMaintenance_cmdAdd, #expandUp, #expandDown {
    background-repeat: no-repeat;
    background-position: left 4px;
    display: inline-block;
    font-size: 12px;
    line-height: 25px;
    padding: 0 0 0 18px;
    text-decoration: none;
    color: #000;
    font-weight: normal;
    margin-right: 10px;
}

#expandIn:before, #expandOut:before {
    content: "\e08e";
    font-family: 'icomoon';
    speak: none;
    font-size: 20px;
    padding: 4px;
    /*width:25px;
	height:25px;
	padding:0;
	margin:0;
	background:url(images/editIcon.gif) no-repeat left top;*/
}
/* button images */
/* font icons */
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot');
    src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.ttf') format('truetype'), url('fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.font-icoon {
    display: inline-block;
    font-family: 'icomoon';
}
/* Use the following CSS code if you want to have a class per icon */
[data-icon]:before {
    font-family: 'icomoon';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/* Font icon StyleSheet */
.fontIcon {
    font-size: 15px !important;
    color: #000 !important;
}

    .fontIcon:hover {
        color: #666 !important;
    }

    .fontIcon span {
        padding-left: 3px;
        padding-top: -2px;
    }

/* End fontIcon class */

/* Add fontIcon Menu */
.LogoffButton:before {
    content: "\e104";
    font-family: 'icomoon';
    speak: none;
}

.cmdChangePage:before {
    content: "\e006";
    font-family: 'icomoon';
    speak: none;
}

.ConfigButton:before {
    content: "\e090";
    font-family: 'icomoon';
    speak: none;
}

.cmdShowEdit:before {
    content: "\e091";
    font-family: 'icomoon';
    speak: none;
}

.AdminButton:before {
    content: "\e102";
    font-family: 'icomoon';
    speak: none;
    padding-right: 5px;
}
/* End fontIcon new Menu */

/*#PageMaintenance_cmdAddPage {
    margin-left: 5px;
    background-image: url(images/plus.gif);
}

#PageMaintenance_cmdAdd {
    margin-left: 5px;
    background-image: url(images/plus.gif);
}*/
/*#cmdChangePage:before{
	background-image:url(images/options.gif);
}*/
/*#LogoffButton:before{
	background-image:url(images/logoff.gif);
}*/
/*#ConfigButton:before{
	background-image:url(images/config.gif);
}*/
/*#cmdShowEdit:before{
	background-image:url(images/edit.gif);
}*/
/* input type=text */
#PageMaintenance_cboModuleDefs, #PageMaintenance_txbAddPageName {
    position: relative;
    top: 4px;
    width: 210px;
    line-height: 12px;
    font-size: 12px;
    border: 1px solid #000;
}

#PageMaintenance_cboModuleDefs {
    top: 2px;
    width: 300px;
}
/* input type=checkbox */
#PageMaintenance_cbxAddParent {
    position: relative;
    top: 7px;
    vertical-align: top;
    margin-right: 5px;
}


/* SettingsObject styles */
.settings {
    /* width:100%; */
    padding: 10px;
}

    .settings p {
        margin: 10px 0;
    }

    .settings th {
        padding: 10px 0 0;
        text-align: left;
        border-bottom: 1px solid #eee;
    }

    .settings .choice {
        overflow: hidden;
        border: 5px solid #FFFFFF;
        background-color: #fff;
		border: 1px solid #444;
		box-shadow: 0 1px 2px #444;
    }

        .settings .choice .header:first-child {
        }

.choice h1.header {
    /*background: transparent;*/
    padding: 5px 5px 5px 15px;
    line-height: 16px;
    font-size: 14px;
    background-color: #D7D7D7;
    cursor: pointer;
    margin-bottom: 2px;
    /*background: rgb(255,255,255);
    background: rgba(255,255,255,0.5);*/
}

    .choice h1.header:hover {
        background-color: #f2f2f2;
        color: #000;
    }

.choice h1.active {
    text-indent: 5px;
    color: #000;
    cursor: default;
}

.settings .option {
    border-top: 1px solid #eee;
}

.settings .choose {
    text-align: center;
    /*background: url(images/bggrad.png) repeat-x left top;
    background: url(images/bggrad.png) repeat-x left top, url(images/buttonSprite.png) no-repeat center 60px;*/
    box-shadow: 0 1px 2px #444;
    background-color: #fff;
    padding: 15px 0px;
}

    .settings .choose:last-child {
        border: none;
    }

    .settings .choose a {
        cursor: pointer;
        display: inline-block;
        text-decoration: none;
        text-align: center;
        width: 140px;
        height: 90px;
        color: #444;
        margin-left: 2px;
        margin-right: 2px;
        background-color: #fff;
		border: 1px solid #444;
		box-shadow: 0 1px 2px #444;
		box-sizing: border-box;
    }

        .settings .choose a.lastClicked {
            cursor: default;
        }

        .settings .choose a .icon, .settings .choose a .icon div {
            width: 80px;
            height: 53px;
            background-repeat: no-repeat;
            background-image: url(images/iconSprite.png);
        }

        .settings .choose a .text {
            text-align: center;
            vertical-align: top;
            color: #000;
            font-size: 10px;
            line-height: 12px;
            padding: 0 5px 5px 5px;
			font-size: 12px;
			font-weight:bold;
        }

        .settings .choose a:hover {
            background-color: #f2f2f2;
        }

        .settings .choose a.lastClicked {
            background-color: #f2f2f2;
        }

.settings hr {
    height: 1px;
    color: #ccc;
    background: #ccc;
    border: none;
    margin: 4px 0 9px 0;
}

.settings .option, .settings .selectGroup, .settings .selectUser, .settings .extraOpen {
    display: none;
    padding: 10px 15px;
}

    .settings .option .choose {
        display: block;
    }
.tableCss
{
	display: table;
}
.settings a > div {
    font-size: 30px;
}
/* Menu new font icons */
.btnAddRootBtn:before {
    content: "\e090";
    font-family: 'icomoon';
    speak: none;
}


.menu > table div > dl > dt {
	display: block;
	float: left;
	clear: both;
}


/* Configuration new font icons */
/* Configuration buttons Save - Delete - Cancel*/

.font-icoonText {
    color: #000;
    float: left;
    margin: 7px 7px 0;
	font-weight: bold;
}

.linkButtonClss {
    display: inline-block;
    padding: 8px;
    margin-right: 5px;
    background-color: #fff;
    border: 1px solid #444;
    transition: 0.2s;
    box-shadow: 0 1px 2px #444;
}

    .linkButtonClss:hover span {
        color: #888 !important;
    }

    .linkButtonClss > .FontIcon {
        color: #373737;
        float: left;
        font-size: 25px;
        margin: 0 0 0 5px;
        text-shadow: 1px 1px 0 #EEEEEE;
    }

        .linkButtonClss > .FontIcon > .font-icoonText {
            font-size: 15px;
            text-shadow: 1px 1px 0 #EEEEEE;
        }

.Delete > .FontIcon {
    color: #AD4E83;
}

.Cancel > .FontIcon {
    color: #AD4E83;
}

.Save > .FontIcon {
    color: #7B8B6D;
}
/* Empty button */
.PGButtonClss {
     display: block;
}
.PGButtonClss:hover span {
            color: #888 !important;
        }

    .PGButtonClss > .FontIcon {
        color: #373737;
        float: left;
        font-size: 25px;
        margin: 0 0 0 0px;
        text-shadow: 1px 1px 0 #EEEEEE;
    }

        .PGButtonClss > .FontIcon > .font-icoonText {
            font-size: 15px;
            text-shadow: 1px 1px 0 #EEEEEE;
        }
.PGButtonClssFloatRight {
    display: block;
    float: right;
    margin-left: 15px;
}
.PGButtonClssFloatRight:hover span {
            color: #888 !important;
        }

    .PGButtonClssFloatRight > .FontIcon {
        color: #373737;
        float: left;
        font-size: 25px;
        margin: 0 0 0 0px;
        text-shadow: 1px 1px 0 #EEEEEE;
    }

        .PGButtonClssFloatRight > .FontIcon > .font-icoonText {
            font-size: 15px;
            text-shadow: 1px 1px 0 #EEEEEE;
        }
/* End configuration buttons */
/* Margin-bottom 10px */
.mBottom10 {
    margin-bottom: 10px;
    font-family: arial;
    font-size: 12px;
}
/* Color buttons */
.greenFontIcon {
    color: #7B8B6D!important;
}
/* Menu new font-icons */
.font-icoonTextMenu {
    color: #373737;
    float: left;
    font-size: 11px;
    margin: 10px 8px 0;
    display: none;
}

.linkButtonMenu {
    display: block;
    height: 30px;
    padding: 5px 4px;
    width: 37px;
    float: left;
    margin-right: 5px;
    margin-bottom: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px #444;
        -moz-box-shadow: 0 1px 2px #444;
        box-shadow: 0 1px 2px #444;
		margin-bottom: 7px;
}

    .linkButtonMenu:hover {
        background-color: #f2f2f2;
    }

        .linkButtonMenu:hover span {
            color: #000 !important;
        }

    .linkButtonMenu > .FontIcon {
        color: #373737;
        float: left;
        font-size: 25px;
        margin: 0 0 0 5px;
        text-shadow: 1px 1px 0 #EEEEEE;
    }

        .linkButtonMenu > .FontIcon > .font-icoonText {
            font-size: 15px;
            text-shadow: 1px 1px 0 #EEEEEE;
        }

#T_ctl14uwTree {
    padding-top: 0px !important;
}
.fontIconSettings {
    font-family: 'icomoon';
    speak: none;
    padding: 12px 0 0;
    display: block;
}
/* End menu font-icons */
.settings a > div.cog:before{
    content: "\e08e";
    font-family: 'icomoon';
    speak: none;
    padding: 11px 0 0px 0px;
    display: block;
}

.settings a > div.invoice:before {
    content: "\e023";
    font-family: 'icomoon';
    speak: none;
    padding: 11px 0 0px 0px;
    display: block;
}

.settings a > div.options:before {
    content: "\e0b8";
    font-family: 'icomoon';
    speak: none;
    padding: 11px 0 0px 0px;
    display: block;
}

.settings a > div.refresh:before {
    content: "\e11c";
    font-family: 'icomoon';
    speak: none;
    padding: 11px 0 0px 0px;
    display: block;
}

.settings a > div.parcel:before {
    content: "\e058";
    font-family: 'icomoon';
    speak: none;
    padding: 11px 0 0px 0px;
    display: block;
}

.settings a .icon .plus:before {
    content: "\e102";
    font-family: 'icomoon';
    speak: none;
    font-size: 16px;
    margin: -15px 0 0 60px;
    padding: 0;
    display: block;
    color: #7B8B6D;
}

.settings a .icon .edit:before {
    content: "\e005";
    font-family: 'icomoon';
    speak: none;
    font-size: 16px;
    margin: -15px 0 0 60px;
    padding: 0;
    display: block;
    color: #7B8B6D;
}

.settings a .icon .delete:before {
    content: "\e0fd";
    font-family: 'icomoon';
    speak: none;
    font-size: 16px;
    margin: -15px 0 0 60px;
    padding: 0;
    display: block;
    color: #AD4E83;
}

.settings a > div.lock:before {
    content: "\e089";
    font-family: 'icomoon';
    speak: none;
    padding: 11px 0 0px 0px;
    display: block;
}

.settings a .icon .search2:before {
    content: "\e0c6";
    font-family: 'icomoon';
    speak: none;
    font-size: 16px;
    margin: -15px 0 0 60px;
    padding: 0;
    display: block;
    color: #677B87;
}

.settings a > div.pin:before {
    content: "\e031";
    font-family: 'icomoon';
    speak: none;
    padding: 11px 0 0px 0px;
    display: block;
}
.settings a > div.group:before {
    content: "\e073";
    font-family: 'icomoon';
    speak: none;
    padding: 11px 0 0px 0px;
    display: block;
}
.settings a .icon .erase:before {
    content: "\e066";
    font-family: 'icomoon';
    speak: none;
    font-size: 16px;
    margin: -15px 0 0 60px;
    padding: 0;
    display: block;
    color: #677B87;
}
.settings a > div.exit:before {
    content: "\e001";
    font-family: 'icomoon';
    speak: none;
    padding: 11px 0 0px 0px;
    display: block;
}
.settings a .icon .check:before {
    content: "\e070";
    font-family: 'icomoon';
    speak: none;
    font-size: 16px;
    margin: -15px 0 0 60px;
    padding: 0;
    display: block;
    color: #677B87;
}
.settings a > div.user:before {
    content: "\e072";
    font-family: 'icomoon';
    speak: none;
    padding: 11px 0 0px 0px;
    display: block;
}
.settings a > div.list:before {
    content: "\e0c6";
    font-family: 'icomoon';
    speak: none;
    padding: 11px 0 0px 0px;
    display: block;
}
.settings a > div.file:before {
    content: "\e1b7";
    font-family: 'icomoon';
    speak: none;
    padding: 11px 0 0px 0px;
    display: block;
}
.settings a .icon .import:before {
    content: "\e0bd";
    font-family: 'icomoon';
    speak: none;
    font-size: 16px;
    margin: -15px 0 0 60px;
    padding: 0;
    display: block;
    color: #677B87;
}
.settings a .icon .export:before {
    content: "\e0be";
    font-family: 'icomoon';
    speak: none;
    font-size: 16px;
    margin: -15px 0 0 60px;
    padding: 0;
    display: block;
    color: #677B87;
}
/* buttonSprite  old settings*/
/*.settings a > div.group {
    background-position: 0 -45px;
}*/

/*.settings a > div.user {
    background-position: 0 -90px;
}*/

.settings a > div.key {
    background-position: 0 -135px;
}

.settings a > div.link {
    background-position: 0 -180px;
}
/*.settings a > div.cog {
    background-position: 0 -225px;
}*/

/*.settings a > div.options {
    background-position: 0 -270px;
}*/

.settings a > div.wrench {
    background-position: 0 -315px;
}

.settings a > div.paper {
    background-position: 0 -360px;
}

/*.settings a > div.refresh {
    background-position: 0 -405px;
}*/

.settings a > div.save {
    background-position: -80px 0;
}

.settings a > div.image {
    background-position: -80px -45px;
}

/*.settings a > div.list {
    background-position: -80px -90px;
}*/

.settings a > div.clipboard {
    background-position: -80px -135px;
}

/*.settings a > div.lock {
    background-position: -80px -180px;
}*/

/*.settings a > div.file {
    background-position: -80px -225px;
}*/

.settings a > div.cart {
    background-position: -80px -270px;
}

/*.settings a > div.invoice {
    background-position: -80px -315px;
}*/

/*.settings a > div.parcel {
    background-position: -80px -360px;
}*/

.settings a > div.appointment {
    background-position: -80px -405px;
}

.settings a > div.clock {
    background-position: -160px 0;
}

.settings a > div.chart {
    background-position: -160px -45px;
}

.settings a > div.copy {
    background-position: -160px -90px;
}

/*.settings a > div.exit {
    background-position: -160px -135px;
}*/

.settings a > div.mail {
    background-position: -160px -180px;
}

.settings a > div.printer {
    background-position: -160px -225px;
}

.settings a > div.trash {
    background-position: -160px -270px;
}

.settings a > div.www {
    background-position: -160px -315px;
}

.settings a > div.database {
    background-position: -160px -360px;
}

.settings a > div.record {
    background-position: -160px -405px;
}

.settings a > div.folder {
    background-position: -240px 0;
}

.settings a > div.server {
    background-position: -240px -45px;
}

.settings a > div.usbDrive {
    background-position: -240px -90px;
}

/*.settings a > div.pin {
    background-position: -240px -135px;
}*/

.settings a > div.back {
    background-position: -240px -180px;
}

.settings a > div.next {
    background-position: -240px -225px;
}

.settings a > div.filter {
    background-position: -240px -270px;
}

.settings a > div.alert {
    background-position: -240px -315px;
}

.settings a > div.phone {
    background-position: -240px -360px;
}

.settings a > div.spy {
    background-position: -240px -405px;
}


/*.settings a .icon .plus {
    background-position: -400px 0;
}*/

/*.settings a .icon .edit {
    background-position: -400px -45px;
}*/

/*.settings a .icon .delete {
    background-position: -400px -90px;
}*/

/*.settings a .icon .check {
    background-position: -400px -135px;
}*/

.settings a .icon .refresh {
    background-position: -400px -180px;
}

.settings a .icon .search1 {
    background-position: -400px -225px;
}

/*.settings a .icon .search2 {
    background-position: -400px -270px;
}*/

.settings a .icon .cog {
    background-position: -400px -315px;
}

/*.settings a .icon .erase {
    background-position: -400px -360px;
}*/

.settings a .icon .exclamation {
    background-position: -400px -405px;
}

.settings a .icon .forbid {
    background-position: -480px 0;
}

/*.settings a .icon .import {
    background-position: -480px -45px;
}*/

/*.settings a .icon .export {
    background-position: -480px -90px;
}*/

.JSPostback {
    display: none;
}

/* shop shizzle */
.Fotos {
    display: block;
    float: left;
    width: 400px;
    height: 400px;
}

.PreviewFoto {
    position: relative;
    display: block;
    float: left;
}

.KleineFotos {
    display: block;
    width: 100px;
    float: left;
    text-align: center;
}

    .KleineFotos span {
        width: 100px;
        display: block;
        float: left;
        margin: 0 auto;
    }

.bigShopPic {
    position: absolute;
    left: -2000px;
    top: -2000px;
}

.ProductDetails {
    width: 400px;
    height: 400px;
    display: block;
    float: left;
}

.zoomedPicture {
    position: absolute;
    overflow: hidden;
}

    .zoomedPicture img {
        position: absolute;
    }

.picZoomLoop {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #000;
    cursor: url("/portal2008/userdata/styles/images/zoomIcon.gif"), crosshair;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}

#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

    #jquery-lightbox a img {
        border: none;
    }

#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#lightbox-container-image {
    padding: 10px;
}

#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav {
    left: 0;
}

#lightbox-nav a {
    outline: none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}

#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}

#lightbox-nav-btnNext {
    right: 0;
    float: right;
}

#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}

#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}

    #lightbox-container-image-data #lightbox-image-details {
        width: 70%;
        float: left;
        text-align: left;
    }

#lightbox-image-details-caption {
    font-weight: bold;
}

#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}


/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder {
    text-align: left;
}

.jcrop-vline, .jcrop-hline {
    font-size: 0;
    position: absolute;
    background: white url('images/Jcrop.gif') top left repeat;
}

.jcrop-vline {
    height: 100%;
    width: 1px !important;
}

.jcrop-hline {
    width: 100%;
    height: 1px !important;
}

.jcrop-handle {
    font-size: 1px;
    width: 7px !important;
    height: 7px !important;
    border: 1px #eee solid;
    background-color: #333;
    *width: 9px;
    *height: 9px;
}

.jcrop-tracker {
    width: 100%;
    height: 100%;
}

.custom .jcrop-vline,
.custom .jcrop-hline {
    background: yellow;
}

.custom .jcrop-handle {
    border-color: black;
    background-color: #C7BB00;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
   /* behavior: url(scripts/PIE.htc); */
}
/*
Uploadify v2.1.0
Release Date: August 24, 2009

Copyright (c) 2009 Ronnie Garcia, Travis Nickels

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
.uploadifyQueueItem {
    font: 11px Verdana, Geneva, sans-serif;
    border: 2px solid #E5E5E5;
    background-color: #F5F5F5;
    margin-top: 5px;
    padding: 10px;
    width: 350px;
}

.uploadifyError {
    border: 2px solid #FBCBBC !important;
    background-color: #FDE5DD !important;
}

.uploadifyQueueItem .cancel {
    float: right;
}

.uploadifyProgress {
    background-color: #FFFFFF;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    margin-top: 10px;
    width: 100%;
}

.uploadifyProgressBar {
    background-color: #0099FF;
    width: 1px;
    height: 3px;
}
/* prettyLoader */
.prettyLoader {
    cursor: url(images/prettyLoader/prettyLoader.png) 4 12, auto;
    height: 30px;
    position: absolute;
    width: 30px;
    z-index: 30000;
    border: 1px solid #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(scripts/PIE.htc);
}

    .prettyLoader img {
        display: block;
        margin: 7px 0 0 7px;
    }

.pl_ie6 {
    background-image: #fff url(images/prettyLoader/prettyLoader.gif);
}

.FreezePaneOff {
    visibility: hidden;
    display: none;
    position: absolute;
    top: -100px;
    left: -100px;
}

.FreezePaneOn {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #666;
    z-index: 999;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
    padding-top: 20%;
}

.InnerFreezePane {
    text-align: center;
    width: 66%;
    background-color: #AAC99F;
    color: White;
    font-size: large;
    border: dashed 2px #111;
    padding: 9px;
}
/*************************
*	Fonts
**************************/
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot');
    src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.ttf') format('truetype'), url('fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.font-icoon {
    font-family: 'icomoon';
    display: inline-block;
}

.FontIcon {
    font-family: 'icomoon';
    display: inline-block;
}


.ob_gFCnC, .ob_gFCnR, .ob_gFCnL, .ob_gBRS, .ob_gBLS, .ob_gHCnR, .ob_gHCnC, .ob_gHCnL {
    display: none;
}
.menu > table div > dl > dt {
display: inline-block;
float: left;
clear: both;
}




/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(images/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}