html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, address, em, font, img, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;}
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body { line-height: 1; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; background-color:#fff; margin: 0px; }
ol, ul { list-style: none;}
:focus {outline: 0;}
table { border-collapse: collapse; border-spacing: 0; }

h1, h2 { font-weight:bold; font-size:18px; color:#2e2e2e; }
h3, h4, h5, h6 { font-weight:bold; font-size:11.5px; color:#2e2e2e; }	
p { font-size: 11.5px; color: #2e2e2e; font-weight: normal; line-height: 18px; }
form { margin: 0; }
a:link, a:visited { color: #396d9f; }		
a:hover, a:active { text-decoration: none; color: #000; }
:link img, * img, a img, :link img, :active img {border: none;}	

.clearfloat { font-size: 1px; height: 1px; clear: both; }
.highlight { color: #e5e5e5; background-color: #396d9f; }

#wrapper { width: 900px; margin: 0 auto;}

/* --- Header --- 0047b7 /images/cns-style-header.gif */
#pagehead { height: 27px; background-color: #fff; padding-right: 132px; padding-left: 33px; line-height: 27px; font-size: 11.5px; color: #888; border-top: 2px solid #fff; }
#pagehead a { color: #396D9F; font-weight: normal; text-decoration: none; }
#pagehead a:hover { text-decoration: underline; }
#userhead { float: right; width: 610px; text-align: right; height: 27px; }
#userhead .loggedinuser { color: #000; font-weight: bold; }
#masthead { width: 900px; height: 110px; border-top: solid 2px #fff; border-bottom: solid 2px #fff; background-color: #fff; }
#mastheadlogo { width: 690px; height: 110px; float: left; background: #d02030 url(/images/osv-news-stylebook-logo-red.gif) no-repeat top left; }
#mastheadimage { width: 208px; height: 110px; float: right; background-color: #d02030; }

/*.slideshow { position: relative; }
.slideshow div.slide { position: absolute; top: 0; left: 0; border: 0; }
.slideshow div.slide.active { z-index:10; opacity:1.0; filter: alpha(opacity=100);}
.slideshow div.slide.last-active { z-index:9; }*/

.slideshow { position: relative; display: none; z-index: 1; }
ul.pagination, .slidetitle, .slidenext, .slideprev { display: none; }


#navigation { width: 690px; height: 28px; float: left; border-bottom: solid 2px #fff; background-color: #d3d3d3; position: relative; z-index: 11000; }
#navblank { height: 28px; border-bottom: solid 2px #fff; background-color: #d3d3d3; position: relative; z-index: 3;}
#search { width: 210px; height: 28px; float: right; border-bottom: solid 2px #fff; background-color: #d3d3d3; text-align: left; vertical-align: middle; }
#search a { display: inline-block; font-size: 11px; line-height: 28px; font-weight: bold; color: #505050 !important; text-transform: uppercase; letter-spacing: 0.125em; text-decoration: none; vertical-align: top; padding: 0 5px; }
#search a:hover { text-decoration: none; color: #505050; background-color: #fff !important; }
#search input { margin-top: 6px; margin-right: 10px; height: 15px; width: 116px; border: solid 1px #919191; font-size: 11px; line-height: 15px; padding: 0 2px; display: inline-block; }

/* --- Subheader --- */
#alphabetbg { width: 900px; height: 29px; position: absolute; top: 0; left: 0; background-color: #000; opacity: .4; -moz-opacity:.4; filter:alpha(opacity=40); z-index: 1; }
#subheading { width: 900px; min-height: 59px; clear: both; border-bottom: solid 2px #fff; background-color: #5a5a5a; z-index: 100; }
#termsimage { width: 900px; min-height: 88px; clear: both;  position: relative; background: url(/images/term_headers/cns-style-termhead_A.jpg) no-repeat top left; }
#alphabet { width: 900px; height: 29px; position: absolute; top: 0; left: 0; z-index: 2; }
#alphabet ul { list-style-type: none; margin: 0 0 0 20px; padding: 0; }
#alphabet ul li { display: block; width: 33px; height: 29px; float: left; }
#alphabet ul li a { display: inline-block; text-align: center; width: 33px; height: 29px; line-height: 29px; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; }
#alphabet ul li a:hover { background-color: #2e2e2e; }
#alphabet .currentletter { background-color: #0047b7; }
#alphabet ul li a.currentletter:hover { background-color: #0047b7; }

#main { width: 588px; float: left; background-color: #f0f0f0; min-height: 275px; }
#mainsearch { width: 588px; float: left; background-color: #fff; min-height: 275px; }
#mainapndx { width: 680px; float: left; background-color: #f0f0f0; min-height: 275px; }
#mainwide { width: 900px; background: #f0f0f0 url(/images/StyleLoginBkgd.jpg) top left no-repeat; min-height: 275px; }
#sidebar { width: 310px; float: left; background-color: #d4d4d4; min-height: 275px; overflow: auto; }
#sideapndx { width: 218px; float: left; background-color: #3a3a3a; min-height: 275px; overflow: auto; }
#divider { width: 2px; float: left; background-color: #fff; min-height: 275px; }
#boottop { width: 900px; height: 5px; clear: both; border-top: solid 2px #fff; background-color: #f0f0f0; }
#footer { height: 26px; border-bottom: solid 5px #f0f0f0; background-color: #fff; padding: 0 34px; margin-bottom: 0px; }
#footer p { margin: 0; padding: 0; line-height: 26px; color: #000; font-size: 10px; }

.sidebar { width: 310px; padding: 0; }
.sideapndx { width: 218px; }
.main, .mainsearch { width: 588px; padding: 0; }
.mainapndx { width: 680px; } 
.mainwide { width: 900px; padding-top: 160px; } 
.main a, .mainapndx a, .mainsearch a { font-weight: bold; color: #396d9f; text-decoration: none; }

.main h1, .mainapndx h1 { font-size: 18px; line-height: 28px; color: #2e2e2e; font-weight: bold; margin: 0; padding: 54px 114px 19px 34px; }
.main h2, .mainapndx h2 { font-size: 14px; color: #2e2e2e; font-weight: bold; margin: 0; padding: 9px 114px 10px 34px; }
.main h3, .mainapndx h3 { font-size: 11.5px; color: #2e2e2e; font-weight: bold; line-height: 18px; margin: 0; padding: 10px 114px 10px 34px; }
.main h4, .mainapndx h4, .mainsearch h4 { font-size: 11.5px; color: #2e2e2e; font-weight: normal; line-height: 18px; margin: 0; padding: 0 114px 10px 64px; }
.main h5, .mainapndx h5 { font-size: 11.5px; color: #2e2e2e; line-height: 18px; margin: 0; padding: 0 114px 10px 34px; }
.main h6, .mainapndx h6 { font-size: 11.5px; color: #2e2e2e; line-height: 18px; margin: 0; padding: 0 114px 10px 34px; }
.main p, .mainapndx p, .mainsearch p { font-size: 11.5px; color: #2e2e2e; line-height: 18px; padding: 0 114px 11.5px 34px; }

.main ul, .mainapndx ul { list-style-type: disc; list-style-position: outside; margin-left: 0; padding: 0 114px 0 50px; }
.main ol, .mainapndx ol { list-style-position: outside; margin-left: 77px; padding: 0 114px 0 50px; }
.mainapndx li, .main li { font-size: 11.5px; color: #2e2e2e; line-height: 18px; padding: 0 0 11.5px 0; }

.main h4 a, .main p a, .mainapndx p a { color: #396d9f; text-decoration: none; }
.main h4 a:hover, .main p a:hover, .mainapndx p a:hover { text-decoration: underline; }

.termslist { padding: 0; mqargin: 0; }
.termslist ul { margin: 0; padding: 0; list-style-type: none; }
.termslist ul li { font-size: 11px; line-height: 15px; font-weight: normal; }
.termslist ul li a { color: #4b82b0; text-decoration: none; display: block; padding: 4px 30px 3px 34px; font-weight: bold; }
.termslist ul li a:hover { background-color: #b2b8c0; color: #03213c; }
.termslist ul li a.currentterm { background-color: #38516d; color: #fff; font-weight: bold; }

.termsnav { background-color: #fff; }
a.termprev { display: block; float: right; width: 72px; height: 19px; background: url(/images/term-nav-arrows.png) no-repeat 0px 0px; margin: 28px 10px 11px 0; }
a.termprev:hover { background-position: 0px -19px; }
a.termprev.inactive { background-position: 0px -38px; cursor: default; }
a.termnext { display: block; float: right; width: 72px; height: 19px; background: url(/images/term-nav-arrows.png) no-repeat -72px 0px; margin: 28px 50px 11px 0; }
a.termnext:hover { background-position: -72px -19px; }
a.termnext.inactive { background-position: -72px -38px; cursor: default; }
a.termedit { display: block; float: right; width: 41px; height: 19px; background: url(/images/term-edit.png) no-repeat 0px 0px; margin: 28px 10px 11px 0; }
a.termedit:hover { background-position: 0px -19px; }
a.termedit.inactive { background-position: 0px -38px; cursor: default; }

.termdetail { width: 100%; overflow-x: hidden; }

#sideapndx ul { margin: 22px 10px 0 0px; padding: 0; list-style-type: none; }
#sideapndx ul li { padding: 0 0 10px 0; margin: 0; line-height: 14px; }
#sideapndx ul li a { display: block; font-size: 12px; line-height: 14px; color: #a8a8a8; text-decoration: none; text-transform: none; padding: 0 0 0 34px; margin: 0; }
#sideapndx ul li a.current { color: #3a9eff; font-weight: bold; background: url(/images/AppendixMenuLine.gif) no-repeat 0px 0px; }
#sideapndx ul li a.current:hover { color: #3a9eff; font-weight: bold; background: url(/images/AppendixMenuLine.gif) no-repeat 0px 0px; text-decoration: none; cursor: default; }
#sideapndx ul li a.nodeonly, #sideapndx ul li a.nodeonly:hover { cursor: default; color: #707070; padding-top: 5px; text-decoration: none; }
#sideapndx ul li a:hover { text-decoration: underline; }

table.fullstripe { width: 680px; margin: 6px 0 0 0; padding: 0; border-collapse: collapse; }
table.fullstripe tr { height: 30px; vertical-align: middle; }
table.fullstripe td { height: 30px; vertical-align: middle; line-height: 30px; padding: 0 0 0 34px; margin: 0; border-collapse: collapse; }
table.fullstripe tr.even { background-color: #dcdcdc !important; }
table.fullstripe tr.odd { background-color: #e5e5e5 !important; }

table.stripe { width: 532px; margin: 6px 114px 11.5px 34px; padding: 0; border-collapse: collapse; }
table.stripe tr { height: 30px; vertical-align: middle; }
table.stripe td { height: 30px; vertical-align: middle; line-height: 30px; padding: 0 0 0 34px; margin: 0; border-collapse: collapse; }
table.stripe tr.even { background-color: #dcdcdc !important; }
table.stripe tr.odd { background-color: #e5e5e5 !important; }

.searchbox { margin: 31px 30px 12px 30px; background-color:#fff; }
.searchterm { display: inline-block; border: solid 1px #606060; width: 184px; margin: 0; color: #606060; padding:0 3px; font-size: 11px; line-height: 19px; height: 19px; vertical-align: middle; }
.searchbox a { display: inline-block; border-color: #606060; border-width:1px 1px 1px 0; border-style: solid; background-color: #f1f1f1; color: #606060 !important; padding: 0; font-size: 11px; line-height: 19px; height: 19px; text-transform: uppercase; letter-spacing: 1px; margin: 0; font-weight: bold; vertical-align: middle; text-align: center; width: 57px; text-decoration: none; }
.searchbox a:hover { background-color: #d5d5d5; }
.searchparams { margin: 25px 30px 0 30px; font-size: 12px; color: #575757; font-weight: bold; line-height: 24px; }
.searchparams h5 { color: #575757; text-transform: uppercase; font-size: 12px; }




/* --------------------------------------------- */
/* Framework styles for login                    */
/* --------------------------------------------- */
#opacitylayer { background-color:#000; opacity:.4; -moz-opacity:.4; filter:alpha(opacity=40); height:100%; width: 100%; background-repeat:repeat; position:fixed; top:0; left:0; z-index:10000; }


#loginframe {  height: 400px; width: 400px; position: absolute; z-index: 10001;}

body.iframe { background-image: none; background-color: #999; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; }
body.iframe a.framecloselink { display: block; float: right; margin: 0; padding: 1px 5px; background-color: #aaa; color: white; border: solid 1px black; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; font-size: 11px; font-weight: normal; line-height: 15px; }
table.iframecontent { border-collapse: collapse; border: solid 5px white; margin: 0 auto; background-color: #eaeaea; }
table.iframecontent td { margin: 0; padding: 20px; border-collapse: collapse; border: none; }

.loginwrapper { padding: 20px 34px 20px 34px; margin: 34px; border: solid 1px #dbdbdb; }
#mainwide .loginwrapper { width: 500px; padding: 20px 34px 20px 34px; margin: 0 auto; background: #f0f0f0; border: solid 1px #dbdbdb; opacity:0.95; filter: alpha(opacity=95);}
.login { padding: 0; margin: 0; }

#iframecontent .login { padding: 10px; margin: 0px; border: none; }
#iframecontent .login input#login_password, #iframecontent .login input#login_email { width: 100%; }

.login h2 { margin: 0; padding: 0 0 10px 0; }
.login p {  margin: 0; padding: 0 0 11.5px 0; font-size: 12px; line-height: 1.5; color: #3a3a3a; }
.login form { margin: 0; }
.login a { font-weight: normal; text-decoration: none; }
.login a:hover { text-decoration: underline; }
.login .infomessage { background-color:#d2e6fd; padding: 5px 10px; border: solid 1px #AAA; margin: 6px 0 18px 0; }
.login .infomessage h1, .login .infomessage h2, .login .infomessage h3, .login .infomessage h4, .login .infomessage h5, .login .infomessage h6 { margin: 0; padding: 5px 0; font-size: 12px; font-weight: bold; color: #3a3a3a; }
.login .infomessage p { font-size: 12px; line-height: 1.5; color: #3a3a3a; font-weight: normal; padding:0; }
.login .infomessage.error { background-color:#fdd2d6; border: solid 1px #AA0000; }
.login .loginlinks { width: 100%; overflow: hidden; }
.login .lostpw { font-style: italic; text-align: right; }
.login input#login_password, .login input#login_email { width: 250px; }

.login input { height: 18px; line-height: 18px; border: 1px solid #999; background: #fafafa; color: #444; display: inline; }
.login input[type=text]:focus, .login input[type=password]:focus { background: #fff; color: #740809; }
.login button, .loginwrapper button { background: #0047b7; border-radius: 8px; color: #fff; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; outline: none; border: 0; cursor: pointer; font-size: 13px; padding: 0px 6px; margin: 10px 0px 10px 0px; }
/*.login button:hover, .loginwrapper button:hover { background: #00a5d9; }*/

/* -------- FRAMEWORK REQUIRED STYLES ------- */
.thumbnail { float: left; padding: 0;}
.imagecenterwrapper { text-align: center; }
.imagedivfull { z-index: 100; }
.imagedivleft { margin: 8px 20px 10px 0px; float:left; z-index: 100; }
.imagedivright { margin: 8px 0px 10px 20px; float:right; z-index: 100; }
.imagecaption p { font-size: 11px; color: #666; font-style: normal; text-align:left; line-height: 1.5; margin: 0; padding: 6px 10px 20px 10px; }

.sidebar .Article .imagedivleft, .sidebar .Article .imagedivright, .sidebar .Article .imagedivfull { margin: 0px 0px 9px 30px; z-index: 100; }

a.BackButton { display: inline-block; margin: 10px 25px 10px 0px; color: #000000; font-size: 11px; font-weight: bold; padding: 4px 10px 4px 10px; background: #FFFFFF; border: solid 1px #AAAAAA; border-radius: 5px; }
a.BackButton:hover {background-color: #AA0000; color: #FFFFFF; text-decoration: none; }

.Collection .collectiondetail { background-color: #f8f8f8; margin: 0px 70px 12px 50px; padding: 10px; font-family: Arial, Helvetica, sans-serif; }
.Collection .collectiondetail p {padding: 0; margin: 0; font-size: 12px; line-height: 1.5em; color: #000; letter-spacing: 0.08em;}
.Collection .collectiondetail  p a, .Collection .List p a:active, .Collection .List p a:visited { text-transform: uppercase; font-weight: bold; font-size: 10px; } 
.Collection h3 { color: #761207; font-size: 13px; font-weight: bold; margin: 0; padding: 8px 0px 8px 0px; }
.Collection h3 a:link,.Collection h3 a:active, .Collection h3 a:visited { color: #761207; text-decoration: none }
.Collection h4 { color: #761207; font-size: 12px; font-weight: bold; margin: 0; padding: 4px 0px 4px 0px; }
.Collection h4 a:link,.Collection h4 a:active, .Collection h4 a:visited { color: #761207; text-decoration: none }
.Collection .collectiondetail .collectionitem h3 a:hover { color: #761207; text-decoration: underline }
.Collection .collectiondetail .collectionitem { margin-bottom: 8px; margin-top: 12px; overflow: auto; }
.Collection .collectiondetail .collectionitem .collectionitemimage { margin: 10px 20px 0 0; width: 100px; float:left; padding: 0;}
.Collection .collectiondetail .collectionitem .collectionitemdescription { margin: 10px 0 0 0; padding: 0; }
.Collection .collectiondetail .collectionitem .collectionitemimage img { border: solid 1px #666666; }
.Collection .collectionlist { background-color: #f8f8f8; margin: 0 70px 10px 50px; padding: 10px; font-family: Arial, Helvetica, sans-serif; }
.Collection .collectionlist .collectionitem h4 { color: #761207; font-weight: normal; font-size: 13px; font-weight: bold; margin: 0; padding: 8px 0px 8px 0px; }
.Collection .collectionlist .collectionitem h4 a:link,.Collection h3 a:active, .Collection h3 a:visited { color: #761207; text-decoration: none }
.Collection .collectionlist .collectionitem h4 a:hover { color: #761207; text-decoration: underline }
.Collection .List .Spacer { clear: both; border-top: solid 2px #eeeeee; margin: 0; padding: 0; }
.Collection .List .End { width: 100%; height: 1px; clear: both; }

.NavBar { padding: 20px 0 20px 0; text-align: right; background-color: #fff; }
.NavBar a.page { display: inline-block; height: 19px; line-height: 19px; padding: 0 5px; color: #8f8f8f; font-size: 12px; font-weight: bold; text-decoration: none; margin: 0 5px 0 0; vertical-align: top; }
.NavBar a.page:hover { color: #2e2e2e; }
.NavBar a.page.selectedLink { background-color: #dfdfdf; }
.NavBar a.prev { display: inline-block; width: 72px; height: 19px; background: url(/images/term-nav-arrows.png) no-repeat 0px 0px; margin: 0 12px 0 0; padding: 0; }
.NavBar a.prev:hover { background-position: 0px -19px; }
.NavBar a.prev.inactive { background-position: 0px -38px; cursor: default; }
.NavBar a.next { display: inline-block; width: 72px; height: 19px; background: url(/images/term-nav-arrows.png) no-repeat -72px 0px; margin: 0 50px 0 7px; padding: 0; }
.NavBar a.next:hover { background-position: -72px -19px; }
.NavBar a.next.inactive { background-position: -72px -38px; cursor: default; }
.NavBar span.elip {display: inline-block; height: 19px; line-height: 19px; padding: 0; color: #8f8f8f; font-size: 12px; font-weight: bold; text-decoration: none; margin: 0 5px 0 0; vertical-align: top;}

.searchheader { height: 29px; border-bottom: solid 2px #fff; line-height: 29px; padding-left: 34px; font-size: 14px; font-weight: bold; color: #606060; background-color: #fff; }
.searchresults { background-color: #fff; } 
.searchresult { border-bottom: solid 2px #fff; border-left: solid 2px #fff; padding-bottom: 18px; }
.searchresult h4 { padding-top: 12px; padding-left: 34px; }
p.searchresulttext { height: 54px; overflow: hidden; argin-bottom: 18px; padding-bottom: 0; }
.searchresult.odd { background-color: #f1f1f1; }
.searchresult.even { background-color: #ebebeb;  }

a.TextButton9px { margin: 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; padding: 0px 4px 0px 4px; background: #FFFFFF; border: solid 1px #AAAAAA; text-decoration: none; border-radius: 5px; }
a.TextButton9px:hover {background-color: #AA0000; color: #FFFFFF; text-decoration: none; }
.Relevancy {font-size: 9px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; padding: 0; margin: 0 0 0 15px; }
#Sitemap { margin: 20px 50px 25px 50px; }
#Sitemap h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding: 0; margin: 0 0 8px 0; }
#Sitemap h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0 0 5px 0; }

.square100 { display: block; width: 100px; height: 100px; position: relative; z-index: 50; background-repeat: no-repeat; background-position: top left; overflow: hidden; cursor: pointer; }
.square100 img { width: 100px; height: 100px; z-index: 51; }
.doc { background-image: url(../media/Thumbnaildoc.jpg); }
.docx { background-image: url(../media/Thumbnaildocx.jpg); }
.flv { background-image: url(../media/Thumbnailflv.jpg); }
.mov { background-image: url(../media/Thumbnailmov.jpg); }
.pdf { background-image: url(../media/Thumbnailpdf.jpg); }
.square100 .ppt { background-image: url(../media/Thumbnailppt.jpg); }
.pptx { background-image: url(../media/Thumbnailpptx.jpg); }
.swf { background-image: url(../media/Thumbnailswf.jpg); }
.txt { background-image: url(../media/Thumbnailtxt.jpg); }
.unk { background-image: url(../media/Thumbnailunk.jpg); }
.wmv { background-image: url(../media/Thumbnailwmv.jpg); }
.xls { background-image: url(../media/Thumbnailxls.jpg); }
.xlsx { background-image: url(../media/Thumbnailxlsx.jpg); }
.square100 table { height: 100px; width: 100px; margin: 0; padding: 0; border: none; border-collapse: collapse; }
.square100 table td { height: 90px; width: 90px; padding: 0; margin: 5px; border: none; text-align: center; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #444444; }
.square100 table td.empty { height: 98px; width: 98px; padding: 0; margin: 0; border: solid 1px #aaa; font-weight: normal; cursor: default; }

#sessionmsgbox { position: fixed; top: 150px; left: 0px; width: 100%; border: solid 5px #0047b7; background-color: white; display: none; z-index: 22000; }
#sessionmsg { margin: 15px; }
#sessionmsg p { padding: 8px 0; margin: 0; }
#sessionmsg h3 { padding: 8px 0; font-size: 15px; margin: 0; }

.cke_panel_frame, .cke_panel_block { background-color: #fff !important; }
body#ck_body { background-color: #fff; }
#ck_body.main form fieldset.additional { display: block; }
#ck_body { padding: 15px; }
#ck_body.term p { font-weight: bold; font-size: 16px; }
#ck_body.descrip p { font-weight: normal; font-size: 12px; }
#ck_body table { border: solid 1px #dcdcdc; }
#ck_body table th, #ck_body table td { border: solid 1px #dcdcdc; padding: 5px; font-size: 11.5px; }