body 
{
	font-family: Arial, Helvetica, Sans-Serif;
}

#apiPage 
{
	background:	transparent url(pageBgTop.gif) no-repeat scroll -54px -38px;
}

#apiAdsBottom {
	background-position: 0 0;
}

.apiAdFooter {
	padding-right: 12px;
}

#CamDetailPage 
{
	background-color: #000;
	color: #FFF;
	margin: 0;
}
#CamDetailPage a 
{
	color: #FFF;
}

#CamHeader 
{
	height: 30px;
    background-color: #333333;	
}
#CamHeader h1 
{
	float: left;
	display: inline;
    font-size: 20px;
    margin: 0;
    padding: 3px;
}
#CamProvider 
{
	font-size: 11px;
	float: right;
}

#CamDisplay 
{
	width: 640px;
	height: 480px;
}

#CamMap, #CamInfo
{
	height: 240px;
	float: left;
}
#CamMap 
{
	width: 315px;
	margin-right: 5px;
}
#CamInfo 
{
	width: 310px;
	margin-left: 5px;
	margin-right: 5px;
}

#DeskedCams 
{
	width: 510px;
}

#CamMiniatures, #CamThumbs { padding: 0; margin: 0; }
#CamMiniatures li, #CamThumbs li
{
	float: left; 
	display: inline; 
	padding: 3px; 
	margin: 2px 7px 2px 6px; 
	width: 160px;
	height: 140px;
	font-size: 8pt;
}
#CamMiniatures li img, #CamThumbs li img { border: 0; float: left; display: inline; padding: 0; margin: 0; }

#Legend { background-color: #CCC; font-size: 12px; font-weight: bold; }
#Legend dl { list-style: none; display: inline; }
#Legend dl dd, #Legend dl dt { float: left; display: inline; height: 20px; vertical-align: middle; }
#Legend dl dd { padding: 3px; height: 14px; }

.BubbleContent 
{
	font-size: 14px;
	width: 240px;
}
.BubbleContent h2 
{
	background-color: #CCC;
	font-size: 16px;
	font-weight: bold;
}

/*
#CamThumbs { padding: 0; margin: 0; }
#CamThumbs li 
{
	float: left; 
	display: inline; 
	padding: 3px; 
	margin: 2px 2px 2px 2px; 
	width: 80px;
	height: 60px;
	font-size: 8pt;
}
#CamThumbs li img { border: 0; float: left; display: inline; padding: 0; margin: 0; }
*/