/* Page Navigation
/* ************************************************************************ */

.pageNavigation {
        margin-top:.5em;
        margin-right:20px;
        margin-bottom:5px;
        float:left;
        clear:left;
}

.pageNavigation ul {
        list-style:none;
        margin:0px;
        padding:0px;
}

.pageNavigation li {
        border:1px solid #ffffff;
        float:left;
        position:relative;
}

.pageNavigation li.active, .pageNavigation li:active {
        /*border:1px solid #ff6600;*/
}

.pageNavigation a, .pageNavigation li span {
        text-align:center;
        text-decoration:none;
        border:1px solid #999999;
        padding:0px 4px;
        display:block;
}

.pageNavigation li div {
        text-align:center;
        margin-left:-1px;
        padding:0px 0px .4em 0px;
        position:absolute;
        bottom:1.6em;
        width:12em; /* opera fix */
        z-index:200;
        display:none;
        opacity:.9; /* css3 */
}

.pageNavigation li:hover div {
        display: block;
}

.pageNavigation li ul {
        border:1px;
        padding:0px 0px 2px 2px;
        float:left;
        clear:left;
}

.pageNavigation li ul li {
        text-align:right !important;
        margin-top:2px;
}

.pageNavigation .skip, .pageNavigation .skip:hover, .pageNavigation .skip:active {
        border:none;
}

.pageNavigation .skip a, .pageNavigation .skip a:hover, .pageNavigation .skip a:active, .pageNavigation .skip span {
        background-color:transparent;
        background-image:none !important;
        border:none;
        margin:0px;
        padding:0px;
}

.pageNavigation .skip {
        padding:1px 1px !important;
        width:16px;
}

.pageNavigation .skip img {
        vertical-align: middle;
        border:none;
}

.pageNavigation input {
        text-align:center;
        background-color:transparent;
        border:none;
        margin:0px;
        padding:2px 0px;
        width:2.5em;
        min-height:1.84em;
        display:none;
}

.pageNavigation .children {
        padding:0px;
}

ul.CustomPageNavi, ul.UserNavi {
        list-style:none;
        margin:10px 0px;
        padding:5px;
        border-left:2px solid #cdcdcd;border-right:2px solid #cdcdcd;border-bottom:2px solid #cdcdcd;
        background:#eeeeee none repeat scroll 0%;
        -moz-border-radius-bottomleft:10px;
        -moz-border-radius-bottomright:10px;
}

ul.UserNavi {
        margin:0px 0px 10px 0px;
        background:#e8f0fa none repeat scroll 0%;
}

ul.CustomPageNavi li, ul.UserNavi li {
        background:#ffffff none repeat scroll 0%;
        padding:5px;
        -moz-border-radius-bottomleft:10px;
        -moz-border-radius-bottomright:10px;
        -moz-border-radius-topleft:10px;
        -moz-border-radius-topright:10px;
        border:1px solid #cdcdcd;
        font-size:10px;
        margin-bottom:2px;
}

ul.CustomPageNavi li img, ul.UserNavi li img {
        vertical-align:middle;
        margin-right:5px;
}

ul.CustomPageNavi li:hover, {
        background:#e8f0fa none repeat scroll 0%;
}

ul.UserNavi li:hover {
        background:#eeeeee none repeat scroll 0%;
}