/* CSS Document - Alex Staudt - www.riversurfing.ca 2009 */





/* STANDARD ELEMENTS */
body{
background-image:url(background_images/pattern_test_1.png);
font-family: Verdana, Arial, Helvetica, sans-serif;
width: auto;
margin: 0px;
}
div{
font-size:11px;
}
td{
vertical-align:top;
}
form{
margin:1px;
padding:0px;
}





/* LINKS */
a:link {
	color: #2758b0;
	text-decoration: none;
	font-size:11px;
}
a:visited {
	text-decoration: none;
	color: #2758b0;
	font-size:11px;
}
a:hover {
	text-decoration: none;
	color: #999999;
	font-size:11px;
}
a:active {
	text-decoration: none;
	color: #2758b0;
	font-size:11px;
}





/* MAIN BODY */
#body_wrap_background{
  margin-left:auto;
  margin-right:auto;
  width:1000px;
  padding: 0 10px 0 10px;
  background-color:#000;
  min-height:1000px;

}
#footer_box{
  background-color:#000;
  color:#555;
  width:auto;
  height:auto;
  padding:5px 10px 5px 10px;
  margin:10px;
  font-size:11px;
}
#standard_header_left{
  background-image:url(background_images/side_header_bg_image.png);
  color:#999;
  width:auto;
  height:auto;
  padding:5px 10px 5px 10px;
  text-align:right;
  font-size:10px;
  border:thin solid #333;
  border-width:1px;
  -moz-border-radius-topleft : 5px;
  -webkit-border-top-left-radius : 5px;
  -moz-border-radius-topright : 5px;
  -webkit-border-top-right-radius : 5px;
}
#standard_body_left{
  background-color:#fff;
  color:#000;
  width:auto;
  height:auto;
  padding:7px;
  font-size:11px;
  -moz-border-radius-bottomleft : 5px;
  -webkit-border-bottom-left-radius : 5px;
  -moz-border-radius-bottomright : 5px;
  -webkit-border-bottom-right-radius : 5px;
}
#standard_body_main{
  background-color:#fff;
  color:#000;
  width:auto;
  min-height:460px;
  height:auto !important;
  height:460px;
  padding:12px;
  margin:5px;
  font-size:12px;
  -moz-border-radius-topleft : 10px;
  -webkit-border-top-left-radius : 10px;
  -moz-border-radius-topright : 10px;
  -webkit-border-top-right-radius : 10px;
  -moz-border-radius-bottomleft : 10px;
  -webkit-border-bottom-left-radius : 10px;
  -moz-border-radius-bottomright : 10px;
  -webkit-border-bottom-right-radius : 10px;
}
#header_span{
  background-image: url(background_images/header_span.jpg);
  width:1000px;
  height:202px;
  overflow:hidden;
}
#buttons_span{
  background-color:#000000;
  width:980px;
  height:30px;
  padding: 5px 10px 0px 10px;
  -moz-border-radius-bottomleft : 10px;
  -webkit-border-bottom-left-radius : 10px;
  -moz-border-radius-bottomright : 10px;
  -webkit-border-bottom-right-radius : 10px;
}





/* FORMS */
.textbox_style{
  font-size:11px;
  padding:3px;
  margin:2px 0px 2px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	width:auto;
}
.small_textbox_style{
  font-size:10px;
  padding:2px;
  margin:1px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	width:auto;
}
#form_submit_button{
  font-size: 12px;
  background:none;
  color: #2758b0;
  cursor: pointer;
  padding:2px;
  font-weight: bold;
  border: none;
}
#form_submit_button:hover{
  color:#000;
}
#small_form_submit_button{
  font-size: 10px;
  background:none;
  color: #2758b0;
  cursor: pointer;
  padding:2px;
  border: none;
  width:auto;
}
#small_form_submit_button:hover{
  color:#000;
}
#very_small_form_submit_button{
  font-size: 9px;
  background:none;
  color: #2758b0;
  cursor: pointer;
  padding:2px;
  border: none;
  height:15px;
  width:auto;
  overflow:hidden;
}
#very_small_form_submit_button:hover{
  color:#000;
}
.addform td{
padding:3px;
}
.form_text_lg{
color:#666;
font-size:10px;
font-weight:bold;
  border-width: 1px;
  border-style:solid;
  border-color:#ddd;
  background-color:#f7f7f7;
	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
  -moz-border-radius-topright : 5px;
  -webkit-border-top-right-radius : 5px;
  -moz-border-radius-bottomleft : 5px;
  -webkit-border-bottom-left-radius : 5px;
  -moz-border-radius-bottomright : 5px;
  -webkit-border-bottom-right-radius : 5px;
  padding:5px 5px 5px 20px;
  margin:1px;
}
.form_text_sm{
color:#888;
font-size:10px;
margin:3px 0px 0px 0px;
}


/* BUTTONS */
#button_big{
  background-color:#000;
  font-size:14px;
  font-weight:bold;
  color:#556170;
  display:block;
  float:left;
  cursor:pointer;
  margin-right:8px;
  padding:2px 10px 2px 10px;
}
#button_big:hover{
  color:#fff;
}
#button_small{
  background:none;
  font-size:10px;
  font-weight:bold;
  color:#555;
  display:block;
  float:right;
  cursor:pointer;
  margin-right:5px;
  padding:5px 10px 2px 10px;
}
#button_small:hover{
  color:#fff;
}
#prev_next_button{
  color:#2758b0;
  font-size:12px;
  font-weight:bold;
  padding:2px 12px 2px 12px;
  border-width: 1px;
  border-style:solid;
  border-color:#2758b0;
  background-color:#fff;
  cursor:pointer;
  width:auto;
	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
  -moz-border-radius-topright : 5px;
  -webkit-border-top-right-radius : 5px;
  -moz-border-radius-bottomleft : 5px;
  -webkit-border-bottom-left-radius : 5px;
  -moz-border-radius-bottomright : 5px;
  -webkit-border-bottom-right-radius : 5px;
}
#prev_next_button:hover{
  background-color:#2758b0;
  color:#fff;
}
#prev_next_button_null{
  color:#999;
  font-size:12px;
  font-weight:bold;
  padding:2px 12px 2px 12px;
  border-width: 1px;
  border-style:solid;
  border-color:#999;
  background-color:#fff;
  cursor:pointer;
  width:auto;
	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
  -moz-border-radius-topright : 5px;
  -webkit-border-top-right-radius : 5px;
  -moz-border-radius-bottomleft : 5px;
  -webkit-border-bottom-left-radius : 5px;
  -moz-border-radius-bottomright : 5px;
  -webkit-border-bottom-right-radius : 5px;
}
.video_play_button{
background-image: url(background_images/video_play_icon.png);
  height:16px;
  width:16px;
  cursor:pointer;
}
#thumbs_up_button{
  height:30px;
  width:30px;
  border:none;
  background-image: url(background_images/thumbs_button_1.gif);
  cursor:pointer;
  background-color: transparent;
}
#thumbs_up_button:hover{
  background-image: url(background_images/thumbs_button_2.gif);
}

.question_mark_button{
background-image: url(background_images/question_mark.jpg);
width:14px;
height:14px;
cursor:pointer;
margin:2px;
}
#world_map_link_button{
background-image: url(background_images/world_a.png);
width:50px;
height:24px;
cursor:pointer;
margin-top:3px;
}
#world_map_link_button:hover{
background-image: url(background_images/world_b.png);
}


/*in the current box*/
#itc_box{
background-image: url(background_images/grad_bg.jpg);
height:auto;
width:134px;
overflow:hidden;
text-align:left;
  border-width: 1px;
  border-style:solid;
  border-color:#999;
  color:#333;
  padding:5px;
  margin: 0 2px 4px 2px;
-moz-border-radius-topleft : 5px;
-webkit-border-top-left-radius : 5px;
  -moz-border-radius-topright : 5px;
  -webkit-border-top-right-radius : 5px;
  -moz-border-radius-bottomleft : 5px;
  -webkit-border-bottom-left-radius : 5px;
  -moz-border-radius-bottomright : 5px;
  -webkit-border-bottom-right-radius : 5px;
}
.rounded_color_box{
-moz-border-radius-topleft : 5px;
-webkit-border-top-left-radius : 5px;
  -moz-border-radius-topright : 5px;
  -webkit-border-top-right-radius : 5px;
  -moz-border-radius-bottomleft : 5px;
  -webkit-border-bottom-left-radius : 5px;
  -moz-border-radius-bottomright : 5px;
  -webkit-border-bottom-right-radius : 5px;
}
#itc_more_button{
color: #2758b0;
font-weight:600;
font-size:10px;
margin-top:10px;
  border-width: 1px;
  border-style:solid;
  border-color:#2758b0;
  padding:1px;
  width:143px;
  height:auto;
  text-align:center;
  background-color:#eee;
  cursor:pointer;

}
#itc_more_button:hover{
border-color:#333;
color:#333;
}
#itc_title{
font-size:14px;
color:#333;
margin-bottom:5px;
padding-top:3px;
}



/* Translate Box */
#tr_box{
width:14px;
text-align:center;
height:auto;
cursor:pointer;
display:inline;
float:left;
padding:1px;
font-size:9px;
margin:1px;
color:#ccc;
border-width:1px;
border-style:solid;
border-color:#333;
background-color:#556170;
-moz-border-radius-topleft : 3px;
-webkit-border-top-left-radius : 3px;
-moz-border-radius-topright : 3px;
-webkit-border-top-right-radius : 3px;
-moz-border-radius-bottomleft : 3px;
-webkit-border-bottom-left-radius : 3px;
-moz-border-radius-bottomright : 3px;
-webkit-border-bottom-right-radius : 3px;
}
#tr_box:hover{
color:#000;
}




/* Index Page */
#icon_about{
background-image:url('background_images/about1.png');
width:100px;
height:100px;
}
#icon_current{
background-image:url('background_images/current1.png');
width:100px;
height:100px;
}
#icon_blog{
background-image:url('background_images/blogs1.png');
width:100px;
height:100px;
}
#icon_image{
background-image:url('background_images/images1.png');
width:100px;
height:100px;
}
#icon_video{
background-image:url('background_images/video1.png');
width:100px;
height:100px;
}
#icon_register{
background-image:url('background_images/register1.png');
width:100px;
height:100px;
}
#icon_map{
background-image:url('background_images/map1.png');
width:100px;
height:100px;
}
#icon_users{
background-image:url('background_images/users1.png');
width:100px;
height:100px;
}
#icon_crews{
background-image:url('background_images/crews1.png');
width:100px;
height:100px;
}
#icon_filmfest{
background-image:url('background_images/filmfest1.png');
width:100px;
height:100px;
}
#icon_events{
background-image:url('background_images/events1.png');
width:100px;
height:100px;
}
#icon_forums{
background-image:url('background_images/forums1.png');
width:100px;
height:100px;
}

#splash_icon_outside_block{
cursor:pointer;
width:120px;
min-height:200px;
height:auto !important;
height:200px;
color:#333;
float:left;
margin:1px 1px 1px 1px;
padding:2px;
background-color:#fff;
  -moz-border-radius-topleft : 8px;
  -webkit-border-top-left-radius : 8px;
  -moz-border-radius-topright : 8px;
  -webkit-border-top-right-radius : 8px;
  -moz-border-radius-bottomleft : 8px;
  -webkit-border-bottom-left-radius : 8px;
  -moz-border-radius-bottomright : 8px;
  -webkit-border-bottom-right-radius : 8px;
border-width:3px;
border-color:#000;
border-style:solid;

}
#splash_icon_outside_block:hover{
border-color:#0033cc;
}
#splash_icon_inside_box{
padding:2px;
text-align:left;
}











/* FONT & HEADERS */
#radius_border_gen_header{
  color:#3e4551;
  font-size:16px;
  font-weight:bold;
  text-align:left;
  margin:4px;
  width:auto;
}
.comment_font_green{
color:#339933;
}
.comment_font_red{
color:#ff0000;
}





/* OTHER */
#greyblock2{
  background-color:#eee;
  color:#555;
  font-size:10px;
  padding:2px 3px 2px 3px;
	-moz-border-radius-topleft : 6px;
	-webkit-border-top-left-radius : 6px;
  -moz-border-radius-topright : 6px;
  -webkit-border-top-right-radius : 6px;
}
#radius_border_gen{
  background:none;
  font-size:10px;
  color:#333;
  padding:2px;
  margin:0px;
  width: auto;
  height: auto;
	border-color: #ccc;
	border-width:1px;
	border-style:solid;
	cursor:pointer;
	-moz-border-radius-topleft : 8px;
	-webkit-border-top-left-radius : 8px;
  -moz-border-radius-topright : 8px;
  -webkit-border-top-right-radius : 8px;
  -moz-border-radius-bottomleft : 8px;
  -webkit-border-bottom-left-radius : 8px;
  -moz-border-radius-bottomright : 8px;
  -webkit-border-bottom-right-radius : 8px;
}
#radius_border_gen:hover{
	border-color: #777;
}
.basic_border{
  background:none;
  font-size:11px;
  color:#333;
  padding:5px;
  margin:0px;
  width: auto;
  height: auto;
	border-color: #ccc;
	border-width:1px;
	border-style:solid;
	margin:3px;
	-moz-border-radius-topleft : 8px;
	-webkit-border-top-left-radius : 8px;
  -moz-border-radius-topright : 8px;
  -webkit-border-top-right-radius : 8px;
  -moz-border-radius-bottomleft : 8px;
  -webkit-border-bottom-left-radius : 8px;
  -moz-border-radius-bottomright : 8px;
  -webkit-border-bottom-right-radius : 8px;
}
#gallery_box{
  background-color:#eee;
  color:#333;
  font-size:10px;
  width: auto;
  height: auto;
  padding:3px 5px 3px 5px;
  margin:2px;
	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
  -moz-border-radius-topright : 5px;
  -webkit-border-top-right-radius : 5px;
  -moz-border-radius-bottomleft : 5px;
  -webkit-border-bottom-left-radius : 5px;
  -moz-border-radius-bottomright : 5px;
  -webkit-border-bottom-right-radius : 5px;
}
#comment_box{
  background-color:#fff;
  color:#555;
  font-size:10px;
  width: 260px;
  overflow:hidden;
  height:auto;
  padding:5px;
	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
  -moz-border-radius-topright : 5px;
  -webkit-border-top-right-radius : 5px;
  -moz-border-radius-bottomleft : 5px;
  -webkit-border-bottom-left-radius : 5px;
  -moz-border-radius-bottomright : 5px;
  -webkit-border-bottom-right-radius : 5px;
}

.hr {
	width: auto;
	height: 3px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #99cc99;
	margin-bottom:3px;
}
/*also used to enclose edit media */
#error_box{
  background-color:#f7f7f7;
  color:#000;
  font-size:11px;
  width: auto;
  height:auto;
  padding:5px;
	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
  -moz-border-radius-topright : 5px;
  -webkit-border-top-right-radius : 5px;
  -moz-border-radius-bottomleft : 5px;
  -webkit-border-bottom-left-radius : 5px;
  -moz-border-radius-bottomright : 5px;
  -webkit-border-bottom-right-radius : 5px;
}
#box_error{
  background-color:#fff1f1;
  color:#222;
  font-size:11px;
  width: auto;
  height:auto;
  padding:5px;
	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
  -moz-border-radius-topright : 5px;
  -webkit-border-top-right-radius : 5px;
  -moz-border-radius-bottomleft : 5px;
  -webkit-border-bottom-left-radius : 5px;
  -moz-border-radius-bottomright : 5px;
  -webkit-border-bottom-right-radius : 5px;
  border-width:1px;
  border-color:#FF8F8F;
  border-style:dashed;
  margin-bottom:10px;
}
#box_comment{
  background-color:#eefff2;
  color:#222;
  font-size:11px;
  width: auto;
  height:auto;
  padding:5px;
	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
  -moz-border-radius-topright : 5px;
  -webkit-border-top-right-radius : 5px;
  -moz-border-radius-bottomleft : 5px;
  -webkit-border-bottom-left-radius : 5px;
  -moz-border-radius-bottomright : 5px;
  -webkit-border-bottom-right-radius : 5px;
  border-width:1px;
  border-color:#1AFF8C;
  border-style:dashed;
  margin-bottom:10px;
}
#lg_box{
  background-color:#fff;
  color:#888;
  font-size:11px;
  width: auto;
  height:auto;
  padding:5px;
  margin:4px 0px 4px 0px;
  -moz-border-radius-topright : 10px;
  -webkit-border-top-right-radius : 10px;
  -moz-border-radius-bottomleft : 10px;
  -webkit-border-bottom-left-radius : 10px;
  -moz-border-radius-bottomright : 10px;
  -webkit-border-bottom-right-radius : 10px;
}
.td_style_a{
border-width:1px;
border-color:#ddd;
border-style:solid;
padding:1px;
margin:2px;
	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
  -moz-border-radius-topright : 5px;
  -webkit-border-top-right-radius : 5px;
  -moz-border-radius-bottomleft : 5px;
  -webkit-border-bottom-left-radius : 5px;
  -moz-border-radius-bottomright : 5px;
  -webkit-border-bottom-right-radius : 5px;
  }
#logo{
height:55px;
width:75px;
margin:5px;
background-image: url(background_images/small_logo.png);
display:block;
float:right;
cursor:pointer;
}
#logo:hover{
background-image: url(background_images/small_logo_hover.png);
}
/*table used in _markers.php */
.big_table th{
padding:2px 6px 2px 6px;
color:#bbb;
font-size:10px;
}
.big_table td{
padding:3px;
background-color:#eee;
color:#333;
font-size:11px;
	-moz-border-radius-topleft : 4px;
	-webkit-border-top-left-radius : 4px;
  -moz-border-radius-topright : 4px;
  -webkit-border-top-right-radius : 4px;
  -moz-border-radius-bottomleft : 4px;
  -webkit-border-bottom-left-radius : 4px;
  -moz-border-radius-bottomright : 4px;
  -webkit-border-bottom-right-radius : 4px;
}
.blogstyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
  background-color:#ffffff;
  padding:4px;
  color: #333333;
}
/*hide show tabs in about riversurfing & map location details */
#tab_style{
display:block;
font-size:10px;
float:left;
padding:4px 10px 4px 10px;
margin: 2px 2px 0 2px;
cursor:pointer;
background-color:#ddd;
border-left: thin solid #9ea6d6;
border-top: thin solid #9ea6d6;
border-right: thin solid #9ea6d6;
border-width:1px;
color:#3e4884;
font-weight:bold;
  -moz-border-radius-topleft : 4px;
  -webkit-border-top-left-radius : 4px;
  -moz-border-radius-topright : 4px;
  -webkit-border-top-right-radius : 4px;
}
#tab_style:hover{
color:#222;
}
#transparent{
	margin-top: -20px;
	position: relative;
	left: 0px;
	top: 23px;
	height:22px;
	width:80px;
	z-index: 2;
	filter:alpha(opacity=1);
	-moz-opacity:.01;
	opacity:.01;
}
.empty_section{
height:auto;
width:auto;
color:#555;
font-size:9px;
padding-top:150px;
padding-bottom:150px;
margin:2px;
text-align:center;
border-width:1px;
border-color:#bbb;
border-style:dashed;
}



/*
.animate({width:"400px"},400);
*/


/* MAP STUFF */
#map{
width:760px;
height:500px;
border-width:1px;
border-color:#999;
border-style:solid;
  -moz-border-radius-topleft : 10px;
  -webkit-border-top-left-radius : 10px;
  -moz-border-radius-topright : 10px;
  -webkit-border-top-right-radius : 10px;
  -moz-border-radius-bottomleft : 10px;
  -webkit-border-bottom-left-radius : 10px;
  -moz-border-radius-bottomright : 10px;
  -webkit-border-bottom-right-radius : 10px;
}
#map_resize{
width:30px;
height:19px;
background-image: url(background_images/map_resize1.png);
cursor:pointer;
}
#add_location{
width:345px;
padding:2px 5px 2px 5px;
height:auto;
}

#map_edit{
width:300px;
height:200px;
border-width:1px;
border-color:#999;
border-style:solid;
  -moz-border-radius-topleft : 6px;
  -webkit-border-top-left-radius : 6px;
  -moz-border-radius-topright : 6px;
  -webkit-border-top-right-radius : 6px;
  -moz-border-radius-bottomleft : 6px;
  -webkit-border-bottom-left-radius : 6px;
  -moz-border-radius-bottomright : 6px;
  -webkit-border-bottom-right-radius : 6px;
}
#add_button{
font-size:11px;
color:#2758b0;
background-color:#fff;
cursor:pointer;
padding:4px;
display:block;
float:right;
width:auto;
height:auto;
}
#add_button:hover{
color:#000;
}