/* Button styles courtest of the Filament Group
     * http://www.filamentgroup.com/lab/styling_buttons_and_tooelbars_with_the_jquery_ui_css_framework/
     */ .fg-button {
         outline: 0;
         margin: 0 4px 0 0;
         padding: .4em 1em;
         text-decoration: none !important;
         cursor: pointer;
         position: relative;
         text-align: center;
         zoom: 1;
     } .fg-button .ui-icon {
         position: absolute;
         top: 50%;
         margin-top: -8px;
         left: 50%;
         margin-left: -8px;
     }

a.fg-button {
    float: left;
}

/* remove extra button width in IE */
button.fg-button {
    width: auto;
    overflow: visible;
} .fg-button-icon-left {
    padding-left: 2.1em;
} .fg-button-icon-right {
    padding-right: 2.1em;
} .fg-button-icon-left .ui-icon {
    right: auto;
    left: .2em;
    margin-left: 0;
} .fg-button-icon-right .ui-icon {
    left: auto;
    right: .2em;
    margin-left: 0;
} .fg-button-icon-solo {
    display: block;
    width: 8px;
    text-indent: -9999px;
}

/* solo icon buttons must have block properties for the text-indent to work */ .fg-buttonset {
    float: left;
} .fg-buttonset .fg-button {
    float: left;
} .fg-buttonset-single .fg-button, .fg-buttonset-multi .fg-button {
    margin-right: -1px;
} .fg-toolbar {
    padding: .5em;
    margin: 0;
} .fg-toolbar .fg-buttonset {
    margin-right: 1.5em;
    padding-left: 1px;
} .fg-toolbar .fg-button {
    font-size: 1em;
}

/*demo page css*/
h2 {
    clear: both;
    padding-top: 1.5em;
    margin-top: 0;
} .strike {
    text-decoration: line-through;
} #login, #logo {
    height: 92px;
}

 /**
     *	Cosmetic Page Styles
     *
     *	These affects the appearance of the layout
     */
body {
    font-family: Arial, sans-serif;
    font-size: 100%; *
        
    font-size:
    0.8em; /* IE 6/7 only */
}

p {
    font-size: 1em;
    margin: 1em 0;
}

button {
    line-height: normal;
} .buttons a {
    font-size: 10px;
}

/**
 *	Basic Layout Theme
 *
 *	This theme uses the default layout class-names for all classes
 *	Add any 'custom class-names', from options: paneClass, resizerClass, togglerClass
 *
 *	Download a slightly more comprehensive stylesheet here:
 *		http://layout.jquery-dev.net/demos/css/layout-default.css
 */ .ui-layout-pane, #logo, #login { /* all 'panes' */
     background: #FFF;
     border: none;
     padding: 10px;
 } 
.ui-layout-pane, #logo {
	overflow: auto;
}
#login {
	overflow: hidden;
}

.ui-layout-resizer { /* all 'resizer-bars' */
     background: #fff;
 } .ui-layout-toggler { /* all 'toggler-buttons' */
     background: #fff;
 } #loginbox {
     border: solid #dddddd 1px;
	padding: 8px 10px 2px 10px;
	font-size: 13px;
 } 
#loginbox .public-greeting {
	font-size: 12px;
}

#headerbar, #footerbar {
     padding: 5px;
     padding-left: 10px;
     padding-right: 10px;
     overflow: hidden;
 } #footerbar {
     text-align: right;
     font-size: 10px;
     font-style: normal;
     font-weight: normal;
 } #menu {
     padding-left: 20px;
     overflow: hidden;
 } #content {
     padding-right: 20px;
 } #accordion {
     height: 100%;
 } #logo {
     padding-left: 30px;
 } .videoThumbnail {
     border-bottom: dotted #DDDDDD 1px;
     width: 170px;
	 /* height: 450px; */
     margin-right: 20px;
     margin-bottom: 20px;
     /*font-family: sans-serif; */
     overflow: hidden;

     min-height: 250px;
     display: -moz-inline-stack;
     display: inline-block;
     vertical-align: top;
     zoom: 1;
     *display: inline;
     _height: 250px;

     padding-bottom: 10px;
 } .videoThumbnail > .description {
     font-family: sans-serif;
     height: 90px;
     overflow: hidden;
     font-size: 80%;
 } .videoThumbnail > h3 {
	/*
     font-family: sans-serif;
     font-size: 10pt;
     margin: 0px;
     margin-bottom: 5px;
     cursor: pointer;
	*/
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	cursor: pointer;
	text-shadow: 0px 1px 0px #ddd;
	margin: 12px 0 0 0;
 } 
#accordion {
    font-size: 90%;
} .queueItem {
    /*width: 800px;*/
    clear: both;
    border-bottom: dotted #DDDDDD 1px;
    margin-bottom: 5px;
} .queueItem > .thumbnail {
    width: 180px;
    text-align: center;
} .queueItem > .meta {
    width: 300px;
} .meta, .thumbnail, .buttons {
    float: left;
} .buttons {
    text-align: right;
    padding-top: 40px;
} .meta {
    font-size: 80%;
    padding-right: 5px;
} .progress {
    width: 280px;
} #headerbottom {
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
} #advancedSearch {
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
} #advancedSearchOptions {
    padding: 5px;
    font-size: 12px;
} .link-button {
    padding: .4em 1em .4em 20px;
    text-decoration: none;
    position: relative;
} .fileToggle {
    font-size: 10px;
    width: 76px;
    float: left;
	white-space:nowrap;
	/*font-family: arial;*/
	margin-top: 5px;
} .downloadProgress {
    clear: both;
    float: left;
    width: 780px;
    height: 20px;
} .hiddenIframe {
    display: none;
}

li {
    list-style-image: none;
    list-style-type: none;
    border-bottom: solid #ccc 1px;
    padding: 5px;
} .isparent + .expanded {
    list-style-image: url('images/menu_bullet_e_grey.gif');
} .isparent {
    list-style-image: url('images/menu_bullet_c_grey.gif');
}
.registration li{
    border-bottom: none;
}

div.Web, div.Flash, div.Thumb {
    display: none;
} .pageLink {
    padding: 3px;
    cursor: pointer;
} .currentPage {
    border: solid #e0e0e0 1px;
    font-weight: bold;
	padding: 4px;
	color: #fff;
}

.pageLink, .currentPage {
	font-size: 16px !important;
}

.pageLink:hover {
    background-color: #e0e0e0;
} #paginator, #paginator_b {
    clear: both;
	margin: 20px 0px;
} 

#staticContent h1, #staticContent h2, #staticContent h3, #staticContent h4 {
    color: #0087d3;
} #staticContent {
    line-height: 1.5;
    font-size: 90%;
    padding-top: 0px;
    padding-bottom: 0px;
}

select, button, #menu, #advancedSearchButton {
    cursor: pointer;
} #asset_owner {
    margin-right: 12px;
} #media_type {
    margin-right: 15px;
} #inputSearchTerms {
    margin-left: 5px;
    margin-right: 15px;
} #perpage {
    margin-right: 10px;
} .videoThumbnailPlayer {
    display: block;
    width: 170px;
    height: 153px;
    margin: 1px;
} .ui-widget {
    font-size: 1em;
} #menu {
    font-size: 0.8em;
}

div#menu ol li ol {
    padding: 15px;
}

div#menu li.last {
    border: none;
} #loginbox {
    margin-right: 10px;
} #tabbedContent ul li a {
    font-size: 0.7em;
    font-weight: 100;
} #headerbar {
    font-size: 0.8em;
    font-weight: 100;
} #advancedSearchButton.ui-state-highlight {
    background-image: none;
    background-color: #999;
    border: solid #666 1px;
} #advancedSearchOptions {
    background-image: none;
    background-color: #ccc;
    border: solid #999 1px;
}
#searchResults div.keywords {
    display: none;
}
.thumbnailContainer {
	width: 170px;
	height: 128px;
	overflow: hidden;
}
    .thumbnailContainer img {
        border: 0px;
    }

#librarieslabel, #asset_owner {
    display: none;
}
img.previewImage {
	cursor: pointer;
}

/******************
 * Menu fix
 */

ol.xoxo, ol.xoxo ol {
    margin-left: 0px;
}

/* multi size format images */
.fileToggles {
	padding: 6px 0;
}
.filesToggles .sizes,
.fileToggles .sizes {
	margin: 2px 0 0 0;
    overflow: hidden;
	/* float: left; */
}
.filesToggles .sizes .heading,
.fileToggles .sizes .heading {
	border-bottom: 1px #DDDDDD solid;
}
.filesToggles .sizes .fileToggle,
.fileToggles .sizes .fileToggle {
	float: left;
	white-space: nowrap;
    margin: 0 0 14px;
    overflow: hidden;

	/*clear: both;*/
	/* text-shadow: 0px 1px 0px #ddd; */
}
.fileToggles .sizes .fileToggle.disabled {
	color: #CCCCCC;
}
.fileToggles .sizes .fileToggleCheckbox {
	float: left;
	margin-right: 2px;
}
.fileToggles .sizes .sizeinfo {
    /*
    float: left;
	width: 56px;	/* could be anything under 60 really...since we have float. but definitely needs to be under 60 for videos */

    cursor: pointer;

    position: absolute;
    margin: 0 0 0 15px;
    *margin: 0;     /* ie7 only hack */
}
.filesToggles .sizes .res,
.fileToggles .sizes .res {
	/*cursor: help;*/
	/*position: relative;
	margin-left: 10px;*/
}
table.dpi {
	font-size: 12px;
}
.queueItem .fileToggles .sizes {
	float:left;
}
.queueItem .fileToggle {
	float:none !important;
	clear:both;
}

label.fileToggle {
	display: block;
}

/***
 * fluid layout fix
 */
html,body {
    /*
	height: auto !important;
	overflow: auto !important;
	position: static !important;
    */
}
#header, #middle, #footer {
	/*position: static !important;*/
}
#staticContent {
	overflow: hidden !important;
}

#loggedinmessage {
	margin: 34px 0 0 0;
}

      /******************
      * Static Content Styles
      */
      #staticContent h1, #staticContent h2, #staticContent h3, #staticContent h4 {
      color: #999;
      font-family: Arial, Helvetica, sans-serif;
      } {
      line-height: 1.5;
      font-size: 90%;
      padding-top: 0px;
      padding-bottom: 0px;
      font-size: 12px;
      }
      a {
      color: #0087d3;
      text-decoration: none;
      }

      #staticContent p, #staticContent li{
      color: #111;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      }

    .fullscreenIcon {
	font-size: 9px !important;
    float: right;
	cursor: pointer;
    }


form.registration {
	font-size: 14px;
}

form.registration label {
	display: block;
	margin: 0 0 8px 0;
}

form.registration span.label_text {
	font-weight: bold;
}

form.registration span.required {
	color: red;
}

form.registration input, 
form.registration textarea {
	width: 400px;
}

form.registration .error {
	font-weight: bold;
	color: red;
}

.ui-dialog-content a {
	text-decoration: underline;
}

.ui-dialog-content div.submitSection {
	text-align: right;
}

#publicsignupPopup button {
	margin: 0 10px;
}

#publicsignupPopup .working{ display: none; }
#publicsignupPopup.processing .working { display: inline-block; }
#publicsignupPopup.processing a, 
#publicsignupPopup.processing button { display: none; }

#statusMessage {
	color: #fff;
	font-weight: bold;
	background-color: #333;
}
#statusMessage.success {
	background-color: #66CD00 !important;
}
#statusMessage.error {
	background-color: red !important;
}

#downloadActions,
.downloadButtonContainer {
	text-align: right;
	margin: 20px 0;
}
#downloadActions button,
.downloadButtonContainer button {
	margin: 0 3px;
}

li.set .ui-icon {
	position: relative;
	float: left; 
	margin-top: -2px; 
	padding-right: 2px;
}

.legal-content {
	padding: 0 10px 0 0;
	line-height: 14px;
}
.legal-content h4 {
	font-weight: bold;
	font-size: 14px;
	margin: 1em 0;
}
.legal-content li {
	margin: 5px 0;
}