/* 
 * Common.css 
 * 02/22/06 - MTosch
 * This file holds the common styles used in places throughout the site
 */

input, textarea, select  {font-family:Verdana,Helvetica,Arial,sans-serif;font-size:10px;}

img     { border:0px; }
        
a.SideBar { font-size: 10px; font-weight: bold; color: #666666; }

a.SideBar:visited { font-size: 10px; font-weight: bold; color: #666666; }

a.SideBar:hover { color: #2288CC; }

p {margin:0px 0px 10px 0px;}
        
hr
{
	height:1px;
	background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/dotted_line.gif);
	background-repeat:repeat-x;
	margin:10px 0px;
	border:0;
}


.link
	{color:#003399; cursor:pointer; cursor:hand;}
	
.linkNoHover, a.linkNoHover:link, a.linkNoHover:visited, a.linkNoHover:hover, a.linkNoHover:active
{
	color:#3B3A26;
	text-decoration:none;
}


.PageTitle
{
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	color: #22557E;
}

.SmStan
{
	font-size: 10px;
	font-family: Verdana;
	color: #000000;
}

.SmBold
{
	font-size: 10px;
	font-family: Verdana;
	color: #000000;
	font-weight: bold;
}

.SmError
{
	font-size: 10px;
	font-family: Verdana;
	color: #CC0000;
}

.InputStan
{
	font-size: 10px;
	font-family: Verdana;
	color: #000000;
}

.copyBold
{
	font-weight:bold;
}

.Divider
{
	background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/dotted_line_double.gif);
	background-repeat:repeat-x;
    height:3px;
    overflow:hidden;
    width:100%;
    /* Hide from MacIE5 hack
    /* MacIE5 needs width:100% to avoid it's strink-to-fit bug \*/
    width:auto;
    /* End hide hack */
}

.DividerThin
{
	background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/dotted_line.gif);
	background-repeat:repeat-x;
	height:1px;
	overflow:hidden;
	width:100%;
	/* Hide from MacIE5 hack
    /* MacIE5 needs width:100% to avoid it's strink-to-fit bug \*/
    width:auto;
    /* End hide hack */
}

.TitlePanelDividerSpacing
{
	margin: 10px 0px 14px 0px;
}

.SmallDivider
{
	background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/divider-sidebar.gif); 
	background-repeat: repeat-x;
    height:3px;
    overflow:hidden;
    width:100%;
    /* Hide from MacIE5 hack 
	/* MacIE5 needs width:100% to avoid it's strink-to-fit bug \*/
    width:auto;
    /* End hide hack */
}

.LineDivider
{
	background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/divider-sidebar.gif); 
	background-repeat: repeat-x;
    height:1px;
    overflow:hidden;
    width:100%;
}

.DarkDoubleLineDivider
{	
	background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/dotted_line_dark_double.gif); 
	background-repeat: repeat-x;
    height:3px;
    overflow:hidden;
    width:100%;
}

.DarkLineDivider
{
	background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/dotted_line_dark.gif); 
	background-repeat: repeat-x;
    height:1px;
    overflow:hidden;
    width:100%;
}

.grey14
	{ color:#666; font-size:14px; font-weight:bold; font-family: helvetica-neue, helvetica, verdana, arial, san-serif }
	
a.grey14:link
	{ color:#666;text-decoration:none }
a.grey14:visited
	{ color:#666;text-decoration:none }
a.grey14:hover
	{ color:#69C;text-decoration:underline }
	
.grey10
	{ color:#666; font-size:10px; font-family: verdana, arial, san-serif }
	
a.grey10:link
	{ color:#666;text-decoration:none }
a.grey10:visited
	{ color:#666;text-decoration:none }
a.grey10:hover
	{ color:#69C;text-decoration:underline }
	
.grey10Bold
	{ color:#666; font-size:10px; font-family: verdana, arial, san-serif; font-weight:bold }

.blue10
	{ color:#2288cc; font-size:10px; font-family: verdana, arial, san-serif }
.blue10Bold
	{ color:#2288cc; font-size:10px; font-family: verdana, arial, san-serif; font-weight:bold }
.blue14
	{ color:#2288cc; font-size:14px; font-weight:bold; font-family: verdana, arial, san-serif }

.bottomMargin
	{margin:0px 0px 4px 0px;}

/* These styles used by the OverlayList control */
.overlayBox, .overlayBoxNone
	{  z-index:2; cursor:default;
		font-size:10px; }

.overlayBoxNone { border-width:0px 0px 0px 0px;  }


.overlayBoxTop, .overlayBoxMid, .overlayBoxBottom, .overlayTextBox,
overlayBoxTopNone, overlayBoxMidNone, overlayBoxBottomNone
	{ width:auto; }

.overlayBoxTop
	{ font-weight: bold; padding:4px 6px; }

.overlayBoxTopNone
	{ font-weight: bold; padding-top:4px;padding-bottom:4px; }

.overlayBoxMid
	{ padding:0px 6px 8px 6px; }
	
.overlayBoxMid input, .overlayBoxMid label
	{ height:13px;line-height:13px;vertical-align:middle; }

.overlayBoxMid input
	{ margin-right:8px; }

.overlayBoxMid td
	{ padding-top:8px; }

.overlayBoxMidNone
	{ padding-top:8px; padding-bottom:8px; }
	
.overlayBoxMidNone input, .overlayBoxMidNone label
	{ height:13px;line-height:13px;vertical-align:middle; }

.overlayTextBox
	{ margin-left:24px;margin-top:6px;width:130px; }

.overlayTextBoxNone
	{ margin-left:24px;margin-top:6px;width:130px; }

.overlayBoxBottom
	{ text-align: left; background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/dotted_line.gif);
		background-repeat:repeat-x; background-position:left top; padding:5px 6px 2px 6px; }

.overlayBoxBottom input, .overlayBoxBottomNone input
	{ margin-right:6px; }

.overlayBoxBottomNone 
	{ text-align: left; background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/dotted_line.gif);
		background-repeat:repeat-x; background-position:left top; padding-top: 5px; }

/* Styles used by the browse modules (both Events and LiveFeed Images) */

.browseModuleModify
	{ padding-left: 10px; color: #2288CC; background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/btn-BrowseDrop.gif); background-position: left center; background-repeat: no-repeat; }

.browseModuleTop
	{ height: 20px; background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/eventModuleHandle.png); background-position: center center; background-repeat: no-repeat; }

.browseModuleToolTip 
	{ position: absolute; visibility: hidden; overflow: visible; width:400px; z-index: 15; }

.browseModuleToolTipContent { margin: 0px; min-height:20px; background-color: #FFF; }
	

.InfoBox { overflow:auto; border: #CCCCCC 1px solid; padding-right: 10px; padding-left: 10px; }

/* style for CustomBorderPanel for ControlGroup */
.rndCnrControlGroupL {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/rndCnrLeft.png); }
.rndCnrControlGroupR {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/rndCnrRight.png); }
.rndCnrControlGroupB {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/rndCnrBottom.png); }
.rndCnrControlGroupBL {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/rndCnrBottomLeft.png); }
.rndCnrControlGroupBR {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/rndCnrBottomRight.png); }
.rndCnrControlGroupT {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/rndCnrTop.png); }
.rndCnrControlGroupTL {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/rndCnrTopLeft.png); }
.rndCnrControlGroupTR {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/rndCnrTopRight.png); }
.rndCnrControlGroup { background-color:Red; }


/* styles used by the CustomBorderPanel with the RoundShadow skin */

.rndShdwBL
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rndShdwBL.png);}
.rndShdwBR
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rndShdwBR.png);}
.rndShdwB 
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rndShdwB.png);}
.rndShdwTL
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rndShdwTL.png);}
.rndShdwTR
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rndShdwTR.png);}
.rndShdwR 
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rndShdwR.png);}
.rndShdwL
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rndShdwL.png);}
.rndShdwT
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rndShdwT.png); }

/* styles used by the CustomBorderPanel with the Round4 skin */
.rnd4BL
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rnd4BL.png);}
.rnd4BR
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rnd4BR.png);}
.rnd4B
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rnd4B.png);}
.rnd4TL
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rnd4TL.png);}
.rnd4TR
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rnd4TR.png);}
.rnd4R
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rnd4R.png);}
.rnd4L
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rnd4L.png);}
.rnd4T
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rnd4T.png);}

.simpleBold 
	{font-weight:normal;font-size:11px}

/* styles used by the CustomBorderPanel with the SquareShadow skin */
.sqrShdwBL
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rndShdwBL.png);}
.sqrShdwBR
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rndShdwBR.png);}
.sqrShdwB 
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rndShdwB.png);}
.sqrShdwTR
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rndShdwTR.png);}
.sqrShdwR 
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rndShdwR.png);}
.sqrShdwT
	{background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/rndShdwT.png); }

.sqrCnrControlGroupL {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/rndCnrLeft.png); }
.sqrCnrControlGroupR {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/rndCnrRight.png); }
.sqrCnrControlGroupB {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/rndCnrBottom.png); }
.sqrCnrControlGroupBL {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/rndCnrBottomLeft.png); }
.sqrCnrControlGroupBR {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/rndCnrBottomRight.png); }
.sqrCnrControlGroupT {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/rndCnrTop.png); }
.sqrCnrControlGroupTL {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/rndCnrTopLeft.png); }
.sqrCnrControlGroupTR {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/rndCnrTopRight.png); }
.sqrCnrControlGroup { background-color:Red; }

.sqrCnrQuickSearchL {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/sqrShdwL.png); }
.sqrCnrQuickSearchR {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/sqrShdwR.png); }
.sqrCnrQuickSearchB {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/sqrShdwB.png); }
.sqrCnrQuickSearchBL {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/sqrShdwBL.png); }
.sqrCnrQuickSearchBR {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/sqrShdwBR.png); }
.sqrCnrQuickSearchT {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/sqrShdwT.png); }
.sqrCnrQuickSearchTL {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/sqrShdwTL.png); }
.sqrCnrQuickSearchTR {background-image: url(http://pic.gettyimages.cn/html/NewPic/Images/sqrShdwTR.png); }


.sqrCnrQuickSearchL

/* tab navigation styles */
.tabLinkActive, .tabLinkActive:hover, .tabLinkActive:visited
	{color:#000;border-bottom: solid #28C 3px; margin: 0px 20px; padding-bottom: 4px; font-weight: bold; }
.tabLink, .tabLink:hover
	{margin: 0px 20px;}
.tabLinkDisabled, .tabLinkDisabled:hover
	{ color:#999; text-decoration:none; font-weight:bold; margin: 0px 20px; }
.greyOff { }
.greyOn { background:url(http://pic.gettyimages.cn/html/NewPic/Images/imgDetailNavLine.gif) repeat-x;}

.floaterOn { position:absolute; visibility:visible; }
.floaterOff { position:absolute; visibility:hidden; }

.actionPanelLink { margin-bottom:18px; }


/* Classes used for image close boxes */
.closeImage, .closeImage:hover
	{ padding-right:15px; background-repeat:no-repeat; background-position:right center; }
.closeImage
	{ background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/close.gif); }
.closeImage:hover
	{ background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/closeOver.gif); }
	
.closeImageWhite, a.closeImageWhite:hover
{
	padding-right:15px;
	background-repeat:no-repeat;
	background-position:right center;
	background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/btn_close_white.gif);
	text-decoration:none;
}

/* these are used for table data where the rows alternate color (e.g. account pages) */
.oddRow
{
	background-color:#e9e8e1;
}
	
.evenRow
{
	background-color:#ffffff;
}

/* these styles are used for styling the tables on the account pages*/
thead.actHead td
{
	font-weight:bold;
	padding-bottom:5px;
	padding-left:5px;
}

tbody.actBody td
{
	padding:5px;
}

/* these styles are used by side navigation panels (e.g. OverviewNavigationPanel (account), ViewBy (purchases)) */
.navPnlLink, a.navPnlLink:link, a.navPnlLink:visited, a.navPnlLink:hover, a.navPnlLink:active
{
	display:block;
	color:#3B3A26;
	line-height:20px;
	padding-left:1px;
}

.navPnlLinkActive, a.navPnlLinkActive:link, a.navPnlLinkActive:visited, a.navPnlLinkActive:hover, a.navPnlLinkActive:active
{
	display:block;
	color:#3B3A26;
	line-height:20px;
	padding-left:1px;
	background-color:#DADCD3;
	text-decoration:none;
}

.navPnlLinkDisabled, a.navPnlLinkDisabled:link, a.navPnlLinkDisabled:visited, a.navPnlLinkDisabled:hover, a.navPnlLinkDisabled:active
{
	display:block;
	color:#aaa;
	line-height:20px;
	padding-left:1px;
	text-decoration:none;
}

	
/* Styles used by the FloaterSelectBox user control */
.floatSelectList
{
	background-color:#ffffff;
	line-height:24px;
}
.floatSelectItem, .floatSelectItemSelected
{
	padding-left:16px;
	background-position:left center;
	background-repeat:no-repeat;
	display:block;
}
.floatSelectItemSelected { background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/checkmark_left_padding.gif); }
.floatSelectItem:hover, .floatSelectItemSelected:hover { background-color:#DADCD3;text-decoration:none; }

.floatSelectTrigger
{
	background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/sort_arrow_down.png);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:10px;
}

/* These styles used in many places throughout the site for
   displaying image thumbnails with flyout and metadata (including search results) */
.imgContainer
		{float:left!important;display:block;width:170px;
		 background-position:center bottom;background-image:url(http://pic.gettyimages.cn/html/NewPic/Images/dotted_line.gif);background-repeat:repeat-x;}
.imgInner
		{margin:20px 0px 20px 0px;padding:0px 10px 0px 10px; overflow:hidden;}	


/*	These styles are for styling the IconLinkButton and IconHyperLink controls (applied in Common.skin) */
.iconLink
{
	display:block;
	margin:5px 0px 5px 0px;
}
.iconLinkIcon
{
	padding-right:5px;
	width:20px;
}
.iconLinkText, a.iconLinkText:link, a.iconLinkText:visited, a.iconLinkText:hover, a.iconLinkText:active
{
	color:#3B3A26;
}
.iconLinkTextDisabled, a.iconLinkTextDisabled:link, a.iconLinkTextDisabled:visited, a.iconLinkTextDisabled:hover, a.iconLinkTextDisabled:active
{
	color:#aaa;
	text-decoration:none;	
}


/* Default used anywhere a linkbutton is disabled */
a.lnkBtnDisabled
{
    color:#666666;
}

/* Only displayed when printing */
.printShow
{
	display:none;
}

/* This style (subheadText) is used by the Rights-Managed page.  It is a placeholder style
/* until the UI Design team creates a style definition for it.  Hopefully, this
/* is temporary. */
.subheadText {font-family:Arial; font-size:13px; color:#CC3300; }