/* HTML ELEMENTS */

body {
    font-family: Verdana, Helvetica, Arial;
    font-size: 100%;
    background-color: #def;
    line-height: 1.125em }

a:hover, a:active, .siteTitle { color: #4682b4 }

a:link, a:visited {
    color: #6633ff;
    text-decoration: none }

a:hover, a:active { text-decoration: underline }
    
a.light { color: Aqua }

h4, h5, h6 {
    margin: 12px 0 4px 0;
    padding: 0 }

img {
    border-style: none;
    border: 0;
    display: inline;
    vertical-align: middle;
}

td { vertical-align: top }

li { margin-top: 6px; margin-bottom: 6px }


/* COLORS & DISPLAY */

#siteBar, .title, .selBtn, .selBtn2, .contentHeadline, .legendLabel, .clpTitle, .toolbarTitle, .searchTitle, .navTitle, #shareTitle {
    color: #eeffff }
    
body, .contentText, .sheet {
    color: #003333 }    
    
.siteBarBox, #siteBar, .siteNavBox, .legendLabel {
    background-color:#003333 }

.siteBarContent, .siteNavContent, .contentText, .bLt, .refLtRow, .sheet {
    background-color:#ffffff }

.container, .contentContainer, .frmDD, .frmField, .Menu, .frmBtn, .containernh {
    border: solid 1px #4682b4;
    background-color: #ffffff }

.selBtn, .selBtn2, .contentPanel, .clpTitle, .title {
    background-color: #4682b4 }

.refName, .refSubName, .bDk { background-color: #ffffcc }

.refLabel { background-color: #47b8b8 }

.refDkRow { background-color: #e6e6ff }

.Inactive {
    background-color: #00ffff;
    color: #009999 }

.sheet {
   padding: 6px;   
   text-align: left }

.footer {
    margin-top: 2px;
    padding: 2px }


/* FONT & TEXT ALIGNMENT */

#siteBar, .clpTitle, .toolbarTitle, .searchTitle, .navTitle, #shareTitle, .quote, h4, h5, h6 {
    font-family:  Verdana, Helvetica, Arial }

h1, h2, h3, .contentHeadline, .title {
    font-family: Georgia, Times New Roman, Courier New }

.Menu, .selBtn, .selBtn2, .frmFieldRegEx, .legend, .note, .legendText, .refLabel, .subHeader,  
.refDkRow, .refLtRow, .siteSearch, .siteNav, .tab, .contentText, .txtBody, .txtFootnote {
    font-family: Tahoma, Lucida Console, MS Sans Serif }

.note, .sublist, .Menu, .refDkRow, .refLtRow, .contentText {
    font-style: normal;
    font-weight: normal }

#siteBar, .clpTitle, .quote, .refName, .contentLabel,  
.refLabel, .title, .contentHeadline, .subTitle {
    font-weight: bold }

.clpTitle, .Menu, .sublist, .selBtn, .selBtn2, .frmBtn, 
.frmField, .frmDD, .subScript, .contentHeadline, .quote {
    font-size: small }

.colorCell, .legendText, .note, .caption, .legend, label,
.contentLabel, .contentText, .quoteSource, .Menu {
    font-size: x-small }

.tab, .attrib, .sublist {
    font-size: xx-small }

#siteBar, .searchTitle, .toolbarTitle, .navTitle, #shareTitle, .title, .refName {
    font-size: .875em }

.txtBody, .refDkRow, .refLtRow, .refLabel, .refSubName, .subHeader, .subTitle {
    font-size: .8125em }

.txtFootnote, #footer, .calField { font-size: .75em }

.txtTitle { font-size: .875em }

.subScript, .caption, .attrib, .quoteSource {
    font-weight: normal }

.quote, .refSubName, .subScript, .caption, .attrib, .quoteSource, .subHeader {
    font-style: italic }

.caption, .siteBarContent, .legendLabel, .calField {
    text-align: center }

.quoteSource, .contentLabel {
    text-align: right }

ul, .title, .searchTitle, .toolbarTitle, .navTitle, #shareTitle, .contentHeadline, .contentText, .legendText, .Menu, .quote, .txtBody  {
    text-align: left }

/* MARGINS, PADDING & BORDERS */

#siteBar, .selBtn, .selBtn2, .img_link, .contentContainer, .Menu, .frmBtn, .legend, .legendLabel, .frmField, .frmDD, .goBtn {
    margin: 0;
    padding: 0 }

.sublist, .note {
    margin: 6px }

.selBtn, .selBtn2, #siteBar, .contentPanel, .icon, .iconTab, .flag, .legendLabel, .goBtn {
    border-width: 0 }
    
.mar16 {
    margin-left: 16px;
    margin-right:16px;
}

/* LIST */

ul {
    padding: 0;
    margin: 0 0 0 22px;
    list-style-image: url('../../images/bl.gif');
    list-style-type: disc
}
    
ul.rss { list-style-image: url('../../images/bullet_feed.png')
}

ul.podcast { list-style-image: url('../../images/podcast.png')
}

ul.vidcast { list-style-image: url('../../images/video_podcast.png')
}

.listTab {
    border-bottom: solid 1px  #4682b4;
}

#siteBar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    height: 24px }

#colLft, #colMid, #colRght {
    position: relative;
    float: left;
    margin: 0 10px;
    z-index: -1
}

#footer {
    width: 1100px;
    min-width: 1100px;
    position: relative;
    top: 30px;
    clear: both }

.title {
    vertical-align: bottom;
    padding: 4px }

.selBtn {
    height: 20px;
    display: inline;
    border: solid 1px white;
    padding: 0 }

.selBtn2 {
    width: 17px;
    display: inline;
    vertical-align: bottom }

.img_link {
    height: 12px;
    width: 12px;
    vertical-align: text-bottom }

.colorCell { vertical-align: top }

.container, .containernb, .containernh {
    display: block;
    border-collapse: collapse;
    border-spacing: 0 }

.container {
    overflow: hidden;

}    

.tblContainer {
    border-collapse: collapse;
    border-spacing: 0 }

.contentContainer {
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: top }

.contentPanel {
    margin: 0;
    padding: 0 1px;
    vertical-align: top }

.contentHeadline {
    vertical-align: middle;
    padding: 0 6px 2px 6px }

.contentLabel { vertical-align: top }

.contentText { padding: 8px }


/* FORM CONTROLS */

label, .frmBtn, .frmDD, .frmField, .goBtn, .frmFieldRegEx, .imgBtn {
    display: inline;
    vertical-align: middle }

.frmBtn {
    height: 22px;
    border-width: 2px }

.frmDD {
    height: 22px;
    padding: 1px }

.frmField { height: 18px }

.frmFieldRegEx {
    padding: 6px;
    height: 40px;
    width: 500px }

.goBtn {
    height: 22px;
    width: 22px }

.regexText {
    height: 24px;
    width: 400px;
    padding: 8px 8px 0 8px;
    vertical-align: top }

.regexBtn {
    width: 64px;
    height: 32px;
    border-width: 2px;
    padding: 4px 0 8px 0 }


/* IMAGES */

.icon, .iconTab, .microbtn, .regexImg, .flag {
    display: inline }

.icon {
    vertical-align: middle;
    height: 16px;
    width: 16px }


.iconTab {
    vertical-align: top;
    height: 16px;
    width: 16px }
    
.pageLogo, .logo48, .logo32 {
   vertical-align:middle 
}    

.pageLogo {
    height:72px;
    width:72px;  }
    
.logo48 {
    height:48px;
    width:48px; }
    
.logo32 {
    height:32px;
    width:32px; }

.flag {
    border-style: none;
    vertical-align: text-top;
    padding: 2px }

.microbtn {
    width: 80px;
    height: 15px;
    vertical-align: top }

.regexImg {
    width: 48px;
    height: 48px;
    vertical-align: middle }


/* TEXT & CONTENT CONTROLS */

.ind1 {
    margin-left: 16px;
    margin-right: 8px }

.legend {
    position: fixed;
    z-index: 2;
    right: 0;
    top: 40px;
    float: right;
    cursor: help }

.legendLabel {
    width: 11px;
    line-height: 10px }

.legendText { padding: 1px }

.Menu {
    vertical-align: top }

.pagePart {
    margin-top: 0;
    margin-bottom: 20px;
    vertical-align: top }

.collapsedVert, .clpPanel, .siteSearch, .toolbar, .siteNav {
    overflow: hidden;
    height: 0 }

.collapsedHor {
    overflow: hidden;
    width: 0 }

.clpTitle {
    padding: 0 4px;
    margin: 2px 0 }

.toolkitTitle {
    height: 20px;
    line-height: 20px;
    width: 400px }

.toolkitContent { width: 800px }

.refName { line-height: 24px }

.refLabel { vertical-align: bottom }

.tab { color: inherit }

.subScript {
    text-indent: 18px;
    padding-left: 20px }


/* SITE BAR */

.siteBarBox {
    padding: 0 6px 2px 6px;
    height: 25px }

.siteBarContent {
    padding:2px;
    height:22px;
    overflow: hidden }

.siteNavBox {
    padding: 0 6px 2px 6px;
    height: 225px }

.siteNavContent {
    padding:2px;
    height:222px;
    overflow: hidden }

.toolbarTitle, .searchTitle, .navTitle {
    padding: 2px;
    margin: 0;
    position: fixed;
    top: 1px;
    width: 160px;
    z-index: 120 }
    
.navItem { margin: 3px 0 }

.toolbarTitle, .toolbar { left: 570px }

.searchTitle, .siteSearch { left: 400px }

.navTitle, .siteNav { left: 230px }

.toolbar, .siteSearch, .siteNav {
    position: fixed;
    top: 22px;
    overflow: hidden }

.toolbar { width:400px; 
    z-index: 140 }

.siteSearch { width: 330px; 
    z-index: 150 }

.siteNav { width: 310px; 
    z-index: 255 }