.linedText {
  display: flex;
  flex-direction: row;
  color: gray;
}
.linedText:before, .linedText:after{
  content: "";
  flex: 1 1;
  border-bottom: 1px solid gray;
  margin: auto;
}
.linedText:before {
  margin-right: 10px
}
.linedText:after {
  margin-left: 10px
}

.scrollingText {
 height: 50px;	
 overflow: hidden;
 position: relative;
}
.scrollingText h3 {
 font-size: 18px;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scrollingText 20s linear infinite;
 -webkit-animation: scrollingText 20s linear infinite;
 animation: scrollingText 20s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scrollingText {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scrollingText {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scrollingText {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}

/* New video  */
.video {
	background: url( '../images/video.png?color=black&version=2' ) no-repeat; 
	width: 986px; 
	height: 253px;
}

.videobackground {
	background: url( '../images/video-player.jpg?color=black' );
}

.video .stars {
	position: absolute;
	margin-left: 200px;
	margin-top: 18px;
}

.video .field {
	color: #000;
	position: absolute;
}

.video .name {
	margin-top: 50px; 
	margin-left: 400px; 
}

.video .date {
	margin-top: 50px; 
	margin-left: 550px; 
}

.video .comments {
	margin-top: 50px; 
	margin-left: 705px; 
}

.video .playtime {
	margin-top: 132px; 
	margin-left: 400px; 
}

.video .views {
	margin-top: 132px; 
	margin-left: 550px; 
}

.video .server {
	margin-top: 132px; 
	margin-left: 705px; 
}

.video .blog {
	margin-top: 205px; 
	margin-left: 659px;
}

.video .button {
	border: 0px !important;
	background: transparent !important;
	position: absolute;
}

.flag-button { 
	position: absolute; 
	margin-top: 190px;
	margin-left: 380px;
	width: 50px; 
	height: 50px; 
	background-color: transparent !important; 
}	


.-button { 
	position: absolute; 
	margin-top: 110px;
	margin-left: 380px;
	width: 50px; 
	height: 50px; 
	background-color: transparent !important; 
}	

.favorite-button { 
	position: absolute; 
	margin-top: 30px;
	margin-left: 380px;
	width: 50px; 
	height: 50px; 
	background-color: transparent !important; 
}	

.share-button { 
	position: absolute; 
	margin-top: 200px;
	margin-left: -90px;
	width: 210px; 
	height: 30px; 
	background-color: transparent !important; 
	
	
}	


.sharefriend-button { 
	position: absolute; 
	margin-top: 200px;
	margin-left: -310px;
	width: 210px; 
	height: 30px; 
	background-color: transparent !important; 
}	

.old-button { 
	position: absolute; 
	margin-top: 200px;
	margin-left: -470px;
	width: 150px; 
	height: 30px; 
	background-color: transparent !important; 
}	

.wide-button { 
	position: absolute; 
	margin-top: 150px;
	margin-left: -470px;
	width: 150px; 
	height: 30px; 
	background-color: transparent !important; 
}

.normal-button { 
	position: absolute; 
	margin-top: 100px;
	margin-left: -470px;
	width: 150px; 
	height: 30px; 
	background-color: transparent !important; 
}	

.video a { border: 0px !important; background: #eee; }


.bar {
	background: #213f9a;
	background: -moz-linear-gradient(top,  #213f9a 0%, #00002e 50%, #213f9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#213f9a), color-stop(50%,#00002e), color-stop(100%,#213f9a));
	background: -webkit-linear-gradient(top,  #213f9a 0%,#00002e 50%,#213f9a 100%);
	background: -o-linear-gradient(top,  #213f9a 0%,#00002e 50%,#213f9a 100%);
	background: -ms-linear-gradient(top,  #213f9a 0%,#00002e 50%,#213f9a 100%);
	background: linear-gradient(to bottom,  #213f9a 0%,#00002e 50%,#213f9a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#213f9a', endColorstr='#213f9a',GradientType=0 );

	padding: 10px;
	
	border: 5px solid #012552;
}

.bar a h4 {
	font-size: 35px;
}

.bar a h5 {
	font-size: 25px;
}

.bar a {
	color: #fff;
	text-align: center;
	text-decoration: none;
}

/* ### general ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #fff; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #000; }
textarea { color: #000; }
body { background: #090909 url('../images/body-bg.jpg') left top repeat-x; }
img { border: 0px; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0px; }

/* ### breadcrumbs ### */
.breadcrumbs { list-style: none; overflow: hidden; }
.breadcrumbs li { display: inline; padding-right: 20px; padding-left: 5px; font-weight: normal; background: url('../images/arrow-bg.png') no-repeat right; }
.breadcrumbs li a { color: #ac8f05; text-decoration: none; }
.breadcrumbs li a:hover { text-decoration: underline; }
.breadcrumbs .last { background: none; font-weight: bold; }
.breadcrumbs .first { padding-left: 0px; }

.dynamicThumb { cursor: pointer; }

/* ### Table listing ### */
.list { width: 100%; }
.list img { vertical-align: middle; }
.list td { padding: 5px; background: url('../images/li-border.jpg') left bottom repeat-x; height: 24px; }
.list .header { font-weight: bold; }
.list .info { background: none; text-align: center; }

#pickfiles { margin: 0 auto; background: url( '../images/-button.png' ) no-repeat; color: #000; padding: 5px; width: 80px; height: 15px; text-align: center; }
#pickfiles a { color: #000; font-weight: bold; text-decoration: none; }

.attention { display: none; background: #f5f5b4; padding: 5px; color: #000; border: 1px solid #b6a375; }
	
/* ### Button ### */
.button { margin-right: 6px; border: 1px solid #383737; float: left; color: #333333; }
.button a { padding: 0px 7px; height: 19px; border: 1px solid #646464; display: block; text-align: center; line-height: 19px; font-size: 12px; color: #333333; text-decoration: none; background: #383838; }
.buttongroup { float: right; margin-right: 10px; margin-top: 10px; }

.preview { border: 1px solid #6c767c; width: 120px; height: 120px; background: #000; padding: 1px; }
.preview div { margin: 1px; width: 118px; height: 118px; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 1000px; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 1000px; height: 188px; }
	#headerCntr h1 { position: absolute; margin-top: 22px; left: 15px; }
	#headerCntr h1 a { display: block; width: 146px; height: 79px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat; }
	
		/* ### link box ### */
		.linkBox { padding-top: 15px; width: 1000px; overflow: hidden; }
		.linkBox ul { list-style: none; float: right; }
		.linkBox li { padding: 0px 10px; float: left; background: url('../images/line.jpg') right center no-repeat; }
		.linkBox li a { display: block; text-decoration: none; color: #fff; }
		.linkBox li a:hover { text-decoration: underline; }
		.linkBox li.last { padding-right: 0px; background: none; }
		
		/* ### search box ### */
		.searchBox { padding: 72px 0px 11px 0px; width: 1000px; overflow: hidden; }
		.searchBox fieldset { border: none; float: right; }
		.searchBox input.field { padding: 5px 11px; margin-right: 6px; font-size: 13px; color: #000; width: 200px; height: 19px; float: left; display: block; border: none; background: url('../images/field.jpg') 100% no-repeat; }
		.searchBox input.button { width: 62px; height: 29px; cursor: pointer; font-family: Verdana, Arial; text-transform: uppercase; font-weight: bold; color: #f3f3f3; border: none; background: url('../images/button.jpg') no-repeat; }
		.searchBox input.button.blue { width: 62px; height: 29px; cursor: pointer; font-family: Verdana, Arial; text-transform: uppercase; font-weight: bold; color: #f3f3f3; border: none; background: url('../images/button-blue.png') no-repeat; }
		
		/* ### menu box ### */
		.menuBox { padding: 0 18px; margin: 0px -18px; width: 1000px; float: left; background: url('../images/menu-bg.png') left top no-repeat; }
		.bluetint { background: url('../images/menu-bg-blue.png') left top no-repeat !important; }
		.menuBox ul { padding-left: 14px; list-style: none; }
		.menuBox li { padding: 0px 11px; float: left; font-weight: bold; font-size: 14px; line-height: 45px; }
		.menuBox li a { display: block; color: #fff; text-transform: uppercase; text-decoration: none; }
		.menuBox li a:hover, .menuBox li.selected a { color: #ffd200; }
		.bluetint li a:hover, .bluetint li.selected a { color: #bcbbbb; }
		.menuBox a.hook { margin-right: 1px; padding: 3px; display: block; float: right; width: 140px; height: 33px; background: red; border: 3px solid yellow; text-decoration: none; }
		.menuBox .hook div { font-size: 18px; text-align: center; color: yellow; text-decoration: none; }
		.sub { font-size: 12px; text-align: center; }
	
	/* ### content container ### */
	#contentCntr { padding: 15px 0px 20px 0px; overflow: hidden; width: 1000px; }
		
		/* ### message box ### */
		.messageBox { margin-bottom: 20px; width: 1000px; background: url('../images/message-mid.jpg') repeat-x; }
		.messageBox .left { padding-left: 10px; overflow: hidden; background: url('../images/message-left.jpg') left top no-repeat; }
		.messageBox .right { padding-right: 10px; overflow: hidden; background: url('../images/message-right.jpg') right top no-repeat; }
		.messageBox h2 { padding-left: 4px; float: left; line-height: 50px; color: #ff8a00; font-size: 24px; font-weight: normal; }
		.messageBox span { padding-left: 157px; float: left; line-height: 50px; color: #ff8a00; font-size: 24px; }
		
		/* ### left container ### */
		#leftCntr { float: left; width: 763px; }
		#leftCntr .left { padding-bottom: 20px; float: left; width: 526px; }
		#leftCntr .right { float: right; width: 217px; }
		
		/* ### forms ### */
		#leftCntr form table { margin: 0 auto; width: 100%; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 0px solid #474747; padding: 5px; }
		#leftCntr form table .field { width: 250px; text-align: left; font-weight: bold; text-align: right; }
		#leftCntr form table td { padding: 5px; padding-left: 20px; }
		#leftCntr form table td .input { color: #000; width: 200px; }
		#leftCntr form .input { width: 150px; }
		#leftCntr form textarea { color: #000; }

		#leftCntr input { color: #000; width: auto; }
		
		#leftCntr fieldset .input { height: 15px; width: 150px; }
		#leftCntr fieldset div { display: inline; position: absolute; margin-left: 5px; }
	
		.error { background: url( '../images/formError.png' ) no-repeat left; padding-left: 20px; color: #ff1b1b; }
		
			/* ### text box ### */
			.textBox { width: 761px; border: 1px solid #222222; background: #191919; }
			.textBox h2 { margin-bottom: 10px; padding: 0px 10px 0px 10px; font-size: 16px; height: 32px; line-height: 32px; background: url('../images/titleBg.gif') repeat-x; font-weight: bold; color: #ffd200; }
			.textBox p { padding: 0px 10px 10px 10px; }
			.textBox .tabs { font-size: 12px; color: #a4a9a4; font-weight: normal; }
			.textBox .tabs a { color: #a4a9a4; text-decoration: none; }
			.textBox .tabs td { padding-left: 20px; }
			
			.content { padding: 7px; }
			.content a { color: #eee; }
			.content a:hover { color: #ff8a00;  }
		
			/* ### video box ### */
			.videoBox { width: 526px; }
			
			/* ### shout box ### */
			#shoutScroll { height: 293px; overflow: auto; }
			
			.shoutBox { width: 215px; height: 419px; border: 1px solid #292929; background: #191919; }
			.shoutBox h2 { padding-left: 11px; line-height: 32px; color: #ffd200; font-size: 16px; background: url('../images/shout-bg.jpg') left top repeat-x; }
			.shoutBox ul { list-style: none; height: 100%; }
			.shoutBox li { padding-left: 8px; line-height: 28px; }
			.shoutBox li.bg { background: #222222; }
			.shoutBox li span { padding-right: 6px; color: #ffd200; font-size: 10px; float: left; }
			.shoutBox .post { margin-top: 10px; background: #444444; }
			.shoutBox .post textarea { width: 207px; height: 49px; background: #535f0c; color: #ffffff; border: 0px; padding: 4px; border-bottom: 1px solid #191919; }
			 
			.shoutBox .post .sbutton { float: right; }
			.shoutBox .post #smileys { display: none; position: absolute; background: #222222; border: 1px solid #555555; border-top: 0px; width: 185px; margin-left: 8px; padding: 5px; }
			.shoutBox .post #smileys li { display: inline;}
			
			.shoutBox .post input { background: #444444; height: 24px; border: 0px; color: #FFF; }
			.shoutBox .post #shoutSmileys { float: right; }
			.shoutBox . { padding: 3px; color: #fff; text-align: center; margin-top: 5px; }
			.shoutBox . a { color: #fff; }
			 
			/* ### recently box ### */
			.recentlyBox { width: 761px; overflow: hidden; border: 1px solid #222222; background: #191919; }
			.recentlyBox h2 { padding-left: 11px; margin-bottom: 10px; line-height: 32px; color: #ffd200; font-size: 16px; background: url('../images/shout-bg.jpg') left top repeat-x; }
			.recentlyBox ul { padding-left: 9px; list-style: none;  }
			.recentlyBox li { padding: 0px 14px 23px 0px; float: left; }
			.recentlyBox li.last { padding-right: 0px; }
			.recentlyBox li a { padding-bottom: 2px; text-align: center; display: block; text-decoration: none; font-weight: bold; font-size: 13px; color: #ffd200; }
			.recentlyBox li a:hover { text-decoration: underline; }
			.recentlyBox img { padding-bottom: 2px; }
			.recentlyBox p { font-size: 10px; text-align: center; }
			.recentlyBox span { padding-right: 4px; margin-right: 4px; background: url('../images/devaider.jpg') right center no-repeat; }
			.recentlyBox li.padding { padding-bottom: 15px; }
			
		/* ### right container ### */
		#rightCntr { float: right; width: 217px; }
			
			/* ###  box ### */
			.Box { padding-bottom: 10px; margin-bottom: 14px; width: 215px; border: 1px solid #222222; background: #191919; }
			.Box h2 { padding-left: 11px; margin-bottom: 10px; line-height: 32px; color: #ffd200; font-size: 16px; background: url('../images/shout-bg.jpg') left top repeat-x; }
			.Box fieldset { padding: 0px 9px; margin-bottom: 5px; border: none; }
			.Box input.field { padding: 5px 10px; margin-bottom: 5px; overflow: hidden; float: left; font-size: 11px; color: #090909; width: 177px; height: 13px; border: none; background: url('../images/field1.jpg') 100% no-repeat; }
			.Box input.button { margin-top: 1px; width: 71px; font-size: 10px; font-family: Verdana, Arial; text-transform: uppercase; font-weight: bold; height: 23px; cursor: pointer; float: right; border: none; background: url('../images/-button.jpg') no-repeat; }
			.Box label { padding: 6px 0px 0px 5px; float: left; font-size: 10px; color: #ffd200; }
			.Box input.checkbox { margin-right: 10px; width: 12px; height: 12px; float: left; }
			.Box a { margin-left: 14px; line-height: 16px; font-size: 11px; color: #fff; display: block; text-decoration: underline; }
			.Box a:hover { text-decoration: none; }
			
			/* ### extended menu box ### */
			.extendBox { padding-bottom: 10px; margin-bottom: 14px; width: 215px; border: 1px solid #222222; background: #191919; }
			.extendBox h2 { padding-left: 11px; margin-bottom: 10px; line-height: 32px; color: #7c7c7c; font-size: 14px; background: url('../images/shout-bg.jpg') left top repeat-x; }
			.extendBox ul { margin-left: 20px; list-style-image: url( '../images/list-arrow.gif' ); }
			.extendBox ul li { padding: 3px; }
			.extendBox ul li a { color: #fff; text-decoration: none; font-size: 12px; }
			.extendBox ul li a.active { font-weight: bold; }
			.extendBox .cancel { float: right; margin-top: 10px; margin-right: 5px; }
			
			/* ### channel box ### */
			.channelBox { margin-bottom: 18px; width: 217px; }
			.channelBox ul { list-style: none; }
			.channelBox li { padding-left: 15px; line-height: 30px; background: url('../images/channel-line.jpg') left bottom repeat-x; }
			.channelBox li.last { background: none; }
			.channelBox li a { display: block; font-size: 13px; font-weight: bold; color: #fff; text-decoration: none; }
			.channelBox li a:hover { text-decoration: underline; }
			.channelBox .list { border: 1px solid #555555; padding: 3px; width: 180px; display: none; }
			
			.channelBox .list li a { font-weight: normal; }
			
			/* ### chat box ### */
			.chatBox { margin-bottom: 20px; width: 215px; border: 1px solid #222222; background: #090909 url('../images/chat-bg.jpg') left top repeat-x; }
			.chatBox span { padding-top: 16px; font-size: 13px; font-weight: bold; text-align: center; display: block; text-transform: uppercase; }
			.chatBox a { margin: -1px 0px 16px 29px; width: 157px; height: 24px; display: block; text-indent: -9999px; background: url('../images/chatroom.jpg') no-repeat; }
			
			/* ### language box ### */
			.languageBox { width: 215px; border: 1px solid #222222; background: url('../images/language-bg.jpg') left top repeat-x; }
			.languageBox h2 { padding: 13px 0px 4px 0px; font-size: 14px; text-transform: uppercase; text-align: center; }
			.languageBox fieldset { padding: 0px 0px 17px 20px; border: none; }
			.languageBox select { width: 173px; height: 21px; font-size: 11px; color: #090a0c; }
	
	/* ## Avatar ### */
	.message { }
	.message hr    { height: 1px; border: 0px; background: url('../images/li-border.jpg') left bottom repeat-x; margin-bottom: 10px; width: 99%; }
	.message #info { height: 100px; }
	.avatar {  float: left; border: 1px solid #BCBCBD; width: 80px; height: 80px; background: #FFF; padding: 5px; text-align: center;}

	.goldavatar { width: 80px; height: 80px; padding: 5px; border: 4px solid #fed102; margin: 0 auto;  margin-bottom: 10px; }
	.goldinfo { margin-bottom: 5px; }
	.goldinfo a { color: #FFF; }
	.message #info .avatar img { margin-top: 5px; margin-left: 7px;}
	.message #info .postinfo { float: left; margin-left: 10px; margin-top: 30px; }
	.message #info .postinfo a {  }
	.message #info .postinfo .date { color: #98989c; margin-top: 5px; }
	.message #body { width: 99%; }

	
	/* ### Dialogs ### */
	.dialog { display: none; }
	
	.quote { padding: 5px; border: 1px solid #555; margin: 5px; }
	
	#avg { margin: 0px; padding: 0px; }
	
	/* ### Listview ### */
	.listView { width: 100%; }
	.listView .item form table td { padding-left: 1000px; }
	.listView .item { border: 1px solid #555555; background: #1f1d1d; padding: 10px; overflow: hidden; margin-bottom: 5px;  }
	.listView .item .thumbnail { float: left; border: 1px solid #6c767c; width: 120px; height: 120px; background: #000; padding: 1px; }
	.listView .item .thumbnail div { margin: 1px; width: 118px; height: 118px; background-position: center; background-repeat: no-repeat; }
	.listView .item .info { float: right; width: 590px; }
	.listView .item .info .title { margin-bottom: 0px; padding: 4px; }
	.listView .item .info .title a { color: #eb7700; font-weight: bold; }
	.listView .item .info .description { padding: 5px; color: #a4a9a4; font-size: 11px; margin-bottom: 5px; }
	.listView .item .info table { width: 100%; padding: 2px; }
	.listView .item .info table td { width: 50%; vertical-align: top; }
	.listView .item .info table td label { float: left; width: 110px; color: #a4a9a4; }
	.listView .item .info table td .row { clear: both; margin-bottom: 5px; }
	.listView .item .checkbox { float: right; }
	.listView .item .buttons  { float: right; }
	
	/* ### Thumbview ### */
	.thumbView { width: 100%; overflow: hidden; }
	.thumbView ul { list-style: none; }
	.thumbView ul li { float: left; width: 120px; height: 170px; padding: 0px 13px 35px 15px; }
	.thumbView ul li .thumbnail { border: 1px solid #fff; width: 120px; height: 120px; background: #6c767c; }
	.thumbView ul li .avatar { border: 4px solid #fff; width: 80px; height: 80px; background: #6c767c; }
	.thumbView ul li .thumbnail div { margin: 1px; width: 118px; height: 118px; background-position: center; background-repeat: no-repeat; }
	.thumbView ul li .title { text-align: center; padding: 3px; }
	.thumbView ul li .title a { color: #eb7700; font-weight: bold; }
	.thumbView ul li .info { text-align: center; margin-top: 7px; }
	.thumbView ul li .info span { color: #a4a9a4; }
	
	/* ### Thumbview Frontpage ### */
	.thumbViewFrontpage { width: 100%; overflow: hidden; }
	.thumbViewFrontpage ul { list-style: none; }
	.thumbViewFrontpage ul li { float: left; width: 30%; height: 350px; padding-left: 10px; padding-bottom: 20px; padding-top: 20px; }
	.thumbViewFrontpage ul li .thumbnail {  }
	.thumbViewFrontpage ul li .avatar { border: 4px solid #fff; background: #6c767c; }
	.thumbViewFrontpage ul li .thumbnail div { margin: 1px; background-position: center; background-repeat: no-repeat; }
	.thumbViewFrontpage ul li .title { text-align: left; padding: 3px; }
	.thumbViewFrontpage ul li .title a { color: #eb7700; font-weight: bold; }
	.thumbViewFrontpage ul li .info { text-align: left; margin-top: 7px; }
	.thumbViewFrontpage ul li .info span { color: #a4a9a4; }
	
	/* ### Memberlist ### */
	.gold { border: 3px solid #fed102; }
	.memberList { width: 100%; overflow: hidden; }
	.memberList ul { list-style: none; }
	.memberList ul li { float: left; width: 100px; padding: 0px 30px  40px 50px; }
	.memberList .profile {  float: left; width: 100px; padding: 0px 13px 35px 30px;  }
	.memberList ul li .title { text-align: center; padding: 3px; }
	.memberList ul li .title a { color: #eb7700; font-weight: bold; }
	.memberList ul li .avatar { border: 1px solid #BCBCBD; width: 100px; height: 100px; background: #fff; }
	.memberList ul li .gold { border: 3px solid #fed102; }
	.memberList ul li .info { text-align: left; margin-top: 7px; width: 120px; }
	.memberList ul li .friend { background: url( '../images/friend.png' ) left center no-repeat; padding-left: 20px; margin-top: 5px; }
	.memberList ul li .message { background: url( '../images/message.png' ) left center no-repeat; padding-left: 20px; margin-top: 5px; }
	.memberList ul li .friend a, .message a { color: #a4a9a4; }
	.memberList ul li .info span { color: #a4a9a4; }
	
	.profileButtons li { list-style: none; }
	
	/* ###  box ### */
	. { width: 100%; overflow: hidden; }
	. .form { float: left; width: 400px; height: 50px; border: 2px solid #6f6f6f; background: #FFF; padding: 10px; text-align: center; color: #000; }
	. .form div { margin-top: 10px; }
	. .form div span a { font-weight: bold; color: #000; }
	. .info { float: right; width: 300px; }
	. .info span { font-weight: bold; }
	. .info ul { margin-top: 10px; margin-left: 20px; }
	
	/* ### Audio, video, photo ### */
	.center { padding: 10px; text-align: center; }
	.mediaInfo { border: 1px solid #444444; padding: 10px; width: 712px; }
	.mediaInfo table { width: 100%; }
	.mediaInfo table td { width: 33%; vertical-align: top; }
	.mediaInfo table td .row { clear: both; padding: 2px; }
	.mediaInfo table td .row label { float: left; width: 100px; font-weight: bold; color: #a4a9a4; }	
	
	.mediaInfo .links { padding-left: 24px; margin-bottom: 12px;}
	.mediaInfo .links.flag { background: url( '../images/buttons/flag.png' ) no-repeat left; }
	.mediaInfo .links. { background: url( '../images/buttons/.png' ) no-repeat left; }
	.mediaInfo .links.favo { background: url( '../images/buttons/favorites.png' ) no-repeat left; }
	.mediaInfo .links.mail { background: url( '../images/buttons/mail.png' ) no-repeat left; }
	.mediaInfo .links.flash { background: url( '../images/buttons/videoFlash.png' ) no-repeat left; }
	.mediaInfo .links.html { background: url( '../images/buttons/videoHtml.png' ) no-repeat left; }
	
	
	.blocks { width: 1000px;  }
	.blocks td { width: 33%; height: 210px; border: 1px solid #444; background: #1F1D1D; vertical-align: top; padding: 15px; }
	.blocks .space {width: 10px; border: 0px; background: transparent;}
	.blocks td ul { list-style: none; margin-top: 20px; }
	.blocks td ul li { padding: 5px; padding-left: 0px; }
	.blocks a { color: #ADAB4D; }
	
	.copyright { text-align: center; margin-top: 10px; margin-bottom: 10px; color: #444; }
	
	.pageContent li { margin-left: 30px; }
	
.bulletOnline { background: url( '../images/bulletOnline.png' ) left center no-repeat; padding-left: 20px; margin-top: 5px; color: red; }
.bulletOffline { background: url( '../images/bulletOffline.png' ) left center no-repeat; padding-left: 20px; margin-top: 5px; color: #999; }
	
h3 { margin-bottom: 10px; }
.options { }
.options ul { margin: 0 auto;  }
.options ul li { width: 301px; height: 45px; background: url( '../images/billingOption.png' ); margin-bottom: 5px; list-style: none; }
.options .list li { float: left; width: 200px; margin-right: 35px; background: url( '../images/billingOptionSmall.png' ); }
.options ul .active { background: url( '../images/billingOptionHighlight.png' ); }
.options .list .active { background: url( '../images/billingOptionSmallHightlight.png' ); }
.options ul li input { float: left; margin-left: 20px; margin-top: 15px; }
.options ul li .image { float: left; margin-left: 20px; margin-top: 5px; }
.options ul li .image div { font-weight: bold; margin-bottom: 2px; }
.options ul li .name { float: left; margin-left: 10px; margin-top: 14px; font-weight: bold; }
.options ul li .price { float: right; margin-right: 10px; margin-top: 15px; }
			
/*
  button
*/
. { 
	position: fixed;
	bottom: 0px;
	background: #191919;
	border: 1px solid #555;
	border-bottom: 0px;
	padding: 10px;
	padding-left: 20px; padding-right: 20px;
	
	right: 5%;
	
	cursor: pointer;
	
}

. span {
	font-size: 16px;
	font-weight: bold;
}

. img { float: left;  margin-top: 2px; margin-right: 5px; }

.meter span { color: white; text-align: center; }
		
			
.meter { 
			height: 20px;  /* Can be anything */
			position: relative;
			
			background: #555;
			-moz-border-radius: 25px;
			-webkit-border-radius: 25px;
			border-radius: 25px;
			padding: 4px;
			-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
			-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
			box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
		}
		.meter > span {
			display: block;
			height: 100%;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			background-color: rgb(43,194,83);
			background-image: -webkit-gradient(
			  linear,
			  left bottom,
			  left top,
			  color-stop(0, rgb(43,194,83)),
			  color-stop(1, rgb(84,240,84))
			 );
			background-image: -moz-linear-gradient(
			  center bottom,
			  rgb(43,194,83) 37%,
			  rgb(84,240,84) 69%
			 );
			-webkit-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			position: relative;
			overflow: hidden;
		}
		.meter > span:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-image: 
			   -webkit-gradient(linear, 0 0, 100% 100%, 
			      color-stop(.25, rgba(255, 255, 255, .2)), 
			      color-stop(.25, transparent), color-stop(.5, transparent), 
			      color-stop(.5, rgba(255, 255, 255, .2)), 
			      color-stop(.75, rgba(255, 255, 255, .2)), 
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image: 
				-moz-linear-gradient(
				  -45deg, 
			      rgba(255, 255, 255, .2) 25%, 
			      transparent 25%, 
			      transparent 50%, 
			      rgba(255, 255, 255, .2) 50%, 
			      rgba(255, 255, 255, .2) 75%, 
			      transparent 75%, 
			      transparent
			   );
			z-index: 1;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			-webkit-animation: move 2s linear infinite;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			overflow: hidden;
		}
		
		.animate > span:after {
			display: none;
		}
		
		
		
		.orange > span {
			background-color: #f1a165;
			background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
		
		.red > span {
			background-color: #f0a3a3;
			background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
			background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
		}
		
		.nostripes > span > span, .nostripes > span:after {
			-webkit-animation: none;
			background-image: none;
		}