/* API master style sheet */
/* Prepared by Jay Small, Small Initiatives, www.smallinitiatives.com */

/* global styles */
* { padding: 0; margin: 0; }
body { margin: 0; padding: 0; border: 0; font-family: verdana, arial, sans-serif; font-size: .8em; }
table { border-collapse: collapse; }
tr,td,th { vertical-align: top; }
img { border: 0; }
img.utility { margin: 6px 8px 0 0; }
a { outline: none; }
ul { list-style: square; }
input.textbox { border: 1px solid #ccc; padding: 1px; }
input.textarea { border: 1px solid #ccc; padding: 1px; }

/* background colors */

body { background-color: #FFFFFF; }
.navtable2, .menu { background-color: #D5664C; }


table, td.seminars, td.article, .alsotable, .alsotable td, .semsked, .homesked, input.textbox, .section td.centerpiece { background-color: #fff; }
.navtable, .navtable2 a.navlink:hover, td.signup, .articleright { background-color: #748178; }
.navtable3, td.centerpiece, td.also, .section td.seminars, .sectionarticle td.seminars, .help { background-color: #fff; }
.currentsec { background-color: #009; }
.currentsub { background-color: #D5664C; }
a, a:link, a:visited, a:hover, a.navlink, a.navlink:link, a.navlink:visited, .navlink3 a, .navlink3 a:link, .navlink3 a:visited, .navlink3 a:hover, .footer, td.signup a:link, td.signup a:visited, td.signup a:hover, td.signup hr, .semsked .date, .homesked .date, .bydate { background-color: transparent; }
.menu a:hover { background-color: #748178; }

/* content text colors */

body, td.centerpiece, td.article, td.also, .alsotable, .alsotable td, .semsked, .homesked, .help { color: #000; }
a.navlink, a.navlink:link, a.navlink:visited, .currentsec .navlink, td.signup, td.signup a:link, td.signup a:visited, td.signup hr, .blueheader { color: #fff; }
.kicker, .navlink3, .currentnavlink3 { color: #006; }
a, a:link, a.navlink3, a.navlink3:link, a.navlink3:visited, .footer a:link, .footer a:visited  { color: #003366; }
a:visited { color: #777; }
a:hover, a.navlink3:hover { color: #c00; }
.navtable, .navtable2, .navtable3, td.signup a:hover, a.navlink:hover, .footer a:hover, td.signup a:hover { color: #9cceff; }
.semsked .date, .homesked .date, .bydate { color: #000000; }

/* typography for text, headlines, links, forms */

body { font: .8em/1.3em verdana,sans-serif; }
h1, h2, h3, h4, h5 { font-family: trebuchet ms,verdana,sans-serif; line-height: 1.1em; font-weight: bold; }
h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
a, a:link, a:visited, a:hover { text-decoration: underline; }
a.navlink, a.navlink:link, a.navlink:visited, a.navlink:hover, .navlink3 a, .navlink3 a:link, .navlink3 a:visited, .navlink3 a:hover, h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited { text-decoration: none; }
.poster h1 { font-size: 1.8em; padding: 8px 0 4px 0; }
td.article .noindent, td.article p.noindent { text-indent: 0 }
td.article .yesindent, td.article p.yesindent { text-indent: 30px; }
td.article .nospace, td.article p.nospace { margin: 0 0 0 0; }
td.article p.bydate { text-indent: 0px; margin: 0 0 0 0; }
td.article p.trailer { font-size: .8em; line-height: 1.2em; margin: 15px 0 15px 0; border-top: 1px solid #777; text-indent: 0px; }
td.article ul { margin: 0 0 6px 47px; }
td.article li { margin: 6px 0 0 0; }
td.article p { margin: 0px 0px 20px 0px}
.navtable, .navtable2 { font: bold 10px tahoma,verdana,sans-serif; }
.navtable3 { font: normal 11px tahoma,verdana,sans-serif; }
.navtable3 .currentnavlink3 { font: bold 14px trebuchet ms,verdana,sans-serif; }
.navtable2 input.textbox { font-size: 1em; width: 92px; margin: 0 3px 0 0; }
.navtable2 .searchbutton { margin: 0 0 1px 0; }
td.seminars ul, td.signup ul, td.article div.sidebar ul, td.article div.sidebartoolbox ul { font-size: .85em; line-height: 1.1em; margin: 5px 5px 0 22px; }
td.seminars li, td.signup li, td.article div.sidebar li, td.article div.sidebartoolbox li { margin: 0 0 5px; }
td.signup p { font-size: .85em; line-height: 1.1em; margin-left: 5px; margin-right: 5px; }
td.article div.sidebar p, td.article div.sidebartoolbox p { font-size: .85em; line-height: 1.1em; text-indent: 1em; }
td.signup form p { margin-bottom: 2px; }
td.signup input.textbox { font-size: .8em; width: 90px; margin: 0 5px 2px 5px; }
td.signup input.submit { font-size: .8em; width: 50px; height: 21px; margin: 5px; }
.forumpromo p { margin-top: 6px; }
.kicker { font-family: verdana,sans-serif; margin-top: 0px; margin-bottom: 15px; }
.footer { width: 754px; font-size: .85em; text-align: center; margin: 6px 0 0 6px; }
.bydate { font-size: .90em; }
.helptext { cursor: crosshair; }

/* table/cell characteristics */

.maintable, .navtable, .navtable2 { width: 760px; }
.navtable2 { border-right: 1px solid #003366; }
.navtable3 { border-bottom: 1px solid #003366; padding: 2px 0 4px 7px; }
.sectionarticle .navtable3 { width: 570px; border-bottom: 1px solid #003366; }
/* .poster { background-color: #ffff99; padding: 16px; margin: 0; } */
 .poster { background-color: #ffebcd; padding: 16px; margin: 0; }
.sidetable { border-left: 1px solid #666; border-right: 1px solid #666; }
.sidetable td { padding: 0 8px 8px 8px; }
.middletable { width: 502px; }
.middletable td { padding: 8px; width: 249px; }
.apinewsblock { background-color: #cac1a4; margin: 0 8px 0 8px; padding: 8px; }
.navtable td { padding: 2px 5px 2px 5px; text-align: center; }
.navtable td.spacer { width: 390px; }
.navtable2 td { padding: 0 5px 0 5px; text-align: center; }
.navtable2 td.search { text-align: right; padding: 6px 0 7px 15px; }
.navtable2 td.search2 { text-align: right; padding: 4px 15px 0 0; }
td.seminars { width: 190px; /*border-right: 2px solid #003366; border-bottom: 2px solid #003366; */}
td.signup, td.articleright { width: 125px; }
td.signup hr { border-top-style: solid; border-bottom-style: none; width: 110px; height: 1px; margin: 5px 5px 0 5px; }
td.signup img { margin: 5px; }
td.signup img.banner { margin: 10px 2px 2px 2px; }
td.centerpiece { width: 445px; }
td.centerpiece img { margin: 10px; margin-bottom: 0; }
td.centerpiece div.flash { margin: 10px; margin-bottom: 0; }
td.article { width: 633px; padding: 20px; }
td.also { padding: 10px; }
td.dltable { padding: 5px; border-left: 1px solid #003366; border-right: 1px solid #003366; border-bottom: 1px solid #003366; border-top: 1px solid #003366; }
.alsotable { width: 615px; border-left: 2px solid #003366; border-right: 2px solid #003366; border-bottom: 2px solid #003366; }
.alsotable h1,h2,h3,h4,h5 { margin: 8px 0 4px 0; }
.alsotable td { width: 307px; }
.alsotable td.alsohead { width: 615px; }
.alsotable td.also1 { padding: 20px 10px 10px 20px; }
.alsotable td.also2 { padding: 20px 20px 10px 10px; }
.alsotable td.also3 { padding: 10px 10px 20px 20px; }
.alsotable td.also4 { padding: 10px 20px 20px 10px; }
.articleright { width: 125px; border-left: 2px solid #003366; }
.articleright2 td.seminars { width: 125px; border-right: none; }
table.maintable, table.maintable td { z-index: 0; }
.section td.seminars, .sectionarticle td.seminars { border-bottom: none; }
.section img.utility, .sectionarticle img.utility { margin: 3px 8px 6px 0; }
.section td.centerpiece { padding: 20px; }
.section img.sectionheader { margin: 0 0 10px 0; }
.sidebar { float: right; width: 150px; margin: 10px 0 10px 10px; padding: 0 0 5px 10px; border-left: 1px dashed #9cceff; }
.sidebartoolbox { float: right; width: 260px; margin: 5px 0 5px 5px; padding: 0 0 5px 5px; border-left: 1px dashed #9cceff; }

/* seminar schedule iframe */

iframe { z-index: 0; }
.semsked { width: 160px; margin-left: 5px; font-size: .71em; line-height: 1.2em; }
.semsked .date { font-size: .9em; margin-top: 6px; margin-bottom: 0; }
.semsked .title { font-weight: bold; }
.semsked .backnav { visibility: hidden; }
.semsked h2 { font-size: 1px; margin-top: -3px; visibility: hidden; }
.semsked img.utility { margin: 2px 8px 0 0; }
.homesked { width: 380px; margin-left: 5px; font-size: .71em; line-height: 1.2em; }
.homesked .date { font-size: .9em; margin-top: 6px; margin-bottom: 0; }
.homesked .title { font-weight: bold; }
.homesked .backnav { visibility: hidden; }
.homesked h2 { font-size: 1px; margin-top: -3px; visibility: hidden; }
.homesked img.utility { margin: 2px 8px 0 0; }


/* side section labels */
.home-header { font-family: trebuchet ms, verdana, arial, sans-serif; font-size: 1.2em; line-height: 1em; font-weight: bold; background-color:#748178; color: #FFFFFF; padding: 2px 6px 2px 6px; 
/*border-top: 1px solid #036; border-right: 1px solid #036; border-left: 3px solid #036; */
}

.home-header a, .home-header a:visited, .home-header a:hover {color: #FFFFFF; text-decoration: none; }

.home-desc { font-family: verdana, arial, sans-serif; font-size: .8em; line-height: 1.2em; 
background-color:#ffffff; color: #000; padding: 2px 6px 2px 6px; margin-bottom: 3px;
/*border-bottom: 1px solid #036; border-right: 1px solid #036;  */
}

.home-desc a, .home-desc a:visited, .home-desc a:hover { font-weight: bold; text-decoration: none; }

.blueheader { font-family: trebuchet ms, verdana, arial, sans-serif; font-size: 1.1em; line-height: 1em; font-weight: bold; background-color: #748178; color: #FFFFFF; padding: 2px 6px 2px 6px;  border-bottom: 1px solid #fff; }
.blueheader img { margin: 4px 5px 4px 5px; }
.sidetable .blueheader { margin-top: 8px; }
.apinewsheader { font-family: trebuchet ms, verdana, arial, sans-serif; font-size: 1.1em; line-height: 1em; font-weight: bold; background-color: #cccccc; color: #036; padding: 2px 6px 2px 6px; border-top: 1px solid #036; border-bottom: 1px solid #fff; }
.brownheader { font-family: trebuchet ms, verdana, arial, sans-serif; font-size: 1.1em; line-height: 1em; font-weight: bold; text-align: center; background-color: #cac1a4; color: #fff; padding: 2px 4px 2px 4px; border-top: 1px solid #036; border-bottom: 2px solid #999; }
/* .brownheader { font-family: trebuchet ms, verdana, arial, sans-serif; font-size: 1.1em; line-height: 1em; font-weight: bold; text-align: center; background-color: #b37700; color: #fff; padding: 2px 4px 2px 4px; border-top: 1px solid #036; border-bottom: 2px solid #999; } */

/* cascading menu styles are broken out here to make them easier to manage */

.navtable2 a { display: block; width: 100%; padding: 6px 0 7px 0; }
#newsfuturebox table, #roundtablebox table, #apialertsbox table, #cyberjournalistbox table, #journaliststoolboxbox table { width: 150px; border: 2px solid #fff; }
.menu { border-top: 1px solid #ccc; }
.menu a { width: 124px; display: block; font: 10px tahoma,verdana,sans-serif; font-weight: bold; padding: 2px 3px 3px 3px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.help { position: absolute; top: 190px; left: 480px; width: 130px; font: .85em verdana,sans-serif; padding: 4px; }
.menu, .menu a:link, .menu a:visited { color: #fff; text-decoration: none; }
#seminars, #articles, #mediacenter, #tailored, #forums, #about, #subseminars7, #subarticles2, #subarticles3, #subarticles4, #subarticles5, #subarticles6, #newsfuturebox, #roundtablebox, #apialertsbox, #cyberjournalistbox, #journaliststoolboxbox { visibility: hidden; z-index: 1; }

#seminars { position: absolute; top: 122px; left: 5px; }
#articles { position: absolute; top: 122px; left: 75px; }
#mediacenter { position: absolute; top: 122px; left: 145px; }
#tailored { position: absolute; top: 122px; left: 290px; }
#about { position: absolute; top: 122px; left: 432px; }

#subseminars7 { position: absolute; top: 158px; left: 136px; }
#subarticles2 { position: absolute; top: 125px; left: 206px; }
#subarticles3 { position: absolute; top: 123px; left: 206px; }
#subarticles4 { position: absolute; top: 161px; left: 206px; }
#subarticles5 { position: absolute; top: 161px; left: 206px; }
#subarticles6 { position: absolute; top: 161px; left: 206px; }

.subnavmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	font-variant: normal;
	border: nonw;
	font-style: normal;
}
.subnavtitle
{
	border-right: medium none;
	border-top: medium none;
	font-weight: bolder;
	font-size: 12px;
	word-spacing: 13px;
	border-left: medium none;
	width: auto;
	color: #ff9933;
	text-indent: 3px;
	line-height: 11px;
	border-bottom: medium none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 13px;
	position: relative;
	height: auto;
	background-color: #003366;
	text-align: left;
	font-variant: small-caps;
}
.subnavmenutitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 600;
	font-variant: small-caps;
	height: auto;
	width: auto;
	border: none;
}

/* MT comments styles */
.comments
{
   position: static;
   overflow: hidden;
   clear: both;
   width: 100%;
   margin-bottom: 20px;
}

.comment-content,
.comments-open-content,
.comments-closed
{
   clear: both;
   margin: 5px 10px;
}

.comment-footer,
.comments-open-footer
{
   clear: both;
   margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text
{
   width: 520px;
}

#comment-bake-cookie
{
   margin-left: 0;
   vertical-align: middle;
}

#comment-post
{
   font-weight: bold;
}

.comments-header,
.comments-open-header
{
   /* ie win (5, 5.5, 6) bugfix */
   p\osition: relative;
   width: 100%;
   w\idth: auto;

   margin: 0;
   
   padding: 5px;
   color: #fff;
   background: #748178;
   font-size: 11px;
   font-weight: bold;
   line-height: 1;
   text-transform: uppercase;
}

.comments-header a,
.comments-header a:visited,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover
{
   color: #fff;
}

.comment-footer
{
   font-size: 11px;
}


.comment-content
{
   margin: 0;
   line-height: 1.5;
}

.comment-footer
{
   margin: 0 0 20px 0;
   border-top: 1px solid #dae0e6;
   padding-top: 3px;
   color: #666;
   font-size: 10px;
   text-align: right;
}

.comment-content,
.comment-footer
{
   margin-left: 10px;
}

.comments-open-footer
{
   margin: 10px 0;
}