#mediawrapper { display: none; }
#shadow { position: fixed; width: 100%; height: 100%; z-index: 500; top: 0px; left: 0px;
			background-image: url(/_templates/oai/_img/shadow.png); }
#mediabox { position: fixed; width: 730px; height: 425px; top: 50%; left: 50%; margin-left: -365px; margin-top: -200px; z-index: 501;
			background-color: #ffffff; border: 1px #f80000 solid; }
#videobox { position: fixed; z-index: 501; background-color: #ffffff; border: 1px #f80000 solid; }
			
#mediatype { width: 100%; height: 25px;}
#mediatype a { cursor: pointer; display: block; float: left; margin: 5px; background-color: #3C596C; color: #FFFFFF;
				border: 1px #000 solid; font: 12px/15px Arial; font-weight: bold; width: 100px; text-align: center; }

#media { width: 425px; height: 325px; float: left; border: 1px #000 solid; clear: left; }
	#photomedia { width: 425px; height: 325px; overflow: auto; }
	#videomedia { width: 425px; height: 325px; overflow: auto; display: none; }
	#media div.mediafile { width: 100px; height: 115px; float: left; }
		#photomedia div.mediafile img { margin: 5px; width: 90px; height: 90px; }
		#photomedia div.mediafile p { margin: 0px; width: 100px; height: 15px; font: 12px Arial; font-weight: bold; text-align: center; }
		#videomedia div.mediafile img { margin: 5px; width: 90px; height: 67px; }
		#videomedia div.mediafile p { margin: 0px; width: 100px; height: 15px; font: 12px Arial; font-weight: bold; text-align: center; }
	
#uploadmedia { width: 300px; float: left; text-align: center; }

#selectedmedia { width: 100%; height: 25px; clear: both; }
#mediamenu { width: 100%; height: 25px; }
#mediamenu a { cursor: pointer; display: block; float: right; margin: 5px; background-color: #3C596C; color: #FFFFFF;
				border: 1px #000 solid; font: 12px/15px Arial; font-weight: bold; width: 100px; text-align: center; }