@charset "utf-8";
/* CSS Document */

			html {
				height:100%; width:100%;
			}
			
			a {
				color:#3399cc; 
			}


		
			body {
				background:#DBF7F8 url(/image/head_bg.jpg) top repeat-x;  margin:0 0 0 0; padding:0;
				font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
				font-size:15px; padding: 0 0 40px 0;
			}
			
			@font-face {
				font-family: 'MemphisLTStdBold';
				src: url('memphisltstd-bold-webfont.eot');
				src: local('MemphisLTStdBold'), url('/font/memphisltstd-bold-webfont.woff') format('woff'), url('/font/memphisltstd-bold-webfont.ttf') format('truetype'), url('/font/memphisltstd-bold-webfont.svg#webfontVoll7IjT') format('svg');
				font-weight: normal;
				font-style: normal; 
}
			
			.mainBlock {
				border-left:0px solid #FFFFFF; border-right:0px solid #FFFFFF;
				width:988px;
				margin: 0 auto;
			}
			
			.head {
			
				height:200px; 
			}
			
			.head img.logo {
				border:0; position:absolute;
				top:24px;
				padding-left: 10px;
			}
			
		
			
			.head .boxLogin {
				float: right;
				position:relative;
				width:410px; height:26px; 
				padding-top: -20px
				
			}
			
			.head .boxLogin .btn_singin {
				float: right;
				padding-top: 20px;
				padding-right: 0px;
				
			}
			
			.head .boxLogin .btn_singin img {
				border:0;
			}
			
			.head .boxLogin .infoLogin {
				font-size:12px; position:absolute;
				float: left;
				left: -245px; top:25px; width:248px; text-align:right;
			}
			
			.head .boxLogin a.btn {
					padding:1px; display:block; border:1px solid #959796;
					width:70px; background:#E2E2E2; color:#959796;
					position:absolute; font-size:11px;
					text-align:center; text-decoration:none;
			}
			
			.head .boxLogin a.btn:hover {
				color:#555756;
			}
			
			.head .boxLogin .menuTop {
				padding:7px 0 7px 10px; background:#FFFFFF;
				font-size:11px; width:375px;
				left:18px; top:17px; position:absolute;
				-moz-border-radius-topleft:5px;
				-webkit-border-top-left-radius:5px;
				
				-moz-border-radius-topright:5px;
				-webkit-border-top-right-radius:5px;
				
				-moz-border-radius-bottomleft:5px;
				-webkit-border-bottom-left-radius:5px;
				
				-moz-border-radius-bottomright:5px;
				-webkit-border-bottom-right-radius:5px;

		    }
			
		    .head .boxLogin .menuTop a {
				padding:0 10px 0 5px; text-decoration:none;
				color:#4594B5; line-height:100%;
				border-right: 1px solid #e8f1fa; 
			}
			
			.head .boxLogin .menuTop a:hover {
				text-decoration:underline;
			}
			
			.head .boxLogin a#btnHome.btn {
				left:-50px; top:20px;
			}
			
			.head .boxLogin a#btnMyGroup.btn {
				left:29px; top:20px;
			}
			
			.head .boxLogin a#btnOwnerGroup.btn {
				left:108px; top:20px;
			}
			
			.head .boxLogin a#btnLogout.btn {
				left:266px; top:20px;
			}
			
			.head .boxLogin a#btnRequest.btn {
				left:187px; top:20px;
			}
			
			.head .boxLogin input.txtLogin, .head .boxLogin input.txtPass {
				position:absolute; left:73px; top:0px;
				font-family:Trebuchet MS; font-size:14px; font-weight:bold;
				padding:3px;
				border:0; width:155px;
			}
			.head .boxLogin input.txtPass {
				top:30px;
			}

			.head .boxLogin a.submit {
				position:absolute; right:73px; top:0;
				font-family:Trebuchet MS; font-size:18px; font-weight:bold;
				padding:16px 3px; display:block; color:#FFF; text-decoration:none;
				width:69px; background:#97CD39; text-align:center;
				
			}
			
			.head .boxLogin a.submit:hover {
				text-decoration:underline;
			}

			
			.head .logoText {
				position:absolute;
				right:23px; bottom:8px; font-size:12px; color:#959796;
				width:405px; font-weight:bold;
			}
			
			.head .logoText span {
				color:#000000;
			}
			
			.navBar {
				height: 32px; padding:0px 0px 0px 10px; 
				background: url(/image/nav_bg.png) no-repeat;
				font-size: 14px; 
			
			}		
			
			.navBar a {
				background:#0099FF; margin:0 0px 0px 0; display:block; color:#FFFFFF;
				border:0; padding:6px 12px 6px 12px; float:left; text-decoration:none;
			}
			
			.navBar a:hover {
				text-decoration:none;
			}
			
			.navBar a.button01 {background:#67646D;}
			.navBar a.button02 {background:#349900;}
			.navBar a.button03 {background:#065073;}
			.navBar a.button04 {background:#FD0100;}
			.navBar a.button05 {background:#EDBD01;}
			.navBar a.button06 {background:#FF6501;}
			.navBar a.button07 {background:#33CB98;}
			.navBar a.button08 {background:#66999D;}
			.navBar a.button09 {background:#9A0099;}
			.navBar a.button10 {background:#000000;}
			.navBar a.button11 {background:#643201;}

			
			.navMenu {
				padding:2px 0; font-size:12px;
				background:#FFFFFF;
				
			}
			
			.navMenu a.menuItem {
				float:right; text-decoration:none; color:#0084B4; margin-top:2px;
				display:block; padding:0px 10px; border-right:1px solid #E2E2E2;
			}
			
			.navMenu a:hover.menuItem {
				text-decoration:underline;
			}
			
			.navMenu .divForm {
				float:right;
				display:block;
				margin-left:15px;
				
			}
			
			.navMenu input.textField {
				font-family:"Trebuchet MS"; font-size:11px; font-weight:bold;
				color:#035678; border:2px solid #E2E2E2; padding-left:5px;
			}
			
			.navMenu a.submit {
				border:2px solid #E2E2E2;
				display:block; float:right; color:#FFFFFF;
				text-decoration:none; padding:0 3px;
				background:#E2E2E2; color:#035678;font-weight:bold;
			}
			
			.navMenu a.submit:hover {
				text-decoration:underline;
			}
			
			.clear {
				display:block;
				width:100%; clear:both;
			}
			
			.navNumber {
				text-align:right;
			}
			
			
			.content {
				
				padding:15px 0 0 0;
				border-top:0px solid #9DEAEC;
				
			}
			
			.content .centerBlock {
				width:988px;
				margin:0 auto;
			}
			
			
			.content .left, .content .middle, .content .right {
				width:298px;
				float:left; padding:0 15px;
			}
			
			.content .left h1, .content .middle h1, .content .right h1 {
				margin:0 0 20px 0; padding:0; text-align:center; font-size:22px; letter-spacing: -1.5px;
			}
			
			
	.content .buttonBoxGroup {
		display:block; margin:0 0 20px 10px; width:300px; height:20px;
		position:relative;
	}
	
	.content .buttonBoxGroup a {
					padding:1px; border:0px solid #959796;
					 background:#E2E2E2 url(/image/me_bg.jpg) repeat; color:#fff;
					font-size:11px; width:80px; position:absolute;
					text-align:center; text-decoration:none;
					-moz-border-radius: 5px; 
					-webkit-border-radius: 5px;
	}
	
	.content .buttonBoxGroup #btnUpdate {
		left:95px;
	}
	
	.content .buttonBoxGroup a:hover {
		text-decoration:underline;
	}
	
	.content .infoBoxGroup {
		margin:0  0 0 10px;
		display:block;	
	}


			
			.infoBlockPerson {
				width:291px; min-height:75px;
				overflow: hidden;
				_height:75px;				
				background:#FFFFFF;
				padding:10px; position:relative;
				margin-top:10px;
				margin-bottom:10px;
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px;
				-webkit-box-shadow: rgba(102, 153, 255, 0.2) 0px 5px 10px;
  				-moz-box-shadow: rgba(102, 153, 255, 0.2) 0px 5px 10px; /* FF 3.5+ */
			
			}
			
			.infoBlockPerson .leftInfo{
				width:48px; float:left;
				margin:0 10px 10px 0;
			}	
			
			.infoBlockPerson .leftInfo img {
				width:48px; height:48px;
			}

			.infoBlockPerson .text h2 {
				margin:0 0 5px 0; padding:0; border:0;
				font-size:13px; color:#4594B5; line-height:110%;
			}
			
			.infoBlockPerson .text h2 a {
				color:#4594B5; text-decoration:none;
			}
			
			.infoBlockPerson .text h2 a:hover {
				text-decoration:underline;
			}
			
			

			
			.infoBlockPerson .text .description {
			 font-size:11px; color:#666666; text-align:left;
				line-height:110%; margin-right:10px; 
			}
			
			.infoBlockPerson .text .description a {
				color:#4594B5; text-decoration:none;
			}
			
			.infoBlockPerson .text .description a:hover {
				text-decoration:underline;
			}
			
			
			.infoBlockPerson #BTN_groupUser {
				  position:absolute; right:8px; top:4px;
				  color:#666666; font-size:10px; text-decoration:none;
			}
			
			.infoBlockPerson #BTN_groupUser:hover {
				  text-decoration:underline;
			}
			

			
			.infoBlock {
				width:286px; min-height:128px;
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px;
				-webkit-box-shadow: rgba(102, 153, 255, 0.2) 0px 5px 10px;
  				-moz-box-shadow: rgba(102, 153, 255, 0.2) 0px 5px 10px; /* FF 3.5+ */
				_height:128px;
				
				border:1px solid #FFFFFF;
				background:#FFFFFF;
				padding:10px; position:relative;
				margin-bottom:16px;
				margin-right: 20px;
			}
			
			.infoBlock img {
				width:72px; height:72px; display:block;
				margin:0; padding:0; float:left;
			}
			
			
			
			.infoBlock .leftInfo{
				width:72px; float:left;
			}
			
			.infoBlock .text{
				width:203px; float:right;
			}

			
			.infoBlock a.btnJoinGroup, .infoBlock a.btnLeftGroup, .infoBlock a.btnJoinPGroup, .infoBlock a.btnLeftPGroup, .infoBlock a.btnRequestGroup, .infoBlock a.btnDeleteGroup, .infoBlock a.btnSentRequest  {
				width:75px; text-align:center;
				padding:2px 0; background:#98CC3B url(/image/join_bg.jpg) repeat; margin:5px 0 0 0;
				border:0px solid #85B32F; display:block; color:#FFFFFF;
				text-decoration:none; position:absolute; left:5px; bottom:7px;
				font-size:12px;
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px;
			}
			
			.infoBlock a.btnJoinGroup:hover, .infoBlock a.btnLeftGroup:hover, .infoBlock a.btnRequestGroup:hover, .infoBlock a.btnDeleteGroup:hover, .infoBlock a.btnJoinPGroup:hover, .infoBlock a.btnLeftPGroup:hover, .infoBlock a.btnSentRequest:hover {
				text-decoration:underline;
			}
			
			
			.infoBlock a.btnRequestGroup, .infoBlock a.btnJoinPGroup, .infoBlock a.btnSentRequest {
				background:#FEF6A8; color:#333333;
				border-color:#FDEA42;
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px;
			}
			
			.infoBlock a.btnLeftGroup, .infoBlock a.btnLeftPGroup {
				background:#D98D55 url(/image/leave_bg.jpg) repeat;;
				border-color:#AE6026;
			}
			
			.infoBlock a.btnJoinPGroup {
				background-repeat:no-repeat;
				background-image:url(../image/cadeado.png);
				background-position:5px center;
			}
			
		    .infoBlock a.btnDeleteGroup {
				background:#369FD1;
				border-color:#2D88B5;
			}
			
			.infoBlock .infoGroup {
				position:absolute; right:5px; bottom:5px;	
				width:203px;
				
			}
			
			.infoBlock .text h2 {
				margin:0 0 5px 0; padding:0; border:0;
				font-size:12px; color:#4594B5; line-height:110%;
			}
			
			
			.infoBlock .text h2 a {
				color:#4594B5; text-decoration:none;
			}
			
			.infoBlock .text h2 a:hover {
				text-decoration:underline;
			}
			
			
			.infoBlock .text .description {
				font-size:10px; color:#666666; text-align:justify;
				line-height:110%;
			}
			
			.infoBlock .infoGroup .information {
				font-size:10px; color:#666666; text-align:justify;
				line-height:110%; margin-top:10px;
			}
			
			.infoBlock .infoGroup .members {
				font-size:10px; color:#555555;
				line-height:110%; margin-top:5px;
			}
			
			.infoBlock .infoGroup .last-update {
				font-size:10px; color:#555555;
				line-height:110%; margin-top:5px;
			}
			
			
			.infoBlock .infoGroup .information a {
				color:#4594B5; text-decoration:none; margin-right:3px;
			}
			.infoBlock .infoGroup .information a:hover {
				text-decoration:underline;
			}
			
			
    ul.listUpdates {
        list-style:none;
        margin:0 10px 0 10px;
        padding:0;
    }
    
    
    
    ul.listUpdates li {
        padding:5px;
        background:#FFFFFF; margin:10px 0 0 0;
        font-size:12px; position:relative;
    }
    
    
    ul.listUpdates h2 {
        font-size:16px; color:#4594B5; text-decoration:none;
        margin:0; padding:0;
    }
    
    
    ul.listUpdates p {
        margin:0; padding:0; text-indent:0;
    }

    ul.listUpdates p a {
        color:#4594B5;
    }    
	
	
    ul.listUpdates span.time {
        display:block; font-size:10px; color:#C9C9C9;
    }
    
    ul.listUpdates img {
        position:absolute; right:10px; top:50%;
        width:48px; height:48px; margin-top:-24px;
    }
	
	#footer {
		position:fixed !important;
		bottom:0px; display:block;
		padding:6px 0 3px 0;
		background:#E8FECD;		

		width:100%;
		height:30px;
		color:#666666;
		font-size:11px;
		z-index:4500000;
		-webkit-box-shadow: rgba(102, 153, 255, 0.3) 0px 0px 30px;
  		-moz-box-shadow: rgba(102, 153, 255, 0.3) 0px 0px 30px ; /* FF 3.5+ */
		
	}
	
		#footer {
				position:relative;
		}
	
	#footer .bottom {
		position: relative;		
		width:988px;
		margin: 0 auto;
		top: 7px;

		
	}

	#footer .textCopy {
		margin:14px 0px 0 10px;
		border-right: 1px solid #666666;	
		padding-right: 10px;
	}
	
	#footer a.link {
		color:#666666; text-decoration:none; padding:0 10px;
		border-right: 1px solid #666666; 
	}

	#footer a.linktl {
		color:#666666; text-decoration:none; padding-left:20px; padding-right:20px;
		position: relative; top: 9px; border-right: 0px solid #666666; 
	}

	#footer .flag {
		color:#666666; text-decoration:none; padding:0 10px;
		border-right: 1px solid #666666;
	}

	#footer input {	
		 font-family:Trebuchet MS; font-size:12px; border:0; margin-left:30px;
		 color:#858585; width:250px; background:#FFFFFF url(/image/seek.png) no-repeat center right;
		position: relative; top: -17px; left: -12px;
	}
	
	#footer #frmSearch {
				float: left;
				color: #66ccff;
				padding-left: 450px;
				
	
		
	}
	
	#footer #qStr {
	margin-top: -10px;
		
	}
	
	#footer span.text {
		padding:10px;  display:none;
		position:absolute; width:140px; background:#FFFFFF; border:1px solid #F2F2F2;
		bottom:25px; 
        -moz-border-radius-topright:5px !important;
		-moz-border-radius-topleft:5px !important;
        -moz-border-radius-bottomleft:5px !important;
        -moz-border-radius-bottomright:5px !important;
	}

	
	#footer #img_powered {
		position:absolute; top:6px; right:10px;
		cursor:pointer; border:0;
	}
	
	#footer #imgLogo02 {
		position:absolute; top:5px; right:40px;
		width:20px; height:20px; cursor:pointer;
	}




	#footer #footerBoxContact {
		display:none; cursor:default;
		position:absolute;
		background:#E9FECD;
		left:410px; border:1px solid #F2F2F2;
		padding:10px; bottom:37px;
	}

	
	#footer #sponsor03 {
		position:absolute;
		top:5px; right:65px;
		width:20px; height:20px;
	}
	
	
	#footer #sponsor03 #imgLogo03 {
		width:20px; height:20px; cursor:pointer;
	}
	
	#footer #sponsor03 span.text {
		left:-100px;
	}
	
	
	
	#footer #sponsor04 {
		position:absolute; 
		top:5px; right:90px;
		width:20px; height:20px;
	}
	
	
	#footer #sponsor04 span.text {
		left:-75px;
	}
	
	#footer #sponsor04 #imgLogo04 {
		width:20px; height:20px; cursor:pointer;
	} 
	   
	    #boxMESSAGE {
            font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
            font-size:14px; color:#5F5F5F; font-weight:bold; text-align:center;
            width:600px;  background:#FFFFFF; padding:17px 0; border:1px solid #F6F6F6;
            position:absolute; left:50%; margin-left:-300px; z-index:10000; display:none;
        }

		#boxInfoLogin {
				position:absolute; right:50px; top:0px; padding:0; margin:0;
				color:#4594B5; text-decoration:none; border:0;
		}
		
		#boxInfoLogin img {
			border:0;
		}
		
		#boxInfoLogin:hover {
		    color:#4968B9;
		}
		
		#boxInfoLoginText {
			position:absolute; right:65px; top:0px; padding:0; margin:0;
		    color:#777777; text-decoration:none; width:340px; display:none;
			background:#FFFFFF; border:1px solid #F2F2F2; z-index:999999999;
			padding:10px; font-size:11px;
		}
		
		#searchBox {
			margin:0 0 20px 20px;
		}
		
		#searchBox input.text {
			font-size:18px; color:#CECECE; border:1px solid #C3C3C3; width:390px;
			font-family:"Doulos SIL","Charis SIL", "Gentium", "TITUS Cyberbit Basic", "Arial Unicode MS", serif;
			margin:0; padding:0;
		}
		
		#searchBox a.btnSearch {
				background:#98CC3B; text-decoration:none; padding:1px 10px 0px 10px; margin:0 0px;
				color:#FFFFFF; font-size:16px;
				border:1px solid #85B32F;
		}
		
		span.bio a {
			color:#4594B5;
		}
		
     	        h2 span {
	            font-size:10px;
		    font-weight:normal;
                }
				
		#btn_more{
				padding:1px;
				border:1px solid #959796;
				background:#E2E2E2; color:#959796;
				font-size:11px;
				text-align:center;
				text-decoration:none;
				width:80px;
				margin:0 auto;
				display:block;
				visibility:hidden;
				
		}
		
		#twitelivery {
				font-size:12px;
				border:1px solid red;
				background:blue;
				position:absolute;
				right:5px;
				top:0;
				padding:5px;
				
				display:none;
			}
		#tweetLivery {
			float:left;
			width:160px;
			background:#b3e0fa;
			margin-bottom: 20px;
			position:absolute;
			top:30px;
			left:650px;
			font-size:11px;
			padding:15px;
			-moz-border-radius: 10px; 
			-webkit-border-radius: 10px;
			border: 1px solid #aedbf5;
	}

		.livery_img {
			float:left;
			padding-top: 0px;
			margin-bottom: 10px;
			padding-bottom: 10px; 
			padding-bottom: 0px;
			border-bottom: 1px solid #d4eefe;		
	}

		.livery_flag {
			float:right;
			width: 45px;
			position: relative;
			top: 170px; right: 125px;
			z-index:4400000;

		}


		.livery_text  {
		
			font-size: 14px;
			font-weight:bold;
			padding-bottom: 6px;
			
			
			}

		.livery_text a {
		
			color: #3399cc;
		
			}

		.header_tl {
			float:left;
			padding-top: 20px;
			margin-bottom: 20px;
			
			
			
	}

		.about {
				width:800px; 				
				background:#FFFFFF;
				padding:50px 50px 20px 50px; position:relative;
				margin-top:10px;
				margin-bottom:30px;
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px;
				-webkit-box-shadow: rgba(102, 153, 255, 0.2) 0px 5px 10px;
  				-moz-box-shadow: rgba(102, 153, 255, 0.2) 0px 5px 10px; /* FF 3.5+ */
			
			}

		.about_flag {
			float:right;
			width: 45px;
			position: relative;
			top: 60px; right: 125px;
			z-index:4300000;
	}


		 #tl_ad {
				float:right;
				position: relative;
				
				right:0px; top: -15px;
				
				
			}

		.ad {
			    float: left;
				color: #66ccff;
				padding-left:390px; top: 0px;
			}

		.mtv {
			    float:right;
				position: relative;
				 right:5px; top: 4px;
			}

		.tli_ad {
			    float:right;
				position: relative;
				 right:7px; top: -14px;
			}

