#availableWindow	{ display: none; font-size: 13px; background-color: #FFFFFF; position:absolute; top: 0px; right: -270px; color: black; padding: 5px; border: 1px solid #CCCCCC; width: 240px; z-index: 10000; }
#availableWindow #tutorial	{ float:left; font-weight:normal; width: 180px; }
#availableWindow .close		{ float: right; cursor: pointer; padding: 5px; border: 1px solid #EEEEEE; border-radius: 3px; }
#availableWindow .close:hover		{ background-color: #E6E6E6; border-color: #DDDDDD; }
#availableWindow .close:active		{ background-color: #D6D6D6; border-color: #CCCCCC; }
#availableWindow #frame					{ width: 245px; height: 435px; }
#availableDragDrop 				{ background-color: white; padding-top: 10px; }
#availableDragDrop .timeSlot	{ margin-top: 10px; float:left; width: 77px; }
#availableDragDrop .timeSlot .button	{ height: 32px; line-height: 32px; min-height: 32px; color: #0098D3; width: 76px; margin-top: 5px; border: 1px solid #CCCCCC; font-size: 12px; }
#availableDragDrop .timeSlot .button.pressed	{ background-color: #E6E6E6; }
#availableDragDrop .timeSlot .button:hover	{ color: #FF6600; }
#availableDragDrop #timeline	{ margin-right: 8px; }
#availableDragDrop .timeSlot .date { text-align: center; font-size: 11px; }
#availableDragDrop #scaleSlot		{ margin-top: 25px; float:left; width: 65px; text-align: right; }
#availableDragDrop #scaleSlot #setAs { font-size: 14px; text-align: center; height: 39px; line-height: 39px; } 
#availableDragDrop #scaleSlot .last { border-bottom: 1px solid #1DB300; height: 23px; line-height: 23px; } 
#availableDragDrop #saver		{ position: absolute; display: none; background-color: darkgreen; color: white; font-weight: bold; width: 50px; text-align: center; }
#availableDragDrop #availableMessage	{ position: absolute; right:0px; top: 3px; background-color: yellow; color: darkgreen; display: none; font-weight: bold; width: 237px; text-align: center; }
#availableDragDrop .selection 	{ position: absolute; border: 1px solid #89B; background: #BCE; background-color: #BEC; border-color: #8B9; }
#availableDragDrop .size2 		{ height: 118px; line-height: 118px; }
#availableDragDrop .size3	 	{ height: 178px; line-height: 178px; }
#availableDragDrop .drop 		{ background: #CDFFC0; text-align: center; height: 11px; line-height: 11px; border: 1px solid #1DB300; border-width: 0px 1px 1px 1px; }
#availableDragDrop .dropped 	{ background-color: #7ADB72; color: #7ADB72; }
#availableDragDrop .clicked		{ background-color: red; border-color: red; color: red;	 }
#availableDragDrop .active 		{ background-color: #CEB; border-color: #9B8; }
#availableDragDrop .scale 		{ margin-top: -1px; padding-right: 10px; border-top: 1px solid #1DB300; border-bottom: 1px solid white; height: 23px; line-height: 23px; }
#availableDragDrop .top			{ border-width: 1px; }
html.ie7 #availableDragDrop .drop { height: 12px !important; min-height: 12px !important; max-height: 12px !important; line-height: 12px !important; font-size: 12px !important; overflow:hidden; }
html.ie7 #availableDragDrop .scale.first { height: 21px; line-height: 21px; }
html.ie8 #availableDragDrop .drop { height: 12px !important; min-height: 12px !important; max-height: 12px !important; line-height: 12px !important; font-size: 12px !important; overflow:hidden; }
html.ie8 #availableDragDrop .scale.first { height: 21px; line-height: 21px; }