html{}#hideAll{position: fixed;left: 0px;right: 0px;top: 0px;bottom: 0px;background-color: white;z-index: 9999;/* Higher than anything else in the document */}#boxArea{width: 800px;}#makeMeScrollable{width:805px;height: 440px;margin-left:auto;margin-right:auto;position: relative;}#makeMeScrollable div.scrollableArea img{position: relative;float: left;margin: 0;padding: 0;/* If you don't want the images in the scroller to be selectable, try the following block of code. It's just a nice feature that prevent the images from accidentally becoming selected/inverted when the user interacts with the scroller. */-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}.amber{background: rgb(241, 163, 11) !important;}.blue{background: rgb(27, 161, 226) !important;}.brown{background: rgb(130, 90, 44) !important;}.cobalt{background: rgb(0, 80, 239) !important;}.crimson{background: rgb(162, 0, 37) !important;}.cyan{background: rgb(0, 190, 190) !important;}.magenta{background: rgb(216, 0, 115) !important;}.lime{background: rgb(164, 196, 0) !important;}.indigo{background: rgb(106, 0, 255) !important;}.green{background: rgb(96, 169, 23) !important;}.emerald{background: rgb(0, 138, 0) !important;}.mango{background: rgb(255, 69, 9) !important;}.mauve{background: rgb(118, 96, 138) !important;}.olive{background: rgb(109, 135, 100) !important;}.orange{background: rgb(250, 104, 0) !important;}.pink{background: rgb(244, 114, 208) !important;}.red{background: rgb(229, 20, 0) !important;}.sienna{background: rgb(123, 58, 62) !important;}.steel{background: rgb(100, 118, 135) !important;}.teal{background: rgb(0, 171, 169) !important;}.violet{background: rgb(162, 0, 255) !important;}.yellow{background: rgb(227, 200, 0) !important;}.taupe{background: rgb(135, 121, 78) !important;}.black{background: rgb(0, 0, 0) !important;}.white{background: rgb(255, 255, 255) !important;}.darkviolet{background: rgb(38, 9, 48) !important;}.darkred{background: rgb(70, 0, 0) !important;}.darkgreen{background: rgb(0, 40, 17) !important;}.darkblue{background: rgb(22, 22, 60) !important;}.darkbrown{background: rgb(50, 25, 0) !important;}li a{text-decoration: none;display: block !important;width: 100%;height: 100%;}.imgthumb{max-width: 100%;max-height: 100%;margin: auto !important;position: absolute !important;top: 0;left: 0;bottom: 0;right: 0;}.child{position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 10%;margin: auto;text-align: center;font-size: 25px;}.tileID{position: absolute;right: 5px;bottom: 5px;max-width: 50px;border:1px solid;font-family: Tahoma,Arial,Verdana,sans-serif;padding-left: 5px;padding-right: 5px;}body, .tileID, a{font-family: Tahoma,Arial,Verdana,sans-serif;color:white;font-weight: normal;display: inline;}div.scrollableArea{}.gridster{margin: 0 auto;opacity: 1;}.gridster ul{background-color: transparent;}#footerSlideContainer{z-index:10;position: fixed;bottom:0;width: 100%;}#footerSlideContent.open{height: auto;}#footerSlideButton{background: url("/img/settingbutton.png") top left no-repeat transparent;position: absolute;top: -40px;right: 4px;width: 105px;height: 38px;border: none;cursor: pointer;background-size: cover;}#footerSlideContent{width: 100%;height: 0px;background: #251b15;color: #CCCCCC;font-size: 0.8em;border: none;font-family: DejaVuSansBook, Sans-Serif;}#footerSlideText{padding: 15px 10px 25px 25px;}#mycontainer{margin-left:auto;margin-right:auto;padding-left: 30px;max-width: 800px;height: 210px;border-left: 1px solid #ccc;}.sp-scrollbar{width: 10px;margin: 4px;background-color: #ccc;cursor: pointer;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}.sp-thumb{background-color: #aaa;border-radius: 5px;}.sp-scrollbar.active{}.sp-thumb{background-color: #999;}table#setting{margin-left: 20px;}td.setname{max-width: 200px;}td.setaction{max-width: 800px;padding-left: 20px;}.titlecontainer{height: 38px;}.prevbtn{float: right;width: 30px;height: 30px;background: url("/img/prevbutton.png") no-repeat;background-size: cover;}.nextbtn{float: right;width: 30px;height: 30px;background: url("/img/nextbutton.png") no-repeat;background-size: cover;}#clocky, #dateholder, #myprofs{position: absolute;top: 0px;bottom: 0px;left: 0px;width: 100%;height: 10%;margin: auto;text-align: center;font-size: 30px !important;font-weight: normal !important;}#plain{position: absolute;width: 100%;height: 100%;margin: auto;text-align: normal !important;font-size: 12px !important;font-weight: normal !important;overflow: auto;}#mycontainernews{margin-left:auto;margin-right:auto;margin-top: 15px;margin-bottom: 15px;padding-left: 10px;max-width: 270px;height: 300px;}.newstitle a{display: inline !important;}.newstitle a:hover{text-decoration: underline;}.newstime{text-align: right;margin-right: 15px;font-size: 10px !important;}.newsholder{max-height:120px;/* -webkit-border-radius:8px 8px 8px 8px;-moz-border-radius:8px 8px 8px 8px;border-radius:8px 8px 8px 8px;*/border: 1px solid #F0F0F0;padding:6px 0px 6px 6px;margin-top:10px;overflow:auto;}textarea{max-width: 100%;width: 800px;height: 178px;max-height: 100%;}.customsearch{height: 37%;left: 0px;bottom: 0px;top: 0px;position: absolute;width: 93%;display: block;margin: auto 21px;}input.gsc-input{font-size: 15px !important;}.gsc-input-box{height: 30px !important;}.gscb_a{margin-top: 5px !important;}ul#boxArea li:hover{box-shadow: 0 0 3px 1px #FFFFFF;border:0.1px solid #cccccc;}.ui-tooltip{padding: 8px;position: absolute;z-index: 9999;max-width: 300px;-webkit-box-shadow: 0 0 5px #aaa;box-shadow: 0 0 5px #aaa;background-color: #cccccc;border-radius: 3px;color: black;font-size: 14px;}body .ui-tooltip{border-width: 2px;}.infoimg{background: url("/img/infobutton.png") no-repeat transparent;background-size: cover;width:23px;height:23px;float:left;}