/*
ffa200 - background
ff7900 - border
a30636 - link
*/
/*
this is kais menu css
*/
/*.left-corner{
	background-image:url(/_themes/main/mixer/images/left.gif);
	float:left;
	width:9px;
	height:28px;
}
.right-corner{	
	background-image:url(/_themes/main/mixer/images/right.gif);
	float:left;
	width:9px;
	height:28px;	
}*/
/* menu style */
.mainmenu{
  display:block;
  position:relative;
  margin-left:90px;
  height:40px;
  z-index:101;
  /*margin-bottom: 50px;*/
}

.menuitems
{
  background-color: #000;
  border: 5px solid #fff;
}

.menuitems li a{
	color:#FFCC00;
	text-decoration:none;
  /*font-size:12px;
	padding-top:7px;
  padding-left: 10px;
  padding-right: 10px;*/
}
.mainmenu ul{
	margin:0px;
	padding:0px;
  float: left;
}
.menuitems li{
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	
	padding-left:0px;
	padding-right:0px;	
	margin:0px;
	color:#FFCC00;
	list-style:none;
	text-align:center;
  /*background-image:url(/_themes/main/mixer/images/middle.gif);*/
  padding-top: 8px;
/*	display:inline-block;*/
	float:left;
	background-position:center bottom;
	background-repeat:repeat-x;
	/*border-bottom:solid 1px #666666;
	border-left:solid 1px #000;*/
	font-weight:bold;
	height:22px;
}

.menuitems li:hover {
	background-color: #333;
	cursor:pointer;
	color:#d2a800;
}

/*submenu style **if styles are not overwriten main-menu styles are inherited** */
.menuitems ul{
  display:none;
	margin-top:8px;
  float: left;
}
.submenu li{
	background-image:none;
	text-align:left;
	width: 100px;
	float: none;
	border-bottom: 2px solid #fff;
	background-color:#000;
	padding-left:15px;
}
.submenu li:hover{
	background-color:#333;
}
/* kai's menu css ends here*/
.joinbanner{
  margin-top:15px;
  text-align:center;
}
.joincoolmembers{
  margin-top:130px;
}
.brd{border:1px solid red;}
.button{background:#333333; color:#ffffff; border:1px solid #000000; }
.active_btn{background:#ff7900; color:#000000; border:1px solid #000000; }
.button_small{background:#333333; color:#ffffff; border:1px solid #000000; }
.nav_title{text-align:center; padding:10px;}

.png_behavior {behavior: url('./_server/design/pngbehavior.htc');}

.img_border{border:1px solid #000000;}

#wide {
  width: 700px;
  padding-left:150px;
  position: relative;
  z-index: 12;
}

#wide a {color: #a30636;}
#content a {color: #263465;}

.header_big {font-size: 18px; line-height:24px; color: #a30636; text-align:left; padding-top:15px; padding-bottom:15px; font-weight:bold;}
.header_small{font-size: 14px; line-height:20px; color: #a30636; text-align:left; padding-top:15px; padding-bottom:15px; font-weight:bold;}
.personal_header{font-size: 14px; line-height:20px; color: #a30636; text-align:left; padding-top:15px; padding-bottom:15px; font-weight:bold;}
/*.user_name {font-size: 24px; line-height:32px; color: #a30636; }*/
.user_name { color: #a30636; }
.user_name_links { float: right; }
.user_name_links a { text-decoration: none; }
.pri_med_bold { color: #a30636; font-weight:bold;}

#profile
{
  width: 700px;
  padding-left:150px;
  position: relative;
  z-index: 12;
}

#profile a {color: #a30636;}  

	#profile dl{float: left; width: 330px; padding-bottom: 10px; position: relative; margin-left: -5px; display: inline; }
	#profile dt{position: relative; width: 107px; height: 105px; float: left;}
		#profile dt img{}
		#profile dt span{position: absolute; top: 0; left: 0; display: block; width: 130px; height: 144px; background: url(../img/border-profile.png);}
		* html #profile dt span{background: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=_themes/main/space/img/border-profile.png, sizingMethod='crop');}
		#profile dd{margin-left: 145px;}
		* html #profile dd{height: 1px;}
		#profile dd.name{font-size: 24px; line-height: 28px; margin-bottom: 10px; color: #a30636;}
		#profile dd.profile-completion{margin-top: 7px; padding-top: 8px; border-top: 1px solid #E0E0E0; color: #a30636;}
		#profile strong{color: #a30636;}
		li.gr{float: left; width: 123px;}
			li.gr div{border: 1px solid #E0E0E0; padding: 1px; margin-top: 5px;}
			li.gr table{width: 100%; background: #FFF url(../img/graph.gif) repeat-x 0 0; line-height:3px; height: 6px; overflow:hidden; }
			li.gr td.graph{background: #FFF; height: 6px;}
			li.num{padding: 3px 0 0 5px; font-weight: bold; float: left;}
	
	#personal-stat{float: right; position: relative; margin-bottom: 10px; width: 181px; height: 140px; background: url(../img/stats-bg.gif); overflow: hidden;}
		#personal-stat li{padding: 4px 0 0 6px;}
		#personal-stat a{font-weight: bold;}
		#personal-stat img{vertical-align: middle;}

	#profile .links{clear: both; overflow: hidden; width: 100%; padding-top: 10px;  border-top: 1px solid #E0E0E0;}
		#profile .links li{float: left; display: inline; margin-right: 22px; padding-left: 14px; background: url(../img/bullet-more.gif) no-repeat 0 50%;}
		#profile .links li.gold a{color: #FF1010;}
		#profile .links li.gold{background-image: url(../img/bullet-more-blue.gif);}
#search_info dd{margin-left: 115px;}
.im_inactive{text-decoration:none; color:#333333;}


table.tbl_friend {border-collapse: separate;}
td.blue{background-color: #ffa200; text-align:center;border:1px solid #ff7900;}
td.violet{background-color: #333333; color:#ffffff; height:25px; font-weight:bold; text-align:center;}
td.grey{background-color: #ffa200; text-align:center;border:1px solid #ff7900;}
img.violet{border:1px solid #000000;}

.light{background-color: #ffa200;border:1px solid #ff7900;}

.gr_table{border-collapse: separate;}
.gr_header{background-color: #333333; height:22px; padding:5px; color:#ffffff; font-size:18px; line-height:18px; overflow:hidden;}
.gr_image{background:#ffa200; width:90px; height:100px; text-align:center;border:1px solid #ff7900;}
.gr_image img{border:1px solid #000000;}

.gr_cell{background:#ffa200; padding:10px; color:#000000; border:1px solid #ff7900;}
.gr_cell h1 a{font-size:24px; line-height:28px; color:#000000; font-family: Arial,"Arial Narrow",  Verdana, sans-serif; font-weight:bold;}
.gr_date{background:#ffa200; padding:15px; color:#000000; width:90px;border:1px solid #ff7900;}
.gr_info{
	border:1px solid #ff7900;

	width:180px; 
	min-height:65px;
	//height:65px !important; 
	float:left; 
	background:#f8cb7d; 
	padding:5px;}


.gr_list {width:720px; list-style-type:square;}
.gr_list li{float: left; width:200px; display: inline; margin-left: 9px; padding-left: 9px; background: url(../img/bullet-header.gif) no-repeat 0 50%;}

.line{color:#333333; height:1px; width:100%; border:0px; background:#333333;}

.header{font-weight:bold;}

.thumbnail{
	overflow:hidden;
	background:#ffa200;
	border: 1px solid #ff7900;
	width:122px; height:140px; float:left;
	margin-left:20px; padding-top:10px; padding-bottom:10px; margin-bottom:20px;
	}

li.gr{float: left; width: 160px;}
			li.gr div{border: 1px solid #000000; padding: 1px; margin-top: 5px;}
			li.gr table{width: 100%; background: #FFF url(../img/profilec-tile.gif) repeat-x 0 0; line-height:3px; height: 3px; overflow:hidden; }
			li.gr td.graph{background: #FFF; height: 3px;}
			li.num{padding: 3px 0 0 5px; font-weight: bold; float: left;}
	
.hot_button_1{cursor:hand; padding: 0 8px; height: 23px; background: url(../img/button-hot-bg-1.gif); color: #FFF; border: 1px solid #000000; border-width: 1px 1px 1px 1px;}
.hot_button_2{cursor:hand; padding: 0 8px; height: 23px; background: url(../img/button-hot-bg-2.gif); color: #FFF; border: 1px solid #000000; border-width: 1px 1px 1px 1px;}
.hot_button_3{cursor:hand; padding: 0 8px; height: 23px; background: url(../img/button-hot-bg-3.gif); color: #FFF; border: 1px solid #000000; border-width: 1px 1px 1px 1px;}
.hot_button_4{cursor:hand; padding: 0 8px; height: 23px; background: url(../img/button-hot-bg-4.gif); color: #FFF; border: 1px solid #000000; border-width: 1px 1px 1px 1px;}
.hot_button_5{cursor:hand; padding: 0 8px; height: 23px; background: url(../img/button-hot-bg-5.gif); color: #FFF; border: 1px solid #000000; border-width: 1px 1px 1px 1px;}
.hot_button_6{cursor:hand; padding: 0 8px; height: 23px; background: url(../img/button-hot-bg-6.gif); color: #FFF; border: 1px solid #000000; border-width: 1px 1px 1px 1px;}
.hot_button_7{cursor:hand; padding: 0 8px; height: 23px; background: url(../img/button-hot-bg-7.gif); color: #FFF; border: 1px solid #000000; border-width: 1px 1px 1px 1px;}



table.bordered {
	width: 100%;
	color:#000000;
	padding: 0px;
	border-spacing: 1px;
	margin: .5em 0px;

  background: #ffa200;
	border: 1px solid #ff7900;
  border-bottom-width: 5px;
}
table.bordered th {
	font-weight: normal;
	padding: 4px 12px;
	border-bottom: 2px solid #ff7900;
	background: #ffa200;
}
table.bordered .subhead {
	border-top: 1px solid #ff7900;
}
table.bordered td {
	padding: 4px 16px;
	margin: 0px;
	background-color: #ffa200;
	color:#000000;
}

.blog_bg {background: #ffa200; border:1px solid #ff7900;}
.blog_photo {border: 1px #000000 dashed; width:90px; height:100px;}
.blog_img {border: 1px #000000 dashed; width:90px; height:100px;}

#video_details {padding-bottom:10px;}
#video_details dt {	float:left;	font-weight:bold; }
#video_details a {}

#user_details {	padding:10px; background:#ffa200; color:#000000; border:1px solid #000;}
#user_details h4{ font-size:18px; margin:0 10 0 10; padding-bottom:10px;}
#user_details dt { float:left;	font-weight:bold; }
#user_details a{ font-weight:bold; font-size:10px;}
#user_details dl{ margin-left:7px; font-size:10px;}
#user_details img{border:1px solid #000000;}

#video_links { padding:10px; color:#000000;}
#video_links_img{height:30px;}
#video_links_img video_links_link{height:30px;}
#video_links_img  img {behavior: url('./_server/design/pngbehavior.htc');}
#video_links_img  a {font-weight:bold;}

#rate_this img {behavior: url('./_server/design/pngbehavior.htc'); width:29px; height:29px;}

#video_info{padding:15px; font-size:12px;}
#video_info input{border:1px solid #000000;}

#vidio_comment{padding:35px; font-size:11px;}

#player_brd{
	margin-left:5px;
	background:#a30636 url(../img/video_top.gif) no-repeat;
	width:525px;
	height: 480px;
	color:#ffffff;
}
#player_brd .in{
	background: url(../img/video_bottom.gif) no-repeat  0 100%; position: relative;
	width:525px;
	height: 480px;
}

#complite{float: left; width: 180px; margin-top:17px; margin-bottom:5px; text-align:left; z-index:12;}
#complite p{margin: 0 0 5px !important;}
#complite a {color: #a30636;}

#blog_message{text-align:left;}

#calendar

{

        width: 84%;

        margin-top: 12px;
		border-left: 1px solid #000000;
		border-top: 1px solid #000000;

}



#calendar td

{

        height: 60px;

        font-size: 8pt;

        padding-left: 5px;

        padding-right: 5px;

        padding-bottom: 5px;

        padding-top: 5px;

        border-bottom: 1px solid #000000;

        border-right: 1px solid #000000;

        font-weight: bold;

        vertical-align: top;

        background-color: #ffa200;

        width: 13%;

}



#calendar a:link, #calendar a:visited, #calendar a:hover

{

        font-weight: normal;

        color: #fff;

        font-size: 7pt;

        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}



#week td

{

        background-color: #333333;

        font-weight: bold;

        color: White;

        font-size: 8pt;

        padding-top: 5px;

        padding-bottom: 5px;

        padding-left: 5px;

        padding-right: 5px;

        text-align: center;

        height: 30px;

        vertical-align: middle;

}



#calendar .event

{

        background-color: #a30636;

        color: #fff;

}



#calendar .today

{

        background-color: #ff7900;

        color: #fff;

}

.event_ul{



}


.event_link{

	color:fff;

	font-weight: normal;

	font-size: 7pt;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}



.clndr_link{

	color:fff;

	font-weight: normal;

	font-size: 7pt;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}

.del_link{

	color:fff;

	font-weight: normal;

	font-size: 7pt;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}

.attending{

	color:#3300FF

}

.maybe{

	color:#333333

}

.cant{

	color:#FF0000

}

#popup{background:#ffa200; font: 11px/14px Tahoma, Verdana, sans-serif; padding:5px;}
.games
{
	width:205px;
	margin:12px;
	height:170px;
	text-align:center;
	float:left;
  border: 1px solid #FF7900;
  background-color: #FFA200;
	font-size:14px;
}
.games a
{
	text-decoration:none;
	font-weight:bold;
}
.games img
{
	margin-top:25px;
	margin-bottom:5px;		
}

#pager
{
  text-align: center;
	clear: both;
}

#videolist
{
  clear: both;
  margin-top: 50px;
}

#video
{
  text-align: center;
}

.video
{
  padding: 10px;
  clear: both;
  width: 100%;
  /*height: 150px;*/
  border-top: 1px solid #AC6205;
}

.video .imagecontainer
{
  width: 20%;
  height: 100px;
  float: left;
}

.video p
{
  margin: 10px;
  float: left;
  width: 70%;
}

p.box
{
  margin: 10px;
  padding: 10px;
  
  border: 1px solid #000;
}

p.videodesc
{
  font-size: 10pt;
  margin: 10px;
}

#wide
{
  clear: both;
  margin-top: 10px;
}

#upload
{

}

#upload dd
{
  float: left;
  width: 150px;
}

#upload input
{
  width: 450px;
}

#upload textarea
{
  width: 450px;
  height: 200px;
}

#profile_links
{ 
  padding-bottom: 20px;
  border-collapse: collapse;
}

#profile_links li
{
  display: inline;
  margin: 0px;
  float: left;  
}

#profile_links a
{
  border: 1px solid #666;
  background-color: #000;
  color:#FFCC00;
  padding: 5px 10px;
  text-decoration: none;
}

#profile_links a.current
{
  background-color: #FC0;
  color: #000;
}

#profile_links a:hover
{
  color:#d2a800;
  background-color: #333;
}

#calendar
{
  text-align: center;
}

#tab_links
{ 
  padding-top: 10px;
  padding-bottom: 20px;  
  height: 21px;
}

#tab_links ul
{
  height: 22px;
}

#tab_links li
{
  display: inline;
  margin: 0px;
  float: left;  
  padding: 5px 0px 6px;
}

#tab_links a, #tab_links a:active, #tab_links a:visited
{
  border: 1px solid #666;
  background-color: #000;
  color:#FFCC00;
  padding: 5px;
  text-decoration: none;
}

#tab_links a.current, #tab_links a.current:active, #tab_links a.current:visited
{
  background-color: transparent;
  background-image: url('../images/tab_bg.png');
  background-repeat: repeat-x;
  border-bottom: none;
  color: #000;
}

#tab_links a:hover
{
  color:#d2a800;
  background-color: #333;
}

#tab_links a.current:hover
{
  background-image: none;
  background-color: #FC0;
  border-bottom: 1px solid #666;
  color: #000;
}

#profile a
{
  text-decoration: none;
}

#profile_home
{
  margin-top: 20px;
}

#profile_picture
{
  float: left;
  margin: 5px;
}

#profile_info
{
  float: left;
}

#profile_shortcuts
{
  float: right;
}

#profile_shortcuts ul
{
  margin: 5px 0px;
}

#profile_shortcuts li
{
  clear: left;
}

#profile_shortcuts li div
{
  text-align: center;
  margin-right: 5px;
}

#friends_list
{
  clear: left;
}

#friends_list li
{
  display: inline;
  float: left;
  margin: 5px;
  text-align: center;
}

#friends_list a
{
  text-decoration: none;
}

.icon
{
  width: 24px;
  height: 24px;
  float: left;
}

.inline
{
  display: inline;
}

#content
{
  position: absolute;
  top: 100px;
}

#favs_list li
{
  display: inline;
  float: left;
  margin: 5px;
  text-align: center;
}

.column
{
  float: left;
  width: 50%;
  text-align: left;
}

#stats-content
{
  text-align: center;
}

#stats-links
{
  clear: both;
  padding-top: 10px;
}

.avatars
{
  overflow: hidden;
}

.avatars li
{
  float: left;
  background-image: url(/_themes/main/mixer/img/members-bg.png);
  background-repeat: no-repeat;
  margin: 5px 10px 5px 0px;
  text-align: center;
  font-size: 10px;
}

.avatars li i
{
  background-image: url(/_themes/main/mixer/img/members-item-bg.png);
  width: 90px;
  height: 100px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.avatars a
{
  margin: 10px;
  width: 90px;
  height: 100px;
  display: block;
  position: relative;
}

.avatars a img
{
  width: 90px;
  height: 100px;
}

#content_home
{
  width: 890px;
  clear: both;
  position: absolute;
  top: 180px;
}

#content_home a
{
  text-decoration: none;
  color: #660000;
}

.centre
{
  margin: 0px auto;
  text-align: center;
}

#my_messages .messages,
#message_box .messages
{
  overflow: auto;
  height: 180px;
}

.messages ul
{
  margin: 0px;
  padding: 0px;
}

.messages li
{
  list-style-type: none;
  clear: left;
  padding-top: 5px;
}

.messages img 
{
  float: left;
  width: 45px;
  height: 50px;
  padding-right: 10px;
}

#personal_info dl
{
  width: 700px;
}

#personal_info dd
{
  margin-left: 0px;
  float: left;
  width: 125px;
  clear: left;
  margin-top: 5px;
  text-align: right;
  margin-right: 10px;
  font-size: 10pt;
}

#personal_info dt
{
  width: 500px;
  height: auto;
  /*margin-top: 15px;*/
  float: left;
}

#personal_info strong
{
  color: #000;
}