@charset "UTF-8";


body {
  height: auto;
  margin: 0px;
  padding: 0px;
  font-size: 62.5%;
}

html {
}

* {
  margin: 0px;
  padding: 0px;
  }
   

p,h1,h2,h3,h4,h5,h6,div,table {

  padding: 0px;
  font-family: Arial, Helvetica, Verdana, Geneva;
}


ul, li {
  margin: 5px 0px 2px;
  padding-left: 0px;
  text-decoration: none;
  list-style-type: none;
}


a img {
  border: none;
}

a, a:hover, a:focus, a:active, a:link {
  text-decoration: none;
  outline: none;
}

 
/*CLASSES*/

.clear {
  clear: both;
}

div .errormsg {
  font-size: 12px;
  color: #ff0000;
  float: left;
  margin-top: 10px;
}



/*================== CSS styles ================ */


/*============= Whole wrapper ================== */


#topwrapper {
  background: url(../_images/_bg/bg_topwrapper.gif) top repeat-x;
  padding: 0px;
  min-height: 100%;
  margin: 0px auto -200px;


}


/*header*/

#header {
  width: 1000px;
  margin: 0px auto;
  padding: 20px 0px 0px 0px;
  height: 340px;
}

#header h1.aistlogo {
  background-image: url(../_images/Logos/AIST.gif);
  text-indent: -9999px;
  width: 464px;
  height: 57px;
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
  background-position: center center;
  float: left;
  display: block;
}


/*links to aistTV, community and etc*/


#header #links a:hover {
  text-decoration: underline;
}

#header #links ul{
  display: inline-block;
  float: right;
  padding: 0px;
  width: 490px;
  height: auto;
  margin: 40px 30px 0px 0px;
}

#header #links ul li{
  display: inline-block;
  float: right;
  clear: left;
  border-left-width: 1px solid #999;
  padding-left: 0px;
  list-style-type: none;
  margin-left: 30px;
  font-size: 13px;
}

#header #links ul li a{
  border-left-color: #09F;
  text-decoration: underline;
  color: #082857;
}


/* ============= Contains Username, Password and search ================= */

#header #tabs {
  width: 1000px;
  margin-top: 30px;
  float: left;
  vertical-align: middle;
}

#header #tabs .uxLogin table tr td.login-label {
  border: 0px;
  color: #FFF;
  font-size: 12px;
}

#header #tabs .uxLogin table tr td {
  border: 0px;
  vertical-align: middle;
}

#header #tabs #search {
  float: right;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 20px;
  vertical-align: middle;
  padding-top: 1px;
  padding-bottom: 1px;
}

#header #tabs #search .searchbox {
  width: auto;
  height: 23px;
  margin-top: auto;
  margin-bottom: auto;
  vertical-align: middle;
  padding-top: 1px;
  padding-bottom: 1px;
  border: none;
}

#header #tabs #search input[type="submit"] {
  background: transparent;
  background-image: url(../_images/search_icon.png);
  background-repeat:no-repeat;
  background-position: center;
  color:transparent;
  width:25px;
  height: 100%;
  letter-spacing: 0.2em;
  text-indent:-1000px;
  border: none;
  
}

#header #tabs #search input[type="text"] {
        color:#2d2d2d; 
}

#header #tabs #search input[type="submit"]:hover {
  cursor: pointer;
  background-image: url(../_images/search_icon_hover.png) repeat-x center;
  text-decoration:none;
}


#header #headerimg {
  border: 1px solid #FFF;
  height: auto;
  width: 992px;
  margin: 10px auto;
  text-align: center;
}

#navcontainer {
  padding-top: 7px;
  width: auto;
  margin: 0px auto;
  text-align: center;
  height: 35px;
  background: #003667;
}

#navcontainer #nav {
  margin: 0px auto;
  width: 1000px;
  height: 32px;
  padding: 0px;
}

/*========== wrapper for the content ========*/

#wrapper {
  margin: 0px auto;
  width: 1000px;
  padding: 0px;
}
   
#wrapper #content {
  width: 1050px;
  margin: 10px auto;
}


/* ========== Left Column of the homepage ============= */

#content #updates {
  width: 270px;
  float: left;
  padding: 5px 0px 0px 0px;
  margin-top: 0px 0px 15px 0px;
}

#content #updates img {
  padding: 0px;
  margin-bottom: 10px;
}


#content #updates .updateHeader {
  font-size: 11px;
  background: url(../media/36183/bg_h1.gif) -3px center no-repeat #013868;
  height: 21px;
  width: 266px;
  text-indent: 25px;
  display: block;
  color: #FFF;
  font-weight: 300;
  line-height: 11.5px;
  padding: 0px;
  margin-top: 0px 0px 4px 0px;
}

#content #updates h6{
  font-size: 11.5px;
  background: url(../media/36183/bg_h1.gif) no-repeat #013868 -3px center;
  height: 21px;
  width: 266px;
  text-indent: 25px;
  display: block;
  color: #FFF;
  font-weight: 300;
  line-height: 17px;
  padding-top: 4px;
  margin: 0px 0px 5px 0px;
}


#updates h2 a {
  font-size: 10.5px;
  line-height: 15px;
  background-color: #f2f2f2;
  width: 258px;
  display: block;
  font-weight: normal;
  color: #000;
  padding: 2px 5px 3px 3px;
  margin-bottom: 3px;
  border-left: solid 1px grey;
  text-decoration: none;
}

#updates h2 a:hover {
  background-color: #787878;
  color: #FFF;
  border-left: solid 2px orange;
}

#updates h3 a {
  font-size: 11px;
  background-color: #ededed;
  width: 257px;
  display: block;
  font-weight: normal;
  color: #000000;
  background-repeat: no-repeat;
  background-position: -3px center;
  padding: 2px 2px 2px 5px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 2px;
  margin-left: 0px;
  border-left: solid 2px grey;
  text-decoration: none;
}

#updates h3 a:hover {
  background-color: grey;
  color: #FFF;
  border-left: solid 2px orange;
}

#updates a {
  color: #000;
  text-decoration: underline;
}



/* Middle column */

#middle{
  float: left;
  width: 460px;
  min-height: 560px;
  margin-left: 5px;
  margin-bottom: 15px;
  padding: 5px 10px 8px 11px;
  border-right: 1px dotted #CCC;
  border-left: 1px dotted #CCC;
  background-color: #FFF;
}

#middle p{
  font-size: 11.5px;
  line-height: 15.5px;
  margin-bottom: 7px;
  padding-right: 13px;
  color: #333;
  text-align: left;
}

#middle a img{
  margin: 3px auto;
  text-align: right;
}
  
#middle h1,
#middle h2,
#middle h3,
#middle h4,
#middle h5 {
  padding-right: 30px;
}

#middle h2{
  font-family: goergia, times;
  font-weight: bold;
  margin-bottom: 6px;
}

#middle h3{
  font-size: 11px;
  font-family: georgia, times, serif;
  text-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}

#middle strong{
  font-size: 12px;
  font-family: georgia, times, serif;
  text-weight: bold;
  padding: 8px 0px 0px 0px;
}

#middle hr{
  margin-bottom: 10px;
}

#content #middle .story{
  border-bottom: solid 1px #bbbbbb;
  width: 435px;
  margin: 10px auto;
  padding: 5px;
}

#content #middle a:hover {
  text-decoration: underline;
}

#content #middle a:visisted {
}

/* =================== Right column ===================== */

#buttons {
  width: 240px;
  float: left;
  padding: 5px 0px 0px 0px;
  text-align: center;
  height: auto;
  margin: 0px 0px 15px 6px;
}

#buttons h2{
  display: block;
  padding: 2px;
  text-align: center;
  background-color: #0f8412;
  color: #FFF;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 11px;
  margin: 0px 6px 5px 6px
}

#buttons p {
  font-size: 12px;
  padding: 0px 5px 0px 5px;
  text-align: center;
  }

#buttons a {
  color: #0a6ecc;
  font-weight: bold;
}

#buttons a:hover {
  text-decoration: underline;
}

#buttons img {
  padding: 0px;
  display: block;
  margin: 0px auto 10px auto;
}


/* Sticky Footer Push*/

.push {
  padding: 0px;
  clear: both;
  height: 150px;
  margin: 0px;
  }
  

/* Footer */

#footer {
  background: url(../_images/04_footer/footer_bg.gif) center 148px repeat-x;
  clear: both;
  margin-top: 50px;
  width: 100%;
}

#footer #industry {
  width: 995px;
  margin: 0px auto 5px auto;
  padding: 2px 5px 2px 2px;
  height: 15px;  
  background: #003767;
}

#footer #industry h1 {
  font-size: 11px;
  margin: 0px 0px 0px 10px;
  display: block;
  color: #FFF;
}

#footer #industry h2 {
  font-size: 0.65em;
  margin: 1.2px 5px 0px 0px;
  float: right;
  display: block;
  color: #003767;
}


#animation {
  width: 1000px;
  background-color: #FFF;
  height: 110px;
  padding: 0px;
  margin: 2px auto 20px;
  border: 1px solid #CCC;
}

#footer_inside {
  height: 200px;
  width: 1000px;
  margin: 0px auto;
  color: #FFF;
  font-size: 1.1em;
  text-align: right;
  padding-top: 3px 10px 0px 0px;
}

#footer_inside a, a:hover, a:focus, a:active, a:link {
  text-decoration: underline;
  color: #FFF;
}


#footer_inside a:hover {
  text-decoration: underline; 
  color: orange;
}








/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */