@charset "utf-8";


.smsWidget{
	position:relative;
	display:block;
	
}

.smsWidget fieldset{
	border:0 none;
	margin:0;
	padding:0;
}

.smsWidget 	.scroll{
	scrollbar-arrow-color: #bdbdbd;
	scrollbar-face-color: #f8f8f8;
	scrollbar-darkshadow-color: #e5e5e5;
	scrollbar-highlight-color: #f8f8f8;
	scrollbar-shadow-color: #f8f8f8;
	scrollbar-track-color: #fcfcfc;
	scrollbar-3dlight-color: #e5e5e5;

}

.smsWidget UL
{
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
.smsWidget LI
{
	list-style-type:none;
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}


/* content_container */
.smsWidget .phone_container{
	position:relative;
	float:left;
	width:197px;
	height:400px;
	background:url('../images/phone_container_bg.gif') no-repeat;
}


.smsWidget .content_container{
    position:relative;
    width:197px;
	height:400px;
	margin-top:-15px;
	background:url('../images/content_container_bg.gif') 9px 33px no-repeat;
}

.smsWidget .content_container .container_title{
	display:block;
	position:absolute;
	top:14px;
	left:13px;
	font-family:dotum;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

.smsWidget .content_container .message_text
{
	position:absolute;
	display:block;
	top:59px;
	left:47px;
}

.smsWidget .content_container .message_text textarea
{
	position: relative;
	width: 117px;
	height: 92px;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0 0px 0 0;
	line-height: 1.4em;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: transparent;
	border:0 none;
	border-right:1px #e5e5e5 solid;

	font-family:dotumche;
	font-size:12px;
}

.smsWidget .content_container .byte_area
{
	position:absolute;
	width:140px;
	
	display:block;
	top:163px;
	right:25px;
	text-align:right;

	font-family:verdana;
	font-size:9px;
	color:#676767;
}
	
.smsWidget .content_container .byte_area .byte_overflow
{
	display:none;
	font-family:dotum;
	font-size:11px;
	color:#ff0000;
}	

.smsWidget .content_container .sender
{
	position:absolute;
	width:180px;
	
	display:block;
	top:317px;
	left:11px;
	
	letter-spacing:-1px;
	font-family:dotum;
	font-size:11px;
	color:#787878;
}

.smsWidget .content_container .sender input
{
	border-bottom: #ddd 1px solid;
	border-left: #ddd 1px solid;
	padding-bottom: 2px;
	padding-left: 3px;
	width: 117px;
	padding-right: 0px;
	font: 11px tahoma;
	color: #676767;
	vertical-align: middle;
	border-top: #ddd 1px solid;
	border-right: #ddd 1px solid;
	padding-top: 0px;
}

.smsWidget .content_container .appoint
{
	display:none;
	position:absolute;
	top:60px;
	left:22px;
	
	width:130px;
	height:82px;
	padding:5px;

	background-color:#fff;
	border: #ddd 1px solid;
		
	color:#787878;
	font-family:dotum;
	
}

.smsWidget .content_container .appoint label
{
	position:relative;
	display:inline;
	float:left;
}

.smsWidget .content_container .appoint div.close
{
	position:relative;
	display:block;
	float:right;
}

.smsWidget .content_container .appoint #appointment_div
{
	position:relative;
	display:none;
	float:left;
	clear:left;
	margin-top:10px;
	width:120px;

	padding:3px;
	
}

.smsWidget .content_container .appoint #appointment_div .inputDate
{
	display:inline;
	float:left;
	border: #ddd 1px solid;
	padding:0 0 2px 3px;
	width: 76px;
	font: 11px tahoma;
	color: #676767;
	vertical-align: middle;
	margin-bottom:5px;
}
.smsWidget .content_container .appoint #appointment_div .inputHour,
.smsWidget .content_container .appoint #appointment_div .inputMin
{
	display:inline;
	float:left;
	border: #ddd 1px solid;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 0px;
	font: 11px tahoma;
	color: #676767;
}
.smsWidget .content_container .appoint #appointment_div label
{
	margin-top:3px;
}


.smsWidget .content_container .button_box
{
	position:absolute;
	width:180px;
	height:30px;	
	display:block;
	top:339px;
	left:11px;
}

.smsWidget .content_container .button_box .btn_reserve
{
	position:relative;
	display:inline;
	float:left;
	margin-right:13px;
	
	width:80px;
	height:28px;
	background:url('../images/btn_reserve.gif') no-repeat;
	
	border:0 none;
	
	text-indent:-1000em;
	overflow:hidden;
	
}

.smsWidget .content_container .button_box .btn_send
{
	position:relative;
	display:inline;
	float:left;
	
	width:80px;
	height:28px;
	background:url('../images/btn_send.gif') no-repeat;
	
	border:0 none;
	
	text-indent:-1000em;
	overflow:hidden;
	
}


/* notice_container */

.smsWidget .notice_container{
	position:relative;
	float:left;
	width:450px;
	height:256px;
	
	background:url('../images/notice_bg.gif') no-repeat;
}

.smsWidget .notice_container .container_title{
	display:block;
	position:absolute;
	top:14px;
	left:17px;
	font-family:dotum;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

.smsWidget .notice_container .notice_content{
	display:block;
	position:absolute;
	top:44px;
	left:17px;
	padding:0 20px 0 0px;
	
	font-family:dotum;
	font-size:12px;
	font-weight:normal;
	color:#555555;
	line-height:1.5em;
}
.smsWidget .notice_container .notice_content span.indent{
	
}



.smsWidget .bottomLayer
{
	float:left;clear:left;position:relative;display:block;width:100%;overflow:hidden;
}


/* receiver_container in sidebar*/
.smsWidget .content_container .receiver_container{
	position:relative;
	float:left;
	display:inline;
	top:167px;
	left:10px;
	width:176px;
	overflow:hidden;
	margin-top:10px;
	
}


.smsWidget .content_container .receiver_container .container_title{
	display:block;
	position:relative;
	margin-top:5px;
	
	
	width:294px;
	height:17px;
	border-bottom:#dbdbdb 1px solid;
	font-family:dotum;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

.smsWidget .content_container .receiver_container .container_title span{

	font-family:dotum;
	font-size:11px;
	font-weight:normal;
	color:#787878;

}

.smsWidget .content_container .receiver_container .direct_numAdder{
	display:block;
	position:relative;
	margin-top:6px;
	left:0px;
	
	width:176px;
	height:17px;
	
	font-family:dotum;
	font-size:12px;
	font-weight:normal;
	color:#787878;
	
}

.smsWidget .content_container .receiver_container .direct_numAdder label
{
	display:inline;
	float:left;
	margin:3px 5px 0 0;

	padding:0;
	letter-spacing:-2px;
	font-size:11px;
	
}

.smsWidget .content_container .receiver_container .direct_numAdder input
{
	display:inline;
	float:left;	
	width: 107px;
	height:14px;
	padding:1px 0 0 4px;
	
	border: #ddd 1px solid;
	
	font: 11px tahoma;
	color: #676767;
}
.smsWidget .content_container .receiver_container .direct_numAdder button
{
	position:relative;
	float:right;
	
	width:32px;
	border:1px solid;
	height:20px;
	background:url('../images/btn_addNum.gif') no-repeat;
	
	border:0 none;
	
	text-indent:-1000em;
	overflow:hidden;
}

.smsWidget .content_container .receiver_container .direct_numAdder button#addNum
{
	position:relative;
	float:left;
	margin-left:2px;
	width:20px;
	height:17px;
	background:url('../images/icon_add.gif') 5px 3px no-repeat;
	
    border: #ddd 1px solid;
	
	text-indent:-1000em;
	overflow:hidden;
}


.smsWidget .content_container .receiver_container .list_header
{
	position:relative;
	margin-top:5px;
	
	width:171px;
	height: 16px;
	padding:3px 0 0 3px;
	
	border: #e7e7e7 1px solid;
	background: #f7f7f7;
	
	font: 11px dotum;
	letter-spacing: -1px;
	color: #4c4c4c;
}

.smsWidget .content_container .receiver_container .list_header span.label
{
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	width: 13px;
	padding-right: 0px;
	display: inline;
	background:url('../images/bg_checkbox_01.gif') no-repeat;
	float: left;
	height: 13px;
	overflow: hidden;
	cursor:pointer;cursor: pointer;
	padding-top: 0px;
}

.smsWidget .content_container .receiver_container .list_header span.label.on
{
	background-position: 0px -13px;
}


.smsWidget .content_container .receiver_container .list_header span.label input.check
{
	position: absolute;
	left: -1000em;
}

.smsWidget .content_container .receiver_container .list_header STRONG.number
{
	margin: 1px 0px 0px 5px;
	display: inline;
	float: left;
	width: 79px;
	font-weight: normal;
}

.smsWidget .content_container .receiver_container .list_header STRONG.name
{
	margin: 1px 0px 0px 0px;	
	display: inline;
	float: left;
	font-weight: normal;
}

.smsWidget .content_container .receiver_container .list_header STRONG.del
{
	margin: 1px 10px 0px 0px;	
	display: inline;
	float: right;
	font-weight: normal;
}

.smsWidget .content_container .receiver_container .rnumlist_body
{
	overflow: auto;
	height: 60px;
	padding:0 3px 0 3px;
	
	border: #e7e7e7 1px solid;
	border-top:0px none;
	background: #fff;

}

.smsWidget .content_container .receiver_container .rnumlist_body ul
{
	margin-top: 8px;
}

.smsWidget .content_container .receiver_container .rnumlist_body ul li
{
	height: 18px;
	float: left;
	font-size: 11px;
	color:#676767;
}
.smsWidget .content_container .receiver_container .rnumlist_body ul li span.label
{
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	width: 13px;
	padding-right: 0px;
	display: inline;
	background:url('../images/bg_checkbox_01.gif') no-repeat;
	float: left;
	height: 13px;
	overflow: hidden;
	cursor:pointer;cursor: pointer;
	padding-top: 0px;
}

.smsWidget .content_container .receiver_container .rnumlist_body ul li span.label.on
{
	background-position: 0px -13px;
}


.smsWidget .content_container .receiver_container .rnumlist_body ul li span.number
{
	margin: -1px 0px 0px 5px;
	width: 76px;
	text-overflow: ellipsis;
	display: inline;
	font-family: tahoma;
	white-space: nowrap;
	float: left;
	overflow: hidden;
	font-weight: normal;
	cursor:pointer;cursor:hand;
}

.smsWidget .content_container .receiver_container .rnumlist_body ul li span.name
{
	margin: -1px 0px 0px 4px;
	width: 38px;
	text-overflow: ellipsis;
	display: inline;
	white-space: nowrap;
	float: left;
	overflow: hidden;
	font-weight: normal;
	cursor:pointer;cursor:hand;

}

.smsWidget .content_container .receiver_container .rnumlist_body ul li button.delete
{
	cursor:pointer;cursor:pointer;
	text-indent: -1000em;
	padding:0;
	border:0 none;
	margin: 2px 0px 0px 5px;
	width: 9px;
	display: inline;
	background:url('../images/btn_delete.gif') no-repeat;
	float: right;
	height:9px;
	overflow: hidden;
}

.smsWidget .content_container .receiver_container .list_footer
{
	position:relative;
	display:block;
	margin-bottom:5px;
	
	width:168px;
	height: 18px;
	padding:2px 3px 3px 3px;
	overflow:hidden;
	
	border: #e7e7e7 1px solid;
	border-top:0 none;
	background: #f7f7f7;
	
	font: 11px dotum;
	letter-spacing: -1px;
	color: #4c4c4c;
}

.smsWidget .content_container .receiver_container .list_footer .btn_delNum
{
	position:relative;
	display:inline;
	float:left;
	
	width:62px;
	height:18px;
	background:url('../images/btn_delSel.gif') no-repeat;
	
	border:0 none;
	
	text-indent:-1000em;
	overflow:hidden;
}

.smsWidget .content_container .receiver_container .list_footer .btn_viewAddr
{
	position:relative;
	display:inline;
	float:right;
	
	width:47px;
	height:18px;
	padding-bottom:2px;
	background:url('../images/btn_viewAddr.gif') no-repeat;
	
	
	border:0 none;
	
	text-indent:-1000em;
	overflow:hidden;
}


.smsWidget .content_container .receiver_container .comment{
	display:block;
	position:relative;
	margin-top:6px;
	left:0px;
	
	width:294px;
	height:14px;
	padding-top:3px;
	
	letter-spacing:-1px;
	font-family:dotum;
	font-size:11px;
	font-weight:normal;
	color:#787878;
}

.smsWidget .content_container .receiver_container .comment a{
	font-weight:bold;
	color:#75bD0D;
	text-decoration:none;
}


/* receiver_container */