html
{
    /*height: 100%;*/
    /*top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;*/
}

body
{
    /*height: 100%;
    margin: 0;*/
    font-family: helvetica, sans-serif;
    -webkit-text-size-adjust: none;
    
    /*-webkit-background-size: 100% 21px;
    background-color: #C5CCD3;
    background-image:
        -webkit-gradient(linear, left top, right top,
            color-stop(.75, transparent),
            color-stop(.75, rgba(255,255,255,0.1)) );
    -webkit-background-size: 7px;*/
}

.view
{
    min-height: 100%;
    overflow: auto;
}

.header-wrapper
{
    height: 44px;
    font-weight: bold;
    text-shadow: rgba(0,0,0,0.7) 0 -1px 0;
    border-top: solid 1px rgba(255,255,255,0.6);
    border-bottom: solid 1px rgba(0,0,0,0.6);
    color: #F26C00;
    background-color: #9681AF;
    background-image:
        -webkit-gradient(linear, left top, left bottom,
            from(rgba(255,255,255,0.4)),
            to(rgba(255,255,255,0.05)) ),
        -webkit-gradient(linear, left top, left bottom,
            from(transparent),
            to(rgba(0,0,64,0.1)) );
    background-repeat: no-repeat;
    background-position: top left, bottom left;
    -webkit-background-size: 100% 21px, 100% 22px;
    -webkit-box-sizing: border-box;
}

.header-wrapper h1
{
    text-align: center;
    font-size:  20px;
    line-height: 44px;
    margin: 0;
}

.group-wrapper
{
    margin: 9px;
}

.group-wrapper h2
{
    color: #5A4C6C;
    font-size: 17px;
    line-height: 0.8;
    font-weight: bold;
    text-shadow: #F26C00 0 1px 0;
    margin: 20px 10px 12px;
}

.group-wrapper p
{
    background-color: #F26C00;
    -webkit-border-radius: 10px;
    font-size: 17px;
    line-height: 20px;
    margin: 9px 0 20px;
    border: solid 1px #A9ABAE;
    padding: 11px 9px 12px;
}

#loadingDiv
{
    position: absolute;
    width: 100%;
}

#logoDiv
{
    background-color: #ffffff;
    visibility: hidden;
    z-index: 9000;
}

#logo
{
    display: block;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
}

/*#videoDump
{
    position: absolute;
    top: -1px;
    left: 0px;
    border: none;
    height: 1px;
    width: 1px;
    visibility: hidden;
    z-index: -1000;
}*/

#menuDiv
{
    position: absolute;
    top: 30px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    visibility: hidden;
    z-index: 2000;
}

#contentDiv
{
    position: absolute;
    overflow: hidden;
    top:30px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:1500;
}

#menuDiv .mainMenuChild
{
    position: absolute;
    visibility: hidden;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2001;
}

.mainMenuContainer {
	text-align: center;
	background-color: #DDDDDD;
	background-image: -ms-radial-gradient(center, circle farthest-corner, #F4F4F4 0%, #DDDDDD 100%);
	background-image: -moz-radial-gradient(center, circle farthest-corner, #F4F4F4 0%, #DDDDDD 100%);
	background-image: -o-radial-gradient(center, circle farthest-corner, #F4F4F4 0%, #DDDDDD 100%);
	background-image: -webkit-radial-gradient(center, circle farthest-corner, #F4F4F4 0%, #DDDDDD 100%);
}

.mainMenuList {
	max-width: 426px;
	display:inline-block;
}

.mainMenuItem {
	display: inline-block;
	border: solid 3px transparent;
	border-radius: 20px;
	vertical-align:top;
}

.mainMenuItem:active {
	background-color: #4FADE1;
	border-color: white;
}

.mainMenuItem img {
	width: 90px;
	height: 90px;
	display: block;
	margin: 5px 10px;
}

.mainMenuItem span {
	display: inline-block;
	text-align: center;
	color:#006699;
	word-wrap: break-word;
	width: 90px;
	margin: 0px 10px 10px 10px;
	vertical-align:top;
}

.mainMenuItem img.themesMenu {
	content: url('../icon/media-round-blue.png');
}

.mainMenuItem img.peopleMenu {
	content: url('../icon/person-round-blue.png');
}

.mainMenuItem img.directions {
	content: url('../icon/car-round-blue.png');
}

.mainMenuItem img.LOOK_2012041941947 {
	content: url('../icon/clipboard-round-blue.png');
}

.mainMenuItem img.LOOK_2013041977308 {
	content: url('../icon/house-round-blue.png');
}


.mainMenuItem img.LOOK_2012091013433 {
	content: url('../icon/location-round-blue.png');
}

.mainMenuItem img.LOOK_2012072772676 {
	content: url('../icon/car-round-blue.png');
}

.mainMenuItem img.LOOK_2012090709419 {
	content: url('../icon/briefcase-round-blue.png');
}

.mainMenuItem img.LOOK_2012072704655 {
	content: url('../icon/car-round-blue.png');
}

.mainMenuItem img.LOOK_2012082307678 {
	content: url('../icon/target-round-blue.png');
}

.mainMenuItem img.UMAP_2012102441057 {
	content: url('../icon/flag-round-blue.png');
}

.mainMenuItem img.mapsMenu {
	content: url('../icon/flag-round-blue.png');
}


.mainMenuToolbar
{
    background-color: #4FADE1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4FADE1), color-stop(1, #006699));
    height: 47px;
}

.mainMenuToolbar .mainMenuToolbarButton
{
    background-color: #357599;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #357599), color-stop(1, #20465B));
    border-width: 1px;
    border-color: #000000;
    border-radius: 7px;
    color: #FFFFFF;
}

.mainMenuTitlebar
{
    background-color: #4FADE1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4FADE1), color-stop(1, #006699));
    height: 47px;
}

.contentChild
{
    background-color: white;
    position: absolute;
    /*top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 573px;*/
    z-index: 1501;
}

.themesListItemImg
{
    padding: 3px;
    margin-right: 7px;
    /*padding-right: 10px;*/
    vertical-align: top;
    background-color: #A26837;
}

.themesListItemTextDiv
{
    display: inline-block;
}

.x-list .x-list-item {
   background-color: white;
}

.x-list .x-list-item .themesListItemTextDiv .themesListItemLabel
{
    font-size: 18px;
	background-color:#ffffff;
}

.x-list .x-list-item .themesListItemTextDiv .themesListItemSubLabel
{
    font-size: 14px;
}

.mapsListItemImg
{
    padding: 3px;
    margin-right: 7px;
    /*padding-right: 10px;*/
    height: 50px;
    vertical-align: top;
    background-color: #A26837;
}

.mapsListItemImgContainer {
	display: inline-block;
}

.mapsListItemTextDiv
{
    display: inline-block;
}

.x-list .x-list-item .mapsListItemTextDiv .mapsListItemLabel
{
    font-size: 18px;
}

.peopleListItemImg
{
    padding: 3px;
    margin-right: 7px;
    vertical-align: top;
    background-color: #A26837;
}

.peopleListItemTextDiv
{
    display: inline-block;
    width: 220px;
	line-height: 13px;
}

.x-list .x-list-item .peopleListItemTextDiv .peopleListItemLabel
{
    font-size: 16px;

}

.x-list .x-list-item .peopleListItemTextDiv .peopleListItemSubLabel
{
    white-space: pre-wrap;
    font-size: 13px;
}

/*/ History /*/

.historyToolbar
{
    background-color: #4FADE1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4FADE1), color-stop(1, #006699));
    height: 47px;
}

.historyToolbar .historyToolbarButton
{
    background-color: #357599;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #357599), color-stop(1, #20465B));
    border-width: 1px;
    border-color: #000000;
    border-radius: 7px;
    color: #FFFFFF;
}

/*/ Search /*/

.searchToolbar
{
    background-color: #4FADE1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4FADE1), color-stop(1, #006699));
    height: 47px;
}

.searchToolbar .searchToolbarButton
{
    background-color: #357599;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #357599), color-stop(1, #20465B));
    border-width: 1px;
    border-color: #000000;
    border-radius: 7px;
    color: #FFFFFF;
}

.searchToolbar .searchField
{
    width: 200px;
    margin: 5px;
}

/*/ Person Window /*/

.personWindowToolbar
{
    background-color: #4FADE1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4FADE1), color-stop(1, #006699));
}

.personWindowToolbar .personWindowToolbarButton
{
    background-color: #357599;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #357599), color-stop(1, #20465B));
    border-width: 1px;
    border-color: #000000;
    border-radius: 7px;
    color: #FFFFFF;
}

.personWindowName
{
    background-color: #4FADE1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4FADE1), color-stop(1, #006699));
    /*display: block;*/
}

.personWindowText
{
    padding: 5px;
}

.personWindowImage
{
    padding: 3px;
    background-color: #A26837;
}

.personWindowRole
{
    display: inline-block;
    white-space: pre-wrap;
    padding-bottom: 10px;
    vertical-align: top;
    margin-left: 5px;
	font-size: 13px;
	font-style: italics;
	font-family: Arial, Helvetica, sans-serif;
}

.personWindowBio
{
    display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	
}

.personSubsectionTitle
{
    background-color: #4FADE1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4FADE1), color-stop(1, #006699));
    height: 25px;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    line-height: 23px;
}

/*/ Commentary Player /*/

#commentaryWash
{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #000000;
    opacity:0.3;
    z-index: 1900;
}

#commentaryPlayer
{
    position: absolute;
    background-color: #4C4C4C;
    background-origin: padding-box;
    border-radius: 5px;
    margin: 50%;
    left: -149px;
    top: -100px;
    z-index: 1901;
}

#commentaryHeader
{
    position: relative;
}

#commentaryTitle
{
    color: #FF0000;
    margin: 3px;
}

#commentaryCloseBtn
{
    position: absolute;
    background-color: #FF0000;
    background-origin: padding-box;
    border-style: solid;
    border-color: #FFFFFF;
    border-width: 2px;
    border-radius: 4px;
    color: #FFFFFF;
    padding: 0px 5px;
    top: 0px;
    right: 0px;
}

#commentaryVideo
{
    width: 288px;
    height: 162px;
    margin: 5px;
}

/*/ Media Viewer /*/

.mediaViewerWash
{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #000000;
    opacity:0.3;
    z-index: 1900;
}

.mediaViewer
{
    position: absolute;
    background-color: #4C4C4C;
    background-origin: padding-box;
    border-radius: 5px;
    z-index: 1901;
    text-align: center;
    //visibility: hidden;
}

.mediaViewerHeader
{
    position: relative;
}

.mediaViewerTitle
{
    color: #FF0000;
    margin: 3px;
    display: block;
    text-align: left;
}

.mediaViewerCloseBtn
{
    position: absolute;
    top: -10px;
    right: -10px;
}

.mediaViewerMediaContainer
{
    position: relative;
}

.mediaViewerMedia
{
    margin: 5px 5px 0px 5px;
}

.mediaViewerBigPlayBtn
{
    position: absolute;
}

.mediaViewerNavigation
{
    display: inline-block;
}

.mediaViewerPreviousBtn
{
    
}

.mediaViewerCount
{
    position: relative;
    vertical-align: top;
    top: 5px;
    color: #FFFFFF;
}

.mediaViewerNextBtn
{
    
}

.mediaViewerCaption
{
    padding: 3px;
    display: inline-block;
    white-space: pre-wrap;
    color: #FFFFFF;
    font-size: 16px;
}

/*/ Theme Window /*/

.themeToolbar
{
    background-color: #4FADE1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4FADE1), color-stop(1, #006699));
}

.themeToolbar .themeToolbarButton
{
    background-color: #357599;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #357599), color-stop(1, #20465B));
    border-width: 1px;
    border-color: #000000;
    border-radius: 7px;
    color: #FFFFFF;
}

.themeTitlebar
{
    background-color: #4FADE1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4FADE1), color-stop(1, #006699));
}

.themeVideoContainer
{
    position: relative;
    background-color: #000000;
    text-align: center;
}

.themeVideo
{
    display: inline-block;
    max-width: 640px;
    max-height: 360px;
}

.themeLowerThirdsDiv
{
    display: block;
    position: absolute;
    bottom: 40px;
    max-width: 640px;
    text-align: left;
}

.themeLowerThirdsWash
{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.3;
}

.themeLowerThirdsTitle
{
    display: block;
    position: relative;
    color: #FFFFFF;
    white-space: pre-wrap;
}

.themeLowerThirdsRole
{
    display: block;
    position: relative;
    color: #FFFFFF;
    white-space: pre-wrap;
}

.themeSubsectionTitle
{
    height: 25px;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    line-height: 23px;
    background-color: #4FADE1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4FADE1), color-stop(1, #006699));
}

.themeCommentListItemImg
{
    background-color: #A26837;
    padding: 3px;
    margin-right: 7px;
    vertical-align: top;
	
}

.themeCommentListItemText
{
    display: inline-block;
    // original width:250px;
	width: 240px;
}

.x-list .x-list-item .themeCommentListItemText .themeCommentListItemLabel
{
    display: block;
	font-size: 14px;
    
}

.x-list .x-list-item .themeCommentListItemText .themeCommentListItemPerson
{
    display: block;
	font-size: 12px;
}

.themeLayerItemImage
{
    background-color: #A26837;
    padding: 0px;
    margin-right: 0px;
    vertical-align: top;
	height:0px;
	width:0px;
	visibility:hidden;
}

.themeLayerItemText
{
    display: inline-block;
    width: 200px;
}

.x-list .x-list-item .themeLayerItemText .themeLayerLabel
{
    display: block;
	font-size: 16px;
}

.x-list .x-list-item .themeLayerItemText .themeLayerCueTime
{
    display: block;
	font-size: 13px;
}

/*/ Detail Window /*/

.detailWindowToolbar
{
    background-color: #4FADE1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4FADE1), color-stop(1, #006699));
}

.detailWindowToolbar .detailWindowToolbarButton
{
    background-color: #357599;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #357599), color-stop(1, #20465B));
    border-width: 1px;
    border-color: #000000;
    border-radius: 7px;
    color: #FFFFFF;
}

.detailWindowTitlebar
{
    background-color: #4FADE1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4FADE1), color-stop(1, #006699));
}

.detailWindowBodyText
{
    padding-left: 10px;
    padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.detailWindowBodyText p
{
    margin-top: 5px;
	margin-bottom: 5px;
}

.detailWindowMediaContainer
{
    position:relative;
    /*height: 59px;*/
}

.detailWindowThumbnailContainer
{
    position:relative;
    background-color: #AF273C;
    padding: 3px;
    margin: 5px;
}

.detailWindowThumbnailOverlay
{
    position: absolute;
    height: 40px;
    width: 40px;
    left: 9px;
    top: 9px;
}

.detailWindowThumbnailImage
{
    display:block;
    width: 148px; /** This should be set to the width of the image. **/
    height: 90px; /** This should be set to the height of the image. **/
}

.detailWindowMediaThumb
{
    position: relative;
    background-color: #AF273C;
    padding: 3px;
}

.detailWindowSectionTitlebar
{
    background-color: #4FADE1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4FADE1), color-stop(1, #006699));
    height: 25px;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    line-height: 23px;
}

.detailWindowCommentListItemImg
{
    background-color: #A26837;
    padding: 3px;
    margin-right: 7px;
    vertical-align: top;
	
}

.detailWindowCommentListItemText
{
    display: inline-block;
    // original width:250px;
	width: 240px;
}

.x-list .x-list-item .detailWindowCommentListItemText .detailWindowCommentListItemLabel
{
    display: block;
	font-size: 14px;
    
}

.x-list .x-list-item .detailWindowCommentListItemText .detailWindowCommentListItemPerson
{
    display: block;
	font-size: 12px;
}

.olPopup {
	pointer-events: none;
	border: 2px solid #FF6801 !important;
	background-color: #FFFFFF !important;
	color: #47207D;
	font-size: 16px;
	font-style: bold;
	font-family: Garamond, "EB Garamond", Georgia, serif;
	overflow: visible !important;
	height: auto !important;
	width: auto !important;
	white-space: nowrap;
}

.olPopupContent {
	height: auto !important;
	width: auto !important;
	padding: 5px;
}

.olPopup:before {
	position: absolute;
	content: '';
	border-color: #FF6801 transparent transparent transparent;
	border-style: solid;
	border-width: 20px 5px 0px 5px;
}

.olPopup:after {
	position:absolute;
	content: '';
	border-color: #FFFFFF transparent transparent transparent;
	border-style: solid;
	border-width: 16px 3px 0px 3px;
}

.olPopup.tl {
	margin-left: -10px;
}

.olPopup.tl:before {
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	bottom: -15px;
	right: -10px;
}

.olPopup.tl:after {
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	bottom: -11px;
	right: -6px;
}

.olPopup.tr {
	margin-left: 10px;
}

.olPopup.tr:before {
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	bottom: -15px;
	left: -10px;
}

.olPopup.tr:after {
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	bottom: -11px;
	left: -6px;
}

.olPopup.bl {
	margin-top: 10px;
	margin-left: -10px;
}

.olPopup.bl:before {
	transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	-webkit-transform:rotate(-135deg);
	top: -15px;
	right: -10px;
}

.olPopup.bl:after {
	transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	-webkit-transform:rotate(-135deg);
	top: -11px;
	right: -6px;
}

.olPopup.br {
	margin-top: 10px;
	margin-left: 10px;
}

.olPopup.br:before {
	transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	top: -15px;
	left: -10px;
}

.olPopup.br:after {
	transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	top: -11px;
	left: -6px;
}

#continueToCampusMap {
	display: none;
	font-size: 21px;
	font-weight: bold;
	padding: 15px 5px 15px 55px;
	margin-top: 10px;
	background: rgb(238, 238, 238);
	border: solid 1px rgb(192, 192, 192);
	cursor: pointer;
	position: relative;
}

#continueToCampusMap:before {
	content: url('../art/green_arrow.png');
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -20px;
	
}

#continueToCampusMap.visible {
	display: block;
}