@charset "UTF-8";
/*
-----------------------------------------------
Spry Demos CSS Rules
Version:  12 Apr 2006 (0.2b)
----------------------------------------------- */
div#content .column .form { position: relative; color: #666; font-size: 11px/*for IE5/Win */ voice-family: "\"}\""; voice-family: inherit; font-size: 11px; /*for compliant browsers */; /*for compliant browsers */ }
html>body div#content .column .form { font-size: 11px; } /* be nice to Opera */
div#content .column .form .select { font-size: 11px; } /* class for select option values */
/* Links
----------------------------------------------- */
div#content .column .form img, div#content .column .form a img { border-style: none; margin: 0 !important; }
/* Paragraph Headings
----------------------------------------------- */
/* h1, h2, h3, h4, h5, h6 {font-weight: normal; } */
/* h1 { font-size: 165%; text-align: left; color: #000; } */
div#content .column .form p { margin:0.375em 0; }
div#content .column .form p.left { margin-left: 10px; color:#000000; margin-top: 10px; }
#title-contact-form { text-align: left; font-size: 180%; line-height: 20px; font-weight: bold; margin: 20px 0px 0px 10px; color: #009999; }
div#content .column .form h6.noscript { display: block; border: 1px solid #666; padding: 6px 6px 6px 8px; background-color: #FFFFCC; margin-top: 20px; }
div#content .column .form h4 { color: #000; display: block; margin: 14px 0px 8px 0px; font-size: 120%; } /* see margin-bottom  */
div#content .column .form h4.subtitle { color: #330066; font-size: 105%; }
div#content .column .form h4.steps { color: #6600FF; font-size: 130%; }
div#content .column .form .formLabel h4 { color: #000; display: inline; margin-left: 12px; }
div#content .column .form h3 { background-color: transparent; border-bottom: 1px solid #9999CC; height: 2px; margin-top: 10px; margin-bottom: 20px; display: block; }
#main .column.center .form ol { margin-bottom: 2px; list-style: decimal; margin-left: 5em; }
div#content .column .form .required { color:#FF0000; font-size:11px; font-weight:bold; vertical-align: super; }
.note, div#content .column .form p.note { color: #9966FF; display: block; }
/* Layout Rules
----------------------------------------------- */
div#content .column .form .posRelative { position:relative; }
div#content .column .form #timeWrapper { position: relative; }/* time tip */ 
 div#content .column .form .time { position: absolute; font-size:10px; color:#330033; top:-50px; right:10px; z-index: 2; display: block; padding: 2px 2px 2px 8px; *padding: 2px 2px 2px 8px; _padding: 2px 2px 2px 8px; background-color: #FFFFFF; width: 45%; cursor: help; border-top: 1px solid #6699CC; border-right: 1px solid #0033CC; border-bottom: 1px solid #000066; border-left: 1px solid #6699CC; }/* time tip */
div#content .column .form .manualUrlTip { position: relative; font-size:10px; color:#330033; top:100px; right:10px; z-index: 2; display: block; padding: 2px 2px 2px 8px; *padding: 2px 2px 2px 8px; _padding: 2px 2px 2px 8px; width: 65%; cursor: help; border-top: 1px solid #6699CC; border-right: 1px solid #0033CC; border-bottom: 1px solid #000066; border-left: 1px solid #6699CC; }/* manual url entry tip */ 
div#content .column .form span.textRed { color:#FF0033; }
div#content .column .form span.textDarkRed { color:#990000; }
div#content .column .form span.large { font-size: 105%; }
div#content .column .form p.currentTimeLabel {position:relative; display:inline-block; width: 95%; }
div#content .column .form p.currentTimeLabel #timestamp { display: inline-block; font-size:10px; width: 60%; color:#777; clear: both; border: 1px solid #666; padding: 1px; background-color: #FFFFCC; margin: 2px 5px 4px 0px; *margin: 2px 5px 4px 0px; _margin: 2px 5px 4px 0px; height: 1.75em; padding-left: 5px; } /*rel to p.currentTimeLabel | See _master_slider.js (or startpage.js)  function PlaceTimeStamp() + see startpage.css */
div#content .column .form #timestamp { font-size:10px; width: 70%; color:#777; clear: both; z-index: 3; display: block; border: 1px solid #666; padding: 1px; background-color: #FFFFCC; margin: 2px 5px 4px 0px; *margin: 2px 5px 4px 0px; _margin: 2px 5px 4px 0px; height: 1.75em; padding-left: 5px; } /*rel to .form | See _master_slider.js (or startpage.js)  function PlaceTimeStamp() + see startpage.css */
.tooltip {background-color: #FFFFCC; }
div#content .column .form .listwithus { }
div#content .column .form .contactus { }
#wrap { width: 1000px; padding-top: 20px; margin: 0 20px; }
#codesample #wrap { width: auto; }
#header { margin-bottom: 2em; text-align: left; padding-left: 0.5em; }
#LeftColumn-1, #RightColumn-1 { color: #666666; margin-top: 10px; margin-bottom: 30px; background-color: #EBF9EF; clear: both; border: solid 1px #404040; }
#LeftColumn-1 { padding:0; width: 180px; margin-right: 10px; margin-bottom: 0; margin-left: 0; }
/*#LeftColumn-1, #articles-1 { border: solid 1px #404040; }*/
#articles-1 { margin-bottom: 10px; margin-top: 0px; padding: 10px 10px 20px; height:auto; }
#RightColumn-1 { padding:0; height: auto; width: 690px; background-image:url(/global/images/nav/formbluebg.gif); background-repeat:repeat-x; }
#content, #sidebar { float: left; text-align: left; }
/* #content {
	width: 600px;
	margin-right: 15px;
	padding-top: 5px; 
}*/
#sidebar { width: 240px; margin-top: 0; }
.SpryHiddenRegion { visibility: hidden; }


div#content .column .form #documentReferrerLink a { text-decoration: none; font-size: 1em; }
div#content .column .form #step1A-wrapper { padding: 0px 1px 15px 7px; background-color: #FFFFE1; clear: both; border: solid 1px #404040; margin: 0px 15px 5px; background-image:url(/global/images/nav/formbluebg_field.gif); background-position: left bottom; }
div#content .column .form #step1B-wrapper { padding: 0px 1px 15px 7px; background-color: #F3E9DB; clear: both; border: solid 1px #404040; margin: 0px 15px 5px; background-image:url(/global/images/nav/formbluebg_field.gif); background-position: left bottom; position:relative; /* for tooltip placement*/ }

/* Form Elements
----------------------------------------------- */
label { font-size: 95%; font-family: "Lucida Grande", "Trebuchet MS", sans-serif; }
/* Table Rules
----------------------------------------------- */
td.rank { }
#products { border-collapse:collapse; empty-cells:show; width:100%; margin: 0; }
#products caption { color: #000; text-transform:uppercase; text-align: left; font-weight: bold; letter-spacing: 0.1em; background-color: #FD2800; padding: 0.375em; border-top: solid 1px #999; border-bottom: solid 1px #3a3a3a; }
#products th { padding: 6px 0.25em; color: #333333; font-weight: bold; margin: 0; cursor: pointer; }
#products th.infocus { background-color: #E6E6E6; }
#products th.selected { color: #EAEAEA; }
#products td, #products th { margin: 0; padding: 0.25em 0.375em 0.45em 0.375em; text-align: left; }
#products tr { border-bottom: solid 1px #202020; -moz-user-select: none; -khtml-user-select: none; }
#products tr.infocus { background-color:#dfdfdf; cursor: pointer; }
#products tr.notinfocus { background-color:#fff; }
#products tr.selected { color:#fc0; }
#products tbody { margin-top: 0; }
.even { background-color: #151515; }
.rowHover { color: #000; background-color: #fff; cursor: pointer; }
.rowSelected { color: #fc0; }
/* Gallery and Playback Controls
----------------------------------------------- */
#gallerySelect { width: 180px; }
#controls { margin:0 auto 10px auto; }
#galleries { margin:0 auto 20px auto; }
#galleries label { padding-bottom: 2px; }
#transport { margin: 0; padding: 0; list-style: none; }
#transport li { float: left; margin: 0; padding: 0; text-align: center; }
#transport a { text-decoration: none; text-transform: uppercase; font-size: 85%; font-weight: bold; letter-spacing: 0.1em; margin: 0 1px 0 0; padding: 4px 8px; width: 64px; float: left; display: block; -moz-user-select: none; -khtml-user-select: none; }
#transport a:link { background: #666; color: #000; border-top: solid 1px #999; border-right: solid 1px #404040; border-bottom: solid 1px #3a3a3a; border-left: solid 1px #404040; }
#transport a:visited { background: #666; color: #000; border-top: solid 1px #999; border-right: solid 1px #404040; border-bottom: solid 1px #3a3a3a; border-left: solid 1px #404040; }
#transport a:hover { background: #666; color: #000; border-top: solid 1px #999; border-right: solid 1px #404040; border-bottom: solid 1px #3a3a3a; border-left: solid 1px #404040; }
#transport a:focus { -moz-user-select: none; -khtml-user-select: none; }
#previews { border-top: solid 1px #404040; border-right: solid 1px #404040; border-bottom: solid 1px #3a3a3a; border-left: solid 1px #404040; padding: 10px 10px 20px 10px; margin-bottom: 5px; width: 250px; float: left; margin-right: 10px; }
#thumbnails { clear: both; margin: 10px auto; }
#thumbnails div { position: relative; width: 24px; height: 24px; float: left; margin: 8px; padding: 0; float: left; display:inline; }
#thumbnails img { width: 24px; height: 24px; position: absolute; border-top: solid 1px #999; border-right: solid 1px #404040; border-bottom: solid 1px #333; border-left: solid 1px #404040; }
#picture { padding: 0px; width: 500px; float: left; }
#mainImageOutline { margin: 0 auto; padding: 0; background-color: #eee; border-top: solid 1px #999; border-right: solid 1px #404040; border-bottom: solid 1px #333; border-left: solid 1px #404040; padding: 1em; overflow: hidden; }
#mainImage { width: 100%; height: 100%; }
#picture img { border: 1px solid #999; }
.selectedThumbnail { border: solid 2px #fc0 !important; }
.inFocus { border: solid 1px #fc0 !important; }
/* Spry Validation Widgets Demo*/
#PropertyList { height: 600px; overflow: auto; }
#PropertyTitle h2 { color: #000; font-size: 110%; text-transform:uppercase; text-align: left; font-weight: bold; letter-spacing: 0.1em; background-color: #ff2700; border-top: solid 1px #999; border-bottom: solid 1px #3a3a3a; margin: 0; height: 20px; padding-left: 3px; }
#columnHeadings { color: #000; font-weight: bold; font-size: 110%; width: 100%; height: 24px; text-transform:uppercase; margin: 0; padding: 0; border-top: solid 1px #999; border-bottom: solid 1px #3a3a3a; cursor: pointer; }
#SubjectTitle, .SubjectColumn { width: 500px; margin: 0; }
#PubDateTitle, .PubDateColumn { width: auto; margin: 0; }
.ListBoxItemGroup .ListBoxItem { padding:3px 0 5px 0.25em; }
#SubjectTitle, #PubDateTitle, .SubjectColumn, .PubDateColumn { padding:3px 0 5px 0.25em; float: left; cursor: pointer; white-space: nowrap; overflow: hidden; -moz-user-select: none; -khtml-user-select: none; }
.ListBoxItemTitle { border-top: solid 1px #999; border-bottom: solid 1px #3a3a3a; padding: 3px 0 5px 0.25em; color: #000; font-weight: bold; margin: 0; cursor: pointer; }
.ListBoxCategTitle { border-top: solid 1px #999; border-bottom: solid 1px #3a3a3a; padding: 3px 0 5px 0.25em; color: #000; font-weight: bold; margin: 0; }
.ListBoxItem { border-bottom: solid 1px #202020; cursor: pointer; clear: both; background-color: #fff; white-space: nowrap; overflow: hidden; -moz-user-select: none; -khtml-user-select: none; }
.EvenRow { background-color: #151515; }
.ListBoxItemHover { background-color: #FFFFCC; color: #000; }
.SelectedListBoxItem { color: #6633FF; font-weight: bold; }
/* Utility IDs, classes, and HTML selectors
----------------------------------------------- */
#boxshot { background-color: #fff; border-top: solid 1px #999; border-bottom: solid 1px #3a3a3a; border-left: solid 1px #3a3a3a; border-right: solid 1px #3a3a3a; text-align: center; }
.clear { visibility: hidden; display: block; clear: both; height: 0px; margin: 0; padding: 0; }
.ClearAll { clear: both; height: 0; font-size: 0; line-height: 0; }
code { color: #000; }
pre { font-size: small; color: #000; }
.highlightedcode { background-color: #ff9; }
.sample { background: #eee; padding: 20px; border: 2px solid #666; margin-top: 20px; overflow: scroll; }
/* Home Page Classes
----------------------------------------------- */
.screen { background-color: #bbb; border-top: solid 1px #999; border-bottom: solid 1px #3a3a3a; border-left: solid 1px #3a3a3a; border-right: solid 1px #3a3a3a; margin: 5px 5px 5px 0; padding: 1em 1em 0.5em 1em; float: left; display: block; text-decoration: none; }
.screen:hover { background-color: #fff; color: #000; border-top: solid 1px #999; border-right: solid 1px #404040; border-bottom: solid 1px #3a3a3a; border-left: solid 1px #404040; text-decoration: none; }
.imgcaption { font-size: 90%; font-weight: bold; margin: 0em 0 1em 0; line-height: 1.1em; color: #333333; border: none; text-decoration: none; }