html
{
    height: 200px;
    background-image: url('../images/gradient.jpg');
    background-repeat: repeat-x;
}

#doc4 { background: #fff; }
#hd, #bd {padding:10px 10px 0;}

#hd {height:120px!important;}
#ft
{
	background-image: url('../images/template/footer-gradient.png');
	background-repeat: repeat-x;
	height: 70px;
	vertical-align: bottom;
	padding-left: 10px;
}

li
{
  list-style-type: square!important;
  margin-left: 10px;
}

p {
padding-top:8px;
}

input { font-size: 11pt;}
textarea { font-size: 11pt; }

#copyright-statement {padding-top:20px; font-weight: bold; font-size:1em;}
.emphasis
{
    font-weight:bold;
}

#logo {float:left;height:100px;width:250px;background: url(../images/template/walkmatelogo2.gif);}
#nav {
    width: 100%;
    float: left;
    margin: 0 0 7px 0;
    padding: 0;
    list-style: none;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc; 
    background-image:url(/DXR.axd?r=0_1690);
    }
#nav li {
    float: left;list-style-type:none!important; }
#nav li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    border-right: 1px solid #ccc; }
#nav li a:hover
{
	color: #eee;
	background-color: #003399;
}

h1
{
	font-size: 1.7em;
	padding-bottom: 4px;
}

tr.Table-Header th
{
	padding: 2px 6px 2px 10px;
	
}


#facebox {

		/* overlay is hidden before loading */
		display:none;

		/* standard decorations */
		width:400px;
		border:10px solid #666;

		/* for modern browsers use semi-transparent color on the border. nice! */
		border:10px solid rgba(82, 82, 82, 0.698);

		/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
	}

	#facebox div {
		padding:10px;
		border:1px solid #3B5998;
		background-color:#fff;
		font-family:"lucida grande",tahoma,verdana,arial,sans-serif
	}

	#facebox h2 {
		margin:-11px;
		margin-bottom:0px;
		color:#fff;
		background-color:#6D84B4;
		padding:5px 10px;
		border:1px solid #3B5998;
		font-size:20px;
	}




.importantlink
{
display:block;
font-size:1.4em;
padding-top:9px;
font-weight:bold;
}

.h3headline
{
	font-weight:bold;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
.h2headline
{
	font-weight:bold;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size:1.2em;
}
.cutebutton
{
	background-image: url(../images/template/cutebutton.png);
	background-position: center;
	border: 1px solid #3366CC;
	padding: 3px 5px 3px 5px;
}

.cutebutton-compact
{
    background-image: url(../images/template/cutebutton.png);
    background-position: center;
    border: 1px solid #3366CC;
    padding: 2px 2px 2px 2px;
    font-size: x-small;
    font-weight:bold;
}

.spacing { padding-bottom: 15px; }

#register td
{
	padding: 4px 4px 4px 4px;
}

#home-left { float: left; width: 730px;}
#home-right {float:right;width:200px;}

#content-left-panel { float: left; width: 49%;}
#content-right-panel { float: right; width: 49%;}


#default-members-table
{
	width:100%;
}
#upcoming-walks-table
{
	width:100%;
}
#signups-container
{
	border-style: solid;
	border-width: 1px;
	width: 99%;
	height: 100px;
	background-color: #FFFFCC;
}


#profile-left {float:left; width:20%;}
#profile-right {float:right;width:79%}

.profile-list-thumbnail
{
	float: left;
	width: 115px;
}

.profile-list-details
{
	float: right;
    width:670px;
}

.profile-list-header
{
		font-size: 1.3em;
	font-weight: bold;
}
.profile-list-tagline
{
	font-size: 1.1em;
	font-weight: bold;
}

.profile-list-options
{
	clear:both;
	text-align: right;
}
.profile-list-row
{
	min-height:145px;
	height:auto !important;
	height:130px;
	margin-bottom:15px;
	clear: both;
	border-bottom: dotted 1px #444;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item { 
    float: left;
    list-style: none!important;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
 }


/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.likesdislikebullets
{
  list-style-type: square!important;
  margin-left: 10px;
}

.likesdislikebullets li
{
  list-style-type: square!important;
  margin-left: 10px;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* *{padding: 0; margin: 0;} */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

.thumbnail-image
{
    padding: 5px;
}

.profile-essentials
{
height: 20px;
    }


.profile-essentials label
{
    float:left;
    width:120px;
}

.profile-essentials  div
{
    width:auto;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

#compose-message {height:500px;}

#compose-message label {width:200px;float:left;}
#compose-message .question-line { height: 25px;}
#compose-message .message {width: 500px; height: 300px;}

#inbox
{
    width: 100%;
}

#inbox thead
{
    background:#44599C;
    color:White;
    font-weight:bold;
    font-size: 0.8em;
}

#inbox thead  #selectItemColumn 
{
    width:5%;
}
#inbox thead #senderColumn
{
    width:15%;
}

#inbox thead #subjectColumn
{
    width:auto;
}

#inbox thead #dateSentColumn
{
    width:15%;
}

#inbox thead #actionsColumn
{
    width:15%;
}

.inbox-row
{
    border-style: none none solid none;
    border-bottom-width: 1px;
    border-bottom-color: #333399;
}
.inbox-alternating
{ 
    background-color:#FFFFCC;
 }

 #inbox-count { float: right;font-weight:bold;}
 
 #inbox-count-label { font-weight:normal; }
 
  #inbox-go-to { font-weight:normal; }
  
  
  .rbroundbox { background: url(../images/roundborders/nt.gif) repeat; }
.rbtop div { background: url(../images/roundborders/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/roundborders/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/roundborders/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/roundborders/br.gif) no-repeat bottom right; }

.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; }


.input-form label { width: 200px; float:left;}
.input-form li { list-style-type: none!important; padding-top:5px; padding-bottom: 5px }
.input-form .input-field {width:500px;}
#articleBody { height: 350px; }


.mountain-guide-line
{
    width:100%;
}

.mountain-guide-item
{
    width:49%;
    float:left;
    border-color:Black;
}

#feature-page label {width: 140px;float:left;font-weight:bold;}
#feature-page .feature {height:20px;vertical-align:middle;margin-top:5px;}
#feature-left { width: 60%; float: left;}
#feature-right { width: 39%; float: right;}

.deals-picture {float:left;width:30%;}
.deals-info { float:right; width: 69%;}

.region-left {float:left;width:49.5%;}
.region-right { float:right; width: 49.5%;}


.peak-list { width:100%;}
.peak-list thead
{
    background-color: #FF9933;
}

.breadcrumb-item {float:left;font-size:1.1em;margin-bottom:5px;}
.leaf {font-weight:bold;}

.form { margin-top:15px;}
.form li {list-style-type: none!important;height:30px;}
.form ul
{
    list-style-type: none!important;
}
.form label {float:left;width:230px;font-weight:bold;}


.comment-textbox
{
    width:90%;
    height: 150px;
}

.contentpagecomments li { padding-bottom: 15px;}

.contentpagecomments a { font-weight: bold;} 

.Update-Successful
{
    font-size: large;
    background-color: #CCFFCC;
    border: 1px solid #006600;
    padding: 5px;
    color: #006600;
}

.bitbigger
{
    font-size:1.3em;
}

.OKBar
{
	margin-top: 5px;
	padding: 9px 9px 9px 40px;
	background-position: 3px;
	background-color: #CCFFCC;
	border: 1px solid #009900;
	background-image: url('../images/status-green.gif');
	background-repeat: no-repeat;
	font-weight:bold;
}

.WorriedBar
{
	margin-top: 5px;
	padding: 9px 9px 9px 40px;
	background-position: 3px;
	background-color: #FFFFCC;
	border: 1px solid #FF9900;
	background-image: url('../images/status-yellow.gif');
	background-repeat: no-repeat;
	font-weight: bold;
}

.ErrorBar
{
	margin-top: 5px;
	padding: 9px 9px 9px 40px;
	background-position: 3px;
	background-color: #FFCCFF;
	border: 1px solid #990000;
	background-image: url('../images/status-red.gif');
	background-repeat: no-repeat;
	font-weight: bold;
}
.RegisterToEventContainerFailure
{
	background-color: #FFCCFF;
	border: 1px solid #990000;
}

.important-notice
{
	margin-top: 8px;
	margin-bottom: 6px;
	border: 1px solid #FF9900;
	padding: 5px;
	background-color: #FFFFCC;
}

.important-notice h2
{
	font-size: 1.3em;
	color: #FF9900;
}


.formpanel
{
    background-color: #E8FFFF;
    border: 1px solid #99CCFF;
}

#search-panel1
{
    width: 32%;float:left;
}
#search-panel2
{
    width: 32%;
    float:left;
}
#search-panel3
{
    width: 32%;
    float:left;
}

.formpanel label
{
    width: 20%;
}

.walkerPicture
{
    float:left;
    padding-top: 10px;
}


.walkerItem
{
 padding-left:130px;   
 height: 130px;
}

.walkers-table td
{
    vertical-align: top;
    padding-left: 10px;
}

.attendee-name-link
{
    font-size: medium;
}

.route-description-input
{
	height: 180px;
	width: 100%;
}

.gallery-item
{
    height:120px;
    width:115px;
    display:inline-block;
}

.selected-gallery-item
{
    padding: 8px;
    height: 145px;
    width: 115px;
    display: inline-block;
    border: 2px solid #666666;
}

.gallery-item-edit
{
    display:none;
}

.selected-gallery-item .gallery-item-edit
{
    display:inline;
}

div .user-gallery-listitem  { width:100%;}
div .user-gallery-listitem-selected
{
    background-color: #F2F4FF;
}
a.user-gallery-listitem-manage  { float:right;display:none;padding-left:6px;}

h2.gallery-title { font-size: 1.7em; padding-bottom: 3px;}

#search-results .profile-list-row
{
	float: right;
    width:570px!important;
}

#search-results .profile-list-details
{
	float: right;
    width:440px!important;
}