html, body { height: 100%; margin: 0 0 1px; padding: 0; } body { margin-top: 0; padding: 0; color: #333; background-color: #f2f2f2; font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 18px; } #extension {width:220px;height:40px;border:0px solid red;float:right;margin:10px 40px 0 28px } .st-ui-search-input, .st-default-search-input { border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 5px; box-shadow: none; box-sizing: content-box; color: #444; display: inline-block; font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 12px!important; font-weight: 400; height: 12px!important; line-height: 12px!important; padding: 7px 11px 7px 28px; width: 190px!important; } /* Resources menu */ /* We remove the margin, padding, and list style of UL and LI components */ #menuwrapper {border:1px dotted #fff; width:260px;float:left;margin:0px 15px 20px 15px; padding:2px} #menuwrapper ul, #menuwrapper ul li{ margin:0; padding:0; list-style:none; overflow:visible!important} } /* We apply background color and border bottom white and width to 150px */ #menuwrapper ul li{ /*background-color:#7f95db;*/ border:solid 1px white; width:260px; cursor:pointer; } #menuwrapper ul ul { -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49); -moz-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49); box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49); border-bottom-right-radius: 10px; } .arrow-nudge {margin-top:-20px; } .arrow-left { margin-left:-10px; clear:BOTH; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #efefef; -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49); -moz-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49); box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49); } /* We apply the background hover color when user hover the mouse over of the li component */ #menuwrapper ul li:hover{ position:relative; } #menuwrapper p {padding:0 0 0 18px;} #menuwrapper h3 {width:258px;} /* We apply the link style */ #menuwrapper ul li a{ padding:5px 15px; color:#ffffff; display:inline-block; text-decoration:none; } /**** SECOND LEVEL MENU ****/ /* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */ #menuwrapper ul li ul{ position:absolute; display:none; } /* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width. */ #menuwrapper ul li:hover ul{ left:260px; top:0px; display:block; } /* we apply different background color to 2nd level menu items*/ #menuwrapper ul li ul li{ background-color:#efefef; } #menuwrapper ul li ul li:first-child{border-top-right-radius: 10px;} #menuwrapper ul li ul li:last-child{border-bottom-right-radius: 10px;} /* We change the background color for the level 2 submenu when hovering the menu */ #menuwrapper ul li:hover ul li:hover{ background-color:#ccc; } /* We style the color of level 2 links */ #menuwrapper ul li ul li a{ color:#454444; display:inline-block; width:200px; font-size:10px!important; } /* Clear float */ /*.clear{ clear:both; }*/ .glance { float: left; margin-right: 8px; margin-bottom: 10px; } .glance img { border: #000 solid 1px; } .glanceImg { max-width: 100%; margin: 4px; border: 4px solid #E3E3D5; } #centerglance { margin-left: 8px; } #main { margin: 0 40px 0 40px; } #shadow { border: red dotted 0; width: 980px; margin: auto; background: url(images/shad.png); } #bottom-shad { background: #ffffff; z-index: 10; width: 976px; height: 32px; margin: -10px auto 0 auto; background: url(images/bottomshad.png); } #recd .nav2 li a{font-size:11px!important;} #recd ul {line-height:16px!important} #10p li {} #memorial_img { float: left; margin: 10px 10px 0 10px; border: #E3E3D5 solid 4px; } #title_img { float: left; margin: 40px 20px 0 20px; } #title_logo { float: left; margin: 10px 0 0 10px; } #head { height: 130px; background: url(images/banner.png); /* height: 40px; background: url(images/banner.png); padding:90px 0 0 443px; */ } #seach {padding: 120px 0 0 500px;} #xmlpara { padding: 0 20px 0 30px; } ul { line-height: 22px; margin-top: 0; margin-bottom: 0; } ol { line-height: 22px; margin-top: 0; margin-bottom: 0; } a:link { text-decoration: none; color: #0e76bc !important; } a:hover { color: #3B3B3B; } a:visited { text-decoration: none; color: #0e76bc !important; } a:active { color: #0e76bc; } #contain a:link { text-decoration: none; color: #0e76bc !important; } #contain a:hover { color: #3B3B3B; } #contain a:visited { text-decoration: none; color: #0e76bc !important; } #contain a:active { color: #0e76bc; } #news a:link { text-decoration: none; color: #0e76bc !important; } #news a:hover { color: #3B3B3B; } #news a:visited { text-decoration: none; color: #0e76bc !important; } #news a:active { color: #0e76bc; } .linkable a:link { font-size: 13px; text-decoration: none; color: #0e76bc !important; } .linkable a:hover { color: #3B3B3B; } .linkable a:visited { text-decoration: none; color: #0e76bc !important; } .linkable a:active { color: #0e76bc; } .printlist ul { list-style-image: url(http://www.cdc.gov/wtc/images/pdf9.png); overflow: hidden; } .printlist li { font-size: 10px; } #mid ul { line-height: 22px; margin-top: 0; margin-bottom: 0; padding-left: 25px !important; } #mid ul li { margin: 0 !important; } #mid .apply a { font-weight: bold; font-size: 16px !important; } #mid .apply2 a { font-weight: bold; font-size: 11px !important; } #mid a:link, a:visited { text-decoration: none; color: #0e76bc; font-size: 14px; } #mid a:hover { color: #3B3B3B; } #sidebar-wrapper { width: 150px; float: right; margin: 0 30px 10px 0; clear: right; } #left-sidebar-wrapper { width: 150px; float: left; margin: 0 30px 10px 0; clear: left; } #sidebar-wrapper a { color: #0e76bc; } #sidebar-wrapper a:link { color: #0e76bc; } #sidebar-wrapper a:visited { color: #0e76bc !important; } #sidebar-wrapper a:hover { color: #3B3B3B !important; } .box2 a { color: #0e76bc; } .box2 a:hover { color: #3B3B3B !important; } .box2 a:link { color: #0e76bc; } .box2 a:visited { color: #0e76bc; } .box400 a { color: #0e76bc; } .box400 a:hover { color: #3B3B3B !important; } .box400 a:link { color: #0e76bc; } .box400 a:visited { color: #0e76bc; } .home-post-wrap a:link { color: #0e76bc; } .home-post-wrap a:hover { color: #3B3B3B !important; } .home-post-wrap a:visited { color: #0e76bc !important; } .home-post-wrap a:active { color: #0e76bc; } .gloss { color: #333; font-weight: 600; } h1 { margin: 0 0 10px 0; font-weight: normal; font-size: 30px; } h2 { color: #0E76BC; display: block; font-family: Trebuchet MS; font-size: 22px; font-weight: normal; margin-bottom: 4px; margin-top: 0; text-decoration: none; } h3 { color: #0E76BC; display: block; font-family: Trebuchet MS; font-size: 18px; font-weight: normal; margin-bottom: 4px; text-decoration: none; } h4 { border-bottom: 1px dotted #0C5205; font-size: 1.4em !important; padding-bottom: 4px; margin: 25px 0 10px 0; overflow: hidden; } .appeal { border-bottom: 1px dotted #0C5205; font-size: 1.0em !important; padding-bottom: 4px; margin: 5px 0 10px 0; color: #800000; overflow: hidden; } h5 { font-size: 1.1em !important; } ul ul { list-style-image: url(images/bullet.gif); overflow: hidden; } ul { list-style-image: url(images/bullet.gif); overflow: hidden; } ul li { margin-bottom: 1px; } .faq_ul a:link, a:visited { font-size: 11px !important; color: #0E76BC !important; } .faq li a { font-size: 11px !important; color: #0E76BC !important; } #mid .faq li { margin-bottom: 13px !important; } #wrapper2 { width: 930px; margin: 0 auto 0 auto; padding: 0 0 15px 0; background-color: #ffffff !important; border: #E3E3D5 solid 0; } #wrapper3 { width: 930px; margin: 0 auto 0 auto; padding: 0 0 15px 0; background-color: #ffffff !important; border: #E3E3D5 solid 0; } .home-post-wrap { width: 593px !important; padding: 10px; margin-right: 13px; margin-bottom: 10px; float: left; background-color: #FFF; } .home-post-wrap { padding: 0 0 0 30px; font-size: 12px !important; line-height: 22px !important; font-family: Verdana, Arial, sans-serif !important; color: #333 !important; text-align: left !important; } #header { width: 930px; height: 130px; margin-left: auto; margin-right: auto; margin-top: 0; padding: 0; } .head_title { color: #1a75bc; text-align: center; font-size: 28px; font-weight: bold; margin-top: 50px; } #container { float: right; width: 930px; color: #A2A2A2; margin-top: 20px; background: #fff; } #contain { margin: 20px 0 30px 30px; width: 860px; border: green dotted 0; } #left-div { width: 680px !important; float: left; margin: 0 0 17px 16px; padding: 10px 5px 0 22px; } #right-div { width: 680px !important; float: right; margin: 0 0 17px 16px; padding: 10px 5px 0 22px; } #left-inside { float: left; padding: 0 0 0 19px; } .thumbnail-div { border: #F2F2E4 solid 6px; background: #F2F2E4; padding-bottom: 14px; width: 300px; height: 195px; margin-bottom: 10px; float: left; margin-right: 20px; text-align: center; } .thumbnail-sm { border: #F2F2E4 solid 10px; width: 165px; height: 166px; margin-bottom: 10px; float: left; margin-right: 20px; } .thumbnail-xsm { border: #F2F2E4 solid 4px; margin-bottom: 5px; float: left; margin-right: 8px; } .thumbnail-xsm-home { border: #F2F2E4 solid 0; margin-bottom: 5px; float: left; margin-right: 8px; height: 110px; } .logo { float: left; margin-bottom: 15px; border: 0; margin-left: 40px; margin-top: 35px; } .ul_space h5 { margin: 0 !important; } .ul_space h3 { margin-bottom: 20px !important; } .boxlinks { clear: both; } .boxlinks a:link, .boxlinks a:visited { text-decoration: none; color: #363636 !important; font-size: 12px; } .box:hover { background: #f2f2e4; } .box { width: 270px; height: 130px; padding: 5px; float: left; margin: 10px 0 5px 18px; border: #ededed solid 0; font-size: 13px; line-height: 22px; } .box h3 { font-size: 13px; font-weight: bold; color: #fff; background: #888984; padding-left: 4px; margin-top: 1px !important; } #menuwrapper h3 { font-size: 13px; font-weight: bold; color: #fff; background: #888984; padding-left: 4px; margin-top: 1px !important; } .box400:hover { background: #f2f2e4; } .box400 { width: 400px; height: 130px; padding: 5px; float: left; margin: 10px 0 5px 18px; border: #ededed solid 0; font-size: 13px; line-height: 22px; } .box400 h3 { font-size: 13px; font-weight: bold; color: #fff; background: #888984; padding-left: 4px; margin-top: 1px !important; } #sidebar-wrapper .stac h3 { font-size: 15px !important; text-transform: none !important; font-weight: bold; color: #fff; background: #faa61a; padding-left: 4px; } .box2 { width: 900px; padding: 5px; float: left; margin: 25px 20px 5px 20px; border: #ededed solid 1px; } .box2 h3 { font-size: 14px; text-transform: uppercase; color: #333; background: #f2f2e4; padding-left: 4px; } #sidebar-wrapper h3 { font-size: 20px !important; text-transform: uppercase; color: #0e76bc; background: #e2e2cf; padding: 1px 0 1px 4px; } #news { margin: 0 20px 20px 20px; width: 800px; padding: 10px; float: left; border: #ededed solid 0; } #index-vid { margin-right: 20px; margin-left: -22px; float: left; } .stac { margin-left: 10px; } #titlespace { width: 100%; height: 20px; } .titles, .modal-title { text-decoration: none; font-size: 20px; font-weight: normal; font-family: Trebuchet MS; margin-bottom: 20px; display: block; color: #0e76bc; margin-left: 30px; } .titles a:link, .titles a:visited, .titles a:active { text-decoration: none; font-size: 25px; font-weight: normal; font-family: Trebuchet MS; margin-bottom: 4px; display: block; } .post-title { line-height: 30px; } .toptitle { font-size: 20px; color: #0e76bc; margin-left: 15px; display: block; margin-top: 15px; margin-bottom: 10px; } .toptitle2 { font-size: 24px; color: #FFF; display: block; margin-top: 15px; margin-bottom: 10px; } #pages { width: 930px; background: #faa61a; height: 26px; margin: 0; padding: 0 0 0 2px; } #pages ul { list-style-type: none; list-style-image: none; float: left; padding: 0 0 0 0; margin-left: 0; } #pages li { float: left; display: block; margin-left: 12px; margin-right: 12px; font-weight: bold; } #pages li a:link, #pages li a:visited { float: left; color: #fff !important; display: block; font-size: 12px; } #pages li a:hover, #pages li a:hover, #pages li a:focus { color: #0e76bc !important; font-size: 12px; } .nav, .nav * { margin: 0; padding: 0; list-style: none; } .nav ul { position: absolute; top: -999em; background-color: #FFF; border: #EDEDED solid 1px; } .nav li { float: left; position: relative; z-index: 99; font-size: 12px; } .nav a { display: block; } .nav ul li { width: 100%; } .nav li:hover ul, ul.nav li.sfHover ul { left: -26px; top: 10px; } .nav li:hover li ul, .nav li.sfHover li ul { top: -999em; } .nav li li:hover ul, ul.nav li li.sfHover ul { left: 215px; top: -15px; } .nav li:hover ul, .nav li li:hover ul { top: -999em; } .nav li li { display: block; float: left; height: auto !important; font-size: 12px; margin: 0 !important; padding: 0; border-bottom: none !important; } .nav li li:hover { border-bottom: none !important; } .nav li:hover { height: auto !important; } .nav li li a:link, .nav li li a:visited { width: 192px; display: block; padding: 10px 30px 10px 18px !important; margin: 0 0 0 0 !important; height: auto !important; float: left; } .nav li li a:hover { background-color: #F2F2E4; } #pages ul li ul { width: 240px; } #sidebar { clear: right; float: left; width: 159px; margin: 0 15px 8px 8px; border: #E3E3D5 solid 0; } .nav2, .nav2 * { margin: 0; padding: 0; list-style: none; } .nav2 ul { background-color: #FFF; border: #EDEDED solid 1px; } .nav2 li { font-size: 13px; border-bottom: 3px solid #f2f2e4; margin-left: 5px; margin-right: 5px; } #mid { background: url("images/mid.png"); width: 205px; margin: 0; padding-left: 20px; /*min-height: 100px;*/ height: auto; } #sidebar-wrapper2 { width: 250px; padding: 8px; float: right; margin-top: -280px; margin-bottom: 20px; margin-right: 20px; clear: right; border: #ededed solid 1px; } #footer-home { z-index: 20; width: 920px; height: 90px; margin-left: auto; margin-right: auto; padding: 12px; background-color: #FFF; border: #E3E3D5 solid 4px; margin-top: 0; font-size: 10px; } #footer { z-index: 20; width: 890px; margin-left: auto; margin-right: auto; padding: 5px 5px 5px 35px; background-color: #FFF; border: #E3E3D5 solid 0; margin-top: 0; font-size: 10px; } #fraud { font-size: 8px; line-height: 1.3; color: #888984; padding: 9px; margin-left: -20px; } #branding { width: 920px; margin-left: auto; margin-right: auto; margin-top: 0; } #footer a { color: #545454; font-size: 10px; } #footer a:visited { color: #0E76BC; } #footer a:hover { color: #545454; text-decoration: underline; } .navigation { padding-right: 20px; padding-left: 20px; } .et_embedded_videos { display: none !important; } .breadcrumbs { margin: 20px 0 0 30px; font-size: 10px; } .breadcrumbs a:link { color: #0e76bc !important; } .breadcrumbs a:hover { color: #3B3B3B !important; } .breadcrumbs a:visited { color: #0e76bc !important; } .breadcrumbs a:active { color: #0e76bc !important; } #languages { width: 300px; float: right; margin: -50px 100px 0 0; } .nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; } .nivoSlider img { position: absolute; top: 0; left: 0; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } .nivoSlider a.nivo-imageLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; } .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; } .nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; } .nivo-box img { display: block; } .nivo-caption { position: absolute; left: 0; bottom: 0; background: #000; color: #fff; width: 100%; z-index: 8; padding: 5px 10px; opacity: 0.800000011920928955078125; overflow: hidden; display: none; box-sizing: border-box; } .nivo-caption p { padding: 5px; margin: 0; } .nivo-caption a { display: inline !important; } .nivo-html-caption { display: none; } .nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; } .nivo-prevNav { left: 0; } .nivo-nextNav { right: 0; } .nivo-controlNav { text-align: center; padding: 15px 0; } .nivo-controlNav a { cursor: pointer; } .nivo-controlNav a.active { font-weight: bold; } #vidcontainer { margin: 0 20px 0 20px; } .vidl { width: 390px; float: left; margin: 10px 20px 20px 5px; } .vidr { width: 300px; float: left; color: #333; } #slider { margin-right: 12px; } #slide_shad { width: 270px; height: 20px; background: url(images/slider_shadow.png); } .back-to-top { position: fixed; bottom: 2em; right: 0; text-decoration: none; color: #000000; background-color: rgba(235, 235, 235, 0.8); font-size: 12px; padding: 1em; display: none; } .back-to-top:hover { background-color: rgba(135, 135, 135, 0.5); } #on_this { border: #8faad8 solid 1px; background: #e2e9f8; padding: 10px; margin-bottom: 14px; border-radius: 10px; } .printbox { float: left; width: 400px; margin-bottom: 20px; border-right: 8px solid #ccc; } .printboxr { float: left; width: 390px; margin-left: 10px; margin-bottom: 20px; } .printlist { float: left; width: 180px; border: blue dotted 0; } .printimg { float: left; width: 200px; border: green dashed 0; } .cancer_box { color: #333; background-color: #e2e9f8; padding: 5px 5px 5px 15px; border: #ccc solid 1px; width: 400px; } #index { border: green solid 0; float: left; width: 240px; margin-right: 20px; } .index { width: 240px; background: #efefef; margin-bottom: 3px; padding-left: 4px; } .index:hover { background: #ccc; color: #fff; } .index a { padding: 4px 0 4px 4px; color: #333 !important; text-decoration: none; font-size: 10px !important; } .index a:visited { color: #555; } .index a:hover { color: #fff !important; } .index a:active { color: #333; } #index-ppm { border: green solid 0; float: left; width: 240px; margin-right: 20px; } .index-ppm { width: 240px; background: #efefef; margin-bottom: 3px; padding-left: 4px; font-size: 10px !important; } .index-ppm:hover { background: #ccc; color: #fff; } .index-ppm a { padding: 4px 0 4px 4px; color: #333 !important; text-decoration: none; } .index-ppm a:visited { color: #555; } .index-ppm a:hover { color: #fff !important; } .index-ppm a:active { color: #333; } .right { font-size: 12px; background: #ffffff !important; border: #ccc solid 0; float: left; width: 612px; padding: 10px; height: 800px; overflow: scroll; margin-top: -20px; } .cce { width: 100%; font-size: 10px; } .cce td { border: #ccc solid 1px; padding: 2px; line-height: 1.4; vertical-align: top; } .cce ul { margin-left: 0; } .right h4 { color: #0E76BC !important; font-size: 1.0em !important; padding-bottom: 2px; margin: 10px 0 0 0; } .right h2 { text-align: center; } .orangeborder { height: 6px; margin: 10px auto 10px auto; background: #faa61a; width: 60px; } .orangetable { background: #faa61a; color: #fff; font-weight: bold; text-align: center; } .right ul { list-style-type: disc !important; list-style-image: none !important; } .orangeh3 { color: #d66c1b !important; } #social { padding: 0 30px 0 20px; color: #333; } span.dropt { border-bottom: thin dotted; color: #0e76bc; } span.dropt:hover { text-decoration: none; background: #efefef; z-index: 6; } .dropt span { position: absolute; left: -9999px; margin: 20px 0 0 0; padding: 5px; border-style: solid; border-color: black; border-width: 1px; z-index: 6; } span.dropt:hover span { left: 20%; top: 50%; background: #efefef; } span.dropt span { box-shadow: 10px 10px 5px #888888; position: absolute; left: -9999px; margin: 4px 0 0 0; padding: 3px 3px 3px 8px; border-style: solid; border-color: #ccc; border-width: 3px; font-size: 11px; line-height: 1.6; } span.dropt:hover span { margin: 20px 0 0 170px; background: #fbfbfb; z-index: 6; } .red { font-size: 11px; line-height: 1.6; color: #0e76bc; } .red a { text-decoration: underline; color: #4964A0 !important; } .tooltip { color: #0e76bc; } .proceed_img { border: #ccc solid 1px; width: 130px; float: left; margin-right: 10px; margin-bottom: 30px; } .divider { height: 10px; border-top: 1px dotted #ccc; width: 100%; } #otp_proceed { color: #0376bc; font-size: 10px; line-height: 1 !important; width: 210px; float: right; margin-top: -60px; margin-right: 0; margin-left: 15px; padding-right: 5px; border: #92acd9 solid 1px; background: #e2e9f8; border-radius: 10px; padding-top: 8px; } #otp_proceed ul { list-style-type: square !important; list-style-image: none; padding-left: 10px !important; line-height: 1.4 !important; } #otp_proceed ul li { margin-bottom: 5px; } #opt_proceed a:visited { color: #0376bc; } .proceedings { color: #333; padding: 30px; font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 22px !important; } #proceed_h4 { float: right; margin-top: -120px; width: 210px; color: #0376bc !important; border-color: #0376bc; } .H_ib_body { background: #1a75bc !important; border: #09538d solid 1px; padding: 0 1.2em 0 1em !important; width: 200px; } .H_ib { font-size: 11px !important; line-height: 1.4 !important; color: #fff !important; } #table27 { font-size: 10px; width: 97%; } #table27 td { vertical-align: text-top; border: #ccc solid 1px; padding: 3px; } #table28 { font-size: 10px; width: 97%; } #table28 td { vertical-align: text-top; border: #ccc solid 1px; padding: 3px; } #my-tab { display: table; width: 580px; border: #CCC solid 1px; text-align: center; font-size: 11px; } #my-heading { display: table-cell; font-weight: bold; text-align: left; color: #FFF; background: #0e76bc; } #my-tab #my-row { display: table-row; text-align: center; } #my-cell-left { text-align: left; padding-left: 6px; } #my-tab #my-row #my-cell { display: table-cell; border: #CCC solid 1px; } #my-tab1 #my-row1 #my-cell1 { display: table-cell; border: #CCC solid 1px; } #my-tab #my-row #my-cell-left { display: table-cell; border: #CCC solid 1px; width: 50%; } #my-tab1 #my-row1 #my-cell-left1 { display: table-cell; border: #CCC solid 1px; width: 50%; } #my-tab #my-row #my-cell-mid { display: table-cell; border: #CCC solid 1px; width: 20%; } #my-tab #my-row #my-cell-right { display: table-cell; border: #CCC solid 1px; width: 50%; } #my-tab1 #my-row1 #my-cell-right1 { display: table-cell; border: #CCC solid 1px; width: 30%; } .odd { background-color: #9BC4E2; } #ref #my-tab { display: table; width: 580px; border: #CCC solid 1px; text-align: center; font-size: 11px; } #ref #my-heading { display: table-cell; font-weight: bold; text-align: left; color: #FFF; background: #0e76bc; width: 250px; float: left; padding-left: 40px; line-height: 1; } #ref #my-tab #my-row { display: table-row; text-align: center; } #ref #my-cell-left { text-align: left; padding-left: 6px; } #ref #my-tab #my-row #my-cell { display: table-cell; border: #CCC solid 1px; } #ref #my-tab1 #my-row1 #my-cell1 { display: table-cell; border: #CCC solid 1px; } #ref #my-tab #my-row #my-cell-left { display: table-cell; border: #CCC solid 1px; width: 10%; } #ref #my-tab1 #my-row1 #my-cell-left1 { display: table-cell; border: #CCC solid 1px; width: 10%; } #ref #my-tab #my-row #my-cell-mid { display: table-cell; border: #CCC solid 1px; width: 30%; text-align: left; padding-left: 2px; } #ref #my-tab #my-row #my-cell-right { display: table-cell; border: #CCC solid 1px; width: 50%; text-align: left; padding-left: 2px; } #ref #my-tab1 #my-row1 #my-cell-right1 { display: table-cell; border: #CCC solid 1px; width: 50%; text-align: left; padding-left: 2px; } #ref .odd { background-color: #9BC4E2; } .tableof { border: #ccc solid 1px; border-radius: 10px; font-size: 11px; background: #efefef; padding: 10px; } .tableof h4 { border: none; } .home-post-wrap .ulstyle a:link { color: #065a93 !important; font-weight: normal; } #althead { display: none; } #pages2 { display: none; } .grid-container { width: 100%; height: auto; clear: both; } .grid-container .row { line-height: 22px; margin: 15px 15px; clear: both; height: auto; } .grid-container .row .col-4 { /*padding: 5px;*/ width: 33%; float: left; } .grid-container .row .col-8 { /*padding: 5px;*/ width: 66%; clear: none; float: left; } .grid-container .row .col-12 { /*padding: 5px;*/ width: 100%; } #badge-btns { width: 100px; float: left; padding: 15px; } #home-info { padding: 0px 15px; } #home-info p { } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) { #shadow { width: 300px; height: 800px; background: none !important; } #wrapper2 { width: 300px !important; overflow: hidden; } #banner { display: none; } #head { display: none; } #header { height: 220px; } #althead { display: block; margin-left: 10px; width: 280px; height: 220px; border: pink dashed 0; background: url(images/logo.png); } #pages { display: none; } #pages2 { z-index: 10002; display: inherit; width: 300px; background: #faa61a; height: 36px !important; padding: 0 0 0 2px; overflow: visible !important; } .breadcrumbs { display: none; } #container { margin-top: 30px; width: 300px !important; } #content { margin-top: 20px; width: 280px !important; padding-left: 10px; } .titles { font-size: 18px; margin: 6px 0 0 10px; } .ul_space h3 { margin-left: 3px; } #left-div { width: 295px !important; padding-left: 0 !important; margin-left: 0; padding-top: 0; } #languages { width: 280px; margin-top: 4px; margin-right: 0 !important; margin-bottom: 0 !important; } #languages img { width: auto; height: 20px; } #sidebar-wrapper { float: left !important; margin-left: 90px; } #index-vid { display: none; } #slide_shad { display: none; } .home-post-wrap { width: 280px !important; } .box { clear: both; width: 280px !important; margin-left: 2px; } .box400 { clear: both; width: 280px !important; margin-left: 2px; } #footer { width: 300px !important; display: none; } #branding { width: 300px !important; clear: both; display: none; } #branding img { height: 20px; width: auto; display: none; } #bottom-shad { width: 500px !important; display: none; } #vidcontainer { width: 280px !important; } iframe { width: 260px; height: 150px; } .vidr { width: 280px; } #sidebar-wrapper { clear: both; float: left; margin: 0 0 10px 0; width: 200px; } #titlespace { width: 100%; height: 31px !important; } div.home-post-wrap li { color: #333 !important; font-weight: normal !important; font-family: Verdana, Arial, sans-serif !important; font-size: 12px !important; line-height: 22px !important; } .index { display: none !important; width: 290px !important; border: red solid 1px !important; } .right { width: 300px; border: #ccc solid 1px; } .ulstyle { box-shadow: none !important; margin-left: -13px; } .faqm { background: #fff; width: 250px; border: blue dotted 0; clear: both; } div.ul_space ul li { background: #fff !important; color: #333 !important; font-weight: normal !important; } div.faqm ul { list-style-image: url("images/bullet.gif") !important; width: 230px !important; color: #333 !important; background: #fff !important; margin-top: -30px !important; position: relative !important; border: black dashed 1px; clear: both !important; } div.faqm ul br { line-height: 0; } div.faqm li { background: #fff !important; display: block !important; color: #333; margin-bottom: 0; } ul { text-align: left !important; display: inline !important; margin: 0 !important; padding: 0 0 0 0 !important; list-style: noneimportant; } ul li a { color: #ffffff !important; text-decoration: none !important; font-size: 14px; } ul li { color: #fff !important; font: bold 14px/18px sans-serif !important; display: inline-block !important; margin-right: -4px !important; position: relative !important; padding: 5px 10px !important; background: none !important; cursor: pointer !important; transition: all 0.2s; } ul li:hover { background: #faa61a !important; color: #fff !important; } ul li ul { padding: 0 !important; position: absolute !important; top: 28px !important; left: 0 !important; width: 300px !important; box-shadow: none !important; display: none !important; opacity: 0; visibility: hidden !important; } ul li ul li { background: #fff !important; display: block !important; border-bottom: 1px dotted #ccc !important; } ul li ul li a { color: #0e76bc; } ul li ul li a:visited { color: #0e76bc !important; } ul li ul li:hover { background: #666 !important; } ul li:hover ul { display: block !important; opacity: 1; visibility: visible !important; } } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) @media only screen and (min-device-width: 320px) and (max-device-width: 480px) @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) #statleft { border: blue solid 0; width: 400px; float: left; margin-left: 30px; padding-top: 10px; } .smaller img { /*width: 10%; height: auto;*/ } .formu { padding: 20px !important; width: 750px !important; } .subtitles { margin-left: 8px; } .content h4 { color: #000; } #container .content { margin-left: 20px; margin-right: 20px; } .socialThumbContainer { height: 146px; width: 220px; overflow: hidden; float: left; position: relative; padding: 3px; } .socialThumb { width: 99%; height: auto; position: absolute; border: 1px solid black; } .socialThumb:hover { width: 99%; height: auto; position: absolute; opacity: .75; filter: alpha(opacity=75); /* For IE8 and Earlier */ } .socialRow { width: 100%; height: auto; min-height: 150px; clear: both; } .two-column { clear: both; width: 100%; display: table; } .two-column .col-6 { width: 50%; float: left; } .two-column .col-6 > h5 { margin-top: 5px; margin-bottom: 10px; } .social-content { margin: 10px 20px; /*height: 10px;*/ } .social-content #social-icons { } #social-icons img { width: 30px; height: 30px; margin-left: 5px; border: none; }