/**
*    CSS for Orange themed template for Members
*
* @author		vidhya_29ag04
* @copyright	Copyright (c) 2006 {@link http://www.agriya.com Agriya Infoway}
* @license 		http://www.agriya.com Agriya Infoway Licence
* @version 		SVN: $Id: screen_blue.css 2976 2006-12-19 07:11:51Z selvaraj_35ag05 $
* @since 		2006-06-10
*/

/*-- Importing the main style sheet --*/
@import url("../../css/kiteboardingmag.css");
#membersvideoDetails #selMsgConfirm{
	clear:both
}
/*-- videoUpload --*/
#selVideoUploadRules,#flaggedForm{
	margin:0.5em;
	padding:0.5em;
	border:1px solid #C1C4C9;
	background-color:#DEE3E7;
}
#selUploadLink{
	text-align:right;
}
	#selUploadLink a{
		padding:0.2em 1.5em 0.2em 0;
		text-decoration:none;
	}
/*-- Members Index.php--*/

.clsUrlTitle{
	padding:0 0 0.5em 0;
}
.clsNewMailRequestCell{
	vertical-align:top;
	width:13%;
}
	.clsNewMailRequestCell a{
		text-decoration:none;
	}

#selNewMembersTable,#selNewMembersTable a{
	font-size:1em
}
#selNewMembersTable td a{
	font-weight:normal;
	color:#F96D0E
}
	#selNewMembersTable,#selNewMembersTable td{
		border:0;
		padding:0;
		vertical-align:top;
	}
	#selNewMembersTable{
		margin:0;
		width:100%;
	}
	#selNewMembersTable div,#selNewMembersTable span{
		margin:0;
		padding:0
	}
#main table#myFriends p#selIndexSendMessage	a{
	padding:0.2em 0 0.2em 1.5em;
	background:url(../../images/screen_blue/icon-mailcount.gif) left no-repeat;
	color:#72777B;
}
/*-- friendAdd --*/
.clsBottomofImage{
	clear:both
}
.clsBottomofImage,.clsBottomofImage td{
	border:0
}
#main .clsImage{
	margin:0.5em 0;
}
#main h2 .clsUser{
	font-weight:bold;
	display:inline;
	background:transparent;
	padding:0
}
/*-- browseMembers --*/
#selBrowseCriteria{
	border:1px solid #FFF;
}
#selBrowseCriteria td{
	background-color:#F0F4F7;
	border:1px solid #FFF;
	padding:0.5em;
}
#selBrowseCriteria th{
	padding:0.5em;
	border:1px solid #FFF;
	vertical-align:middle;
	color:#000;
}
	#selBrowseCriteria h4{
		color:#000;
		padding:0 0 1em 0;
	}
#selBrowseCriteria #selBrowseButton{
	padding:0.5em 0;
	text-align:center;
	background-color:#FFF
}
	#selMemberBannerImg{
		float:right;
		width:123px;
		margin:1em 0;
	}	
		#selBrowseCriteria .clsCheckRadio,#selBrowseCriteria select{
			font-size:0.9em
		}
		#selBrowseCriteria .clsPhotoFilter p{
			text-align:right
		}
	#selBrowseCriteria .clsSmokerDrinker{
		border:0
	}
		#selBrowseCriteria .clsSortMembers h2 span{
			padding:0.2em 0 0.2em 0.5em
		}
		* html #selBrowseCriteria .clsSortMembers h2 span{
			padding:0 0 0 0.5em
		}
		th #browse_submit{
			background:#1A7BE6 url(../../images/screen_blue/btn-browsemembers.gif) repeat-x center center;
			height:18px;
			width:60px;
			display:block;
			color:#FFF;
			float:right;
			border:0;
			clear:right;
			margin:-1.2em 0.5em 0 0;
			padding:0 0.2em;
			vertical-align:middle;
			cursor:pointer;
			text-transform:lowercase;
		}
		* html th #browse_submit{
			margin:-1.2em 0.5em 0 0;
		}
#selMembersCount{
	padding:0.5em 0 1em 0;
	color:#697F8D
}
	.clsMemberCount{
		color:#1A7BE6
	}
/*-- invitationHistory --*/
#remind_submit{
	display:block;
	padding:0;
	width:58px;
	height:18px;
	background:url(../../images/screen_blue/bg-remind.gif) no-repeat center center;
	border:0;
	cursor:pointer;
	color:#000;
	margin:0 auto
}
#selInviteHistoryTbl{
	width:95%;
	margin:1em 0 1em 0;
}
#selInviteHistoryTbl,#selInviteHistoryTbl td{
	border:0.2em solid #FFF;
	background-color:#F0F4F7
}
#selInviteHistoryTbl td{
	padding:0.5em;
	text-align:center;
	white-space:nowrap
}
#selInviteHistoryTbl th{
	border:0.2em solid #FFF;
	padding:0.5em;
}
#selInviteHistoryTbl td label{
	font-size:0.9em
}
#selInviteHistoryTbl a{
	color:#000104;
	text-decoration:none;
}
	#selRemindLink{
		background:url(../../images/screen_blue/icon-remind.gif) no-repeat 0 0.4em;
		padding:0 0 0 1em;
	}
	#selInviteHistoryTbl .clsInviteEmail{
		text-align:left;
		width:18em
	}
	#selInviteHistoryTbl .clsSelectAllInvitation{
		text-align:right;
	}
	#selInviteHistoryTbl .clsRemind{
		width:105px;
	}
	#main .clsSelectAllInvitation p{
		padding:0
	}
	#main .clsSelectAllInvitation #remind_submit{
		float:right;
		clear:both;
		margin:0.5em 0 0 0;
	}
	#selInviteHistoryTbl .clsNotJoined{
		color:#0164DC;
	}
	#selInviteHistoryTbl .clsRemind{
		color:#0164DC;
	}
/*-- membersBrowse --*/
#selMembersBrowseTable #selMemDetails #selFriendCount{
	background-image:url(../../images/screen_blue/icon-myfriends.gif);
}	
/*-- myphotoAlbums --*/
.clsMyPhotoAlbumTbl th,.clsMyPhotoAlbumTbl td{
	text-align:left;
	padding:0.5em
}
	.clsBulletinViews,.clsBulletinReplies,.clsBulletinViews,.clsBulletinReplies,.clsAlbumPhotos,.clsAlbumPhotos{
		text-align:center;
	}
/*-- selectUserNames --*/
#membersselectUsernames table{
	width:50em;
}
#friends_list{
	width:75%;
	float:right;
	text-align:left;
}
/*-- createAlbum --*/
#selContactList{
	width:280px;
	float:right;
}
/*-- photoFlag --*/
#selPhotoFlagTable{
	width:30em
}
/*-- managePhotoComments --*/
#selPhotoTitle{
	clear:both
}
#selShowPhotoComment{
	text-decoration:underline;
	border:1px solid #FFF;
}
#selShowPhotoComment:hover{
	text-decoration:none;
	border:1px solid #FEFEFE;
}
#selShowPhotoComment span{
	display:none
}
#selShowPhotoComment:hover span{
	display:block;
	position:absolute;
	position:absolute;
	background-color:#FFF;
	border:1px dashed #E45800;
	padding:0.2em;
	width:200px;
	background-color:#DEE3E7;
	margin:0 0 0 3em;
	font-weight:normal;
	color:#000;
}
* html #selShowPhotoComment:hover span{
	margin:1em 0 0 0em;
}
/*-- profileThemeDesign --*/
#layout{
	width:45em
}
.clsMainTagsDisplay ul li{
	display:inline;
}

/*-- Waterski  main menu styles --*/


#main_nav {
  	background:url(/images/kiteboardingmag/bg-main-menu.gif) no-repeat top center #FF0000;
	margin:7px 0 5px 0;
	height:40px;
}

#main_menu {
	width: 658px;
	height: 40px;
	padding: 0;
	float:left
}

  #main_menu ul {
	}

  #main_menu ul li {
  	float: left;
	padding:0px;
	}

  #main_menu ul li.first {

	}

  #main_menu ul li a,
  #main_menu ul li a:link,
  #main_menu ul li a:visited {
  	display: block;
  	font-size: 1.2em;
  	text-decoration: none;
  	color: #ffffff;
	  display: block;
	  text-align: center;
	}

  #main_menu ul li a:hover,
  #main_menu ul li a:active,
  #main_menu ul li a:focus {
  	background-color: #000;
  	text-decoration: none;
  	outline: none;
	  color: #ffffff;
	}

#sec_nav {
	height:40px;
	margin:5px;
}

/*--------------------------------------------------------------------------------
  USER TOOLS
--------------------------------------------------------------------------------*/
.user_tools {
  position: relative;
  width:670px;
  float:left;
}

ul.user_tool_navigation {
  height: 40px;
  margin-left:5px;
}

ul.user_tool_navigation li {
	padding: 0 0 0 15px;
  	color: #000000;
  	font-weight: normal;
	background:url(/images/kiteboardingmag/user_tool_bullet.gif) no-repeat scroll 5px 50%;
	float: left;
	font-weight:bold;
	margin-top:10px;
}

ul.user_tool_navigation li a,
ul.user_tool_navigation li a:link,
ul.user_tool_navigation li a:visited,
ul.user_tool_navigation li a:focus,
ul.user_tool_navigation li a:active {
	color: #000000;
	margin-right:0;
}

ul.user_tool_navigation li a:hover {
	color: #ffffff;
}

/*--------------------------------------------------------------------------------
  SEARCH FORM
--------------------------------------------------------------------------------*/

.search_form_container {
	height: 40px;
	line-height: 40px;
	text-align: right;
	padding: 0;
	margin-right:6px;
	width: 310px;
	float:right;
}

.search_form_container span {
	float: left;
	display: block;
	color: #000000;
	font-weight: bold;
	padding-left: 25px;
	background: url(/images/kiteboardingmag/user_tool_bullet.gif) no-repeat 5px 50%;
}

.search_form_container form {
	margin: 0;
	padding: 6px 0 0 0;
	display: block;
	line-height:28px;
}

input.search_home {
	width: 190px;
	z-index: 1001;
	margin: 2px 0 0 5px;
	padding:2px 0;
	font-size: 16px;
	height:19px;
	border:0;
	display:block;
	float:left;
	border:1px solid #666666;
}

input.search_btn {
	color: #000000;
	width: 34px;
	height: 25px;
	text-indent: -9999px;
	background: #fff200 url(/images/kiteboardingmag/search_btn.gif) no-repeat right top;
	margin: 2px 0 0 -5px;
	padding: 0;
	cursor:pointer;
	border:0;
	display:block;
	float:left;
}

/*--------------------------------------------------------------------------------------------------

   BUTTON DEFINITIONS

--------------------------------------------------------------------------------------------------*/


/*.clear {  generic container (i.e. div) for floating buttons
    overflow: hidden;
    width: 100%;
}*/

a.button-sub {
    color: #000;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 17px;
    margin-right: 4px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
}

a.button-sub:hover {
    background: transparent url(/images/kiteboardingmag/button_a.png) no-repeat scroll top right;
    color: #fff;
	text-decoration:none;
}

a.button-sub span {
    display: block;
    line-height: 13px;
    padding: 2px 0 2px 10px;
}

a.button-sub span:hover {
    background: transparent url(/images/kiteboardingmag/button_span.png) no-repeat;
    display: block;
    line-height: 13px;
    padding: 2px 0 2px 10px;
}

a.button-sub:active {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.button-sub:active span {
    background-position: bottom left;
    padding: 2px 0 2px 10px; /* push text down 1px */
}


.mm_videos{
	width:102px;
	height:40px;
	background:#00c4d9 url(/images/kiteboardingmag/main_menu.gif) no-repeat 0 0;
	text-indent:-9999px;
	display:block;
}

.mm_videos:hover{
	background:#000000 url(/images/kiteboardingmag/main_menu.gif) no-repeat 0 -40px;
}

.mm_photos{
	width:114px;
	height:40px;
	background:#00c4d9 url(/images/kiteboardingmag/main_menu.gif) no-repeat -102px 0;
	text-indent:-9999px;
	display:block;
}

.mm_photos:hover{
	background:#000000 url(/images/kiteboardingmag/main_menu.gif) no-repeat -102px -40px;
}

.mm_boats{
	width:99px;
	height:40px;
	background:#00c4d9 url(/images/kiteboardingmag/main_menu.gif) no-repeat -216px 0;
	text-indent:-9999px;
	display:block;
}

.mm_boats:hover{
	background:#000000 url(/images/kiteboardingmag/main_menu.gif) no-repeat -216px -40px;
}
.mm_gear{
	width:89px;
	height:40px;
	background:#00c4d9 url(/images/kiteboardingmag/main_menu.gif) no-repeat -315px 0;
	text-indent:-9999px;
	display:block;
}

.mm_gear:hover{
	background:#000000 url(/images/kiteboardingmag/main_menu.gif) no-repeat -315px -40px;
}

.mm_howto{
	width:112px;
	height:40px;
	background:#00c4d9 url(/images/kiteboardingmag/main_menu.gif) no-repeat -404px 0;
	text-indent:-9999px;
	display:block;
}

.mm_howto:hover{
	background:#000000 url(/images/kiteboardingmag/main_menu.gif) no-repeat -404px -40px;
}

.mm_contests{
	width:142px;
	height:40px;
	background:#00c4d9 url(/images/kiteboardingmag/main_menu.gif) no-repeat -516px 0;
	text-indent:-9999px;
	display:block;
}

.mm_contests:hover{
	background:#000000 url(/images/kiteboardingmag/main_menu.gif) no-repeat -516px -40px;
}

.mm_freeinfo{
	width:114px;
	height:40px;
	background:#00c4d9 url(/images/kiteboardingmag/main_menu.gif) no-repeat -636px 0;
	text-indent:-9999px;
	display:block;
}

.mm_freeinfo:hover{
	background:#000000 url(/images/kiteboardingmag/main_menu.gif) no-repeat -636px -40px;
}

.mm_forums{
	width:96px;
	height:40px;
	background:#00c4d9 url(/images/kiteboardingmag/main_menu.gif) no-repeat -750px 0;
	text-indent:-9999px;
	display:block;
}

.mm_forums:hover{
	background:#000000 url(/images/kiteboardingmag/main_menu.gif) no-repeat -750px -40px;
}

/*--Waterski footer styles--*/

.footer_logos {
	float:left;
	background-color:#0093A7;
	width:230px;
	height:115px;
	text-align:center;
	margin-left:5px;
}

.footer_log {
	margin-top:50px;
}

.footer_links {
	float:right;
	background-color:#74919F;
	width:725px;
	height:85px;
	padding: 15px;
	line-height: 16px;
	color: #ffffff;
	font-size: 0.9em;
	text-align: center;
	margin-right:5px;
}

.footer_links a{
	color:#ffffff !important;
}

.privacy_terms_links {
	font-size: 12px;
	text-align:center;
}

.bonnier_line {
	margin-top:10px;
}

.pages_box {
	padding:10px 5px;
	text-align:left;
	clear:left;
}

.footer_brands {
	color:#ffffff;
	margin-top:30px;
}

.footer_brands select{
	width:200px;
}