/******************************************************************************************
*
*  HTML ELEMENTS
*  
******************************************************************************************/

/******************************************
* Styles for the tabcontent class
*******************************************/

ul.shadetabs {
    padding: 3px 0;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
}

ul.shadetabs li {
    display: inline;
    margin: 0;
    padding-left: 0px;
}

ul.shadetabs li a {
    text-decoration: none;
    padding: 3px 7px;
    margin-right: 3px;
    border: 1px solid ;
    color: #2d2b2b;
    background: url(images/glossytabs/shade.gif) repeat-x;
}

ul.shadetabs li a:visited{
    color: #2d2b2b;
}

ul.shadetabs li a:hover{
    text-decoration: none;
    color: #2d2b2b;
}

ul.shadetabs li.selected{
    position: relative;
    top: 1px;
}

ul.shadetabs li.selected a{ /*selected main tab style */
    background-image: url(images/glossytabs/shadeactive.gif);
    border-bottom-color: white;
}

ul.shadetabs li.selected a:hover{ /*selected main tab style */
    text-decoration: none;
}

div.tabcontentstyle{ /*style of tab content container*/
    border: 1px solid gray;
    width: 150px;
    margin-bottom: 1em;
    padding: 10px;
    overflow: hidden;
}

div.tabcontent{
    display:none;
}

div.tabcontentselected {
    display: block;
}


/******************************************************************************************
*  MOUSE OVER POPUP
******************************************************************************************/

/* Default DOM Tooltip Style */
div.domTT {
    border: none;
    margin: 0em 0em 2em 0em;
    padding: 0;
}

div.domTTCaption {
    background: #000;
    border: 1px solid #000;
    border-style: solid solid none solid;
    color: #FFF;
    padding: 0em 1em 0em 1em;
    text-transform: none;
    text-decoration: none;
    font-size: 1em;
    height: 1em;
    cursor: pointer;
}

div.domTTContent {
    background: transparent;
    border-collapse: collapse;
    border: 1px solid #000;
    padding: 3px;
    overflow: auto;
    background: #FFF;
}


/******************************************************************************************
*  END OF MOUSE OVER POPUP
******************************************************************************************/



/*********************************
* Sub Modal Window
**********************************/
#popupMask {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:200;
    background-color:#000;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}

#popupContainer {
    position: absolute;
    z-index: 201;
    top: 0px;
    left: 0px;
    display:none;
    padding: 0px;
}

#popupInner {
    border: 1px solid #000000;
    background-color: #FFFFFF;
}

#popupFrame {
    margin: 0px;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 202;
}

#popupTitleBar {
    background-color: #333344;
    color: #FFFFFF;
    font-weight: bold;
    height: 1.3em;
    padding: 5px;
    border-bottom: 2px solid #000000;
    border-top: 1px solid #78A3F2;
    border-left: 1px solid #78A3F2;
    border-right: 1px solid #204095;
    position: relative;
    z-index: 203;
}

#popupTitle {
    float:left;
    font-size: 1.1em;
}

#popupControls {
    float: right;
    cursor: pointer;
}

#popupControls a span {
    display: block;
    height: 14px;
    width: 16px;
    text-indent: -9000px;
    background: url('../_common/icons/close_button.gif') no-repeat;
}


/******************************
* End - Submodal Window
*******************************/

/******************************
* Slider Input
*******************************/

div.sliderbackground {
    background: url('images/slider/bg-fader.gif') no-repeat;
    width:209px;
    height:28px;
    float: left;
}

div.sliderhandle {
    background: url('images/slider/thumb-n.gif') no-repeat;
    width:17px; height:21px; cursor:move;
}

/******************************
* End - Slider Input
*******************************/