body {
    color: #FFFFFF;
    background-color: #29313C;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 10pt;
    margin: 0;
}

.table1 {
    color: #000000;
    background-color: #FFFFFF;
    font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
    font-size: 10pt;  
    margin-top:5px;
     border-radius:10px;
}

.password {
    background: #fbfbfb url("../Images/key.png") no-repeat scroll 3px center;
    border: 1px solid #c9c9c9;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0 5px 22px;
    text-decoration: none;
}

.UserName {
    background: #fbfbfb url("../Images/user.png") no-repeat scroll 3px center;
    border: 1px solid #c9c9c9;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0 5px 22px;
    text-decoration: none;
}

.Code {
    border: 1px solid #c9c9c9;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0 5px 22px;
    text-decoration: none;
}

.loginButton {
    background: rgba(0, 0, 0, 0) url("../Images/LoginButton.png") no-repeat scroll left top;
    border: 0 none;
    height: 29px;
    width: 82px;
}

    .loginButton:hover {
        background: rgba(0, 0, 0, 0) url("../Images/LoginButton.png") no-repeat scroll left bottom;
        border: 0 none;
        height: 29px;
        width: 82px;
    }

.LoginBox {
    /*background-color: #7bbe17;*/
    color: #737373;
    font-size: 13px;
    font-weight: bold;
    height: 225px;
    text-align: center;
    /*box-shadow: 10px 10px 5px #888888;*/
    /*margin: 0 auto 10px;
    padding: 50px 18px 60px 365px;
    width: 320px;*/
}

    .LoginBox span {
        color: #fff;
        font-size: 12px;
    }

.Button {
    border: 1px solid #8BCF54;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    /*color: #2500E9;*/
    background-color: #CDCDCD;
}

    .Button:hover {
        border: 1px solid #7BCF32;
        background-color: #E0E0E0;
        background-image: linear-gradient(to bottom, #A4D62D, #E0E0E0);
    }

.content {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 0 5px 5px;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.5);
    /*float: left;*/
    height: auto;
    padding: 3px 14px;
    position: relative;
    z-index: 2;
}

#tabs {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

#tabs #current a, #tabs #current a::after {
    background: #00ace6 none repeat scroll 0 0;
    color: #ffffff;
    z-index: 3;
}
#tabs a::after {
    background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
    border-radius: 0 5px 0 0;
    bottom: 0;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    content: "";
    position: absolute;
    right: -0.5em;
    top: 0;
    transform: skew(10deg);
    width: 1em;
    z-index: 1;
}
#tabs #current a, #tabs #current a::after {
    background: #386FA5 none repeat scroll 0 0;
    color: #ffffff;
    z-index: 3;
}
#tabs a {
    background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
    border-radius: 5px 0 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    color: #444;
    float: left;
    padding: 0.7em 3.5em;
    position: relative;
    text-decoration: none;
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);*/
}
 
/*Tab 2*/

#tabs1 {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

#tabs1 #current1 a, #tabs1 #current1 a::after {
    background: #00ace6 none repeat scroll 0 0;
    color: #ffffff;
    z-index: 3;
}
#tabs1 a::after {
    background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
    border-radius: 0 5px 0 0;
    bottom: 0;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    content: "";
    position: absolute;
    right: -0.5em;
    top: 0;
    transform: skew(10deg);
    width: 1em;
    z-index: 1;
}
#tabs1 #current1 a, #tabs1 #current1 a::after {
    background: #386FA5 none repeat scroll 0 0;
    color: #ffffff;
    z-index: 3;
}
#tabs1 a {
    background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
    border-radius: 5px 0 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    color: #444;
    float: left;
    padding: 0.7em 3.5em;
    position: relative;
    text-decoration: none;
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);*/
}
 
/*Tab 2*/

#tabs2 {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

#tabs2 #current2 a, #tabs2 #current2 a::after {
    background: #00ace6 none repeat scroll 0 0;
    color: #ffffff;
    z-index: 3;
}
#tabs2 a::after {
    background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
    border-radius: 0 5px 0 0;
    bottom: 0;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    content: "";
    position: absolute;
    right: -0.5em;
    top: 0;
    transform: skew(10deg);
    width: 1em;
    z-index: 1;
}
#tabs2 #current2 a, #tabs2 #current2 a::after {
    background: #386FA5 none repeat scroll 0 0;
    color: #ffffff;
    z-index: 3;
}
#tabs2 a {
    background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
    border-radius: 5px 0 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    color: #444;
    float: left;
    padding: 0.7em 3.5em;
    position: relative;
    text-decoration: none;
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);*/
}
 
/*Tab 4*/

#tabs4 {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

#tabs4 #current4 a, #tabs4 #current4 a::after {
    background: #00ace6 none repeat scroll 0 0;
    color: #ffffff;
    z-index: 3;
}
#tabs4 a::after {
    background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
    border-radius: 0 5px 0 0;
    bottom: 0;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    content: "";
    position: absolute;
    right: -0.5em;
    top: 0;
    transform: skew(10deg);
    width: 1em;
    z-index: 1;
}
#tabs4 #current4 a, #tabs4 #current4 a::after {
    background: #386FA5 none repeat scroll 0 0;
    color: #ffffff;
    z-index: 3;
}
#tabs4 a {
    background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
    border-radius: 5px 0 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    color: #444;
    float: left;
    padding: 0.3em 3.5em;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);*/
}
 
/*Tab 2*/

#tabs5 {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

#tabs5 #current5 a, #tabs5 #current5 a::after {
    background: #00ace6 none repeat scroll 0 0;
    color: #ffffff;
    z-index: 3;
}
#tabs5 a::after {
    background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
    border-radius: 0 5px 0 0;
    bottom: 0;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    content: "";
    position: absolute;
    right: -0.5em;
    top: 0;
    transform: skew(10deg);
    width: 1em;
    z-index: 1;
}
#tabs5 #current5 a, #tabs5 #current5 a::after {
    background: #386FA5 none repeat scroll 0 0;
    color: #ffffff;
    z-index: 3;
}
#tabs5 a {
    background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
    border-radius: 5px 0 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    color: #444;
    float: left;
    padding: 0.3em 3.5em;
    position: relative;
    text-decoration: none;
    font-size: 14px;
}
 #career {
  position:relative;
  height:150px;
  width:170px;
  margin:0 auto;
}

#career img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
    top: 0px;
}

#career img.top:hover {
  opacity:0;
}
 #website {
  position:relative;
  height:150px;
  width:170px;
  margin:0 auto;
}

#website img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
    top: 0px;
}

#website img.top:hover {
  opacity:0;
}
 #educationportal {
  position:relative;
  height:150px;
  width:170px;
  margin:0 auto;
}

#educationportal img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
    top: 0px;
}

#educationportal img.top:hover {
  opacity:0;
}