﻿#top, #main, #bottom
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#top
{
	height: 113px;
	background: url(/images/bg_top.jpg) no-repeat bottom center;
}
.siteLogo
{
	float: left;
	display: inline;
	border: none;
	margin-top: 51px;
	margin-left: 65px;
	margin-right:42px;
}
/* General Page */
.generalPageMain{
	width: 720px;
	margin-top: 10px;
}
.generalPageMain .headerContainer{
	background: url(/images/bg_general_page_main_header_container.png) no-repeat bottom center;
}
.generalPageMain .header{
	background: url(/images/bg_main_right_nav.png) repeat-x;
	height: 29px;
	text-align: center;
	font-size: 18px;
	color:#e5e5e6;
	padding-top: 7px;
	margin: 2px;
	margin-bottom: 0;
}
.generalPageMain .content{
	background: url(/images/bg_general_page_main.png) repeat-y center;
	font-size: 14px;
	padding: 10px;
	min-height: 500px;
}
.generalPageMain .bottom{
	background: url(/images/bg_general_page_main_bottom.png) no-repeat center top;
	height: 15px;
}

#topRight
{
	float: left;
	width: 720px;
}
/* Login Form On The Top */
#topRight .loginForm
{
	margin-top: 8px;
	padding-right: 5px;
	position: relative;
}

#topRight .loginForm .label
{
	font-size:11px;
}


#topRight .loginForm .mainPageSlogan
{
	position: absolute;
	font-size: 17px;
	left: 185px;
	top: 14px;
}
#topRight .loginForm .loginFormItem
{
	height: 20px;
	text-align: right;
	vertical-align: middle;
}
#topRight .loginForm .loginFormItem .txt
{
	width: 132px;
	height: 16px;
	padding: 1px 3px;
	padding-right: 0;
	font-size: 11px;
	border: none;
	background: url(/images/bg_input.jpg) no-repeat;
}
#topRight .loginForm .loginFormItem .button
{
	display: inline;
	width: 47px;
	height: 20px;
	font-size: 10px;
	background: url(/images/btn_action_blue_small.png) no-repeat;
}
#topRight .loginForm .passwordItem .button
{
	margin-top: 2px;
}

/* Top Navigator */
.topNav
{
	height: 50px;
	margin-left: 20px;
	margin-top: 17px;
}

#main
{
	background: url(/images/bg_main.jpg) repeat-y center top;
}
#mainBody
{
	padding-top: 1px;
	background: url(/images/bg_maintop.jpg) no-repeat center top;
}

/************ Left Sidebar **************/
#mainLeftBar
{
	margin-left: 55px;
	float: left;
	display:inline;
	width: 145px;
}
/* Left Block */
.leftBlock .header
{
	padding-top: 3px;
	height: 28px;
	font-size: 22px;
	color: #3d3e40;
	text-align: center;
	background: url(/images/bg_left_block_header.png) no-repeat center;
}
.leftBlock .content
{
	font-size: 12px;
}
.leftBlock .flagNav
{
    margin-top:20px;
    margin-left:10px;
}

/* Left Navigator */
.leftNav
{
	padding-top: 9px;
	margin-bottom: 13px;
}
.leftNav .header
{
	height: 29px;
	padding-top: 10px;
	font-size: 17px;
	color: White;
	text-align: center;
	background: url(/images/bg_left_nav_header.png) no-repeat;
}
.leftNav .content
{
	padding-top: 4px;
	padding-bottom: 10px;
	background: url(/images/bg_left_nav_main.png) repeat-y center;
}
.leftNav .bottom
{
	height: 5px;
	overflow: hidden;
	background: url(/images/bg_left_nav_bottom.png) no-repeat center top;
}
.leftNav li
{
	width: 124px;
	height: 43px;
	margin-left: 10px;
	margin-top: 8px;
	padding-bottom:3px;
	padding-left:2px; 
	background: url(/images/bg_left_nav_item2.png) no-repeat center;
}

.leftNav li:hover {

	background: url(/images/bg_left_nav_item3.jpg) no-repeat center;
}





.leftNav li a
{
	display: block;
	height: 28px;
	text-align: left;
	padding-top: 15px;
	padding-left: 8px;
	color: #202125;
	padding-bottom:2px;
}
.navItemAds
{
	background: url(/images/icon_ads.png) no-repeat 72px 3px;
}
.navItemCompetitions
{
	background: url(/images/icon_competitions.png) no-repeat 83px 8px;
}
.navItemWinners
{
	background: url(/images/icon_winners.png) no-repeat 80px 2px;
}
.navItemUpload
{
	background: url(/images/icon_upload.png) no-repeat 81px 5px;
}
.navItemClans
{
	background: url(/images/icon_clans.png) no-repeat 70px 8px;
}
.navItemRequests
{
	background: url(/images/icon_requests.png) no-repeat 70px 9px;
}
.navItemHelp
{
	background: url(/images/icon_help.png) no-repeat 73px 9px;
}

/* Left About Us */
.leftAboutUs .header
{
	background: none;
}
.leftAboutUs .content
{
	padding: 7px 19px 0;
}
.leftAboutUs .content li a:hover
{
	text-decoration: underline;
}
.leftAboutUs .bottom
{
	height: 52px;
	background: url(/images/bg_left_about_us_content.png) no-repeat center 7px;
}

/*********** Main Right **************/
#mainRight
{
	float: left;
	margin-left: 18px;
}
/* Main Right Top */
#mainRightTop .slogan
{
	margin-top: 35px;
	text-align: center;
}
#mainRightTop .slogan h1
{
	padding: 0;
	margin: 0;
	margin-bottom: 4px;
	font-weight: normal;
	font-size: 18px;
}
#mainRightTop .slogan p
{
	font-size: 14px;
}
#mainRightTop .bottom
{
	width: 722px;
	height: 234px;
	background: url(/images/bg_you_main_right_top.png) no-repeat 250px 16px;
}
#mainRightTop .advanced
{
	float: left;
	display: inline;
	width: 190px;
	font-size: 12px;
	color: #2c3034;
	margin-left: 23px;
	margin-top: 82px;
	padding-top: 39px;
	text-align: center;
	background: url(/images/bg_advanced.png) no-repeat center top;
}
#mainRightTop .clanBottom
{
	background: none;
	padding-left: 1px;
}
#mainRightTop .clanBottom .userProfile
{
	float: left;
	margin-left: 335px;
	display: inline;
}
#mainRightTop .clanBottom .userProfile .ringPicSmall
{
	margin-top: 5px;
	margin-left: 113px;
}
#mainRightTop .clanBottom .userProfile .profileDetail
{
	margin-top: 2px;
	height: 95px;
}
#mainRightTop .clanBottom .userProfile .uesrProfileActions .button
{
	margin-left: 105px;
}
#mainRightTop .clanBottom .leftBottomBg
{
	float: left;
	margin-left: -7px;
	position: relative;
	margin-top: 92px;
	width: 205px;
	height: 143px;
	background: url(/images/bg_clan_main_right_top_bottom.png);
}
/* User Profile */
#mainRightTop .userProfile
{
	float: left;
	margin-left: 322px;
	height: 197px;
	margin-top: 14px;
	width: 185px;
	background: url(/images/bg_you_user_profile.png) no-repeat;
}
*html #mainRightTop .userProfile
{
	margin-left: 265px;
}
#mainRightTop .userProfile .profileTop .recDropShadowPic
{
	margin-top: 4px;
	margin-left: 110px;
}
#mainRightTop .userProfile .profileDetail
{
	height: 90px;
	color: #2e3135;
	font-size: 12px;
	padding-left: 13px;
	margin-top: 10px;
}
#mainRightTop .userProfile .uesrProfileActions
{
	text-align: center;
}
#mainRightTop .userProfile .uesrProfileActions .blueActionBtn
{
	float: left;
}
#mainRightTop .userProfile .uesrProfileActions .blackActionBtn{
	margin-left: 108px;
}
#mainRightTop .userProfile .uesrProfileActions .addFriendsBtn
{
	margin-left: 6px;
	display: inline;
	margin-right: 30px;
}

/* Main Right Bottom Navigator */
.mainRightBottomNavContainer
{
	height: 36px;
	width: 720px;
	padding: 1px 1px 0;
	background: transparent url(/images/bg_main_right_nav_container.png) no-repeat center top;
}
.mainRightBottomNav
{
	width: 720px;
	height: 36px;
	background: url(/images/bg_main_right_nav.png) repeat-x;
}
div.mainRightBottomNav
{
	color: white;
	font-size: 18px;
	text-align: center;
	padding-top: 5px;
}
.mainRightBottomNav .navItem
{
}
.mainRightBottomNav li
{
	height: 36px;
	display: inline;
	float: left;
}
.mainRightBottomNav li a
{
	height: 31px;
	font-size: 18px;
	padding-top: 6px;
	width: 143px;
	display: block;
	text-align: center;
	color: #e5e5e6;
}
.mainRightBottomNav .mrbComments
{
	padding-left: 5px;
}
.mainRightBottomNav li a.current, .mainRightBottomNav li a:hover
{
	background: url(/images/bg_main_right_nav_hover.png) no-repeat center;
}
ul.threeItemsNav li a {
	width: 235px;	
}
#mainRightBottom .content
{
	width: 722px;
	padding-bottom: 1px;
	background: url(/images/bg_main_right_bottom_content.png) repeat-y;
}
#mainRightBottom .bottom
{
	width: 722px;
	height: 10px;
	background: url(/images/bg_main_right_bottom_bottom.png) no-repeat top;
}
/* Visitor Location */
#mainRightBottom .visitorLocation
{
	font-size: 12px;
	color: #272829;
	margin-left: 55px;
	padding-top: 15px;
}
/* Comment Items */
#mainRightBottom .userComments
{
	margin-top: 34px;
}
#mainRightBottom .commentItem
{
	margin-top: 15px;
	margin-left: 73px;
}
#mainRightBottom .commentItem .userInfo, #mainRightBottom .commentItem .commentDetail
{
	float: left;
}
#mainRightBottom .commentItem .userInfo
{
	margin-right: 15px;
}
#mainRightBottom .commentItem .commentUserName
{
	font-size: 12px;
	color: #363636;
	text-align: center;
}
#mainRightBottom .commentItem .commentDetail
{
	width: 473px;
}
#mainRightBottom .commentItem .commentDetailTop
{
	height: 20px;
	background: url(/images/bg_you_comments_top.png) no-repeat;
}
#mainRightBottom .commentItem .commentDetailContent
{
	padding: 0 21px;
	min-height: 23px;
	font-size: 12px;
	color: White;
	background: url(/images/bg_you_comments_content.png) repeat-y;
}
#mainRightBottom .commentItem .commentDetailBottom
{
	height: 15px;
	background: url(/images/bg_you_comments_bottom.png) no-repeat;
}
/* Comment Actions */
#mainRightBottom .commentActions
{
	margin-top: 33px;
	padding-top: 1px;
	text-align: center;
}
#mainRightBottom .commentActions .blueActionBtn
{
	float: left;
	margin-right: 16px;
}
#mainRightBottom .sportLifeBtn
{
	margin-left: 240px;
	display: inline;
}
#mainRightBottom .commentActions .firstBtn
{
	margin-left: 240px;
	display: inline;
}
/* Ads */
.adList
{
	padding-left: 11px;
	margin-top: 70px;
}
.adListItem
{
	float: left;
	margin-left: 78px;
	display: inline;
	margin-bottom: 30px;
}
.adListItem .ringPicSmall, .adListItem .smallAdItem
{
	float: left;
}
.adListItem .ringPicSmall
{
	margin-top: 3px;
}
.adListItem .smallAdItem
{
	margin-left: 24px;
}

/* BackButton & MoreButton */
#mainRightBottom .backBtn
{
	margin-left: 7px;
}
#mainRightBottom .moreBtn
{
	float: right;
	display: inline;
	margin-right: 10px;
}

/*************** You Friend Requests / Clan Member Requests *******************/
.friendRequestsContentTop
{
	position: relative;
	padding-top: 15px;
}
#mainRightBottom .friendRequestsContentTop .visitorLocation
{
	padding: 0;
	display: inline;
}
.friendRequestsContentTop .contentTitle
{
	position: absolute;
	font-size: 18px;
	left: 327px;
	top: 12px;
}
.friendRequestsList
{
	width: 597px;
	margin-left: 64px;
}
.friendRequestItemAction a
{
	float: left;
}
.friendRequestItem
{
	float: left;
	width: 147px;
	display: inline;
	height: 110px;
	margin: 15px 26px 0;
	text-align: center;
}
.friendRequestItem .ringPic
{
	margin: auto;
}
.friendRequestsActions
{
	padding-left: 95px;
	padding-top: 58px;
	padding-bottom: 30px;
}
.friendRequestsActions a
{
	float: left;
	margin-left: 35px;
	display: inline;
}
.clan .friendRequestsActions a
{
	margin-left: 160px;
}

/************** You Friends / Clan Members ******************/
.friendsActions
{
	margin-left: 10px;
	margin-top: 21px;
	padding-top: 3px;
}
.friendsActions .blackActionBtn, .friendsActions .friendsInfoMsg
{
	float: left;
}
.friendsActions .friendsInfoMsg
{
	display: inline;
}
.friendsActions .friendsInfoMsg
{
	font-size: 18px;
	margin-left: 167px;
	margin-top: 6px;
}
.allFriendsList
{
	width: 710px;
	margin-top: 13px;
}
.allFriendsList .friendsItem
{
	float: left;
	display: inline;
	margin-left: 32px;
	margin-bottom: 15px;
}
.allFriendsList .friendsItem .friendsName, .allFriendsList .friendsItem .ringPic
{
	float: left;
}
.allFriendsList .friendsItem .friendsName
{
	font-size: 14px;
	width: 80px;
	text-align: right;
	margin-top: 25px;
	margin-right: 20px;
}

/*********** Statistics *************/
.statisticsInfo
{
	padding-top: 44px;
}
.statisticsBtns
{
	float: left;
	display: inline;
	width: 310px;
	margin-left: 23px;
	margin-top: 10px;
}
.statisticsInfoItem
{
	margin-bottom: 8px;
}
.statisticsInfoItem .grayBtn, .statisticsInfoItem .statisticsValue
{
	float: left;
}
.statisticsInfoItem .statisticsValue
{
	text-align: right;
	font-size: 18px;
	color: #2d3035;
	padding-top: 10px;
	width: 120px;
	height: 21px;
}
.statisticsPicContainer
{
	float: left;
	margin-left: 6px;
}
.statisticsPicBg
{
	background: url(/images/bg_statistics.png) no-repeat;
	width: 346px;
	height: 232px;
}
.statisticsPicBg img
{
	width: 322px;
	height: 208px;
	margin: 12px;
}

/************ Chat Form / Post Comment Form *************/
.chatForm
{
	margin-top: 23px;
	margin-left: 50px;
}
.chatForm label
{
	float: left;
	font-size: 18px;
	margin-top: 16px;
}
.chatForm .chatInput
{
	float: left;
	overflow: auto;
	padding: 5px;
	width: 433px;
	height: 50px;
	margin: auto 10px;
	border: none;
	background: url(/images/bg_chat_input.png) no-repeat;
}
.chatForm .button
{
	float: left;
	margin-top: 15px;
}

/************ Create XXX / Watch XXX Main Right Top ***********/
.currentPlayingVideo
{
	padding-top: 1px;
	width: 730px;
	height: 248px;
	margin-top: 12px;
	background: url(/images/bg_create_main_right_top.png) no-repeat;
}
.currentPlayingVideo .authorInfo
{
	float: left;
	display: inline;
	margin-left: 80px;
	margin-top: 73px;
}
.currentPlayingVideo .authorInfo .authorName
{
	width: 70px;
	font-size: 14px;
	color: White;
	text-align: center;
}
.currentPlayingVideo .videoScreen
{
	float: left;
	margin-left: 50px;
	margin-top: 4px;
	width: 316px;
	height: 237px;
}
.currentPlayingVideo .videoScreen img
{
	width: 316px;
	height: 237px;
}
.currentPlayingVideo .videoInfo
{
	float: left;
	margin-left: 24px;
	margin-top: 84px;
}
.currentPlayingVideo .videoInfo .infoLine
{
	font-size: 14px;
	color: White;
	text-align: right;
	width: 150px;
}
.videoThumbs
{
	margin-top: 18px;
	margin-left: 273px;
	margin-bottom: 20px;
}
.videoThumbs img
{
	margin-bottom: 2px;
	margin-left: 7px;
	border: #8d9bb1 1px solid;
	width: 47px;
	height: 35px;
}
.videoThumbs .currentPlayingAdThumb
{
	margin-bottom: 0;
	width: 56px;
	height: 42px;
}

.videoThumbs .blurThumb
{
    width:48px;
    height:36px;
}

/******** Search Ads / Watch Ads **********/
.searchAdResultList
{
	margin-left: 45px;
	margin-top: 25px;
	margin-bottom: 70px;
}
.searchAdResultList .smallAdItem
{
	float: left;
	display: inline;
	margin-top: 11px;
	margin-left: 40px;
}
/******** Brand Item **********/
.searchBrandResultList .brandItem
{
	float: left;
	width: 103px;
	margin: auto 30px;
	margin-bottom: 45px;
	display: inline;
}
.brandItem .ringPicBig
{
	margin-bottom: 8px;
}
.brandItem .button
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

/******** Select Friend *********/
.dialog .friendList .friendListItem
{
	padding-bottom: 5px;
}
.dialog .friendList .checkBoxContainer
{
	float: left;
	display: inline;
	margin-left: 13px;
	margin-top: 18px;
}
.dialog .friendList .ringPic
{
	float: left;
	margin-left: 13px;
}
.dialog .friendList .friendName
{
	float: left;
	color: white;
	font-size: 16px;
	margin-left: 5px;
	margin-top: 28px;
}
.selectFriendByEmailDialog .friendList .checkBoxContainer {
	margin-top: 13px;
}
.selectFriendByEmailDialog .friendList .friendEmail {
	float: left;
	display: inline;
	margin-top: 15px;
	color: white;
	font-size: 16px;
	margin-left: 80px;
}
/************* Bottom ****************/
#bottom
{
	height: 96px;
	background: url(/images/bg_bottom.jpg) no-repeat center top;
}

/************* Contact ***************/
.contactDialog .dialogMiddel{
	padding-left: 1px;
}
.contactDialog .contactItem{
	margin-left: 18px;
	padding-top: 5px;
	padding-bottom: 15px;
}
.contactDialog .contactTitle{
	float: left;
	display: inline;
	width: 130px;
}
.contactDialog .contactDetail{
	float: left;
	margin-left: 92px;
	display: inline;
	color: white;
	width: 255px;
	font-size: 16px;
	text-align: left;
}
