/*
   ---------------------------------------------------
  |  Settings for the whole page
   ----------------------------------------------------
 */

body,
html {
    margin:0 0 0 0;
    padding:0 0 0 0;
    background: #e5ecf3;
    color:#323733;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
    }

  
p {
  margin-top:1em;
  margin-bottom: .2em;
  }
  

h1
{
  margin-top: .5em;
  FONT-WEIGHT: normal;
  FONT-SIZE: 2em;
  COLOR: #993300;
  LINE-HEIGHT: 1.2em;
  FONT-STYLE: normal;
  font-weight: normal;
  TEXT-DECORATION: none;
}


h2
{
  FONT-WEIGHT: normal;
  FONT-SIZE: 15px;
  COLOR: #666666;
  background: #e3e3e3;
  LINE-HEIGHT: 1.2em;
  FONT-STYLE: normal;
  font-weight: bold;
  FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
  padding: 10px;
}

h3
{
  FONT-WEIGHT: bold;
  FONT-SIZE: 1.1em;
  COLOR: #666666;
  LINE-HEIGHT: 1.2em;
  FONT-STYLE: bold;
  margin-top: 30px;
}

h4
{
  FONT-WEIGHT: bold;
  FONT-SIZE: 1.0em;
  COLOR: #666666;
  LINE-HEIGHT: 1.1em;
  FONT-STYLE: italic;
}

a{
  text-decoration: underline;
  color: #3333ff;
}

a:hover{
  color: black;
}

a img {
  border: none;
}

a.black {
	color: #000000;
	text-decoration: none;
}

a.black:hover {
	text-decoration: underline;
}


/*
   ------------------------------------------------
  |  The "wrap" element wraps around the content of
  |  the page. It provides the borders and the background.
  | 
   -------------------------------------------------
 */

#wrap {
  -moz-box-sizing:border-box;box-sizing:border-box;
  padding: 0 0 0 0;
    background: url(../images/wrap_background.gif);
    width: 922px;
  padding: 0;
    border: solid 1px black;
  /*overflow:auto;*/
  text-align: left;
    }

div#wrap{
  margin-left: auto;
  margin-right: auto;
}


#copyright{
  -moz-box-sizing:border-box;box-sizing:border-box;
  padding: 0 0 0 0;
  margin-left: 150px;
  margin-bottom: 30px;
  font-size:9px;
  text-align: left;
}

#copyright a{
  font-size: 9px;
}
/*
    Things related to the header of the page
  */

#header {
  -moz-box-sizing:border-box;box-sizing:border-box;
  margin: 0 0 0 0;
  padding: 10px 10px 10px 10px;
  background:#FFFFFF;
  border-bottom: 1px solid black;
}

#header img{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border:none;
}

/*
   ----------------------------------------------------
  |    Elements related to quick links 
   ---------------------------------------------------
 */

#quicklinks{
  -moz-box-sizing:border-box;box-sizing:border-box;
  background:#FFFFFF;
  border: none;
  padding:5px 0 0 0;
  margin:-10px 20px -15px 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  line-height:1.0em;
  height: 40px;
}

#quicklinks p.quicklinks{
  color: #666666;
  text-align:right;
}

#quicklinks p.quicklinks a{
  color: #666666;
  font-weight: bold;
  text-decoration:none;
}

#quicklinks p.quicklinks a:hover{
  color: #cc3300;
  background:none;
}



/* ieee_navbar is the navigation by IEEE. topnav is the class for IEEE links*/
#ieee_navbar{
  float: right;
  width: 700px;
  top: 1px;
  text-align:center;
  background:white;
}

.topnav {
  FONT-SIZE: 10px; 
  COLOR: #000000; 
  FONT-FAMILY: "Trebuchet", Verdana, Arial; 
  TEXT-DECORATION: none
}





/*
   ----------------------------------------------------
  |    Elements related to top menu 
   ---------------------------------------------------
 */

#menu_top{
  -moz-box-sizing:border-box;box-sizing:border-box;
  background:none;
  padding:0;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
}


#menu_top ul{
  -moz-box-sizing:border-box;box-sizing:border-box;
    margin:0;
  margin-left: 150px;
  margin-right: 0px;
  
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 8px;
  padding-bottom: 8px;

  list-style:none;
  background: white;
  border-bottom: 1px solid black;
    }



  
#menu_top li{
  margin:0;
  display:inline;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
  }


#menu_top a{
  font-size:1.1em;
  font-weight:bold;
  color: #666666;
  text-decoration:none;
}

#menu_top a:hover{
  color: #cc3300;
  background:none;
}

#menu_top li.selected{
  font-size:1.1em;
  color: white;
  font-weight:bold;
  background: #cc3300;
}

#menu_top li.selected  a{
  color: white;
}

#menu_top li.selected  a:hover{
  color: yellow;
}


/* 
  The following is for the search button
 */
 
#siteSearch{
  -moz-box-sizing:border-box;box-sizing:border-box;
  font:Arial, Helvetica, sans-serif;
  font-size:10px;
  margin: 0 0 0 0;
}


.searchinput
{
  color: #666666;
  font-size: 10px;
  border: solid 1px #a1a1a1;
  vertical-align:middle;
  padding-bottom: 2px;
}

.searchbutton
{
  vertical-align:middle;
  padding: 0;
  margin:0;
}






#Contents{
display:none;
}

#News{
display:none;
}

#Contact{
display:none;
}


#menu_left{
  -moz-box-sizing:border-box;box-sizing:border-box;
  float:left;
  width: 150px;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  padding: 43px 0 0 0;
  margin: 0;
  position:relative;
}


#menu_left ul{
  -moz-box-sizing:border-box;box-sizing:border-box;
  display=block;
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
 }

#menu_left li{
  margin:0 0 0 0;
  padding:2px;
  display:block;
  padding-left:10px;
}
  

#menu_left li a{
  color: #333333;
  text-decoration:none;
}

#menu_left li a:hover{
  color: #cc3300;
  background:none;
}

#menu_left li.selected{
  color: #cc3300;
  text-decoration:none;
}


#menu_left li.selected a{
  color: #cc3300;
  text-decoration:none;
}


#menu_left li.heading{
  font-weight: bold;
  color: #333333;
  font-size:1.1em;
  padding-bottom: 5px;
}

#menu_left li.heading a{
  font-weight: bold;
  color: #333333;
  text-decoration:none;
}

#menu_left li.heading a:hover{
  font-weight: bold;
  color: #cc3300;
  background:none;
}


#menu_left li.heading_selected{
  font-weight: bold;
  font-size:1.1em;
  color: #cc3300;
  padding-bottom: 10px;
}
/*
#menu_left li.heading_selected a{
  font-weight: bold;
  font-size:1.1em;
  color: #cc3300;
  text-decoration:none;
}

#menu_left li.heading_selected a:hover{
  font-weight: bold;
  font-size:1.1em;
  color: #cc3300;
  background:none;
}



#menu_left a{
  color: #333333;
  font-size: 10px;
  text-decoration:none;
}


#menu_left a:hover{
  color: #cc3300;
  background:none;
}
*/

.vspace{
  height: 20px;
}



/*
    Things related to the short cuts
*/

#shortcuts {
  -moz-box-sizing:border-box;box-sizing:border-box;
  background:none;
  padding:0;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  float: right;
  width: 244px;
}

#shortcuts p {
  text-align: right;
  margin:5px 20px 0 0;
}


#main{
  -moz-box-sizing:border-box;box-sizing:border-box;
  color:#333333;
  margin-left:150px;
  margin-right:250px;
  padding-top:0px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:30px;
}

#main p.breadcrumbs{
  font-size: 9px;
}

#main img{
  margin: 5px 5px 5px 5px;
}

#main p.subsection{
  padding-left:10px;
}

#main p.date{
  text-align:right;
  font-size: 9px;
}

#main td{
  font-size: 10px;
}

#main td.pdf{
  font-size: 11px;
}


#main div.publist{
  -moz-box-sizing:border-box;box-sizing:border-box;
  / * display:none; */
}

/*#main p.issue{
  margin-left:35px;
}*/

#main table.issue{
  margin:0 0 0 35px;
}

#sidebar{
  -moz-box-sizing:border-box;box-sizing:border-box;

  float:right;
  margin-right: 20px;
  margin-top: 12px;
  margin-left: 0;
  margin-bottom:20px;
  width: 230px;
  background: #e5ecf3;
  padding-left: 10px;
  padding-right: 10px;
  padding-top:10px;
  padding-bottom: 30px;
  font-size: 10px;
  font-weight: bold;
  clear:right;
}

#sidebar p{
  font-weight:normal;
}

#sidebar table{
  font-size: 10px;
}

#sidebar a{
  font-size: 10px;
}

div#sidebar hr{
  color: #3c729f;
  background-color: #3c729f;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
}

div#sidebar h3{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin: 0;
  padding:0;
  color: #3c729f;
}
/*  font-weight: normal;*/

#footer{
  -moz-box-sizing:border-box;box-sizing:border-box;
  width:920px;
  clear:both;
  overflow:auto;
  font-size: 0.75em;
  line-height: 1.2em;
  margin-bottom: 10px;
  padding:0;
}

#footer div.leftcol{
    float:left;
    width:150px;
    margin:0; padding:0;
}

#footer div.rightcol{
    border-top: 1px solid black;
    margin-top:0;
    margin-bottom:0;
    margin-left: 150px;
    margin-right: 0px;
}


.in-column{
  padding: 10px 20px;
}


img.tuffc_cover_thumb {
  border:solid 1px #000000;
  margin:0px 10px 10px 0px;
}

ul.standard {
  margin: 2px 10px 24px 24px;
  padding: 0px;
}

ul.standard li {
  padding-bottom: 3px;
}

.error {
    font-weight: bold;
    color: #FF0000;
}
.error_box {
    background-color: #FF9999;
}