@charset "utf-8";
body {
	background:#cfe1ed;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #404040;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

* {
	margin:0;
	padding:0;
}

:focus {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
}

input, select, button {
	vertical-align:middle;
}

a {
	color:#1da439;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.noborder-img {
	color:transparent;
}

.noborder-img img {
	border:0 none;
}

#container, #container-home, #container-setting, /*#container-msg,*/ #container-404, #container-misc {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	min-height: 500px;
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin: 0 auto 0 auto;
	background:#FFF;
	overflow:auto;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
}

#container-home {
	overflow:hidden;
}

#container-setting {
	background:#FFF url(../images/left_menu_bg.gif) repeat-y scroll left top;
}

/*#container-msg {
	background:#FFF url(../images/right_menu_bg.gif) repeat-y scroll right top;
}*/

#container-404 {
	background:#FFF url(../images/404.png) repeat-y scroll left top;
	min-height: 400px;
}

#container-misc {
	min-height: 300px;
}

#container-msg {
	width:900px;
	border:0 none;
	margin-left:auto;
	margin-right:auto;
	min-height: 500px;
}

#header {
	padding: 0;  
	margin: 0 auto;
	width:900px;
	height:90px;
}

.logo {
	float: left;
	position: relative;
	margin-top:10px;
}

.example {
	color:#858585;
	font-style:italic;
}

.top-right-elements{
	float: right;
	position: relative;
	height: 80px;
}
/*
.menu-top {
	font-size: 11px;
	text-align:right;
	color:#FFF;
	float: right;
	position: relative;
	height: 20px;
	margin: 5px;
}

.menu-top label, .menu-top a {
	cursor:pointer;
	color:#FFF;
	text-decoration:none;
}

.menu-top label:hover, .menu-top a:hover {
	color:#1da439;
}
*/
#nav-top {
	display:block;
	height:37px;
}

.nav-top-l, .nav-top-r, .nav-top-body {
	background:url(../images/navtop_lr.gif) 0 0 no-repeat;
	display:block;
	float:left;
	width:3px;
	height:37px;
}

.nav-top-r {
	background:url(../images/navtop_lr.gif) -3px 0 no-repeat;
}

.nav-top-body {
	background:url(../images/navtop_bg.gif) 0 0 repeat-x;
	width:700px;
}

#nav-top-home, #nav-top-account, #nav-top-friends, #nav-top-theme, #nav-top-input, #nav-top-lang, #nav-top-logout, #nav-top-login, #nav-top-register {
	display:block;
	float:left;
	height:37px;
	line-height:35px;
	cursor:pointer;
	padding-left:10px;
	padding-right:10px;
	font-size:11px;
	font-weight:bold;
}

#nav-top-home:hover, #nav-top-account:hover, #nav-top-friends:hover, #nav-top-theme:hover, #nav-top-input:hover, #nav-top-lang:hover, #nav-top-logout:hover, #nav-top-register:hover {
	background:url(../images/navtop_bg.gif) 0 -37px repeat-x;
}

.nav-top-item-space {
	display:block;
	float:left;
	height:37px;
	width:45px;
}

#nav-top-input {
	font-weight:normal !important;
	width:30px !important;
}

#nav-top-lang {
	font-weight:normal !important;
	width:55px !important;
}

#nav-top-logout {
	font-weight:normal !important;
	width:30px !important;
}

#nav-top-login {
  padding-left:0 !important;
  padding-right:0 !important;
  width:465px !important;
}

#nav-top-register {
	font-weight:normal !important;
	width:55px !important;
}

#submenu-account {
	left:70px;
}

#submenu-friends {
	left:140px;
}

#submenu-input {
	left:330px;
}

#submenu-lang {
	left:385px;
}

.lang-logout {
	left:80px !important;
}

.level-1 .level-2 {
	display:none !important;
}

.level-1:hover .level-2 {
	display:block !important;
}

.level-2 {
	background:#ffffff;
	border:#787878 1px solid;
	display:none;
	position:absolute;
	top:36px;
	line-height:25px;
	text-align:left;
	cursor:pointer;
	z-index:100;
}

.level-2 div {
	padding-left:20px;
	padding-right:20px;
	font-weight:normal;
}

.level-2 div:hover {
	background:#e0e0e0;
}

/*
.nav-top {
	font-size: 12px;
	background:#FFF;
	float: right;
	position: relative;
	width: 460px;
	height: 35px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topright: 3px;
}

.nav-top ul {
	list-style-image: none;	
	list-style-position:outside;
	list-style-type: none;	
}

.nav {
	float:left;
	padding: 0 15px;
	margin-top:10px;
}

.nav-top li {
	display:inline;
	padding-left:7px;
	padding-right:7px;
}

.nav-top li.first {
	padding-left:0;
}

.nav-top li.last {
	padding-right:0;
}
*/
#search {
	background:url(../images/btn_mini_search.gif) 0 0 no-repeat;
	display:block;
	float:left;
	width:30px;
	height:30px;
}

.mini-search {
	background: transparent url(../images/mini_search_bg.gif) no-repeat scroll 0 0;
	float: right;
	height:30px;
	margin-top:2px;
	margin-right:2px;
}

.mini-search .keyword-input-text {
	border:0;
	background:#FFF;
	height:20px;
	margin-left:8px;
	margin-top:6px;
	float:left;
}

.menu-item {
	/*color:#404040;*/
}

.full-dotted-line, .msg-dotted-line, .invite-dotted-line {
	background-image:url(../images/dotted_line_h.gif);
	background-position:left;
	background-repeat:repeat-x;
	height:1px;
	margin:15px;
}

.msg-dotted-line {
	margin:0;
	float:left;
	width:640px;
}

.invite-dotted-line {
	margin:0 auto 0 25px;
	float:left;
	width:580px;
}

/* This is legacy. Need to remove to avoid class*/
.page-title {
	color:#1da439;
	font-family:Arial;
	font-size:25px;
	font-weight:normal;
	padding-left:15px;
	padding-top:15px;
	padding-bottom:5px;
}


/* register.html */
#frmregister {
	margin-left:120px;
}

/* This is legacy. Need to remove to avoid class*/
.reg-top {
	margin-left:80px;
	margin-bottom:20px;
}

.reg-left, .confirm-login-left {
	display:block;
	float:left;
	padding-left:100px;	
	padding-right:10px;	
	padding-top:5px;	
	height:20px;
	width:110px;
	text-align:right;
}

.reg-label, .confirm-login-label {
	color: #404040;
	font-size: 11px;
	font-weight:bold;
}

.reg-line {
	width:100%;
	height:40px;
	clear:both;
}

.reg-line select {
	border:1px solid gray;
	padding:2px;
}

.reg-line-about {
	width:100%;
	height:110px;
	clear:both;
}

.field-required, .field-optional, .home-login {
	display:block;
	float:left;
	height:25px;
	width:200px;
	background-color:#fcffe0;
	border:1px solid #c6c6c6;
}

.home-login {
	background-color:#FFF;
	width:120px;
	margin-top:4px;
	margin-left:4px;
}

.field-optional {
	background-color:#FFF;
}

.field-about {
	display:block;
	float:left;
	height:100px;
	width:300px;
	background-color:#FFF;
	border:1px solid #c6c6c6;
}

.field-about textarea {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	height:100px;
	width:300px;
	border:0 none;
}

.input-text, .home-input-login {
	border:0 none;	
	background-color:transparent;
	width:195px;
	padding-top:5px;
}

.home-input-login {
	width:110px;
	margin-bottom:10px;
}

.formError {
	position:absolute;
	top:300px; 
	left:300px;
	width:200px;
	padding-bottom:15px;
	display:block;
	text-align:left;
	z-index:5000;
}
	
.formError .formErrorContent {
	width:100%; 
	background:#000;
	color:#fff;
	font-family:tahoma;
	font-size:10px;
	box-shadow: 1px 1px 6px #000;
	-moz-box-shadow: 1px 1px 6px #000;
	-webkit-box-shadow: 1px 1px 6px #000;
	padding:4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.formError .formErrorArrow{
	position:absolute;
	bottom:0;left:20px;
	width:15px; height:15px;
}

.formError .formErrorArrow div{
	box-shadow: 1px 4px 5px #000;
	-moz-box-shadow: 1px 4px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
	font-size:0px; 
}

.formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} 
.formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;} 

.field-msg, .field-msg-error, .field-msg-checked {
	border:1px solid #c6c6c6;
	background:#FFF url(../images/field_msg.gif) repeat-y;
	height:20px;
	display:block;
	float:left;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
}

.field-msg img {
	padding-right:5px;
}

.field-msg-checked {
	border:0 none;
	background:none;
}

.reg-buttons, .reg-buttons-email {
	margin-top:15px; 
	padding-left:230px;
}

.reg-buttons-email {
	padding-left:410px;
}

.row-buttons {
	padding-top:7px;
	text-align:center;
}

.button, .button-center, .button-setting, .abutton {
	background:#FFF url(../images/button_bg.gif) repeat-x;
	border:1px solid #c6c6c6;
	height:25px;
	display:block;
	float:left;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	font-size:11px;
	font-weight:normal;
	cursor:pointer;
	overflow: visible;
}

.abutton {
	display:block !important;
	color: #404040;
	line-height:20px;
	height:20px !important;
	width:60px !important;
	float:none !important;
	margin-left:auto !important;
	margin-right:auto !important;
}

.abutton:hover {
	text-decoration:none;
}

.button:active, .button-center:active, .button-setting:active, .abutton:active {
	background:#FFF url(../images/button_pushed_bg.gif) repeat-x;
}

.button-center, .abutton {
	display:inline;
	float:none;
}

.button-setting {
	margin-left:60px;
}

.confirm-login {
	width:690px;
	padding-left:200px;
	padding-top:30px;
}

.confirm-login-left {
	padding-left:40px;
	width:100px;
}

.confirm-login-label {
}

.login-settings {
	width:300px;
	padding-left:150px;
	font-size:11px;
	line-height:20px;
}

.login-button {
	text-align:center;
	padding-left:200px;
}

#left-menu {
	background:transparent;
	float:left;
	width:200px;
	min-height:500px;
}

#setting-menu-title {
	background:transparent url(../images/settings_title.gif) no-repeat;
	width:74px;
	height:24px;
	margin-left:60px;
	margin-top:15px;
	margin-bottom:30px;
}

#connect-menu-title {
	background:transparent url(../images/connect_title.gif) no-repeat;
	width:85px;
	height:24px;
	margin-left:55px;
	margin-top:15px;
	margin-bottom:30px;
}

#left-menu-list, #right-menu-list {
	display:block;
	float:left;
	width:230px;
	list-style-image: none;	
	list-style-position:outside;
	list-style-type: none;	
}

#left-menu-list {
	width:200px;
}

#left-menu-list li, #right-menu-list li {
	height:35px;
}

#left-menu-list img, #right-menu-list img {
	display:block;
	float:left;
	margin-top:11px;
	margin-bottom:0;
	padding-right:5px;
}

.left-menu-item-sl, .right-menu-item-sl {
	background:#FFF url(../images/left_menu_item_sl_bg.gif) repeat-x;
	padding:0 0 0 15px;
	font-weight:bold;
	height:35px;
}

#left-menu-list > li > img + div, #right-menu-list > li > img + div {
	display:block;
	float:left;
	padding-top:11px;
}

#left-menu-list > li > a > img + div, #right-menu-list > li > a > img + div {
	display:block;
	float:left;
	padding-top:11px;
	cursor:pointer;
}

#left-menu-list a, #right-menu-list a {
	display:block;
	padding:0 0 0 15px;
	color: #404040;
	cursor:pointer;
	height:35px;
}

#left-menu-list a img, #right-menu-list a img {
	border:0 none;
	padding-right:5px;
}

#left-menu-list a:hover, #right-menu-list a:hover {
	background:#e3e3e3;
	display:block;
	padding:0 0 0 15px;
	text-decoration:none;
}

#right-menu-list a:hover {
	/*background:#b7e0e3 url(../images/right_menu_item_sl_bg.gif) repeat-y;*/
}

.no-msg {
	display:block;
	float:left;
	margin-left:10px;
	margin-top:8px;
}

.no-msg-l, .no-msg-r {
	background:url(../images/nomsg_lr.gif) 0 0 no-repeat;
	display:inline-block;
	float:left;
	height:17px;
	width:8px;
}

.no-msg-r {
	background:url(../images/nomsg_lr.gif) -8px 0 no-repeat;
	width:3px;
}

.no-msg-body {
	background:url(../images/nomsg_bg.gif) 0 0 repeat-x;
	display:inline-block;
	float:left;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	line-height:17px;
}

.ajax-loader-right {
	background:url(../images/ajax-loader-right-menu.gif) no-repeat;
	padding:0;
	width:32px;
	height:32px;
	display:block;
	float:right;
}

#menu-set-account {
	background:url(../images/settings_account.gif) no-repeat 12px 10px;
}

#right-container {
	float:right;
	width:700px;
	text-align:left;
}

#content-heading {
	background:url(../images/title_bg.gif) repeat-x scroll;
	border-bottom:#c3e3ea 1px solid;
	margin-bottom:15px;
}

#content-heading h1 {
	color:#1da439;
	font-family:Arial;
	font-size:25px;
	font-weight:normal;
	padding-left:15px;
	padding-top:15px;
	padding-bottom:5px;
}

#content-heading label {
	display:block;
	padding-left:15px;
	margin-bottom:15px;
}

.center-box {
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:400px;
}

.signin-box-first {
	border-top:#cbcbcb 1px solid;
}

.changePassword {
  margin-left:100px;
  margin-top:50px;
}

#connect-privacy, #setting-password {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	font-size:11px;
	text-align:left;
	width:400px;
}

#connect-privacy div, #setting-password div {
	background:#EFEFEF;
	position:relative;
	float:right;
	margin-top:10px;
	padding:10px;
	height:140px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
}

#setting-password div {
	height:70px;
	margin-bottom:10px;
}

#connect-privacy ol, #setting-password ol {
	margin-left:20px;
	margin-top:10px;
}

#connect-privacy ol li, #setting-password ol li {
	margin-top:6px;
}

.invite-wrap {
	padding:15px;
}

.signin-box {
	width:400px;
	margin-left:auto;
	margin-right:auto;
}

.signin-box-long {
	width:500px !important;
}

.signin-title {
	background:#FFF url(../images/email_title_bg.gif) repeat-y top right;
	border-bottom:#cbcbcb 1px solid;
	border-left:#cbcbcb 1px solid;
	border-right:#cbcbcb 1px solid;
	float:right;
	height:35px;
	position:relative;
	width:400px;
}

.signin-title label {
	position: relative; 
	float: left; 
	margin-left: 10px; 
	margin-top: 10px;
	font-weight:bold;
}

.signin-title-long, .signin-input-long {
	width:500px !important;
}

.address-book {
	background:transparent url(../images/address_book.png) no-repeat scroll 0 0;
	float:left;
	width:24px;
	height:24px;
	margin:5px;
}

.signin-input {
	background:#FFF url(../images/email_signin_bg.gif) repeat-x center bottom;
	border-bottom:#cbcbcb 1px solid;
	border-left:#cbcbcb 1px solid;
	border-right:#cbcbcb 1px solid;
	float:right;
	padding-top:15px;
	position:relative;
	width:400px;
}

.email-logo-twitter {
	background:url(../images/twitter_logo.gif) no-repeat;
	width:30px;
	height:30px;
	float:left;
	margin:3px;
}

.email-logo-facebook {
	background:url(../images/facebook_logo.gif) no-repeat;
	width:30px;
	height:30px;
	float:left;
	margin:3px;
}

#breadcrumbs {
	display:block;
	width:351px;
	height:78px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
}

.bc-box {
	background:url(../images/breadcrumbs_bg.gif) repeat-x;
	display:block;
	float:left;
	width:78px;
	height:78px;
}

.bc-active {
	background:url(../images/breadcrumbs_active_bg.gif) repeat-x !important;
}

.bc-left-active, .bc-no-active, .bc-right-active {
	background:url(../images/breadcrumbs_arrow.gif) 0px 0px no-repeat;
	display:block;
	float:left;
	width:13px;
	height:78px;
}

.bc-no-active {
	background:url(../images/breadcrumbs_arrow.gif) -13px 0px no-repeat;
}

.bc-right-active {
	background:url(../images/breadcrumbs_arrow.gif) -26px 0px no-repeat;
}

.bc-title {
	color:#004719;
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	margin-top:18px;
	text-align:center;
	width:78px;
}

.bc-text {
	color:#5C5C5C;
	display:block;
	float:left;
	font-size:10px;
	margin-top:5px;
	text-align:right;
	width:70px;
}

.input-label-left {
	display:block;
	float:left;
	height:25px;
	padding-right:15px;
	padding-top:5px;
	text-align:right;
	white-space:nowrap;
	width:110px;
	font-size:11px;
	font-weight:bold;
}

.input-label-center {
	display:block;
	font-size:11px;
	padding-left:50px;
	text-align:left;
}

.facebook-id {
	color:#858585;
	font-style:italic;
	font-size:11px;
	display:block;
	float:left;
	padding-left:5px;
	padding-top:5px;
}

/* register_success.html */
.center-text-container {
	background:#F9F9F9;
	width:520px;
	height:140px;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
}

.center-text-container:hover {
	background:#EFEFEF;
}

.center-text {
	width:500px;
	font-size:11px;
	padding-top:15px;
	padding-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}

.center-text strong {
	font-size: 12px;
}

/* message_personal.html */

#left-container {
	background:#FFF;
	width:670px;
	text-align:left;
	vertical-align:top;
}

#right-menu {
	background:#d7f9fc;
	width:230px;
	vertical-align:top;
	text-align:left;
	border-left:#98ecf3 1px solid;
	border-right:0 none;
	border-top:0 none;
	border-bottom:0 none;
	padding-bottom:30px;
}

#msg-input h1 {
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	padding-left:15px;
	padding-top:30px;
	padding-bottom:5px;
}

#msg-input-all {
	padding-top:12px;
}

#tool-shade {
	padding-top:12px;
	padding-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

#tool-shade:hover {
	background:#efefef;
}

.tool-shade-focus {
	background:#efefef;
	padding-top:5px !important;
}

#msg-input-area {
	background:#FFF url(../images/msg_input_bg.gif) repeat-x;
	border:#a7a7a7 1px solid;
	margin-left:5px;
	margin-right:5px;
	height:55px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

#input-attachment {
	display:block;
}

.msg-input-focus {
	border:#74ce87 1px solid !important;
}

.msg-input-blur {
	border:#a7a7a7 1px solid !important;
}


#input-mode {
	display:none;
	position:relative;
	float:left;
	left:10px;
	top:3px;
	height:22px;
	width:22px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}

#input-mode:hover {
	background:#d6d6d6;
}

/* Tooltip of message_personal.html*/
/*#tt-status-mode, #tt-dm-mode {
	background:#FFF;
	float:left;
	width:92px;
	height:35px;
	z-index:1000;
}

#tt-no-twitter, #tt-no-facebook, #tt-twitter-tool-disable, #tt-facebook-tool-disable {
	background:#FFF;
	float:left;
	width:115px;
	height:35px;
	z-index:1000;
}

.tt-input-lb-mode1, .tt-input-lb-mode2 {
	font-size:10px;
	font-weight:bold;
	z-index:1000;
}

.tt-input-lb-mode2 {
	color:#999;
}

.tt-input-lb-act1, .tt-input-lb-act2 {
	font-size:10px;
	font-style:italic;
	z-index:1000;
}

.tt-input-lb-act2 {
	color:#999;
}*/

#dm-mode, #status-mode {
	background:transparent url(../images/direct.gif) left top no-repeat scroll;
	display:block;
	cursor:pointer;
	margin-top:3px;
	margin-left:3px;
	height:16px;
	width:16px;
}

#status-mode {
	background:transparent url(../images/new_status.gif) left top no-repeat scroll;
}

#input-tools-container-status, #input-tools-container-dm {
	background:#fff url(../images/tools_bg.gif) repeat-x;
	position:relative;
	display:none;
	top:1px;
	margin-left:35px;
	height:27px;
	width:185px;
	z-index:50;
}

#input-tools-container-dm {
	width:150px;
}

.input-tools-tl {
	background:url(../images/tools_tl.gif) top left no-repeat;
	position:relative;
	display:block;
	float:left;
	width:4px;
	height:27px;
	top:0;
}

.input-tools-tr {
	background:url(../images/tools_tr.gif) top left no-repeat;
	position:relative;
	display:block;
	float:right;
	width:4px;
	height:27px;
	top:0;
}

#input-tools-container-status .input-tools-tr {
	/*left:45px;*/
}

#input-tools-container-dm .input-tools-tr {
	/*left:25px;*/
}

#input-tools {
	position:relative;
	display:block;
	float:left;
}

#dm-user {
	background:#FFF;
	border:1px solid #CCC;
	display:block;
	float:left;
	width:140px;
	height:20px;
	margin-top:4px;
}

#toUser {
	background:#FFF;
	border:0 none;
	display:block;
	float:left;
	width:120px;
	margin-top:2px;
}

#dm-user img {
	display:block;
	float:right;
	margin-top:4px;
	margin-right:5px;
}

#twitter-tool, #twitter-tool-disable {
	background:url(../images/twitter_icon.gif) 0px -21px no-repeat;
	display:block;
	float:left;
	width:53px;
	height:21px;
	margin-top:3px;
	margin-right:3px;
	cursor:pointer;
}

.twitter-tool-on {
	background:url(../images/twitter_icon.gif) 0px 0px no-repeat !important;
}

#facebook-tool, #facebook-tool-disable {
	background:url(../images/facebook_icon.gif) 0px -21px no-repeat;
	display:block;
	float:left;
	width:68px;
	height:21px;
	margin-top:3px;
	margin-right:3px;
	cursor:pointer;
}

.facebook-tool-on {
	background:url(../images/facebook_icon.gif) 0px 0px no-repeat !important;
}

#link-tool, .link-tool-loading {
	background:url(../images/link_icon.gif) 0px -22px no-repeat;
	display:block;
	float:left;
	width:22px;
	height:22px;
	margin-top:3px;
	margin-right:3px;
	cursor:pointer;
}

#link-tool:active {
	background:url(../images/link_icon.gif) 0 0 no-repeat;
}

.link-tool-loading {
	background:url(../images/link_icon.gif) 0 -44px no-repeat !important;
	cursor:default !important;
}

.tool-loading {
	background:url(../images/ajax-loader-tool.gif) 0 0 no-repeat;
	display:block;
	width:16px;
	height:16px;
	margin-left:2px;
	margin-top:2px;
}

#smilies-tool {
	background:url(../images/smilies_icon.gif) 0px -22px no-repeat;
	display:block;
	float:left;
	width:22px;
	height:22px;
	margin-top:3px;
	margin-right:3px;
	cursor:pointer;
}

#smilies-tool:active {
	background:url(../images/smilies_icon.gif) 0 0 no-repeat;
}

#smilies {
	display:block;
	position:absolute;
	top:26px;
	left:154px;
	width:373px;
	height:133px;
	z-index:100;
}

.smilies-l, .smilies-r {
	background:transparent url(../images/smilies_lr.png) 0 0 no-repeat;
	display:block;
	float:left;
	width:9px;
	height:133px;
}

.smilies-r {
	background:transparent url(../images/smilies_lr.png) -9px 0 no-repeat;
	cursor:pointer;
}

.smilies-r:hover {
	background:transparent url(../images/smilies_lr.png) -18px 0 no-repeat;
}

#smilies-box {
	background:transparent url(../images/smilies_bg.png) repeat-x;
	display:block;
	float:left;
	width:175px;
	height:133px;
	overflow:hidden;
}

#smilies-list {
	display:block;
	float:left;
	width:350px;
	height:123px;
	margin-top:3px;
}

.smilies-img, .smilies-img span {
	display:block;
	float:left;
	width:35px;
	height:25px;
	cursor:pointer;
}

.smilies-img:hover {
	background:#CCC;
}

#sm-1,.ksm-1 {background:url(../images/emoticons/1.gif) center center no-repeat;}
#sm-2,.ksm-2 {background:url(../images/emoticons/2.gif) center center no-repeat;}
#sm-3,.ksm-3 {background:url(../images/emoticons/3.gif) center center no-repeat;}
#sm-4,.ksm-4 {background:url(../images/emoticons/4.gif) center center no-repeat;}
#sm-5,.ksm-5 {background:url(../images/emoticons/5.gif) center center no-repeat;}
#sm-7,.ksm-7 {background:url(../images/emoticons/7.gif) center center no-repeat;}
#sm-8,.ksm-8 {background:url(../images/emoticons/8.gif) center center no-repeat;}
#sm-9,.ksm-9 {background:url(../images/emoticons/9.gif) center center no-repeat;}
#sm-10,.ksm-10 {background:url(../images/emoticons/10.gif) center center no-repeat;}
#sm-11,.ksm-11 {background:url(../images/emoticons/11.gif) center center no-repeat;}
#sm-12,.ksm-12 {background:url(../images/emoticons/12.gif) center center no-repeat;}
#sm-13,.ksm-13 {background:url(../images/emoticons/13.gif) center center no-repeat;}
#sm-14,.ksm-14 {background:url(../images/emoticons/14.gif) center center no-repeat;}
#sm-15,.ksm-15 {background:url(../images/emoticons/15.gif) center center no-repeat;}
#sm-16,.ksm-16 {background:url(../images/emoticons/16.gif) center center no-repeat;}
#sm-17,.ksm-17 {background:url(../images/emoticons/17.gif) center center no-repeat;}
#sm-18,.ksm-18 {background:url(../images/emoticons/18.gif) center center no-repeat;}
#sm-19,.ksm-19 {background:url(../images/emoticons/19.gif) center center no-repeat;}
#sm-20,.ksm-20 {background:url(../images/emoticons/20.gif) center center no-repeat;}
#sm-21,.ksm-21 {background:url(../images/emoticons/21.gif) center center no-repeat;}
#sm-22,.ksm-22 {background:url(../images/emoticons/22.gif) center center no-repeat;}
#sm-24,.ksm-24 {background:url(../images/emoticons/24.gif) center center no-repeat;}
#sm-28,.ksm-28 {background:url(../images/emoticons/28.gif) center center no-repeat;}
#sm-29,.ksm-29 {background:url(../images/emoticons/29.gif) center center no-repeat;}
#sm-31,.ksm-31 {background:url(../images/emoticons/31.gif) center center no-repeat;}
#sm-32,.ksm-32 {background:url(../images/emoticons/32.gif) center center no-repeat;}
#sm-36,.ksm-36 {background:url(../images/emoticons/36.gif) center center no-repeat;}
#sm-37,.ksm-37 {background:url(../images/emoticons/37.gif) center center no-repeat;}
#sm-38,.ksm-38 {background:url(../images/emoticons/38.gif) center center no-repeat;}
#sm-39,.ksm-39 {background:url(../images/emoticons/39.gif) center center no-repeat;}
#sm-41,.ksm-41 {background:url(../images/emoticons/41.gif) center center no-repeat;}
#sm-47,.ksm-47 {background:url(../images/emoticons/47.gif) center center no-repeat;}
#sm-49,.ksm-49 {background:url(../images/emoticons/49.gif) center center no-repeat;}
#sm-50,.ksm-50 {background:url(../images/emoticons/50.gif) center center no-repeat;}
#sm-51,.ksm-51 {background:url(../images/emoticons/51.gif) center center no-repeat;}
#sm-52,.ksm-52 {background:url(../images/emoticons/52.gif) center center no-repeat;}
#sm-53,.ksm-53 {background:url(../images/emoticons/53.gif) center center no-repeat;}
#sm-63,.ksm-63 {background:url(../images/emoticons/63.gif) center center no-repeat;}
#sm-67,.ksm-67 {background:url(../images/emoticons/67.gif) center center no-repeat;}
#sm-68,.ksm-68 {background:url(../images/emoticons/68.gif) center center no-repeat;}
#sm-71,.ksm-71 {background:url(../images/emoticons/71.gif) center center no-repeat;}
#sm-77,.ksm-77 {background:url(../images/emoticons/77.gif) center center no-repeat;}
#sm-101,.ksm-101 {background:url(../images/emoticons/101.gif) center center no-repeat;}
#sm-102,.ksm-102 {background:url(../images/emoticons/102.gif) center center no-repeat;}
#sm-103,.ksm-103 {background:url(../images/emoticons/103.gif) center center no-repeat;}
#sm-106,.ksm-106 {background:url(../images/emoticons/106.gif) center center no-repeat;}
#sm-108,.ksm-108 {background:url(../images/emoticons/108.gif) center center no-repeat;}
#sm-109,.ksm-109 {background:url(../images/emoticons/109.gif) center center no-repeat;}
#sm-112,.ksm-112 {background:url(../images/emoticons/112.gif) center center no-repeat;}
#sm-113,.ksm-113 {background:url(../images/emoticons/113.gif) center center no-repeat;}

.smd {display:inline-block;width:18px;height:18px;}
.ksm-7,.ksm-51 {width:20px;}
.ksm-28 {width:21px;}
.ksm-20,.ksm-67,.ksm-68 {width:22px;}
.ksm-109 {width:25px;}
.ksm-101,.ksm-103,.ksm-112 {width:28px;}
.ksm-24 {width:30px;}
.ksm-108 {width:31px;}
.ksm-77 {width:32px;}
.ksm-14,.ksm-18 {width:34px;}
.ksm-36 {width:38px;}
.ksm-113 {width:39px;}
.ksm-106 {width:40px;}
.ksm-102 {width:44px;}

#msg-input-body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	border:0 none;
	margin:10px;
	width:490px;
	height:35px;
	float:left;
	overflow:auto;
}

#msg-input-tools {
	float:left;
	height:55px;
}

#word-count {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
}

#msg-input-button, #msg-input-button-disable, #msg-input-button-sending {
	background:url(../images/btn_send.gif) no-repeat 0px 0px;
	position:relative;
	float:right;
	width:65px;
	height:50px;
	margin-top:2px;
	margin-right:2px;
	cursor:pointer;
}

#msg-input-button:active {
	background:url(../images/btn_send.gif) no-repeat 0px -50px;
}

#msg-input-button-disable {
	background:url(../images/btn_send.gif) no-repeat 0px -100px;
	cursor:default;
}

#msg-input-button-sending {
	background:url(../images/btn_send.gif) no-repeat 0px -150px;
	cursor:default;
}

#msg-input-button-sending img {
	left:22px;
	position:relative;
	top:12px;
}

#msg-input-bottom {
	height:60px;
	margin-left:15px;
	margin-right:10px;
}

#msg-input-notice, #group-notice {
	background:#FFFF66 none repeat scroll 0 0;
	display:block;
	float:left;
	font-size:11px;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:5px;
	width:635px;
}

#right-notice {
	background:#FFF9D7 none repeat scroll 0 0;
	border:#E2C822 1px solid;
	display:block;
	float:left;
	font-size:12px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	margin-left:15px;
	margin-bottom:15px;
	width:665px;
	text-align:center;
}

#center-notice {
	background:#FFF9D7 none repeat scroll 0 0;
	border:#E2C822 1px solid;
	display:block;
	float:left;
	font-size:12px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	margin-left:52px;
	margin-right:15px;
	margin-bottom:15px;
	text-align:center;
	text-align:left !important;
	color:Red;
}

.right-notice-error, .center-notice-error {
	background:#FFEBE8 !important;
	border:#DD3C10 1px solid !important;
}

.DM-error-msg {
  background:#F60 !important;
  color:#FFFFFF !important;
}

#msg-latest {
	display:block;
	float:left;
	color:#858585;
	font-size:11px;
	margin-top:10px;
}

#msg-group, #invite-top-bar, #connect-invite-top-bar {
	background:#FFF url(../images/msg_group_bg.gif) repeat-x;
	height:30px;
	margin-left:15px;
	margin-right:15px;
	border-top:#8a8989 1px solid;
	border-bottom:#8a8989 1px solid;
}

#msg-group {
	overflow:hidden;
	white-space:nowrap;
}

#msg-group ul {
	cursor:move;
	display:inline-block;
}

#msg-group li.loading {
	background:url(../images/ajax-loader-msg-group.gif) #FFF center no-repeat !important;
}

#invite-top-bar {
	margin-left:130px;
	width:640px;
	border:#8a8989 1px solid;
}

#connect-invite-top-bar {
	margin-left:0px !important;
	width:640px;
	border:#8a8989 1px solid;
}

#invite-top-bar input, #connect-invite-top-bar input {
	float:left;
	margin-left:15px;
	margin-top:8px;
}

#invite-top-bar label, #connect-invite-top-bar label {
	float:left;
	margin-left:10px;
	padding-top:8px;
	font-size:11px;
}

#msg-group ul, #invite-top-bar ul, #connect-invite-top-bar ul {
	list-style-image: none;	
	list-style-position:outside;
	list-style-type: none;	
	margin-left:5px;
	margin-top:7px;
}

#invite-top-bar ul, #connect-invite-top-bar ul {
	float:left;
	margin-left:20px;
}

#msg-group li, #no-twitter a, #no-facebook a, #invite-top-bar li, #connect-invite-top-bar li {
	display:inline;
	font-size:11px;
	font-weight:bold;
	color:#858585;
	padding: 5px 7px 6px;
	cursor:pointer;
}

#invite-top-bar li, #connect-invite-top-bar li {
	border:transparent 1px solid;
	padding: 5px 4px 6px;
	margin-left:-4px;
}

#msg-group li:hover, #no-twitter a:hover, #no-facebook a:hover {
	color:#1da439;
	text-decoration:none;
}

#msg-group li.selected, #invite-top-bar li:hover, #connect-invite-top-bar li:hover {
	background:#FFF;
	border:#8a8989 1px solid;
	color: #404040;
}

#msg-note {
	display:block;
	float:left;
	width:620px;
	height:80px;
	margin:10px;
}

#msg-note-l, #msg-note-r {
	background:url(../images/msglist_note_lr.gif) no-repeat 0 0;
	display:block;
	float:left;
	width:5px;
	height:80px;
}

#msg-note-r {
	background:url(../images/msglist_note_lr.gif) no-repeat -5px 0;
	float:right;
}

#msg-note-body {
	background:url(../images/msglist_note_bg.gif) repeat-x;
	display:block;
	float:left;
	width:610px;
	height:80px;
}

#msg-note-line-1 {
	margin:5px 5px 0 5px;
	font-size:12px;
	font-weight:bold;
}

#msg-note-line-2 {
	margin:5px 5px 0 5px;
	font-size:11px;
	font-weight:normal;
}

#msg-note-line-3 {
	margin:5px 5px 0 5px;
	font-size:11px;
	font-weight:normal;
	height:20px;
}

#msg-note-off {
	display:block;
	float:left;
	font-size:10px;
	color:#858585;
	cursor:pointer;
}

#msg-note-off:hover {
	color:#1da439;
}

#btn-invite-suggestion, #btn-invite-suggestion:hover, .comment-send, .comment-send:hover {
	display:block;
	float:right;
	cursor:pointer;
	height:20px;
	width:80px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#btn-invite-suggestion .btn-invite-suggestion-txt, .comment-send .comment-send-txt {
	background:url(../images/btn_msgnote_bg.gif) repeat-x;
	display:block;
	float:left;
	height:18px;
	width:76px;
	padding-top:2px;
	text-align:center;
}

#btn-invite-suggestion .btn-invite-suggestion-l, #btn-invite-suggestion .btn-invite-suggestion-r, .comment-send .comment-send-l, .comment-send .comment-send-r {
	background:url(../images/btn_msgnote_lr.gif) no-repeat 0 0;
	display:block;
	float:left;
	width:2px;
	height:20px;
}

#btn-invite-suggestion .btn-invite-suggestion-r, .comment-send .comment-send-r {
	background:url(../images/btn_msgnote_lr.gif) no-repeat -2px 0;
	float:right;
}

#btn-invite-suggestion:active .btn-invite-suggestion-txt, .comment-send:active .comment-send-txt {
	background:url(../images/btn_msgnote_bg_active.gif) repeat-x;
}

#btn-invite-suggestion:active .btn-invite-suggestion-l,.comment-send:active .comment-send-l {
	background:url(../images/btn_msgnote_lr_active.gif) no-repeat 0 0;
}

#btn-invite-suggestion:active .btn-invite-suggestion-r, .comment-send:active .comment-send-r {
	background:url(../images/btn_msgnote_lr_active.gif) no-repeat -2px 0;
	float:right;
}

#msg-list, #invite-msg-list {
	margin-left:15px;
	margin-right:15px;
	list-style-type:none;
}

#invite-msg-list {
	margin-left:0;
	margin-right:0;
}

#msg-list-container, #connect-msg-list-container {
	float:left;
	margin-left:130px;
	margin-bottom:15px;
	border-bottom:1px solid #8A8989;
	border-left:1px solid #8A8989;
	border-right:1px solid #8A8989;
	width:640px;
	height:300px;
	overflow:auto;
}

#connect-msg-list-container {
	margin-left:0px !important;
}

#dm-menu {
	background:#FFF url(../images/dm_menu_bg.gif) repeat-x;
	height:30px;
	margin-left:15px;
	margin-right:15px;
}

#dm-menu ul {
	list-style-image: none;	
	list-style-position:outside;
	list-style-type: none;
	width:140px;
	margin-left:auto;
	margin-right:auto;
}

#dm-menu li {
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	color:#404040;
	cursor:pointer;
	width:70px;
}

.dm-menu-left, #dm-menu li.selected .dm-menu-left, #dm-menu li:hover .dm-menu-left {
	background:url(../images/dm_menu_off_lr.gif) no-repeat 0 0;
	display:block;
	float:left;
	width:4px;
	height:30px;
}

#dm-menu li.selected .dm-menu-left, #dm-menu li:hover.selected .dm-menu-left {
	background:url(../images/dm_menu_on_lr.gif) no-repeat 0 0;
}

#dm-menu li:hover .dm-menu-left {
	background:url(../images/dm_menu_over_lr.gif) no-repeat 0 0;
}

.dm-menu-txt, #dm-menu li.selected .dm-menu-txt, #dm-menu li:hover .dm-menu-txt {
	background:url(../images/dm_menu_off.gif) repeat-x;
	display:block;
	float:left;
	height:23px;
	width:62px;
	padding-top:7px;
	font-weight:normal;
	text-align:center;
}

#dm-menu li.selected .dm-menu-txt, #dm-menu li:hover.selected .dm-menu-txt {
	background:url(../images/dm_menu_on.gif) repeat-x;
	font-weight:bold;
	cursor:default;
}

#dm-menu li:hover .dm-menu-txt {
	background:url(../images/dm_menu_over.gif) repeat-x;
}

.dm-menu-right, #dm-menu li.selected .dm-menu-right, #dm-menu li:hover .dm-menu-right {
	background:url(../images/dm_menu_off_lr.gif) no-repeat -4px 0;
	display:block;
	float:right;
	width:4px;
	height:30px;
}

#dm-menu li.selected .dm-menu-right, #dm-menu li:hover.selected .dm-menu-right {
	background:url(../images/dm_menu_on_lr.gif) no-repeat -4px 0;
}

#dm-menu li:hover .dm-menu-right {
	background:url(../images/dm_menu_over_lr.gif) no-repeat -4px 0;
}

#search-top {
	background:#FFFFB8;
	height:30px;
	margin-left:15px;
	margin-right:15px;
}

#searching-keyword {
	display:block;
	float:left;
	font-size:14px;
	margin-top:5px;
	margin-left:10px;
}

#searching-keyword strong {
	color:#1DA439;
	font-size:16px;
}

#search-newmsg {
	display:block;
	float:right;
	margin-top:8px;
	margin-right:10px;
	font-size:11px;
	cursor:pointer;
}

#search-newmsg:hover {
	color:#1DA439;
}

#search-newmsg strong {
	color:#1DA439;
	font-weight:bold;
}

.msg-item {
	display:block;
	float:left;
	cursor:default;
}

.msg-item .msg-actions {
  display:none;
}

.msg-item:hover .msg-actions {
  display:block;
}

.invite-msg-item {
	height:30px;
	cursor:default;
}

.msg-item:hover, .invite-msg-item:hover {
	background:#f4f4f4;
}

.fb:hover {
	background:#ffffff !important;
}

.msg-avatar {
	float:left;
	margin-bottom:5px;
	margin-top:5px;
	margin-left	:5px;
}

.msg-avatar a {
	color:#FFF;
}

.msg-body {
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
	width:560px;
}

.msg-body-short {
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
}

.msg-body > span > a:first-child, .msg-body-short > span > a:first-child {
	font-weight:bold;
}

.msg-text {
	display:block;
	width:500px;
	cursor:text;
}

.msg-text-popup {
	display:block;
	cursor:text;
	font-size:15px;
	font-weight:bold;
	padding:10px;
}

.attachment {
	display:block;
	margin-top:10px;
}

.comments {
	display:block;
	margin-top:5px;
}

.display-video {
	display:inline-block;
}

.display-img img, .video-screen img {
	border:1px solid #CCCCCC;
	padding:3px;
	margin:5px 4px 5px 4px;
}

.video-screen {
	display:block;
	position:relative;
	float:left;
	cursor:pointer;
}

.video-play-button {
	background:url(../images/btn_video_play.gif) 0 0 no-repeat;
	top:40px;
	left:45px;
	position:absolute;
	height:30px;
	width:50px;
	z-index:50;
}

.msg-like {
	display:block;
}

.msg-like a {
	font-size:11px;
	font-weight:normal!important;
}

.comments-list {
	display:block;
}

.msg-like, .comment-summary, .comment-item, .new-comment {
	background:#ECEFF5;
	display:block;
	font-size:11px;
	width:380px;
	margin-bottom:2px;
	overflow-x:hidden;
	overflow-y:auto;
}

.msg-like, .comment-summary {
	height:30px;
}

.msg-like img, .comment-summary img {
	display:block;
	float:left;
	padding:7px 5px 5px 5px;
}

.msg-like a, .comment-summary a {
	display:block;
	float:left;
	padding-left:5px;
	padding-top:8px;
	cursor:pointer;
}

.comment-avatar {
	color:transparent;
	display:block;
	float:left;
	margin:5px;
}

.comment-avatar img {
	width:32px;
	height:32px;
	border:0 none;
}

.comment-body {
	display:block;
	float:left;
	margin-right:5px;
	margin-top:5px;
	width:303px;
}

.comment-text {
	display:block;
	float:left;
	width:308px;
}

.comment-text a {
	font-weight:bold;
}

.comment-time {
	display:block;
	float:left;
	color:#858585;
	padding-top:5px;
	width:308px;
}

.post-comment {
	border:1px solid #BDC7D8;
	color:#858585;
	font-family:Tahoma,Geneva,sans-serif;
	font-size:11px;
	margin:5px;
	padding:2px;
	height:15px;
	width:330px;
	line-height:15px;
}

.post-comment:hover {
	border:1px solid #5e8ad4;
}

.comment-focus {
	border:1px solid #3b73d3;
	color: #404040;
	width:293px;
}

.comment-send {
	margin-right:7px !important;
	margin-bottom:5px !important;
}

.display-music {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	display:block;
	margin-top:5px;
	cursor:pointer;
}

.display-music:hover {
	background:#D8D8D8;
}

.music-attachment {
	display:block;
	margin-top:5px;
	cursor:pointer;
}

.display-music-icon {
	background:transparent url(../images/music_play.gif) no-repeat scroll 0 0;
	display:block;
	float:left;
	height:16px;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	width:16px;
}

.display-song-name {
	font-size:12px;
	font-weight:bold;
	line-height:25px;
}

.display-song-title {
	color: #404040;
	text-decoration:none;
	font-weight:bold;
}

.display-song-name a:hover {
	text-decoration:none !important;
}

#display-song-play {
	color:#1DA439;
	font-size:14px;
}

#display-song-pause {
	color:#1DA439;
	font-size:14px;
}

.msg-timestamp {
	display:block;
	float:left;
	margin-top:10px;
	font-style:italic;
	font-size:11px;
	color:#858585;
}

.msg-actions {
	position:relative;
	display:none;
	float:right;
	margin-top:9px;
	z-index:50;
}

.msg-actions a {
	color:#333;
	font-size:11px;
	padding-left:20px;
	padding-bottom:5px;
	margin-left:10px;
	cursor:pointer;
}

.msg-actions a:hover {
	color:#1da439;
	text-decoration:underline;
}

.msg-action-reply, .m-action-reply {
	background:transparent url(../images/reply.gif) left top no-repeat scroll;
}

.m-action-reply, .m-action-quote, .m-action-fav {
	display:block;
	float:left;
	width:16px;
	height:16px;
}

.msg-action-direct {
	background:transparent url(../images/direct.gif) left top no-repeat scroll;
}

.msg-action-quote, .m-action-quote {
	background:transparent url(../images/quote.gif) left top no-repeat scroll;
}

.msg-action-fav, .m-action-fav {
	background:transparent url(../images/heart.gif) 0px 0px no-repeat scroll;
}

.msg-action-isfav {
	background:transparent url(../images/heart.gif) 0px -17px no-repeat scroll;
	display:block;
	position:relative;
	width:16px;
	height:16px;
	left:515px;
	top:10px;
}

.ispublic {
	left:555px !important;
}

.msg-action-fav-pink {
	background:transparent url(../images/heart.gif) 0px -17px no-repeat scroll;
}

.msg-action-delete {
	background:transparent url(../images/delete.gif) left top no-repeat scroll;
}

#more-msg-button {
	display:block;
	float:left;
	padding-left:15px;
	padding-top:15px;
	padding-bottom:15px;
	width:640px;
}

#more-user-button {
	display:block;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	width:900px;
}

#more-msg-button a, #more-user-button a {
	background:#FFF url(../images/btn_more_bg.gif) repeat-x;
	border:1px solid #c6c6c6;
	height:25px;
	display:block;
	text-align:center;
	font-weight:bold;
	padding-top:10px;
	text-decoration:none;
	cursor:pointer;
}

#more-user-button a {
	margin-left: auto;
	margin-right: auto;
	width:640px;
}

#more-msg-button a:active, #more-user-button a:active {
	background:#FFF url(../images/btn_more_pushed_bg.gif) repeat-x;
	cursor:pointer;
}

#more-msg-button span {
	background: #f8f8f8;
	border:1px dotted #c6c6c6;
	display:block;
	height:25px;
	width:640px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	padding-top:10px;
	cursor:default;
}

#more-msg-button span img {
	position:relative;
	top:-5px;
}

#right-profile {
	float:left;
	margin-left:15px;
	margin-top:15px;
	width:200px;
}

#right-avatar-sm {
	float:left;
}

#right-avatar-sm a {
	color:transparent;
}

#right-profile-text {
	float:left;
	margin-left:10px;
}

#right-profile-text span {
	display:block;
	line-height:15px;
	font-size:11px;
}

#right-profile-text > span:first-child {
	font-weight:bold;
	line-height:20px;
	font-size:12px;
}

#right-username {
	float:left;
	margin-left:15px;
	margin-bottom:10px;
	width:215px;
}

#right-username a {
	font-weight:bold;
	text-decoration:none;
}

#right-username a:hover {
	text-decoration:underline;
}

#right-status {
	display:block;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:25px;
}

#right-status a {
	color: #404040;
	display:block;
	float:left;
}

#right-status a:hover {
	color:#1da439;
	text-decoration:none;
}

#right-status a span {
	display:block;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	cursor:pointer;
}

#right-status > a > span:first-child {
	font-weight:normal;
	font-size:11px;
}

.status-dotted-line {
	background:url(../images/dotted_line_v.gif) center repeat-y;
	float:left;
	height:30px;
	width:1px;
	margin:0;
	padding-left:7px;
	padding-right:8px;
}

#top-topics-list {
	list-style-image: none;	
	list-style-position:outside;
	list-style-type: none;	
}

#top-topics-list a {
	display:block;
	padding:5px 0 5px 40px;
	color: #404040;
	cursor:pointer;
}

#top-topics-list .right-menu-item-sl {
	background:#FFF url(../images/left_menu_item_sl_bg.gif) repeat-x;
	color: #404040;
	padding:5px 0 5px 40px;
	font-weight:bold;
}

#top-topics-list a:hover {
	background:#b7e0e3 url(../images/right_menu_item_sl_bg.gif) repeat-y;
	text-decoration:none;
}

#right-top-topics, #right-top-members {
	display:block;
	float:left;
	margin-top:5px;
	margin-bottom:20px;
	width:230px;
}

.right-box-title {
	background:#FFF url(../images/right_box_title.gif) repeat-x;
	height:20px;
	padding-top:8px;
	padding-left:15px;
	border-top:#6ea9da 1px solid;
	font-weight:bold;
}

.right-box-bottom {
	background:transparent url(../images/right_box_bottom.gif) top no-repeat;
	height:13px;
	border:0 none;
}

.rec-item {
	display:block;
	float:left;
	width:224px;
	height:59px;
	margin-left:3px;
}

.rec-l, .rec-r, .rec-body {
	background:url(../images/rec_lr.gif) 0 0 no-repeat;
	display:block;
	float:left;
	width:5px;
	height:59px;
}

.rec-r {
	background:url(../images/rec_lr.gif) -5px 0 no-repeat;
	float:right;
}

.rec-body {
	background:#FFF;
	width:214px;
	height:58px;
	border-top:1px solid #b2b2b2;
	border-bottom:1px solid #b2b2b2;
}

.rec-avatar {
	display:inline-block;
	float:left;
	color:transparent;
	cursor:pointer;
	height:50px;
	margin-top:4px;
	width:50px;
}

.rec-avatar img {
	border:0 none;
}

.rec-info {
	display:inline-block;
	float:left;
	margin-left:5px;
	width:90px;
}

.rec-username {
	display:block;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	padding-bottom:2px;
}

.rec-fullname {
	display:block;
	font-size:11px;
}

.rec-age-gender {
	display:block;
	font-size:11px;
	font-style:italic;
	color:#858585;
}

.rec-buttons {
	display:inline-block;
	width:69px;
}

.rec-close {
	background:url(../images/close_sm.gif) 0 0 no-repeat;
	display:none;
	float:right;
	cursor:pointer;
	width:15px;
	height:15px;
	margin-top:2px;
}

.rec-close:hover {
	background:url(../images/close_sm.gif) -15px 0 no-repeat;
}

.music-attachment-close {
	background:url(../images/close_sm.gif) -30px 0 no-repeat;
	display:inline-block;
	cursor:pointer;
	width:15px;
	height:15px;
	margin-bottom:-3px;
}

.music-attachment-close:hover {
	background:url(../images/close_sm.gif) -45px 0 no-repeat;
}

.rec-follow {
	background:url(../images/rec_follow.gif) 0 0 no-repeat;
	display:inline-block;
	float:right;
	width:66px;
	height:20px;
	color:#000000;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	margin-top:35px;
	text-align:center;
	line-height:20px;
}

.rec-follow:active {
	background:url(../images/rec_follow.gif) 0 -20px no-repeat;
}

.rec-follow-loading {
	background:#ffe9ce !important;
	cursor:default !important;
	border:1px #a75d00 solid !important;
	width:64px !important;
	height:18px !important;
	line-height:17px !important;
}

.rec-msg {
	position:absolute;
	display:block;
	width:175px;
	left:670px;
	top:465px;
	z-index:100;
}

.rec-msg-body-container {
	background:#f5f5f5 url(../images/rec_msg_r.png) 100% 0 repeat-y;
	width:175px;
}

.rec-msg-body {
	width:160px;
	border-top:1px solid #5a5a5a;
	border-left:1px solid #5a5a5a;
	font-size:11px;
	padding:5px;
}

.rec-msg-r {
	width:5px;
}

.rec-msg-time {
	display:block;
	border-bottom:1px solid #5a5a5a;
	border-left:1px solid #5a5a5a;
	color:#858585;
	font-size:11px;
	font-style:italic;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	width:165px;
	line-height:15px;
}

.rec-msg-b {
	background:url(../images/rec_msg_b.png) 0 100% no-repeat;
	width:173px;
	height:3px;
}

.rec-msg-arrow {
	background:transparent url(../images/rec_msg_arrow.png) no-repeat scroll 0 0;
	display:block;
	height:11px;
	position:absolute;
	right:-6px;
	top:20px;
	width:11px;
}

/* Music Bar */
#music {
	background:transparent;
	display:block;
	position:fixed;
	height:35px;
	width:100%;
	bottom:0px;
	left:0px;
	z-index:100;
}

#music-bar {
	height:35px;
	width:900px;
	margin:0px auto;
}

.music-l, .music-r, .music-body {
	background: url(../images/m1_parts.png) 0 0 no-repeat;
	display:block;
	float:left;
	width:4px;
	height:35px;
}

.music-r {
	background: url(../images/m1_parts.png) -4px 0 no-repeat;
}

.music-body {
	background: url(../images/m1_bg.gif) repeat-x;
	width:892px;
}

#music-results {
	display:block;
	position:absolute;
	top:-254px;
	z-index:100;
	height:254px;
	width:462px;
}

#music-results-title {
	display:block;
	float:left;
	width:462px;
	height:34px;
}

.m-title-l, .m-title-r {
	background:url(../images/m1_search_top_lr.png) 0 0 no-repeat;
	display:block;
	float:left;
	width:6px;
	height:34px;
}

.m-title-r {
	background:url(../images/m1_search_top_lr.png) -6px 0 no-repeat;
}

.m-title {
	background:url(../images/m1_search_top_bg.png) repeat-x;
	display:block;
	float:left;
	height:34px;
	width:435px;
	font-weight:bold;
	color:#000;
	line-height:34px;
	text-align:left;
	padding-left:5px;
}

.m-title-text {
	display:block;
	float:left;
	width:390px;
}

#m-close {
	background:transparent url(../images/m_close.png) no-repeat scroll 0 0;
	cursor:pointer;
	display:block;
	float:right;
	height:20px;
	width:20px;
	margin:8px;
}

#m-close:hover {
	background:url(../images/m_close.png) -20px 0 no-repeat;
}

.m-result-l, .m-result-r {
	background:url(../images/m1_search_bottom_lr.png) 0 0 repeat-y;
	display:block;
	float:left;
	width:6px;
	height:220px;
}

.m-result-r {
	background:url(../images/m1_search_bottom_lr.png) -6px 0 repeat-y;
}

.m-result {
	background:#fff;
	display:block;
	float:left;
	width:440px;
	height:220px;
	overflow:auto;
}

.ajax-loader-music {
	background:url(../images/ajax-loader-music.gif) 0 0 no-repeat;
	display:inline-block;
	width:220px;
	height:19px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
}

.music-loading {
	margin-top:0px !important;
}

#music-list {
	list-style-type:none;
	list-style-image:none;
}

.music-item {
	background:url(../images/m_results_bg.gif) repeat-y;
	display:block;
	float:left;
	width:423px; 
	line-height:16px;
}

.music-item:hover {
	background:url(../images/m_results_bg.gif) -423px 0 repeat-y;
}

.music-item:hover .m-broadcast {
	color:#1da439;
}

.music-item-play {
	background:url(../images/m_results_bg.gif) -846px 0 repeat-y !important;
}

.song-name {
	display:block;
	float:left;
	font-size:12px;
	font-weight:normal;
	width:280px;
	text-align:left;
	padding:5px;
	cursor:pointer;
}

.song-time {
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	padding:5px;
	text-align:center;
	width:40px;
}

.m-broadcast {
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	padding:5px;
	cursor:pointer;
}

.m-listen {
	background:url(../images/play_sm.gif) 0 0 no-repeat;
	display:block;
	float:left;
	margin:5px;
	width:16px;
	height:16px;
	cursor:pointer;
}

#music-search {
	display:block;
	float:left;
	margin-left:20px;
	height:35px;
	width:250px;
}

.m-search-l, .m-search-r {
	background:url(../images/m1_parts.png) -8px 0 no-repeat;
	display:block;
	float:left;
	width:23px;
	height:35px;
}

.m-search-r {
	background:url(../images/m1_parts.png) -31px 0 no-repeat;
	width:30px;
	cursor:pointer;
}

.m-search-r:active {
	background:url(../images/m1_parts.png) -61px 0 no-repeat;
}

#music-keyword {
	background:url(../images/m1_search_bg.gif) 0 0 repeat-x;
	border:0 none;
	display:block;
	float:left;
	height:22px;
	width:185px;
	padding-top:8px;
	padding-bottom:5px;
	padding-left:5px;
}

#music-buttons {
	display:block;
	float:left;
	margin-left:150px;
	height:35px;
	width:85px;
}

#m-back, #m-forward {
	background:url(../images/m1_back.png) 0 0 no-repeat;
	display:block;
	float:left;
	width:24px;
	height:21px;
	cursor:pointer;
	margin-top:8px;
	margin-left:2px;
	margin-right:2px;
}

#m-back:active {
	background:url(../images/m1_back.png) -24px 0 no-repeat;
}

#m-forward {
	background:url(../images/m1_forward.png) 0 0 no-repeat;
}

#m-forward:active {
	background:url(../images/m1_forward.png) -24px 0 no-repeat;
}

#m-play, #m-pause {
	background:url(../images/m1_play.png) 0 0 no-repeat;
	display:block;
	float:left;
	width:28px;
	height:24px;
	cursor:pointer;
	margin-top:6px;
}

#m-play:active {
	background:url(../images/m1_play.png) -28px 0 no-repeat;
}

#m-pause {
	background:url(../images/m1_play.png) 0 -24px no-repeat !important;
}

#m-pause:active {
	background:url(../images/m1_play.png) -28px -24px no-repeat !important;
}

#music-playing {
	display:block;
	float:left;
	margin-left:20px;
	height:35px;
	width:280px;
}

.m-playing-l, .m-playing-r {
	background:url(../images/m1_parts.png) -91px 0 no-repeat;
	display:block;
	float:left;
	height:35px;
	width:3px;
}

.m-playing-r {
	background:url(../images/m1_parts.png) -94px 0 no-repeat;
}

.m-playing-body {
	background:url(../images/m1_playing_bg.gif) 0 0 repeat-x;
	display:block;
	float:left;
	height:35px;
	width:274px;
}

#play-status, #songtime {
	display:block;
	float:left;
	width:137px;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	margin-top:3px;
}

.playing {
	text-decoration:blink;
}

#songtime {
	text-align:right;
}

#m-playing-songname {
	font-size:13px;
	font-weight:bold;
	color:#000000;
	text-align:center;
}

#music-actions {
	display:block;
	float:left;
	height:35px;
	width:80px;
	margin-left:5px;
}

.m-actions-l, .m-actions-r {
	background:url(../images/m1_parts.png) -97px 0 no-repeat;
	display:block;
	float:left;
	height:35px;
	width:2px;
}

.m-actions-r {
	background:url(../images/m1_parts.png) -99px 0 no-repeat;
}

.m-actions-body {
	background:url(../images/m1_tools_bg.gif) 0 0 repeat-x;
	display:block;
	float:left;
	height:35px;
	width:76px;
	padding-top:10px;
}

.m-actions-body a {
	cursor:pointer;
	margin-left:4px;
	margin-right:4px;
}

/* Theme */
#theme {
	display:block;
	width:590px;
	height:490px;
}

.fancy_div_white {
	background:#ffffff !important;
}

.theme-title, .invite-title, .invite-email-header {
	display:block;
	background:#eaeaea;
	color:#000000;
	font-size:20px;
	font-weight:normal;
	line-height:30px;
	margin:2px;
	text-align:center;
	height:30px;
	width:586px;
}

.invite-email-header {
	height:63px;
	width:93%;
	margin:10px 10px 10px 10px;
	padding:10px 10px 10px 10px;
}


.invite-title {
	margin:0px;
	width:100%;
}

.invite-loading-txt {
  font-size:15px;
  font-weight:bold;
}

#theme-prebuild {
	display:block;
	margin:10px 10px 10px 35px;
	height:200px;
}

.theme-item {
	background:#ffffff;
	display:block;
	float:left;
	width:100px;
	height:100px;
	cursor:pointer;
}

.theme-item:hover {
	background:url(../images/theme_item_bg.gif) 0 0 no-repeat;
}

.theme-item img {
	margin:15px;
}

.theme-select {
	background:url(../images/theme_item_bg.gif) 0 -100px no-repeat !important;
}

#theme-custom {
	display:block;
	height:180px;
	margin:10px;
}

#bg-upload {
	display:block;
	height:100px;
	margin:10px 10px 10px 125px;
}

.upload-box {
	display:block;
	float:left;
	height:100px;
	margin-left:10px;
}

.upload-title {
	display:block;
	font-size:12px;
	font-weight:bold;
	line-height:25px;
}

.upload-text {
	display:block;
	font-size:11px;
	line-height:25px;
}

.delete-bg {
  font-size:11px;
  font-weight:bold;
  cursor:pointer;
  line-height:35px;
}

.uploadErrorMessage
{
	color:Red;
	font-size:13px;
	margin:0px 0px 10px 0px;
	font-size:11px;
}

#theme-color {
	display:block;
	height:70px;
	margin:0px 0px 10px 10px;
}

.color-item {
	display:block;
	float:left;
	width:80px;
	height:50px;
	margin:5px;
}

.color-title {
	width:80px;
	line-height:20px;
	font-size:11px;
	text-align:center;
}

.color-choice-1, .color-choice-2, .color-choice-3, .color-choice-4, .color-choice-5, .color-choice-6 {
	display:block;
	width:70px;
	height:20px;
	border:#adadad 1px solid;
	padding:5px;
	font-size:15px;
	font-weight:bold;
	cursor:pointer;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topright: 3px;
}

.save-theme {
	margin-left:215px;
}

/* message_public.html */
#left-profile{
	height:100px;
	padding-bottom:30px;
}

#left-profile-buttons {
	height:40px;
}

#left-avatar-lg {
	float:left;
	margin-top:15px;
	margin-left:15px;
}

#left-avatar-lg a {
	color:transparent;
}

#left-profile-text {
	float:left;
	margin-left:15px;
	margin-top:15px;
}

#left-profile-text span {
	display:block;
	font-size:11px;
	line-height:17px;
}

#left-profile-text h1 {
	font-size:25px;
	font-weight:bold;
	color:#1da439;
	text-decoration:none;
	margin-bottom:10px;
	line-height:22px;
}

#left-profile-text h2 {
	font-size:12px;
	font-weight:bold;
	line-height:18px;
}

#follow-msg {
	color: #404040;
	font-size:11px;
	margin-left:15px;
	margin-top:15px;
	margin-bottom:5px;
}

#follow, #unfollow, .follow, .unfollow {
	margin-left:5px;
}

#follow a, #unfollow a, .follow a, .unfollow a, #ignore a, #unignore a {
	background:#FFF url(../images/button_bg.gif) repeat-x;
	border:1px solid #c6c6c6;
	display:block;
	float:left;
	padding:6px 8px;
	margin-left:10px;
	color: #404040;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	cursor:pointer;
}

#unfollow a:active, .unfollow a:active, #ignore a:active, #unignore a:active {
	background:#FFF url(../images/button_pushed_bg.gif) repeat-x;
}

#follow a, .follow a {
	background:#f8bb49 url(../images/button_bg_bold.gif) repeat-x;
	border:2px solid #c57514;
	padding:5px 20px;
	font-weight:bold;
}

#follow a:active, .follow a:active {
	background:#f8bb49 url(../images/button_pushed_bg_bold.gif) repeat-x;
}

#ignore a, #unignore a {
	padding:6px 15px 6px 15px;
}

#follow a:hover, .follow a:hover {
	color:#FFF;
}

#unfollow a:hover, .unfollow a:hover, #ignore a:hover, #unignore a:hover {
	color:#1da439;
}

.right-profile-desc {
	margin-top:15px;
}

.right-profile-desc span {
	display:block;
	font-size:11px;
	margin-bottom:5px;
}

.right-profile-desc span:first-child {
	font-weight:bold;
	color:#404040;
}

.wide-public {
	width:600px;
}

/*email_follow*/
.msg-checked, .msg-checked-invite {
	float:left;
	margin-top:25px;
	margin-left:15px;
}

.msg-checked-invite {
	margin-top:7px;
}

#invite-email, #connect-invite-email {
	float:left;
	border:#a7a7a7 1px solid;
	margin-left:240px;
	margin-bottom:15px;
	height:80px;
}

#connect-invite-email {
	font-family:Tahoma,Geneva,sans-serif;
	font-size:12px;
	height:50px;
	margin-bottom:5px;
	margin-left:0;
	width:575px;
}

#invite-email-top, .connect-invite-email-top {
	float:left;
	margin-left:240px;
	margin-bottom:5px;
	font-size:12px;
	font-weight:bold;
}

.connect-invite-email-top {
	color:#858585;
	font-size:11px;
	font-weight:normal;
	margin-bottom:15px;
	margin-left:85px;
	width:600px;
}

#connect-invite-content {
	float:left;
	font-family:Tahoma,Geneva,sans-serif;
	font-size:12px;
	border:#a7a7a7 1px solid;
	height:100px;
	margin-bottom:5px;
	margin-left:0;
	width:575px;
	height:170px;
}

.connect-left-label {
	font-size:11px;
	font-weight:bold;
	display:block;
	float:left;
	width:60px;
}

/* list_following.html*/
#container-list-follow {
	width:670px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}

#paging-control {
	margin-bottom:15px;
	text-align:center;
}

#paging-control ul {
	list-style-image: none;	
	list-style-position:outside;
	list-style-type: none;	
	display:block;
	padding:0;
}

#paging-control ul li, .paging-selected {
	display:inline;
	font-size:11px;
	margin-left:-3px;
}

#paging-control a {
	outline-style:none;
	padding: 3px 3px 2px;
	color: #404040;
}

#paging-control a:hover {
	color:#FFF;
	text-decoration:none;
	background:#1da439;
}

.paging-selected a {
	font-weight:bold;
	color:#1da439;
	border-bottom:#1da439 2px solid;
}

/* setting_picture.html*/
#avatar-img {
	display:block;
	float:left;
	margin-left:150px;
}

#avatar-img div {
	background:#E8E8E8;
	width:90px;
	height:90px;
	border-top:#999 1px solid;
	border-bottom:#999 1px solid;
}

#avatar-img div img {
	padding-left:5px;
	padding-top:5px;
}

#avatar-upload {
	display:block;
	float:left;
	width:300px;
	margin-left:20px;
}

#avatar-upload input {
}

#avatar-upload .avatar-upload-title {
	font-weight:bold;
	margin-bottom:5px;
}

#avatar-upload .avatar-upload-notes {
	font-weight:normal;
	font-size:11px;
	color:#858585;
	margin-bottom:5px;
}

#avatar-upload label {
	display:block;
	float:left;
	width:100%;
}

/* setting_notifications.html*/
#container-notices {
	margin-left:100px;
}

.notif-line {
	height:30px;
	width:500px;
}

.notif-left, .widget-left {
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	line-height:30px;
	margin-right:10px;
	text-align:right;
	width:230px;
}

.notif-right, .widget-right {
	display:block;
	float:left;
	height:30px;
	width:200px;
}

.notif-sel, .widget-sel {
	border:1px gray solid;
	font-size:11px;
	margin-top:5px;
	padding:2px;
	width:150px;
}

.email-dot {
	display:block;
	float:left;
	font-size:25px;
	height:25px;
	line-height:25px;
}

.email-sel {
	border:1px gray solid;
	font-size:11px;
	padding:5px !important;
	width:120px;
}

/* settings_rss.html */
.fld-input {
	background-color:#fff;
	border:1px solid #c6c6c6;
	display:block;
	float:left;
	width:200px;
	padding:5px;
}

.rss-group {
	display:block;
	float:left;
	width:640px;
	margin-left:20px;
	padding:5px 10px;
}

.rss-group-title {
	display:block;
	float:left;
	margin-left:20px;
}

.rss-group:hover {
	background:#f4f4f4;
}

.rss-name, .rss-url {
	display:block;
	float:left;
}

.rss-url {
	margin-left:5px;
}

.rss-name-title, .rss-url-title {
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
}

.rss-name-title {
	width:217px;
}

.rss-url-title {
	width:400px;
	padding-left:0;
}

.fld-rss-name:focus, .fld-rss-url:focus {
	border:1px #FC0 solid;
}

.fld-rss-url {
	width:350px;
}

#add-rss {
	cursor:pointer;
	display:block;
	float:right;
	font-size:11px;
	font-weight:bold;
	margin-right:40px;
	margin-top:5px;
}

.rss-delete-link {
	display:none;
	float:right;
	font-size:11px;
	font-weight:normal;
	cursor:pointer;
	text-align:right;
}

.rss-group:hover .rss-delete-link {
	display:block;
}

.rss-delete-link:hover {
	font-weight:bold;
}

/* Widget */
#widget-setting-container {
	display:block;
	padding:10px;
}

#widget-left-col {
	display:inline-block;
	float:left;
	width:400px;
}

#widget-right-col {
	display:inline-block;
	float:right;
}

.widget-left {
	width:170px;
	line-height:25px;
}

.widget-right {
	width:200px;
	height:25px;
}

.widget-sel {
	width:104px;
	margin-top:0px;
}

.widget-txt {
	width:100px;
	height:18px;
	border:1px solid #c6c6c6;
	padding:1px;
}

#widgetTopCode {
	display:block;
	float:left;
	background:black;
	color:white;
	font-size:11px;
	font-weight:bold;
	height:15px;
	margin-left:10px;
	margin-top:5px;
	padding-left:5px;
	width:397px;
}

#widgetSourceCode {
	display:block;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}

#widgetCode {
	width:390px;
	padding:5px;
	font-family:"Consolas","Courier New",Courier,mono;
	font-size:12px;
	border:1px solid #CCCCCC;
	background:#f1f1f1;
}

#widgetCode:hover {
	border:1px #FC0 solid;
}

/* Bookmarklet */
#bookmarklet-container {
	margin:20px;
	padding-left:20px;
}

#bm-help {
	margin-bottom:15px;
}

#bm-instruction {
	background:#FFF1A8;
	padding:10px 10px 10px 30px;
	margin-right:20px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
}

#bm-instruction li {
	margin-top:5px;
}

#bm-video {
	margin-left:60px;
	margin-top:20px;
}

#show-ffmenu:hover #ffmenu {
	display:block;
}

#ffmenu {
	display:none;
	position:absolute;
	z-index:1000;
	margin-left:100px;
	margin-top:-50px;
}

#ffmenu img {
	border:1px solid black;
}

/* connect_search_kucku.html*/
#container-search-kucku {
	height:100px;
}

.search-kucku-title, .search-kucku-notes, #search-field {
	display:block;
	float:left;
	font-weight:bold;
	margin-left:200px;
}

.search-kucku-title {
	margin-bottom:10px;
}

.search-kucku-notes {
	font-weight:normal;
	font-style:italic;
	font-size:11px;
	color:#858585;
}

#search-field input {
	display:block;
	float:left;
}

.msg-body-left {
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
	width:460px;
}

.msg-body-left > span > a:first-child {
	font-weight:bold;
}

.msg-actions-right {
	float:right;
	width:110px;
	margin-top:5px;
}

.msg-text-left {
	display:block;
	width:460px;
	cursor:text;
}

.msg-user-data {
	display:block;
	float:left;
	margin-top:10px;
	color:#858585;
}

.msg-user-data strong {
	font-style:normal;
	font-weight:bold;
	color: #404040;
}

.msg-user-data label {
	font-style:italic;
}

/* 404.html */
#suggest-404 {
	display:block;
	float:left;
  margin-left:30px;
  margin-top:300px;
  width:400px;
}

#suggest-404 label {
	display:block;
	float:left;
	height:20px;
}

#links-404 {
	display:block;
	float:left;
}

/* Tooltip */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
  .tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-north { background-image:url(../images/tipsy-north.gif); background-position: top center; }
  .tipsy-south { background-image: url(../images/tipsy-south.gif); background-position: bottom center; }
  .tipsy-east { background-image: url(../images/tipsy-east.gif); background-position: right center; }
  .tipsy-west { background-image: url(../images/tipsy-west.gif); background-position: left center; }
/*
.tt_tl {
  float:left;
  background: url(../images/tt_tl.png) left top no-repeat;
}

.tt_top {
  float:left;
  background:url(../images/tt_top.png) repeat-x;
}

.tt_tr {
  float:right;
  background:url(../images/tt_tr.png) right top no-repeat;
}

.tt_left {
  float:left;
  background:url(../images/tt_left.png) repeat-y;
}

.tt_br {
  float:right;
  background:url(../images/tt_br.png) left top no-repeat;
}

.tt_bottom {
  float:left;
  background:url(../images/tt_bottom.png) repeat-x;
}

.tt_arrow {
  float:left;
  background:url(../images/tt_arrow.png) left top no-repeat;
}

.tt_bl {
  float:left;
  background:url(../images/tt_bl.png) left top no-repeat;
}

.tt_right {
  float:right;
  background:url(../images/tt_right.png) repeat-y;
}
*/
/* home.html */
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { 
	overflow:hidden;
	float:left;
	position: relative;
	width: 892px;
}

.csw {
	width: 900px; 
	height: 358px;
	background: url(../images/panel_bg.gif) repeat-x top left;
	overflow: hidden;
}

.stripViewer { 
	position: relative;
	/*overflow: visible !important; */
	overflow: hidden;
	margin: auto;
	width: 900px; 
	height: 358px;
	clear: both;
	background: url(../images/panel_bg.gif) repeat-x top left;
}

.stripViewer .panelContainer { 
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	-moz-user-select: none; 
}

.stripViewer .panelContainer .panel {
	float:left;
	height: 358px;
	position: relative;
	width: 900px;
}

.stripViewer .panelContainer .panel .wrapper { 
	position:relative;
}

.left-wrapper { 
	position:relative;
	display:block;
	float:left;
	height:350px;
}

.left-wrapper img { 
	padding-top:20px;
	padding-left:15px;
}

.right-wrapper {
	display:block;
	float:right;
	height:350px;
	padding-right:10px;
	width:420px;
}

#panel-title-1 {
	color:#1DA439;
	font-size:32px;
	letter-spacing:-2px;
	padding-top:100px;
	text-align:center;
}

#panel-desc-1 {
	font-size:14px;
	padding-left:40px;
	padding-top:20px;
	width:350px;
}

#panel-title-2 {
	color:#1DA439;
	font-size:32px;
	letter-spacing:-2px;
	padding-top:100px;
	text-align:center;
}

#panel-desc-2 {
	font-size:14px;
	padding-left:40px;
	padding-top:20px;
	width:350px;
}

#panel-title-3 {
	color:#1DA439;
	font-size:32px;
	letter-spacing:-2px;
	padding-top:100px;
	text-align:center;
}

#panel-desc-3 {
	background:transparent url(../images/intro_3_1.png) no-repeat scroll left top;
	font-size:14px;
	height:60px;
	padding-left:50px;
	padding-top:40px;
	width:350px;
}

#panelLeft {
	background: url(../images/panel_lr.gif) left top;
	float:left;
	position:relative;
	height:358px;
	width:4px;
}

#panelRight {
	background:url(../images/panel_lr.gif) right top;
	float:right;
	position:relative;
	height:358px;
	width:4px;
}

.stripNav { 
	display:block;
	float:left;
	margin-top:-7px;
	position:relative;
}

.stripNav ul { 
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-right: 2px;
}

.stripNav a {
	background-image:url(../images/btn_intro_bottom.gif);
	background-position:0 -56px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	float:left;
	padding-left:28px;
	padding-top:8px;
	width:200px;
	height:46px;
}

.stripNav a label.current-title {
	display:block;
	float:left;
	cursor:pointer;
	width:200px;
}

.stripNav a label.current-desc {
	display: block;
	float:left;
	font-size:12px;
	font-weight:normal;
	cursor:pointer;
	width:200px;
}

.stripNav li a:hover {
	background-position:0 -112px;
}

.stripNav li a.current {
	background-position:0 0;
	color: #404040;
}
.stripNav li a.current label {
	color: #7d7d7d;
	cursor:pointer;
}

#home-register {
	background:url(../images/btn_join.gif) 0 0 no-repeat;
	display:block;
	float:left;
	width:200px;
	height:35px;
	font-size:18px;
	color:#fff;
	text-decoration:none;
	padding-top:10px;
	text-align:center;
}

#home-register:hover {
	background:url(../images/btn_join.gif) 0 -45px no-repeat;
}

#home-register:active {
	background:url(../images/btn_join.gif) 0 -90px no-repeat;
}

#company-list {
	display:block;
	float:left;
	height:75px;
	padding:10px;
	width:900px;
}

#company-list-title {
	font-size:11px;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	width:300px;
}

#company-logo {
	display:block;
	height:60px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	width:830px;
}

.company-logo-img {
	display:inline-block;
	height:60px;
	cursor:pointer;
	padding-left:5px;
	padding-right:5px;
}

#logo_1 {
	background:url(../images/logo_ntc.gif) 0 0 no-repeat;
	width:83px;
}
#logo_1:hover {
	background:url(../images/logo_ntc.gif) 0 -60px no-repeat;
}

#logo_2 {
	background:url(../images/logo_vinatek.gif) 0 0 no-repeat;
	width:100px;
}
#logo_2:hover {
	background:url(../images/logo_vinatek.gif) 0 -60px no-repeat;
}

#logo_3 {
	background:url(../images/logo_sig.gif) 0 0 no-repeat;
	width:126px;
}
#logo_3:hover {
	background:url(../images/logo_sig.gif) 0 -60px no-repeat;
}

#logo_4 {
	background:url(../images/logo_baprang.gif) 0 0 no-repeat;
	width:70px;
}
#logo_4:hover {
	background:url(../images/logo_baprang.gif) 0 -60px no-repeat;
}

#logo_5 {
	background:url(../images/logo_tienf.gif) 0 0 no-repeat;
	width:145px;
}
#logo_5:hover {
	background:url(../images/logo_tienf.gif) 0 -60px no-repeat;
}

#logo_6 {
	background:url(../images/logo_minhlam.gif) 0 0 no-repeat;
	width:56px;
}
#logo_6:hover {
	background:url(../images/logo_minhlam.gif) 0 -60px no-repeat;
}

#logo_7 {
	background:url(../images/logo_quateen.gif) 0 -58px no-repeat;
	width:58px;
}
#logo_7:hover {
	background:url(../images/logo_quateen.gif) 0 0 no-repeat;
}

#logo_8 {
	background:url(../images/logo_fhv.gif) 0 0 no-repeat;
	width:147px;
  height:52px;
}
#logo_8:hover {
	background:url(../images/logo_fhv.gif) 0 -52px no-repeat;
}

#logo_9 {
	background:url(../images/logo_nhat.gif) 0 0 no-repeat;
	width:60px;
}
#logo_9:hover {
	background:url(../images/logo_nhat.gif) 0 -60px no-repeat;
}

#logo_10 {
	background:url(../images/logo_vnmodel.gif) 0 0 no-repeat;
	width:150px;
	height:45px;
  margin-bottom:7px;
}
#logo_10:hover {
	background:url(../images/logo_vnmodel.gif) 0 -45px no-repeat;
}

#logo_11 {
	background:url(../images/logo_hien.gif) 0 0 no-repeat;
	width:123px;
	height:58px;
}
#logo_11:hover {
	background:url(../images/logo_hien.gif) 0 -58px no-repeat;
}

#logo_12 {
	background:url(../images/logo_nam.gif) 0 0 no-repeat;
	width:58px;
	height:58px;
}
#logo_12:hover {
	background:url(../images/logo_nam.gif) 0 -58px no-repeat;
}

#boxes-training {
	float:left;
	height:60px;
	padding-bottom:30px;
	padding-top:40px;
	padding-left:15px;
}

#boxes-training a {
	display:block;
	float:left;
	width:207px;
	height:60px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	border-left:#CCC 1px solid;
	cursor:pointer;
}

#boxes-training a span {
	width:200px;
}

#boxes-training a:first-child {
	border-left:0 none;
}

#boxes-training a:hover {
	background:#f0f0f0;
}

#boxes-training a span:first-child {
	display:block;
	float:left;
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	color:#1da439;
}

#boxes-training a span {
	display:block;
	float:left;
	cursor:pointer;
	font-size:11px;
	font-weight:normal;
	color:#545454;
}

#home-login-control {
	display:block;
	float:right;
	padding-right:4px;
	padding-top:5px;
	width:205px;
	cursor:default;
}

#home-login-control span {
	display:block;
	float:left;
	font-size:11px;
	line-height:25px;
	font-weight:normal;
}

#home-login-checkbox, #rememberMe {
	display:block;
	float:left;
	margin-right:5px;
	margin-left:5px;
	margin-top:5px;
}

.logon-ajax-loader {
  background: url(../images/ajax-loader-tool.gif) 0 0 no-repeat;
  display:none;
  float:left;
  margin-top:5px;
  width:16px;
  height:16px;
}

#pass-field {
	/*position:absolute;*/
	display:block;
	float:left;
	top:0px;
	left:138px;
	width:130px;
	height:70px;
}

#forgot-pass {
	background:url(../images/forgot_pass_bg.png) 0 0;
	position:absolute;
	display:none;
	top:30px;
	left:355px;
	width:134px;
	height:38px;
	z-index:50;
}

#forgot-pass a {
	font-size:11px;
}

/* Footer */
#footer {
	padding: 0;  
	margin: 20px auto 80px;
	width:900px;
	height:35px;
	background:#FFF;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
}

.footer-extended {
	height:55px !important;
}

#switch-mode {
	-moz-border-radius:5px 5px 0px 0px;
	background:#FFFF66 none repeat scroll 0 0;
	padding:5px;
}

#copyright {
	display:block;
	float:left;
	line-height:35px;
	margin-left:20px;
}

#footer-nav {
	display:block;
	float:left;
	list-style-image: none;	
	list-style-position:outside;
	list-style-type: none;	
	line-height:35px;
	margin-left:10px;
}

#footer-nav li {
	display:inline;
	padding-left:7px;
	padding-right:7px;
}

#footer-nav li.first {
	padding-left:0;
}

#footer-nav li.last {
	padding-right:0;
}

.hightlight
{
	font-weight:bold;
}

/* Help page */
#help-menu {
	float:left;
	width:900px;
	height:76px;
	margin:0 0 20px;
	position:relative;
}
#help-nav {
	float:left;
	width:900px;
	height:76px;
	padding:0;
	list-style:none;
	margin:0;
}
#help-nav li {
	float:left;
	height:76px;
	position:relative;
}
#help-nav li.current {
	background: url(../images/help_arrow.gif) no-repeat 50% 100%;
}
#help-nav a{    
	background:url(../images/help_menu.gif) 0 0 no-repeat;
	float:left;
	height:60px;
	cursor:pointer;
}
a#help-1 {width:236px;}
a#help-1:hover {background-position:0 -60px;}
a#help-2  {
	background-position: -236px 0;
	width:192px;
}
a#help-2:hover {background-position: -236px -60px;}
a#help-3 {
	background-position:-428px 0;
	width:241px;
}
a#help-3:hover {background-position:-428px -60px;}
a#help-4  {
	background-position:-669px 0;
	width:231px;
}
a#help-4:hover {background-position:-669px -60px;}
.current #help-1, .current #help-1:hover {background-position:-0 -120px; !important}
.current #help-2, .current #help-2:hover {background-position:-236px -120px; !important}
.current #help-3, .current #help-3:hover {background-position:-428px -120px; !important}
.current #help-4, .current #help-4:hover {background-position:-669px -120px; !important}

.help-wrap {
	display:block;
	float:left;
	width:860px;
	padding:0 20px 30px 20px;
}

.help-wrap p, .help-wrap ol, .help-wrap img {
	font-size:13px;
	padding-bottom:20px;
}

.help-wrap h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:normal;
	word-spacing:-3px;
	padding-bottom:10px;
}

.misc-page h1 {
	margin-top:20px;
}

.help-wrap h2 {
	font-weight:normal;
}

.help-wrap ol {
	padding-left:40px;
}

.help-wrap ol li {
	padding-bottom:5px;
}

.help-left {
	display:block;
	float:left;
	width:600px;
}

.help-right {
	display:block;
	float:right;
	width:240px;
	padding:0 0 0 20px;
}

/* Top iFrame */
#container-frame {
	background:#E1E1E1 url(../images/if_bg.gif) repeat-x;
	width:100%;
	height:35px;
}

#if-logo {
	display:block;
	float:left;
	margin-left:5px;
}

#if-avatar {
	display:block;
	float:left;
	margin-left:10px;
	margin-top:3px;
}

#if-username {
	display:block;
	float:left;
	margin-left:10px;
	line-height:35px;
	font-weight:bold;
}

#if-box {
	background:#E1E1E1 url(../images/if_box_bg.gif) repeat-x;
	display:block;
	float:left;
	margin-left:50px;
	height:35px;
}

#if-box-content {
	display:block;
	float:left;
	height:35px;
	width:300px;
	margin-left:10px;
	text-align:left;
}

#if-box-content-top {
	font-size:11px;
	font-weight:bold;
	line-height:17px;
}

#if-box-url {
	font-size:11px;
}

.if-box-lr {
	background:#E1E1E1 url(../images/if_box_lr.gif) no-repeat;
	display:block;
	float:left;
	height:35px;
	width:1px;
}

#if-link {
	display:block;
	float:right;
	height:21px;
	margin-right:20px;
	margin-top:7px;
}

.if-link-title-l, .if-link-title-r {
	background:#E1E1E1 url(../images/if_link_title_lr.gif) 0 0 no-repeat;
	display:block;
	float:left;
	height:21px;
	width:3px;
}

.if-link-title-r {
	background:#E1E1E1 url(../images/if_link_title_lr.gif) -3px 0 no-repeat;
}

#if-link-title {
	background:#E1E1E1 url(../images/if_link_title_bg.gif) repeat-x;
	display:block;
	float:left;
	font-size:11px;
	color:black;
	line-height:21px;
}

#if-link-url {
	background:#E1E1E1 url(../images/if_link_bg.gif) repeat-x;
	display:block;
	float:left;
	padding-left:5px;
	height:21px;
	overflow:hidden;
	text-align:left;
}

#if-link-url input {
	background:transparent none repeat scroll 0 0;
	border:0 none;
	font-size:11px;
	margin-top:3px;
	width:250px;
}

#if-close {
	background:#E1E1E1 url(../images/close.gif) 0 -24px no-repeat;
	display:block;
	float:right;
	width:24px;
	height:24px;
	margin-right:6px;
	margin-top:6px;
}

#if-close:hover {
	background:#E1E1E1 url(../images/close.gif) 0 0 no-repeat;
}

.if-link-r {
	background:#E1E1E1 url(../images/if_link_r.gif) 0 0 no-repeat;
	display:block;
	float:left;
	height:21px;
	width:3px;
}

.star-rating-control {
	display:block;
	float:right;
	margin-right:10px;
	margin-top:8px;
}

/* Rating Star */
div.rating-cancel, div.star-rating {
	float:left;
	width:17px;
	height:15px;
	text-indent:-999em;
	cursor:pointer;
	display:block;
	background:transparent;
	overflow:hidden;
}

div.rating-cancel, div.rating-cancel a {
		background:url(../images/delete.gif) no-repeat 0 -16px;
}

div.star-rating, div.star-rating a {
	background:url(../images/star.gif) no-repeat 0 0px
}

div.rating-cancel a, div.star-rating a {
	display:block;
	width:16px;
	height:100%;
	background-position:0 0px;
	border:0
}

div.star-rating-on a {
	background-position:0 -16px!important;
}

div.star-rating-hover a {
	background-position:0 -32px;
}

div.star-rating-readonly a {
	cursor:default !important;
}

div.star-rating {
	background:transparent!important;
	overflow:hidden!important;
}

/* FancyBox */
div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(../images/fancy_progress.png) no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url(../images/fancy_loading.gif) no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    /*overflow: hidden;*/
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #F3F3F3;
	color: #404040;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url(../images/fancy_closebox.png) top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

div#fancy_close:hover {
	background: url(../images/fancy_closebox.png) 0 -30px no-repeat;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url(../images/fancy_left.png) no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url(../images/fancy_right.png) no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../images/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../images/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../images/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../images/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy_shadow_nw.png) no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../images/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancy_title_right.png) repeat-x;
}

/* Color Picker */
.farbtastic {
  position: relative;
}

.farbtastic * {
  position: absolute;
  cursor: crosshair;
}

.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}

.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}

.farbtastic .wheel {
  background: url(../images/wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}

.farbtastic .overlay {
  background: url(../images/mask.png) no-repeat;
}

.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(../images/marker.png) no-repeat;
}

.picker {
	background:#ffffff;
	position:absolute;
	z-index:200;
	text-align:left;
}

.color-picker {
	background:#ffffff;
	border:1px #999 solid;
	position:absolute;
	height: 220px;
	width: 195px;
	margin:5px;
	z-index:200;
}

.color-ok {
  margin-left:35px;
}

.color-ok-widget {
  margin-left:70px;
}

.color-cancel {
  margin-left:100px;
}

.btn-color-picker {
  position:absolute;
	display:block;
	cursor:pointer;
	height:20px;
	width:60px;
	bottom: 5px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	float:left;
}

.btn-color-picker .btn-color-picker-txt {
	background:url(../images/btn_msgnote_bg.gif) repeat-x;
	display:block;
	float:left;
	height:18px;
	width:56px;
	padding-top:2px;
	text-align:center;
}

.btn-color-picker-l {
	background:url(../images/btn_msgnote_lr.gif) no-repeat 0 0;
	display:block;
	float:left;
	width:2px;
	height:20px;
}

.btn-color-picker-r {
	background:url(../images/btn_msgnote_lr.gif) no-repeat -2px 0;
	float:right;
}

.btn-color-picker:active .btn-color-picker-txt {
	background:url(../images/btn_msgnote_bg_active.gif) repeat-x;
}

.btn-color-picker:active .btn-color-picker-l {
	background:url(../images/btn_msgnote_lr_active.gif) no-repeat 0 0;
}

.btn-color-picker:active .btn-color-picker-r {
	background:url(../images/btn_msgnote_lr_active.gif) no-repeat -2px 0;
	float:right;
}

.image-attachment
{	
	max-height: 90px;	
	height: expression(this.height > 90 ? "90px" : true);
}

/* Nhac so Style*/
#songDetail
{
width:343px;
margin:2px;
background-color: #fff;
padding-bottom:130px;
}		

#songDetail img	{
cursor:pointer;
border:1px solid #000;
}

#songDetail a {
display: block;
width:100%;	
color:#252525;
padding:2px 0px;	
}

#songDetail a:hover {
text-decoration:none;
background-color:#e7fad1;
}

#songDetailLeft
{
float:left;
width:104px;
}
.songDetailRight {
float:left;
width:239px;
}

.songDetailRightBox {
float:left;
width:239px;
border-bottom:1px dotted #c0c0c0;
font-size:11px;
}

.songDetailRightBox h1 {
font-size:18px;
padding:0px;
margin:0px;
color:#ff0000;
font-weight:bold;
}

.songDetailRightBox1 {
float:left;
width:106px;
font-weight:bold;
padding:2px 0px;	
}

.songDetailRightBox2 {
float:right;
width:133px;
}

#songDetail .songDetailRightBox2 img {
border:none;
cursor:pointer;
}

/* End Nhac so Style*/