v\:* {
	behavior:url(#default#VML);
}

/* TAGS */

html {
	height: 100%;
	overflow: hidden;
}

body {
	padding: 0px;
    margin: 0px;
 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;  
	color: #a0a0a0;
	
	background-color: #ffffff;
	height:100%;
	
	overflow: hidden;
}

#main {
    width: 100%;
	height: 100%;
}

.mapWrapper {
    position: absolute;
    width: 100%;
	top: 25px;
	bottom: 25px;
	overflow: hidden;
	
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-left-color: #DCDCDC;
	border-right-color: #C9C9C9;
	
	background-color: #eeeeee;
}

.gmap {
	position: absolute;
	bottom: 0px;
	right: 0px;
	top: 0px;
	left: 0px;
}

#rightBorder {
	position: absolute;
	z-index: 99;
	top: 25px;
	bottom: 25px;
	right: 0px;
	width: 1px;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-right-color: #C9C9C9;
}

.infoPane {
	position: absolute;
	top: 25px;
	bottom: 25px;
	right: -275px; /*1px;*/
	width: 285px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	/*opacity: 0.95;*/
}

.infoPane .content {
	position: absolute;
	z-index: 1;
	top: 0px;
	bottom: 0px;
	width: 280px;
	height: 100%;
	margin-left: 5px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #ffffff;
}

.infoPane .content .container {
	display: none;
	padding: 10px 5px 10px 10px;
}

.infoPane .leftSide {
	position: absolute;
	z-index: 2;
	top: 5px;
	left: 0px;
	bottom: 5px;
	width: 10px;
	background-color: #ffffff;
	margin: 0px;
	cursor: pointer;
	background-image: url(images/resize_knob.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.nextButtonBig {
	width: 104px;
	height: 46px;
	cursor: pointer;
	background-image: url(images/button_next_big.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

h1, h2, h3 {
    font-weight: normal;
    clear: both;
}

h1 {
    font-size: 18px;
    line-height: 24px;
    margin: -4px 0 15px 0; 
	color: #000000;
}

h2 {
    font-size: 15px;
    line-height: 20px;
    margin: 0px 0px 10px 0px;
	color: #000000;	
}

h3 {
    font-size: 14px;  
    line-height: 20px;
    margin: -2px 0px 10px 0px; 
	color: #A6AE00;	
}

form,
ul,
.section,
.propertiesTable {
    margin: 0 0 16px 0;
    clear: left;
}

p {
    letter-spacing: 0.1px;
    line-height: 16px;
	color: #000000;
    margin: 0 0 8px 0;
}

a {
	font-weight: bold;
	text-decoration:none;
	color: #379AD5;
}

a:hover {
	background-color: #379AD5;
	color: #FFFFFF;
}

tbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a0a0a0;
}

td {
	vertical-align: top;
}

form {
	padding: 0px;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-position: inside;
    margin: 0 0 16px 0;
}


/* GENERAL CLASSES */

.link, .trigger, .menu, .help {
	color:#379AD5;
	cursor: pointer;
}

.link {
	font-weight: bold;
}

.trigger, .tag, .help {
	font-weight: normal;
}

.menu {
	padding:0 2px 0 2px;
	margin:0 3px 0 3px;
}


.subH1,
.subH2,
.subH3 {
	margin-top: -14px;
	margin-bottom: 17px;
}

.subH3 {
	margin-top: -10px;
	margin-bottom: 12px;
}

.aboveH1,
.aboveH2 {
	margin-bottom: 6px;
	margin-top: -3px;
}

.aboveH3 {
	margin-bottom: 2px;
	margin-top: -3px;
}

/* TODO this does not work in IE 6 !!! (generally no support for pseudo-classes) -> behaviour */
.link:focus,
.link:hover,
.linkHover,
.menu:focus,
.menu:hover,
.menuHover,
.trigger:focus,
.trigger:hover,
.triggerHover {
	color:#FFFFFF;
	background-color: #379AD5;
}

.meta {
	color: #a0a0a0;
}

.info {
	color: black;
}

.m5 {
	-moz-user-select: none;
	margin-left: 5px;
	margin-right: 5px;
}

.mr5 {
	margin: 0 5px 0 0;
	-moz-user-select: none;
}

.ml5 {
	margin: 0 0 0 5px;
	-moz-user-select: none;
}

.reference {
	font-weight: bolder;
	-moz-user-select: none;
}

.unselectable {
	-moz-user-select: none;
}

.aquaBar {
	position:relative;
	width: 100%;
	clear: both;
	background-image: url(images/aqua.gif);
	background-repeat: repeat-x;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-top-color: #DCDCDC;
	border-bottom-color: #C9C9C9;
	height: 23px;
	line-height: 23px;
	z-index: 1;
}

.aquaBar .trigger {
	color: #A0A0A0;
}

.aquaBar .trigger:focus,
.aquaBar .trigger:hover,
.aquaBar .trigger.hover {
	color: #379AD5;
	background-color: transparent;
}

.aquaBracketOpen,
.aquaBracketClose,
.aquaBracketSeparator,
.aquaNext,
.aquaPrev,
.aquaNextDisabled,
.aquaPrevDisabled {
	width: 5px;
	height: 23px;
	background-repeat: no-repeat;
	line-height: 0px;
	font-size: 0px;
	position: absolute;
	top: 0px;
}

.aquaBracketOpen {
	background-image: url(images/aqua_bracket_open.gif);
}

.aquaBracketClose {
	background-image: url(images/aqua_bracket_close.gif);
}

.aquaBracketSeparator {
	width: 2px;
	background-image: url(images/aqua_bracket_separator.gif);
}

.aquaNext {
	width: 50px;
	cursor: pointer;
	background-image: url(images/aqua_next.gif);
}

.aquaPrev {
	width: 50px;
	cursor: pointer;
	background-image: url(images/aqua_prev.gif);
}

.aquaNextDisabled {
	width: 50px;
	background-image: url(images/aqua_next_disabled.gif);
}

.aquaPrevDisabled {
	width: 50px;
	background-image: url(images/aqua_prev_disabled.gif);
}



.barShadow{
	position: relative;
	width: 100%;
	height: 4px;
	background-image: url(images/shadow.gif);
	background-repeat:  repeat-x;
	z-index: 1;
	overflow: hidden;
}


/* LAYOUT */


/* GENERAL LAYOUT */


.barContent,
.content,
.header {
    position: relative;
    width: 760px;
    margin: 0px auto;
}

.header {
	height: 55px;
}

.propertiesTable {
	width: 100%;
}

.propertiesTable td {
	height: 16px;
}

.propertiesTable input {
	margin: 2px 0 2px 0;
}

table .label {
	padding-right: 10px;
	white-space: nowrap;
}

table .info {
	width: 100%;
}

/* MAIN TEMPLATE */


.toolBarContainer {
	float: left;
}

.toolBarContainer img {
	vertical-align: middle;
}

#mapViewPanel {
	float: right;
	text-align: right;
	/* vertical-align: middle; */
}

.mapSearch {
	vertical-align: middle;
	line-height: 11px;
	margin-top: -1px;
	width:131px;
	height:13px;
}

.zoom-in,
.zooom-in,
.zoom-out,
.zooom-out,
.zoom-to-world,
.zoombox,
.toggle-map-objects-on,
.toggle-map-objects-off,
.make-view,
.menuarrow,
.zoomboxActive,
.mapBarButton
{
    float: left;
    cursor: pointer;
    height: 23px; 
    width: 20px;
}

.zooom-in{
    width: 30px;
    background-image: url(images/zooomIn.gif);
}

.zooom-in:hover,
.zooom-in.hover {
    background-image: url(images/zooomIn_h.gif);
}

.zooom-out{
    width: 30px;
    background-image: url(images/zooomOut.gif);
}

.zooom-out:hover,
.zooom-out.hover {
    background-image: url(images/zooomOut_h.gif);
}

.zoom-to-world{
    width: 30px;
    background-image: url(images/zoomToWorld.gif);
}

.zoom-to-world:hover,
.zoom-to-world.hover {
    background-image: url(images/zoomToWorld_h.gif);
}

.zoom-in{
    background-image: url(images/zoomIn.gif);
}

.zoom-in:hover,
.zoom-in.hover {
    background-image: url(images/zoomIn_h.gif);
}

.zoom-out{
    background-image: url(images/zoomOut.gif);
}

.zoom-out:hover,
.zoom-out.hover {
    background-image: url(images/zoomOut_h.gif);
}

.zoombox {
    width: 25px;
    background-image: url(images/zoombox.gif);
}

.zoombox:hover,
.zoombox.hover {
    background-image: url(images/zoombox_h.gif);
}

.zoomboxActive {
	width: 25px;
    background-image: url(images/zoombox_h.gif);
	background-color: #EFEFEF;
}

.make-view {
    width: 30px;
    background-image: url(images/snapshot.gif);
}

.make-view:hover,
.make-view.hover {
    background-image: url(images/snapshot_h.gif);
}

.toggle-map-objects-on {
    width: 30px;
    background-image: url(images/mapitemsOn.gif);
}

.toggle-map-objects-on:hover,
.toggle-map-objects-on.hover {
    background-image: url(images/mapitemsOn_h.gif);
}

.toggle-map-objects-off {
    width: 30px;
    background-image: url(images/mapitemsOff.gif);
}

.toggle-map-objects-off:hover,
.toggle-map-objects-off.hover {
    background-image: url(images/mapitemsOff_h.gif);
}

.menuarrow {
    width: 9px;
	margin-left:0px;
	margin-right: 2px;
	background-image: url(images/snapshotsDropDown.gif);
}

.menuarrow:hover,
.menuarrow.hover {
    background-image: url(images/snapshotsDropDown_h.gif);
}

.snapshotMenu {
	border: 1px solid #C9C9C9;
	background-color: white;
	z-index: 999999;
	opacity: 0.95;
	padding: 1px;
}

.snapshotMenuList {
	margin: 0px;
	padding: 0px;
	width: 150px;
}

.snapshotMenuItem {
	height: 15px; 
	clear:both;
	padding: 4px;
	vertical-align: middle;
	cursor: pointer;
	color: #379AD5;
}

.snapshotMenuItem:hover,
.snapshotMenuItem.hover {
	color: white;
	background-color: #379AD5;
}

.snapshotMenuItem:hover a,
.snapshotMenuItem.hover a {
	color: white;
}

.barRight{
	position: absolute;
	top: 0px;
	right: 0px;
	border-left: 1px solid #DDD; 
	right: 0px;
	padding-right: 2px;
	width: 10px; 
	height: 23px;
}

.mapShadow{
	left: 1px;
	position: absolute;
	z-index:99; 
}

/* =============================== MORE OR LESS CLEANED UP UNTIL HERE ===================================*/


/* box */

.box {
	width: 240px;
	background-image:url(images/boxBackground2.gif);
	background-position:right top;
	background-repeat:repeat-y;
	background-color:#EEEEEE;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}

.boxHeader {
	font-size:14px;
	line-height:24px;
	height:25px;
	background-image:url(images/boxHeader2.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

.boxHeaderTitle{
	float: left;
	margin-left: 7px;
	color: #379AD5;
	width: 90%;
}

.boxHeader img {
	margin-right:10px;
	float:left;
}

.boxContent {
	position: relative;
	background-image:url(images/boxContentBackground2.gif);
	background-position:left top;
	background-repeat:repeat-y;
	border-bottom: 1px solid #C9C9C9;
	padding:0px;
}

.cornerBottomLeft {
	position: absolute;
	font-size:0px;
	line-height:0px;
	bottom:-1px;
	left:0px;
	width:5px;
	height:5px;
	background-image:url(images/cornerBottomLeft.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

.cornerBottomRight {
	position: absolute;
	font-size:0px;
	line-height:0px;
	bottom:-1px;
	right:0px;
	width:10px;
	height:10px;
	background-image:url(images/cornerBottomRight.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

/* Lists and Icons */
.Story-Icon-75, 
.Snapshot-Icon-75, 
.Image-Icon-75, 
.Post-Icon-75, 
.User-Icon-75, 
.FeedItem-Icon-75, 
.Snapshot-Icon-75, 
.Route-Icon-75, 
.Marker-Icon-75 {
	cursor: pointer;
	float:left;
	margin: 0px;
	position:relative;
	width:75px;
	height:106px;
	border: 1px solid #C9C9C9;
	margin-right: 5px;
}

.Snapshot-Icon-75, 
.Image-Icon-75, 
.Post-Icon-75, 
.User-Icon-75, 
.FeedItem-Icon-75, 
.Snapshot-Icon-75, 
.Route-Icon-75, 
.Marker-Icon-75 {
	background-color: #FFF;
	background-image: none !important; /*keep this here*/
}

.iconTitle {
	position:absolute;
	font-size: 10px;
	left: 8px;
	bottom: 6px;
	color:#000000;
	font-weight:bold;
	-moz-user-select: none;
	width: 67px;
	overflow: hidden;
}

.Story-Icon-75 .iconTitle {
	bottom: 14px;
	right: 5px;
	text-align: right;
	left: auto;
}

.Story-Icon-75{
	background-image: url(images/story.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width: 80px !important;
	height: 114px  !important;
	border: 0px solid #FFF;
}

.Story-Icon-75:hover{
	border: 0px solid #FFF !important;
}

.Story-Icon-75 .iconCorner{
	display: none;
}

.Story-Icon-75 .bgIcon{
	top: 1px;
	left: 4px;
	width: 75px;
	height: 75px;
}

.User-Icon-75{
	background-image: url(images/userIcon.gif);
	width: 75px !important;
	height: 106px  !important;
}

.Image-Icon-75 .bgIcon{
	background-image: url(images/image-75.gif);
	width: 75px;
	height: 75px;
}

.Snapshot-Icon-75 .bgIcon{
	background-image: url(images/view-75.gif);
	width: 75px;
	height: 75px;
}

.Post-Icon-75 .bgIcon{
	background-image: url(images/post-75.gif);
	width: 75px;
	height: 75px;
}

.FeedItem-Icon-75 .bgIcon{
	background-image: url(images/rss-75.gif);
	width: 75px;
	height: 75px;
}

.Marker-Icon-75 .bgIcon{
	background-image: url(images/imagemarker-75.gif);
	width: 75px;
	height: 75px;
}

.Route-Icon-75 .bgIcon{
	background-image: url(images/trail-75.gif);
	width: 75px;
	height: 75px;
}

.Story-Icon-75:hover, 
.Snapshot-Icon-75:hover, 
.Image-Icon-75:hover, 
.User-Icon-75:hover,
.Post-Icon-75:hover, 
.FeedItem-Icon-75:hover, 
.Route-Icon-75:hover, 
.Marker-Icon-75:hover {
	border: 1px solid #AAA;
}

.iconImage {
	width: 75px;
	height: 75px;
	background-position: center center;
	background-repeat: no-repeat;
}

.iconImage60 {
	width: 60px;
	height: 60px;
	background-position: center center;
	background-repeat: no-repeat;
}

/*============================================*/

.Story-Icon-60, 
.Image-Icon-60, 
.Post-Icon-60, 
.FeedItem-Icon-60, 
.Route-Icon-60, 
.Marker-Icon-60 {
	float:left;
	margin:0 10px 10px 0;
	position:relative;
	width:77px;
	height:106px;
	background-color: #FFF;
	border: 1px solid #C9C9C9;
}

.Story-Icon-60:hover, 
.Image-Icon-60:hover, 
.Post-Icon-60:hover, 
.FeedItem-Icon-60:hover, 
.Route-Icon-60:hover, 
.Marker-Icon-60:hover {
	border: 1px solid #AAA;
}

.Story-Icon-60{
	background-image: url(images/story.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width: 80px !important;
	height: 114px  !important;
	border: 0px solid #FFF;
}

.Story-Icon-60:hover{
	border: 0px solid #FFF !important;
}

.Image-Icon-60 .bgIcon{
	background-image: url(images/image-60.gif);
	width: 60px;
	height: 60px;
}

.Post-Icon-60 .bgIcon{
	background-image: url(images/post-60.gif);
	width: 60px;
	height: 60px;
}

.FeedItem-Icon-60 .bgIcon{
	background-image: url(images/rss-60.gif);
	width: 60px;
	height: 60px;
}

.Marker-Icon-60 .bgIcon{
	background-image: url(images/imagemarker-60.gif);
	width: 60px;
	height: 60px;
}

.Route-Icon-60 .bgIcon{
	background-image: url(images/trail-60.gif);
	width: 60px;
	height: 60px;
}

.markerListIcon,
.lineListIcon {
	cursor: pointer;
    float: left;
    background-repeat: no-repeat;
	margin: 0px;
	z-index: 9999;
}

.markerListIcon{
    background-image: url(images/textmarker_grey.gif);
    width: 20px;
    height: 20px;
}

.markerListIcon:hover,
.markerListIcon.hover {
	background-image: url(images/textmarker_grey_h.gif);
}


.lineListIcon{
    background-image: url(images/list_line.gif);
    margin-left: 7px;
    width: 7px;
    height: 17px;
}

.lineListIcon:hover,
.lineListIcon.hover {
	background-image: url(images/list_line_over.gif);
}


.imageListIcon{
    float: left;
    background-image: url(images/image_path.gif);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.postListIcon{
    float: left;
    background-image: url(images/post_path.gif);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}



/* CORNERS FOR BOXES */


.topRightCorner,
.bottomRightCorner,
.topLeftCorner,
.bottomLeftCorner {
	position: absolute; 
	overflow: hidden;
	width: 5px; 
	height: 5px;
	font-size: 0;
}

.topRightCorner {
	top:0px; 
	right: 0px;
	background-image: url(images/white_top_right_corner.gif);
}

.bottomRightCorner {
	bottom:0px; 
	right: 0px;
	background-image: url(images/white_bottom_right_corner.gif);
}

.topLeftCorner {
	top:0px; 
	left: 0px;
	background-image: url(images/white_top_left_corner.gif);
}

.bottomLeftCorner {
	left:0px; 
	bottom: 0px;
	background-image: url(images/white_bottom_left_corner.gif);
}

.infoPane .topLeftCorner {
	background-image: url(images/white_bottom_right_corner_small.gif);
	margin: 0 0 0 0px;
}

.infoPane .bottomLeftCorner {
	background-image: url(images/white_top_right_corner_small.gif);
	margin: 0 0 0 0px;
}

.inset .topRightCorner {
	background-image: url(images/white_bottom_left_corner_small.gif);
	margin: 0 -5px 0 0;
}

.inset .bottomRightCorner {
	background-image: url(images/white_top_left_corner_small.gif);
	margin: 0 -5px 0 0;
}

.inset .rightSide {
	position: absolute;
	right: -5px;
	top: 5px;
	bottom: 5px;
	width: 5px;
	background-color: #ffffff;
	margin: 0px;
}


/* TABLE ROWS */


.rowedList {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	overflow-x: hidden;
}

.rowedList .evenRow{
	cursor: pointer;
	background-color: #F7F7F7;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/dotsHorizontal.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}

.rowedList .oddRow.draggable-active,
.rowedList .evenRow.draggable-active{
	background-color: #DEEAFE !important;
	border: 0px solid #FFF !important;
}

.rowedList .evenRow:hover{
	background-color: #E6E6E6;
}

.rowedList .oddRow{
	cursor: pointer;
	background-color: #EEE;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	background-image:url(images/dotsHorizontal.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}

.rowedList .oddRow:hover{
	background-color: #E6E6E6;
}

.markerList td{
	vertical-align: middle;
}

.mediaList .draggable-active,
.mediaList .draggable-active{
	border: 1px solid #379AD5 !important;
	background-image: url(images/story_h.gif);
	background-color: #FFF !important; 
}

.trashCan{
	width: 200px;
	margin: 4px;
}

.itemIsPlaced {
	cursor: pointer;
	position: absolute;
	bottom: 3px;
	right: 3px;
	background-image: url(images/textmarker_grey.gif);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    
}

.itemIsPlaced:hover,
.itemIsPlaced.hover {
	background-image: url(images/textmarker_grey_h.gif);
}

.itemOnLine {
	cursor: pointer;
	position: absolute;
	bottom: 3px;
	right: 3px;
	background-image: url(images/line_grey.gif);
    background-repeat: no-repeat;
    width: 21px;
    height: 20px;
    
}

.itemOnLine:hover,
.itemOnLine.hover {
	background-image: url(images/line_grey_h.gif);
}


/* Buttons */
.submit,
.cancel{
	cursor: pointer;   
	width: 15px;
    height: 15px;
    float: right;
    border: 0px;
	margin: 4px;
	background-repeat: no-repeat;
}

.cancel {
    background-image: url(images/cancel.gif);  
}

.cancel:hover {
    background-image: url(images/cancel_h.gif);
}

.submit {
    background-image: url(images/ok.gif);
}

.submit:hover {
    background-image: url(images/ok_h.gif);
}

.longButton { /* needs 3 divs in html, but works for all bgcolors */
	height:21px;
	float:right;
	cursor:pointer;
	margin:10px 0 10px 5px;
}
.longButton .leftPart {
	width:2px;
	height:21px;
	background-image:url(images/submitButton_left.gif);
	background-position:left top;
	background-repeat:no-repeat;
	float:right;
}
.longButton .rightPart {
	min-width:40px;
	float:right;
	height:21px;
	background-image:url(images/submitButton_right.gif);
	background-position:right top;
	background-repeat:no-repeat;
	text-align:center;
	padding: 4px 5px 0 3px;
}

.arrowNext,
.arrowPrev {
	width: 4px;
	height: 7px;
	overflow: hidden;
}

.arrowNext{
	background-image: url(images/arrowNext.gif);
	float: right;
}

.arrowPrev{
	background-image: url(images/arrowPrev.gif);
	float: left;
}


.loading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#A0A0A0;
	margin: auto auto;
	
	margin: 15px;
}

.loading img {
	vertical-align:middle;
	padding-right:7px;
}

.pathLoader{
	margin: 20px auto;
	width: 200px;
	height: 40px;
}


.trashcanOver,
.trashcan {
	cursor: pointer;
	position: absolute;
	right: 10px;
	bottom: 5px;
	width: 24px;
	height: 24px;
	background-image: url(images/trash.gif);
	background-repeat: no-repeat;	
}

.trashcanOver {
	background-image: url(images/trash_h.gif);
}

.trashcan12Over,
.trashcan12{
	cursor: pointer;
	position: absolute;
	right: 20px;
	bottom: 5px;
	width: 12px;
	height: 12px;
	background-image: url(images/trash-12-grey.gif);
	background-repeat: no-repeat;	
	overflow: hidden;
}

.trashcan12Over{
	background-image: url(images/trash-12-grey_h.gif);
}

.postText {
	clear: both;
	margin: 0 0 16px 0;
	padding: 0px;
	font-size: 12px;
	color: #000000;
}

.commentText{
	clear: both;
	margin: 2px 0px 2px 0px;
	padding: 0px;
	font-size: 11px;
	color: black;
}
 
.contentSection {
	clear: both;
	margin: 0px 0px;
	padding: 0px;
}

.emptySlot{
	width: 90%;
	height: 100%;
	padding: 5%;
	text-align: center;
	background-color: #EFEFEF;
}

.date{
	color: #3595D2;
}

.commentHeader {
	color: #A6AE00;
	font-size: 14px;
	font-weight: bold;
}

.listLine{
	cursor: pointer;
	position: absolute;
	top: -11px;
	left: 7px;
	width: 20px;
	height: 17px;
	background-color: transparent; 
	background-image: url(images/list_line.gif);
	background-repeat: no-repeat;
	background-position: 8px 0;
}

.listLine:hover{
	background-image: url(images/list_line_over.gif);
}

.error{
	color:#FF0000;
	font-weight: bold;
	font-size: 12px;
}

.imageUploadList{
	border: 1px solid #BBB; 
	padding: 4px;
	margin: 0px;
	margin-top: 2px;
}

.imageUploadList li{
	padding: 1px;
}

.moveUp:hover,
.moveDown:hover{
	background-color: #999;
}

.moveUp,
.moveDown{
	border: 1px solid #999;
	font-size: 11px;
}

.storyMapObjsList{
	height: 26px; 
	position: relative; 
	clear:both;
	padding: 0px;
	vertical-align: top;
	width: 100%;
	z-index: 1;
}

.sortIcons {
	right: 10px; 
	position: absolute;
	width:11px;
	height:21px;
	margin: auto 0;
	top: 0px;
	bottom: 0px;
}
.sortIcons a {
	display:block;
	width:11px;
}
.sortUp {
	position:absolute;
	left:0;
	top:0;
	width: 11px;
	height: 11px;
	background: url(images/sortUp.gif) left top no-repeat;
	overflow: hidden;
}

.sortUp:hover {
	background: url(images/sortUp_h.gif) left top no-repeat;
	height: 11px;
	overflow: hidden;
}

.sortDown {
	position:absolute;
	left:0;
	top:11px;
	background:url(images/sortDown.gif) left bottom no-repeat;
	height:11px;
	width: 11px;
	overflow: hidden;
}

.sortDown:hover {
	background:url(images/sortDown_h.gif) left top no-repeat;
	height:11px;
	overflow: hidden;
}

.statusPanel {
	float:left;
	background-color: #EFEFEF;
	padding: 3px;
	margin-left: 10px;
}

/* STATUS BAR */

.statusWarning,
.statusError,
.statusMessage,
.statusInfo,
.statusDebug,
.uploadIcon,
.statusException{
	float: left;
	cursor: pointer;
	background-repeat: no-repeat;
	width:15px;
	height:15px;
	margin: 5px;
}


.statusMessage{
	background-image: url(images/cancel.gif);
}

.statusWarning{
	background-image: url(images/cancel_h.gif);
}

.statusError{
	background-image: url(images/cancel_red.gif);
}


.statusInfo{
	background-image: url(images/cancel.gif);
}

.statusDebug{
	background-image: url(images/cancel_h.gif);
}

.statusException{
	background-image: url(images/cancel_red.gif);
}

.progressMessage{
	width: 300px;
	padding: 5px;
}

.progressMessage h3{
	padding: 2px 0;
	margin: 2px 0;
}


.statusBar { 
	position: fixed; 
	left: 0px; 
	bottom: 0px;
	width: 100%;
	z-index: 99999;
	text-align:left;
}

.statusPlugin {
	z-index: 99999;
}

.statusPlugin .pluginHeader {
	height: 18px;
	background-color: white;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: -1px;
	line-height: 18px;
	/*padding-top: 2px;*/
	z-index: 99999;
}

.statusPlugin .pluginBody {
	display: none;
	background-color: #eeeeee;
	border-top: 1px solid #f7f7f7;
	margin-top: 1px;
}

.statusPlugin.expanded .pluginBody {
	display: block;
}

.statusContent{
    position: relative;
    width: 704px;
    margin: 0px auto;
}

.loggerContent{
    position: relative;
    width: 99%;
    margin: 0px auto;
    height: 300px;
}

.loggerContent>div{
	height: 280px !important;
}

.pluginBody .statusContent {
	padding: 10px 28px 10px 28px;
	max-height: 80px;
	overflow: auto;
}

.pluginHeader .statusContent {
	padding: 0px 28px 0px 28px;
}

.statusIcon {
	position: absolute;
	top: 3px;
	left: 11px;
	width: 12px;
	height: 12px;
	overflow: hidden;
}

.statusHeaderDelimiter {
	position: absolute;
	top: -1px;
	left: 0px;
	height: 20px;
	width: 1px;
	background-image: url(images/separator_small.gif);
}

.statusHeaderDelimiter.right {
	right: 1px;
	left: auto;
}

.statusBodyDelimiter {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 2px;
	background-image: url(images/statusBar/bodyborder.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

.statusBodyDelimiter.right {
	right: 0px;
	left: auto;
}

.buttonPanel {
	position: absolute;
	right: 11px;
	top: 0px;
	height:20px;
}

.statusCloseButton,
.statusMinButton,
.statusMaxButton {
	display: block;
	width: 12px;
	height: 12px;
	margin-top: 3px;
	float: right;
	cursor: pointer;
	margin-left: 2px;
	background-repeat: no-repeat;
	overflow: hidden;
}

.statusCloseButton{
	background-image: url(images/statusBar/status_close.gif);
}

.statusMinButton{
	background-image: url(images/statusBar/status_min.gif);
}

.statusMaxButton{
	background-image: url(images/statusBar/status_max.gif);
}

.collapsed .statusMinButton {
	display: none;
}

.expanded .statusMaxButton {
	display: none;
}

.statusCloseButton:hover{
	background-image: url(images/statusBar/status_close_h.gif);
}

.statusMinButton:hover{
	background-image: url(images/statusBar/status_min_h.gif);
}

.statusMaxButton:hover{
	background-image: url(images/statusBar/status_max_h.gif);
}

.remove {
	color: #379AD5;
	cursor: pointer;
}

.remove:hover .removeX {
	text-decoration: underline;
}

/* TUTORIALS */

.contentNavi {
	width:100%;
	margin-bottom:20px;
}
.contentNavi a img {
	border:0;
}
.contentNavi .column1 {
	width:520px;
}
.contentNavi .column1 img {
	margin-right:16px;
}
.contentNavi .column2 {
}
.tutorialTable {
	width:100%;
	margin-top:20px;
}
.tutorialTable td {
	padding-bottom:15px;
}
.tutorialTable .column1 {
	width:240px;
}
.tutorialTable .column1 img {
	/*border: 1px solid #eeeeee;*/
}
.tutorialTable .column2 {
	width:720px;
	padding-left:20px;
	padding-right: 20px;
}
.tutorialTable .column2 h3 {
	margin-top:0;
	font-size: 18px;
}

.rollOverDetector{
	opacity: .5;
	position: absolute;
	z-index: 100;
}

.profileImageIcon{
	width: 48px;
	height: 48px;
	background-image: url(images/buddy.gif);
	background-repeat: no-repeat;
}





.unpublished{
	color: #FF0000;
	cursor: pointer;
}

.published{
	color: #00CC00;
	cursor: pointer;
}


.help {
	padding-left: 18px;
	position: relative;
	background-image: url(images/help.gif);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	z-index: 9999999999999;
	cursor: pointer;
	min-height: 12px;
	margin-top: 4px;
}

.help:hover{
	background-image: url(images/help_h.gif);
}

.helpHover{
	z-index: 101;
	position: absolute;
	display: none;
	bottom: 11px;
	left: 11px;
	border: 1px solid #DDD;
	background-color: #FFF;
	font-size: 12px;
	padding: 10px;
	width: 300px;
}

.emptySlotText {
	margin: auto;
	text-align:center;
}

.emptySlotText h2 {
	color: #A0A0A0;
	padding: 0px;
	margin: 100px 0px 0px 0px;
}

.emptySlotText h3 {
	color: #A0A0A0;
	font-size: 14px;
	line-height: 20px;
	padding: 0px;
	margin: 0px;
}

.userMessage {
	color: black;
}

.editable, .promo {
	cursor: pointer;
}

.emptyFieldBox {
	color: #A0A0A0;
	text-align:center;
}

.emptyFieldBox:hover,
.emptyFieldBox.hover,
.promo:hover h2 {
	color: #379AD5;
}

.emptyFieldBox h2 {
	color: inherit;
}

.dummyclass {
	margin: 10px;
}
 
.textField {
	width:80px;
	height:13px;
	overflow: hidden;
}

.imageLink {
	background-color: transparent;
	color: #FFFFFF !important;
}

.minimizer{
	cursor: pointer;
	float: left;
	width: 15px;
	height: 25px;
	background-image: url(images/minimizeBox.gif);
}

.minimizer:hover,
.minimizer.hover {
	background-image: url(images/minimizeBox_h.gif);
}

/* MISC CLASSES */


.mediumFont{
	font-size: 13px;
}

.imageContainer{
    position: relative;
}

.placed {
    position: absolute;
    z-index: 30;
    background-image: url(icons/placeIt.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    right: 10px;
    bottom: 10px;
    border: 0px solid #999;
}

.pointIcon{
    float: right;
    background-image: url(images/dragMarker.gif);
    background-repeat: no-repeat;
    width: 31px;
    height: 31px;
    cursor: pointer;
	border: 0px solid #fff !important;
}

.pointIcon:hover{
	border: 1px solid #EFEFEF;
}

.isPlaced{
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0px;
    right: 0px;
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    background-color: #EFEFEF;
    background-image: url(icons/placed.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.boxLink {
    border: 1px solid #C7D4E4;
    padding:2px;
    margin: 1px;
    text-decoration: none;
    background-color: #EFF3F7;
    color: #7B92AE;
    cursor: pointer;
    font-size: 10px;
    font-weight: normal;
}

.date{
    color: #777;
    font-size: 11px;
    clear: both;
}

.input-big {
	margin: 0px;
	padding: 3px !important;
	font-size: 13px !important;
	width: 250px;
}

.mediumTextArea{
	width: 300px;
	height: 150px;
	margin: 5px 0;
}

.featuredStories {
	position: absolute;
	left:0px;
	width: 497px;
	height: 140px;
	background-color:#DEE066;
}

.browseSearchBox {
	position: absolute;
	width: 202px;
	height: 90px;
	padding:25px 20px;
	right: 0px;
	background-color:#DEE066;
}

.browseSearchBox h3 {
	font-size: 16px;
	margin: 3px 0 4px 0;
	color: #000;
}
 
.browseSearchInput {
	width: 60%;
	height: 13px;
	padding: 3px;
}

.browseSearchOptions {
	color: #000;
	margin-top: 6px;
}

.newTag{
    height: 25px; 
    margin: 5px;    
    border: 1px solid #BBB;  
    background-color: #DDD; 
    font-size: 10px;
}

.tagName{
    padding: 2px; 
    margin: 5px;    
}

/* File Upload */
 
.borderedList{
    border: 1px solid #CCC;
    background-color: #DEDEDE;  
    padding: 2px; 
    margin: 5px;
}

.borderedList li{
    font-size: 11px; 
}

.uploadButton{
    height: 25px; 
    margin: 5px;    
    border: 1px solid #BBB;  
    background-color: #DDD; 
    font-size: 10px;
}


/* CommentManager */

.commentManager{
    margin-top: 20px;  
    clear: both;  
    float: left;
    width: 100%;
    max-width: 400px;
    min-width: 200px;
}

.commentManager ul li{
    padding: 0px;
    margin-bottom: 10px;  
    width: 100%;
}

.commentManager ul {
    padding: 0px;
    margin: 0px;
}

.newComment{
	float: none;
	clear: both;
    display: block;
    width: 100%;
    padding: 1px;
    margin: 40px 0;
}

.newComment textarea,
.newComment input{
    width: 99%;
    float: left;
    clear: left;
    margin: 4px 0;
}

.newComment textarea{
    height: 200px;
}

.newComment .button{
    float: right;
    clear: both;
    margin: 4px 0;
    border: 1px solid #DDD;
    background-color: #FFFFFF;
    cursor: pointer;
    padding: 3px;
}

/* Slot */

.slot {
    position: relative;
    margin: 5px;
    margin-bottom: 30px;
    display: block;
    background-color: #EFEFEF;
}

.slot h1{
     border-bottom:solid 1px #D1D7DE;
     font-size: 16px;
     font-weight: bold;
     width: 96%;
     margin: 0px;
     padding: 0 2%;
     display: block;
}

#slotMenu{
    position: absolute;
    right: 0px;
    width: 200px;
    margin: 0px;
    padding: 0px;
    background: transparent;
    
}

#slotMenu li{
    position: relative;
    float: right;
    height: 15px;
    display: inline;
    margin: 0 2px;
    padding: 1px 7px;
    background-color: #EFEFEF;
    cursor: pointer;
    border: 1px solid #AAA;
}

.slotFooter{
    width: 96%;
    height: 35px;
    text-align: center;
    font-size: 11px;
}

.slotFooter .nextPage,
.slotFooter .prevPage{
    position: absolute;
    cursor: pointer;
    text-decoration: underline;
    color: #000000;
}

.slotFooter .nextPage{
    right: 0px;
    margin: 0px 10px;
}

.slotFooter .prevPage{
    left: 0px;
    margin: 0px 7px;
}


/* Tabsystem */


.tabPage,
.tabSystem ul li{
    border: 1px solid #CCC; 
}

.tabPage{
    position: relative;
    float: left; 
    width: 500px; 
    background-color: #FAFAFA; 
    border-top: 0px solid #CCC;
}

.closedTabSystem .tabPage{
	display: none;
}

.tabSystem ul {
    position: relative;
    top: -1px;
    clear: both;
    left: 3px;
}

.tabSystem ul li{
    top: -5px;
    display: block;
    float: left;
    padding: 3px 7px; 
    margin: 0px 5px; 
    background-color: #EFEFEF;
    border-bottom: 2px solid #AAA;
    cursor: pointer;
    border-top: 1px solid #CCC;
}

.tab, .tab-selected {
	margin-right: -1px;
}


.templateContainer{
    margin: 5px;
}


/* AutoComplete */


.autoCompleteOutput {
	position: absolute;
	background-color: #ffffff;
	border: 1px solid #c9c9c9;
	min-width: 100px;
}

.autoCompleteHighlight {
	color: white;
	background-color: #777;
	cursor: pointer;
}

.autoCompleteEntry {
	cursor: pointer;
}

.autoCompleteEntry:hover {
	color: white;
	background-color: #999;
}

/* Behaviors */

.toggleContainer {
	border:1px solid #DDD; 
	padding: 1px;
	margin: 0 0 20px 0;	
}

.toggleController {
	cursor: pointer; 
	padding: 3px;
	border:1px solid #DDD; 
	background-color: #EFEFEF;
}

/* Drag And Drop */

.dragProxy { 
    position: absolute;
    color: #333333;
    background-color: #ffffaa;
    border: 1px solid #999999;
    /*opacity: 0.7;*/
    font-size: 10px;
    margin-top: 10px;
    margin-left: 10px;
    padding: 3px;
    z-index: 9999;
}

.draggable,
.draggable-active {
    z-index: 555;
    cursor: pointer;
    border: 1px solid #379AD5;
}

.draggable:hover {
    border: 1px solid #AAAAAA;
}

.draggable-active {
    z-index: 999999;
    border: 1px solid #379AD5 !important;
}

.dropZone-indicateCantAccept,
.dropZone-indicateAccept,
.dropZone-showAccept,
.dropZone-showCantAccept,
.dropZone {
    float: left;
    position: relative;
    margin: 0px;
    padding: 0px; 
}

.dropZoneHover {
    position: absolute;
    height: 15px;
    top: 0px;
    right: 0px;
    display: none;
    z-index: 99999;
    text-align: right;
    
}

.dropZoneMessage{
        padding: 3px 8px;
        position: relative;
        background-color: #5F3333;
        font-size: 10px;
        font-weight: bold;
        text-align: right;
        color: #FFFFFF;
}

.dropZone-indicateAccept {
    border: 1px solid #55AA55 !important;
    margin: 0px;   
    padding: 0px;   
}

.dropZone-showAccept {
    border: 1px solid #00FF00 !important;  
    margin: 0px; 
    padding: 0px; 
}

.dropZone-showCantAccept {
    cursor: help;
    margin: 0px; 
    padding: 0px; 
}

.dropZone-showAccept .dropZoneHover,
.dropZone-showCantAccept .dropZoneHover {
    display: none;
}

.dropZone-showAccept .dropZoneMessage {
    background-color: #00FF00;
}

.dropZone-showCantAccept .dropZoneMessage {
    background-color: #FF0000;
}

/* Data Fields */

.message{
    margin-top: 3px;
    float: left;
    color: #FF0000;
    font-size: 12px;
    color: #888;
}

.menuBar{
    float: right;
    height: 20px;
    padding: 3px 0px;
}

.editableField{
	color: #000000;
    overflow: hidden;
    min-height: 14px;
    min-width: 50px;
    cursor: pointer;
}

.editableField:hover{
	color: #ffffff;
    background-color: #379AD5;
    /* padding: 2px;
    margin: -2px; */
}

.noneditableField{
    min-height: 14px;
    clear: left;
}


/* Hover Message */

.textInputNormal{
    font-family: Helvetiva, Arial, sans-serif;
	font-size: inherit;
	width: 100%;
	height: 200px;
}

.inputFieldNormal{
	font-family: Helvetiva, Arial, sans-serif;
	width: 100%;
	font-size: inherit;
}

.inset {
	position: absolute;
	top: 30px;
	left: 0px;
	background-color: #ffffff;
	padding: 5px 10px 5px 10px;
	max-width: 230px;
}

.inset h1,
.inset h2,
.inset h3 {
	margin-bottom: 0px;
	color: #379AD5;
}

.inset p {
	font-size: 12px;
	margin-bottom: 0px;
}

.topicPic {
	width: 162px;
	height: 160px;
}

.storyPic {
	width: 354px;
	height: 160px;
}

.startNavLeft,
.startNavRight {
	position: absolute;
	bottom: 16px;
	width: 13px;
	height: 13px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.startNavLeft {
	left: 20px;
	background-image: url(images/startNavLeft.gif);
}

.startNavRight {
	right: 20px;
	background-image: url(images/startNavRight.gif);
}

.aquaLeftCorner,
.aquaLeftCornerBottom {
	background-image: url(images/aquaLeftCorner.gif);
	position:absolute;
	left: 0px;
	top: -1px;
	width: 6px;
	height: 25px;
}

.aquaLeftCornerBottom {
	background-image: url(images/corner_bottom_left_aqua.gif);
}

.aquaRightCorner,
.aquaRightCornerBottom {
	background-image: url(images/aquaRightCorner.gif);
	position:absolute;
	right: 0px;
	top: -1px;
	width: 6px;
	height: 25px;
}

.aquaRightCornerBottom {
	background-image: url(images/corner_bottom_right_aqua.gif);
}

.externalNav {
	color: #3595D2  !important;
	font-weight: bold  !important;
	font-size: 14px  !important;
	padding: 0px 5px;
	border-left: 1px solid #DDD;
	cursor: pointer;
}

.externalNav:hover {
	color: #FFF  !important;
	background-color: #3595D2 !important;
}

.externalStoryTitle{
	text-align: right; 
	position: absolute; 
	right: 5px; 
	bottom: 0px; 
	margin: 0px; 
}

.externalStoryTitle h1{
	text-align: right; 
	position: relative; 
	right: 0px; 
	top: 0px; 
	margin: 0px; 
}

.externalStoryTitle p{
	font-family: helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-align: right; 
	color: #ADB000 !important; 
	padding: 0px;
	margin: 0px;
	right: 0px; 
	top: 0px;
	line-height: 17px;
}

.externalFooter {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	font-size: 11px;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	background-color: #ffffff;
}