/* CSS Document */

* {margin:0px;} /*base level setting - margin 0 corrects browser discrepencies */
body, div, td, p {font:10px/14px Verdana, Arial, Helvetica, sans-serif; color:#3B3A26;} 
a:link {color:#2C47B7; text-decoration:none}
a:visited {color:#2C47B7; text-decoration:none}
a:hover {color:#2C47B7; text-decoration:underline}
p {margin:0px 0px 10px 0px;}
.alert {font-weight:bold; color:#C00;}
.alertLight {color:#C00;}
b, strong, .bold {font-weight:bold;}
.collections {line-height:15px;} /* used for lists of collections */
	a.collections:link{color:#3B3A26;}
	a.collections:visited{color:#3B3A26;}
	a.collections:hover{color:#3B3A26; text-decoration:underline;}
	
.filmCollections {line-height:15px;margin-left:10px;} /* used for lists of collections */
	a.filmCollections:link{color:#3B3A26;}
	a.filmCollections:visited{color:#3B3A26;}
	a.filmCollections:hover{color:#3B3A26; text-decoration:underline;}
	
.copyright
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #97978C;
}
.globalNav {/* currently the same as default font */} 
	a.globalNav:link {color:#3B3A26;}
	a.globalNav:visited {color:#3B3A26;}
	a.globalNav:hover {color:#2C47B7; text-decoration:underline;}
h1, .header {font:bold 13px Arial;} /* header - used most commonly in combination with section color style (below) */
.header1 {font:bold 13px Verdana;}
h2, .header2 {font-weight:bold; font-size:10px;} 
.legal {line-height:14px;}
	a.legal:link {text-decoration:underline;}	
	a.legal:visited {text-decoration:underline;}
	a.legal:hover {text-decoration:underline;}
.meta {color:#737060}
.navbar{color:#484833;} /* Used on the 'global' product page navigation - style for current section state */
	a.navbar:link {color:#484833;}
	a.navbar:visited {color:#484833;}
	a.navbar:hover {color:#484833; text-decoration:underline;}
.navbar1{color:#484833;} /* Used on the 'global' product page navigation - style for other sections states */
	a.navbar1:link {color:#484833;}
	a.navbar1:visited {color:#484833;}
	a.navbar1:hover {color:#484833; text-decoration:underline;}
.note {color:#737060}
.notice {/* currently same as default*/}  /* Used where links need to appear differently */
	a.notice:link {color:#3B3A26; text-decoration:underline;}
	a.notice:visited {color:#3B3A26; text-decoration:underline;}
	a.notice:hover {color:#3B3A26; text-decoration:underline;}
.tooltip {/* currently same as default*/}  /* Used where links need to appear differently */
	a.tooltip:link {color:#3B3A26; text-decoration:none;}
	a.tooltip:visited {color:#3B3A26; text-decoration:none;}
	a.tooltip:hover {color:#3B3A26; text-decoration:none;}
.refineItem {color:#000;font-size:10px;}  /* Used on Refine search panal on search page - item level */
	a.refineItem:link {color:#000;}
	a.refineItem:visited {color:#000;}
	a.refineItem:hover {color:#2C47B7; text-decoration:underline;}
.refineHdr {font-family: Arial;font-weight:bold; font-size:13px; color:#FFF;}  /* Used on Refine search panal on search page - top level */
	a.refineHdr:link {color:#FFF;}
	a.refineHdr:visited {color:#FFF;}
	a.refineHdr:hover {color:#2C47B7; text-decoration:none;}
.refineHdr1 {font-family: Arial;font-weight:bold; font-size:13px; color:#3B3A26;}  /* Used on Refine search panal on search page - top level */
	a.refineHdr1:link {color:#3B3A26;}
	a.refineHdr1:visited {color:#3B3A26;}
	a.refineHdr1:hover {color:#2C47B7; text-decoration:none;}
.refineHdr2 {font-family: Arial;font-weight:bold; font-size:13px; color:#000;}  /* Used on Refine search panal on search page - top level */
	a.refineHdr2:link {color:#000;}
	a.refineHdr2:visited {color:#000;}
	a.refineHdr2:hover {color:#2C47B7; text-decoration:none;}
.refineSubHd {margin-left:2px;font-weight:bold; color:#3B3A26;}  /* Used on Refine search panal on search page - secondary level */
	a.refineSubHd:link {color:#3B3A26;}
	a.refineSubHd:visited {color:#3B3A26;}
	a.refineSubHd:hover {color:#2C47B7; text-decoration:none;}
.searchHistory1 {font-weight:bold; font-size:13px; color:#FFF;}   /* Used in the Search history bar - first item - current result */
	a.searchHistory1:link {color:#FFF; font-size:13px; text-decoration:underline;}
	a.searchHistory1:visited {color:#FFF; font-size:13px;  text-decoration:underline;}
	a.searchHistory1:hover {color:#FFF; font-size:13px;  text-decoration:underline;}
.searchHistory2 {color:#FFF; font-size:11px; }  /* Used in the Search history bar - previous results */
	a.searchHistory2:link {color:#FFF; font-size:11px; text-decoration:underline;}
	a.searchHistory2:visited {color:#FFF; font-size:11px; text-decoration:underline;}
	a.searchHistory2:hover {color:#FFF; font-size:11px; text-decoration:underline;}
.searchHistoryText {color:#FFF;} /* Used in the Search history bar - number of results and '>' between results */
.subNav {color:#3B3A26;font-weight:bold;}
	a.subNav:link {color:#3B3A26}
	a.subNav:visited {color:#3B3A26}
	a.subNav:hover {color:#3B3A26; text-decoration:none;}
.titlebar {font:bold 15px Arial; color:#FFF;} /* Used as section headings of pages */
.titlebar2 {font:bold 13px Arial; color:#FFF;} /* Used as secondary section headings of pages */
.titlebar3 {font:bold 13px Arial; color:#FFF;} /* Used as secondary section headings of pages */
.titlebar4 {font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#FFF;} /* Used as section heads of lists and within boxes */
.titlebar5, a.titlebar5:link, a.titlebar5:visited, a.titlebar5:hover, a.titlebar5:active
	{font:bold 13px Arial, Helvetica, sans-serif; color:#454339; line-height:13px; }
.titlebarText{color:#FFF;}  /* Used in titlebars as supporting text */
	a.titlebarText:link {color:#FFF}
	a.titlebarText:visited {color:#FFF}
	a.titlebarText:hover {color:#FFF}

.titlebar3Small {font:bold 13px Arial;} /* Used as secondary section headings of pages */
.popupTitle {font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#FFF;} /* Used as section heads of small popups */
.popupTitle1 {font:bold 13px Arial; color:#FFF;} /* Used as section heads of small popups */
.quicksearch{color:#3B3A26;} /* Used on the quicksearch 'flyout' */

/* SECTION COLOR STYLES - can be combined with above styles to change font color */
.creative {color:#D72193;}
	a.creative:link {color:#D72193; text-decoration:underline;}
	a.creative:visited {color:#D72193; text-decoration:underline;}
	a.creative:hover {color:#D72193; text-decoration:underline;}
.editorial {color:#0AAA25;}
	a.editorial:link {color:#0AAA25; text-decoration:underline;}
	a.editorial:visited {color:#0AAA25; text-decoration:underline;}
	a.editorial:hover {color:#0AAA25; text-decoration:underline;}
.film {color:#FC6432;}
	a.film:link {color:#FC6432; text-decoration:underline;}
	a.film:visited {color:#FC6432; text-decoration:underline;}
	a.film:hover {color:#FC6432; text-decoration:underline;}
.rf {color:#F94E22;}
	a.rf:link {color:#F94E22; text-decoration:underline;}
	a.rf:visited {color:#F94E22; text-decoration:underline;}
	a.rf:hover {color:#F94E22; text-decoration:underline;}
.rr {color:#669933;}
	a.rr:link {color:#669933; text-decoration:underline;}
	a.rr:visited {color:#669933; text-decoration:underline;}
	a.rr:hover {color:#669933; text-decoration:underline;}
.services {color:#00ADEF;}
	a.services:link {color:#00ADEF; text-decoration:underline;}
	a.services:visited {color:#00ADEF; text-decoration:underline;}
	a.services:hover {color:#00ADEF; text-decoration:underline;}
.subscription {color:#0089FF;}
	a.subscription:link {color:#00529B; text-decoration:underline;}
	a.subscription:visited {color:#00529B; text-decoration:underline;}
	a.subscription:hover {color:#00529B; text-decoration:underline;}
/* 
 * 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(../images/dotted_line.gif);
	background-repeat:repeat-x;
	margin:10px 0px;
	border:0;
}

.centeredTextBox
{
	text-align: center;
}

/* this style is used to style bullet lists in IE (the default styling is messed up in IE because of the margin clearing thing in UIStandards.css */
* html ul.bulletList li { margin-left:25px;padding-left:0px;}

.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;
}


/* these are legacy ui standards styles that ui standards no longer uses */
.copyBold
{
	font-weight:bold;
}

.copyItalic
{
	font-style:italic;
}

.alertCopy
{
	font-weight:bold; color:#C00;
}

.alertCopyLight
{
	color:#C00;
}

/* end legacy ui standards styles */

.Divider
{
	background-image:url(../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(../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(../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(../images/divider-sidebar.gif); 
	background-repeat: repeat-x;
    height:1px;
    overflow:hidden;
    width:100%;
}

.DarkDoubleLineDivider
{	
	background-image: url(../images/dotted_line_dark_double.gif); 
	background-repeat: repeat-x;
    height:3px;
    overflow:hidden;
    width:100%;
}

.DarkLineDivider
{
	background-image: url(../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(../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(../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(../images/btn-BrowseDrop.gif); background-position: left center; background-repeat: no-repeat; }

.browseModuleTop
	{ height: 20px; background-image: url(../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: #FFFFFF; }
	

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

/* style for CustomBorderPanel for ControlGroup */
.rndCnrControlGroup { background-color:Red; }

.simpleBold 
	{font-weight:bold;}

.sqrCnrControlGroup { background-color:Red; }

/* 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(../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(../images/close.gif); }
.closeImage:hover
	{ text-decoration:none; }
	
.closeImageWhite, a.closeImageWhite:hover
{
	padding-right:15px;
	background-repeat:no-repeat;
	background-position:right center;
	background-image:url(../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(../images/checkmark_left_padding.gif); }
.floatSelectItem:hover, .floatSelectItemSelected:hover { background-color:#DADCD3;text-decoration:none; }

.floatSelectTrigger
{
	background-image:url(../images/drop_arrow.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:190px;
		 /*
		 background-position:center bottom;
		 background-image:url(/../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, a.lnkBtnDisabled:hover
{
    color:#666666;
    text-decoration:none;
}

/* 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; }

/* This style is for the headers introduced for SEO */
.seoHeader{display: block; overflow: hidden; height: 0; width:0;}


.alignedRadioList td
{
	height:19px;
}

.alignedRadioList label, .alignedRadioList span
{
	display:block;
	float:left;
	height:18px;
	margin-top:1px;
	white-space:nowrap;
}

.alignedRadioList input
{
	display:block;
	float:left;
	margin-right:5px;
	height:18px;
}


/* these styles used by the default skin of the UpdateLoadingIndicator control */
.loadingIndicatorContainer
{
	margin:10px;
	height:32px;
}

.loadingIndicatorImg
{
	display:block;
	float:left;
	height:32px;
	width:32px;
}

.loadingIndicatorText
{
	display:block;
	float:left;
	padding-top:7px;
	margin-left:8px;
}


/* 

Rounded Corner Panel Sprite Styles 

The round corner panel is broken into 3 sprite ../images. One for the corners, one for the top and bottom edges, and one for the side edges.
The side edges must repeat in the y direction. The top and bottom edges repeat in the x direction.
The sprite ../images and style sheet entries are generated by /Tools/SpriteMaker.
These sprites are alpha png ../images and use background-position - therefore we cannot use this technique for IE6.
For IE6, we fall back to the individual ../images for each part of the panel. See the style hack at the bottom of this section.

*/

/* Begin corners-sprite.png */
.sp-rnd4bl,
.sp-rnd4br,
.sp-rnd4tl,
.sp-rnd4tr,
.sp-rndcnrbottomleft,
.sp-rndcnrbottomright,
.sp-rndcnrtopleft,
.sp-rndcnrtopright,
.sp-rndnavmnubottomleft,
.sp-rndnavmnubottomright,
.sp-rndnavmnutopleft,
.sp-rndnavmnutoplefts,
.sp-rndnavmnutopright,
.sp-rndnavmnutoprights,
.sp-rndshdwbblbl,
.sp-rndshdwbblbr,
.sp-rndshdwbbltl,
.sp-rndshdwbbltr,
.sp-rndshdwbl,
.sp-rndshdwbr,
.sp-rndshdwtl,
.sp-rndshdwtr,
.sp-rndtabmnubottomleft,
.sp-rndtabmnubottomright,
.sp-sqrshdwbl,
.sp-sqrshdwbr,
.sp-sqrshdwtl,
.sp-sqrshdwtr
{
	background: url(../images/corners-sprite.png);
	
	/* IE6 hack that points to a gif version of the image that does not contain the semi-transparency */
	_background: url(../images/corners-sprite.gif);
	
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment:scroll;
}

.sp-rnd4bl { background-position: 0px 0px; }
.sp-rnd4br { background-position: 0px -28px; }
.sp-rnd4tl { background-position: 0px -56px; }
.sp-rnd4tr { background-position: 0px -84px; }
.sp-rndcnrbottomleft { background-position: 0px -112px; }
.sp-rndcnrbottomright { background-position: 0px -140px; }
.sp-rndcnrtopleft { background-position: 0px -168px; }
.sp-rndcnrtopright { background-position: 0px -196px; }
.sp-rndnavmnubottomleft { background-position: 0px -224px; }
.sp-rndnavmnubottomright { background-position: 0px -252px; }
.sp-rndnavmnutopleft { background-position: 0px -280px; }
.sp-rndnavmnutoplefts { background-position: 0px -308px; }
.sp-rndnavmnutopright { background-position: 0px -336px; }
.sp-rndnavmnutoprights { background-position: 0px -364px; }
.sp-rndshdwbblbl { background-position: 0px -392px; }
.sp-rndshdwbblbr { background-position: 0px -420px; }
.sp-rndshdwbbltl { background-position: 0px -448px; }
.sp-rndshdwbbltr { background-position: 0px -476px; }
.sp-rndshdwbl { background-position: 0px -504px; }
.sp-rndshdwbr { background-position: 0px -532px; }
.sp-rndshdwtl { background-position: 0px -560px; }
.sp-rndshdwtr { background-position: 0px -588px; }
.sp-rndtabmnubottomleft { background-position: 0px -616px; }
.sp-rndtabmnubottomright { background-position: 0px -644px; }
.sp-sqrshdwbl { background-position: 0px -672px; }
.sp-sqrshdwbr { background-position: 0px -700px; }
.sp-sqrshdwtl { background-position: 0px -728px; }
.sp-sqrshdwtr { background-position: 0px -756px; }
/* End corners-sprite.png */



.sp-rnd4b,
.sp-rnd4t,
.sp-rndcnrbottom,
.sp-rndcnrtop,
.sp-rndnavmnubottom,
.sp-rndnavmnutop,
.sp-rndshdwb,
.sp-rndshdwbblb,
.sp-rndshdwbblt,
.sp-rndshdwt,
.sp-rndtabmnubottom,
.sp-sqrshdwb,
.sp-sqrshdwt
{
	background: url(../images/horizontals-sprite.png);
	
	/* IE6 hack that points to a gif version of the image that does not contain the semi-transparency */
	_background: url(../images/horizontals-sprite.gif);
	
	background-color: transparent;
	background-repeat: repeat-x;
	background-attachment:scroll;
}

.sp-rnd4b { background-position: 0px 0px; }
.sp-rnd4t { background-position: 0px -4px; }
.sp-rndcnrbottom { background-position: 0px -8px; }
.sp-rndcnrtop { background-position: 0px -10px; }
.sp-rndnavmnubottom { background-position: 0px -20px; }
.sp-rndnavmnutop { background-position: 0px -37px; }
.sp-rndshdwb { background-position: 0px -53px; }
.sp-rndshdwbblb { background-position: 0px -80px; }
.sp-rndshdwbblt { background-position: 0px -103px; }
.sp-rndshdwt { background-position: 0px -118px; }
.sp-rndtabmnubottom { background-position: 0px -133px; }
.sp-sqrshdwb { background-position: 0px -149px; }
.sp-sqrshdwt { background-position: 0px -177px; }

.sp-rnd4l,
.sp-rnd4r,
.sp-rndcnrleft,
.sp-rndcnrright,
.sp-rndnavmnuleft,
.sp-rndnavmnuright,
.sp-rndshdwbbll,
.sp-rndshdwbblr,
.sp-rndshdwl,
.sp-rndshdwr,
.sp-rndtabmnuleft,
.sp-rndtabmnuright,
.sp-sqrshdwl,
.sp-sqrshdwr
{
	background: url(../images/verticals-sprite.png);
	
	/* IE6 hack that points to a gif version of the image that does not contain the semi-transparency */
	_background: url(../images/verticals-sprite.gif);
	
	background-color: transparent;
	background-repeat: repeat-y;
	background-attachment:scroll;
}

.sp-rnd4l { background-position: 0px 0px; }
.sp-rnd4r { background-position: -4px 0px; }
.sp-rndcnrleft { background-position: -8px 0px; }
.sp-rndcnrright { background-position: -19px 0px; }
.sp-rndnavmnuleft { background-position: -31px 0px; }
.sp-rndnavmnuright { background-position: -48px 0px; }
.sp-rndshdwbbll { background-position: -65px 0px; }
.sp-rndshdwbblr { background-position: -82px 0px; }
.sp-rndshdwl { background-position: -99px 0px; }
.sp-rndshdwr { background-position: -120px 0px; }
.sp-rndtabmnuleft { background-position: -140px 0px; }
.sp-rndtabmnuright { background-position: -159px 0px; }
.sp-sqrshdwl { background-position: -178px 0px; }
.sp-sqrshdwr { background-position: -196px 0px; }

div.row
{
	clear: both;
}
div.row span.label
{
	float: left;
	width: 21%;
	text-align: right;
}
div.row span.input
{
	float: left;
	width: auto;
	text-align: left;
	margin-left: 10px;
}
span.inline span.label
{
	float: left;
	width: 21%;
	text-align: right;
}
span.inline span.label-auto
{
	float: left;
	width: 0.1em; /* Begin hide from IE-mac \*/
	width: auto; /* End hide from IE-mac */
	text-align: right;
}
span.inline span.input
{
	float: left;
	width: auto;
	text-align: left;
	margin-left: 10px;
}
span.input input, span.input select
{
	background-color: Window !important;
}
.input-table:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.input-table
{
	display: inline-table;
}
/* Begin hide from IE-mac \*/
* html .input-table
{
	height: 1%;
}
.input-table
{
	display: block;
}
/* End hide from IE-mac */
div.info
{
	clear: both;
}
div.info span.label
{
	float: left;
	width: 100px;
	margin-right: 10px;
}
div.info span.data
{
	float: left;
	width: auto;
}