/* MAIN STRUCTURE */
:root{ overflow-y:scroll; }
html { height:100%; }
body { background:url(../i/bg-color.png); font-family:Tahoma, Arial, sans-serif; height:100%; }
a { text-decoration:none; outline:none; }
input, textarea { padding:8px; border:solid 1px #bbb; font-size:11px; color:#222; font-family: Tahoma; }
input:focus, textarea:focus { border-color:#3a5 !important; background-color:#eefafa !important; }
.error-input { border-color:#a35 !important; background-color:#faeeee !important; }
input[type="submit"]:hover { cursor:pointer; }
td input[type="radio"] { vertical-align: bottom; }
.cb { clear:both; }
.no-foto { color:#999; text-align:center; padding:10px 0; }

/* BORDER-RADIUS */
.avatar, .tweet .tweetImage { -moz-border-radius:5px;-webkit-border-radius:5px; }
	
/* LAYOUT */
.bg-shade { background:url(../i/bg.png) repeat-x; width:100%; }
.container { width:995px; margin-bottom:30px; }
.logo { float:left; }
.menu-box { width:450px; float:right; margin:43px 4px 0 0; }
	#searchField { border:solid 0 #fff; background-color:#fff; color:#6b8b9e; width:195px; height:24px; padding:5px 5px 0 5px; font-size:16px; margin:5px 0 0 4px; }
	#searchField.short { background-color:#fee !important; color:#bb3b4e; }
	.altnav-container .btn-blog { display:block; float:right; width:85px; height:39px; background:url(../i/btn-blog.png) no-repeat 0 0; margin-right:16px; }
	.altnav-container .btn-blog:hover { background:url(../i/btn-blog.png) no-repeat 0 -39px; }
	.menu-box .btn-blog:hover { background-position:bottom center; }
	.menu-box .search-bg { width:208px; height:39px; float:left; background:url(../i/sprite-ara.png); margin-left:25px; }
	.menu-box .btn-search { display:block; width:70px; height:39px; float:left; background:url(../i/sprite-ara.png) -208px 0; padding:0; border:0 }
	.menu-box .btn-search:hover { background-position: -278px 0; }

.search-results { color:#aaF0FF; font-size:24px; position:absolute; top:157px; left:18px; }
.search-results span { color:#fff; }

.menu { background:url(../i/bg-menu.png); width:995px; height:218px; position:relative; margin-bottom:15px; float:left; }
	.menu .buttons { width:988px; height:141px; position:absolute; top:0; left:7px; z-index:1000; list-style:none !important; padding-left:0 !important;  }
		.menu .buttons a { display:block; width:182px; height:122px; background-image:url(../i/btn-menu.png); float:left; margin:19px 0 0 12px; }
		.menu .buttons a:hover { cursor:pointer; }
		a#menu-btn-1 { background-position:0 0; } a#menu-btn-1:hover { background-position:0 -122px; } #menu-btn-1.selected { background-position:0 -244px !important; }
		a#menu-btn-2 { background-position:-182px 0; } a#menu-btn-2:hover { background-position:-182px -122px; } #menu-btn-2.selected { background-position:-182px -244px !important; }
		a#menu-btn-3 { background-position:-364px 0; } a#menu-btn-3:hover { background-position:-364px -122px; } #menu-btn-3.selected { background-position:-364px -244px !important; }
		a#menu-btn-4 { background-position:-546px 0; } a#menu-btn-4:hover { background-position:-546px -122px; } #menu-btn-4.selected { background-position:-546px -244px !important; }
		a#menu-btn-5 { background-position:-728px 0; } a#menu-btn-5:hover { background-position:-728px -122px; } #menu-btn-5.selected { background-position:-728px -244px !important; }
		#menu-btn-1 span { display:block; width:100%; height:70px; background:url(../i/btn-m-abiler.png) no-repeat 42px -38px; }
		#menu-btn-2 span { display:block; width:100%; height:70px; background:url(../i/btn-m-ablalar.png) no-repeat 50px 0; }
		#menu-btn-3 span { display:block; width:100%; height:70px; background:url(../i/btn-m-brothers.png) no-repeat 35px 0; }
		#menu-btn-4 span { display:block; width:100%; height:70px; background:url(../i/btn-m-sisters.png) no-repeat 48px 0; }
		#menu-btn-5 span { display:block; width:100%; height:70px; background:url(../i/btn-m-18.png) no-repeat 50px 0; }
	.menu .users { height:77px; border-top: solid 1px #2cccdf; position:absolute; top:140px; left:6px; width:983px; z-index:500; }
		.users #arrow-left { background:url(../i/btn-arrow.png) 0 0; width:19px; height:36px; display:block; position:absolute; top:18px; left:-20px; }
		.users #arrow-right { background:url(../i/btn-arrow.png) -19px 0; width:19px; height:36px; display:block; position:absolute; top:18px; right:-20px; }
		.users #arrow-left:hover { background-position:0 -36px; }
		.users #arrow-right:hover { background-position:-19px -36px; }
		.users-inner { width:983px; height:71px; overflow:hidden; }
		.users-inner a { display:block; float:left; height:71px; border-left:solid 1px #8ed6f3; border-right:solid 1px #3fb3fc; }
		.users-inner a:hover { background-color:#91d7f0; }
		.users-inner a.first { border-left:solid 0 #fff; }
		.users-inner a .avatar { float:left; display:block; width:48px; height:48px; margin:11px 0 0 11px; }
		.users-inner a .name { margin:11px 12px 0 12px; float:left; color:#417796; font-size:16px; font-family:"Myriad Pro", Myriad, "Helvetica Neu", Helvetica, Tahoma, Arial, sans-serif; }
		.users-inner a .account { line-height:10px; margin:2px 0 0 0; display:block; color:#52a0cd; font-size:14px; font-family:"Myriad Pro", Myriad, "Helvetica Neu", Helvetica, Tahoma, Arial, sans-serif; }
		.users-inner-container { float:left; }

#ta-feature { display:none; width:666px; height:95px; position:relative; background:url(../i/bg-warning.png) no-repeat 0 -1px; }
#ta-feature #feature-close { background:url(../i/btn-warning-close.png); width:13px; height:14px; position:absolute; top:10px; right:10px; display:block; }
#ta-feature #feature-close:hover { background-position:bottom center; }
#ta-feature span { position:absolute; top:51px; left:24px; color:#5d5d5d; }

.tweets { float:left; margin:0 0 10px 0; }
	.searched-accounts { background:url(../i/bg-clean.png) -1px 0; width:666px; height:107px; color:#777;font-size:15px; margin-bottom:10px; }
	.searched-accounts div { padding:20px 0 0 20px; }
	.searched-accounts b { font-weight:normal;color:#999; }
	.searched-accounts a { color:#346; }
	.searched-accounts a:hover { color:#69b; }
	.no-tweet { background:url(../i/bg-clean.png) -1px 0; width:666px; height:107px; position:relative; z-index:200; color:#444;font-size:15px; }
	.no-tweet div { padding:42px 0 0 0; text-align:center; }
	.tweet-container { height:132px; position:relative; }
	.tweet-container .details { position:absolute; top:102px; right:20px; background:url(../i/bg-bottom-tweet.png); color:#7b7d70; height:20px; padding:3px 15px 0 15px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-bottom:solid 1px #b9cdde; border-left:solid 1px #b9cdde; border-right:solid 1px #b9cdde; z-index:100; }
	.tweet-container .details span { color:#a0a48a; padding-left:7px; font-size:10px; }
	.tweet { background:url(../i/bg-tweet.png) -1px 0; width:666px; height:107px; position:relative; z-index:200; }
	.tweet-container.hovered .tweet { background-position:bottom left; }
	.avatar { display:block; width:48px; height:48px; }
	.tweet .avatar { position:absolute; top:29px; left:18px; }
	.tweet .avatar:hover, .tweet .name:hover { opacity:.7; -moz-opacity:0.7; filter: Alpha(opacity=70); }
	.tweet .name { background:url(../i/bg-r-name.png) top right no-repeat; height:35px; padding:0 7px 0 0; color:#fff; display:block; position:absolute;top:14px; left:78px; }
	.tweet .name i { padding: 7px 5px 0 10px; display:block; height:28px; background:url(../i/bg-l-name.png) 0 0 repeat-x; font-style:normal; font-size:17px; font-family:"Myriad Pro", Myriad, "Helvetica Neu", Helvetica, Tahoma, Arial, sans-serif; text-shadow:0 1px 1px rgba(30, 30, 70, 1); }
	.tweet .content { position:absolute; top:57px; left:90px; width: 557px; color:#444; }
	.tweet .content a { color:#0a87d7; text-decoration:underline; }
	.tweet .content a:hover { color:#40779a; text-decoration:none; }
	.tweet.hasImage .content { width: 450px; }
	.tweet .tweetImage { height:74px; position:absolute; right:16px; top:16px; width:100px; background-position:center center; background-color:#bbb; background-repeat:no-repeat; }
	.tweet .tweetImage:hover img { opacity:.5; -moz-opacity:0.5; filter: Alpha(opacity=50); }
		.tweet.hovered .avatar { left:19px; }
		.tweet.hovered .name { left:79px; }
		.tweet.hovered .content { left:91px; }
		.tweet.hovered .tweetImage { right:15px; }
		
	.btn-retweet { background:url(../i/btn-share.png) no-repeat 0 0; width:0; height:24px; position:absolute; top:20px; left:0; display:block; z-index:300; }
	.btn-retweet:hover { background-position:0 -24px; }
	.btn-reply { background:url(../i/btn-share.png) no-repeat -51px 0; width:0; height:24px; position:absolute; top:20px; left:0; display:block; z-index:250; }
	.btn-reply:hover { background-position:-51px -24px; }
		
.rightCol {  float:right; }
	
	.top5Part { width:308px; min-height:369px; margin-bottom:10px; position:relative; }
	.top5Part a { color:#666666; text-decoration:none; float:left; }
	.top5Part a:hover { color:#333333; text-decoration:none; }
	.top5Part .topPart { width:308px; height:10px; background:url(../i/top5_header-bottom_bg.gif) no-repeat top center; }
	.top5Part .bottomPart { width:308px; height:10px; background:url(../i/top5_header-bottom_bg.gif) no-repeat bottom center; clear:left; }
	.top5Part .leftPart { width:10px; height:349px; background:url(../i/top5_left-right_bg.gif) no-repeat left center; float:left; }
	.top5Part .rightPart { width:10px; height:349px; background:url(../i/top5_left-right_bg.gif) no-repeat right center; float:left; }
	
	.top5Part .centerPart { width:288px; height:349px; background:url(../i/top5_center_bg.gif) #f5f5f5 repeat-x 0 0; float:left; }
	.top5Part .centerPart .title { margin:8px 0 0 8px; position:relative; height:17px; }
	.top5Part .centerPart .title a { display:block; position:absolute; background-image:url(../i/top5_titles_bg.png); background-repeat:no-repeat; height:17px; cursor:default; z-index:999; left:0; }
	.top5Part .centerPart .title a.t-abiler { background-position:0 0; width:98px; }
	.top5Part .centerPart .title a.t-ablalar { background-position:0 -17px; width:107px; }
	.top5Part .centerPart .title a.t-brothers { background-position:0 -34px; width:119px; }
	.top5Part .centerPart .title a.t-sisters { background-position:0 -51px; width:106px; }
	.top5Part .centerPart .title a.t-18 { background-position:0 -68px; width:81px; }
	
	.top5Part .number1 { position:absolute; width:27px; height:33px; background:url(../i/top5Part_number_bg.png) no-repeat center 0px; top:56px; left:20px; }
	.top5Part .number2 { position:absolute; width:27px; height:33px; background:url(../i/top5Part_number_bg.png) no-repeat center -33px; top:117px; left:23px; }
	.top5Part .number3 { position:absolute; width:27px; height:39px; background:url(../i/top5Part_number_bg.png) no-repeat center -66px; top:177px; left:23px; }
	.top5Part .number4 { position:absolute; width:27px; height:38px; background:url(../i/top5Part_number_bg.png) no-repeat center -105px; top:238px; left:23px; }
	.top5Part .number5 { position:absolute; width:27px; height:37px; background:url(../i/top5Part_number_bg.png) no-repeat center -143px; top:298px; left:25px; }
	
	.top5Part .info { font-size:10px; position:absolute; bottom:10px; right:14px; color:#999; }
	.top5Part .avatar { float:left; } .top5 a span { float:left; color:#666; } .top5 a:hover span { color:#333; }
	.top5Part a .details { margin:4px 0 0 10px; font-family: "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif; display:block; float:left; }
	.top5Part .user-1 { position: absolute; top:49px; left:66px; }
	.top5Part .user-2 { position: absolute; top:110px; left:66px; }
	.top5Part .user-3 { position: absolute; top:171px; left:66px; }
	.top5Part .user-4 { position: absolute; top:232px; left:66px; }
	.top5Part .user-5 { position: absolute; top:293px; left:66px; }
	
	.banner { background:url(../i/bg-banner.png); width:300px; height:250px; padding:5px; }
	
	.top5 { background:url(../i/bg-top5.png) top center no-repeat; width:310px; height:369px; margin-bottom:10px; position:relative; }
	.top5 .info { font-size:10px; position:absolute; bottom:11px; right:15px; color:#999; }
	.top5 .avatar { float:left; } .top5 a span { float:left; color:#666; } .top5 a:hover span { color:#333; }
	.top5 a .details { margin:4px 0 0 10px; font-family: "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif; }
	.top5 .user-1 { position: absolute; top:49px; left:66px; }
	.top5 .user-2 { position: absolute; top:110px; left:66px; }
	.top5 .user-3 { position: absolute; top:171px; left:66px; }
	.top5 .user-4 { position: absolute; top:232px; left:66px; }
	.top5 .user-5 { position: absolute; top:293px; left:66px; }
	
.altnav-container{ float:left; width:658px; }
.photomode { float:left; background-color:#FFF; padding-top:4px; padding-bottom:4px; padding-right:3px; padding-left:15px; -moz-border-radius:7px; -webkit-border-radius:7px; }
.photomode .text{ float:left; padding-top:7px; padding-right:13px; color:#7999B7; }
.photomode input{ float:left; padding:0; margin:0px; border:0; }

.pagination { margin:0 20px 40px 0; float:right; background-color:#FFF; padding-top:3px; padding-bottom:3px; padding-right:3px; padding-left:15px; -moz-border-radius:7px; -webkit-border-radius:7px; }
.pagination .tweetCount { color:#7999b7; float:left; padding:7px 13px 0 0; }
.pagination .prev { display:block; background:url(../i/btn-pagination.png) no-repeat 0 0; margin-right:2px; width:31px; height:32px; float:left;  }
.pagination .next { display:block; background:url(../i/btn-pagination.png) no-repeat -31px 0; width:31px; height:32px; float:left; }
.pagination a.prev:hover { background-position:0 -32px; }
.pagination a.next:hover { background-position:-31px -32px; }
.pagination span.disabled { opacity:.5; -moz-opacity:0.5; filter: Alpha(opacity=50); }

.btn_on,.btn_off { width:61px; height:30px; background:url(../i/fotomod-btn.png) no-repeat; }
.btn_off, .btn_on:hover { background-position:center bottom; }
.btn_off:hover { background-position:center top; }

.footer { width:100%; height:450px; background:url(../i/bg-footer-v2.jpg) no-repeat top center; }


/* PROFILE BOX SECTIONS */

.profileBox {width:308px; margin-bottom:10px; position:relative; }	
 	  .profilePicture {float:left; width:150px; height:150px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; margin:1px 0px 0px 9px; background-color:#f0f0f0; }
	  .profileLineV { height:150px; width:1px; background-color:#dddddd; float:left; display:block; margin:1px 2px 0px 1px; border-left:solid 1px #f0f0f0; }
	  .profileBox .boxCenter { height:153px; }
	
	 .boxTop { background:url(../i/profileInfo.png) no-repeat top center; height:6px;}
	 .boxBottom { background:url(../i/profileInfo.png) no-repeat bottom center;height:6px;}
	 .boxCenter { background:url(../i/profileInfoCenter.png) repeat-y ; }
	 .boxRadialTop { width:308px; height:8px; background:url(../i/top5_header-bottom_bg.gif) no-repeat top center; }
	 .boxRadialBottom { width:308px; height:8px; background:url(../i/profileStatsBottom.png) no-repeat bottom center ; }

.profileGrayBox {
	-moz-border-radius: 3px; -webkit-border-radius: 3px; background-color:#e5e5e5; background-repeat:no-repeat; background-position:8px center; width:105px; height:24px; 
	float:left; margin:5px 0 0 4px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; text-align:left; padding:4px 0 2px 24px; color:#505050; }
	.profileGrayBox.Pos { background-image:url(../i/arrowPos.png);}
	.profileGrayBox.Neg { background-image:url(../i/arrowNeg.png);}
	.profileGrayBox.Def { background-image:url(../i/arrowDef.png);}

	.profileGrayBox span.sharp{color:#919191;margin-left:10px;}
	.profileGrayBox span.number{font-size:15px;} 
	.profileGrayBox span.category{font-size:11px;margin:0px 3px 0px 3px;}
	.profileGrayBox span.pointPos{font-size:11px;color:#6ba64a}
	.profileGrayBox span.pointNeg{font-size:11px;color:#a64a4a}
	.profileGrayBox span.pointDef{font-size:11px;color:#4a4aa6}

.profileName { position:absolute; top:16px;right:-3px;}
	.profileName .profileNameLeft{ background:url(../i/profileNameLeft.png);width:3px; height:35px;float:left;}
	.profileName .profileNameCenter{ background:url(../i/profileNameCenter.png) repeat-x scroll 0 0 transparent; color:#353D2A; float:left; font-family:"Myriad Pro",Myriad,"Helvetica Neu",Helvetica,Tahoma,Arial,sans-serif;	font-size:18px;	height:29px; padding:6px 8px 2px 13px; text-shadow:0 1px 1px #33BB55; }
	.profileName .profileNameRight{background:url(../i/profileNameRight.png); width:8px; height:43px;float:left;}

.profileInfo { width:308px; margin-bottom:10px; }
	.whoisTitle { display:block; font-size:15px; padding:10px 0 0 15px; width:60px; color:#1398c1; }
	.bioText { padding:10px 15px 5px 15px; color:#464646; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.profilePictures { width:308px; margin-bottom:10px;}
	.profilePictures a img { float:left; width:94px; height:71px; margin:2px; }
	.profilePictures a:hover img { opacity:0.6; }
	.picContainer { margin:0 7px; }

.profileStats { width:308px; margin-bottom:10px;}
	.profileStats .boxCenter .statsTitle { display:block; font-size:15px; padding:10px 0 0 15px; width:60px; color:#1398c1; }
	.profileStats .boxCenter .statsChart { padding:10px 0 10px 0; text-align:center; }

.userLoginPanel { position:relative; display:block;}
	.userLoginPanel .logOut {background:url(../i/logouticon.png) no-repeat top center; width:15px; height:15px; display:block; cursor:pointer; float:left; margin:0 1px 0 10px;}
	.userLoginPanel .logOut:hover {background:url(../i/logouticon.png) no-repeat bottom center;}
	.userLoginPanel .userPicBox {background:url(../i/userPic-bg.png) no-repeat; width:50px; height:50px; padding:3px 2px 2px 2px; float:left}
	.userLoginPanel .userPicBox a.userPic {-moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid red; height:48px; width:48px; display:block;}
	.userLoginPanel .userName.center {background:url(../i/userName-bg.png) repeat-x; height:35px; padding:4px 0px 0 11px; float:left;}
	.userLoginPanel .userName.center .userRealName{color:#ffffff; font-size:12px; float:left;}
	.userLoginPanel .userName.center .userUserName{color:#96d5ff; font-size:12px; clear:left;}
	.userLoginPanel .userName.right  {background:url(../i/userName-right-bg.png) no-repeat; height:39px; width:5px;  float:left;}

/* PROFILE BOX SECTIONS */