/* Site color scheme 
	green: #a3bd0b
	blue: #567eb9
	lightblue: #74c3ee
*/

html, body, form { margin: 0px; padding: 0px; min-height: 100%; height: auto; }
body, input { font-family: Verdana, Arial, sans-serif; font-size: 9pt; }
body { color: #404040; background-image: url(/images/backgrounds/backfade.gif); background-repeat: repeat-x; background-color: #74c3ee; }
img { border: none; }
img.advisor { padding: 0 10px 0 0; float: left; }
a { color: #567eb9; text-decoration: none; }
a:hover { text-decoration: underline; }
a.siteNav { font-size: 10pt; color: White; }
h1, h2, h3 { font-family: Arial; }
h1 { font-size: 11pt; color: #567eb9; }
h2 { font-size: 10pt; color: #a3bd0b; }
h3 { font-size: 9pt; color: #74c3ee; }
ul { list-style-image: url(/images/bullets/bullet_b.gif); }
td { vertical-align: top; }
.watermarkText { color: Silver; }
.grayText { font-style: italic; color: Gray; }
#topNavigation { float: right; }
#topNavigation td { vertical-align: middle; }
#footer { width: 100%; }
#footer td { vertical-align: middle; }
.pager td { border: dotted 1px silver; font-size: 9pt; padding: 2px; }
.pager table td { border: none; }
div.collapsible { height: 0; overflow: hidden; }
div.quickSearch { height: 0;  overflow: hidden; background-color: #567eb9; background-image: url(/images/backgrounds/searchback.gif); background-repeat: repeat-x; }
div.mainContentTop { width: 900px; height: 150px; text-align: center;  color: White; margin: 0 auto 0 auto; background-repeat: no-repeat; }
html>body div.mainContentTop { background-image: url(/images/backgrounds/page_top.png); }
img.videoShortcut { width: 225px; height: 150px; margin: 0 0 0 10px; } 
html>body img.videoShortcut { background: url(/images/videoshortcut.png) no-repeat; }

div.mainContentMid
{
	width: 900px;
	text-align: center; 
	margin-left: auto; 
	margin-right: auto;
	background-repeat: repeat-y;
}
html>body div.mainContentMid { background-image: url(/images/backgrounds/page_mid.png); }

#shadow
{
	height: 110px;
	background-repeat: repeat-x;
	background-position: bottom;
}
html>body #shadow { background-image: url(/images/backgrounds/shadow.png); }

div.mainContentBot
{
	width: 900px;
	height: 110px;
	text-align: center;
	color: White;
	margin-left: auto; 
	margin-right: auto;
	background-repeat: no-repeat;
}
html>body div.mainContentBot { background-image: url(/images/backgrounds/page_bot.png); }

#reflection 
{ 
	width: 900px;
	height: 50px; 
	margin-left: auto; 
	margin-right: auto;
	background-repeat: no-repeat;
}
html>body #reflection { background-image: url(/images/backgrounds/reflection.png); }

#shadowReflect 
{ 
	height: 100px; 
	background-repeat: repeat-x; 
}
html>body #shadowReflect { background-image: url(/images/backgrounds/shadowr.png); }

div.mainContentInner 
{ 
	width: 880px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

div.childContent { padding: 5px 20px 10px 20px; }
div.buttonBar { height: 20px; }
img.more, img.morew { width: 60px; height: 25px; float:right; background-repeat: no-repeat; }
html>body img.more { background-image: url(/images/more.png); }
html>body img.morew { background-image: url(/images/morew.png); }

/* List Related Styles */
div.listHeader
{
	color: #a3bd0b;
	position: relative;
	font-family: Arial;
	font-size: 16pt;
	padding-bottom: 5px;
	border-bottom: dotted 1px #a3bd0b; 
}

div.listTitle 
{ 
	color: #74c3ee;
	font-family: Arial;
	font-size: 12pt;
}

div.listDate { color: Gray; font-style: italic; }
div.listBody { margin-bottom: 10px; }

div.listSeparator { height: 10px; }

/* Box 340 Styles */
div.box340TopAdvisor, div.box340TopPartner, div.box340TopContact, div.box340TopBrowser, div.box340TopWork, div.box340TopCompanyPapers, div.box340TopIndustryPapers, div.box340TopTechnology, div.box340TopLock
{
	width: 320px;
	height: 20px;
	font-size: 10pt;
	padding: 35px 10px 0 10px;
	color: White;
	background-repeat: no-repeat;
}

html>body div.box340TopAdvisor { background-image: url(/images/backgrounds/box340_top_advisor.png); }
html>body div.box340TopPartner { background-image: url(/images/backgrounds/box340_top_partner.png); } 
html>body div.box340TopContact { background-image: url(/images/backgrounds/box340_top_contact.png); }
html>body div.box340TopBrowser { background-image: url(/images/backgrounds/box340_top_browser.png); }
html>body div.box340TopWork { background-image: url(/images/backgrounds/box340_top_work.png); }
html>body div.box340TopCompanyPapers { background-image: url(/images/backgrounds/box340_top_company_paper.png); }
html>body div.box340TopIndustryPapers { background-image: url(/images/backgrounds/box340_top_industry_paper.png); }
html>body div.box340TopTechnology { background-image: url(/images/backgrounds/box340_top_tech.png); }
html>body div.box340TopLock { background-image: url(/images/backgrounds/box340_top_lock.png); }

div.box340Mid
{
	width: 310px;
	padding: 5px 15px 5px 15px;
	background-repeat: repeat-y;
}

html>body div.box340Mid { background-image: url(/images/backgrounds/box340_mid.png); }

div.box340Bot
{
	width: 340px;
	height: 10px;
	background-repeat: no-repeat;
}

html>body div.box340Bot { background-image: url(/images/backgrounds/box340_bot.png); }
div.box340Mid li { font-size: 9pt; }


/* AJAX Modal Popup Styles */
.modalPopupBackground 
{
	background-color: black;
	opacity: 0.5;
}

.modalPopup {
	background-color: #EFEFEF;
	border: solid 1px Gray;
	padding: 5px;
	width: 500px;
}

.modalPopupHeader { cursor: move; }
.modalPopupBody { padding: 10px; }

table.rowHighlight td { padding: 10px; border: solid 1px #dfdfdf; background-color: #f5f5f5; }
table.rowHighlight td:hover { border: solid 1px #cfcfcf; background-color: #efefef; }

/* default.aspx */
#introContainer { width: 876px; height: 300px; margin: 0 auto 0 auto; }
#intro { width: 876px; height: 300px; }
#sfrNav { margin-left: 5px; }
#searchTitle, #findTitle, #repeatTitle { width: 150px; height: 40px; background: url(/images/home/tabs.png) no-repeat; }
#searchTitle { background-position: 0 0; }
#searchTitle:hover { background-position: 0 -120px; }
#findTitle { background-position: 0 -40px; }
#findTitle:hover { background-position: 0 -160px; }
#repeatTitle { background-position: 0 -80px; }
#repeatTitle:hover { background-position: 0 -200px; }

img.sfr { width: 876px; height: 300px; }

#sfrGallery { margin: 0 auto 0 auto; }
.sfrCarousel
{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 876px; /*Width of Carousel Viewer itself*/
height: 300px; /*Height should enough to fit largest content's height*/
border-top: solid 3px #416599; 
}
.sfrCarousel .belt { position: absolute; left: 0; top: 0; }
.sfrCarousel .panel
{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 876px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#order { width: 600px; height: 50px; }
#homeImage
{
	width: 876px; 
	height: 200px; 
	text-align: center;
	background-image: url(/images/home/loading.gif); 	
	background-repeat: no-repeat; 
	background-position: center;
	margin: 0 auto 20px auto;
}
#contactUsHome { width: 150px; height: 150px; float: right; }

#newsImage, #solutionsImage, #techImage
{
	width: 225px;
	height: 50px;
	background-repeat: no-repeat;
}

html>body #newsImage { background-image: url(/images/technology/news.png); }
html>body #solutionsImage { background-image: url(/images/technology/solutions.png); }
html>body #techImage { background-image: url(/images/technology/tech.png); }

#prGallery { border-top: solid 2px #e4e4e4; border-bottom: solid 2px #e4e4e4; background: #f0f0f0; margin: 0 auto 0 auto; font-size: 12pt; }
.prCarousel
{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 874px; /*Width of Carousel Viewer itself*/
height: 60px; /*Height should enough to fit largest content's height*/
}
.prCarousel .belt { position: absolute; left: 0; top: 0; }
.prCarousel .panel
{
padding: 10px;
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 854px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

img.arrows { width: 16px; height: 16px; }

/* technology.aspx */
table.techPreviewContainer td
{
	text-align: center;
	vertical-align: middle;
}

#techPreviewBefore, #techPreviewAfter, #featurePreviewBefore, #featurePreviewAfter
{
	width: 225px;
	height: 200px;
	background-repeat: no-repeat;
}

html>body #techPreviewBefore { background-image: url(/images/technology/ex1.png); }
html>body #techPreviewAfter { background-image: url(/images/technology/ex2.png); }
html>body #featurePreviewBefore{ background-image: url(/images/technology/featurebefore.png); }
html>body #featurePreviewAfter { background-image: url(/images/technology/featureafter.png); }

div.techPreviewArrow
{
	width: 40px;
	height: 50px;
	background-repeat: no-repeat;
}

html>body div.techPreviewArrow { background-image: url(/images/bullets/arrow_right2.png); }

#featureRecTechImage, #xformTechImage, #searchTechImage
{
	width: 225px;
	height: 50px;
	background-repeat: no-repeat;
}

html>body #featureRecTechImage { background-image: url(/images/technology/featurerec.png); }
html>body #xformTechImage { background-image: url(/images/technology/xform.png); }
html>body #searchTechImage { background-image: url(/images/technology/search.png); }

img.solutionsImage { width: 480px; height: 110px; margin: 5px 0 0 0; }
.showExample { width: 200px; height: 25px; }
html>body .showExample { background: url(/images/example.png) no-repeat; }

/* mediaplayer.aspx */
img.mediaThumb { margin: 10px; width: 210px; height: 160px; float: left; }
.stepcarousel
{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 820px; /*Width of Carousel Viewer itself*/
height: 740px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt { position: absolute; left: 0; top: 0; }
.stepcarousel .panel
{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 820px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}