/*Media Map Styles*/ /*





 *InfoWindow Styles
 */ /*
 * All InfoWindows Contain the Following:
 */
 .geolive_inner{
	text-align: left;
}
 .geolive_inner table{
	border-collapse:collapse;
}
 
 
TABLE.mediaMarkerTable {
	background-image: url("/modules/mod_MediaMAP/images/fractal.png");
	background-repeat: no-repeat;
	font-family: Tahoma, Arial, sans-serif;
	width: 100%;
}

TR.mediaMarkerContent { /*all content is inside here*/
	
}

/*
 * All Markers that have options and title have the following.
 * (the three table rows are within TR.mediaMarkerContent)
 */
TR.mediaMarkerTitle {
	margin-left: 20px;
	margin-bottom: 5px;
	color: #81AA4F;
	font-size: 1.3em;
	width: 100%;
	text-indent: 10px;
}

div.mediaMarkerTitle_div {
	background-image: url(/administrator/components/com_mediamapserver/Viewer/images/Title-0-0.png);
	background-repeat: no-repeat;
	margin: 0px;
	border: 0px;
	padding: 0px;
	padding-top: 20px;
}

div.mediaMarkerTitleBottom_div {
	background-image: url(/administrator/components/com_mediamapserver/Viewer/images/Title-0-1.png);
	background-repeat: no-repeat;
	height: 20px;
	background-position: bottom left;
	margin-bottom: 5px;
}

TR.mediaMarkerBody {
	font-size: 1em;
	color: #615f5f;
	width: 100%;
}

TR.mediaMarkerOptions {
	color: #81AA4F;
	font-size: 0.8em;
	width: 100%;
}

/*
 *  Options row on the bottom of infoWindow  table[[td-opt][td-space][td-opt]...]
 *  these elements are inside StructuredContent Options element
 *	 - most of the styles are encoded with javascript 
 */
TABLE.htmlOptionsTable {
	width: 100%;
	background-image: url(/administrator/components/com_mediamapserver/Viewer/images/Options.png);
	background-repeat: no-repeat;
	border-collapse: collapse;
	border: 0px;
	padding: 0px;
}

TD.htmlOption_td {
	vertical-align: middle;
	background-image: url(/administrator/components/com_mediamapserver/Viewer/images/shadow-1-0.png);
	background-repeat: repeat-x;
	height: 100%;
	border: 0px;
	padding-right: 10px;
	padding-left: 10px;
}

TD.htmlOptionSpace_td {
	min-width: 10px;
	background-image: url(/administrator/components/com_mediamapserver/Viewer/images/shadow-2-0.png);
	border: 0px;
	padding: 0px;
}

TD.htmlOptionsRight {
	width: 100%;
	background-image: url(/administrator/components/com_mediamapserver/Viewer/images/shadow-3-0.png);
	background-repeat: no-repeat;
	border: 0px;
	padding: 0px;
}

TD.htmlOptionsLeft {
	min-width: 20px;
	background-image: url(/administrator/components/com_mediamapserver/Viewer/images/shadow-0-0.png);
	background-repeat: no-repeat;
	border: 0px;
	padding: 0px;
}

/*
 * the TextArea element contained in SubmitMessageContent Object.
 * it is contained within StructuredContent Body Element
 */
TEXTAREA.mediaMarkerSubmit_txtArea {
	
}

/*
 * EditContentInfoWindow Specific Elements
 */
TEXTAREA.editTitle_txtArea {
	
}

TEXTAREA.editDescription_txtArea {
	
}

TEXTAREA.editMarker_div { /*currently not implemented*/
	
}

/*
 * MediaInfoContent Specific Elements 
 * there is a description TD and a media TD for now inside TR
 */
TABLE.mediaMarker_MContainer {
	
}

TR.mediaMarker_MRow {
	
}

TD.mediaMarker_Description {
	min-width: 150px;
}

TD.mediaMarker_Media {
	text-align: center;
	position: relative;
}

/*
 *the following div.media*_* refers to the container inside TD.mediaMarker_Media
 */
div.mediaContainerSpace_div {
	height: 20px;
	background-image: url(/administrator/components/com_mediamapserver/Viewer/images/seperator.png);
	background-repeat: no-repeat;
	background-position: right;
}

div.mediaContainer_div {
	
}

div.media_top {
	height: 20px;
	background-image: url(/administrator/components/com_mediamapserver/Viewer/images/TitleRight-0-0.png);
	background-repeat: no-repeat;
	background-position: right;
}

div.media_middle {
	text-align: center;
	background-image: url(/administrator/components/com_mediamapserver/Viewer/images/TitleRight-0-1.png);
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 20px;
	padding-left: 20px;
}

div.media_bottom {
	height: 20px;
	background-image: url(/administrator/components/com_mediamapserver/Viewer/images/TitleRight-0-2.png);
	background-repeat: no-repeat;
	background-position: right;
}

/*
 * the different things that go into div.mediaContainer_div
 */ /*all videos*/
div.shockwaveMediaContent {
	height: 100px;
	overflow: auto;
	text-align: center;
	max-width: 200px;
	white-space: nowrap;
}

IMG.shockwaveContentImage {
	margin-right: 10px;
	margin-left: 10px;
}

/*Discussion Styles*/ /*Discussion banner*/
div.mediaMarkerForumContainer {
	text-align: center;
}

div.discussionBanner { /*margin: 10px;*/
	padding: 10px;
	background-color: #f3f3f3;
	border: 1px solid #515c29;
	text-align: center;
	min-width: 150px;
	max-width: 200px;
}

div.discussionTitle_even {
	width: 100%;
	vertical-align: middle;
	text-align: left;
	text-indent: 5px;
	background-color: #f0f3f2;
	border: 1px grey;
	margin-bottom: 0px;
}

div.discussionTitle_odd {
	width: 100%;
	vertical-align: middle;
	text-align: left;
	text-indent: 5px;
	background-color: #d8f3dc;
	border: 1px dashed grey;
	margin-bottom: 0px;
}

div.discussionBody_even {
	vertical-align: middle;
	background-color: #ebf1f6;
	margin-top: 0px;
	padding-top: 0px;
}

div.discussionBody_odd {
	vertical-align: middle;
	background-color: #ebf1f6;
	margin-top: 0px;
	padding-top: 0px;
}

TABLE.discussionTable_even {
	width: 100%;
	height: 100%;
}

TABLE.discussionTable_odd {
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

TD.discussionRight_even {
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

TD.discussionRight_odd {
	width: 100%;
	height: 100%;
	text-align: left;
	padding-left: 30px;
	vertical-align: top;
	font-size: 0.8em;
}

TD.discussionLeft_even {
	width: 100%;
	height: 100%;
	text-align: left;
	padding-left: 10px;
	vertical-align: top;
	font-size: 0.8em;
}

TD.discussionLeft_odd {
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

IMG.discussionImage_even {
	width: 60px;
	height: 45px;
}

IMG.discussionImage_odd {
	
}
#arrow_control{
	background-image: url("../images/timeline/arrow.png");
	background-repeat: no-repeat;
}