﻿/* @charset "utf-8"; */
/* CSS Document */

/*----------------------------
COLOURS
Page grey:		#C0C0C0
Page grey:		#D0D1D3
Near-Black:		#F231F20
Blue-txt/box:	#008CD2
Grey-text:		#747679
Dark-Text:		#231F20
Grey-strip:		#D1D3D4
Blue-Divider:	#9ECAEB

MARGINS BETWEEN COLUMNS:
14px;
----------------------------*/

/*GENERAL*/
html{font-family: sans-serif, helvetica, arial; font-size: 67.5%; color: #231F20; height: 101%; background-color: #D0D1D3; overflow-x: hidden;}

body{/*width: 952px; margin: 0 auto;*/ background-image: url(../images/backgrounds/bkg_main_background.jpg); background-repeat:repeat-x; /*background-repeat: no-repeat;*/ background-attachment: fixed;}

*{margin: 0px;padding: 0px;}
img{border: 0px;}

.hideMe{display: none;}
.showMe{display: block;}
.clear{width: 100%; clear: both; height: 0px;}
.vPadd_5{width: 100%; clear: both; height: 5px; background-color: transparent;}
.vPadd_10{width: 100%; clear: both; height: 10px; background-color: transparent;}
.vPadd_15{width: 100%; clear: both; height: 15px; background-color: transparent;}
.vPadd_20{width: 100%; clear: both; height: 20px; background-color: transparent;}

h2.big_blue{color: #008CD2; font-size: 30px;}

.panel_italics, .note_text{font-family: arial; font-size: 8px; font-style:oblique;}

.activeImage{cursor: pointer;}

a:link,a:visited{color: #747679; text-decoration: none; border-bottom: 0px dashed #747679;}
a:active,a:hover{border-bottom: 0px solid #747679;}

/*STRUCTURE*/
#wrapper{width: 952px; margin: 0 auto; padding-bottom: 30px; overflow-x: hidden;}
#footer{width: 100%; height: 10px; padding: 35px; text-align: center; font-size: 12px;}
#logostrip{height: 78px; width: 100%;}
#main_content_area{width: 100%; clear: both;}
/*
************************************
*/
#header{height: 110px; width: 100%; clear: both; /*background-image: url(../images/backgrounds/mountainlounge-heading.jpg); background-repeat: no-repeat;*/ background-position: top; margin-bottom: 10px;}
#header #logo{margin-left: 0px; width: 161px; height: 78px; float: left}

#d2b-header-contact{
	float: right;
	margin-top: 45px;
	margin-right: 180px;
    color: #7D7E7E;
	font-size: 10px;
	text-decoration:none;
	text-transform:uppercase;
}

#d2b-navigation
{
    /*background:url("../images/backgrounds/navHolderBkg.gif") no-repeat scroll 0 0 transparent !important; */
clear:both;
height:30px !important;
margin:0 !important;
padding:0;
width:952px !important;
padding-left: 20px;
/*padding-top: 10px;*/
}

#d2b-navigation ul{
	clear:left;
	margin-top:12px;
	
	
	list-style:none outside none;
	margin:0;
	padding:0;
	display: inline;
}

#d2b-navigation li{
	list-style: none;
	display: inline;
	margin-right: 25px;
}

/*#d2b-navigation a{
	color: #000000;
	text-decoration: none; 
	font-size: 12px;
	margin-top:7px;
	padding-bottom:0.75em;
	text-align:left;
	font-weight: bold;
}*/

#d2b-navigation a  {
    font-size: 1.9em;
    font-family: arial black,sans-serif;
    color: #fff;
   
}


/*
************************************
*/


ul#footer-nav{
	clear:left;
	margin-top:12px;
	list-style:none outside none;
	margin:0;
	padding:0;
	display: inline;
}

ul#footer-nav li{
	list-style: none;
	display: inline;
	margin-right: 25px;
	color: #008CD2;
}

#footer-nav a{color:#008CD2; text-decoration: none; font-size: 12px;}

/*MAIN*/
#homepage_header{background-image: url(../images/backgrounds/homepage_header.jpg); width:952px; height:480px; margin-bottom: 14px;}
#section_header{background-image: url(../images/backgrounds/section_header.jpg); width:952px; height: 130px; margin-bottom: 14px;}

#login_panel{background-color: #FFF; background-image: url(../images/backgrounds/signin_panel_1pxl.jpg); background-repeat: repeat-y; width: 290px; height: 185px; margin: 20px; float: right;}
div #nav_strip{width: 900px; margin: 0 auto; margin-top: 348px; border: 0px solid #000; margin-left: 7px; position: absolute;}
.nav-homepage{width: 130px; height: 117px; float: left; margin-left: 20px; cursor: pointer;}

#section_header #nav_strip{width: 952px; margin: 0 auto; margin-top: 11px; border: 0px solid #000; margin-left: 11px; position: absolute;}
.nav-section{width: 121px; height: 110px; float: left; margin-left: 10px; cursor: pointer;}


#column_left{width: 320px; margin-right: 14px; float: left;}
#column_right{width: 618px; float: left;}

.panel{background-color: #FFF; background-image: url(../images/backgrounds/gradient_1pxl.jpg); background-repeat: repeat-x; background-position: 0px 55px;}
.panel_closed{background-color: #FFF; background-image: url(../images/backgrounds/gradient_1pxl.jpg); background-repeat: repeat-x; background-position: 0px 55px; height: 55px; overflow: hidden;}

p.panel_links{height: 30px; width: 100%; padding: 10px 0px 0px 20px; clear: both; text-align: left; float:left; display:block}
p.panel_links a{color: #008CD2;}

/*div.rate_row{height: 30px;width: 50%; float: left;}*/

/*RECENT UPDATES*/
div#ru_content{height: 509px; overflow-y: hidden; border-bottom: 1px dashed #CCC;}
div#recent_updates{height: 585px; overflow-y: hidden;}
div#recent_updates p{border-bottom: 1px solid #9ECAEB; padding: 14px 14px 14px 85px; background-repeat: no-repeat; background-position: 10px 10px;}
span.avatar_small-text{width: 221px; margin-right: 14px; display: block; float: left;}
div#recent_updates_foot{height: 30px; background-color: #FFF; text-align: center;}

/*VIDEO*/
#latest_video_post{height: 410px; text-align: center;}
#latest_video_posts{background-color: #FFF; /*height: 400px;*/}
#video_archive{height: auto;}
.video_text_row{background-color: #FFF; background-image: url(../images/backgrounds/gradient_1pxl.jpg); background-repeat: repeat-x; text-align: center; padding-top: 7px; /*height: 565px; */ height: 702px;}
.video_text_row, #latest_video_posts_content{background-color: #FFF;}
#most_popular_videos, video_archive, latest_video_posts{cursor: pointer;}

span.playbackMain{width: 604px; height: 350px; display: block;}

#archived_photos_area, #archived_videos_area{height: 200px; overflow: hidden; width: 100%;}

.video_archive_all_comments_area{height: 285px; *height: 279px; overflow: hidden; width: 100%; background-color: #FFF;}
.video_archive_all_comments_area_long{height: 507px; *height: 501px; overflow: hidden; width: 100%; background-color: #FFF;}
#video_archive_make_comment{height: 530px; *height: 523px; overflow: hidden; width: 100%; background-color: #FFF;}

/*PHOTOS/PICTURES*/
div#recent_updates_foot{height: 30px; background-color: #FFF; text-align: center;}

#photo_archive{height: auto;}
.photo_text_row{width: 100%; height: auto; text-align: center; background-color: #FFF;}
.photo_text_row{background-color: #FFF; background-image: url(../images/backgrounds/gradient_1pxl.jpg); background-repeat: repeat-x; text-align: center; padding-top: 7px; /*height: 565px; */ height: 702px;}
.photo_text_row#latest_photo_posts_content{background-color: #FFF;}

#photo_comments_foot{width: 100%; height: 20px; padding-top: 5px; text-align: center;}

#archived_photos_foot, #video_archive_all_comments_foot, #photo_archive_all_comments_foot{width: 100%; text-align: center; padding-top: 5px; background-color: #FFF;}

.photo_archive_all_comments_area{height: 305px; *height: 299px; overflow: hidden; width: 100%; background-color: #FFF;}
.photo_archive_all_comments_area_long{height: 527px; *height: 521px; overflow: hidden; width: 100%; background-color: #FFF;}
#photo_archive_make_comment{height: 550px; *height: 543px; overflow: hidden; width: 100%; background-color: #FFF;}

/*BLOG*/
#latest_blog_post{margin-top: 0px; height: 347px;}
#latest_blog_post div{margin-top: 0px; padding: 10px; font-size: 11px;}
#latest_blog_post div p{margin-top: 20px; width: 100%; height: 100px;}
#latest_blog_post div span{margin-top: 20px; display: block; padding: 10px; background-color: #D1D3D4;}

/*WIN*/
#winstuff{height: 344px;}

/**************************************/

/*FORMS*/
p.label_field_pair,label_field_pair_wide {
	clear: both;
	float: none;
}
p.label_field_pair label,label_field_pair_wide {
	clear: left;
	display: block;
	float: left;
	text-align: right;
	width: 155px;

}

p.label_field_pair_wide{/*width: 150px; */border: 0px solid #000; text-align: right;}

p.label_field_pair input, label_field_pair_wide input {
	clear: right;
	float: left;
	margin-left: 10px;
	width: 100px;
	margin-bottom: 5px;
}
.submit_button{border: 0px; background-color: transparent; background-image: url(../images/buttons/submit_button.jpg); width: 101px; height: 24px;}
.create_account_button{border: 0px; background-color: transparent; background-image: url(../images/buttons/create_account.jpg); width: 168px; height: 24px;}

input submit, input button,input.submit, input.button{border: 0px; background-color: transparent; background-image: url(../images/buttons/submit_button.jpg); padding-left: 10px; padding-right: 10px; height: 24px;}

p.comments{width: 100%; padding: 0px 20px;}

/*FROM AW09 (where needed)*/
.alert {
	color:#CD0001;
}

.form_row {
 	border: 0px solid #999999; 
	padding: 0px; 
	margin: 10px 0px 0px 0px; 	
}

.label_area {
    float: left;
    width: 150px;
	text-align: right;
	padding: 3px 0px 0px 0px;
	border: 0px #999 solid;			
}

.input_area {
    float: right;
	width: 420px;
	text-align: left;
	border: 0px #666 solid;			
}

.input_area_L {
    float: left;
	width: 420px;
	text-align: left;
	border: 1px #666 solid;	
	display: block;
}
.input_area_L textarea{height: 200px;}
.label_area p {
    margin: 0px;
	padding: 2px 0px 0px 0px;
}

.form_push {
    clear: both;
 	height: 0px;
	overflow: hidden;  	
	border: 0px #FF0000 solid;	
	padding: 0px;		
}

.post_row {
	padding: 0px;  
	margin: 0px 0px 10px 0px; 	
}

.list_push {
    clear: both;
 	height: 10px;
	border-bottom: 1px solid #474747;    			
}

#textTitle {
    width: 180px; /*240px;*/
}

#textEntry {
    width: 400px;
    height: 200px;	
}


#commentText {
    width: 500px;
    height: 150px;	
}

#reportText {
    width: 180px; /*240px;*/
    height: 110px;	
}

#blogAbout {
    width: 280px; /*240px;*/
    height: 110px;
}

#blogTitle {
    width: 180px; /*240px;*/
}

.blog_text_row {
	padding: 0px;  
	margin: 0px 0px 0px 10px; 	
}

#videoTitle {
    width: 180px; /*220px;*/
}

#photoTitle {
    width: 180px; /*220px;*/
}
#videoLink {
    width: 180px; /*220px;*/
}

#videoAbout {
    width: 180px; /*240px;*/
    height: 110px;
}

.userguide_text_row {
	padding: 0px;  
	margin: 0px 10px 0px 10px; 	
}

.info_row {
	padding: 0px;  
	margin: 0px 0px 5px 15px; 
	text-align: left; 		
}

input:submit{height: 24px; border: 2px solid #7C7B79; background-color: #008DD3; padding: 5px 10px;}
input:button{height: 24px; border: 2px solid #7C7B79; background-color: #008DD3; padding: 5px 10px;}
input[type="button"],  input[type="submit"]  {
	background-color: #008DD3; 
	height: 24px; 
	padding: 0px 10px; 
	color: #FFF; 
	border: 2px solid #7C7B79;
	*padding: 0px 0px; 
}

/*TEAM PAGE*/
/*div.teamMember, div.teamMemberSelected{width: 117px; height: 160px; float: left; border: 1px solid #7C7B79; text-align: center; margin: 10px 2px; cursor: pointer;}
div.teamMember img, div.teamMemberSelected img{width: 117px; height: 124px;} */
div.teamMember, div.teamMemberSelected{width: 175px; float: left; text-align: center; margin: 10px 13px; cursor: pointer;}
div.teamMember img, div.teamMemberSelected img{width: 175px;}
div.teamMemberSelected{background-color: #008DD3; color: #FFF; font-weight: normal;}


