html 				{ height: 100%; overflow: hidden; }
body				{ height: 100%; margin: 0; background-color: #ffffff; color: #000000; }
h2				{ font-size: 21px; font-weight: normal; color: #000000; }
body,
input,
textarea				{ font-family: "Lucida Sans","Verdana",sans-serif; font-size: 12px; }
img				{ border: 0; }

#flash				{ width: 100%; height: 100%; visibility: hidden; }
#flash div			{ position: absolute; top: 50%; left: 50%; width: 400px; height: 200px; margin: -100px 0 0 -200px; text-align: center; font-size: 17px; line-height: 28px; color: #999999; }
#flash div a			{ color: #c51d1d; text-decoration: none; border-bottom: 1px dotted #c51d1d; }

#advice				{ position: absolute; top: 36px; left: 252px; width: 120px; height: 21px; padding: 40px 15px 40px 15px; background-image: url(/images/advice.gif); z-index: 6; display: none; }
#advice2			{ position: absolute; top: 36px; left: 410px; width: 170px; height: 37px; padding: 40px 15px 40px 15px; background-image: url(/images/advice2.gif); z-index: 6; display: none; }

#blanket			{ display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #ffffff; opacity: 0.6; filter: alpha(opacity=60); z-index: 5; }

.popup				{ position: absolute; top: 50%; left: 50%; background-color: #ffffff; border: 3px solid #adadad; z-index: 6; display: none; }
.popup .close			{ position: absolute; top: -12px; right: -12px; }
.popup .inner			{ margin: 22px; }

#popup-download			{ width: 210px; height: 220px; margin: -110px 0 0 -105px; }

#popup-share			{ width: 210px; height: 160px; margin: -80px 0 0 -105px; }

#popup-collab			{ width: 210px; height: 190px; margin: -80px 0 0 -105px; }

#popup-layout			{ width: 210px; height: 260px; margin: -130px 0 0 -105px; }

#popup-order			{ width: 290px; height: 620px; margin: -310px 0 0 -145px; }
#o-container  			{ width: 243px; height: 460px; overflow: auto; font-family: "Calibri","Lucida Sans","Verdana",sans-serif; color: #ffffff; font-weight: bold; }
#o-container .item 		{ float: left; padding: 4px; margin-top: 2px; }
#o-container .itembg 		{ float: left; cursor: pointer; width: 100%; }

#popup-addmedia			{ width: 220px; height: 270px; margin: -110px 0 0 -110px; }
#popup-addmedia a		{ text-decoration: none; color: #555555; }
#popup-addmedia a:hover		{ background-color: #fffcd2; }

#popup-doaddmedia		{ width: 260px; height: 300px; margin: -150px 0 0 -130px; }
#popup-doaddmedia #iframe	{ border: 0; width: 218px; height: 258px; }

#popup-assignment_save		{ width: 400px; margin-left: -200px; margin-top: -100px; }

#collab-chat			{ position: absolute; z-index: 6; bottom: 25px; left: 0; height: 207px; width: 191px; background-color: #ffffff; border-top: 2px solid #adadad; border-right: 2px solid #adadad; display: none; }
#collab-chat-title		{ height: 22px; background-color: #adadad; color: #ffffff; font-size: 16px; font-weight: bold; padding-left: 4px; }
#collab-chat-text		{ height: 160px; overflow: auto; margin: 1px; }
#collab-chat-bottom		{ height: 23px; border-top: 1px solid #adadad; position: relative; }
#collab-chat-message		{ width: 135px; margin: 0; border: 0; margin-top: 2px; }
#collab-chat-send		{ width: 49px; height: 20px; margin: 0; border: 1px solid #adadad; position: absolute; right: 1px; top: 1px; }

#top				{ width: 100%; height: 30px; min-width: 1020px; border-bottom: 1px solid #797979; position: absolute; top: 0; left: 0; background-color: #dddddd; background-image: url(/images/top-bg.gif); z-index: 4; }
#top #logo			{ padding: 0; height: 30px; }
#top #logo img			{ border: 0; border-right: 1px solid #b8b8b8;  }
#top .group1			{ float: left; width: 21%; height: 30px; overflow: hidden; }
#top .group2			{ float: left; width: 31%; height: 30px; overflow: hidden; }
#top .group2 .inner		{ width: 308px; margin: auto; }
#top .group2 input			{ border-right: 1px solid #b8b8b8; }
#top .group3			{ float: left; width: 48%; height: 30px; overflow: hidden; text-align: right; }
#top .group3 input			{ border-left: 1px solid #b8b8b8; }
#top #title-div			{ float: left; height: 22px; padding: 4px; border-right: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; }
#top #title-div #selected-node	{ width: 150px; height: 14px; font-size: 11px; }

#map				{ position: absolute; top: 31px; left: 0; z-index: 2; }

#right					{ position: absolute; top: 31px; right: 0; width: 156px; background-color: #ffffff; border-left: 3px solid #adadad; overflow: hidden; z-index: 3; }
#right h2				{ background-color: #adadad; color: #ffffff; font-size: 16px; line-height: 26px; height: 26px; padding: 0 0 0 4px; font-weight: bold; margin: 0; clear: both; }
#right .add-resource			{ float: right; margin: 4px 0 0 0; }
#right .delete-resource			{ float: right; margin: 4px 4px 0 0; }
#right #addmedia				{ display: none; width: 70px; height: 80px; position: absolute; top: 19px; right: 27px; z-index: 5; }
#right #addmedia a			{ display: block; height: 14px; line-height: 14px; background-color: #d5d5d5; color: #666666; text-decoration: none; padding: 3px; }
#right #addmedia a:hover			{ background-color: #666666; color: #ffffff; }

#right #media				{ margin-top: 10px; }
#right #media div				{ float: left; width: 130px; margin: 0 0 15px 12px; position: relative; }
#right #media .video			{ display: block; width: 130px; height: 72px; background-position: center center; }
#right #media .media-del			{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; background-color: #000000; opacity: 0.75; filter: alpha(opacity=75); display: none; }
#right #media .media-del-btn		{ position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -25px; display: none; }
#right #media a.file,
#right #media a.link			{ color: #666666; text-decoration: none; border-bottom: 1px dotted #666666; }
#right #media a.file:hover,
#right #media a.link:hover		{ border-bottom: 1px solid #666666; }
#right #media span			{ display: block; text-align: center; }
#right #media .media-del-btn-small	{ position: absolute; display: none; top: -2px; left: 97px; }

#right #notes				{ margin: 4px; position: relative; }
#right #notes textarea,
#right #notes div#node-notes		{ width: 99%; font-size: 11px; border: 0; line-height: 16px; overflow: auto; }
#right #notes textarea.editable:focus	{ background-color: #ffffff; border: 0; }
#right #open-palette			{ float: right; margin: 3px 90px 0 0; }
#right .notes-save			{ float: right; margin: 4px 0 0 0; }
#right #assignment input			{ float: right; border: 1px solid #333333; margin: 14px 14px 14px 0px; }

#start-collaboration		{ position: absolute; bottom: 0; left: 0; z-index: 4; }
#start-chat			{ position: absolute; bottom: 0; left: 95px; z-index: 4; }

#collaboration-bar		{ position: absolute; left: 0; bottom: 0; height: 25px; width: 100%; display: none; background-image: url(/images/bottom-bg.gif); z-index: 3; }
#collaboration-bar .inner	{ padding: 4px 8px; margin-left: 95px; }
#collaboration-bar .inner a	{ color: #006666; }