/* Æ˾÷¸¶½ºÅ©
----------------------------------------------------------*/
#mask
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	background:rgba(0, 0, 0, 0.3);
	display: none;
	width: 100%;
	height: 100%;
}
.window
{
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index:99999;
	background: #fff;
	border:1px solid #dadada;
	font-size:1em;
	border-top:5px solid #ea6cb6;
}

/* Æ˾÷ °øÅë¼Ó¼º - ¹è°æ
----------------------------------------------------------*/
.scrollGrid
{
    padding:15px;
}
.scrollGrid > section
{
    overflow:auto;
    height:80%;
}
#devicePolicy .scrollGrid,
#groupInfo .scrollGrid,
#addApplication .scrollGrid,
#deviceHistoryPolicyView .scrollGrid
{
    width:700px;
    height:530px;
    overflow:auto;
}
#applicationPolicy .scrollGrid
{
    width:750px;
    height:550px;
}
#updateAppPackages .scrollGrid
{
    width:800px;
    height:550px;
}
#updateAppPackages .scrollGrid > section
{
    margin-bottom:15px;
}
#deviceInfo .scrollGrid
{
    padding:22px 20px 27px 20px;
    width:950px;
    height:720px;
    overflow:auto;
}
#groupDetailInfo .scrollGrid
{
    width:350px;
    height:235px;
}
#groupDetailInfo .scrollGrid > section
{
    height:150px;
}
#applicationInfo .scrollGrid
{
    width:530px;
    height:360px;
}
#applicationInfo .scrollGrid > section
{
    height:280px;
}
#modelInfo .scrollGrid
{
    min-width:420px;
}
#domain .scrollGrid
{
    width:420px;
    height:480px;
}
#groupInfo .groupInfoHeader .close
{
    float:right;
}
#devices
{
    display:none;
    margin:60px 0 0 10px;
}
#devices > div
{
	float:left;
	margin-left:10px;
}
#modelInfoTable,
#deviceInfoTable,
#groupInfoTable,
#groupInfoModify,
#applicationInfoTable,
#appPolicySection,
#appPolicyViewSection,
#defaultPolicySection,
#deviceHistorySection,
#registerUserTable
{
    margin-bottom:15px;
    width:100%;
}
.blankTitle
{
    height:15px;
}
.closeIcon img
{
    position: absolute;
	left: -13px;
	top: -16px;
	z-index:20;
}
.deviceRegisterDiv
{
    margin-left:15px;
    margin-bottom:15px;
}

/* Æ˾÷ °øÅë¼Ó¼º - ŸÀÌƲ, ÄÁÅÙÃ÷ÅؽºÆ®, ÀÎDz¹Ú½º, µð¹ÙÀ̽º»çÁø
----------------------------------------------------------*/
.title
{
    color:#ea6cb6;
	font-size:1.13em;
	font-weight:bold;
	padding:5px;
	margin-bottom:15px;
	border-bottom:1px solid #dadada;
}
.contentsTd
{
    letter-spacing:1px;
    color:#4c4c4c;
}
input
{
    border:1px solid #979797;
    padding:1px;
}
.devicePic
{
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border:1px solid #dcdcdc;
    text-align:center;
    background:#fff;
}
#modelInfo .devicePic
{
    width:150px;
    height:150px;
}
#deviceInfo .devicePic
{
    width:120px;
    height:120px;
}
.mgtStatusCol,
.statusCol,
.subscriptionCol,
.userCol,
.commandCol,
.masterCodeCol
{
    text-align:center;
    font-weight:bold;
    width:160px;
    border-right:1px solid #e3e3e3;
}

/* Æ˾÷ °øÅë¼Ó¼º - ¹öÆ°
----------------------------------------------------------*/
.title span
{
    float:right;
}
.popupButton,
.newGroupButton
{
    width:100%;
    padding:17px 0 4px;
    border-top:1px solid #dadada;
    clear:both;
    text-align:right;
    font-size:12px!important;
}
.popupButton p,
.newGroupButton p
{
    float:left;
}
.popupButton p img,
.newGroupButton p img
{
    margin-right:5px;
    width:23px;
    height:23px;
}
.popupButton p span,
.newGroupButton p span
{
    vertical-align:middle;
}
#groupInfo .popupButton
{
    margin-top:1.3em;
}
#domain .popupButton
{
    position:relative;
    top:400px;
}
.popupButton a,
.newGroupButton a
{
    color:#4c4c4c;
    padding:0.5em 1.3em;
    border:1px solid #c6c6c6;
    font-size:1em;
    text-align:center;
}
.popupButton a:hover,
.newGroupButton a:hover
{
    color:#1c1c1c;
}
.add,
.remove,
.searchPopup,
.policyBtn,
.uploadPackage,
.uploadImg
{
	background:#fff;
    color: #44b0fb;
	padding:0 7px;
	font-size:12px;
	display:inline-block;
    border:1px solid #44b0fb;
    margin-left:4px;
    cursor:pointer;
}
.uploadPackage 
{
    padding:0 7px;
	display:inline-block;
	height:17px;
    cursor:pointer;
}
.remove a:hover,
.searchPopup a:hover,
.policyBtn a:hover,
.uploadPackage:hover,
.uploadImg a:hover
{
    color:#067dfb;
}
.findPackageHidden
{
	position:absolute; 
	right:0px;
	top:0;
	opacity:0;
    filter:alpha(opacity=0);  
	        -ms-filter:"alpha(opacity=0)";  
	        -khtml-opacity:0;  
	        -moz-opacity:0;
}
.fileInputDiv
{
    position:relative;
}

.add
{
    color: #e9eaf1;
    background: -webkit-gradient(linear,0 0 ,0 100%, from(#b8c3d0),to(#8899ae));
	background:-moz-linear-gradient(top, #b8c3d0, #8899ae);
}
.add:hover
{
    color:#fff;
    cursor:pointer;
}

/* Æ˾÷ ÅÛÇø´ -  »ó¼¼º¸±â
----------------------------------------------------------*/
#groupInfoTable tr td,
#groupInfoModify tr td
{
    border:none;
    padding: 0 1.5em 0.5em 0.5em;
}
#groupInfoTable tr td:first-child
{
    width:187px;
}
#groupInfoTable tr td:last-child
{
	letter-spacing:1px;
	color:#4c4c4c;
}
#applicationInfoTable tr td,
#modelInfoTable tr td,
#userInfoTable tr td,
#userExceptionTable tr td,
#deviceInfo tr td,
#registerUserTable tr td
{
    border-bottom:none;
    padding: 0.5em 1em;
}
#deviceInfo tr td
{
	border-top: 1px solid #e3e3e3;
}
#groupInfo .showBtn
{
    display:none;
}
.hiddenContents
{
    display: none;
}
#modelInfoTable .hiddenContents .uploadFileVisible
{
    margin-left:-12px;
} 
.unregister span
.lost span
{
    display: none;
}
#groupInfoModify input[type='text']
{
    width:200px;
}
/* ±×·ì »èÁ¦ ¹öÆ° ¿µ¿ª */
#deleteGroupArea,
#deleteDeviceArea,
#deleteUserArea,
#deleteApplicationArea
{
    float:right;
    cursor:pointer;
}
#deleteGroupArea img,
#deleteDeviceArea img,
#deleteUserArea img,
#deleteApplicationArea img
{
    width:18px;
    height:18px;
}
#deleteGroupArea img,
#deleteDeviceArea img
{
    margin-top:5px;
}
#deleteUserArea img,
#deleteApplicationArea img
{
    margin-bottom:5px;
}
.validCodeMsg span,
.validNameMsg span
{
    color:#ff0000;
    margin-top:3px;
    margin-left:3px;
}

/* ¶óÀ̼±½º
----------------------------------------------------------*/
div.licencePopup
{
    border:2px dotted #ea6cb6;
}
div.licenceInfo table tr td.usageRatio
{
    color:#ea6cb6;
}
div.licenceInfo table tr td span.graph
{
    border:1px solid #ea6cb6;
}
div.licenceInfo table tr td span.usageRate
{
    background:#ea6cb6;
}