form { margin: 0; padding: 0; }

td, th, tr, span.txtTop { font: 14px tahoma, arial, helvetica, sans-serif; color: #5C5C5C; vertical-align: top; text-align: left; }

th { font-weight: normal; color: #ffffff; border-color: #6F5544; }

span.txtTop { margin-left: 5px; }

span.chkBox input { border: 0; width: auto; }

.end td { color: #C28251; text-decoration: none; text-align: center; }

    .end td a { color: #C79678; text-decoration: none; text-align: center; }

        .end td a:hover { color: #C79678; text-decoration: underline; text-align: center; }

strong { color: #9C5B1C; }

a { color: #B4B4B3; text-decoration: underline; font-weight: bold; }

    a:hover { color: #4887b1; text-decoration: none; cursor: pointer; }

strong a { color: #9C5B1C; text-decoration: none; }

    strong a:hover { color: #9C5B1C; text-decoration: underline; }

b a { color: #923321; text-decoration: underline; font-weight: normal; }

    b a:hover { color: #923321; text-decoration: none; font-weight: normal; }

.top td { color: #C6BAA8; }

    .top td strong { color: #C6BAA8; }

.deep td { color: #78604D; }

    .deep td a { color: #923321; text-decoration: underline; font-weight: bold; }

        .deep td a:hover { color: #923321; text-decoration: none; font-weight: bold; }

textarea { font-family: tahoma, arial, helvetica, sans-serif; font-size: 20px; width: 450px; }

select, input, .txtBig, .txtBig2, .ddlBig, .multiline { width: 100px; border: 1px solid #C4B9AD; font-family: tahoma, arial, helvetica, sans-serif; font-size: 14px; }

    input[type='radio'] { border: 0px; width: auto; }

.ddlBig { width: 210px; }

.btnBig { width: 150px; }

.form td textarea { width: 132px; height: 67px; border: 1px solid #C4B9AD; padding: 1px 0 0px 6px; font-family: tahoma, arial, helvetica, sans-serif; overflow: auto; font-size: 11px; }

.kn a { font-size: 11px; line-height: 13px; color: #9C5B1C; vertical-align: top; text-align: left; text-decoration: none; font-weight: bold; }

    .kn a:hover { text-decoration: underline; color: #9C5B1C; font-weight: bold; }

.title { font-size: 22px; color: #4378B8; }

.titleBig { font-weight: bold; font-size: 22px; }

.welcomeName { font-weight: bold; white-space: nowrap; margin-right: 10px; }

/********************************************************************
Controls Styles.
********************************************************************/
.brownDiv { color: #984807; font-weight: bold; }

.brownHr { border-width: 0px; color: #f79646; height: 2px; background-color: #f79646; }

.generalTextBoxGrid { }

.generalTextBoxGridEdit { width: 98%; }

textarea.generalTextBox { overflow: auto; height: 75px; width: 100%; color: black; }

.generalTextBox, .generalTextBoxYear, .generalTextBoxYear-Border, .middleTextBox, .multiline, .txtBig, .txtBig2 { vertical-align: middle; font-size: 20px; width: 220px; height: 25px; }

.txtBig { width: 675px; }

.txtBig2 { width: 200px; }

.multiline { height: 150px; width: 275px; font-weight: normal; overflow: hidden; }

.DropDownOutStyle, .DropDownOverStyle, .DropDownStyle { color: White; }

.generalDropDown, .generalDropDownYear, .generalTextBoxDropDown,
.generalDropDownQuartile,
div.companies select.generalDropDown { vertical-align: middle; width: 280px; font-size: 14px; border: 1px solid #C4B9AD; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 2px 10px; }

div.companies select.generalDropDown { width: 206px; margin: 5px 5px 7px 0px; }

.generalTextBoxDropDown { width: 225px; }

.generalDropDownQuartile { width: 187px; }

.generalDropDownYear, .generalTextBoxYear, .generalTextBoxYear-Border { width: 90px; }

.generalTextBoxYear { border: 0 none; background-color: transparent; }

.generalButton, .generalButtonLarge { width: 114px; height: 35px; vertical-align: middle; }

.generalButtonLarge { width: 130px; }

.middleTextBox { width: 275px; }

.generalLabel, .gridStyle { font-size: 14px; }

.gridStyle { float: right; }

a.leftmenu, a.leftmenu:hover, a.leftmenuSelected, a.leftMenuDisabled { line-height: 25px; text-align: center; font-weight: bold; font-size: 15px; text-decoration: none; }

    a.leftmenu:hover, a.leftmenuSelected { /*color:#120FF4;*/ color: #4887B1; }

.ddlPopupHelper { width: 170px; display: block; border: 1px solid #C4B9AD; font-family: tahoma, arial, helvetica, sans-serif; font-size: 10px; height: auto; }

div.grayArea { width: 315px; padding: 10px; margin: 10px; background-color: #a6a6a6; min-height: 40px; }

    div.grayArea span { font-size: 15px; }


        div.grayArea span.blueMiddle { color: #2514fe; font-size: 12px; text-align: center; display: block; }

.text-label { color: #CDCDCD; font-weight: bold; }

/********************************************************************
Menu Styles.
********************************************************************/

.tab, .tab:hover, .tabselected, .tabselected:hover { background-repeat: no-repeat; padding: 0px 3px; line-height: 30px; text-align: center; }

.menu-separator { background-image: url(images/tabdelim.png); display: inline-block; width: 3px; height: 30px; text-align: center; margin-top: -30px; float: right; }

.tabselected span, .tabselected:hover span, .tab:hover span { color: #4378b8; }

.tab:hover, .tabselected:hover { cursor: pointer; }

.tabitemtext { font-weight: bold; font-size: 15px; }

.menu { vertical-align: middle; text-align: center; height: 30px; padding-top: 1px; width: 100%; }

    .menu a { display: block; text-align: center; }

.userQuickFacts { border-bottom: 1px solid Gray; border-left: 1px solid Gray; border-right: 1px solid Gray; padding: 0; }

.userBrand { text-align: center; align: center; width: 855px; background-color: #F0F0F0; color: #555555; font-size: 14px; display: block; border-top: 1px solid Gray; padding: 5px; }

/********************************************************************
Span styles.
********************************************************************/

.spanSmall, .spanSmallBlue, .spanMiddleBlue, .spanLargeBlue { font-family: tahoma, arial, helvetica, sans-serif; overflow: auto; font-size: 9px; }

.spanSmallBlue, .spanMiddleBlue, .spanLargeBlue { /*color:#120FF4;*/ color: #4887B1; }

.spanMiddleBlue { font-size: 24px; }

.spanLargeBlue { font-size: 38px; font-weight: bold; }

.spanRedCompanyName, .spanGreenCompanyName, .spanRedCompanyNameFloat { color: White; font-size: 24px; font-weight: bold; border: 2px solid #A8A8FF; background-color: #C10000; text-align: center; padding: 15px; display: inline-block; margin: 0 auto; }

.spanRedCompanyNameFloat { position: relative; top: 10px; }

.spanGreenCompanyName { background-color: #00C100; }

    .spanGreenCompanyName span { color: #000000; }

.spanRedItalic { color: Red; font-style: italic; }

.spanDateBlack, .spanRbBlack { margin-left: 360px; }

.spanRbBlack { font-weight: bold; color: Black; margin-left: 0; font-size: 11px; }


/********************************************************************
Stock Styles.
********************************************************************/

tr .defaultStockStyle, tr .markedStockStyle, tr .defaultStockStyleHeader { /*background-color:#CCFFFF;*/ /*height:40px;*/ height: 25px; }

tr .markedStockStyle { background-color: rgb(72, 135, 177) !important; /*background-image:url(images/SelectedStockLine.png);*/ height: 25px; }

tr .defaultStockStyleHeader { /*background-color:Gray;*/ text-decoration: underline; }

    tr.defaultStockStyleHeader td { font-weight: bold; }

    tr.defaultStockStyle td, tr.markedStockStyle td, tr.defaultStockStyleHeader td { /*font-weight:bold;*/ font-family: tahoma, arial, helvetica, sans-serif; font-size: 14px; color: #5c5c5c; text-align: center; vertical-align: middle; }

        tr.defaultStockStyle td.tdEmpty, tr.defaultStockStyleHeader td.tdEmpty { background-color: White; width: 30px; }

        tr.markedStockStyle td.tdEmpty { }

tr.markedStockStyle td { color: #FFFFFF; }

    tr.defaultStockStyle td span, tr.markedStockStyle td span { }

.viewBtn { background-image: url(images/buttons/view.png); width: 114px; height: 35px; }

.btnRed { color: White; background: #fe0000; cursor: pointer; }

/********************************************************************
Popup Styles.
********************************************************************/

.popUp { position: absolute; top: 0px; border-width: 0px; overflow: hidden; background-color: White; }

.backgroundPopup { background-color: Gray; filter: alpha(opacity=30); opacity: 0.3; -moz-opacity: 0.3; }

.modalPopup, .modalPopup2 { background-color: #4f81bc; border-width: 1px; border-style: solid; border-color: Gray; padding: 10px; width: 250px; position: absolute; }

.modalPopup2 { position: relative; }

.modalPopupTitleDiv { background-color: #fe0000; color: White; text-align: center; padding: 5px; margin: 0 auto; font-weight: bold; width: 150px; }

.autocomplete_completionListElement { margin: 0px !important; padding: 0px !important; color: windowtext; border: buttonshadow; border-width: 1px; border-style: solid; cursor: default; text-align: left; list-style-type: none; overflow-y: auto; max-height: 125px; }

.autocomplete_completionListElementMobile { margin: 0px !important; padding: 0px !important; color: windowtext; border: buttonshadow; border-width: 1px; border-style: solid; cursor: default; text-align: left; list-style-type: none; overflow-y: auto; max-height: 125px; font-size: xx-large; width: 390px !important; }

/********************************************************************
Chart Template.
********************************************************************/


/********************************************************************
Topic Template.
********************************************************************/
.tblCircle { width: 300px; }

    .tblCircle tr { height: 30px; }

    .tblCircle span { border: 1px solid Black; background-color: White; border-radius: 10px; font-size: 9px; color: #000000; padding: 3px; }

span.FQ, span.FrQ, .FQM, .FrQM { color: #FFFFFF; font-weight: bold; }

span.SQ, span.TQ, .SQM, .TQM { color: #000000; font-weight: bold; }

.FQM, .FrQM, .SQM, .TQM { font-weight: normal; text-align: center; width: 50%; }

.FQM, .FQ { background-color: Green; }

.FrQM, .FrQ { background-color: Red; }

.SQM, .TQM, .SQ, .TQ { background-color: Yellow; }

/********************************************************************
Topic Ranking Template.
********************************************************************/

.RankingQuartileRed, .RankingQuartileYellow, .RankingQuartileGreen { font-weight: bold; text-align: center; width: 50px; border: 1px solid Black; }

.RankingQuartileRed { background-color: Red; color: White; }

.RankingQuartileYellow { background-color: Yellow; color: Black; }

.RankingQuartileGreen { background-color: Green; color: White; }

span.RankPropName, span.RankPropVal { font-weight: bold; font-size: 12px; text-align: left; }

/********************************************************************
Processing.
********************************************************************/
.modalBackground { background-color: Gray; filter: alpha(opacity=30); opacity: 0.3; -moz-opacity: 0.3; }

.updateProgress { border: 0 none; background-color: transparent; position: absolute; display: inline-block; }

/********************************************************************
Crawl Line.
********************************************************************/
.news { overflow: hidden; }

div.move { overflow: hidden; display: inline-block; }

.news p.crawl { margin: 0; display: inline-block; overflow: hidden; float: left; padding: 0 20px 0 0; }

.crawl span.red, .crawl span.green { font-weight: bold; }

.crawl span.red { color: #CD171C; }

.crawl span.green { color: #178817; }


/* styles for mobile version */
a.leftmenuMobile, a.leftmenuMobile:hover, a.leftmenuMobileSelected, a.leftMenuMobileDisabled,
span.leftmenuMobile, span.leftmenuMobile:hover, span.leftmenuMobileSelected, span.leftMenuMobileDisabled { line-height: 70px; text-align: left; font-weight: bold; font-size: 47px; /*increased by 1/3 per Alex request. Old: 35px;*/ text-decoration: none; display: block; /*make the whole line clickable*/ width: 900px; height: 70px; }

    a.leftmenuMobile:hover, a.leftmenuMobileSelected,
    span.leftmenuMobile:hover, span.leftmenuMobileSelected { color: #4887B1; }

.txtBoxMobile { width: 70%; height: 40px; font-size: 30px; }

/*face to face directors*/
span.faceToFace-Dir, span.faceToFace-Dir-sm { display: inline-block; padding: 3px; margin: 5px 10px; width: 183px; background-color: #4887b1; color: #fff; }

span.faceToFace-Dir-sm { width: 160px; background-color: white; color: #5c5c5c; }

    span.faceToFace-Dir-sm:hover { cursor: pointer; }

.faceTofaceDirOrOfficer input[id$=txtLastName1], .faceTofaceDirOrOfficer input[id$=txtLastName2] { font-size: 14px; padding: 2px 10px; }

.faceTofaceDirOrOfficer span.infoTitleBlue { color: #4378b8; font-size: 22px; }

.faceTofaceDirOrOfficer .generalTextBox { width: 260px; }

.fieldDiv .result1 .result-red,
.fieldDiv .result2 .result-red,
.fieldDiv .result1 .result-green,
.fieldDiv .result2 .result-green { min-width: 200px; float: left; font-size: 12px; padding: 5px; color: #971212; background-color: #ffc9c9; text-align: center; }

.fieldDiv .result1 .result-green,
.fieldDiv .result2 .result-green { color: #378f4f; background-color: #bffbbe; float: right; }

.fieldDiv div.delimSection { line-height: 10px; clear: both; }

.ftf table.ComparativeRanking { width: 100%; }

    .ftf table.ComparativeRanking td { font-size: 12px; }

        .ftf table.ComparativeRanking td.ftf-green,
        .ftf table.ComparativeRanking td.ftf-red { text-align: right; width: 100px; color: #971212; }

        .ftf table.ComparativeRanking td.ftf-green { color: #378f4f; }

        .ftf table.ComparativeRanking td.ftf-genText { text-align: center; color: #000; }

    .ftf table.ComparativeRanking .bigTitle-1 { margin-top: 20px; text-align: center; }