/* webcamXP CSS Style by wet */
/* default for objects... */

body { 
	color: #222222; 
	background-color: #ffffff;
	background-image:url(background.gif);
	background-position: top center;
	background-repeat: repeat-y;
	font-size: 12px; 
	line-height: 14px;
	font-family: Tahoma, Verdana, Arial; 
	text-align: left;
  margin: 0px; 
	padding: 0px;
	}


h1, h2, h3 {
	font-size: 12px; 
	line-height: 14px;
	font-weight: bold; 
	font-family: Tahoma, Verdana, Arial; 
	text-align: left; 
	margin: 0px; 
	padding: 0px;
	}

select, input {
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
  	font-style: normal;
  	font-weight: normal;
}


img   {
	border : 0;
      }	

table {
	border: 0;
	font-size: 12px; 
	line-height: 14px;
	font-weight: bold; 
	font-family: Tahoma, Verdana, Arial; 
	text-align: left; 
	margin: 0px; 
	padding: 0px;
      }



a:link,
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #999999;
	}


a:hover, 
a:active,
a:visited:hover
	{ 
	text-decoration: underline; 
	color: #999999;
	}



/* major divs */
#container { 
	width: 320px; 
	/*position: relative;*/  
  
  border: solid 1px silver;  
  background-color: #ffffff;
   
	margin: 0px auto 0px auto;
	padding: 0px 2px 0px 2px;
	}

#intro {
 	width: 320px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	}

.bodyiFrame { 	
	border: 0px none silver;
	}

/* minor divs */
#pageHeader {
 	width: 320px;
 	height: 30px; /* strange but ie6 needs this */
 	background-image: url(title.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	border-top: 0px;    
	border-right: 1px solid #aaa;    
	border-bottom: 1px solid #aaa;    
	border-left: 1px solid #aaa;    
	margin: 0px 0px 0px 0px; 
	padding: 2px 0px 0px 0px;
	}
	
#pageHeader h1 {
 	width: 320px;
	color: #fff;
	font-size: 12px; 
	line-height: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin:  0px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
	}
	
#pageHeader h2 {
 	width: 320px;
	color: #fff;
	font-size: 11px; 
	line-height: 16px;
	font-weight: normal;
	padding: 0px 0px 0px 3px;
	text-transform: uppercase;
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
	}
		

.wxptopnav {
  /*border: solid 1px red;*/
	
	width: 320px;
	height: 12px;
	/*float:left;*/	
	padding : 5px 0px 0px 0px;
	}		

.internal_content
	{
	text-align: justify;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	}

.webcam_in_frame
	{
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	

.centered
	{
	width: 100%;
	text-align: center;
	}



.wxpsrcsel {
  
  /*border: solid 1px red;*/
	width: 250px;

	}
	
.wxpptz {

  /*
  border: solid 1px silver;  
  background-color: #ffffff;
  */
  
  z-index: 999;
  /*float: left;*/
  
  /*position: relative;*/
  left : 100px;
  top : 5px;

  text-align:center;
  /*
  width:120px;
  height:120px;
  */
  }	
  
.wxpcamdiv {

  /*position: relative;*/
  left : 0px;
  top : 0px;
  
  /*padding-top : 10px;*/
  /*margin-top : 10px;*/
  
  text-align:center;
  
  /*
  border: solid 1px silver;  
  background-color: #ffffff;  
  */
  
  z-index: 998;
  
  padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
  }	
	
.wxpdragme {
  font-family : Verdana,Tahoma,Arial;
	font-weight : normal;
	font-size : 8pt;
  
  padding-top: 2px;
  		
	color: #dedede;
	
	height: 18px;
	
  background: #1a5575 url(dragWindow.jpg) top center repeat-x;
	
  margin-bottom: 3px;
  cursor: pointer;
	}	
	
.wxpcontainer {
  
  
  /*
  background-color: #fff;	
	border: solid 1px #aaa;    
	*/
	
	
	width: 320px;
	/*height: 460px;*/
	
	/*position: relative;*/
	/*clear: right;*/
	/*float:left;*/

	/*margin: 10px 10px 10px 10px;*/
	margin-top:10px;
	margin-bottom:0px;
	padding: 0px 0px 0px 0px;
	/*text-align: center;*/

	}
	
/* image*/
.webcam
	{
	border: 1px none #aaa; 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	}		
	
	
/* frame */
.livecam
	{
	border: 0; 	
	}
	

.wxpminicontainer {

	background-color: #fff;	
	border: 0;    
	
	width: 320px;
	height : 240px;
	
	position: relative;
	float:left;
	
	/*margin: 10px 10px 10px 10px;*/
	margin-top:0px;
	padding: 0px 0px 0px 0px;

	}	

	
.wxpdark {
 	width: 320spx;
	border: 1px solid #aaa;    
 	background-image: url(gray.gif);
	background-position: center left;
	background-repeat: repeat;
	background-color: #dddddd;;	
	margin: 10px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	}
	
.wxpdark .internal_content
	{
	color: #444444;
	font-weight: bold; 
	font-family: Tahoma, Verdana, Arial; 
	text-align: center;
	text-transform: uppercase;
	}
	
.footer {
 	width: 320spx;
	border: 1px solid #aaa;    
 	background-image: url(gray.gif);
	background-position: center left;
	background-repeat: repeat;
	background-color: #dddddd;;	
	margin: 10px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	}


br.endofline
{
clear: both;

}

.btn-start
{
	height: 32px;
	width: 4px;
  background: url(../menu/vLeft.jpg) top left no-repeat;
  float: left;	
}

.btn-stop
{
	height: 32px;
  width: 4px;
  background: url(../menu/vRight.jpg) top left no-repeat;
  float: left;	
}

a.btn-arrow , a:visited.btn-arrow
{
	
  font-family : Verdana,Tahoma,Arial;
	font-weight : normal;
	font-size : 8pt;
  		
	color: #dedede;
	
	background-color : #1a5575;
	background: url(../menu/vBtn.jpg) top left repeat-x;
	text-decoration: none; 
	
	float: left; 
	margin: 0px 0px 0px 0px; 
	width: 120px;
}
	
a.btn-arrow span { 
	display: block;	
	background: #1a5575 url(../menu/vBtn.jpg) top repeat-x;	
	margin-left: 10px;
  text-align: center;
  
	line-height: 28px;
	height: 32px;
	
	cursor: pointer;
}


a:hover.btn-arrow
{
	text-decoration: none;	
	background: #1a5575 url(../menu/vLeftHover.jpg) top left no-repeat;
	color: #ffffff; 
}
	
a:hover.btn-arrow span
{
	background: url(../menu/vRightHover.jpg) top right no-repeat;
}

br .stopfloat
{
	clear: right;
}