body
{
   background-color: #B0B0B0;
}

.main_box
{
  width: 720px; 
  margin: 0 auto; 
  position: relative;
  overflow: hidden;
}

#header
{
  height: 120px; 
  border-bottom: 1px solid gray; 
  background-color: #F0F0F0;
}
 
.logo
 {
   color: #001f55 !important; 
   font-size: 5.2pt; 
   font-weight: lighter; 
   position: absolute; 
   top: 6px; 
   left: 0px;    
   text-align: right;
   text-decoration: none !important;  
 }
 
.logo a, .logo a:visited, .logo a:hover, .logo a:active
 {
   color: rgb(60, 85, 211); 
   text-decoration: none;
 }
 
#si_box_header
 {
   position: absolute; 
   top: 0px; 
   right: 0px; 
   background-color: rgb(60, 85, 211); 
   padding: 6px 12px; 
   
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
   -webkit-border-bottom-left-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
   -moz-border-radius-bottomleft: 2px;
   -moz-border-radius-bottomright: 2px;
}

#si_box_header a
{
   color: #FFF; 
   font-size: 12pt; 
   font-weight: bolder;
   text-decoration: none;	
}

#si_box_normal
 {
/*   position: absolute; 
   top: 0px; 
   right: 0px; */ 
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 10px;
   padding-right: 10 px;
   background-color: rgb(60, 85, 211); 
   padding: 6px 12px; 
   color: #FFF; 
   font-size: 12pt; 
   font-weight: bolder;
   
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
   -webkit-border-bottom-left-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
   -webkit-border-top-left-radius: 2px;
   -webkit-border-top-right-radius: 2px;
   -moz-border-radius-bottomleft: 2px;
   -moz-border-radius-bottomright: 2px;
   -moz-border-radius-topleft: 2px;
   -moz-border-radius-topright: 2px;
}

.lp_button
{
   background-color: rgb(60, 85, 211); 
   padding: 2px 12px;
   width: 186px; 
   height: 44px;
   color: white !important;
   text-decoration: none !important;
   
   font-weight: lighter;
   font-size: 14pt;
   line-height: 16pt;
   
   border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
}

.lp_button img
{
	float: left;
	margin-right: 12px;
}

#search_box
{
   position: absolute; 
   bottom: 12px; 
   right: 0px; 
}

#poi_slider
{
   height: 480px;
   position: relative;
}

.poi_box
{
   float: left; 
   position: absolute; 
   left: -720px; 
   width: 720px;
}

.poi_pics
{
   height: 360px;
}

.poi_pics div
{
   float: left; 
   width: 360px; 
   height: 360px; 
}

#poi_prev
{
	position: absolute;
	left: 12px;
	top: 12px;
	width: 24px;
	height: 24px;
	background-image: url(/images/dp_arrow_left_24.png);
	outline: none;
}

#poi_prev:hover
{
	background-position: 24px 0px;
}
	
#poi_next
{
	position: absolute;
	right: 12px;
	top: 12px;
	width: 24px;
	height: 24px;
	background-image: url(/images/dp_arrow_right_24.png);
	outline: none;
}

#poi_next:hover
{
	background-position: 24px 0px;
}
	
.poi_info
{
   height: 120px; 
   background-color: #D0D0D0; 
   position: relative;
   border-bottom:1px solid #aaa;
   border-top:1px solid #aaa;   
}

.poi_usr_pic
{
   width: 96px; 
   height: 96px; 
   margin: 12px; 
   float: left;      
}

.poi_info_box
{
   margin: 12px; 
   height: 96px; 
   width: 588px; 
   position: absolute; 
   right: 0px; 
   top: 0px;
}

.poi_author
{
   font-weight: bold;
}

.poi_name
{
   margin-top: 12px; 
   font-family: Georgia,Times,Serif;
}

.poi_detail
{
   position: absolute; 
   top: 40px; 
   right: 0px; 
   font-weight: bold;
}

.poi_footer
{
   font-size: 8pt; 
   color: gray; 
   position: absolute; 
   left: 0px; 
   bottom: 0px;
}

#footer
{
   height: 120px; 
   background-color: #FFF;
   
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
   -moz-border-radius-bottomleft: 5px;
   -moz-border-radius-bottomright: 5px;
}

#footer a
{
   position: absolute; 
   bottom: 12px;
}

#footer_links
{
   padding-top: 12px;
   font-size: 8pt;
   color: rgb(39, 49, 125);
}

#footer_links a
{
   float: left;
   margin-right: 6px;
   color: rgb(39, 49, 125);
}

/* css for signin and signup page */
.column_box
   {
   width: 312px; 
   margin: 0 auto; 
   position: relative;
   overflow: hidden;
   float: left;
   padding: 24px;
   }

.groupheader
   {
   font-size: 14pt;
   font-weight: bolder;
   margin-bottom: 15px;
   }
   
.signinup_box
   {
   border-bottom: 1px solid #aaa; 
   background-color: #F0F0F0;
   }

.label
   {
   font-size: 10pt;
   font-weight: bolder;
   margin-bottom: 4px;
   margin-top: 20px;
   }
   
.label_invisible
   {
   font-size: 10pt;
   font-weight: bolder;
   margin-bottom: 4px;
   margin-top: 20px;
   display: none;
   }


.input_text
   {
   border-width: 1px;
   border-color: #cccccc;
   border-style: solid;
   margin-left: 0px;
   width: 100%
   }

.input_password
   {
   border-width: 1px;
   border-color: #cccccc;
   border-style: solid;
   margin-left: 0px;
   width: 100%
   }

.input_password_invisible
   {
   border-width: 1px;
   border-color: #cccccc;
   border-style: solid;
   margin-left: 0px;
   width: 100%;
   display: none;
   }

.checkbox_invisible
   {
   display: none;
   }

.anchor_invisible
   {
   display: none;
   }

/*
div.checkbox
   {
   margin-bottom: 20px;
   }

div.checkbox input
   {
   display: block;
   position: absolute;
   }
   
label
   {
   font-size: 8pt;
   display: block;
   margin-left: 20px;
   position: relative;
   top: 3px;
   }
 */  
 
label
   {
	font-size: 10pt;
   }

.signInUpButton
   {
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 12px;
   padding-right: 12px;
   background-color: rgb(60, 85, 211); 
   color: #FFF; 
   font-size: 12pt; 
   font-weight: bolder;
   text-align: center;
   float: right;
   cursor: pointer;
   
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
   -webkit-border-bottom-left-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
   -webkit-border-top-left-radius: 2px;
   -webkit-border-top-right-radius: 2px;
   -moz-border-radius-bottomleft: 2px;
   -moz-border-radius-bottomright: 2px;
   -moz-border-radius-topleft: 2px;
   -moz-border-radius-topright: 2px;
   max-width: 200px;
   }

.signInUpButton_invisible
   {
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 12px;
   padding-right: 12px;
   background-color: rgb(60, 85, 211); 
   color: #FFF; 
   font-size: 12pt; 
   font-weight: bolder;
   text-align: center;
   float: right;
   cursor: pointer;
   display: none;
   
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
   -webkit-border-bottom-left-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
   -webkit-border-top-left-radius: 2px;
   -webkit-border-top-right-radius: 2px;
   -moz-border-radius-bottomleft: 2px;
   -moz-border-radius-bottomright: 2px;
   -moz-border-radius-topleft: 2px;
   -moz-border-radius-topright: 2px;
   max-width: 200px;
   }

.label_msg
{
 	font-style: italic;
 	font-size: 8pt;
 	float: right;
 	display: none;
}

.label_msg_left
{
   font-style: italic;
   font-size: 8pt;
   display: none;
}

select
{
	font-size: 10pt;
	width: 100%;
}

.loc_cb
{
	margin-top: 12px;
}