@charset "utf-8";
/*
  NateOn Remote Service
  Author Rsupport R&D Center | Front-End Team | Park Jeong Shik 2012/07 
  Copyright © RSUPPORT Co., Ltd. ALL RIGHTS RESERVED.
*/

/* console list */
#total-info { position: relative; height: 45px; }
#total-info strong { color: #333; }
#total-info p { position: absolute; left: 0; margin: 0; line-height: 18px; }
#total-info-buttons { position: absolute; top: 14px; right: 0; }
#total-info-buttons a { text-decoration: none; }
#total-info-buttons a:hover { background: #ebebeb; }

#pc-list { text-align: center; width: 100%; margin-bottom: 30px; }
#pc-list th { padding: 4px 0; border-top: solid 2px #616161; border-bottom: solid 1px #a5a5a5; background: #f5f5f5; }
#pc-list td { padding: 4px 0; border-bottom: solid 1px #e3e3e3; }
#pc-list tr:hover { background: #f6fcff; }
#pc-list .icon { height: 65px; }
#pc-list .icon div { position: relative; height: 90%; width: 100%; }
#pc-list .pc-name { padding: 0 5px; }
#pc-list .pc-name a { text-decoration: none; color: #484848; }
#pc-list .pc-name a:hover { color: #0F8BC7; }
#pc-list .json { display: none; }
.btn-section { margin-bottom: 50px; }
.btn-section a { display: inline-block; }

/* icon states */
.agent-wrap .icon { background: url(../img/console/pc-states.gif) no-repeat 20px 0; }
.on .icon.pc { background-position: 20px -142px; }
.on .icon.notebook { background-position: 20px -375px; }
.on .icon.server { background-position: 20px -635px; }

.off .icon.pc { background-position: 20px -260px; }
.off .icon.notebook { background-position: 20px -508px; }
.off .icon.server { background-position: 20px -772px; }

.empty .icon { background-position: 20px 10px; }

.icon .ios,
.icon .android { 
	position: absolute; bottom: 3px; left: 13px; display: inline-block; width: 22px; height: 34px; 
	background: url(../img/console/pc-states.gif) no-repeat; 
}
.on .icon .ios { background-position: -252px -70px; }
.on .icon .android { background-position: -252px 0; }
.off .icon .ios { background-position: -252px -105px; }
.off .icon .android { background-position: -252px -35px; }

.icon .expired { 
	position: absolute; top: 0; right: 13px; display: inline-block; width: 25px; height: 25px; 
	background: url(../img/console/pc-states.gif) no-repeat -252px -166px; 
}

.command-menu { 
	display: inline-block; width: 80px; padding: 1px 0 3px; height: 14px; vertical-align: middle;
	border: solid 1px #999; text-align: center; cursor: pointer; text-decoration: none; 
}
.command-menu:hover { background: #F1F1F1; color: #484848; }
.command-menu.down { background: #F1F1F1; }
.command-menu span { margin-left: 20px; }

/* contextMenu */
#context-menu {
  display:none; position:absolute; top:39px; right:20px; margin: 0; padding:3px 0; width: 115px;
  list-style:none; border:solid 1px #C9C9C9; background:#F1F1F1; z-index: 1000;
  border-bottom-left-radius:4px; border-bottom-right-radius:4px; font-size: 12px; 
}
#context-menu.open-top { 
  border-top: solid 1px #C9C9C9; border-bottom: solid 1px #C9C9C9 !important; 
  border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:4px; border-top-right-radius:4px; 
}

#context-menu .separate { 
  margin: 2px 0 !important; padding: 0; line-height: 0; height: 0; border-top: solid 1px #CBCBCB; border-bottom: solid 1px #FFFFFF; 
}

#context-menu li a { 
  display: inline-block; padding: 4px 5px 4px 8px; width: 102px; line-height:16px; text-decoration:none; cursor:pointer;
  border-top:solid 1px #F1F1F1; border-bottom:solid 1px #F1F1F1; background:#F1F1F1; color:#333333; text-align: left; 
}
#context-menu li:hover a { 
  background:#3399FF; border-top:solid 1px #2380EA; border-bottom:solid 1px #2380EA; color:#fff; 
}

/* Below 2 line for IE6 */
#context-menu li:hover li a { border-top:solid 1px #F1F1F1; border-bottom:solid 1px #F1F1F1; background:#F1F1F1; color:#333333; }
#context-menu li li:hover a { background:#3399FF; border-top:solid 1px #2380EA; border-bottom:solid 1px #2380EA; color:#fff; }
#context-menu .Linux-hide { display:none; }

.has-submenu { position:relative; }
.has-submenu .submenu-opener { background: url(../img/console/icon-arrow-gray.gif) no-repeat right 50% !important; } 
.has-submenu .submenu-opener:hover { background-color:#3399ff !important; }
.has-submenu a ul { display: none; position:absolute; padding-left: 0; margin-top:-23px; *margin-top:-9px; left:113px; border:solid 1px #aaa; }
.has-submenu a:hover ul { display: block; list-style:none; }