.area{
	width:760px;
	height:500px;
	background-color: #D2D2FF;
}

.box{
	position:relative;
	border:1px solid #C0C0C0;
	font-family: Arial,Helvetica,sans-serif;
	font-size:13px;
	overflow:hidden;
	z-index:10000;
}

.box_title{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:20px;
	text-align:left;
	background-color: #C0C0C0;
	padding-top:2px;
	padding-left:2px;
	font-family:arial,helvetica,verdana;
	color:#3F3F3F;
	font-weight:bold;
	font-size:13px;
}

.box_body{
	position:relative;
	top:0px;
	left:0px;
	background-color: #EEEEF0;
	padding-top:8px;
	padding-bottom:8px;
	text-align:center;
}

.box_bottom{
	width:100%;
	background-color: #C0C0C0;
}

.titleImage{
	position:absolute;
	left:10px;
	right:10px;
	width:280px;
	height:50px;
}

.bottomImage{
	position:absolute;
	left:10px;
	right:10px;
	width:280px;
	height:10px;
}

.box_title_blue{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:20px;
	text-align:left;
	background-color: #BBDDFF;
	padding-top:2px;
	padding-left:2px;
	font-family:arial,helvetica,verdana;
	color:#004080;
	font-weight:bold;
	font-size:13px;
}


.siteButton{
	position:relative;
	text-align:center;
	width:100px; height:20px;
	background-image: url(../../green/site_images/siteButton.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.siteButtonOver{
	position:relative;
	text-align:center;
	width:100px; height:20px;
	background-image: url(../../green/site_images/siteButton_over.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.siteButton2{
	position:absolute;
	text-align:center;
	width:120px; height:20px;
	background-image: url(../../green/site_images/siteButton2.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.siteButton2Over{
	position:absolute;
	text-align:center;
	width:120px; height:20px;
	background-image: url(../../green/site_images/siteButton2_over.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.blueFontSmall  	{font-family:arial,helvetica,verdana; color:#004080; font-size:10px;}

a.siteButtonLink:link		{display:block; COLOR: #000000; font-weight:bold; FONT-SIZE: 11px;PADDING: 3px;}
a.siteButtonLink:visited 	{display:block; COLOR: #000000; font-weight:bold; FONT-SIZE: 11px;PADDING: 3px;}
a.siteButtonLink:hover 		{display:block; COLOR: #000000; font-weight:bold; FONT-SIZE: 11px;PADDING: 3px;}

a.siteButtonLinkS:link		{display:block; COLOR: #000000; font-weight:bold; FONT-SIZE: 10px;PADDING: 3px;}
a.siteButtonLinkS:visited 	{display:block; COLOR: #000000; font-weight:bold; FONT-SIZE: 10px;PADDING: 3px;}
a.siteButtonLinkS:hover 	{display:block; COLOR: #000000; font-weight:bold; FONT-SIZE: 10px;PADDING: 3px;}

.cfTitle	{font-family:Arial,Helvetica,sans-serif; color:#3F3F3F; font-weight:bold; font-size:12px;}
.cfValue	{font-family:Arial,Helvetica,sans-serif; color:#004080; font-weight:bold; font-size:12px;}
.cfTxt	{font-family:Arial,Helvetica,sans-serif; color:#3F3F3F; font-weight:bold; font-size:10px;}

td.InfoBox	 {font-family:Arial,Helvetica,sans-serif; color:#3F3F3F; font-size:11px;}

.revenueLarge	{font-family:Arial,Helvetica,sans-serif; color:#008040; font-weight:bold; font-size:16px;}
.energyLarge	{font-family:Arial,Helvetica,sans-serif; color:#AAAA00; font-weight:bold; font-size:16px;}

.helpButton{
	position:relative;
	text-align:center;
	width:60px; height:20px;
	background-image: url(../../green/site_images/helpButton.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.helpButtonOver{
	position:relative;
	text-align:center;
	width:60px; height:20px;
	background-image: url(../../green/site_images/helpButton_over.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

a.helpButtonLink:link		{display:block; COLOR: #000000; font-weight:bold; FONT-SIZE: 11px;PADDING: 3px;}
a.helpButtonLink:visited 	{display:block; COLOR: #000000; font-weight:bold; FONT-SIZE: 11px;PADDING: 3px;}
a.helpButtonLink:hover 		{display:block; COLOR: #000000; font-weight:bold; FONT-SIZE: 11px;PADDING: 3px;}

.vuButton{
	position:relative;
	text-align:center;
	width:60px; height:20px;
	background-image: url(../../green/site_images/vuButton.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.vuButtonOver{
	position:relative;
	text-align:center;
	width:60px; height:20px;
	background-image: url(../../green/site_images/vuButton_over.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.snocamLogNaviButton{
	position:absolute;
	width:80px;
	height:20px;
	background-image: url('../../green/site_images/vuButton80.gif');
	background-repeat: no-repeat;
	display:inline-flex;
}

.snoCamLogNaviButtonOver{
	position:absolute;
	width:80px;
	height:20px;
	background-image: url(../../green/site_images/vuButton80_over.gif);
	background-repeat: no-repeat;
	display:inline-flex;
}

.snocamLogNaviButton_mobile{
	position:absolute;
	width:130px;
	height:40px;
	background-image: url('../../green/site_images/vuButton40_130.png');
	background-repeat: no-repeat;
	display:inline-flex;
}

.snoCamLogNaviButtonOver_mobile{
	position:absolute;
	width:130px;
	height:40px;
	background-image: url(../../green/site_images/vuButton40_130_over.png);
	background-repeat: no-repeat;
	display:inline-flex;
}

.snocam24HourLogButton_mobile{
	position:absolute;
	width:130px;
	height:40px;
	background-image: url('../../green/site_images/snocam24hourLogButton_mobile.png');
	background-repeat: no-repeat;
	display:inline-flex;
}

.snocam24HourLogButton{
	position:absolute;
	width:100px;
	height:20px;
	background-image: url('../../green/site_images/snocam24hourLogButton.png');
	background-repeat: no-repeat;
	display:inline-flex;
}

.snocam24HourLogButtonOver{
	position:absolute;
	width:100px;
	height:20px;
	background-image: url(../../green/site_images/snocam24hourLogButtonOver.png);
	background-repeat: no-repeat;
	display:inline-flex;
}

.innerDivText{
	margin:auto;
	font-weight: bold;
	color: black;
}

.innerDivText_mobile{
	margin:auto;
	color: black;
}

.vuButton25{
	position:relative; 
	text-align:center; 
	width:25px; height:20px;
	background-image: url(../../green/site_images/vuButton25.png);
	background-repeat: no-repeat;
	margin-top:2px;
}

.vuButton25Over{
	position:relative; 
	text-align:center; 
	width:25px; height:20px;
	background-image: url(../../green/site_images/vuButton25_over.png);
	background-repeat: no-repeat;
	margin-top:2px;
}

.vuButton80{
	position:relative;
	text-align:center;
	width:80px; height:20px;
	background-image: url(../../green/site_images/vuButton80.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.vuButton80Over{
	position:relative;
	text-align:center;
	width:80px; height:20px;
	background-image: url(../../green/site_images/vuButton80_over.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.vuButton100{
	position:relative;
	text-align:center;
	width:100px; height:20px;
	background-image: url(../../green/site_images/siteButton.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.vuButton100Over{
	position:relative;
	text-align:center;
	width:100px; height:20px;
	background-image: url(../../green/site_images/siteButton_over.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.vuTxtHelpButton{
	position:relative;
	text-align:center;
	width:60px; height:20px;
	background-image: url(../../green/site_images/txtHelpButton60.png);
	background-repeat: no-repeat;
	margin-top:0px;
}

.vuTxtHelpButtonOver{
	position:relative;
	text-align:center;
	width:60px; height:20px;
	background-image: url(../../green/site_images/txtHelpButton60_over.png);
	background-repeat: no-repeat;
	margin-top:0px;
}

a.vuButtonLink:link		{display:block; COLOR: #000000; font-weight:bold; FONT-SIZE: 11px;PADDING: 3px;}
a.vuButtonLink:visited 	{display:block; COLOR: #000000; font-weight:bold; FONT-SIZE: 11px;PADDING: 3px;}
a.vuButtonLink:hover 	{display:block; COLOR: #000000; font-weight:bold; FONT-SIZE: 11px;PADDING: 3px;}

.helpButtonEnlarge{
	position:relative;
	text-align:center;
	width:100px; height:40px;
	background-image: url(../../green/site_images/helpButtonEnlarge.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.helpButtonEnlargeOver{
	position:relative;
	text-align:center;
	width:100px; height:40px;
	background-image: url(../../green/site_images/helpButtonEnlarge_over.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

a.vuButtonLinkEnlarge:link		{font-family:arial,helvetica,verdana; display:block; COLOR: #000000; font-weight:bold; FONT-SIZE: 14px; PADDING-TOP: 0px;}
a.vuButtonLinkEnlarge:visited	{font-family:arial,helvetica,verdana; display:block; COLOR: #000000; font-weight:bold; FONT-SIZE: 14px; PADDING-TOP: 0px;}
a.vuButtonLinkEnlarge:hover	{font-family:arial,helvetica,verdana; display:block; COLOR: #000000; font-weight:bold; FONT-SIZE: 14px; PADDING-TOP: 0px;}

.gradientBG{
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #DEDEDE 0%, #FFFFFF 100%);

	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #DEDEDE 0%, #FFFFFF 100%);

	/* Opera */
	background-image: -o-linear-gradient(top, #DEDEDE 0%, #FFFFFF 100%);

	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DEDEDE), color-stop(1, #FFFFFF));

	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #DEDEDE 0%, #FFFFFF 100%);

	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #DEDEDE 0%, #FFFFFF 100%);

	/* IE6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DEDEDE', endColorstr='#FFFFFF',GradientType=0 );
}

.gradientBox{
	position:relative;
	font-family: Arial,Helvetica,sans-serif;
	font-size:13px;
	overflow:hidden;
	z-index:10000;
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #DEDEDE 0%, #FFFFFF 100%);

	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #DEDEDE 0%, #FFFFFF 100%);

	/* Opera */
	background-image: -o-linear-gradient(top, #DEDEDE 0%, #FFFFFF 100%);

	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DEDEDE), color-stop(1, #FFFFFF));

	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #DEDEDE 0%, #FFFFFF 100%);

	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #DEDEDE 0%, #FFFFFF 100%);

	/* IE6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DEDEDE', endColorstr='#FFFFFF',GradientType=0 );
}

.magnifierEnlargeButton{
	position:relative;
	width:75px; height:40px;
	background-image: url(../site_images/magnifierButton.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.magnifierEnlargeButtonOver{
	position:relative;
	width:75px; height:40px;
	background-image: url(../site_images/magnifierButton_over.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.backgroundCamera{
	text-align:center;
	//background-image: url(../../green/site_images/background_camera.gif);
	background-color:D0D0D0;
	position:absolute;
	left:0;
	width:275px;
	height:205px;
}

.ipcamTabOnclick{
	position:absolute;
	text-align:center;
	width:120px; height:32px;
	background-image: url(../../green/site_images/tab_onclick.png);
	background-repeat: no-repeat;
	z-index:600;
}

.ipcamTabUnclick{
	position:absolute;
	text-align:center;
	width:120px; height:30px;
	background-image: url(../../green/site_images/tab_unclick.png);
	background-repeat: no-repeat;
}

.ipcamRefreshButtonEnlarge{
	position:relative;
	text-align:center;
	width:100px; height:80px;
	background-image: url(../../green/site_images/largeRefreshButtonEnlarge.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.ipcamRefreshButtonEnlargeOver{
	position:relative;
	text-align:center;
	width:100px; height:80px;
	background-image: url(../../green/site_images/largeRefreshButtonEnlarge_over.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.ipcamRefreshButton{
	position:relative;
	text-align:center;
	width:75px; height:60px;
	background-image: url(../../green/site_images/smallRefreshButton.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.ipcamRefreshButtonOver{
	position:relative;
	text-align:center;
	width:75px; height:60px;
	background-image: url(../../green/site_images/smallRefreshButton_over.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.ipcamButton{
	position:relative;
	text-align:center;
	width:75px; height:20px;
	background-image: url(../../green/site_images/ipcamButton.png);
	background-repeat: no-repeat;
	margin-top:2px;
}

.ipcamButtonOver{
	position:relative;
	text-align:center;
	width:75px; height:20px;
	background-image: url(../../green/site_images/ipcamButton_over.png);
	background-repeat: no-repeat;
	margin-top:2px;
}

.ipcamButtonEnlarge{
	position:relative;
	text-align:center;
	width:100px; height:20px;
	background-image: url(../../green/site_images/siteButton.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.ipcamhButtonEnlargeOver{
	position:relative;
	text-align:center;
	width:100px; height:20px;
	background-image: url(../../green/site_images/siteButton_over.gif);
	background-repeat: no-repeat;
	margin-top:2px;
}

.controlButtonOn(
	position:relative;
	text-align:center;
	width:20px; height:20px;
	background-image: url(../../green/site_images/pushButton_on_left.png);
	background-repeat: no-repeat;
	margin-top:2px;
)

.controlButtonOnOver(
	position:relative;
	text-align:center;
	width:20px; height:20px;
	background-image: url(../../green/site_images/pushButton_on_right.png);
	background-repeat: no-repeat;
	margin-top:2px;
)

.controlButtonOff(
	position:relative;
	text-align:center;
	width:20px; height:20px;
	background-image: url(../../green/site_images/pushButton_off_left.png);
	background-repeat: no-repeat;
	margin-top:2px;
)

.controlButtonOffOver(
	position:relative;
	text-align:center;
	width:20px; height:20px;
	background-image: url(../../green/site_images/pushButton_off_right.png);
	background-repeat: no-repeat;
	margin-top:2px;
)

.snocamLogNaviButton(
	position:absolute;
	width:80px;
	height:20px;
	background-image: url('../../green/site_images/vuButton80.gif');
	background-repeat: no-repeat;
	display:inline-flex;
)

.snoCamLogNaviButtonOver(
	position:absolute;
	width:80px;
	height:20px;
	background-image: url(../../green/site_images/vuButton80_over.gif);
	background-repeat: no-repeat;
	display:inline-flex;
)