/* pages.css - Stylesheet for HP Pages
 * Author: Sheryl Morgan
 * Copyright: 2010 Imagespan
 */
@font-face {
    font-family: 'MavenProBlack';
    src: url('fonts/MavenProBlack.otf');
}
@font-face {
    font-family: 'MavenProBold';
    src: url('fonts/MavenProBold.otf');
}
@font-face {
    font-family: 'MavenProMedium';
    src: url('fonts/MavenProMedium.otf');
}
@font-face {
    font-family: 'MavenProRegular';
    src: url('fonts/MavenProRegular.otf');
}
/*
 
@font-face {
    font-family: 'Maven Pro Black';
    src: url('fonts/Maven Pro Black.otf');
}
@font-face {
    font-family: 'Maven Pro Bold';
    src: url('fonts/Maven Pro Bold.otf');
}
@font-face {
    font-family: 'Maven Pro Medium';
    src: url('fonts/Maven Pro Medium.otf');
}
@font-face {
    font-family: 'Maven Pro Regular';
    src: url('fonts/Maven Pro Regular.otf');
}

*/

body 
    {
    text-align: center;
    background: #fff;
    color: #000;
    font-family: 'Maven Pro Medium', Arial;
    font-size: 12px;
    }

p
    {
    margin: 7px auto 15px 0px;
    }
 
/* ==VALIDATION STYLES== */

.validation-summary-errors
{
    padding-left: 0px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    color: #DF0D0D;
    font-weight: bold;
    font-size: 12px;
    background: transparent url('../../images/HP/dottedline-grey.gif') bottom left repeat-x;
}

.validation-summary-errors ul
{
    list-style-type: none;
}

.validation-summary-errors ul li
{
    line-height: 17px;
}

/* ===============
     ALBUM PAGES
   =============== */

h3.albumTitle
{
    font-size: 14px;
    color: #68CD33;
}

h3.albumTitle b
{
    font-family: 'Maven Pro Bold', Arial;
}

.albumCellHeight
{
    min-height: 63px;
}

.optionImg
{
    vertical-align:text-bottom;
    padding-top: 4px;
    margin-right: 5px;
    position: relative;
}

span.opt1,
span.opt2
{
    width: auto;
    position: relative;
}

p.typeDesc
{
    margin: 0px auto 2px 10px;
    font-size: 11px;
    white-space:nowrap;
    font-style:italic;
}

div.snap
{
    width:740px;
}

.snap_left
{
    float:left;
    width:59%;
}

.snap_right
{
    float:right;
}  

div.snap_grid
{
    margin-top:8px;
    margin-bottom: 8px;
    clear:both;
}

.snap_grid_content
{
    padding-top:16px;
}

.snap_album_box
{
    float:left;
    width:115px;
    background:transparent url(../../../Images/HP/album-full-white.gif) top center no-repeat;
    margin:10px 30px 0px 40px;
    padding:0px;
    vertical-align:top;
    border:none 0px;
    cursor:pointer;
}

.snap_album
{
    text-align:center;
    height:110px;
    padding:0px 5px 0px 0px;
}

.snap_album_name
{
    vertical-align:top;
    padding-top: 4px;
    padding-left: 2px;
    height:2.2em;
}

#container a.snap_album_link,
#container a.snap_album_link:link,
#container a.snap_album_link:visited,
#container a.snap_album_link:hover
{
    text-decoration:underline;
    color:#3399cc;
}

div.snap_pic_box
{
    float:left;
    width:174px;
    height:130px;
    margin-left:8px;
}

div.snap_pic_box2
{
    height:96px;
    position:relative;
}

div.snap_pic
{
    position:absolute;
    bottom:0px;    
}

img.snap_pic
{
    margin-left:23px;
}

.snap_cap
{
    float:left;
    padding-top:3px;
}

.snap_check
{
    float:left;
    margin-left: 16px;
    width:23px;
    text-align:right;
}

.snap_mag
{
    width:13px;
    height:13px;
    margin-left:2px;
}

.divLoading
{
    display:none;
    float:left;
}

.resultsData, .paginationConfig, .pagination, .rows_config, .sortByConfig
{
    height:30px;
    color:#555;
    font-size:12px;
    margin-right:16px;
    line-height:2em;
    float:right;
}

.resultsData, .paginationConfig, .rows_config, .sortByConfig
{
    float:left;
}

.pagination img, .pagination input
{
    vertical-align:middle;
    padding:0px 0px 0px 0px;
}

.paginationConfig select
{
    vertical-align: middle;
}

.page_jump
{
    padding:0px 4px 0px 4px;
}

.hidden
{
    display:none;
    padding: 0 .3em;
    overflow: visible;
}

.invisible
{
    visibility:hidden;
}

.disabled 
{ 
    filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;
}


/* ===============
    LICENSE POPUP
   =============== */

.licenseTypes
{
    font-size: 12px;
    font-family: 'Maven Pro Medium', Arial;
    text-align: left;
}

.licenseTypes div, #container2 .licenseTypes div a
{
    font-size: 11px;
    color: #666;
}

.licenseTypes u
{
    font-weight: bold;
}

.spacePls
{
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 8px;
    color: #555;
    font-style: italic;
}
    
    
/* ====================
    THUMBNAIL STYLES
   ==================== */
   
.thumbnail /*== thumbnails ==*/
{
    float:left;
    position:relative;
    border:1px solid #CCCCCC;
    margin:2px;
    background-color:#fff;
}

.thumbnail_child
{
    vertical-align:middle;
    display:table-cell;
}

.thumbnailBorder
{
    border: 2px solid #fff;
    float: left;
    margin: 5px;
    padding: 2px;
    background: #fff;
    .padding: 3px 1px 5px 5px;
}

.thumbnailBorder_selected
{
    border: 2px solid #888;
    float: left;
    margin: 5px;
    padding: 2px;
    background: #fff;
    .padding: 2px 3px 4px 3px;
}

.thumbnailBorder_selected .thumbnail
{
    background-color:#f9b610;
}

.thumbnail_child img
{
    vertical-align:middle;
    text-align: center;
    .margin-top: -1px;
    cursor:pointer;
    width:150px;
}

.thumbnail, .thumbnail_child
{
    width:150px;
    height:150px;
    line-height:150px;
    text-align:center;
}
.thumbnail img
{
    width:150px;
}
.thumbnail .portrait img
{
    height:150px;
    width:auto;
}

.thumbnail_small
{
    margin:4px;
}
.thumbnail_small, .thumbnail_small .thumbnail_child
{
    width:75px;
    height:75px;
    line-height:75px;
}
.thumbnail_small img
{
    width:75px;
}
.thumbnail_small .portrait img
{
    height:75px;
    width:auto;
}

.thumbClose
{
    position:absolute;
    top:0;
    right:0;
    width:12px;
    height:12px;
    cursor:pointer;
    visibility:hidden;
    background:transparent url(../../Images/hover-close.png) no-repeat top right;
}
    
.thumbnail:hover .thumbClose
{
    visibility:visible;
}


/* ====================
   GRID + STORE STYLES
   ==================== */
.contentarea .f_left
{
}

#galleriesTab .pinkynail
{
    border: none 0;
    background-color:Transparent;
}

#divSelectedLightboxItems .thumbnail
{
    border: solid 1px #999;
    background: #fff;
}

#lightboxesTab #divSelectedLightboxItems .thumbnail:hover
{
    background-color:#f9b610;
    border-color: #3399cc;
}

.thumbHover #divHover /*==Preview Thumbnail Styles==*/
{
    text-align:center;
    padding:20px 20px 10px 20px;
    background-color:#f9b610;
}

.thumbHover .ui-dialog-titlebar, .filterHover .ui-dialog-titlebar
{
    display:none;
}

.thumbHover
{
    border:1px solid #484309 !important;
}
    
.thumbHover.ui-dialog,
.thumbHover .ui-dialog-content
{
    -moz-border-radius: 11px; 
    -webkit-border-radius: 11px; 
    border-radius: 11px; 
}


.hoverImg img
{
    border:solid 1px #49440a;
}

.hoverCopyright
{    
    text-align:left;
    padding:2px 0 4px 0;
}

.hoverButtons
{
    float:right;
    margin-left:8px;
}
.hoverCaption, .hoverId
{
    clear:left;
    text-align:left;
    color:#555555;
}

.hoverId, .preview_id
{
    font-weight:bold;
}

.hoverData
{
    font-size:11px;
    font-family: 'Maven Pro Medium', Arial;
    margin:4px 0 0px 0;
}

.hoverReleaseStatus
{
    color:Green;
}

.hoverReleaseStatus HR
{
    border-width:1px 0 0 0;
    border-top:solid 1px #CCCCCC;
}

.mrStatusAvailable, .mrStatusUploaded, .prStatusAvailable, .prStatusUploaded,
.mrStatusAvailable .mrStatus, .mrStatusUploaded .mrStatus, 
.prStatusAvailable .prStatus, .prStatusUploaded .prStatus
{
    display:block;
}
.mrStatusAvailable .mrAvailable, .mrStatusUploaded .mrUploaded,
.prStatusAvailable .prAvailable, .prStatusUploaded .prUploaded
{
    display:inline;
}

.filters /*== filters ==*/
{
    font-family: 'Maven Pro Medium', Arial;
    margin: 10px 0px 0px 10px;
    width: 218px;
}   

.filterThumbnails
{
    overflow-y: scroll;
    position:relative;
    height:544px;
    padding-bottom: 6px;
    .padding-bottom: 9px;
    padding-left: 6px;
}

#galleriesTab
{
    width:100%;
}

#lightboxesTab
{
    width:100%;
}

.lightboxTabHeader
{
    padding:10px 8px 4px 8px;
    margin:0;
    border-width:0 0 0px 0;
    border-style:solid;
    border-color:#3399cc;
    text-align:center;
}

.lightboxTabHeader select
{
    width: 130px;
    margin-right: 2px;
    font-family: 'Maven Pro Medium', Arial !important;
}

.lightboxTabHeader p
{
    margin-bottom: 6px;
}

.filter .thumbDropActive
{
    background: #f9b610;
}

.filter .thumbDropActive #divSelectedLightboxItems .thumbnail,
.thumbDropActive #shoppingCartContent .thumbnail
{
    border:solid 1px #999;
}

table.lbInfo
{
    width:100%;
}

.lbInfoPropName
{
    font-weight:bold;
}

.contentPreviewContent
{
    position:absolute;
    top:0.5em;
    left:1em;
    background-color:inherit;
}

#divPreview
{
    background:#fff url(../../Images/spinner.gif) no-repeat scroll 250px 200px;
}

.contentPreview .ui-widget-content a,
.contentPreview .ui-widget-content a:link,
.contentPreview .ui-widget-content a:visited,
.contentPreview .ui-widget-content a:active,
.contentPreview .ui-widget-content a:hover
{
    background-color:#fff;
}

.contentPreview .leftPanelContainer
{
    width:550px;
    float:left;
}

.contentPreview .rightPanelContainer
{
    width:300px;
    clear:right;
    margin-left:570px;
}

.preview_buttons .button
{
    margin-left:4px;
    margin-right:4px;
}

.panelHeader /*== Panels ==*/
{
    display:block;
    background:none repeat scroll 0 0 #DDDDDD;
    border:1px solid #BBBBBB;
    color:#505050;
    font-weight:bold;
    margin-top:10px;
    padding:3px;
    text-align:center;
}

.sharePopupDiv /*== Share Pop up ==*/
{
    left:0;
    padding:10px 15px 5px;
    position:relative;
    top:0;
    width:420px;
}

.sharePopupDiv .disclaimer
{
    color:#666666;
    padding:5px 0;
}

.sharePopupDiv .imgShareDiv
{
    padding-top:5px;
    text-align:center;
}

#sharePopupContentOK
{
    display:none;
    left:45px;
    position:absolute;
    text-align:center;
    top:170px;
    width:360px;
}
  
#container .filterResults /*==Filter Tables==*/ 
{
    font-size: 11px;
    margin-top: 0px;
    color: #555;
}

.pageControls
{
    background: #eee;
    border: 1px solid #CCCCCC;
    display: block;
    height: 30px;
    margin: 20px 10px 15px 0px;
    padding: 4px 0 0 7px;
}  
    

/* =====================
       MISCELLANEOUS
   ===================== */
   
.loadingDialog
{
    background-color:White !important;
    background-image:none !important;
    border:solid 1px #CCC !important;
}

#divLoading
{
    min-height:1px !important;
}

.loadingDialog .ui-dialog-titlebar
{
    display:none;
}

#divViewSearchHelp
{
	text-align: left;
	margin: 10px 10px;
}

#divViewSearchHelp ul li
{
	margin: auto 35px auto 25px;
}