/* GENERAL RULES*/

/* GENERAL RULES */
@font-face {
    font-family: 'nexa';
    src: url('../styles/nexa_bold-webfont.eot');
    src: url('nexa_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../styles/nexa_bold-webfont.woff') format('woff'), url('../styles/nexa_bold-webfont.ttf') format('truetype'), url('../styles/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NexaLight';
    src: url('../styles/nexa_light-webfont.eot');
    src: url('nexa_light-webfont.eot?#iefix') format('embedded-opentype'), url('../styles/nexa_light-webfont.woff') format('woff'), url('../styles/nexa_light-webfont.ttf') format('truetype'), url('../styles/nexa_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    width: 100%;
    height: 100%;
}

body {
    font: 12px Tahoma, sans-serif;
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 1300px;
}

.hidden {
    display: none;
}

a {
    text-decoration: none;
}

.hidden {
    display: none;
}

a {
    text-decoration: none;
}
/***************************************HEADER********************************/
/*.header {
                    position: absolute;
                    height: 80px;
                    top: 0;
                    left: 0;
                    right: 0;
                    border-top: solid 5px #896db9;
                    background: rgba(255,255,255,1);
                    z-index: 10 !important;

                }*/
.ui-layout-north #header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: solid 5px #896db9;
    background: rgba(255,255,255,1);
}

.logo {
    width: 222px;
    height: 42px;
    margin: 19px 0 0 30px;
    float: left;
}

.menus {
    float: right;
    margin-right: 30px;
}

.small-menu {
    font: 11px/11px Tahoma;
    color: #896db9;
    text-align: right;
}

    .small-menu a {
        font: 11px/11px Tahoma;
        display: inline-block;
    }

        .small-menu a:hover, #small-menu .selected {
            color: #52397c !important;
        }

    .small-menu .c1 a {
        color: #896db9;
        padding: 6px 20px 6px 35px;
        border-right: dotted 1px #896db9;
        color: #896db9;
        position: relative;
    }

    .small-menu .c1 .last {
        border: none;
    }

    .small-menu .c2 { /*background: url('../../images/login-languages-bg-ar.png') no-repeat;*/
        display: inline-block;
        width: auto;
        height: 25px;
        vertical-align: top; /*padding-top: 5px;*/
        text-align: left;
    }

        .small-menu .c2 .login {
            color: #fff !important;
            padding: 0 20px 0 5px;
            background: #896db9 url('../../images/login-arrow.png') no-repeat 60px 9px;
            vertical-align: top;
            height: 25px;
            line-height: 23px;
        }

        .small-menu .c2 .username {
            color: #fff !important;
            padding: 0 5px;
            vertical-align: top;
            height: 25px;
            line-height: 23px;
            background: #896db9;
        }

        .small-menu .c2 .lang {
            display: inline-block;
            height: 11px;
            padding: 7px 5px;
            background: #f4f4f4;
            vertical-align: top;
        }

        .small-menu .c2 label {
            display: inline-block;
            height: 25px;
            width: 20px;
            background: url('../../images/login-languages-bg.png') no-repeat;
        }

        .small-menu .c2 .i1 {
            background-position: 0 0;
        }

        .small-menu .c2 .i2 {
            background-position: -150px 0;
        }

        .small-menu .c2 .i3 {
            background-position: -216px 0;
        }

    .small-menu i {
        position: absolute;
        display: block;
        width: 20px;
        height: 20px;
        top: 2px;
        left: 5px;
        background-image: url('../../images/icons-sprite.jpg');
        background-repeat: no-repeat;
    }

.icohome {
    background-position: -40px 0;
}

.small-menu .c1 a:hover .icohome, #small-menu .selected .icohome {
    background-position: -40px -20px;
}

.icocareers {
    background-position: -60px 0;
}

.small-menu .c1 a:hover .icocareers, #small-menu .selected .icocareers {
    background-position: -60px -20px;
}

.icocontact {
    background-position: -100px 0;
}

.small-menu .c1 a:hover .icocontact, #small-menu .selected .icocontact {
    background-position: -100px -20px;
}

.icosettings {
    background-position: -120px 0;
}

.timesettings {
    padding: 6px 20px 6px 35px;
    border-right: dotted 1px #896db9;
    color: #896db9;
    position: relative;
}

.small-menu .c1 a:hover .icosettings, #small-menu .selected .icosettings {
    background-position: -120px -20px;
}

.en {
    font-weight: bold !important;
    color: #896db9;
    padding-right: 8px;
    border-right: dotted 1px #aaa;
}

.fr {
    color: #aaa;
    padding-left: 8px;
}

.ar {
    color: #aaa;
    padding-left: 8px;
}

/* MAIN DROPDOWN MENU*/
/*
            LEVEL ONE
        */
#main-menu {
    margin-top: 10px;
}

    #main-menu ul {
        list-style: none;
        border: 0;
        margin: 0;
        padding: 0;
    }

ul.dropdown {
    position: relative;
}

    ul.dropdown > li {
        float: left;
        zoom: 1;
        background: url('../../images/sep.png') no-repeat right center;
        padding-right: 15px;
        margin-right: 15px;
        z-index: 99;
    }

    ul.dropdown a:hover {
        background: #ebe9ee;
    }

    ul.dropdown li a {
        display: inline-block;
        color: #52397c;
        font: 16px/20px nexa, sans-serif;
        padding: 5px 10px;
        border-radius: 5px;
    }

    ul.dropdown .newboxradius {
        border-radius: 5px 5px 0 0;
    }

    ul.dropdown > li:last-child {
        background: none;
        padding: 0;
        margin: 0;
    }
    /* Doesn't work in IE */
    ul.dropdown li.hover,
    ul.dropdown li:hover {
        position: relative;
    }

        ul.dropdown li.hover a,
        ul.dropdown li:hover a {
            background: #ebe9ee;
        }

#main-menu .selected {
    background: #896db9 !important;
    color: #fff;
}

#main-menu .rq {
    color: #52397c;
    background: none;
}

    #main-menu .rq:hover, #main-menu .rqselected {
        color: #fff;
        background: #ffd200;
    }


/*
            LEVEL TWO
        */
ul.dropdown ul {
    width: 260px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
}

    ul.dropdown ul li {
        border-top: 1px solid #e0e0e0;
        float: none;
        padding: 10px;
        background: #ebe9ee;
    }

        ul.dropdown ul li a {
            font-family: NexaLight;
            border-radius: 0;
            padding: 0;
        }

        /* IE 6 & 7 Needs Inline Block */
        ul.dropdown ul li a {
            border-right: none;
            width: 100%;
            display: inline-block;
        }

/************************************** END HEADER ************************************** /

       
     

       

        /* LOGIN */
.rightsfooter {
    float: left;
}

.infofooter {
    float: right;
}

    .infofooter a {
        color: #888;
        font-weight: bold;
    }

        .infofooter a:hover {
            color: #7146ba;
        }

#login-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('../../images/login-bg.jpg') no-repeat;
    background-size: cover;
    overflow: auto;
}

#login-box {
    width: 400px;
    height: auto;
    background: #f8f8f8;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px #bbb;
    padding: 25px 50px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -180px 0 0 -250px;
}


    #login-box h1 {
        padding: 0 0 20px 0;
        margin: 0 0 20px 0;
        border-bottom: 1px solid #ddd;
        font: 32px/45px NexaLight;
        letter-spacing: -1px;
        color: #3b1974;
        text-align: center;
    }

    #login-box strong {
        font: normal 32px/45px nexa;
    }

    #login-box > div {
        margin-bottom: 15px;
        overflow: hidden;
    }

    #login-box .label {
        font: 15px/23px Tahoma,sans-serif;
        font-weight: bold;
        font-family: Arial;
        display: inline-block;
        width: 100px;
        color: #777;
    }

    #login-box input[type=text], #login-box input[type=password] {
        width: 90%;
        border: 1px solid #ddd;
        padding: 5px 10px;
        height: 25px;
        font: normal 16px/25px Tahoma;
        color: #888;
        -ms-border-radius: 5px;
        border-radius: 5px;
    }

    #login-box input[type=submit] {
        width: 150px;
        height: 40px;
        text-align: center;
        padding: 5px 10px;
        font: 18px/25px Arial;
        letter-spacing: -1px;
        color: #fff;
        -ms-border-radius: 5px;
        border-radius: 5px;
        background: #3b1974;
        float: right;
        border: none;
        cursor: pointer;
    }

        #login-box input[type=submit]:hover {
            background: #482188;
        }


.ui-wp-icon {
    background-image: url(https://eyemanager.softrasys.com/icons/eye-icon.png) !important;
}

#LoadingDiv p {
    height: 32px;
    margin: 0;
    position: absolute;
    top: 50%;
    vertical-align: middle;
    width: 100%;
}



#LoadingDiv img {
    display: block;
    height: 32px;
    margin: 0 auto;
    position: relative;
    top: -50%;
    width: 32px;
}

/*************************MOBILE*********************/

/*	start styles for the ContextMenu	*/
.context_menu {
    background-color: white;
    border: 1px solid gray;
    font: 13px/20px tahoma;
}

.context_menu_item {
    padding: 3px 6px;
}

    .context_menu_item:hover {
        background-color: #CCCCCC;
    }

.context_menu_separator {
    background-color: gray;
    height: 1px;
    margin: 0;
    padding: 0;
}

#clearDirectionsItem, #getDirectionsItem, #showallpoisItem, #showallgeozonesItem, #showallroutesItem, #deletezonecrossingreport, #previewalltolerancesItem {
    display: none;
}
/*	end styles for the ContextMenu	*/

#map_container {
    height: 100%;
}

.labels {
    white-space: nowrap;
}

div.growlUI {
    /*background: url(http://www.malsup.com/jquery/block/check48.png) no-repeat 10px 10px*/
    background: url(https://eyemanager.softrasys.com/icons/SoftrasysLogoSmall.png) no-repeat 10px 10px;
}

    div.growlUI h1, div.growlUI h2 {
        color: white;
        padding: 5px 5px 5px 75px;
        text-align: left;
    }



#outerPanel {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 90px;
    margin-top: 9px;
    margin-right: 9px;
    color: #444;
    z-index: 999999;
}
/*position and hide the menu initially - leave room for menu items to expand...*/


#tabs {
    font-size: x-small;
    width: 450px;
    height: 200px;
}

    #tabs .ui-tabs-nav {
        height: 25px;
    }

p {
    font-size: x-small;
    marign: 0;
    padding: 0;
}



/*glide panel*/

#bg_img, .down_img {
    background: url('http://maps.gstatic.com/mapfiles/mv/hpimgs6.png') no-repeat;
}




#mainButton {
    position: absolute;
    top: 0;
    right: 0;
    border: 4px double #00BFFF;
    width: 66px;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}

#bg_img {
    position: relative;
    top: 0;
    left: 0;
    height: 42px;
    border: 1px solid #778899;
}

#more {
    height: 8px;
    padding-top: 4px;
    background-color: #0df;
}

.down_img {
    background-position: -136px 0;
    width: 7px;
    height: 5px;
    margin: auto;
    font-size: 0; /* CSS fix for IE */
}

#button_text {
    font-size: 12px;
    padding-top: 1px;
    border-top: 2px solid #00BFFF;
}

#cliparea {
    position: absolute;
    top: 80px;
    right: 0;
    width: 158px;
    font-size: 12px;
    max-height: 205px;
    height: expression((this.scrollHeight > 200)?"200px":"auto"); /* CSS fix for IE */
    overflow-y: auto;
    clip: rect(0px 0px 0px 0px);
    background-color: #fff;
    border: 2px solid #00BFFF;
    border-top: 4px double #00BFFF;
    border-bottom: 2px solid #00BFFF;
    cursor: pointer;
}

#menulist {
    margin: 1px 0;
    padding-left: 0;
}

    #menulist li {
        list-style-type: none;
        margin: 0;
        padding-left: 28px;
        border-bottom: 1px solid #e2e2e2;
        line-height: 210%;
    }

.shadow {
    box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px;
}

li.active {
    font-weight: bold;
    background: url('../ok6.gif') no-repeat;
    background-position: 10px 7px;
}

.label {
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 11px;
    color: Black;
}

.valueunite {
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 11px;
}


.Vehiclelabels {
    width: 70px;
    white-space: nowrap;
}



/*Tool Bar*/
#toolbar {
    /* display: inline-block; */
    /* margin-top: 10px; */
    text-align: center;
    /* padding: 0.5em 0.5em 0.5em 0.5em; */
    font: 11px Tahoma, sans-serif;
    position: absolute;
    z-index: 20 !important;
    width: 885px;
    border-radius: 7px;
}
/* support: IE7 */
* + html #toolbar {
    display: inline;
}

    #toolbar button {
        width: 24px;
        height: 23px;
    }

    #toolbar input {
        height: 23px;
        padding: 0px;
    }

.imagebuttom_toolbar {
    height: 23px;
    padding: 0px;
}

.labelbuttom_toolbar {
    height: 23px;
    padding: 0px;
}



#slider {
    width: 40px;
    display: inline-block;
}

.toolbarGridVehicleFilter {
    position: absolute;
    top: 22px;
    left: 0px;
    right: 0px;
    bottom: 30px;
    background-color: gainsboro;
    padding: 0px;
}


#selectdaterange input[type=text] {
    width: 110px;
}


#toolbarbuttonsreplay {
    display: inline-block;
}
/*
        *	STYLES FOR: complex.html
        *
        *	Created with ThemeRoller...
        *	http://ui.jquery.com/themeroller/?bgColorDefault=e0e0e0&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=cccccc&fcDefault=444444&iconColorDefault=888888&bgColorHover=d8d8d8&bgTextureHover=02_glass.png&bgImgOpacityHover=90&borderColorHover=888888&fcHover=111111&iconColorHover=222222&bgColorActive=8ab9ff&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=000000&iconColorActive=ffffff&bgColorContent=f3f3f3&fcContent=362b36&ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.2&fsDefaultUnit=em#bgColorDefault=d6d6d6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=bbbbbb&fcDefault=000000&iconColorDefault=444444&bgColorHover=eeeeee&bgTextureHover=02_glass.png&bgImgOpacityHover=90&borderColorHover=cccccc&fcHover=000066&iconColorHover=000066&bgColorActive=80ade5&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=100&borderColorActive=266cc0&fcActive=000000&iconColorActive=ffffff&bgColorContent=D1E6FC&bgTextureContent=10_dots_medium.png&bgImgOpacityContent=90&borderColorContent=bbbbbb&fcContent=000000&iconColorContent=222222&ffDefault=Lucida+Grande%2C+Lucida+Sans%2C+Arial%2C+sans-serif&fwDefault=normal&fsDefault=1&fsDefaultUnit=em
        */
/*
        *	GENERAL COSMETICS
        */
/*
        *	COMMON LAYOUT PANE FORMATTING
        */
.pane, /* outer pane class */
.ui-layout-pane { /* inner pane class */
    background-color: #FFF;
    border: 1px solid #777;
    padding: 0; /* alignment & padding is on the inner-divs */
    overflow: auto; /* will be auto-set to 'hidden' for any pane with a 'scrolling content div' */
}


/*
        *	OUTER-LAYOUT PANE FORMATTING
        */
.pane-north,
.pane-south,
.pane-west,
.pane-east {
    overflow: hidden;
}

.pane-north {
    border-bottom: none;
}

    .pane-north .content,
    .pane-south .content {
        text-align: center;
    }

.pane-center {
    /* show off the inner-layout inside the outer-center-pane*/
    background-color: #F6F6F6;
    padding: 15px; /* for outer layout */
}






/* inner divs inside Outer East/West panes */
.headerpane {
    background: #80ade5 url(../../images/80ade5_40x100_textures_04_highlight_hard_100.png) 0 50% repeat-x;
    border-bottom: 1px solid #777;
    font-weight: bold;
    text-align: center;
    padding: 2px 0 4px;
    position: relative;
    overflow: hidden;
}

.subhead,
.footerpane {
    background: #d6d6d6 url(../../images/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
    padding: 3px 10px;
    font-size: 0.85em;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

.subhead {
    border-bottom: 1px solid #777;
}

.footerpane {
    border-top: 1px solid #777;
}



.contentpane {
    padding: 10px;
    position: relative;
    overflow: auto;
}




/*
       

                /*
        *	OUTER LAYOUT RESIZERS & TOGGLERS
        */

/* north-pane is not resizable
        .resizer-north-dragging ,
        .resizer-north:hover		{ background: url(../../images/resizable-n.gif) repeat-x center; }*/
.resizer-south-dragging,
.resizer-south:hover {
    background: url(../../images/resizable-s.gif) repeat-x center;
}

.resizer-west-dragging,
.resizer-west-open:hover {
    background: url(../../images/resizable-w.gif) repeat-y center;
}

.resizer-north-dragging,
.resizer-north-open:hover {
    background: #896db9;
    border: 1px solid #896db9;
    border-width: 0;
}

.resizer-south,
.resizer-south-dragging,
.resizer-south-open:hover {
    display: none;
    background: #F6F6F6;
    border: 0px solid #BBB;
    padding: 0;
    overflow: auto;
}

.resizer-north-dragging,
.resizer-east-dragging,
.resizer-east-open:hover {
    background: url(../../images/resizable-e.gif) repeat-y center;
}

.resizer-north-open,
.resizer-west-open,
.resizer-east-open {
    background-color: #999;
    opacity: 0.1;
    filter: alpha(opacity=10);
}

    .resizer-north-open:hover,
    .resizer-west-open:hover,
    .resizer-east-open:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.resizer-dragging {
    /* see draggable.opacity option
            opacity: 0.5;
            filter: alpha(opacity=50);
            */
}

.resizer-dragging-limit {
    background: #FF3300 !important;
}

/* IE6 * HACK - always show resizer graphics because IE6 cannot understand elem:hover */
/** html .resizer-north		{ background: url(../../images/resizable-n.gif) repeat-x center !important; } */
* html .resizer-south {
    background: url(../../images/resizable-s.gif) repeat-x center !important;
}

* html .resizer-west-open {
    background: url(../../images/resizable-w.gif) repeat-y center !important;
}

* html .resizer-east-open {
    background: url(../../images/resizable-e.gif) repeat-y center !important;
}
/** html .resizer-north , */
* html .resizer-south,
* html .resizer-west-open,
* html .resizer-east-open {
    opacity: 0.1 !important;
    filter: alpha(opacity=10) !important;
}

/*
        *	SIMPLE TOGGLER BUTTONS (used on Outer Layout North/South only)
        */

.toggler-north-open,
.toggler-south-closed {
    background: url(../../images/toggle-up.gif) no-repeat center bottom;
}

.toggler-north-closed,
.toggler-south-open {
    background: url(../../images/toggle-dn.gif) no-repeat center top;
}
/*
        .toggler-east-closed ,
        .toggler-west-open    { background: url(../../images/toggle-lt.gif) no-repeat center right; }
        .toggler-west-closed ,
        .toggler-east-open    { background: url(../../images/toggle-rt.gif) no-repeat center left; }
        */

/*
        *	extJS-STYLE RESIZER/SLIDER-BAR (CLOSED)
        */
.resizer-north-closed,
.resizer-west-closed,
.resizer-east-closed {
    background: #D1E6FC url(../../images/D1E6FC_40x100_textures_10_dots_medium_90.png) 0 0 repeat;
    border-top: 1px solid #777;
    border-bottom: 1px solid #777;
}

    .resizer-north-closed:hover,
    .resizer-west-closed:hover,
    .resizer-east-closed:hover {
        background: #D1E6FC;
    }

/*
        *	NORTH PANE TOOLBAR & BUTTONS
        */

ul.toolbar {
    position: relative;
    overflow: hidden; /* required to CONTAINER 'floating li' in FF */
    height: auto;
    margin: 0;
    padding: 2px;
    width: 100%;
    list-style: none;
    text-align: left;
    background: #D6D6D6 url(../../images/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
    border-top: 1px solid #BBB;
}

    ul.toolbar li {
        font-size: 0.9em;
        margin: 0;
        padding: 2px 7px;
        float: left;
        color: #000;
        border: 1px solid transparent;
        border-right-color: #BBB;
        cursor: pointer;
    }

        ul.toolbar li:hover {
            color: #005;
            background: #EEE url(../../images/eeeeee_40x100_textures_02_glass_90.png) 0 50% repeat-x;
            border-top-color: #BBB;
            border-bottom-color: #BBB;
        }

        ul.toolbar li.first:hover {
            border-left-color: #BBB;
        }

        ul.toolbar li span {
            /* icons in toolbar */
            width: 15px;
            height: 15px;
            margin-left: -3px;
            margin-right: 0.75ex;
            vertical-align: middle;
            opacity: 0.6;
            filter: alpha(opacity=60);
            display: block;
            display: inline-block;
        }

        ul.toolbar li:hover span {
            opacity: 1;
            filter: alpha(opacity=100);
        }

li.button-toggle-north span,
li.button-open-south span {
    background: url(../../images/go-up-on.gif) no-repeat center;
}

li.button-close-south span {
    background: url(../../images/go-dn-on.gif) no-repeat center;
}

li.button-pin-up span {
    background: url(../../images/pin-up-on.gif) no-repeat center;
}

li.button-pin-down span {
    background: url(../../images/pin-dn-on.gif) no-repeat center;
}

/*
         *	extJS-STYLE TOGGLE & PIN BUTTONS
         *
         *	these 'extra buttons' are INSIDE the east/west panes
         */

/* CUSTOM pin/close buttons */
span.button-pin,
span.button-close {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    z-index: 2;
    display: block;
    cursor: pointer;
}

span.button-close-west {
    left: 0;
}

span.button-close-north {
    left: 0px;
}

span.button-close-east {
    right: 0;
}

span.button-pin-west {
    right: 1px;
}

span.button-pin-east {
    left: 1px;
}

span.button-pin-north {
    left: 15px;
}

/* CUSTOM pin-buttons */
span.button-pin-up {
    background: url(../../images/pin-up-off.gif) no-repeat center;
}

    span.button-pin-up:hover {
        background: url(../../images/pin-up-on.gif) no-repeat center;
    }

span.button-pin-down {
    background: url(../../images/pin-dn-off.gif) no-repeat center;
}

    span.button-pin-down:hover {
        background: url(../../images/pin-dn-on.gif) no-repeat center;
    }

/* CUSTOM close-buttons */
span.button-close-west {
    background: url(../../images/go-lt-off.gif) no-repeat center;
}

    span.button-close-west:hover {
        background: url(../../images/go-lt-on.gif) no-repeat center;
    }

/* CUSTOM close-buttons */
span.button-close-north {
    background: url(../../images/go-up-on.gif) no-repeat center;
    /*background: url(../../images/go-lt-off.gif) no-repeat center;*/
}

    span.button-close-north:hover {
        background: url(../../images/go-up-on.gif) no-repeat center;
        /*background: url(../../images/go-lt-on.gif) no-repeat center;*/
    }




span.button-close-east {
    background: url(../../images/go-rt-off.gif) no-repeat center;
}

    span.button-close-east:hover {
        background: url(../../images/go-rt-on.gif) no-repeat center;
    }

/* STANDARD toggler-buttons - when the east/west panes are 'closed' */
.toggler-west-closed {
    background: url(../../images/go-rt-off.gif) no-repeat center;
}

    .toggler-west-closed:hover {
        background: url(../../images/go-rt-on.gif) no-repeat center;
    }

.toggler-north-closed {
    background: url(../../images/go-dn-on.gif) no-repeat center;
    /*background: url(../../images/go-rt-off.gif) no-repeat center;*/
}

    .toggler-north-closed:hover {
        background: url(../../images/go-dn-on.gif) no-repeat center;
        /*background: url(../../images/go-rt-on.gif) no-repeat center;*/
    }



.toggler-east-closed {
    background: url(../../images/go-lt-off.gif) no-repeat center;
}

    .toggler-east-closed:hover {
        background: url(../../images/go-lt-on.gif) no-repeat center;
    }


/*this style sheet concerns datetime*/
.jqclock {
    float: left;
    text-align: center;
}

.clockdate {
    color: DarkRed;
    margin-bottom: 10px;
    font-size: 18px;
    display: block;
}

.clocktime {
    border: 2px inset White;
    background: Black;
    padding: 5px;
    font-size: 14px;
    font-family: "Courier";
    color: LightGreen;
    margin: 2px;
    display: block;
}