﻿.cog-test-intro-btn { display: block; padding: 8px 10px 8px 25px; font-size: 13px; color: #fff; text-decoration: none; background: #4C9E75 url(../images/white-add-icon.png)  no-repeat 6px 11px;  }
.cog-test-new-btn { display: block; padding: 8px 10px 8px 25px; font-size: 13px; color: #fff; text-decoration: none; background: #4C9E75 url(../images/white-add-icon.png)  no-repeat 6px 11px; }
.cog-test-new-btn:hover { background: #004376 url(../images/white-add-icon.png)  no-repeat 6px 11px;}
.cog-test-intro-btn:hover { color:#fff; background: #004376 url(../images/white-add-icon.png)  no-repeat 6px 11px;}

.cog-det-box { margin: 10px 0; border: 1px solid #ddd; height: 345px; }
.cog-det-box .title { background: url(../images/box-title-bg.gif) repeat-x bottom; border-bottom: 1px solid #ddd; }
.cog-det-box .title-rpt { border-bottom: 1px solid #ddd;background: #F5F8F9; }
.cog-det-box .title h2 { float: left; margin: 0; padding: 10px; font-size: 14px; }
.cog-det-box .title ul  { float: right; margin: 0; padding: 0 10px 0 0; list-style: none; }
.cog-det-box .title ul li { float: left; padding: 10px 2px; }
.cog-det-box .title ul li a{ display: block; width: 21px; height: 19px; text-indent: -9000em; overflow: hidden; }
.cog-det-box .title ul li .open { background: url(../images/open-icon.png) no-repeat; }
.cog-det-box .title ul li .close { background: url(../images/close-icon.png) no-repeat; }
.cog-det-box .txt { padding: 15px; }


.cog-det-box-rpt { margin: 10px 0; border: 1px solid #ddd; height: 375px; }
.cog-det-box-rpt .title-rpt { border-bottom: 1px solid #ddd;background: #F5F8F9; }
.cog-det-box-rpt .title-rpt h2 { float: left; margin: 0; padding: 10px; font-size: 14px; }
.cog-det-box-rpt .title-rpt ul { float: right; margin: 0; padding: 0 10px 0 0; list-style: none; }
.cog-det-box-rpt .title-rpt ul li { float: left; padding: 10px 2px; }
.cog-det-box-rpt .title-rpt ul li a { display: block; width: 21px; height: 19px; text-indent: -9000em; overflow: hidden; }
.cog-det-box-rpt .title-rpt ul li .open { background: url(../images/open-icon.png) no-repeat; }
.cog-det-box-rpt .title-rpt ul li .close { background: url(../images/close-icon.png) no-repeat; }
.cog-det-box-rpt .txt { padding: 15px; }


.cog-actions { float: left;  margin: 0; list-style: none; padding-left: 5px; padding-top: 10px;}
.cog-actions li { float: left;  padding: 5px; }
.cog-actions li .cog-reconfigure-btn { display: block; padding: 8px 10px 8px 23px; font-size: 13px; color: #fff; text-decoration: none; background: #5c5c5c url(/App_Themes/NewMindMaps/images/reconfigure-icon.png) no-repeat 6px 11px; }
.cog-actions li .cog-history-btn { display: block; padding: 8px 10px 8px 10px; font-size: 13px; color: #fff; text-decoration: none; background: #ecb01f url(/App_Themes/NewMindMaps/images/rpt-icon-white.png) no-repeat 4px 4px; }
.cog-actions li .cog-report-btn { display: block; padding: 8px 10px; font-size: 13px; color: #fff; text-decoration: none; background:#5294D0; border-radius: 10px;box-shadow: 0px 0px 5px #333333;-moz-box-shadow: 0px 0px 5px #333333; }
.cog-actions li .cog-download-btn { display: block; padding: 8px 10px 8px 10px; font-size: 13px; color: #fff; text-decoration: none; background: #A69650; border-radius: 10px;box-shadow: 0px 0px 5px #333333;-moz-box-shadow: 0px 0px 5px #333333;}
.cog-actions li .cog-download-btn:hover {background-color: #5e666a;color: #fff;}
.cog-actions li .cog-new-btn { display: block; padding: 8px 10px 8px 25px; font-size: 13px; color: #fff; text-decoration: none; background: #4C9E75 url(../images/white-add-icon.png)  no-repeat 6px 11px; }
.cog-actions li .cog-new-btn-b { display: block; padding: 8px 10px 8px 25px; font-size: 13px; color: #fff; text-decoration: none; background: #2979b4 url(../images/white-add-icon.png)  no-repeat 6px 11px; }
.cog-actions li .cog-delete-btn { display: block; padding: 8px 10px 8px 25px; font-size: 13px; color: #fff; text-decoration: none; background:  #a70505 url(../images/white-remove-icon.png) no-repeat 6px 11px; }
.cog-actions li .cog-return-btn { display: block; padding: 8px 10px 8px 10px; font-size: 13px; color: #000; text-decoration: none; background:  #B7B7B7; -moz-border-radius: 10px;border-radius: 10px;box-shadow: 0px 0px 5px #333333;-moz-box-shadow: 0px 0px 5px #333333; }
.cog-actions li .cog-return-btn:hover { background-color: #5e666a;color: #fff; }
.cog-actions li .cog-toggle-view-btn { display: block; padding: 8px 10px; font-size: 13px; color: #fff; text-decoration: none; background:#5294D0;  border-radius: 10px;box-shadow: 0px 0px 5px #333333;-moz-box-shadow: 0px 0px 5px #333333;}
.cog-actions li .cog-toggle-view-btn:hover { background: #5e666a;}
.cog-actions li .cog-reconfigure-btn:hover { background: #5e666a;}
.cog-actions li .cog-history-btn:hover { background: #004376 url(/App_Themes/NewMindMaps/images/rpt-icon-white.png) no-repeat 4px 4px;}
.cog-actions li .cog-report-btn:hover { background: #5e666a;}
.cog-actions li .cog-new-btn:hover { background: #5e666a;}
.cog-actions li .cog-new-btn-b:hover { background: #5e666a;}
.cog-actions li .cog-delete-btn:hover { background: #5e666a; }
.cog-actions li .cog-no-btn { padding: 0px; margin: 0px; display: none; }

.dboard-left-cogs { float: left; margin: 0 15 0 0px; padding: 0px 15px 0px 0px; list-style: none; width: 100%; }
.dboard-left-cogs2 ul li { float: left;  list-style: none;}
.dboard-right-cogs { float: left; margin: 0 0 0 15px; padding: 0 0 0 15px; list-style: none; width: 31%; border-left: 1px solid #efefef;}

.cog-actions li .cog-promo-btn { display: block; padding: 8px 10px 8px 25px; font-size: 13px; color: #fff; text-decoration: none; background: #ce0400 url(../images/white-add-icon.png)  no-repeat 6px 11px; }
.cog-actions li .cog-promo-btn:hover { background: #004376 url(../images/white-add-icon.png)  no-repeat 6px 11px;}
.cog-actions li .cog-select-btn { display: block; padding: 8px 10px 8px 10px; font-size: 13px; color: #fff; text-decoration: none; background: #4C9E75;-moz-border-radius: 10px;border-radius: 10px;box-shadow: 0px 0px 5px #333333;-moz-box-shadow: 0px 0px 5px #333333; }
.cog-actions li .cog-select-btn:hover { background: #004376;}

.cog-legend-header{margin-left: 100px;color: #636567;font-weight: bold;font-size: 10px;}
.cog-legend {padding: 3px;float: left;color:#fff;margin-left: 23px;border: 1px solid #ccc;background-color: #F7F7F7;margin-top: 5px;-moz-border-radius: 10px;border-radius: 10px;}
.cog-legend .below-avg {background-color:#E51400;float: left;padding: 5px;height:15px;line-height: 15px;-moz-border-radius: 10px;border-radius: 10px;}
.cog-legend .avg {background-color:#339933;margin-left:5px;float: left;padding: 5px;height:15px;line-height: 15px;-moz-border-radius: 10px;border-radius: 10px;}
.cog-legend .above-avg {background-color:#1BA1E2;margin-left:5px;float: left;padding: 5px;height:15px;line-height: 15px;-moz-border-radius: 10px;border-radius: 10px;}

#game-container li .cog-history-btn {width: 160px;display: inline; padding: 8px 10px 8px 36px; font-size: 15px; color: #ecb01f; text-decoration: none; background: #fff url(../images/cog-game-history.png) no-repeat 0px 4px; border: solid 2px #fff;color: #555;font-weight: bolder;padding-left: 11px;}
#game-container li .cog-history-btn:hover { background: #fff url(../images/cog-game-history-hover.png) no-repeat 0px 4px; cursor: pointer;}
#game-container li .cog-has-history-btn {width: 160px;display: inline; padding: 8px 10px 8px 36px; font-size: 15px; color: #ecb01f; text-decoration: none; background: #fff url(../images/cog-game-has-history.png) no-repeat 0px 4px; border: solid 2px #fff;color: #555;font-weight: bolder;padding-left: 11px;}
#game-container li .cog-has-history-btn:hover { background: #fff url(../images/cog-game-history-hover.png) no-repeat 0px 4px; cursor: pointer;}
#game-container li .cog-instructions-btn {width: 160px;display: inline; padding: 8px 10px 8px 25px; font-size: 15px; color: #4C9E75; text-decoration: none; background: #fff url(../images/cog-game-overview.png)  no-repeat 0px 4px; border: solid 2px #fff;color: #555;font-weight: bolder;}
#game-container li .cog-instructions-btn:hover { background: #fff url(../images/cog-game-overview-hover.png)  no-repeat 0px 4px;cursor: pointer;}
#game-container li .cog-practice-btn {width: 160px;display: inline; padding: 8px 10px 8px 25px; font-size: 15px; color: #4C9E75; text-decoration: none; background: #fff url(../images/cog-game-practice.png)  no-repeat 0px 4px; border: solid 2px #fff;color: #555;font-weight: bolder;padding-left: 15px;}
#game-container li .cog-practice-btn:hover { background: #fff url(../images/cog-game-practice-hover.png)  no-repeat 0px 4px; cursor: pointer;}
#game-container li .cog-start-btn {width: 160px;display: inline; padding: 8px 10px 8px 25px; font-size: 15px; color: #2979b4; text-decoration: none; background: #fff url(../images/cog-game-start.png)  no-repeat 0px 4px;border: solid 2px #fff;color: #555;font-weight: bolder;padding-left: 18px;}
#game-container li .cog-start-btn:hover { background: #fff url(../images/cog-game-start-hover.png)  no-repeat 0px 4px; cursor: pointer;}

#game-result-container li {display: inline;list-style-type: none;padding-right: 5px;}
.horizontal-list li {display: inline;list-style-type: none;padding-right: 5px;}

.cog-game-box { margin: 10px 0; border: 1px solid #ddd; }
.cog-game-box .title { background: #F1F1F1; border-bottom: 1px solid #ddd; }
.cog-game-box .title-rpt { border-bottom: 1px solid #ddd;background: #F5F8F9; }
.cog-game-box .title h2, .cog-game-box .title-rpt h2 { float: left; margin: 0; padding: 10px; font-size: 14px; color: #000;background: #F1F1F1; }
.cog-game-box .title ul, .cog-game-box .title-rpt ul  { float: right; margin: 0; padding: 0 10px 0 0; list-style: none; }
.cog-game-box .title ul li, .cog-game-box .title-rpt ul li { float: left; padding: 10px 2px; }
.cog-game-box .title ul li a, .cog-game-box .title-rpt ul li a { display: block; width: 21px; height: 19px; text-indent: -9000em; overflow: hidden; }
.cog-game-box .title ul li .open, .cog-game-box .title-rpt ul li .open { background: url(../images/open-icon.png) no-repeat; }
.cog-game-box .title ul li .close, .cog-game-box .title-rpt ul li .close { background: url(../images/close-icon.png) no-repeat; }
.cog-game-box .txt { padding: 0px; }

.cog-results-box { margin: 10px 0; border: 1px solid #ddd; }
.cog-results-box .title { background: #2979b4; border-bottom: 1px solid #ddd; }
.cog-results-box .title-rpt { border-bottom: 1px solid #ddd;background: #F5F8F9; }
.cog-results-box .title h2, .cog-results-box .title-rpt h2 { float: left; margin: 0; padding: 10px; font-size: 16px; color: #fff;background: #2979b4; }
.cog-results-box .title ul, .cog-results-box .title-rpt ul  { float: right; margin: 0; padding: 0 10px 0 0; list-style: none; }
.cog-results-box .title-baseline { background: #A69650; color:#fff;/*border-bottom: 1px solid #ddd;*/ }
.cog-results-box .title-baseline-rpt { background: #A69650; color:#fff; /*border-bottom: 1px solid #ddd;*/}
.cog-results-box .title-baseline h2, .cog-results-box .title-baseline-rpt h2 { float: left; margin: 0; padding: 10px; font-size: 18px; color: #fff;background: #A69650; }
.cog-results-box .title ul li, .cog-results-box .title-rpt ul li { float: left; padding: 10px 2px; }
.cog-results-box .title ul li a, .cog-results-box .title-rpt ul li a { display: block; width: 21px; height: 19px; text-indent: -9000em; overflow: hidden; }
.cog-results-box .title ul li .open, .cog-results-box .title-rpt ul li .open { background: url(../images/open-icon.png) no-repeat; }
.cog-results-box .title ul li .close, .cog-results-box .title-rpt ul li .close { background: url(../images/close-icon.png) no-repeat; }
.cog-results-box .txt { padding: 0px; }

.cog-result-table { border-spacing: 0; border:1px solid #ccc;margin-left: auto;margin-right: auto; }
.cog-result-table tr td { border:1px solid #ccc;border-bottom-style: none;border-left-style: none;padding: 3px 5px;color:#464748;}
.cog-result-table tr th { border-right: 1px solid #ccc;padding: 3px 5px;background-color:#F7F7F7;color:#636567;}
.cog-result-table tr td.cog-result-table-below-avg { background-color:#E51400;color:#fff; }
.cog-result-table tr td.cog-result-table-avg { background-color:#339933;color:#fff; }
.cog-result-table tr td.cog-result-table-above-avg { background-color:#1BA1E2;color:#fff; }

.cog-results-container { margin: 10px 0; border: 2px solid #ddd; width: 900px; margin-left: 20px;}
.cog-results-container .title { background:#A69650;  }
.cog-results-container .title-rpt { background:#A69650; }
.cog-results-container .title h2, .cog-results-container .title-rpt h2 { float: left; margin: 0; padding:10px; font-size: 20px; color:#fff;background:#A69650; }
.cog-results-container .title-baseline { background: #fff; /*border-bottom: 1px solid #ddd;*/ }
.cog-results-container .title-baseline-rpt { background: #fff; /*border-bottom: 1px solid #ddd;*/}
.cog-results-container .title-baseline h2, .cog-results-container .title-baseline-rpt h2 { float: left; margin: 0; padding: 10px; font-size: 22px; color: #636567;background: #fff; }
.cog-results-container .title ul, .cog-results-container .title-rpt ul  { float: right; margin: 0; padding: 0 10px 0 0; list-style: none; }
.cog-results-container .title ul li, .cog-results-container .title-rpt ul li { float: left; padding: 10px 2px; }
.cog-results-container .title ul li a, .cog-results-container .title-rpt ul li a { display: block; width: 21px; height: 19px; text-indent: -9000em; overflow: hidden; }
.cog-results-container .title ul li .open, .cog-results-container .title-rpt ul li .open { background: url(../images/open-icon.png) no-repeat; }
.cog-results-container .title ul li .close, .cog-results-container .title-rpt ul li .close { background: url(../images/close-icon.png) no-repeat; }
.cog-results-container .txt { padding: 0px; }

.cog-results-all-box { margin: 5px;/*border: 2px solid #ddd; */}
.cog-results-all-box .title { background: #fff; /*border-bottom: 1px solid #ddd;*/ }
.cog-results-all-box .title-rpt { background: #fff; /*border-bottom: 1px solid #ddd;*/}
.cog-results-all-box .title h2, .cog-results-all-box .title-rpt h2 { float: left; margin: 0; padding:0px 10px;font-size: 22px; color: #636567;background: #fff; }
.cog-results-all-box .title-baseline { background: #fff; /*border-bottom: 1px solid #ddd;*/ }
.cog-results-all-box .title-baseline-rpt { background: #fff; /*border-bottom: 1px solid #ddd;*/}
.cog-results-all-box .title-baseline h2, .cog-results-all-box .title-baseline-rpt h2 { float: left; margin: 0; padding:0px 10px; font-size: 22px; color: #636567;background: #fff; }
.cog-results-all-box .title ul, .cog-results-all-box .title-rpt ul  { float: right; margin: 0; padding: 0 10px 0 0; list-style: none; }
.cog-results-all-box .title ul li, .cog-results-all-box .title-rpt ul li { float: left; padding: 10px 2px; }
.cog-results-all-box .title ul li a, .cog-results-all-box .title-rpt ul li a { display: block; width: 21px; height: 19px; text-indent: -9000em; overflow: hidden; }
.cog-results-all-box .title ul li .open, .cog-results-all-box .title-rpt ul li .open { background: url(../images/open-icon.png) no-repeat; }
.cog-results-all-box .title ul li .close, .cog-results-all-box .title-rpt ul li .close { background: url(../images/close-icon.png) no-repeat; }
.cog-results-all-box .txt { padding: 0px; }

.cog-score-box { margin: 10px 0; border: 2px solid #ddd; }
.cog-score-box { margin: 10px 0; border: 1px solid #ddd; }
.cog-score-box .title { color: #636563; border-bottom: 1px solid #ddd;background: #fff; }
.cog-score-box .title-rpt { border-bottom: 1px solid #ddd;background: #F5F8F9; }
.cog-score-box .title h2, .cog-score-box .title-rpt h2 { float: left; margin: 0; padding: 10px; font-size: 16px; color: #636563;background: #fff; }
.cog-score-box .title h1, .cog-score-box .title-rpt h1 { float: left; margin: 0; padding: 10px; font-size: 26px; color: #5aa6de;background: #fff; }
.cog-score-box .title ul, .cog-score-box .title-rpt ul  { float: right; margin: 0; padding: 0 10px 0 0; list-style: none; }
.cog-score-box .title ul li, .cog-score-box .title-rpt ul li { float: left; padding: 10px 2px; }
.cog-score-box .title ul li a, .cog-score-box .title-rpt ul li a { display: block; width: 21px; height: 19px; text-indent: -9000em; overflow: hidden; }
.cog-score-box .title ul li .open, .cog-score-box .title-rpt ul li .open { background: url(../images/open-icon.png) no-repeat; }
.cog-score-box .title ul li .close, .cog-score-box .title-rpt ul li .close { background: url(../images/close-icon.png) no-repeat; }
.cog-score-box .txt { padding: 0px; }
.cog-score-box .txt h1{ color: #5aa6de;font-size:31px;margin-top: -3px; }

.cog-score-box-below-avg { margin: 10px 0; border: 1px solid #ddd;color:#fff; }
.cog-score-box-below-avg .title { color: #fff; border-bottom: 1px solid #ddd;background: #E51400; }
.cog-score-box-below-avg .title-rpt { border-bottom: 1px solid #ddd;background: #E51400 }
.cog-score-box-below-avg .title h2, cog-score-box-below-avg .title-rpt h2 { float: left; margin: 0; padding: 10px; font-size: 16px; color: #fff;background: #E51400; }
.cog-score-box-below-avg .title h1, cog-score-box-below-avg .title-rpt h1 { float: left; margin: 0; padding: 10px; font-size: 26px; color: #fff;background: #E51400; }
.cog-score-box-below-avg .title ul, cog-score-box-below-avg .title-rpt ul  { float: right; margin: 0; padding: 0 10px 0 0; list-style: none; }
.cog-score-box-below-avg .title ul li, cog-score-box-below-avg .title-rpt ul li { float: left; padding: 10px 2px; }
.cog-score-box-below-avg .title ul li a, cog-score-box-below-avg .title-rpt ul li a { display: block; width: 21px; height: 19px; text-indent: -9000em; overflow: hidden; }
.cog-score-box-below-avg .title ul li .open, cog-score-box-below-avg .title-rpt ul li .open { background: url(../images/open-icon.png) no-repeat; }
.cog-score-box-below-avg .title ul li .close, cog-score-box-below-avg .title-rpt ul li .close { background: url(../images/close-icon.png) no-repeat; }
.cog-score-box-below-avg .txt a:link, .cog-score-box-below-avg .txt a:visited, .cog-score-box-below-avg .txt a:hover, .cog-score-box-below-avg .txt a:active{ color:#fff;}
.cog-score-box-below-avg .txt { padding: 0px;background: #E51400;  }
.cog-score-box-below-avg .txt h1{ color:#fff;font-size:33px;margin-top: -3px; }

.cog-score-box-above-avg { margin: 10px 0; border: 1px solid #ddd;color:#fff; }
.cog-score-box-above-avg .title { color: #fff; border-bottom: 1px solid #ddd;background: #1BA1E2; }
.cog-score-box-above-avg .title-rpt { border-bottom: 1px solid #ddd;background: #1BA1E2 }
.cog-score-box-above-avg .title h2, cog-score-box-above-avg .title-rpt h2 { float: left; margin: 0; padding: 10px; font-size: 16px; color: #fff;background: #1BA1E2; }
.cog-score-box-above-avg .title h1, cog-score-box-above-avg .title-rpt h1 { float: left; margin: 0; padding: 10px; font-size: 26px; color: #fff;background: #1BA1E2; }
.cog-score-box-above-avg .title ul, cog-score-box-above-avg .title-rpt ul  { float: right; margin: 0; padding: 0 10px 0 0; list-style: none; }
.cog-score-box-above-avg .title ul li, cog-score-box-above-avg .title-rpt ul li { float: left; padding: 10px 2px; }
.cog-score-box-above-avg .title ul li a, cog-score-box-above-avg .title-rpt ul li a { display: block; width: 21px; height: 19px; text-indent: -9000em; overflow: hidden; }
.cog-score-box-above-avg .title ul li .open, cog-score-box-above-avg .title-rpt ul li .open { background: url(../images/open-icon.png) no-repeat; }
.cog-score-box-above-avg .title ul li .close, cog-score-box-above-avg .title-rpt ul li .close { background: url(../images/close-icon.png) no-repeat; }
.cog-score-box-above-avg .txt a:link, .cog-score-box-above-avg .txt a:visited, .cog-score-box-above-avg .txt a:hover, .cog-score-box-above-avg .txt a:active{ color:#fff;}
.cog-score-box-above-avg .txt { padding: 0px;background: #1BA1E2;  }
.cog-score-box-above-avg .txt h1{ color:#fff;font-size:33px;margin-top: -3px; }

.cog-score-box-avg { margin: 10px 0; border: 1px solid #ddd;color:#fff; }
.cog-score-box-avg .title { color: #fff; border-bottom: 1px solid #ddd;background: #339933; }
.cog-score-box-avg .title-rpt { border-bottom: 1px solid #ddd;background: #339933 }
.cog-score-box-avg .title h2, cog-score-box-avg .title-rpt h2 { float: left; margin: 0; padding: 10px; font-size: 16px; color: #fff;background: #339933; }
.cog-score-box-avg .title h1, cog-score-box-avg .title-rpt h1 { float: left; margin: 0; padding: 10px; font-size: 26px; color: #fff;background: #339933; }
.cog-score-box-avg .title ul, cog-score-box-avg .title-rpt ul  { float: right; margin: 0; padding: 0 10px 0 0; list-style: none; }
.cog-score-box-avg .title ul li, cog-score-box-avg .title-rpt ul li { float: left; padding: 10px 2px; }
.cog-score-box-avg .title ul li a, cog-score-box-avg .title-rpt ul li a { display: block; width: 21px; height: 19px; text-indent: -9000em; overflow: hidden; }
.cog-score-box-avg .title ul li .open, cog-score-box-avg .title-rpt ul li .open { background: url(../images/open-icon.png) no-repeat; }
.cog-score-box-avg .title ul li .close, cog-score-box-avg .title-rpt ul li .close { background: url(../images/close-icon.png) no-repeat; }
.cog-score-box-avg .txt a:link, .cog-score-box-avg .txt a:visited, .cog-score-box-avg .txt a:hover, .cog-score-box-avg .txt a:active{ color:#fff;}
.cog-score-box-avg .txt { padding: 0px;background: #339933;  }
.cog-score-box-avg .txt h1{ color:#fff;font-size:33px;margin-top: -3px; }


.cog-overview-header {width: 100%;background-color: #F1F1F1;color: #6C6C6C;font-weight: bolder;font-size: 28px;}
.cog-close-modal { background: #F1F1F1 url(/Games/images/closeModal.png) no-repeat;width: 20px;height: 20px;border-style: none; }
.cog-close-modalx:hover { background: #fff url(/Games/images/closeModalHover.png) no-repeat; }

