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

div.tabModule_biz
{
	position:relative;
	width:708px;
}

/**************************
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: #36c;
}
.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: #36c;
}
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;
}