﻿/*

#user_profile_layout
{
    width: 240px;
    margin: 0 auto;    
    margin-bottom: 15px;
    padding-bottom: 10px;
    color: #666666;
    border: solid 1px #ccc;
    float: left;
}

#user_profile_container
{
    width: 240px;
    float: left;
    clear: both;
    margin-bottom: 10px;
}

#up_header
{
    width: 240px;
    height: 28px;
    margin: 0 auto;
    background: none;
    font-family: Verdana;
    font-size: 12px;
}

.up_header_title
{
    width: 194px;
    float: left;
    padding: 4px 0 0 6px;
    font-weight: bold;
}

.up_header_title_right
{
    width: 32px;
    float: left;
    text-align: right;
    padding: 6px 8px 0 0;
    font-weight: bold;
    font-size: 10px;
}

#up_content_container
{
    background: none;
    width: 240px;
    margin: 0 auto;
    height: 124px;
}

/* Container for avatar and edit profile */
/*
#up_name
{
    width: 160px;
    padding-top: 18px;
    font-size: 11px;
    font-weight: bold;
    color: #336699;
    margin-left: 1px;
    padding-left: 10px;
}
#up_avatar_container
{
    width: 70px;
    float: left;
}
#up_avatar
{
    margin: 0 auto;
    width: 52px;
    border: 1px dotted #000;
    margin-top: 5px;
    padding: 1px 0 1px 1px;
}


#up_profile
{
    width: 234px;
    float: left;
    font-family: Verdana;
    color: #666666;
    font-size: 11px;
    line-height: 15px;
    padding-left: 6px;
}
.up_profile_question
{
    font-weight: bold;
    padding-right: 10px;
    font-size: 10px;
}
.up_tags
{
    font-weight: bold;
    font-size: 10px;
    padding-right: 5px;
}

/* profile footer */
/*
#up_footer
{
    background: none;
    width: 240px;
    height: 14px;
    margin: 0 auto;
}


#user_profile_itinery
{
    width: 240px;
    float: left;
    clear: both;
}

#up_itinery_header
{
    width: 240px;
    height: 28px;
    margin: 0 auto;
    background: none;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
}

.up_itinery_header_title
{
    width: 134px;
    float: left;
    padding: 4px 0 0 6px;
    font-weight: bold;
}

.up_itinery_header_title_right
{
    width: 92px;
    float: left;
    text-align: right;
    padding: 4px 8px 0 0;
    font-weight: bold;
}

.up_line
{
    border: dotted;
    color: #333;
    width: 220px;
}

.up_item_itinery
{
	padding: 4px 0 0 6px;
	font-family: Verdana;
    font-weight: bold;
    font-size: 10px;
    float: left;
}
*/

/* MY DOCKWALK */

/* FRIENDS MAP */

.myDockwalkMap
{
	font-family: Verdana, Arial;
	font-size: 8pt;
	width: 563px;
	height: 360px;
	border-top: solid 1px #9BEBFF;
    border-left: solid 1px #9BEBFF;
    border-right: solid 1px #9BEBFF;
}

.mapbubble
{
	text-align: center;
}

.mapInfoBar
{
	background-color: #959494;
	height: 18px;
	width: 100%;
	border-left: solid 1px #9BEBFF;
		border-right: solid 1px #9BEBFF;
    background-image: url('images/calendar_name.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.mapKey
{
	float: right;
	color: #fff;
	padding-right: 17px;
}

/* MY PROFILE */

#myprofile_avatar_container
{
	width: 84px;
	float: left;
	margin-top: 5px;
	position: relative;
}

#myprofile_avatar
{
	width: 80px;
	height: 80px;
	padding: 1px;
	border: solid 1px #d9d8d8;
	display: block;
}

#myprofile_avatar a
{
	width: 80px;
	height: 80px;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
}

#myprofile_name
{
	width: 140px;
    margin-top: 5px;
    font-size: 0.875em;
    font-weight: normal;
    color: #666666;
    padding-left: 5px;
    float: left;
    font-size: 1.4em;
}

.myprofile_join_date
{
	font-size: 0.8em;
	line-height: 0.9em;
	color: #bcbcbc;
	padding-top: 2px;
	padding-bottom: 4px;
}

#myprofile_profile
{
	clear: both;
    color: #666666;
}

.profile_grid {
  float: left;
  width: 232px;
  margin-top: 13px;
  font-size: 1.2em;
  line-height: 1.3em;
  margin-bottom: 2px;
}

.profile_grid_row {
  float: left;
  width: 232px;
}

.profile_grid_row_alt {
  float: left;
  width: 232px;
  height: 19px;
  background-color: #e5faff;
}

.profile_grid_row_1 {
  float: left;
  width: 125px;
}
                   
.profile_grid_row_2 {
  float: left;
  width: 107px;
}





/* MANAGE ITINERARY */


.message_status_block
{
	border: 1px solid #d7d7d7;
	margin: 0pt 0pt 5px;
	padding: 3px;
}

.message_status_error_block
{
	background: #f0f0f0;
	padding: 10px 10px 10px 40px;
	position: relative;
	color: Red;
}

.message_status_help_block
{
	background: #f0f0f0;
	padding: 10px 10px 10px 40px;
	position: relative;
	color: #333;
}

.message_status_block_content
{
	padding: 5px;
	position: relative;
}


.manage_itinerary_panel {
  float: left;
  width: 563px;
}

.manage_itinerary_panel_top {
  width: 563px;
  height: 10px;
  background-image: url(../images/home-panel-top.gif);
  background-repeat: no-repeat;
}

.manage_itinerary_panel_middle {
  width: 561px;
  background-color: #ebebeb;
  border-style: none solid none solid;
  border-width: 1px;
  border-color: #51ceed;
}

* html .manage_itinerary_panel_middle {
  width: 563px;
}

.manage_itinerary_panel_bottom {
  width: 563px;
  height: 10px;
  background-image: url(../images/home-panel-bottom.gif);
  background-repeat: no-repeat;
}

.manage_itinerary_panel_header
{
  margin-left: 9px;
  margin-right: 9px;
  font-weight: bold;
  background-image: url(../images/dotted.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  padding-bottom: 7px;
}

.add_itinerary_panel, .view_itinerary_panel {
  margin-left: 9px;
  margin-right: 9px;
  margin-top: 3px;
  font-size: 0.8em;
  color: #666666;
  text-align: center;
  padding-bottom: 4px;
}

.add_itinerary_panel
{
	padding-bottom: 10px;
	border: solid 1px #51ceed;
}

.add_itinerary_button_panel
{
	text-align: right;
}

.manage_itinerary_Button {
  background-color: #04ccff;
  border-style: none;
  color: #ffffff;
  padding: 3px;
  font-size: 1.1em;
  font-weight: bold;
}



/********************************
		Manage Profile
*********************************/

.manage_profile_avatar_container
{
	width: 68px;
	height: 68px;
	float: left;
	margin-top: 5px;
	padding: 2px;
	position: relative;
	border: solid 1px #d9d8d8;
}

.manage_profile_avatar_container img
{
	padding-bottom: 0px;
}

.manage_profile_upload_container
{
	float: left;
	width: 230px;
	margin-top: 12px;
	margin-bottom: 2px;
	margin-left: 10px; 
	position: relative;
}

.manage_profile_tb
{
	float: left;
	/*width: 360px;*/
	margin-top: 8px;
	margin-bottom: 2px;
	margin-left: 10px; 
}

.manage_profile_tb_row
{
	float: left;
	width: 500px;
	height: 27px;
	position: relative;
}

.manage_profile_tb_row_add
{
	float: left;
	width: 360px;
	height: 56px;
	position: relative;
}

.manage_profile_tb_row_info
{
	float: left;
	width: 360px;
	height: 100px;	
	position: relative;
}

.manage_profile_tb_row_button
{
	float: left;
	width: 500px; /*360px*/
	height: 40px;
	padding-top: 5px;

}

.manage_profile_tb_row_button_upload
{
	float: left;
	width: 500px; /*360px*/
	height: 40px;
	padding-top: 5px;
	margin-top: -40px;
}

.manage_profile_tb_column1
{
	float: left;
	width: 130px;
}

.manage_profile_tb_column2
{
	float: left;
	width: 230px; /*230px*/
}

.manage_profile_tb_column_uploadbtn
{
	float: left;
	width: 292px;
}

.manage_profile_required_field
{
	color: #04ccff;
	font-size: 1.2em;
}


.manage_profile_password_tb
{
	float: left;
	width: 560px;
	margin-top: 8px;
	margin-bottom: 2px;
	margin-left: 10px; 
}

.manage_profile_password_tb_row
{
	float: left;
	width: 560px;
	height: 27px;
	position: relative;
}

.manage_profile_password_tb_column1
{
	float: left;
	width: 130px;
}

.manage_profile_password_tb_column2
{
	float: left;
	width: 430px;
}


/********************************
		New Messages
*********************************/

.messages
{
	clear: both;
	padding-top: 10px;	
}

.messages_header_panel
{
	font-weight: bold;
	color: #04ccff;
}

messages_header_panel .pipe
{
	
}

.messages_header_panel a
{
	font-weight: normal;
	color: #04ccff;
	text-decoration: none;
}

.messages_header_panel a:hover
{
	text-decoration: underline;
}

.message_panel_message
{
	margin-bottom: 10px;
}

.message_panel_from
{
	font-weight: bold;
	color: #3d3c3c;
}

.message_panel_subject a, .message_panel_reply a
{
	font-weight: bold;
	color: #04ccff;
}

.message_panel_reply
{
	padding-left: 10px;
}


.message_panel_more a
{
	color: #04ccff;
}

.registration_scroll 
{
	height: 120px;
	width: 530px;
	overflow: auto;
	border: 1px solid #666;
	background-color: #ccc;
	padding: 8px;
	margin-bottom: 4px;
}

.registration_block
{
	width: 560px;
	margin-top: 8px;
	clear: both;
	padding-top: 30px;
}

.registration_block_top
{
	margin-bottom: 4px;
}

.registration_tb
{
	float: left;
	width: 563px;
	margin-top: 8px;
	margin-bottom: 2px;
	margin-left: 10px; 
}

.registration_tb_row
{
	float: left;
	width: 563px;
	height: 27px;
}

.registration_tb_column1
{
	float: left;
	width: 200px;
}

.registration_tb_column2
{
	float: left;
	width: 363px;
}

.registration_required_field
{
	color: Red;
	font-size: 1.2em;
}

.registration_block_message
{
	text-align: center;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.registration_Button_block
{
	text-align: center;
	margin-top: 10px;
}

/*
.radInput_Mac
{
	width: 70px;
}

.radEnabledCss_Mac
{
	width: 70px;
}

.radInput_Default
{
	width: 70px;
}

.radEnabledCss_Default
{
	width: 70px;
}

.inputCell
{
	width: 70px;
}
*/


.ekFriendsOuterTable {background-color:#51CEED; width:315px;}



/* */
.manage_itinerary_tb
{
	float: left;
	width: 530px;
	margin-top: 8px;
	margin-bottom: 2px;
	margin-left: 10px; 
}

.manage_itinerary_tb_row
{
	float: left;
	width: 530px;
	height: 27px;
}


.manage_itinerary_tb_row_info
{
	float: left;
	width: 530px;
	height: 100px;	
}

.manage_itinerary_tb_column1
{
	float: left;
	width: 130px;
}

.manage_itinerary_tb_column2
{
	float: left;
	width: 400px;
}

.manage_itinerary_Location_input
{
	width: 300px;
	border-color: #04ccff;
	border-width: 1px;
	border-style: solid;
	color: #808080;
	font-size: 1.0em;
	padding: 3px;
	margin: 0;
	
}


.content_htmlctl00_rightContentPlaceHolder_SendUserMessage1_Messaging1_Toolbar 
{
    display: none;
}


/* Send Me A Message elements */
.SendMsgBlock
{
    
    /*display: block;*/
    
    float: left; 
    /*margin-bottom: 15px;
	padding-top: 15px;*/
}

.SendMsgTitle
{

    vertical-align: middle;
    color: #04ccff;
    margin-bottom: 0px;
    padding: 4px 0px 0px;
    background-color: #eeeeee;
    width: 220px;
    font-weight: bold;
}

.EktMessageCtl_post
{
	width:220px;
}

.EktMessageCtl_post .content_htmlctl00_rightContentPlaceHolder_SendUserMessage1_Messaging1_OuterTable
{
    background-color: White !important;
    width:220px;
    font-size: 1.20em;
}
.EktMessageCtl_main
{
    font-size: 1.2em !important;
}


.EktMessageCtl_main .EktMessageCtl_postformheader
{
    padding-left: 0px;
}

.EktMessageCtl_main .content_htmlctl00_rightContentPlaceHolder_SendUserMessage1_Messaging1_designEditorArea
{
    width: 185px !important;
}
.content_htmlctl00_rightContentPlaceHolder_SendUserMessage1_Messaging1_DesignBox
{
    border: solid 1px #03B8E4 !important;
    margin-bottom: 5px !important;
    margin-left: -2px;
    width: 225px;
}

.EktMessageCtl_edit
{
    border: solid 1px #03B8E4;
    margin-bottom: 5px;
    width: 225px;
}

/* --------- */ 

.media_panel_top
{
	margin-top: -1px;
}

.friends_panel_header_title{clear: both; left: -3px; position: relative;}
.friends_panel_header_title_left{width: 140px; float: left;}


.friends_list_panel {float: left; font-size: 1.1em; line-height: 1.7em; width: 564px;}
.friends_list_panel_top {float: left; width: 564px; margin-top: -1px;}
.friends_list_top_left {float: left; width: 10px; height: 10px; background-image: url(../images/media-panel-top-left.gif); background-repeat: repeat-x;}
.friends_list_top_center { float: left; width: 544px; height: 9px; border: 0; border-top: 1px; border-color: #9bebff; border-style: solid; background-image: url(../images/media-panel-top-center.gif); background-repeat: repeat-x; }
.friends_list_top_right { float: right; width: 10px; height: 10px; background-image: url(../images/media-panel-top-right.gif); background-repeat: repeat-x; }
.friends_list_panel_middle { float: left; width: 562px; background-image: url(../images/media-panel-bg.gif); background-repeat: repeat-x; background-position: top; border-style: none solid none solid; border-width: 1px; border-color: #9bebff; line-height: 110%; padding-bottom: 5px; padding-top: 15px; }
.friends_list_panel_bottom {float: left; width: 564px;}
.friends_list_bottom_left { float: left; width: 10px; height: 10px; background-image: url(../images/media-panel-bottom-left.gif); background-repeat: repeat-x; }
.friends_list_bottom_center { float: left; width: 544px; height: 9px; border: 0; border-bottom: 1px; border-color: #9bebff; border-style: solid; background-image: url(../images/media-panel-bottom-center.gif); background-repeat: repeat-x; }
.friends_list_bottom_right {float: right; width: 10px; height: 10px; background-image: url(../images/media-panel-bottom-right.gif); background-repeat: repeat-x;}

.friends_list_header{font-weight: bold; background-image: url(../images/dotted.gif); background-repeat: repeat-x; background-position: bottom; font-size: 1em; color: #04ccff; margin-top: -15px; margin-left: 5px; margin-right: 5px; }
.friends_list_header_title{clear: both; margin-top: -10px; padding-left: 4px; position: relative; color:#04CCFF; padding-bottom: 5px;}
.friends_list_panel_header_title_left{width: 130px; float: left;}
.friends_list_header_title a{color: #666666; font-weight :normal; text-decoration: none; float: right;}
.friends_list_header_title a:hover{text-decoration: underline;}

.ItemPanelDataContainer div.friends_list_panel_item {float: left; padding-left: 5px; width: 272px;}
.ItemPanelDataContainer div.friends_list_panel_item h4{font-size:0.9em; margin:2px; padding:2px;}
.ItemPanelDataContainer div.friends_list_panel_item .thumb_container_box{float: left;}
.ItemPanelDataContainer div.friends_list_panel_item .thumb_container{border:1px solid #E3E3E3; height:68px; padding:1px; width:68px; margin-right: 4px; display: block;}
.ItemPanelDataContainer div.friends_list_panel_item .thumb_container:hover{ border-color: #04ccff;}
.ItemPanelDataContainer div.friends_list_panel_item .thumb{background-position:center; background-repeat:no-repeat; display:block; height:68px; width:68px;}
.ItemPanelDataContainer div.friends_list_panel_item .thumb_container_box .user_star_rating{padding-top: 4px; padding-left: 4px;}
.ItemPanelDataContainer div.friends_list_panel_item ul.user_summary_info {}
.ItemPanelDataContainer div.friends_list_panel_item ul.user_summary_info li {display: inline; padding-right: 2px;}


/* need to change this to make it standard

.friends_list_panel {float: left; font-size: 1.1em; line-height: 1.7em; width: 550px;}
.friends_list_panel_top {float: left; width: 557px; margin-top: -1px;}
.friends_list_top_left {float: left; width: 10px; height: 10px; background-image: url(../images/media-panel-top-left.gif); background-repeat: repeat-x;}
.friends_list_top_center { float: left; width: 537px; height: 9px; border: 0; border-top: 1px; border-color: #9bebff; border-style: solid; background-image: url(../images/media-panel-top-center.gif); background-repeat: repeat-x; }
.friends_list_top_right { float: right; width: 10px; height: 10px; background-image: url(../images/media-panel-top-right.gif); background-repeat: repeat-x; }
.friends_list_panel_middle { float: left; width: 555px; background-image: url(../images/media-panel-bg.gif); background-repeat: repeat-x; background-position: top; border-style: none solid none solid; border-width: 1px; border-color: #9bebff; line-height: 110%; padding-bottom: 5px; padding-top: 15px; }
.friends_list_panel_bottom {float: left; width: 557px;}
.friends_list_bottom_left { float: left; width: 10px; height: 10px; background-image: url(../images/media-panel-bottom-left.gif); background-repeat: repeat-x; }
.friends_list_bottom_center { float: left; width: 537px; height: 9px; border: 0; border-bottom: 1px; border-color: #9bebff; border-style: solid; background-image: url(../images/media-panel-bottom-center.gif); background-repeat: repeat-x; }
.friends_list_bottom_right {float: right; width: 10px; height: 10px; background-image: url(../images/media-panel-bottom-right.gif); background-repeat: repeat-x;}
*/

/* Send user a quick message*/
.send_message_box{width: 217px; height: 100px; padding: 4px; color: #666666; font-size: 1.2em; border: 1px solid #9BEBFF; font-family: Sans-Serif;}
.send_message_subject_box{width: 217px; padding: 4px; color: #666666; font-size: 1.2em; border: 1px solid #9BEBFF; margin-bottom: 4px;}
a.send_message_button{font-weight: bold; margin-top: 4px;}
.send_message_confirmation_text{color: #666666; display: block; margin-bottom: 4px; font-weight: bold;}
/*.send_message_validation{text-indent: -10px; position: absolute;}*/