/****************************************** 
** Title........: www.campcharlevoix.com 
** Filename.....: ccv_home.css 
** Author.......: Uwe Nausner 
** Version......: 1.0 
** Notes........: www_campcharlevoix main css
** File Created.: 05/30/2008
** Last changed.: 06/02/2008
********************************************/


/* Main body settings */

body 
{
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
    font-size: 12px;
    color: #333333;
    text-decoration: none;
	height: 100%;
}


/* With default site font and padding */
#centerwrapper 
{
	width: 830px;
	text-align: left;
	margin: 0 auto;
	/*border-left: 1px #555454 solid;*/
	/*border-right: 1px #555454 solid;*/
	/*background-image: url(contentbg.jpg);*/
}

#mainwrapper
{
	position: relative;
	width: 800px;
	text-align: center;
	margin: 10px 15px 0px 15px;
}



/* Hidden text to be displyed by search engines */

.gootx 
{	position: absolute;
	visibility: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
    font-size: 2px; }



/* standard styles */

.text_small
{  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #999999;	
	text-decoration: none; }
	
.text_small_blue
{  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #335CAD;	
	text-decoration: none; 
}


.copyright
{  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #666666;	
	text-decoration: none; }
a.copyright:link
{	color: #333333;
	text-decoration:none;  }
a.copyright:visited
{	color: #333333;
	text-decoration:none;  }
a.copyright:hover
{	color: #333333;
	text-decoration:none;  }

.text_med 
{   font-family: Verdana, Arial, Helvetica, sans-serif; 	
    font-size: 11px;
    color: #333333;
    text-decoration: none; }
a.text_med:link
{	color: #333333;
	text-decoration: none; }
a.text_med:visited
{	color: #333333;
	text-decoration: none; }
a.text_med:hover
{	color: #FF9900;
	text-decoration: none; }




/* ssr__main */

.navimg 
{ 	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FF0000;
	border: #FFFFFF;
	text-decoration: none; 
}

.nav 
{ 	position:relative;
	top:-3px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 0px; }

a.nav:link
{	text-decoration: none; }

a.nav:hover
{	color: #FFFF00;
	font-size: 11px; 
	text-decoration: none; }	

a.nav:visited
{	text-decoration: none; }

a.nav:active
{	color: #FFFF00;
	font-size: 11px;
	text-decoration: none; }	
	
.navon 
{ 	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #003399;
	text-decoration: none; }

a.navon:link
{	text-decoration: none; }

a.navon:hover
{	color: #000000;
	font-size: 11px; 
	text-decoration: none; }	



.main_text 
{   font-family: Verdana, Arial, Helvetica, sans-serif; 	
    font-size: 12px;
    color: #333333;
    text-decoration: none; }

.stok 
{   font-family: Arial, Helvetica, sans-serif; 	
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 3px;
    color: #333333;
    text-decoration: none; }




/* info page navigation */

a#recb
{	height: 150px;
    display: block;
	background-image: url(../img/rec-b.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

a#recb:hover
{		
	background-image: url(../img/rec-b.gif);
	background-repeat: no-repeat;
	background-position: -200px 0px;
	}	
	
a#recb:active
{		
	background-image: url(../img/rec-b.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}	
	
a#recy
{	height: 150px;
    display: block;
	background-image: url(../img/rec-y.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

a#recy:hover
{		
	background-image: url(../img/rec-y.gif);
	background-repeat: no-repeat;
	background-position: -200px 0px;
	}	
	
a#recy:active
{		
	background-image: url(../img/rec-y.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}		
	
a#recm
{	height: 150px;
    display: block;
	background-image: url(../img/rec-m.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

a#recm:hover
{		
	background-image: url(../img/rec-m.gif);
	background-repeat: no-repeat;
	background-position: -200px 0px;
	}	
	
a#recm:active
{		
	background-image: url(../img/rec-m.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	
	
.close_win
{  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	letter-spacing: 1px;
	color: #999999;
	/*color: #336699;*/
	text-decoration: none; }

a.close_win
{  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #999999;	
	text-decoration: none; }	

a.close_win:hover
{	color: #000000;
	font-size: 9px; 
	text-decoration: none; }	

a.close_win:visited
{	text-decoration: none; }

a.close_win:active
{	color: #000000;
	font-size: 9px;
	text-decoration: none; 
}


/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* ------Create, Stok, page -------------------------------- */

div.box_small
{
position:relative;
top:0px;
width:380px;
height:45px;
margin:0px;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
overflow: hidden;
}



div.box_expend
{
position:relative;
top:0px;
width:372px;
height:215px;
margin:0px;
/* border-top:1px solid #cccccc; */
/* border-right:1px solid #cccccc; */
border-bottom:1px solid #cccccc;
background-color:#fff;
overflow: hidden;
}

/*
div.arrow_expend_box
{
position:relative;
top:0px;
width:390px;
height:145px;
margin:0px;
overflow: hidden;
}
*/

div.dial_small
{
position:relative;
top:-30px;
left:175px;
margin:0px;
overflow: hidden;
/*
background-image: url("img/gage_a1.gif");
background-repeat: no-repeat;
background-position: 0px 0px;
*/
}


div.dial_text
{  	
position:relative;
top:3px;
left:205px;
margin:0px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8px; 
color: #666666;	
text-decoration: none; 
}


div.dial
{
position:relative;
top:0px;
left:152px;
margin:0px;
overflow: hidden;
/*
background-image: url("img/gage_a1.gif");
background-repeat: no-repeat;
background-position: 0px 0px;
*/
}



div.arrow_box
{
position:relative;
top:0px;
width:390px;
height:65px;
margin:0px;
overflow: hidden;
}

div.arrow_right
{
position:relative;
top:-45px;
left:380px;
margin:0px;
overflow: hidden;
}


div.arrow_down
{
position:relative;
top:-25px;
left:185px;
margin:0px;
overflow: hidden;
}


div.arrow_right_low
{
position:relative;
top:0px;
left:380px;
margin:0px;
overflow: hidden;
}



div.arrow_down_low
{
position:relative;
top:-15px;
left:185px;
margin:0px;
overflow: hidden;
}



div.alarm
{
position:relative;
top:-41px;
left:187px;
margin:0px;
overflow: hidden;
}


div.line_box
{
position:relative;
top:-1px;
width:180px;
height:2px;
margin:0px;
background-color: #ffffff;
overflow: hidden;
}

div.company
{
position:relative;
top:2px;
left:10px;
margin:0px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #666666;	
text-decoration: none;
overflow: hidden;
}


div.symbol
{
position:relative;
top:6px;
left:10px;
margin:0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
color: #333333;
text-decoration: none;
overflow: hidden;
}

div.stok
{
position:relative;
top:50px;
right:-45px;
margin:0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px;
letter-spacing: 2px;
color: #999999;
text-decoration: none;
overflow: hidden;
}


div.stok_info_left
{
position:relative;
top:0px;
left:7px;
margin:0px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
font-weight: bold;
letter-spacing: 2px;
color: #999999;
text-decoration: none;
overflow: hidden;
}


div.stok_info_right
{
position:relative;
top:10px;
left:45px;
margin:0px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
color: #999999;
text-decoration: none;
overflow: hidden;
}


.text_small
{  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #999999;	
	text-decoration: none; }
	
.text_small_blue
{  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #336699;	
	text-decoration: none; }

.main_text 
{   font-family: Verdana, Arial, Helvetica, sans-serif; 	
    font-size: 12px;
    color: #333333;
    text-decoration: none; }
    
    
div.gage_1
{
position:relative;
top:-30px;
left:180px;
margin:0px;background-image: url("img/gage_parts/gage_bg_14.gif");
background-repeat: no-repeat;
/* background-position: center; */
background-position: 0px 0px;
overflow: hidden;
}  



div.stock_nav_pos
{
position:relative;
top:3px;
}


.stock_nav 
{ 	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	letter-spacing: 1px;
	color: #ffffff;
	text-decoration: none; }

a.stock_nav:link
{	text-decoration: none; }

a.stock_nav:hover
{	color: yellow;
	font-size: 14px; 
	text-decoration: none; }	

a.stock_nav:visited
{	text-decoration: none; }

a.stock_nav:active
{	color: yellow;
	font-size: 14px;
	text-decoration: none; }	


div.add_box
{
position:relative;
top:1px;
width:47px;
height:21px;
margin:0px;
background-color: #336699;
z-index:2;
}

div.get_stok
{
position:relative;
top:2px;
margin:0px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #666666;	
text-decoration: none;
overflow: hidden;
}


/*** FIELD SETUP ***/

div.create_box
{
position:relative;
top:0px;
margin:0px;
/* overflow: hidden; */
z-index:5;
}


input:focus, textarea:focus, select:focus { 
border: 2px solid #666; 
background-color: #CCD6EB;
}




div.add_stok_box
{
position:relative;
top:0px;
width:318px;
height:25px;
margin:0px;
}

.f_stok_search {
width:236px;
height:25px;
border: 1px solid #444;
/* background-color: #99ccff; */
color: black;
font-family: arial, verdana, ms sans serif;
font-weight: bold;
font-size: 13pt
/* z-index:6; */
}


.f_stok_search:hover {
background-color: #CCD6EB;
}

.f_stok_submit {
width:79px;
height:25px;
border: 2px solid #666;
background-color: #99ccff;
color: #336699;
font-family: arial, verdana, ms sans serif;
font-weight: bold;
font-size: 10pt
/* z-index:6; */
}



.field_set_80 {
width:80px;
height:20px;
border: 1px solid #999;
color: black;
/*font-family: arial, verdana, ms sans serif;*/
/*font-weight: bold;*/
font-size: 10pt
}

.field_set_80:hover {
background-color: #CCD6EB;
}

.field_set_40 {
width:40px;
height:20px;
border: 1px solid #999;
color: black;
/*font-family: arial, verdana, ms sans serif;*/
/*font-weight: bold;*/
font-size: 10pt
}

.field_set_40:hover {
background-color: #CCD6EB;
}

.field_set_200 {
width:200px;
height:20px;
border: 1px solid #999;
color: black;
/*font-family: arial, verdana, ms sans serif;*/
/*font-weight: bold;*/
font-size: 10pt
}

.field_set_200:hover {
background-color: #CCD6EB;
}



.field_set_160 {
width:160px;
height:20px;
border: 1px solid #999;
color: black;
/*font-family: arial, verdana, ms sans serif;*/
/*font-weight: bold;*/
font-size: 10pt
}

.field_set_160:hover {
background-color: #CCD6EB;
}



.nav_buy  { 	

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 12px; 
	color: #FFFFFF;
	text-decoration: none;
	vertical-align:middle;
}

a.nav_buy:link
{	text-decoration: none; }

a.nav_buy:hover
{	color: #FFFF00; }	


.nav_sell  { 	
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 12px; 
	color: #335CAD;
	text-decoration: none;
	vertical-align:middle;
 }

a.nav_sell:link
{	text-decoration: none; }

a.nav_sell:hover
{	color: #000000; }
	

div.point_box
{
width:38px;
height:25px;
overflow: hidden;
}

img.point_off
{
position:relative;
left:0px;
top:0px;
z-index:10;
}

img.point_on
{
position:relative;
left:0px;
top:-25px;
z-index:11;
}

div.company_name_display
{
position:relative;
width:394px;
height:22px;
top:0px;
overflow: hidden;
}

div.company_name
{
position:relative;
width:300px;
height:22px;
top:0px;
overflow: hidden;
}

div.company_add_stok
{
position:relative;
top:-6px;
width:314px;
height:0px;
}
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */