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: #FFF000;
    background-color: #BEBD9C;
    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: #4C566C;
    font-size: 17px;
    line-height: 0.8;
    font-weight: bold;
    text-shadow: #FFF000 0 1px 0;
    margin: 20px 10px 12px;
}

.group-wrapper p
{
    background-color: #FFF000;
    -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: #B1AE8D;
    visibility: hidden;
    z-index: 9000;
}

#logo
{
    display: block;
    height: 50px;
    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: 50px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    visibility: hidden;
    z-index: 2000;
}

#contentDiv
{
    position: absolute;
    overflow: hidden;
    top:50px;
    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: B4B291;
	background-image: -ms-radial-gradient(center, circle farthest-corner, #DFDBBF 0%, #B4B291 100%);
	background-image: -moz-radial-gradient(center, circle farthest-corner, #DFDBBF 0%, #B4B291 100%);
	background-image: -o-radial-gradient(center, circle farthest-corner, #DFDBBF 0%, #B4B291 100%);
	background-image: -webkit-radial-gradient(center, circle farthest-corner, #DFDBBF 0%, #B4B291 100%);
}

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

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

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

.mainMenuItem img {
	width: 106px;
	height: 106px;
	display: block;
	margin: 10px 15px;
}

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

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

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

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

.mainMenuItem img.locationsMenu {
	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/person-round-blue.png');
}

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

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


.mainMenuToolbar
{
    background-color: #28164A;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #28164A), color-stop(1, #10012F));
    height: 47px;
}

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

.mainMenuTitlebar
{
    background-color: #28164A;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #28164A), color-stop(1, #10012F));
    height: 47px;
}

.contentChild
{
    background-color: #CCD0C1;
    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: #A29E37;
}

.themesListItemTextDiv
{
    display: inline-block;
}

.x-list .x-list-item {
   background-color: #CCD0C1;
}

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

.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: #A29E37;
}

.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: #A29E37;
}

.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: #28164A;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #28164A), color-stop(1, #10012F));
    height: 47px;
}

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

/*/ Search /*/

.searchToolbar
{
    background-color: #28164A;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #28164A), color-stop(1, #10012F));
    height: 47px;
}

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

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

/*/ Person Window /*/

.personWindowToolbar
{
    background-color: #28164A;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #28164A), color-stop(1, #10012F));
}

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

.personWindowName
{
    background-color: #28164A;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #28164A), color-stop(1, #10012F));
    /*display: block;*/
}

.personWindowText
{
    padding: 5px;
}

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

.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: #28164A;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #28164A), color-stop(1, #10012F));
    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: #28164A;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #28164A), color-stop(1, #10012F));
}

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

.themeTitlebar
{
    background-color: #28164A;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #28164A), color-stop(1, #10012F));
}

.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: #28164A;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #28164A), color-stop(1, #10012F));
}

.themeCommentListItemImg
{
    background-color: #A29E37;
    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: #A29E37;
    padding: 3px;
    margin-right: 7px;
    vertical-align: top;
}

.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: #28164A;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #28164A), color-stop(1, #10012F));
}

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

.detailWindowTitlebar
{
    background-color: #28164A;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #28164A), color-stop(1, #10012F));
}

.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: #5626AF;
    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: #5626AF;
    padding: 3px;
}

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

.detailWindowCommentListItemImg
{
    background-color: #A29E37;
    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;
}