.crit_bg { background-color: #EBEFF9; } .a_sel { color: ; } @media screen and (min-width: 1360px) { .criteria_media{min-width: 250px; min-height: 721px; } } @media screen and (min-width: 790px) and (max-width: 1360px) { .criteria_media{ min-width: 768px; min-height: 200px; } } @media screen and (min-width: 600px) and (max-width: 790px) { .criteria_media{ min-width: 563px; min-height: 200px; } } @media screen and (max-width: 600px) { .criteria_media{ min-width: 368px; min-height: 200px; } } @media screen and (max-width: 600px) { .container {width: 380px;} .table-info {width: 380px;} .cat1 { display: none; } .cat2 { display: inline; } #left_wrapper { position: relative; height: 525px; } #category_div { padding: 0 0 0 2px; position: absolute; font-weight: bold; top: 5px; left: 0; width: 95px; height: 495px; line-height: 1.8em; overflow: auto; } .sub_category { line-height: 1.8em; padding: 0 0 0 2px; position: absolute; top: 0px; width: 130px; height: 500px; left: 0px; background-color: white; border-style: solid; border-width: 1px; border-color: #CCCCCC; overflow:auto; } #signal_div { padding: 0 0 0 2px; position: absolute; top: 5px; left: 230; width: 146px; height: 500px; line-height: 1.5em; overflow:auto; } #right_div{ padding: 5px; position: absolute; top: 5px; left: 300; width: 90px; height: 453px; line-height: 18px; background-color: white; border-style: solid; border-width: 1px; border-color: #CCCCCC; overflow: auto; } #left_div { padding: 0 0 0 5px; position: absolute; top: 5px; left: 96px; } #category_div a, #left_div a, #signal_div a, #right_div a, #enum_div a, #enum_options_div a { color: #3030CC; cursor: pointer; text-decoration: none; margin: 1px; } .screen-name{width: 150px} } @media screen and (min-width: 600px) and (max-width: 790px) { .container {width: 575px;} .table-info {width: 580px;} .cat1 { display: inline; } .cat2 { display: none; } #left_wrapper { position: relative; height: 525px; } #category_div { padding: 0 0 0 5px; position: absolute; font-weight: bold; top: 5px; left: 0; width: 120px; height: 495px; line-height: 1.8em; overflow: auto; } .sub_category { line-height: 1.8em; padding: 5px; position: absolute; top: 0px; width: 160px; height: 500px; left: 40px; background-color: white; border-style: solid; border-width: 1px; border-color: #CCCCCC; overflow:auto; } #signal_div { padding: 0 0 0 5px; position: absolute; top: 5px; left: 295; width: 270px; height: 500px; line-height: 1.5em; overflow:auto; } #right_div{ padding: 5px; position: absolute; top: 5px; left: 400; width: 150px; height: 500px; line-height: 1.5em; background-color: white; border-style: solid; border-width: 1px; border-color: #CCCCCC; overflow: auto; } #left_div { padding: 0 0 0 5px; position: absolute; top: 5px; left: 84px; } .criteriaTableDiv{ width: 260px; color: black; } #category_div a, #left_div a, #signal_div a, #right_div a, #enum_div a, #enum_options_div a { color: #3030CC; cursor: pointer; text-decoration: none; margin: 2px; } .screen-name{width: 250px} } @media screen and (min-width: 790px) { .container {width: 780px;} .table-info {width: 785px;} .cat1 { display: inline; } .cat2 { display: none; } #left_wrapper { position: relative; height: 525px; } #category_div { padding: 0 0 0 5px; position: absolute; font-weight: bold; top: 5px; left: 0; width: 150px; height: 495px; line-height: 1.8em; overflow: auto; } .sub_category { line-height: 1.8em; padding: 5px; position: absolute; top: 0px; width: 190px; height: 500px; left: 0px; background-color: white; border-style: solid; border-width: 1px; border-color: #CCCCCC; overflow:auto; } #signal_div { padding: 0 0 0 5px; position: absolute; top: 5px; left: 350; width: 350px; height: 500px; line-height: 1.5em; overflow:auto; } #right_div{ padding: 5px; position: absolute; top: 5px; left: 540; width: 220px; height: 500px; line-height: 1.5em; background-color: white; border-style: solid; border-width: 1px; border-color: #CCCCCC; overflow: auto; } #left_div { padding: 0 0 0 5px; position: absolute; top: 5px; left: 154px; } .criteriaTableDiv{ width: 260px; color: black; } #category_div a, #left_div a, #signal_div a, #right_div a, #enum_div a, #enum_options_div a { color: #3030CC; cursor: pointer; text-decoration: none; margin: 10px; } .screen-name{width: 300px} } .categorySelectedold{ font-weight: bold; } #category_div .categorySelected { background-color: white; border-style: solid; border-width: 1px; border-right-width: 0px; border-color: #CCCCCC; color: #F96400; text-decoration: none; font-weight: bold; font-family: 'Lato', sans-serif; } #category_div .categoryNotSelected { border-width: 0px; } .visible { visibility: visible; } .par, .level { width:40px; font-size:14; font-family: 'Lato', sans-serif; border-width: 1px; border-right: #808080 1px solid; border-top: #808080 1px solid; border-left: 1px #808080 solid; border-bottom: 1px #808080 solid; visibility: hidden; display: none; } .days { visibility: hidden; display: none; } .box_semi { border-top: #0080C0 1px solid; border-right: 1px #0080C0 solid; border-bottom: 1px #0080C0 solid; } .box_bottom { border-left: #0080C0 1px solid; border-right: 1px #0080C0 solid; border-bottom: 1px #0080C0 solid; } .box_full { border-left: #0080C0 1px solid; border-right: 1px #0080C0 solid; border-bottom: 1px #0080C0 solid; border-top: 1px #0080C0 solid; } .flexible_section { display: inline; float: left; } .criteria_section { margin-left:4px; margin-top: 4px; border-left: #0080C0 1px solid; border-right: 1px #0080C0 solid; border-bottom: 1px #0080C0 solid; border-top: 1px #0080C0 solid; padding: 5px; background-color: #EBEFF9; display: none; } #category_div a:hover { color: #F96400; } #category_div div { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; } #subcat_fund, #subcat_tip, #subcat_price_action { overflow-x:hidden; white-space: nowrap; text-overflow: ellipsis; } #left_div a:hover { color: #F96400; } #signal_div a:hover { color: #F96400; } #right_div a:hover { color: #F96400; } #enum_div a:hover { color: #F96400; } #enum_options_div a:hover { color: #F96400; } .visible { visibility: visible; } .sel_td_old { background-color:gray; }