/**************************
tab module
**************************/
div.tabModule
{
    position:relative;
    width:440px;
}

/**************************
content specific tabs modules
use for specifying widths
***************************/
div.deviceDetailModule, div.planDetailModule, div.wifiLocatorModule, div.previewWindowModule
{
    position:relative;
    width:440px;
}

div.planDetailModule
{
    width:520px;
}
div.previewWindowModule
{
    clear:both;
    width:470px;
}
div.wifiLocatorModule
{
    width:760px;
}

ul.tabs
{
    list-style: none;
    padding-left: 1.5em;
}
ul.tabs li
{
    position: relative;
    float:left;
    z-index:99;
    display: inline;
}

.flashTab
{
    z-index:99;
}

.flashTabLink a
{
    display: block;
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    text-decoration: none;	
    text-transform:uppercase;
}
.flashTabLink a, .flashTabLink a:link, .flashTabLink a:visited
{
    background: #fff;
    border:0px;
    color: #0A94D6;
}
.flashTabLink a.active, .flashTabLink a:link.active, .flashTabLink a:visited.active
{
    background: #FFF;
    color: #666666;
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
}

ul.tabs a
{
    display: block;
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    text-transform:uppercase;
}
ul.tabs a, ul.tabs a:link, ul.tabs a:visited
{
    background: #fff;
    border:0px;
    color: #0A94D6;
}
ul.tabs a.active, ul.tabs a:link.active, ul.tabs a:visited.active
{
    background: #FFF;
    color: #666666;
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
}

div.tabs div.tabs div.tabs
{
    position: absolute;
    left:0px;
    top:26px;
    height:auto;
    width:100%;
    padding: 14px;
    color: #666666;
    border: 1px solid #ccc;
}

#tabFlashFull
{
    position: absolute;
    left:-240px;
    top:26px;
    height:auto;
    width:680px;
    padding: 14px;
    color: #666666;
    border: 1px solid #ccc;
}
#tabFlash360
{
    margin-top:1px;
}

.hr
{
    margin:1em 0;
    border-top:1px solid #ccc;
}

/* Global Based Tabs */
.tab1 {
    float:left;
    height:25px;
    position:relative;
    top:2px; /* 1 more than tab2 because of 1px top-border */
    left:0px;
    padding:5px 10px 5px 10px;
}
.tab2 {
    float:left;
    height:25px;
    position:relative;
    top:1px;
    left:0px;
    background:#ffffff url(/business/images/od/tab_bg.gif) repeat-x top left;
    border-top:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
    padding:5px 10px 5px 10px;
}
.tab2 a:link { color:#666666; }