/*******************************/
/* Settings Styles
/*******************************/
td { vertical-align: middle; }
ul.StoplightKey li { color: #777777; font-size: 10px; text-align: center; float: left; margin-left:30px; }
ul.StoplightKey { margin: 15px auto 10px; width: 100%; height: 30px; list-style: none; }

.DataScore img { padding: 0 5px 3px; }
.fillerRow td { background: none; }
.moduleContainer { padding: 20px 0 10px; }
.Question { text-align: left; padding-left: 5px; }
.ReportCardTotalRow td { padding: 10px; border-color: #DDDDDD; border-style: solid; border-width: 1px 0; }
.Scroller { padding: 10px 0 15px; overflow: auto; }
.segmentLinks { font-size: 12px; line-height: 16px; }
.selectedFilter { display: inline-block; color: #FFFFFF; font-weight: bold; background: #06458B url('/content/images/research/global/bluebuttonbg.gif') repeat-x; border-radius: 3px; padding: 1px 5px; line-height: 12px; margin: 0 5px; }
.tableHeader th { background: #F4F4F4; border-color: #E8E8E8; border-style: solid; border-width: 1px; border-collapse: collapse; padding: 0 3px; }
.tableHeader th:last-child { border-width: 1px; }
.tableHeader { padding: 2px; margin: 10px 0 0; font-weight: bold; }
.thermoBar { background: url('/content/images/research/research/stoplights/thremo.gif'); height: 12px; }
.top { vertical-align: top; }

/* For Score Bubbles */
.bigOverallScore, .smallOverallScore { clear: both; position: relative; padding: 15px 0; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: bold; color: #fff; }
.bigOverallScore { margin: 3px 0 0; background: #06458b url(/Content/Images/Research/Research/Tools/OverallScoreBlue.png) repeat-x top; font-size: 50px; line-height: 60px; width: 161px; }
.smallOverallScore { margin: 15px; background: #565656 url(/Content/Images/Research/Research/Tools/OverallScoreGrey.png) repeat-x top; font-size: 25px; line-height: 30px; width: 110px; }
.overallScoreBar { background: #ccc; border: solid 1px #aaa; width: 122px; height: 10px; float: left; margin: 3px 0 0; }
.downArrow, .upArrow { border-left: 15px solid #fff; border-right: 15px solid #fff; position: absolute; height: 0; width: 0; line-height: 0; }
.downArrow { border-top: 15px solid #06458b; bottom: -15px; }
.upArrow { border-bottom: 15px solid #777; top: -15px; }

/********************************************************************************/
/* Toggle button styles. Used in the User Comments and Trending Details tabs.
/********************************************************************************/
/* RadButton container. */
div.rbc { padding: 0px; margin: 0px; display: inline-block; zoom:1; *display: inline; _height: 26px;}
div.rbc .rbPrimaryIcon { display: none !important; }
div.rbc a { padding: 3px 13px !important; text-decoration: none !important; border-radius: 5px !important; height: 20px !important; line-height: 20px !important; text-align: center !important; border: none !important; outline: none !important; display: inline-block !important; }
div.rbc a span { font-family: Arial, Sans-Serif !important; font-size: 12px !important; letter-spacing: 0.5px !important; font-weight: bold !important; }
div.rbc a.rbToggleButton { position: static; }
/* Selected RadButton styles. */
div.rbc a.srb { cursor: default !important; background: url('/content/images/research/global/bluebuttonbg.gif') repeat-x scroll 0 0 #05448A; }
div.rbc a.srb span { color: #FFFFFF !important; }

/* Unselected RadButton styles. */
div.rbc a.urb { cursor: pointer !important; background-color: transparent !important; background-image: none !important; }
div.rbc a.urb span { color: #255FA2 !important; }

/* Selected and unselected Button styles. */
input.stb,input.utb { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; border: none; padding: 0px 7px; margin: 0px; border-radius: 5px; height: 22px; line-height: 20px; }
input.utb { color: #255FA2; background: none; cursor: pointer; }
input.stb { color: #FFFFFF; background-image: url('/content/images/research/global/bluebuttonbg.gif'); background-repeat: repeat-x; }