.index_line a:link {color: yellow;}
    .index_line a:visited {color: yellow;}
    .index_line a:hover {color: red;}
    .index_line a:active {color: red;}

@media only screen and (min-width: 960px) {
    html, body {background-image:url("images/citybackground.jpg"); background-position: right bottom; background-size: cover;
              background-attachment: fixed; margin:12px auto 0px auto; text-align:center; width:960px; height: 100%;}
    #page{ padding-bottom:120px; position:relative; min-height: 960px; overflow: hidden; background-color: white; opacity: 0.95; box-shadow: 1px 5px 5px 5px darkgray;}  /*added hidden when testing new menu*/
    .index_line {width:862px; margin-left: 36px; margin-top: 5px; FONT-SIZE: 1.30em; margin-bottom: 20px; color: #ffffff; background-image:url("images/index_background.jpg"); border:1px solid #000000; padding-left: 10px; padding-right: 10px;}
    .review_line {width:862px; text-align: left; margin-left: 36px; margin-top: 5px; FONT-SIZE: 1.60em; margin-bottom: 10px; color: #000000; background-image:url("images/gold-seamless.jpg"); border:1px solid #000000; padding-left: 10px; padding-right: 10px;}
    .review_line  img{width:100%; height: auto;}
    .review_line a:link {color: black; text-decoration: none;}
    .review_line a:visited {color: black; text-decoration: none;}
    .review_line a:hover {color: blue; text-decoration: none;}
    .review_line a:active {color: black; text-decoration: none;}
    #header_top{border-bottom: 1px solid #e70019; height:50px; padding-right:6px; }
    #mobpage {display:none;}
    .papa_line { width:880px; margin-left: 38px; margin-top: 4px; margin-bottom: 10px; border:1px solid #000000;}
    .public_line {width:862px; margin-left: 36px; margin-top: 5px; FONT-SIZE: 1.60em; margin-bottom: 20px; color: #000000;  border:0px solid #000000; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
    .compare{padding-left: 30px; padding-right: 30px; text-align: left;}
    .compare_text{width: 880px; margin: auto; background-image:url("images/gray-seamless.jpg"); padding-top: 10px; padding-left: 30px; padding-right: 30px; 
                  text-align: center; FONT-SIZE: 1.60em; padding-bottom: 10px; color: #FFFFFF;}
    .compare_text a:link {color: white;}
    .compare_text a:visited {color: white;}
    .compare_text a:hover {color: yellow;}
    .compare_text a:active {color: white;}
    .data_text{width: 880px; margin: auto; background-image:url("images/public_background.jpg"); padding-top: 10px; padding-left: 30px; padding-right: 30px; 
                  text-align: center; FONT-SIZE: 1.60em; padding-bottom: 10px; color: #f26522;}
    .data_text a:link {color: red;}
    .data_text a:visited {color: red;}
    .data_text a:hover {color: blue;}
    .data_text a:active {color: red;}
    .compare_line { width:880px; margin:auto; border:1px solid #000000; height: 200px; margin-top: 5px; margin-bottom: 5px;}
    .button {background-color: #0F75BC; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px;}
    .textbox {background-color: #FFFFFF;  border: none; color: #0F75BC; padding: 4px 4px; text-align: left; text-decoration: none; display: inline-block; font-size: 16px;}
    .selection {background-color: #FFFFFF;  border: none; color: #0F75BC; padding: 4px 4px; text-align: left; text-decoration: none; display: inline-block; font-size: 16px;}
    .textarea {background-color: #FFFFFF;  border: none; color: #0F75BC; padding: 4px 4px; text-align: left; text-decoration: none; display: inline-block; font-size: 16px;}
    .centered{ text-align:center; }
    .image_line{position: relative; width: 420px; /*the image width*/ height: 360px; /*the image height*/ left: 27%; /*margin-left: -50px; half the image width*/ }
    .compare_pages {width:880px; margin-top: 4px; padding-top: 3%; margin-bottom: 10px; height: 90px; border:1px solid #000000; 
                   background-size: 100%; font-family:Arial, Helvetica, sans-serif; font-size:40px; color: #FFFFFF;}
    .jump_line { width:880px; margin-left: 38px; margin-top: 4px; margin-bottom: 10px; height: 200px; border:1px solid #000000; background-size: 100%; font-family:Arial, Helvetica, sans-serif; font-size:28px; color: #FFFFFF;}
    .jump_line  img{width:100%; height: auto; position: relative;}
    .choose_city{position: absolute; left: 700px; top: 35px; font-size: 24px; width: 160px;}
    .go_city{position: absolute; left: 700px; top: 75px; font-size: 24px; width: 160px;}
    .ad_line { width:880px; margin-left: 38px; margin-top: 4px; margin-bottom: 10px; height: 90px; border:1px solid #000000; background-size: 100%; font-family:Arial, Helvetica, sans-serif; font-size:28px; color: #FFFFFF;}
    .ad_line2 { width:880px; margin-left: 38px; margin-top: 4px; margin-bottom: 10px; height: 180px; border:1px solid #000000; background-size: 100%; font-family:Arial, Helvetica, sans-serif; font-size:28px; color: #FFFFFF;}
    .ad_line_left { width: 80px; padding-top:12px; vertical-align:top; float:left; position:relative; padding-left:6px;}
    .ad_line_center { width: 708px; vertical-align:top; top: 0px; height: 90px; line-height:40px; float:left;}
    .ad_line_center2 { width: 880px; vertical-align:top; top: 0px; height: 90px; line-height:40px; float:left;}
    .ad_line_right { width: 80px; float:right; position:relative; padding-left:6px; padding-top:8px;}
    .ad_line2_left { width: 300px; padding-top:12px; vertical-align:top; float:left; position:relative; padding-left:6px; line-height:30px; font-size:24px;}
    .ad_line2_one { width: 90px; vertical-align:top; padding-top: 8px; height: 90px; float:left;}
    .ad_line a { text-decoration:none; color: #FFFFFF; }
    .course_line{width: 880px; border-color: #ffffff; border-style: solid; background-color: green; height: 60px; border-width:1px; margin-top: 6px; margin-left:10px; padding-top:10px; padding-left: 10px;}
    #red_strip{width:920px; margin-bottom:15px; padding-left:5px; padding-right:5px; padding-top:15px; padding-bottom:14px; margin-left: 15px;
           font-family:Arial, Helvetica, sans-serif; font-size:14px; border-color: #000000; border-width: 1px; border-style: solid; text-align: left;}	   
    #red_strip{background-color:#E70019; color:#ffffff;}
    #red_strip a {color:#FFFFFF; text-decoration:none;}
    #red_strip a:hover{color:#0000a0;}
    .map1{text-align:left; padding-left:25px; }
    .map2{padding-left:50px;}
    .tooltip {position: relative; display: inline-block;}
    .tooltip .tooltiptext, .tooltip .glance {visibility: hidden; background-color: #000080; color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:20px; text-align: center;
             padding-left: 10px; padding-right: 10px; border-radius: 6px; position: absolute; z-index: 1; bottom: 100%; left: 25%; margin-left: -80px; opacity: 0; transition: opacity 1s;}
    .tooltip .tooltiptext {width: auto;}
    .tooltip .glance{width: 180px;}
    .tooltip .tooltiptext::after{content: ""; position: absolute; top: 100%; left: 50%;  margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;}
    .tooltip:hover .tooltiptext, .tooltip:hover .glance {visibility: visible; opacity: 1;} 
}

@media only screen and (max-width: 959px) {
    html, body {max-width: 100%; text-align:center; }
    #page{display: none; }
    #mobpage {max-width:100%; background-color: #FFFFFF; overflow: hidden;}
    #moblogo  {display:inline;}
    #moblogo img{width: 40%; height: auto;}
    .compare_pages {max-width: 100%; min-width: 100%; text-align: center; vertical-align: middle; height: auto; vertical-align: middle; 
                   background-size: 100%; font-family:Arial, Helvetica, sans-serif; font-size: 8vw; color: #FFFFFF;}
    .ad_line2 { max-width:100%; height: auto; font-family:Arial, Helvetica, sans-serif; font-size: 4vw; color: #FFFFFF; margin-top: 2px; margin-bottom: 2px;}
    .ad_line2  img{width:100%; height: auto;}
    .jump_line { max-width:100%; height: auto; background-size: 100%; font-family:Arial, Helvetica, sans-serif; font-size: 4vw; color: #FFFFFF; margin-top: 2px; margin-bottom: 2px;}
    .jump_line  img{width:100%; height: auto; position: relative;}
    .choose_city{position: absolute; top: 15%; left: 70%; font-size: 3.5vw; width: 25%;}
    .go_city{position: absolute; top: 45%; left: 70%; font-size: 3.5vw; width: 25%; text-align: center;}
    .ad_line { max-width:100%; height: auto; background-size: 100%; font-family:Arial, Helvetica, sans-serif; font-size: 4vw; color: #FFFFFF; margin-top: 2px; margin-bottom: 2px;}
    .ad_line  img{width:100%; height: auto;}
    .ad_line_center2 { width: 100%; vertical-align:top; top: 0px; height: auto; float:left; TEXT-DECORATION: none;}
    h1 {FONT-FAMILY: "Times New Roman, Times, serif"; font-weight:bold; FONT-SIZE: 5vw; TEXT-DECORATION: none;text-align: center;}
    h2 {FONT-FAMILY: "Times New Roman, Times, serif"; font-weight:bold; FONT-SIZE: 4vw; TEXT-DECORATION: none;}
    h3 {FONT-FAMILY: "Times New Roman, Times, serif"; font-weight:normal; FONT-SIZE: 4vw; TEXT-DECORATION: none;}
    h4 {FONT-FAMILY: "Times New Roman, Times, serif"; font-weight:bold; FONT-SIZE: 4vw; TEXT-DECORATION: none; color:#000000; display:inline;}
    .index_line {max-width:100%; padding-top: 4px; padding-left: 4px; padding-right: 4px; FONT-SIZE: 4vw; margin-bottom: 2px; margin-top: 2px; color: #ffffff; background-image:url("images/index_background.jpg");}
    .review_line {max-width:100%; text-align: left; padding-top: 4px; padding-left: 4px; padding-right: 4px; FONT-SIZE: 4vw; margin-bottom: 2px; margin-top: 2px; color: #000000; background-image:url("images/gold-seamless.jpg");}
    .review_line  img{width:100%; height: auto;}
    .papa_line { width:100%; margin-top: 2px; margin-bottom: 2px; }
    .papa_line  img{width:100%; height: auto;}
    #react_line {width:100%; padding-top: 4px; padding-bottom: 4px; margin-top: 2px; margin-bottom: 2px;}
    #react_line  img{width:100%; height: auto;}
    .public_line {width:100%; margin-top: 2px; FONT-SIZE: 5vw; margin-bottom: 2px; color: #000000; background-image:url("images/public_background.jpg"); border:0px solid #000000; padding-top: 10px; }
    .public_line a:link { color: black; text-decoration: none;}
    .public_line a:hover { color: red; text-decoration: none;}
    .public_line img{max-width: 100%; height: auto;}
    .compare{max-width: 100%; padding-left: 0vw; font-family:"Times New Roman", Times, serif; font-weight:normal; FONT-SIZE: 4vw; padding-bottom: 2vw;}
    .compare img{max-width: 100%; height: auto;}
    .compare_text{max-width: 100%; font-family:"Times New Roman", Times, serif; font-weight:normal; FONT-SIZE: 4vw; background-image:url("images/gray-seamless.jpg"); 
                  padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;
                  text-align: center; color: #FFFFFF;}
    .compare_text a:link {color: white;}
    .compare_text a:visited {color: white;}
    .compare_text a:hover {color: yellow;}
    .compare_text a:active {color: white;}
    .data_text{max-width: 100%; font-family:"Times New Roman", Times, serif; font-weight:normal; FONT-SIZE: 4vw; background-image:url("images/public_background.jpg"); 
                  padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;
                  text-align: center; color: #f26522;}
    .data_text a:link {color: red;}
    .data_text a:visited {color: red;}
    .data_text a:hover {color: blue;}
    .data_text a:active {color: red;}
    .data_text img{max-width: 100%; height: auto;}
    .compare_line { max-width:100%; height: auto; background-size: 100%; margin-top: 5px; margin-bottom: 5px;}
    .compare_line  img{width:100%; height: auto; position: relative;}
    .button {background-color: #0F75BC; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px;}
    .textbox {width: 100%; background-color: #FFFFFF;  border: none; color: #0F75BC; padding: 4px 4px; text-align: left; text-decoration: none; font-size: 4vw;}
    .selection {width: 35%; background-color: #FFFFFF;  border:1px solid #000000; color: #0F75BC; padding: 4px 4px; text-align: left; text-decoration: none; font-size: 4vw; float: left;}
    .textarea {width: 97%; background-color: #FFFFFF;  border:1px solid #000000; color: #0F75BC; padding: 4px 4px; text-align: left; text-decoration: none; font-size: 4vw;}
    .centered{ text-align:center; FONT-FAMILY: "Times New Roman, Times, serif"; font-weight:normal; FONT-SIZE: 5vw; TEXT-DECORATION: none; color:#000000;}
    .course_line {max-width:100%; height: auto; border-color: #ffffff; border-style: solid; background-color: green; margin-top:1vw; text-align: center; padding-bottom: 2vw;}
    #red_strip{max-width:100%; height: auto; padding-left:5px; padding-right:5px; padding-top:2vw; padding-bottom:2vw;
               font-family:Arial, Helvetica, sans-serif; font-size:4vw; border-color: #000000; border-width: 1px; border-style: solid;}	   
    #red_strip{background-color:#E70019; color:#ffffff;}
    #red_strip a {color:#FFFFFF; text-decoration:none;}
    #red_strip a:hover{color:#0000a0;}
    .map1{text-align:left; padding-left:5px; }
    .map2{padding-left:10px;}
    .tooltip {position: relative; display: inline-block;}
    .tooltip .tooltiptext, .tooltip .glance {visibility: hidden; background-color: #000080; color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:20px; text-align: center;
             padding-left: 10px; padding-right: 10px; border-radius: 6px; position: absolute; z-index: 1; bottom: 100%; left: 25%; margin-left: -60px; opacity: 0; transition: opacity 1s;}
    .tooltip .tooltiptext {width: auto;}
    .tooltip .glance{width: 180px;}
    .tooltip .tooltiptext::after{content: ""; position: absolute; top: 100%; left: 50%;  margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;}
    .tooltip:hover .tooltiptext, .tooltip:hover .glance {visibility: hidden; opacity: 1;} 

}
		   
#header{margin-right:auto; background-color: #FFFFFF; opacity: 0.9; width:960px; height:170px; float:left;} 
#header_topm{width:580px; height: 50px; display:inline; position:relative; float: left; padding-left:6px; text-align: left;}

#header_topa{width:140px;  position:relative; float: left; padding-top:7px;}
#header_twlike{width:68px; display:inline; position:relative; float: left; padding-top:10px;}
#header_topb{width:50px; display:inline; position:relative; float: left; padding-top:7px; padding-left:8px;}
#header_fblike{width:66px; display:inline; position:relative; float: left; padding-top:10px; padding-left:0px;}
#header_left{width:140px; padding-top:12px; vertical-align:top; float:left; position:relative; padding-left:6px;}
#header_mid{width:640px; vertical-align:top; top: 0px; height: 5px; line-height:5px; float:left;}
#header_right{width:320px; float:right; position:relative; padding-left:6px;}
#header_right_text1{COLOR: #000000; font-family:"Times New Roman", Times, serif; font-weight:bold; FONT-SIZE: 1.00em; text-align:right; TEXT-DECORATION: none;}
#header_right a{COLOR: #000000; font-family:"Times New Roman", Times, serif; font-weight:normal; FONT-SIZE: 1.00em; text-align:right; TEXT-DECORATION: none;}
#header_right a:hover{COLOR: #E70019;}

#rss_line {width:100%; border:1px solid #000000;}
#rss_line a{color: #000000;}
#rss_head {font-family:"Times New Roman", Times, serif; font-weight:bold; FONT-SIZE: 1.40em; color: #000000;}

#footer {
   position:absolute;
   bottom:0px;
   width:960px;
   height:130px;
    background-color: #e70019;
    background: -moz-linear-gradient(top, #e70019, #dc0021);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e70019), to(#dc0021));
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px; 
    color: #FFFFFF;
    display:block;
    outline:0;
    text-decoration:none;
    text-shadow: 1px 1px 1px #000;
}

.footer1,
.footer2,
.footer3,
.footer4,
.footer5
 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}

.footer1 {width:150px; padding-top:2px;}
.footer2 {width:150px; padding-top:12px;}
.footer3 {width:330px; padding-top:2px;}
.footer4 {width:120px; padding-top:12px;}
.footer5 {width:130px; padding-top:8px;}

#footer a{
   font-family:Arial, Helvetica, sans-serif; 
   font-size:14px;
   color:#FFFFFF;
   text-decoration:none;
 }

#footer a:hover{
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
        color:#afc0fa;
        text-decoration:none;}

#query-input{height: 20px; vertical-align: top; margin-top: 10px;}

#faq{font-weight:bold;}

.bg-linkedIn {width: 35px; height: 35px;background: url('images/css_sprites.png') -124px -4px;}
.bg-twitter {width: 35px; height: 35px;background: url('images/css_sprites.png') -86px -4px;}
.bg-facebook {width: 35px; height: 35px;background: url('images/css_sprites.png') -45px -4px;}
.bg-youtube {width: 35px; height: 35px;background: url('images/css_sprites.png') -5px -4px;}
.bg-seerText {width: 142px; height: 64px;background: url('images/css_sprites.png') -13px -47px;}
.bg-eclipse_small {width: 150px; height: 100px;background: url('images/css_sprites.png') -168px -4px;}
.bg-java_swing_small {width: 150px; height: 65px;background: url('images/css_sprites.png') -323px -4px;}
.bg-java_with_dos_small {width: 150px; height: 62px;background: url('images/css_sprites.png') -168px -107px;}
.bg-java_code_small {width: 150px; height: 96px;background: url('images/css_sprites.png') -324px -71px;}
.bg-on_site_small {width: 90px; height: 90px;background: url('images/css_sprites.png') -4px -112px;}
.bg-small_salute {width: 48px; height: 48px;background: url('images/css_sprites.png') -226px -302px;}
.bg-small_yoga {width: 48px; height: 48px;background: url('images/css_sprites.png') -165px -170px;}
.bg-small_papa {width: 48px; height: 48px;background: url('images/css_sprites.png') -385px -313px;}
.bg-small_php {width: 48px; height: 48px;background: url('images/css_sprites.png') -103px -162px;}
.bg-small_mariadb {width: 48px; height: 48px;background: url('images/css_sprites.png') -268px -170px;}
.bg-small_sql {width: 48px; height: 48px;background: url('images/css_sprites.png') -103px -111px;}
.bg-small_mysql {width: 48px; height: 48px;background: url('images/css_sprites.png') -217px -170px;}
.bg-HTML5_Logo_54 {width: 38px; height: 54px;background: url('images/css_sprites.png') -5px -237px;}
.bg-oraclePartnerLogo {width: 120px; height: 60px;background: url('images/css_sprites.png') -353px -170px;}
.bg-vcss {width: 88px; height: 31px;background: url('images/css_sprites.png') -4px -204px;}
.bg-wcag1A {width: 88px; height: 31px;background: url('images/css_sprites.png') -50px -238px;}
.bg-php_icon {width: 76px; height: 76px;background: url('images/css_sprites.png') -145px -225px;}
.bg-sql_icon {width: 76px; height: 76px;background: url('images/css_sprites.png') -47px -272px;}
.bg-mysql_icon {width: 76px; height: 76px;background: url('images/css_sprites.png') -228px -224px;}
.bg-yoga_icon {width: 76px; height: 76px;background: url('images/css_sprites.png') -396px -234px;}
.bg-salute_icon {width: 76px; height: 76px;background: url('images/css_sprites.png') -144px -304px;}
.bg-papa_icon {width: 76px; height: 76px;background: url('images/css_sprites.png') -300px -311px;}
.bg-mariadb_icon {width: 72px; height: 72px;background: url('images/css_sprites.png') -316px -235px;}