﻿body {background: url(../Graphics/pageBG.png) repeat-x 0 0;}
body, td, th {font-family: Arial, sans-serif; font-size: 10pt; color: Black; margin:0;}
td, th {vertical-align:top; text-align: left;}
a {font-weight: bold; color: Blue;}
img { border-style: none; }   
#PageContainer { margin:0 auto; height:140px; width: 953px; background: #ffffff;}
#Banner {background:transparent url(../graphics/PavilionBanner950px.gif) no-repeat; height:140px;  display: block; cursor: pointer;}
#Banner a {height: 140px;}
#Header h1 {position: absolute; left: -10000px; top: -10000px;}
#MainTable {border-style: none; background-color: #ffffff;}

#MainTableMenuCell {width: 158px; padding: 4px; margin: 0px; vertical-align: top; background-color: #7C98B8;}

#Menu {margin: 0px; position: relative;}
#Menu ul {list-style-type:none; margin: 0px; padding: 0px 0px 10px 0px;}
#Menu ul li {position: relative; margin: 0px; border-bottom: 1px solid #ffffff;}
#Menu ul li a, #Menu ul li a:active {color: White; font-size: 1em; font-weight: bold; display: block; padding: 5px; overflow: auto; width: 150px;}
#Menu ul li a, #Menu ul li a:visited {text-decoration: none; }
#Menu ul li a.HasSubMenu {background: url(../graphics/MenuRightArrow.gif) no-repeat right 7px;}
#Menu ul li a:hover {text-decoration: underline; }
#Menu ul li:hover dl, #Menu ul li a:hover dl {display: block;}
#Menu ul a:active {text-decoration: underline; }
#Menu ul .MenuLinkSelected {color: #023876;}

#Menu dl {position: absolute; left: 159px; top: 0; display:none; border-top: solid 1px #cecece; background-color: #7C98B8; margin-top: -2px; z-index: 10000;}
#Menu dd {border-right: solid 1px #cecece; border-left: solid 1px #cecece; border-bottom: solid 1px #cecece;  margin: 0; padding: 5px;}
#Menu dl dd a, #Menu dl dd a:active, #Menu dl dd a:visited  {padding:0 14px 0px 14px; text-decoration: none !important; color: White; display: block; }
#Menu dl dd a:hover {text-decoration: underline !important;}
#Menu dl.Magazines a, #Menu dl.Magazines a:active {width: 180px;}
#Menu dl.Conferences a, #Menu dl.Conferences a:active {width: 220px;}
#Menu dl.TMs a, #Menu dl.TMs a:active {width: 190px;}
                                 
#MainContent {width: 765px; margin: 0 10px 20px 10px;}
#MainContent p {margin: 10px 0; padding: 0;}
#MainContent h1 {color:#023876; background: url(../graphics/tmH2_bg.gif) repeat-x 0 0; line-height: 35px; font-size:12pt; font-weight:bold; padding: 0 0 0 10px; margin: 10px 0;}
#MainContent h1.alt {background-color: #023876; color: #FFFFFF; padding: 3px;}
#MainContent h1.first {margin-top: 0;}
#MainContent h1 a, #MainContent h1 a:visited {color: #023876;}
#MainContent h1 a:hover {text-decoration: underline;}
#MainContent h2 {font-size: 11pt; font-weight: bold; color: #023876; margin-bottom: 4px; margin-top: 4px; padding: 0;}
#MainContent h3 {font-size: 9pt; font-weight: bold;  color: #023876; margin-bottom: 3px 0; padding:0 ;}
#MainContent hr {height:1px; border-width:0; background-color:gray; margin: 2px 0; padding: 0;}    
#MainContent .CoverPic {margin-left: 10px; margin-right: 10px; margin-bottom: 20px; float: left;}
#MainContent .FullRowHeader {color: #FFFFFF; font-size: 12pt; width: 100%; background-color: #003873; text-align: center; font-weight: bold; margin: 0 0 20px 0;}
#MainContent tfoot td {font-weight:bold; text-align:right; white-space:nowrap;}

#MainContent .BulletLink {display: inline; color: #023876; font-size: 12px; background: url(../graphics/a_icon_red.gif) no-repeat; cursor: pointer; padding: 2px 0 0 25px;}

#MainContent .HiLiteRed { color: #FF0000; font-weight: bold;}
#MainContent .ISSN {display: inline;}
#MainContent ul {margin-left: 15px; padding-left: 15px;}    
#MainContent Input.Radio {margin-left: 20px;}
#MainContent .ProductPic {border:0 none; margin-top:10px; height:152px;}
#MainContent .InfoPic {border:0 none; margin:12px;}
#MainContent .Price {font-size: 12px; color: #085199; font-weight: bold;}

#SideBar {text-align: right; padding: 0 0 0 10px; float:right; width: 120px;}
#SideBar div {padding-bottom: 3px;}
#SideBar a img {border: none;}

#TrainingMaterialsBanner {text-align: center; padding: 0 0 10px 0px;}
#TrainingMaterialsBanner ul {list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0px; padding: 0px; }
#TrainingMaterialsBanner li{display:inline;}
#TrainingMaterialsBanner a img {border: solid 1px transparent;}
#TrainingMaterialsBanner a:hover img {border: solid 1px black;}

#TableList {margin-top: 10px;}

#TableList .Header1 { background-color: #023876; color: #FFFFFF; font-size:12pt; font-weight: bold;padding: 2px;}
#TableList .Header2 { background-color: #d6dfe9; font-size:10pt; font-weight: bold;}
#TableList .TitleLink {color: #023876; font-weight: bold; font-size: 12pt;}
#TableList .TitleLink a:hover {text-decoration: underline;}

#SubsTable .HeaderRow {background-color: #023876;}
#SubsTable th {color: White; font-size:10pt; font-weight: bold; text-align: center; vertical-align:middle;}

#OptionsMenu {width:100%; background-color: #7c98b8;}
#OptionsMenu .Header {color: White; font-size: 10pt; font-weight: bold; background-color: #023876;}
#OptionsMenu ul {list-style-type:none; margin: 0px; padding: 0px; position: relative;}
#OptionsMenu ul li {padding: 5px 5px 5px 5px; display: block;}
#OptionsMenu a {color: White; font-size: 10pt; font-weight: bold;}

#OptionsMenu a:link {text-decoration: none; }
#OptionsMenu a:visited {text-decoration: none; }
#OptionsMenu a:hover {text-decoration: underline; }
#OptionsMenu a:active {text-decoration: underline; }

#LandingsList ul {list-style-type:none; margin: 0px; padding: 0px; position: relative; clear: both;}
#LandingsList li {float:left; margin:0; width: 48%; padding: 5px;}
#LandingsList p {margin-top: 0px;}
#LandingsList div {margin-left: 100px;}
#LandingsList .CoverPic {margin-left: -100px;}

#Footer {font-size: 8pt; margin-top: 10px; text-align: center;}
#Footer a {font-weight: normal; margin-top: 10px;}

#JournalPricing H1 {background-color: #023876; font-size: 14pt; color: White; margin: 0;}
#JournalPricing #Header {background-color: #7c98b8; color: white; font-weight: bold; padding: 5px;}
#JournalPricing table {padding: 5px; width: 100%;}

#PopWindow #Footer {display: block; background-color: #023876; color: white; font-weight: bold; padding: 5px; text-align: right;}

#SearchResults .HeaderLink {color: White; text-decoration: none; font-weight: bold;}
#SearchResults p {margin: 0;}
#SearchResults #Conference {color: White; background-color:#7318ac; width: 100%; height: 15px; padding: 5px;}
#SearchResults #Exhibitions {color: White; background-color:#8aa0db; width: 100%; height: 15px; padding: 5px;}
#SearchResults #TrainingMaterials {color: White; background-color:#00814a; width: 100%; height: 15px; padding: 5px;}
#SearchResults #Magazines {color: White; background-color:#A2A2B4; width: 100%; height: 15px; padding: 5px;}
#SearchResults .Header {font-weight: bold; float:left;}
#SearchResults .Index {float:right;}
#SearchResults .Results {margin: 15px;}
#SearchResults .Index {float:right;}
#SearchResults .TitleLink {color: #023876; font-weight: bold; font-size: 10pt; margin-bottom: 0px;}

.Clear { clear: both; }

div.MessageBox { padding: 8px; border: 1px solid #c00; background: #fafafa; margin: 15px 0px;}
div.MessageBox.First { margin-top: 0;}
p.MessageBox { padding: 8px; border: 1px solid #c00; background: #fafafa; margin: 0px 0px;}
div.MessageBox h5, p.MessageBox h5 { font-size: 1.2em; color: #c00; margin: 0px; padding: 0px;}
div.MessageBox label, p.MessageBox label{ font-weight: 700; color: #c00; cursor: pointer; border-bottom: 1px dotted #333; }
div.MessageBox ul, p.MessageBox ul { margin: 2px 24px; }
div.MessageBox li, p.MessageBox li { font-size: 1.2em; color: #c00; margin: 2px 0;  }
div.MessageBox a, p.MessageBox  a { font-weight: 700; color: #c00; cursor: pointer; border-bottom: 1px dotted #333; text-decoration: none }

td div.MessageBox li {font-size: 1em;}

#DemoPage * {padding: 0px; margin: 0px;}
#DemoPage ul {margin: 20px;}
#DemoPage li {margin-bottom: 10px;}
#DemoPage #Video {float: right; margin:10px 0px 10px 10px;}
#DemoPage #MoreInfo {text-align: right; padding-top: 10px;}

#MainContent.TM h2 {background: url(../graphics/tmH2_bg.gif) repeat-x 0 0; line-height: 35px; padding-left: 10px; margin-bottom: 5px; clear:both;}

#MainContent.TM .GridRow {float: left; margin:0 0 5px; padding:0 0 10px; width:787px; background: transparent url(../graphics/tmRow_bg.gif) repeat-y scroll 0 0 }
#MainContent.TM .GridItem { float:left; margin:0 0 0 5px; padding:0;text-align:left; width:259px;}
#MainContent.TM .GridImage { height: 167px; background:#FFFFFF none repeat scroll 0 0; margin:0; padding:10px 0 0; text-align:center; }
#MainContent.TM .GridItem a, #MainContent.TM .GridItem a:visited {font-size:12px; line-height:1.4em; text-decoration:none; color: #023876; }
#MainContent.TM .GridItem a span, #MainContent.TM .GridItem a:visited span {font-size:14px; line-height:1.4em; text-decoration:none; color: #666F6D; line-height:20px; }
                            
#MainContent.TM .GridItem a:hover {text-decoration:underline;}
#MainContent.TM .GridCopy { background:#F1F1F1 url(../graphics/tmCopy_bg.gif) repeat-x scroll 0 0; padding:15px 15px 10px; z-index: 1;}
#MainContent.TM .GridCopy .BuyNow {float: right; margin: -10px 0 10px 0;}
                          
#MainContent .Red { color: Red; }
#MainContent .DirtyOlive { color: #B4D777; }
#MainContent .YuckyBlue { color: #3392D6; }
#MainContent .TurkishDelight { color: #975698; }
#MainContent .DirtyRed { color: #D61F40; }
                            
ul.NiceBullets li {background:transparent url(../Graphics/a_icon_blue.gif) no-repeat scroll; list-style-image:none; list-style-position:outside; list-style-type:none; padding-left:25px; margin: 10px 0; }
ul.NiceBullets li li {background: none; list-style-type:disc;}

/** Taken from and duplicated in stdMenu **/

.MenuLinkNormal {font-size: 10pt; color: #FFFFFF; font-weight: bold; }
.MenuLinkSelected {font-size: 10pt; color: #023876; font-weight: bold; }
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

.CheckoutButton {display: block; float:right; background: url(../Graphics/checkoutButton.png) no-repeat; cursor: pointer; height: 30px; width: 92px; border: none;}
.ContinueShoppingButton {display: block; float:left; background: url(../Graphics/continueShoppingButton.png) no-repeat; cursor: pointer; height: 30px; width: 170px; border: none;}
.ContinueButton {display: inline-block; background: url(../Graphics/continueButton.png) no-repeat; cursor: pointer; height: 30px; width: 88px; border: none;}
.BuyNowButton {display: inline-block; background: url(../Graphics/buyNowButton.png) no-repeat; cursor: pointer; height: 30px; width: 83px; border: none;}

/** For the SurveyMonkey popup box **/
.SurveyHeader { background:transparent url(../home/gfx/SurveyHeader.png) no-repeat scroll left top;
                height:100px; left:37%; position:absolute; text-align:center; top:80px; width:455px; z-index:1001; padding-top:10px;}
.SurveyHeader p {font-size:14px;}
.SurveyHeader .close {font-size:14px;}

#Header {position: relative;}
div.ToolPanel { position: absolute; top: 20px; right: 20px; width: 229px; background: transparent url(../Graphics/BasketPanelBG.gif) no-repeat 0 0; height: 60px; font-size: 16px;}
div.ToolPanel a, div.ToolPanel a:visited {display: block; background: transparent url(../Graphics/basketIcon.png) no-repeat 5px 5px; padding: 10px 10px 10px 70px; 
                 font-size: 1.2em; color: #023876; text-decoration: none; }
div.ToolPanel a:hover {text-decoration: underline;}  
div.ToolPanel a span {display: block; font-size: 0.8em;}                 
