/**** GENERAL ****/

   
   input, textarea {
      margin: 2px 4px 2px 4px;
      border: 1px solid #dddcd8;
      font-size: 12px;
   }
   
   .rcvdMessages, input {
      font-family: Tahoma, Verdana, Arial, sans-serif;
   }
   
   .rcvdMessages {
      display: block;
      position: absolute;
      left: 5px;
      right: 10px;
      margin-top: 5px;
      padding-top: 2px;
      padding-left: 2px;
      border-width: 1px;
      border-style: solid;
      border-color: #bfbcb8 #e0dcd8 #e0dcd8 #bfbcb8;
      background-color: #ffffff;
      overflow: auto;
      font-size: 11px;
      text-align: left;
      color: #000;
   }
   
   .rcvdMessages a {
      color: #5c78cb;
   }
   
   .inputText {
      position: absolute;
      left: 5px;
      right: 10px;
      margin-top: 5px;
      height: 50px;
      border: 1px solid #bfbcb8;
      padding: 3px;
      font-family: Tahoma, sans-serif;
   }
   
   .userToolbar {
      position: absolute;
      left: 5px;
      margin-top: 3px;
      height: 32px;
   }
   
   .imToolbar {
      position: absolute;
      left: 5px;
      right: 10px;
      height: 21px;
      margin-top: 5px;
   }
   
   .imStatusbar {
      position: absolute;
      left: 5px;
      right: 10px;
      height: 21px;
      margin-top: 5px;
   }
   
   .toolbarButton {
      cursor: pointer;
      margin-right: 1px;
   }
   
   .chatUserList {
      position: absolute;
      display: block;
      width: 150px;
      margin-top: 5px;
      background-color: #ffffff;
      border-width: 1px;
      border-style: solid;
      border-color: #bfbcb8 #e0dcd8 #e0dcd8 #bfbcb8;
      text-align: left;
      overflow-x: hidden;
      overflow-y: auto;
   }
   
   .errorMsg {
      display: block;
      width: 100%;
      padding: 5px 0 10px 0;
      color: #ff0000;
      font-weight: bold;
      text-align: center;
   }
   
   
   .userA { color: #d35900; }
   
   .userB { color: #0163b3; }
   
   .imHistory { color: #aaa; }
   
   .imError {
      color: #ff0000;
      font-weight: 700;
   }
   
   ul.sortable li { position: relative; }
   
   ul.box {
      list-style-type: none;
      padding: 0px;
      margin: 0px;
      width: 100%;
      cursor: default;
   }
   
   ul.box li {
      color: #333;
      vertical-align: middle;
      font-family: Tahoma, Arial, sans-serif;
      font-size: 12px;
      padding: 5px 3px 1px 3px;
      margin: 0;
   }
   
   ul.group {
      margin-left: 0px;
      padding-left: 0px;
   }
   
   ul.group li {
      padding: 0;
      margin: 0;
   }
   
   div#blContainer {
      display: block;
      position: absolute;
      left: 5px;
      right: 8px;
      margin-top: 66px;
      background-color: #ffffff;
      border-width: 1px;
      border-style: solid;
      border-color: #bfbcb8 #e0dcd8 #e0dcd8 #bfbcb8;
      text-align: left;
      overflow-x: hidden;
      overflow-y: auto;
   }
   
   div#alertContainer {
      display: block;
      position: absolute;
	  top:40%;
      left:43%;
	  width: 250px;
      margin-top: 66px;
      background-color: #ffffff;
      border-width: 1px;
      border-style: solid;
      border-color: #bfbcb8 #e0dcd8 #e0dcd8 #bfbcb8;
      text-align: left;
      overflow-x: hidden;
      overflow-y: auto;
   }
   
   div#blTopToolbar {
      display: block;
      position: absolute;
      left: 5px;
      right: 8px;
      height: 56px;
      margin-top: 5px;
      text-align: left;
      overflow: hidden;
   }
   
   div#blBottomToolbar {
      display: block;
      position: absolute;
      left: 5px;
      right: 8px;
      height: 41px;
      margin-top: 5px;
      text-align: center;
      overflow: hidden;
   }
   
   div#statusSettings {
      display: block;
      margin-top: 2px;
   }
   
   a.setFontLink {
      position: absolute;
      left: 117px;
      display: block;
      -moz-outline-style: none;
      text-decoration: none;
      width: 87px;
      height: 14px;
      font-family: Tahoma, Arial, sans-serif;
      font-size: 10px;
      vertical-align: middle;
      background-color: #ececec;
      padding: 2px;
      background-image: url(window/arrow.gif);
      background-position: center right;
      background-repeat: no-repeat;
      border: 1px solid #b3b3b3;
      overflow: hidden;
      color: #430000;
   }
   
   a.insertEmoticonLink {
      position: absolute;
      left: 284px;
      display: block;
      -moz-outline-style: none;
      text-decoration: none;
      width: 26px;
      height: 14px;
      font-family: Tahoma, Arial, sans-serif;
      font-size: 10px;
      vertical-align: middle;
      background-color: #ececec;
      padding: 2px;
      background-image: url(window/arrow.gif);
      background-position: center right;
      background-repeat: no-repeat;
      border: 1px solid #b3b3b3;
      overflow: hidden;
   }
   
   a.setFontSizeLink {
      position: absolute;
      left: 214px;
      display: block;
      -moz-outline-style: none;
      text-decoration: none;
      width: 26px;
      height: 14px;
      font-family: Tahoma, Arial, sans-serif;
      font-size: 10px;
      vertical-align: middle;
      background-color: #ececec;
      padding: 2px;
      background-image: url(window/arrow.gif);
      background-position: center right;
      background-repeat: no-repeat;
      border: 1px solid #b3b3b3;
      overflow: hidden;
      color: #430000;
   }
   
   a.setFontColorLink {
      position: absolute;
      left: 249px;
      display: block;
      -moz-outline-style: none;
      text-decoration: none;
      width: 26px;
      font-family: Tahoma, Arial, sans-serif;
      font-size: 10px;
      vertical-align: middle;
      background-color: #ececec;
      padding: 2px;
      background-image: url(window/arrow.gif);
      background-position: center right;
      background-repeat: no-repeat;
      border: 1px solid #b3b3b3;
      overflow: hidden;
   }
   
   a#curStatus {
      display: block;
      -moz-outline-style: none;
      text-decoration: none;
      width: 180px;
      height: 14px;
      font-family: Tahoma, Arial, sans-serif;
      font-size: 10px;
      background-color: #ececec;
      padding: 2px;
      background-image: url(window/arrow.gif);
      background-position: center right;
      background-repeat: no-repeat;
      border: 1px solid #ececec;
      overflow: hidden;
      color: #430000;
   }
   
   a#curStatus:hover {
      border: 1px solid #bfbcb8;
   }
   
   div.itemList {
      display: none;
      position: absolute;
      border: 1px solid #ececec;
      background-color: #f0f4f8;
      z-index: 1000;
      color: #430000;
   }
   
   div.itemList a {
      padding: 1px 3px 1px 3px;
      display: block;
      font-family: Tahoma, Arial, sans-serif;
      font-size: 10px;
      background-color: #f0f4f8;
      text-decoration: none;
   }
   
   div.itemList a:hover {
      background-color: #dde4f5;
   }
   
   div#statusList {
      width: 185px;
   }
   
   div#fontSizeList {
      width: 28px;
   }
   
   div#fontSizeList a {
      width: 22px;
   }
   
   div#fontsList {
     width: 89px;
     overflow: hidden;
   }
   
   div#fontsList a {
      width: 120px;
   }
   
   input#customStatus {
      position: absolute;
      padding: 1px;
      border: 1px solid #000;
      margin: 0px;
      font-size: 11px;
      width: 180px;
   }

   input#strKeywordUname {
	  background: transparent url(window/filter-icon.gif) no-repeat 2px 2px;
	  background-color:#FFFFFF;
      position: absolute;
      padding: 1px;
      border: 1px solid #999999;
      margin: 0px;
      font-size: 11px;
      width: 178px;
	  padding-left:20px;
   }
      
   .listSelected, .listHover {
      color: #000;
   }
   
   .listNotSelected {
      background-color: #ffffff;
      color: #333;
   }
   
   .listSelected {
      background-color: #d0dae6;
   }
   
   .listHover {
      background-color: #e1ebf7;
   }
   
   div#newroom_room_list {
      display: block;
      overflow: auto;
      width: 187px;
      height: 165px;
      border: 1px solid #000;
      background-color: #ffffff;
      cursor: default;
      font-size: 11px;
      color: #333;
   }

/**** END GENERAL ****/


/**** WINDOWS ****/
   .overlay_dialog {
   	background-color: #ddd;
   	filter:alpha(opacity=60);
   	-moz-opacity: 0.6;
   	opacity: 0.6;
   }
   
   .overlay___invisible__ {
     background-color: #ddd;
   	filter:alpha(opacity=0);
   	-moz-opacity: 0;
   	opacity: 0;
   }
   
   .dialog_nw {
   	width: 9px;
   	height: 23px;
   	background: transparent url(window/top_left.gif) no-repeat 0 0;		
   }
   
   .dialog_n {
   	background: transparent url(window/top_mid.gif) repeat-x 0 0;	
   	height: 23px;
   }
   
   .dialog_ne {
   	width: 9px;
   	height: 23px;
   	background: transparent url(window/top_right.gif) no-repeat 0 0;		
   }
   
   .dialog_nw_inactive {
   	width: 9px;
   	height: 23px;
   	background: transparent url(window/top_left_inactive.gif) no-repeat 0 0;		
   }
   
   .dialog_n_inactive {
   	background: transparent url(window/top_mid_inactive.gif) repeat-x 0 0;	
   	height: 23px;
   }
   
   .dialog_ne_inactive {
   	width: 9px;
   	height: 23px;
   	background: transparent url(window/top_right_inactive.gif) no-repeat 0 0;		
   }
   
   .dialog_e {
   	width: 2px;
   	background: transparent url(window/center_right.png) repeat-y 0 0;	
   }
   
   .dialog_w {
   	width: 2px;
   	background: transparent url(window/center_left.png) repeat-y 0 0;		
   }
   
   .dialog_sw {
   	width: 9px;
   	height: 15px;
   	background: transparent url(window/bottom_left.gif) no-repeat 0 0;			
   }
   
   .dialog_s {
   	background: transparent url(window/bottom_mid.gif) repeat-x 0 0;		
   	height: 15px;
   }
   
   .dialog_se {
   	width: 9px;
   	height: 15px;
   	background: transparent url(window/bottom_right.gif) no-repeat 0 0;			
   }
   
   .dialog_sizer {
   	width: 9px;
   	height: 15px;
   	background: transparent url(window/sizer.png) no-repeat 0 0;	
   	cursor:se-resize;	
   }
   
   .dialog_close {
   	width: 17px;
   	height: 17px;
   	background: transparent url(window/close.png) no-repeat 0 0;			
   	position:absolute;
   	top:3px;
   	right:8px;
   	cursor:pointer;
   	z-index:2000;
   }
   
   .dialog_minimize {
   	width: 17px;
   	height: 17px;
   	background: transparent url(window/minimize.png) no-repeat 0 0;			
   	position:absolute;
   	top:3px;
   	right:49px;
   	cursor:pointer;
   	z-index:2000;
   }
   
   .dialog_detach {
   	width: 17px;
   	height: 17px;
   	background: transparent url(window/detach.png) no-repeat 0 0;			
   	position:absolute;
   	top:3px;
   	right:70px;
   	cursor:pointer;
   	z-index:2000;
   }
   
   .dialog_maximize {
   	width: 17px;
   	height: 17px;
   	background: transparent url(window/maximize.png) no-repeat 0 0;			
   	position:absolute;
   	top:3px;
   	right:28px;
   	cursor:pointer;
   	z-index:2000;
   }
   
   .dialog_close_inactive {
   	width: 17px;
   	height: 17px;
   	background: transparent url(window/close_inactive.png) no-repeat 0 0;			
   	position:absolute;
   	top:3px;
   	right:8px;
   	cursor:pointer;
   	z-index:2000;
   }
   
   .dialog_minimize_inactive {
   	width: 17px;
   	height: 17px;
   	background: transparent url(window/minimize_inactive.png) no-repeat 0 0;			
   	position:absolute;
   	top:3px;
   	right:49px;
   	cursor:pointer;
   	z-index:2000;
   }
   
   .dialog_detach_inactive {
   	width: 17px;
   	height: 17px;
   	background: transparent url(window/detach_inactive.png) no-repeat 0 0;			
   	position:absolute;
   	top:3px;
   	right:70px;
   	cursor:pointer;
   	z-index:2000;
   }
   
   .dialog_maximize_inactive {
   	width: 17px;
   	height: 17px;
   	background: transparent url(window/maximize_inactive.png) no-repeat 0 0;			
   	position:absolute;
   	top:3px;
   	right:28px;
   	cursor:pointer;
   	z-index:2000;
   }
   
   .dialog_title {
   	float:left;
   	height:14px;
   	font-size:12px;
   	text-align:left;
   	width:100%;
   	font-family: Tahoma, Arial, sans-serif;
   	font-weight: bold;
   	font-size: 11px;
   	color:#ffffff;
   }

   .dialog_title_inactive {
   	float:left;
   	height:14px;
   	font-size:12px;
   	text-align:left;
   	width:100%;
   	font-family: Tahoma, Arial, sans-serif;
   	font-weight: bold;
   	font-size: 11px;
   	color:#000000;
   }
   
   .dialog_content {
   	overflow:hidden;
   	color: #fefefe;
   	font-family: Tahoma, Arial, sans-serif;
   	font-size: 10px;
   	background-color:#ececec;
   	padding: 0;
   }
   
   .top_draggable, .bottom_draggable {
     cursor:default;
   }
   
   .status_bar {
     font-size:12px;
   }
   .status_bar input{
     font-size:12px;
   }
   /* DO NOT CHANGE THESE VALUES*/
   .dialog {
   	display: block;
   	position: absolute;
   }
   
   .dialog table.table_window  { 
     border-collapse: collapse; 
     border-spacing: 0; 
     width: 100%;
     margin: 0px;
     padding:0px;
   }
   
   .dialog table.table_window td , .dialog table.table_window th { 
     padding: 0; 
   }
   
   .dialog .title_window {
     -moz-user-select:none;
   }
   
   .stdButton {
      display: block;
      float: left;
      width: 79px;
      height: 21px;
      background-image: url(window/button_normal.png);
	  background-repeat:no-repeat;
      font-family: Tahoma, Verdana, Arial, sans-serif;
      font-size: 11px;
      text-decoration: none;
      text-align: center;
      padding-top: 4px;
   }
   
   .btnHover {
      background-image: url(window/button_hover.png);
   }
   
   .btnDown {
      width: 79px;
      height: 21px;
      background-image: url(window/button_down.png);
   }
   
   .dialog_label, .dialog_input {
      padding: 10px;
      color: #000;
      text-align: right;
      float: left; 
      width: 150px;
      font-size: 14px;
      font-weight: bold;
   }
   
   .dialog_error {
      padding: 2px 0 0;
      margin: 0;
      font-size: 11px;
      font-weight: bold;
      text-align: right;
      float: left;
   }
   
   .dialog_long_label { 
      padding: 10px;
      color: #000;
      text-align: center;
      width: 100%;
      font-size: 14px;
      font-weight: bold;
   }
   
   .dialog_links {
      display: block;
      font-size: 14px;
      font-weight: bold;
      color: #000;
      padding: 10px;
      text-align: center;
      margin: 0px auto;
   }
   
   .dialog_modal_title {
     font-size: 18px;
     color: #000;
     margin-bottom: 15px;
     width: 100%;
     text-align: center;
   }
   
   .dialog_input {
      width: 150px;
   }
   
   .dialog_error {
      width: 100%;
      text-align: center;
      color: #F00;
   }
   
   .dialog_input input {
      width: 100%;
      font-weight: normal;
   }
/**** END WINDOWS ****/


/**** LOGIN SCREEN ****/
   div#modal span.dialog_modal_title { color: #fff; }

   div#modal span.dialog_label { width: 140px; }

   .modalFrame {
      position: absolute;
      display: block;
      width: 375px;
      height: 263px;
      text-align: center;
      background-image: url(modal/background.png);
      background-repeat: no-repeat;
      cursor: default;
   	filter:alpha(opacity=95);
   	-moz-opacity: 0.95;
   	opacity: 0.95;
   }
   
   .modalFrame input {
      cursor: text;
   }
   
   .modalFrame p {
      font: 14px Verdana, Tahoma, Arial, sans-serif;
      margin: 0;
      color: #fff;
   }
   
   .modalFrame .dialog_label{
      padding-left: 0;
      color: #fff;
   }
   
   .modalFrame a {
      cursor: default;
   }
   
   div#loginDialog {
      padding-top: 55px;
   }
   
   div#forgotPassDialog {
      padding-top: 80px;
   }
   
   div#registerDialog {
      margin-top: 15px;
   }
/**** END LOGIN SCREEN ****/


/**** ALERT DIALOGS ****/
   .overlay_alert {
   	background-color: #ccc;
   	filter:alpha(opacity=10);
   	-moz-opacity: 0.1;
   	opacity: 0.1;
   	z-index: 2;
   }
   
   .alert_nw {
   	background: transparent url(alert/left-top.gif) no-repeat 0 0;			
     width:10px;
     height:25px;
   }
   
   .alert_n {
     background: transparent url(alert/top-middle.gif) repeat-x 0 0;			
     height:25px;
   }
   
   .alert_ne {
     background: transparent url(alert/right-top.gif) no-repeat 0 0;			
     width:10px;	  
     height:25px;
   }
   
   .alert_w {
     background: transparent url(alert/frame-left.gif) repeat-y top left;			
     width:7px;
   }
   
   .alert_e {
     background: transparent url(alert/frame-right.gif) repeat-y top right;			
     width:7px;	  
   }
   
   .alert_sw {
     background: transparent url(alert/bottom-left-c.gif) no-repeat 0 0;			
     width:7px;
     height:7px;
   }
   
   .alert_s {
     background: transparent url(alert/bottom-middle.gif) repeat-x 0 0;			
     height:7px;
   }
   
   .alert_se, .alert_sizer  {
     background: transparent url(alert/bottom-right-c.gif) no-repeat 0 0;			
     width:7px;
     height:7px;
   }
   
   .alert_sizer {
   	cursor:se-resize;	
   }
   
   .alert_close {
   	width: 23px;
   	height: 23px;
   	background: transparent url(alert/button-close-focus.gif) no-repeat 0 0;			
   	position:absolute;
   	top:0px;
   	right:11px;
   	cursor:pointer;
   	z-index:1000;
   }
   
   .alert_minimize {
   	width: 23px;
   	height: 23px;
   	background: transparent url(alert/button-min-focus.gif) no-repeat 0 0;			
   	position:absolute;
   	top:0px;
   	right:55px;
   	cursor:pointer;
   	z-index:1000;
   }
   
   .alert_maximize {
   	width: 23px;
   	height: 23px;
   	background: transparent url(alert/button-max-focus.gif) no-repeat 0 0;			
   	position:absolute;
   	top:0px;
   	right:33px;
   	cursor:pointer;
   	z-index:1000;
   }
   
   .alert_title {
   	float:left;
   	height:14px;
   	font-size:14px;
   	text-align:center;
   	margin-top:2px;
   	width:100%;
   	color:#123456;
   }
   
   .alert_content {
   	overflow:hidden;
   	color: #000;
   	font-family: Tahoma, Arial, sans-serif;
   	font-size: 10px;
   	background:#FDFDFD;
   }
   
   .alert_window {
      overflow:hidden;
   	border:1px solid #F00;	
   	background: #FFF;
   	padding:20px;
   	margin-left:auto;
   	margin-right:auto;
   	width:390px;
   	z-index: 1;
   }
   
   .alert_message {
   	font-size:12px;
   	text-align:center;
   	width:100%;
   	padding-bottom:10px;
   	overflow:hidden;
   }
   
   .alert_buttons {
   	text-align:center;
   	width:100%;
   }
   
   .alert_buttons input {
   	width:20%;
   	margin:10px;
   }
   
   .alert_progress {
   	float:left;
   	margin:auto;
   	text-align:center;
   	width:100%;
   	height:16px;
   	background: #FFF url(alert/progress.gif) no-repeat center center
   }
/**** END ALERT DIALOGS ****/


/**** PREFERENCES ****/
   .overlay_preferences {
   	background-color: #ddd;
   	filter:alpha(opacity=60);
   	-moz-opacity: 0.6;
   	opacity: 0.6;
   }
   
   .overlay___invisible__ {
     background-color: #ddd;
   	filter:alpha(opacity=0);
   	-moz-opacity: 0;
   	opacity: 0;
   }
   
   .preferences_nw {
   	width: 9px;
   	height: 23px;
   	background: transparent url(window/top_left.gif) no-repeat 0 0;		
   }
   
   .preferences_n {
   	background: transparent url(window/top_mid.gif) repeat-x 0 0;	
   	height: 23px;
   }
   
   .preferences_ne {
   	width: 9px;
   	height: 23px;
   	background: transparent url(window/top_right.gif) no-repeat 0 0;		
   }
   
   .preferences_nw_inactive {
   	width: 9px;
   	height: 23px;
   	background: transparent url(window/top_left_inactive.gif) no-repeat 0 0;		
   }
   
   .preferences_n_inactive {
   	background: transparent url(window/top_mid_inactive.gif) repeat-x 0 0;	
   	height: 23px;
   }
   
   .preferences_ne_inactive {
   	width: 9px;
   	height: 23px;
   	background: transparent url(window/top_right_inactive.gif) no-repeat 0 0;		
   }
   
   .preferences_e {
   	width: 2px;
   	background: transparent url(window/center_right.png) repeat-y 0 0;	
   }
   
   .preferences_w {
   	width: 2px;
   	background: transparent url(window/center_left.png) repeat-y 0 0;		
   }
   
   .preferences_sw {
   	width: 9px;
   	height: 15px;
   	background: transparent url(window/bottom_left.gif) no-repeat 0 0;			
   }
   
   .preferences_s {
   	background: transparent url(window/bottom_mid.gif) repeat-x 0 0;		
   	height: 15px;
   }
   
   .preferences_se {
   	width: 9px;
   	height: 15px;
   	background: transparent url(window/bottom_right.gif) no-repeat 0 0;			
   }
   
   .preferences_sizer {
   	width: 9px;
   	height: 15px;
   	background: transparent url(window/sizer.png) no-repeat 0 0;	
   	cursor:se-resize;	
   }
   
   .preferences_close {
   	width: 17px;
   	height: 17px;
   	background: transparent url(window/close.png) no-repeat 0 0;			
   	position:absolute;
   	top:3px;
   	right:8px;
   	cursor:pointer;
   	z-index:2000;
   }
   
   .preferences_minimize {
   	width: 17px;
   	height: 17px;
   	background: transparent url(window/minimize.png) no-repeat 0 0;			
   	position:absolute;
   	top:3px;
   	right:49px;
   	cursor:pointer;
   	z-index:2000;
   }
   
   .preferences_detach {
   	width: 17px;
   	height: 17px;
   	background: transparent url(window/detach.png) no-repeat 0 0;			
   	position:absolute;
   	top:3px;
   	right:70px;
   	cursor:pointer;
   	z-index:2000;
   }
   
   .preferences_maximize {
   	width: 17px;
   	height: 17px;
   	background: transparent url(window/maximize.png) no-repeat 0 0;			
   	position:absolute;
   	top:3px;
   	right:28px;
   	cursor:pointer;
   	z-index:2000;
   }
   
   .preferences_close_inactive {
   	width: 17px;
   	height: 17px;
   	background: transparent url(window/close_inactive.png) no-repeat 0 0;			
   	position:absolute;
   	top:3px;
   	right:8px;
   	cursor:pointer;
   	z-index:2000;
   }
   
   .preferences_minimize_inactive {
   	width: 17px;
   	height: 17px;
   	background: transparent url(window/minimize_inactive.png) no-repeat 0 0;			
   	position:absolute;
   	top:3px;
   	right:49px;
   	cursor:pointer;
   	z-index:2000;
   }
   
   .preferences_detach_inactive {
   	width: 17px;
   	height: 17px;
   	background: transparent url(window/detach_inactive.png) no-repeat 0 0;			
   	position:absolute;
   	top:3px;
   	right:70px;
   	cursor:pointer;
   	z-index:2000;
   }
   
   .preferences_maximize_inactive {
   	width: 17px;
   	height: 17px;
   	background: transparent url(window/maximize_inactive.png) no-repeat 0 0;			
   	position:absolute;
   	top:3px;
   	right:28px;
   	cursor:pointer;
   	z-index:2000;
   }
   
   .preferences_title {
   	float:left;
   	height:14px;
   	font-size:12px;
   	text-align:left;
   	width:100%;
   	font-family: Tahoma, Arial, sans-serif;
   	font-weight: bold;
   	font-size: 11px;
   	color:#ffffff;
   }


   .preferences_title_inactive {
   	float:left;
   	height:14px;
   	font-size:12px;
   	text-align:left;
   	width:100%;
   	font-family: Tahoma, Arial, sans-serif;
   	font-weight: bold;
   	font-size: 11px;
   	color:#000000;
   }
   
   .preferences_content {
   	overflow:hidden;
   	color: #fefefe;
   	font-family: Tahoma, Arial, sans-serif;
   	font-size: 10px;
   	background-color:#ffffff;
   	padding: 0;
   }
   
   .top_draggable, .bottom_draggable {
     cursor:default;
   }
   
   .status_bar {
     font-size:12px;
   }
   .status_bar input{
     font-size:12px;
   }
   /* DO NOT CHANGE THESE VALUES*/
   .preferences {
   	display: block;
   	position: absolute;
   }
   
   .preferences table.table_window  { 
     border-collapse: collapse; 
     border-spacing: 0; 
     width: 100%;
     margin: 0px;
     padding:0px;
   }
   
   .preferences table.table_window td , .preferences table.table_window th { 
     padding: 0; 
   }
   
   .preferences .title_window {
     -moz-user-select:none;
   }
   
   .stdButton {
      display: block;
      float: left;
      width: 79px;
      height: 21px;
      background-image: url(window/button_normal.png);
	  background-repeat:no-repeat;
      font-family: Tahoma, Verdana, Arial, sans-serif;
      font-size: 11px;
      text-decoration: none;
      text-align: center;
      padding-top: 4px;
   }
   
   .btnHover {
      background-image: url(window/button_hover.png);
   }
   
   .btnDown {
      width: 79px;
      height: 21px;
      background-image: url(window/button_down.png);
   }
   
   .preferences_label, .preferences_input {
      padding: 10px;
      color: #000;
      text-align: right;
      float: left; 
      width: 150px;
      font-size: 14px;
      font-weight: bold;
   }
   
   .preferences_error {
      padding: 2px 0 0;
      margin: 0;
      font-size: 11px;
      font-weight: bold;
      text-align: right;
      float: left;
   }
   
   .preferences_long_label { 
      padding: 10px;
      color: #000;
      text-align: center;
      width: 100%;
      font-size: 14px;
      font-weight: bold;
   }
   
   .preferences_links {
      display: block;
      font-size: 14px;
      font-weight: bold;
      color: #000;
      padding: 10px;
      text-align: center;
      margin: 0px auto;
   }
   
   .preferences_modal_title {
     font-size: 18px;
     color: #000;
     margin-bottom: 15px;
     width: 100%;
     text-align: center;
   }
   
   .preferences_input {
      width: 150px;
   }
   
   .preferences_error {
      width: 100%;
      text-align: center;
      color: #F00;
   }
   
   .preferences_input input {
      width: 100%;
      font-weight: normal;
   }
/**** END PREFERENCES ****/


div.SimpleContextMenu {
	width:100px;
	display: none;
	position: absolute;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type: none;
	border-top: 1px solid #94c9e1;
	border-left: 1px solid #94c9e1;
	border-right: 1px solid #94c9e1;
	border-bottom: 1px solid #94c9e1;
	text-decoration: none;
	color: #000000;
	background: #ebf8ff;
	z-index:1000;
}
.right_context_menu
{
	width:96px;
	margin: 1px;
	padding: 1px;
	font-size: 11px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	cursor:default;
}

.right_context_menu_li_selected
{
	background-color:#82B5DB;
	border:solid;
	border-width:1px;
	border-color:#5B9DCF;
}

.right_context_menu_li_none
{
	background-color:#ebf8ff;
}

.hiddenpanel {
	height: 0px;
	visibility: hidden;
}






/*B-panel */
#box_panel{width:270px; font-family:arial; font-size:11px; overflow:hidden; margin-top:0px; margin-left:30px}
#box_panel .header{width:270px; height:3px; background:url(../../images/graphics/panel_header.gif) no-repeat left top; clear:both; overflow:hidden}
#box_panel .content{width:270px; height:auto; background-color:#3a5071}
#box_panel .footer{width:270px; height:3px; background:url(../../images/graphics/panel_footer.gif) no-repeat left top; clear:both;}


.mbText {
  color: #430000;
  font-size:11px
}

.zzText {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #ffffff;
	font-size:11px
}

.preferences_content{
width:500;
height:250;
color: #fefefe;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
background-color:#ffffff;
padding: 0;
}


   
/* Truong them vo */

.content_main_right_zz{width:655px; background-color:#fff; margin-left:1px; float:left; display:inline}

.left_content_rnb_zz{width:96px; height:126px; float:left; font-family:arial; }
.left_content_rnb_zz p{margin-bottom:2px; text-align:center; position:relative }
.left_content_rnb_zz p.avatar{width:90px; height:90px; border:3px solid #e2e2e2;}
.left_content_rnb_zz p.avatar img{float:left}
.lock{background:url(../images/lock.png) no-repeat left top; width:16px; height:16px; position:absolute; left:72px; top:72px; float:left}
.left_content_rnb_zz p.boss_room{font-size:10px; color:#535353; width:96px; overflow:hidden; height:15px; clear:both}
.left_content_rnb_zz p.boss_room a{font-size:12px; font-weight:bold; font-size:12px; color:#007ec7}

.right_content_rnb_zz{width:178px; height:126px; font-family:arial; font-size:11px; margin-left:6px; float:left;}
.right_content_rnb_zz h1{font-family:arial; font-size:11px; font-weight:bold;width:178px; height:13px; overflow:hidden; margin-bottom:4px; text-transform:capitalize}
.right_content_rnb_zz h1 a{color:#007ec7; text-decoration:none}
.right_content_rnb_zz h1 a:hover{ text-decoration:underline}
.right_content_rnb_zz span{width:178px; height:13px; display:block; overflow:hidden; color:#535353;  margin-bottom:4px}
.right_content_rnb_zz span label{color:#ff8400}
.right_content_rnb_zz span label b{font-weight:normal;color:#535353}
.right_content_rnb_zz p{width:178px; height:28px; overflow:hidden; color:#535353;  margin-bottom:4px}
.right_content_rnb_zz p a{color:#007ec7; text-decoration:underline}
.right_content_rnb_zz p a:hover{text-decoration:none}

/*B-list_room*/
#list_room_zz{width:636px; margin:0px auto 4px auto;}
#list_room_zz ul{width:312px; height:146px; list-style:none; float:left; margin:0 4px 4px 0}
#list_room_zz ul.none_margin{margin-right:0px}
#list_room_zz ul li{width:312px; display:inline; float:left;}

#list_room_zz ul li.bg_top_list{background:url(../../images/graphics/dscr_top_312x6.gif) no-repeat left top; width:312px; height:6px; font-size:0px}
#list_room_zz ul li.bg_center_list{background:url(../../images/graphics/dscr_center_312x3.gif) repeat-y left top; width:312px;
padding:0px 0 0px 2px;.padding:0px 0 0px 2px;_padding:0px 0 0px 2px; overflow:hidden; position:relative}
#list_room_zz ul li.bg_footer_list{background:url(../../images/graphics/dscr_footer_312x8.gif) no-repeat left top; width:312px; height:8px; font-size:0px;}

#list_room_zz ul.active .bg_top_list{background:url(../../images/graphics/dscr_active_top_312x6.gif) no-repeat left top;}
#list_room_zz ul.active .bg_center_list{background:url(../../images/graphics/dscr_active_center_312x3.gif) repeat-y left top;}
#list_room_zz ul.active .bg_footer_list{background:url(../../images/graphics/dscr_active_footer_312x8.gif) no-repeat left top;}



/*B-phan_trang*/
#phan_trang{width:631px; margin:0px auto 6px auto; font-family:arial; font-size:11px; clear:both; height:25px}
#phan_trang ul{width:auto; height:19px; list-style:none; float:right}
#phan_trang ul li{float:left;  display:inline; background:url(../../images/graphics/page_7x19.gif) no-repeat right top; margin-right:4px}
#phan_trang ul li a{ border-left:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;border-top:1px solid #cdcdcd; width:auto; height:14px;margin-right:7px; float:left; padding:3px 0 0 3px; color:#000; text-decoration:none}
#phan_trang ul li a.active{font-weight:bold; color:#ff8400;text-decoration:none}
#phan_trang ul li a:hover{font-weight:bold; color:#ff8400; text-decoration:none}
#phan_trang ul li.pev, #phan_trang ul li.next{background:none; font-size:14px;}
#phan_trang ul li.pev a, #phan_trang ul li.next a{border:none; padding-top:0px}


.cssListIcon{
	width:512px;
	float:left;	
}
.cssListIcon li{
	width:90px;
	height:90px;
	float:left;
	text-align:center
}
.cssListIcon p{
	color:#666				   
}

.cssListTheme{
	width:522px;
	float:left;	
}
.cssListTheme li{
	width:120px;
	height:50px;
	float:left;
	text-align:center
}
.cssListTheme p{
	color:#666				   
}

.tip {
	BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 1px; Z-INDEX: 1000; LEFT: 90px; VISIBILITY: hidden; PADDING-BOTTOM: 1px; FONT: 12px Arial,Helvetica,sans-serif; BORDER-LEFT: #666666 1px solid; WIDTH: 300px; COLOR: #333333; PADDING-TOP: 1px; BORDER-BOTTOM: #666666 1px solid; POSITION: absolute; TOP: 20px; BACKGROUND-COLOR: #ffffcc; layer-background-color: #ffffcc
}

#search_suggest {
	display:none;
	position: absolute;
	z-index:100;
	background-color: #FFFFFF;
	text-align: left;
	border: 0px solid #000000;
	top:0px;
	left:0px;
	width:200px;
	height:550px;
}

#toast_popup_main {
	position: absolute;
	top: 1%;
	left: 40%;
	width: 270px;
	height: auto;
}
/*B-toast_popup */
#toast_popup{width:270px; font-family:arial; font-size:11px; overflow:hidden; margin-top:0px;}
#toast_popup .header{width:270px; height:3px; background:url(../../images/graphics/toast_header.gif) no-repeat left top; clear:both; overflow:hidden}
#toast_popup .content{width:270px; height:auto; background-color:#dbe57a}
#toast_popup .footer{width:270px; height:3px; background:url(../../images/graphics/toast_footer.gif) no-repeat left top; clear:both;}

/*B-Embed page */
#watch-customize-embed-size{height:90px;padding:0 0}.watch-embed-size-radio-link{float:left;text-align:center;text-decoration:none;padding:1px;border:2px solid #fff;cursor:pointer; outline:none}.watch-embed-size-radio-link:active{outline: none;
}watch-embed-size-radio-link:focus{-moz-outline-style: none}.watch-embed-size-radio-link:hover{border:2px solid #add8e6; outline:none}.watch-embed-size-radio-link.radio_selected .watch-embed-radio-box{border:1px solid #a0b3d9;background:#d8e6fb}.watch-embed-size-radio-text{color:#999;white-space:nowrap}.watch-embed-radio-box{border:1px solid #999;background:#ddd}.watch-embed-radio-box div{height:99%;border-top:1px solid #fff;border-left:1px solid #fff}#watch-embed-size-radio-default{width:44px}#watch-embed-size-radio-medium{width:57px}#watch-embed-size-radio-large{width:65px}#watch-embed-size-radio-hd720{width:86px}#watch-embed-size-default-box{width:42px;height:32px}#watch-embed-size-medium-box{width:55px;height:42px}#watch-embed-size-large-box{width:63px;height:47px}#watch-embed-size-hd720-box{width:84px;height:63px}#watch-embed-size-radio-default-wide{width:51px}#watch-embed-size-radio-medium-wide{width:58px}#watch-embed-size-radio-large-wide{width:66px}#watch-embed-size-radio-hd720-wide{width:77px}#watch-embed-size-default-box-wide{width:49px;height:27px}#watch-embed-size-medium-box-wide{width:56px;height:31px}#watch-embed-size-large-box-wide{width:64px;height:35px}#watch-embed-size-hd720-box-wide{width:75px;height:42px}
/*E-Embed page */


/*B-Configuration */
div.configList {
  display: none;
  position: absolute;
  border: 1px solid #7597c6;
  background-color: #7597c6;
  z-index: 1000;
  color: #7597c6;
}

div.configList a {
  padding: 3px 6px 3px 6px;
  display: block;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  background-color: #7597c6;
  text-decoration: none;
  color:#ffffff;
}

div.configList a:hover {
  background-color: #85aade;
}

div#configOptionList {
  width: 120px;
}
/*E-Configuration */