/* COLORS */

.mysky_yellow {
	background: #FEF49C url(/images/note/yellow_background.png) no-repeat left 16px;
}
.mysky_yellow div.mysky_handle {
	background: #FEEA3C url(/images/note/yellow_header.png) repeat-x right bottom;
}

.mysky_green {
	background: #B7F8A9 url(/images/note/green_background.png) no-repeat left 16px;
}
.mysky_green div.mysky_handle {
	background: #7BD768 url(/images/note/green_header.png) repeat-x right bottom;
}

.mysky_blue {
	background: #B4DEF8 url(/images/note/blue_background.png) no-repeat left 16px;
}
.mysky_blue div.mysky_handle {
	background: #5BB4E8 url(/images/note/blue_header.png) repeat-x right bottom;
}

.mysky_red {
	background: #FCD8D8 url(/images/note/red_background.png) no-repeat left 16px;
}
.mysky_red div.mysky_handle {
	background: #D83D3D url(/images/note/red_header.png) repeat-x right bottom;
}

.mysky_purple {
	background: #DBBDF9 url(/images/note/purple_background.png) no-repeat left 16px;
}
.mysky_purple div.mysky_handle {
	background: #BF44EE url(/images/note/purple_header.png) repeat-x right bottom;
}

.mysky_grey {
	background: #E6E6E6 url(/images/note/grey_background.png) no-repeat left 16px;
}
.mysky_grey div.mysky_handle {
	background: #999999 url(/images/note/grey_header.png) repeat-x right bottom;
}

/* END COLORS */

div.mysky_note {
	border: 1px solid #999;
}
div.mysky_handle {
	height: 16px;
	padding: 0 0 1px;
	cursor: move;
}
div.mysky_username {
	font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 2px;
	float: left;
}
div.mysky_closer {
	background:url(/images/note/close.gif) no-repeat top right;
	cursor: pointer;
	width: 26px;
	height: 16px;
	float: right;
	font-size: 10px; /* fix for IE */
}
div.mysky_menu_button {
	background:url(/images/note/menu_but.gif) no-repeat top right;
	cursor: pointer;
	width: 30px;
	height: 20px;
	position: absolute;
	right: -31px;
	top: 18px;
}
div.mysky_resizer {
	background: url(/images/corner.gif) no-repeat bottom right !important;
	width:20px;
	height:20px;
	position:absolute;
	bottom:-1px;
	right:-1px;
	cursor:se-resize;
}
textarea.mysky_edit {
	font: 12px Verdana, Arial, Helvetica, sans-serif !important;
	background: transparent !important;
	border: none !important;
	color: #000 !important;
	padding: 2px !important;
	margin: 0 !important;
	overflow: auto;
}
textarea.mysky_richedit {
	font-family: 12px Verdana, Arial, Helvetica, sans-serif !important;
	background: transparent !important;
	border: none !important;
	color: #000 !important;
	padding: 2px !important;
	margin: 0 !important;
	overflow: auto;
}

.mysky_minimizer {
width:15px;
height:15px !important;
float:right;
cursor:pointer !important;
background:url(/images/minimize.gif) no-repeat top right;
}
.mysky_tag{display:none;
position:absolute;
right:-40px;
top:15px;
width:40px;
height:15px;
background:url(/images/addtag.gif) no-repeat top left;
cursor:pointer;
display:none;
}

.mysky_newTag{
position:relative;
display:block;
width:85px;
>>width:75px;
font-size:.8em;
padding-left:15px;
background: url(/images/tag.gif) no-repeat -5px;
}

.mysky_newTag input{
position:relative;
width:95px;
>>width:100px;
background:url(/images/tag_end.gif) no-repeat right;
border:none;
padding-bottom:3px;
color:#333;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

.mysky_tagCont{
position:absolute;
right:-43px;
>>right:-130px;
top:40px;
width:40px;
height:100px;
display:none;

}


.mysky_email{
display:none;
cursor:pointer;
position:absolute;
left:10px;
bottom:-12px;
width:45px;
height:12px;
background:url(/images/email_button.gif) no-repeat bottom left;
}

.mysky_dragBox {
border: 1px solid #316AC5;
position: absolute;
}
.mysky_dragBox div {
background: #316AC5;
opacity: 0.28;
filter: Alpha(Opacity=28);
width: 100%;
height: 100%;
}

.ms_Note{
border:1px solid #999;
position: absolute;
}
.ms_handle, .ms_Handle{
width:100%;
height:15px !important;
>>margin-right:-2px !important;
cursor:move;
}
span.ms_username {
font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif!important;
padding: 0 2px;
}
.ms_resizer{
background: url(/images/corner.gif) no-repeat bottom right !important;
width:20px;
height:20px;
position:absolute;
bottom:-1px;
right:-1px;
cursor:se-resize;
}
textarea.ms_editable {
font-family: 12px Verdana, Arial, Helvetica, sans-serif !important;
background: transparent !important;
border: none !important;
color: #000 !important;
padding: 2px !important;
margin: 0 !important;
overflow: auto;
}
.ms_pin{
width:15px;
height:15px !important;
float:right;
margin-right: 4px;
cursor:pointer !important;
background:url(/images/pin.png) no-repeat top right;
}
.ms_closer {
width:15px;
height:15px !important;
float:right;
cursor:pointer !important;
background:url(/images/close.gif) no-repeat top right;
}
.ms_minimizer {
width:15px;
height:15px !important;
float:right;
cursor:pointer !important;
background:url(/images/minimize.gif) no-repeat top right;
}
.ms_tag{
position:absolute;
right:-40px;
top:15px;
width:40px;
height:15px;
background:url(/images/addtag.gif) no-repeat top left;
cursor:pointer;
display:none;
}

.ms_newTag{
position:relative;
display:block;
width:85px;
>>width:75px;
font-size:.8em;
padding-left:15px;
background: url(/images/tag.gif) no-repeat -5px;
}

.ms_newTag input{
position:relative;
width:95px;
>>width:100px;
background:url(/images/tag_end.gif) no-repeat right;
border:none;
padding-bottom:3px;
color:#333;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

.ms_tagCont{
position:absolute;
right:-43px;
>>right:-130px;
top:40px;
width:40px;
height:100px;
display:none;

}


.ms_email{
display:none;
cursor:pointer;
position:absolute;
left:10px;
bottom:-12px;
width:45px;
height:12px;
background:url(/images/email_button.gif) no-repeat bottom left;
}

.ms_dragBox {
border: 1px solid #316AC5;
position: absolute;
}
.ms_dragBox div {
background: #316AC5;
opacity: 0.28;
filter: Alpha(Opacity=28);
width: 100%;
height: 100%;
}