body
{
}


.navtext
{
    width: 150px;
    font-size: 8pt;
    background-color: #FDFDFD;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 1px #CCCCCC solid;
}


.listing
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #333300;
    background-color: White;
    cursor: default;
}

.handcursor
{
    cursor: move;
}

.listingAlt
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #333300;
    background-color: #EEEEEE;
    cursor: default;
}
.listingHover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #333300;
    background-color: #DDDDDD;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: default;
}

.footer
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999999;
}
a.footer
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #999999;
    text-decoration: none;
}
a:hover.footer
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    text-decoration: underline;
}
.navmap
{
    color: #666666;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    line-height: 12px;
}
a.login
{
    color: #666666;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 12px;
    text-decoration: none;
}
a:hover.login
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}


.inputtext
{
    font-size: 11px;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: WHITE;
    width: 200px;
}


.inputtext2
{
    font-size: 11px;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 22px;
    padding-top: 2px;
    background-color: WHITE;
    width: 200px;
}


.login_TextField
{
    font-size: 11px;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 120px;
    padding-top: 2px;
    background-color: WHITE;
}

.login_TextField2
{
    font-size: 11px;
    color: #008800;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 185px;
    padding-top: 2px;
    background-color: WHITE;
}
.login_TextField_long
{
    border-right: 0px;
    border-top: 0px;
    padding-left: 6px;
    font-size: 11px;
    background-attachment: fixed;
    border-left: 0px;
    width: 220px;
    color: #999999;
    padding-top: 5px;
    border-bottom: 0px;
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    height: 24px;
}

a.menuitem
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    text-decoration: none;
}
a:hover.menuitem
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: orange;
}
.title
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #999999;
}
.smalltext
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #666666;
    font-weight: normal;
}
.sectiontitle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FF6633;
}
.smallregulartext
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    text-align: left;
    margin-right: 6px;
    padding-right: 6px;
}
.regulartext
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    text-align: justify;
    margin-right: 6px;
    padding-right: 6px;
}
.regulartextbold
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    text-align: left;
    font-weight: bold;
}
.bigtextfancy
{
    color: #808080;
    font-size: 11.5pt;
    font-family: Arial, Tahoma, Verdana, Arial;
    font-weight: normal;
    font-style: normal;
}
.smalltextfancy
{
    color: #808080;
    font-size: 10.5pt;
    font-family: Arial, arial;
    font-style: normal;
    font-weight: normal;
    word-spacing: normal;
    vertical-align: middle;
    position: relative;
}
.bigtextfancybold
{
    color: #808080;
    font-size: 11.5pt;
    font-family: Arial, Tahoma, Verdana, Arial;
    font-style: normal;
    font-weight: bold;
}
.bigtextfancybolditalic
{
    color: #808080;
    font-size: 11.5pt;
    font-family: Arial, Tahoma, Verdana, Arial;
    font-style: italic;
    font-weight: bold;
}
.datetime
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    text-align: right;
}
.address
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999999;
}
.orangehighlight
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    color: #FF6600;
}

legend.title
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #FF6600;
    font-weight: bold;
}

a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    text-decoration: none;
}
a:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: underline;
}
.regulargray
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    text-align: left;
}
.orangetitle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: white;
}
.big_orange_bold
{
    color: #f60;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.loginbox
{
    color: white;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 100%;
    background-color: #069;
    text-decoration: underline;
    border-bottom-color: white;
}
.whitetitle
{
    color: white;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 100%;
}
.menuitemnolink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    text-decoration: none;
    font-weight: bold;
}
.logininactive
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
}
a.orangetitlelink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #FF6600;
    text-decoration: none;
}
.tablelightgray
{
    border: thin solid #CCCCCC;
}
.alert
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF6600;
    text-decoration: none;
}
.pagetitle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #999999;
}
a.menuitemitalic
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #777777;
    text-decoration: none;
    font-style: italic;
}

a.ref
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    text-decoration: none;
}
a:hover.ref
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #FF6600;
}
.borderedtable
{
    border: thin solid #999999;
}



input.button
{
    color: #333333;
    background-image: url("../images/tab_fill.gif");
    border-width: 0px;
    border-style: Solid;
    font-family: Verdana;
    font-size: XX-Small;
    width: 50px;
}

input.buttonselected
{
    color: #333333;
    background-image: url(../images/tab_fill.gif);
    border-width: 0px;
    border-style: Solid;
    font-family: Verdana;
    font-size: XX-Small;
    width: 50px;
}


input.widebutton
{
    color: #333333;
    background-color: #DDDDDD;
    border-width: 1px;
    border-style: Solid;
    font-family: Verdana;
    font-size: XX-Small;
    width: 70px;
}

input.activebutton
{
    color: #FFFFFF;
    background-color: #FF6600;
    border-width: 1px;
    border-style: Solid;
    font-family: Verdana;
    font-size: XX-Small;
    width: 70px;
}

input.buttonupload
{
    color: Black;
    background-color: White;
    font-family: Verdana;
    font-size: 10PX;
    width: 200px;
}

input.buttonsort
{
    color: #333333;
    background-color: #dddddd;
    border-width: 1px;
    border-style: Solid;
    font-family: Verdana;
    font-size: XX-Small;
    width: 60px;
}

input.buttonalert
{
    color: #FF6600;
    background-color: #dddddd;
    border-width: 1px;
    border-style: Solid;
    font-family: Verdana;
    font-size: XX-Small;
    width: 100px;
}
tr.bandsep
{
    background-color: #273D84;
}

tr.band
{
    background-color: #dfdfdf;
}
.regulartextCentered
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    text-align: center;
}
#myscroller
{
    background-color: #f0f0f0;
    position: relative;
    width: 198px;
    height: 150px;
    margin: 0;
    border: solid 1px;
}



.windowtitlesupport
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: white;
    text-indent: 10px;
}
.whitewindowtitle
{
    color: white;
    font-size: 11pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
    text-indent: 12px;
    position: static;
    margin-top: 10px;
    padding-top: 10px;
}

.maintitle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #DDDDDD;
    text-decoration: none;
}
a.maintitle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFF99;
    text-decoration: none;
}
a:hover.maintitle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #00FF00;
    text-decoration: none;
}

.maintitle_translate
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #DDDDDD;
    text-decoration: none;
}
a.maintitle_translate
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #DDDDDD;
    text-decoration: none;
}
a:hover.maintitle_translate
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #008800;
    text-decoration: none;
}

p
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    margin-top: 0;
    margin-bottom: 0;
}

.defaultpara
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    margin-top: 0;
    margin-bottom: 0;
}

.orangetextbold
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FF6600;
}

.myerrortext
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #DD0000;
}

.supporttablehead1
{
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    color: #C86432;
    margin-top: 0;
    margin-bottom: 0;
}

.supportlist1
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    margin-top: 6px;
    margin-bottom: 3px;
    margin-left: 10px;
    text-align: left;
}

.supportref1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #004B96;
    text-decoration: none;
}
a.supportref1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #004B96;
    text-decoration: none;
}
a:hover.supportref1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #004B96;
    text-decoration: underline;
}



.supportlist2h
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 20px;
    text-align: left;
}

.supportlist2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 30px;
    text-align: left;
}

.supportref2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #004B96;
    text-decoration: none;
}
a.supportref2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #004B96;
    text-decoration: none;
}
a:hover.supportref2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #004B96;
    text-decoration: underline;
}

.smenu_list1H
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    margin-top: 9px;
    margin-bottom: 3px;
    margin-left: 0px;
    text-align: left;
}

.smenu_list1p
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    margin-top: 9px;
    margin-bottom: 3px;
    margin-left: 10px;
    text-decoration: none;
}

.smenu_list1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    margin-top: 6px;
    margin-bottom: 3px;
    margin-left: 15px;
    text-decoration: none;
}
.smenu_list1smallc
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 12px;
    margin-left: 0px;
    text-align: center;
    text-decoration: none;
}
.smenu_ref1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #004B96;
    text-decoration: none;
}
a.smenu_ref1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #004B96;
    text-decoration: none;
}
a:hover.smenu_ref1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #004B96;
    text-decoration: underline;
}

.smenu_list2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 30px;
    text-decoration: none;
}
.smenu_ref2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #004B96;
    text-decoration: none;
}
a.smenu_ref2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #004B96;
    text-decoration: none;
}
a:hover.smenu_ref2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #004B96;
    text-decoration: underline;
}

.tree
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
}

a.tree
{
    font-size: 10px;
}

a:hover.tree
{
    text-decoration: underline;
}

.treelast
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #004B96;
    text-decoration: none;
}

span#Reseller_AlphaGroupList
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}
span#Reseller_AlphaGroupList a
{
    color: #008800;
}
span#Reseller_AlphaGroupList a:hover
{
    color: #000000;
    text-decoration: underline;
}

/*
    POPUP1 Link Styles 

        For top of page link:  [ Translate this Page ]

        HTML Syntax:
            <div id="translate">
                any text
                <a href="yourreference">visible text
                    <span>popup text</span>
                </a>
                any text
            </div>
                
*/
div#popup1 /* any text in <div></div> */
{
    font: 11px Verdana, sans-serif;
    color: #CC0000;
    text-decoration: none;
}
div#popup1 a /* visible text in <a></a>*/
{
    font: 11px Verdana, sans-serif;
    color: #CC0000;
    text-decoration: underline;
}
div#popup1 a:hover /* mouseover text in <a></a>*/
{
    font: 11px Verdana, sans-serif;
    color: #CC0000;
    text-decoration: underline;
}

div#popup1 a span /* popup text in <span></span>  - not displayed */
{
    display: none;
}

div#popup1 a:hover span /* popup text in <span></span> - displayed on mouseover*/
{
    display: block;
    position: absolute;
    width: 200px;
    background: black;
    color: #00FFFF;
    border-right: #008800 thin solid;
    border-top: #008800 thin solid;
    border-left: #008800 thin solid;
    border-bottom: #008800 thin solid;
    margin: 6px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 12px;
    padding-top: 12px;
    z-index: 99;
    font: 9px Verdana, sans-serif;
    letter-spacing: normal;
    text-align: center;
    text-decoration: none;
}



.CenterBullet
{
    color: #333333;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
}

ul.CenterBullet
{
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    font-style: normal;
    vertical-align: middle;
    text-align: justify;
    letter-spacing: normal;
    word-spacing: normal;
    list-style-type: disc;
    list-style-position: outside;
    list-style-image: none;
    background-image: none;
    border-style: none;
    visibility: inherit;
    white-space: normal;
}


/*
    POPUP IMAGE
        This style will display a larger <img> when the smaller
        <img> is hovered.  We assume that a hyperlink <a>
        is being used.

        HTML Syntax:
            <a class="imgPopupHover" href="#popup"><img small>
                <span><img larger></span>
            </a>
                
*/
/* HOVER HOVER HOVER HOVER HOVER HOVER */
.imgPopupHover{
    position: relative;
    z-index: 0;
}
.imgPopupHover:hover{
    background-color: transparent;
    z-index: 50;
    cursor:pointer;
}

.imgPopupHover span{
    position: absolute;
    background-color: white;
    padding: 5px;
    left: -1000px;
    border: 3px solid black;
    visibility: hidden;
    color: black;
    text-decoration: none;    
    /* my added stuff */  
    z-index: 99;
}

.imgPopupHover span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
}
.imgPopupHover:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0;
    left: -100px; /*position where enlarged image should offset horizontally */
}

/* CLICK FOCUS CLICK FOCUS CLICK FOCUS */
.imgPopupClick{
    position: relative;
    z-index: 0;
}
.imgPopupClick:focus{
    background-color: transparent;
    z-index: 50;
}
.imgPopupClick:hover{
    background-color: transparent;
    z-index: 50;
    cursor: pointer;    
}

.imgPopupClick span{
    position: absolute;
    background-color: white;
    padding: 5px;
    left: -1000px;
    border: 3px solid black;
    visibility: hidden;
    color: black;
    text-decoration: none;    
    /* my added stuff */  
    z-index: 99;
}
.imgPopupClick:focus span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    bottom: -100px;
    left: -200px;
    /* top: 0; */
    /* left: -100px; /*position where enlarged image should offset horizontally */
}

/* CLICK FOCUS CLICK FOCUS CLICK FOCUS */
/* _DOWN type will move bottom of image further down the page (bottom: -250)*/
.imgPopupClick_Down{
    position: relative;
    z-index: 0;
}
.imgPopupClick_Down:focus{
    background-color: transparent;
    z-index: 50;
}
.imgPopupClick_Down:hover{
    background-color: transparent;
    z-index: 50;
    cursor: pointer;    
}

.imgPopupClick_Down span{
    position: absolute;
    background-color: white;
    padding: 5px;
    left: -1000px;
    border: 3px solid black;
    visibility: hidden;
    color: black;
    text-decoration: none;    
    /* my added stuff */  
    z-index: 99;
}
.imgPopupClick_Down:focus span{
    visibility: visible;
    bottom: -250px;
    left: -200px;
}

/* CLICK FOCUS CLICK FOCUS CLICK FOCUS */
/* _LEFT type will move left side of image further to the left and
    the page (bottom: -250; left: -400)*/
.imgPopupClick_Left{
    position: relative;
    z-index: 0;
}
.imgPopupClick_Left:focus{
    background-color: transparent;
    z-index: 50;
}
.imgPopupClick_Left:hover{
    background-color: transparent;
    z-index: 50;
    cursor: pointer;    
}

.imgPopupClick_Left span{
    position: absolute;
    background-color: white;
    padding: 5px;
    left: -1000px;
    border: 3px solid black;
    visibility: hidden;
    color: black;
    text-decoration: none;    
    /* my added stuff */  
    z-index: 99;
}
.imgPopupClick_Left:focus span{
    visibility: visible;
    bottom: -250px;
    left: -400px;
}
/*
    POPUP TEXT
        This style will display "popup text" in a block when the 
        "visible text" is hovered.  We assume that a hyperlink <a>
        is being used.

        HTML Syntax:
            <a class="txtPopupHover" href="#popup">visible text
                <span>popup text</span>
            </a>
                
*/
/* TXT HOVER TXT HOVER TXT HOVER TXT HOVER TXT HOVER TXT HOVER */
.txtPopupHover{

    font: 11px Verdana, sans-serif;
    color: #0000FF;
    text-decoration: none;
    border-bottom: dashed thin #0000FF;
    
}

.txtPopupHover:hover{

    font: 11px Verdana, sans-serif;
    color: #00AAFF;
    text-decoration: none;
    border-bottom: solid thin #00AAFF; 
    cursor:pointer;
    
}

.txtPopupHover span{

    display: none;
}

.txtPopupHover:hover span{ 

    display: block;
    position: absolute;
    width: 300px;
    background: black;
    color: #00AAFF;
    border-right: #00AAFF thin solid;
    border-top: #00AAFF thin solid;
    border-left: #00AAFF thin solid;
    border-bottom: #00AAFF thin solid;
    margin: 6px;
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 12px;
    padding-top: 12px;
    z-index: 99;
    font: 11px Verdana, sans-serif;
    letter-spacing: normal;
    text-align: center;
    text-decoration: none;
}

/* TXT CLICK FOCUS TXT CLICK FOCUS TXT CLICK FOCUS */
.txtPopupClick{

    font: 11px Verdana, sans-serif;
    color: #00CC00;
    text-decoration: none;
    border-bottom: dotted thin #00CC00;
}

.txtPopupClick:hover{

    font: 11px Verdana, sans-serif;
    color: #008800;
    text-decoration: none;
    border-bottom: solid thin #008800;
}
.txtPopupClick:focus{

    font: 11px Verdana, sans-serif;
    color: #00FF00;
    text-decoration: none;
    border-bottom: solid thin #00FF00;
}

.txtPopupClick span{

    display: none;
}

.txtPopupClick:focus span{ 

    display: block;
    position: absolute;
    width: 300px;
    background: black;
    color: #00FF00;
    border-right: #00FF00 thin solid;
    border-top: #00FF00 thin solid;
    border-left: #00FF00 thin solid;
    border-bottom: #00FF00 thin solid;
    margin: 6px;
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 12px;
    padding-top: 12px;
    z-index: 99;
    font: 11px Verdana, sans-serif;
    letter-spacing: normal;
    text-align: center;
    text-decoration: none;
}

/*
    TRANSLATE POPUP TEXT
        This style will display "popup text" in a block when the 
        "visible text" is hovered.  We assume that a hyperlink <a>
        is being used.

        For top of page link:  [ Translate this Page ]

        HTML Syntax:
            <a class="txtPopupHover" href="#popup">visible text
                <span>popup text</span>
            </a>
*/
.translatePopupHover
{
    font: 12px Verdana, sans-serif;
    color: #DDDDDD;
    text-decoration: none;
}
.translatePopupHover:hover
{
    font: 12px Verdana, sans-serif;
    color: #008800;
    text-decoration: none;
}

.translatePopupHover span
{
    display: none;
}
.centerBlueMed {
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		font-weight: bold;
		font-style: normal;
		font-variant: small-caps;
		color: #0000FF;
		text-align: center;
	}
.centerREDMed {
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		font-weight: bold;
		font-style: normal;
		font-variant: small-caps;
		color: #FF0000;
		text-align: center;
		text-transform: capitalize;
		text-decoration: underline;
	}

.translatePopupHover:hover span
{
    right:0;
    display: block;
    position: absolute;
    width: 65px;
    background: black;
    color: #00CC00;
    border-right: #008800 thin solid;
    border-top: #008800 thin solid;
    border-left: #008800 thin solid;
    border-bottom: #008800 thin solid;
    margin: 3px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    z-index: 99;
    font: 9px Verdana, sans-serif;
    letter-spacing: normal;
    text-align: center;
    text-decoration: none;
}

/*
    DISPLAY BOX

*/
.displaybox
       {
            z-index: 9000;
            background-color: #DDDDDD;
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            color: #FFFFFF;
            text-align: center;
            vertical-align: middle;
            filter: alpha(opacity=95); /*older IE*/
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95); /* IE */
            -ms-filter: ”alpha(opacity=95)”;
            -moz-opacity: .95; /*older Mozilla*/
            -khtml-opacity: 0.95; /*older Safari*/
            opacity: 0.95; /*supported by current Mozilla, Safari, and Opera*/
        }
.displaybox div /* visible text in <div></div>*/
        {
            z-index: 9001;
            border: 20;
            border-style: solid;
            border-color: #FFFFFF;
            background-color: #FFFFFF;
            filter: alpha(opacity=100); /*older IE*/
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE */
            -ms-filter: ”alpha(opacity=100)”;
            -moz-opacity: 1.0; /*older Mozilla*/
            -khtml-opacity: 1.0; /*older Safari*/
            opacity: 1.0; /*supported by current Mozilla, Safari, and Opera*/
        }
        .displaybox p /* visible text in <p></p>*/
        {
            font: 12px Verdana, sans-serif;
            font-weight: normal;
            color: #000000;
            text-decoration: none;
        }
        .displaybox a /* visible text in <a></a>*/
        {
            font: 10px Verdana, sans-serif;
            color: #0000FF;
            text-decoration: none;
        }
        .displaybox a:hover /* mouseover text in <a></a>*/
        {
            font: 10px Verdana, sans-serif;
            color: #0000FF;
            text-decoration: underline;
        }

.colapsePanelTitle
{
    height: 30px;
    color: #804000;
    background-color: transparent;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    float: left;
    padding: 5px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
}
.style12
        {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            color: #FF0000;
            text-align: justify;
            margin-right: 6px;
            padding-right: 6px;
        }
.colapsePanelContent
{
    height: 0px;
    background-color: White;
    overflow: hidden;
}