#wrapper {
  margin: 0 40px 0 20px;
  padding: 0;
  }
#header {
  height: 90px;
  background: #222222 url(../images/top.jpg) repeat-x;
  }
  #header img {
    margin: 10px 0 0 10px;
    }

#header .logo {
  padding: 1px;
}
#header .logo a {
  font-size: 400%;
  font-family: Courier, 'Courier New', 'Bitstream Vera Sans Mono', sans;
  font-weight: bold;
  line-height: 30px;
  color: #999;
}
#user_panel {
  margin: 10px 5px 0 0;
  padding: 0;
  float: right;
  text-align: right;
  color: grey
  }
#sections{
  height: 34px;
  background: #222222 url(../images/top_bg.gif) repeat-x;
  color: white;
  padding: 0 0 0 16px;
  border-top: 5px solid silver;
  }
#search {
  height: 40px;
  background: transparent;
  }
#content {
  margin: 0 0 20px 0;
  border-top: 5px solid black;
  }
  #main {
    min-height: 500px;
    background: #111;
    margin: 0;
    border: 2px solid silver;
    }
    *html #content #main {
      height: 500px;
      }
#section_content{
  padding: 10px;
}
#footer {
  padding: 0 0 0 0;
  border-top: 2px solid black;
  color: #666;
  background: #222222 url(../images/top_bg.gif) repeat-x;
  }
  
.fortune{
  float: right;
  background: none;
  border: none;
  border: none;
}


.alert {
  background: #fff6bf url(/admin/images/exclamation.png) center no-repeat;
  background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
  margin: 5px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}
.info {
	background: #e8faec url(/admin/images/info_blue.png) center no-repeat;
  background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
  margin: 5px 0;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
	}

#loadingDialog {
  position: absolute;
  top: 30%;
  left: 37%;
  display: none;
  
  font-size: 130%;
  width: 220px;
  height: 19px;
  
 filter:alpha(opacity=75);
  -moz-opacity:.75;
  opacity:.75; 
  
  background: #808080 url(/admin/images/bar-loader.gif) no-repeat;
	background-position: 50% 50%; /* x-pos y-pos */
	text-align: left;
	padding: 20px;
	border: 2px solid #3b3b3b;
  
  z-index: 99;
}
/* ************************************************* */
/*       This CSS should used by developers        */
/*              for additional styling               */
/* This file will be merged with the other CSS files */
/* ************************************************* */

/* _________ NEWS _________ */
#center_in span.newsSiblings {
  float:right;
  padding-right: 20px;
  font-size: 110%;
  margin: 12px 0 0 0;
  }
  #center_in span.newsSiblings span {
    color: #cbcbcb;
    font-weight: bold;
    }
  #center_in span.newsSiblings a,
  #center_in span.newsSiblings a:active,
  #center_in span.newsSiblings a:visited {
    color: white;
    font-weight: bold;
    text-decoration: none;
    margin: 0 5px;
    }
  #center_in span.newsSiblings a:hover {
    text-decoration: underline;
    }

.lines {
    background-color: #808080;
    color: #BFBFBF;
    -moz-user-focus: ignore;
    -moz-user-input: disabled;
    -moz-user-select: none;
    font-size: 10px;
    line-height: -5px;
    padding: 5px;
    padding-bottom: 1px;
    margin: 0px;
    border-right: 1px solid silver;
}

pre, code {
    font-family: Courier, 'Courier New', monospace, sans-serif;
    font-size: 11px;
    background-color: #373737;
    border: #D1D7DC;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    overflow: auto;
}

.code {
	font-family: Courier, 'Courier New', monospace, sans-serif;
	background: url(../images/code.png) center no-repeat;
	color: #A07A47;
	background-color: #373737;
	border: #D1D7DC;
	border-style: solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	overflow: auto;
	font-size: 12px;
}

.code_stats {
    font-size: 11px;
	background-color: #373737;
	border: 1px solid #D1D7DC;
	padding-bottom: 10px;
	overflow: auto;
}
/***** Forms *****/
form {
  margin: 0 0 15px 0;
  padding: 0;
  }
#user_panel fieldset {
  width: 430px;
  }
form p {
  margin: 0;
  }
  form p.needed_hint {
    color: orange;
    font-weight: bold;
    }
form label {
  width: 160px;
  float: left;
  text-align: right;
  padding: 5px 10px 3px 0;
  }
form input, 
form select, 
form textarea {
  border-bottom: 2px solid #dedede;
  border-right: 2px solid #dedede;
  border-left: 2px solid gray;
  border-top: 2px solid gray;
  padding: 3px 5px;
  width: 140px;
  }
  form textarea {
    width: 200px;
    }
  form select {
    width: 155px;
    cursor: pointer;
    }
form input.button {
  background: #ededed;
  border: 3px double gray;
  cursor: pointer;
  width: auto;
  }
form input:focus,
form select:focus,
form textarea:focus {
  border: 2px solid #444;
  background: #ededed;
  }
form input.button:focus {
  background: #cdcdcd;
  border: 3px double #444;
  cursor: pointer;
  }
/*In cases of captcha,and when parent styles that have floated img*/
form img {  
  float: none;
  }

form.paypal input {
   padding-left: 20px;
   border-width: 0px;
   width: 74px;
}


/*Universal classes for the messages of the forms*/
p.instruct {
  padding: 15px 0 15px 60px;
  font-weight: bold;
  font-style: italic;
  }
p.success_msg {
  padding: 10px 5px 5px 5px;
  margin: 10px 0 5px 60px;
  border-left: 4px solid green;
  border-bottom: 1px solid green;
  font-weight: bold;
  color: green;
  }
p.error_msg {
  padding: 10px 5px 5px 5px;
  margin: 10px 0 5px 60px;
  border-left: 4px solid red;
  border-bottom: 1px solid red;
  font-weight: bold;
  color: red;
  }
  
/* SEARCH FORM */
#search form {
  margin: -7px 0 0 0;
  padding-left: 10px;
  }
#search form p {
  margin: 0;
  padding: 0;
  }
#search form label {
  width: 150px;
  text-align: right;
  padding: 7px 9px 7px 0;
  color: white;
  font-weight: bold;
  }
#search form input, 
#search form select {
  border-bottom: 2px solid #dedede;
  border-right: 2px solid #dedede;
  border-left: 2px solid gray;
  border-top: 2px solid gray;
  padding: 3px 5px;
  width: 110px;
  background-color: grey;
  }
  #search form select {
    width: 155px;
    cursor: pointer;
    }
#search form input.button {
  background: grey;
  border: 1px solid silver;
  cursor: pointer;
  width: auto;
  color: white;
  }
#search form input:focus,
#search form select:focus {
  border: 2px solid #444;
  background: #ededed;
  }
#search form input.button:focus {
  background: black;
  color: white;
  border: 2px solid #444;
  cursor: pointer;
  }

/* ADVANCE SEARCH FORM */
form#advance_search {
  margin: 0;
  padding: 0;
  }
form#advance_search p {
  margin: 0 0 10px 10px;
  padding: 0;
  }
form#advance_search label {
  width: 100px;
  text-align: right;
  padding: 7px 9px 7px 0;
  color: black;
  font-weight: bold;
  float: left;
  }
form#advance_search input, 
form#advance_search select {
  border-bottom: 2px solid #dedede;
  border-right: 2px solid #dedede;
  border-left: 2px solid gray;
  border-top: 2px solid gray;
  padding: 5px 3px 5px 3px;
  width: 110px;
  }
  form#advance_search select {
    width: 119px;
    cursor: pointer;
    }
form#advance_search input.button {
  background: black;
  border: none;
  cursor: pointer;
  width: auto;
  color: white;
  padding: 2px 2px;
  }
form#advance_search input:focus,
form#advance_search select:focus {
  border: 2px solid cyan;
  background: #ededed;
  }
form#advance_search input.button:focus {
  background: #888;
  border: none;
  cursor: pointer;
  }/***** Global Settings *****/
html, body {
  border: 0;
  margin: 0;
  padding: 0;
  }
body {
  font: 74%/1.3em "trebuchet ms", tahoma, arial, verdana;
  background: black;
  min-width: 960px;
  color: #cdcdcd;
  }

/***** Common Formatting *****/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  color: grey;
  font-weight: bold;
  }
h1 {
  padding: 30px 0 25px 0;
  letter-spacing: -1px;
  font-size: 220%;
  }
h2 {
  padding: 31px 0 1px 20px;
  letter-spacing: -1px;
  font-size: 220%;
  }
h3 {
  padding: 31px 0 1px 20px;
  font-size: 150%;
  }
  #sidebar h3 {
    padding: 34px 0 10px 10px; 
    }
h4 {
  font-size: 130%;
  margin: 5px 0;
  }
h5 {
  font-size: 120%;
  margin: 5px 0;
  }
h6 {
  font-size: 110%;
  margin: 5px 0;
  }
  
p {
  margin: 0;
  padding: 0 0 15px 0;
  }
  #main p {
    padding: 0 20px 15px 20px;
    }
  #sidebar p {
    padding: 0 0 15px 10px;
    }
  #footer p {
    padding: 10px 0 15px 20px;
    }
blockquote {
  margin: 22px 40px;
  padding: 28px;
  border-left: 5px solid black;
  background: url(../images/open_quote.png) top left no-repeat;
  }
ul, ol {
  margin: 0;
  padding: 0;
  }
ul {list-style: none;}
img {
  border: 0;
  }
acronym, abbr {
  cursor: help;
  letter-spacing: 1px;
  border-bottom: 1px dashed;
  }

/***** Links *****/

a,
a:visited,
a:active {
  color: #666;
  text-decoration: none;
}
a:hover {
  color: #999;
  text-decoration: none;
}

/***** Tables *****/
table {
  border-collapse: collapse;
  margin: 0 auto;
  }
  table th {
    padding: 10px 85px 10px 25px;
    border-bottom: 2px solid #cdcdcd;
    }
  table td {
    padding: 10px 15px;
    border-bottom: 2px solid #999;
    }@import url(global.css);
@import url(sidebar.css);
@import url(elements.css);
@import url(news.css);
@import url(sections.css);
@import url(sections_visibility.css.php);
@import url(user_panel.css);
@import url(forms.css);
@import url(page_numbering.css);
@import url(extra_styling.css);.item, .news_item{
  margin: 5px;
  overflow: auto;
}

.content, .news_content{
  border: 2px solid #333;
  padding: 10px;
}

.vert_spacer{
  border-left: 1px solid #333;
}

.info, .news_info{
  color: #999;
  height: 5px;
}

.item h3, .news_item h3{
  padding: 10px 0 0 10px;
  background: url(../images/article-title-left.png) top left no-repeat;
  height: 20px;
  font-height: 25px;
}

.bg, .news_bg{
  background: #333 url(../images/topbg.gif) repeat-x;
}

.tag_list{
  background: #333;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 5px;
  line-height: 10px;
  float: right;
}

#toc {
  display: block;
}
  
.toc{
  border: 1px dashed #333;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 5px;
  line-height: 10px;
  float: right;
}

.toc li {
  height: 15px;
}

li.toc_weight_4 {
    padding-left: 10px;
}

li.toc_weight_5 {
    padding-left: 20px;
}

li.toc_weight_6 {
    padding-left: 30px;
}

p.news_content {
  margin-bottom: 20px;
  }
p.news_content img.float_exhib_logo { 
  margin-bottom: 40px;
  }
 
ul {
  list-style: inside circle;
  margin-left: 10px
}
#page_numbering {
  font-size: 12px;
  font-weight: bold;
  color: white;
  margin: 5px 2px 0 2px;
  padding: 5px;
  background: #f5f5f5;
  }
  #page_numbering table {
    border: none;
    }
  #page_numbering th {
    text-align: left;
    padding: 0;
    }
  #page_numbering td {
    width: 100%;
    text-align: center;
    margin: 0 10px 0 0;
    line-height: 34px;
    }
  #page_numbering td a {
    text-decoration: none;
    }
  #page_numbering td a span{ 
    color: black;
    background: white;
    padding: 2px 8px 2px 8px;
    border: 1px solid #85b6c6;
    }
  #page_numbering td a:hover span {
    color: black;
    background: #dedede;
    border: 1px solid #85b6c6;
    }
  #page_numbering td span.active { 
    color: white;
    background: #85b6c6;
    padding: 2px 8px 2px 8px;
    border: 1px solid #85b6c6;
    }
  #page_numbering td span.inactive { 
    color: #666;
    background: #ededed;
    padding: 2px 8px 2px 8px;
    }
/* remove all the bullets, borders and padding from the default list styling */
#sections ul {
  margin: 0 10px 0 0;
  padding: 0;
  list-style-type: none;
  }

/* style the sub-level lists */
#sections ul ul {
  width: 65px;
  }
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#sections ul li {
  float: left;
  line-height: 34px;
  }
/* style the sub level list items */
#sections ul ul li {
  display: block;
  width: 12em;
  height: auto;
  position: relative;
  line-height: 1em;
  border-left: 4px solid black;
  }
/* style the links for the top level */
#sections a, 
#sections a:visited {
  display: block;
  float: left;
  height: 100%;
  font-size: 1em;
  text-decoration: none;
  color: white;
  padding: 0 1.2em 0 1.2em;
  }
/* style the sub level links */
#sections ul ul a, 
#sections ul ul a:visited,
#sections ul ul ul a, 
#sections ul ul ul a:visited,
#sections ul ul ul ul a, 
#sections ul ul ul ul a:visited  {
  display: block;
  background: grey; 
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  color: white;
  width: 12em;
  height: 100%;
  line-height: 1em; 
  padding: 1em 1em;
  }
#sections ul table ul a, 
#sections ul table ul a:visited
{
  width: 14em; 
  w\idth: 12em;
  }
/* style the table so that it takes no part in the layout - required for IE to work */
#sections table {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1em; 
  z-index: -1;
  }
#sections ul ul table {
  lef\t: -1px;
  }
#sections ul ul table ul.left {
  margin-lef\t: 2px;
  }
#sections li:hover {
  position: relative;
  }
* html #sections a:hover {
  position: relative;
  }
/* style the sub level 1 background */
#sections ul :hover a.sub1 {
  background: silver;
  }
/* style the sub level 2 background */
#sections ul ul :hover a.sub2 {
  background: silver;
  }
/* style the level hovers */
/* first */
#sections a:hover {
  color: white; 
  background: #444;
  }
#sections :hover > a {
  color: white;
  background: #444;
  }
/* second */
#sections ul ul a:hover{
  color: white;
  background: #444;
  }
#sections ul ul :hover > a {
  color: white;
  background: #444;
  }
/* third */
#sections ul ul ul a:hover {
  background: #444;
  }
#sections ul ul ul :hover > a {
  background: #444;
  }
/* fourth */
#sections ul ul ul ul a:hover {
  background: #444;
  }
/* hide the sub levels and give them a positon absolute so that they take up no room */
#sections ul ul {
  visibility: hidden;
  position: absolute;
  height: 0;
  top: 34px;
  left: 0;
  width: 14em;
  }
/* position the third level flyout menu */
#sections ul ul ul{
  left: 14em;
  top: 0;
  width: 14em;
  }
/* position the third level flyout menu for a left flyout */
#sections ul ul ul.left {
  left: -14em;
  }
/* make the second level visible when hover on first level list OR link */
#sections ul li:hover ul, 
#sections ul a:hover ul {
  visibility: visible; 
  height: auto; 
  padding-bottom: 3em; 
  background: url(images/trans.gif);
  }
/* Active state of the top section */
#sections ul li a.active,
#sections ul li a:visited.active {
  color: black;
  font-weight: bold;
  background: #c1c1c1;
  }
/* Active state of the rest subsections */
#sections ul ul li a.active,
#sections ul ul li a:visited.active {
  color: black;
  font-weight: bold;
  background: #c1c1c1;
  border: 1px solid black;
  }

  #right_sidebar {
  margin-top: -5px;
  float: right;
  background-color: #111111;
  padding-left: 5px;
}

#left_sidebar {
  margin-top: -5px;
  float: left;
  background-color: #111111;
  padding-right: 5px;
}

.sidebar_bg{
  background: #333 url(../images/top_bg.gif) repeat-x;
}

.sidebar_container {
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  display: block;
}

/* remove all the bullets, borders and padding from the default list styling */
#right_sidebar ul {
  margin: 0 10px 0 0;
  padding: 0;
  list-style-type: none;
}

#right_sidebar ul li {
  line-height: 0px;
  list-style-type: none;
}

#right_sidebar ul li a {
  line-height: 20px;
}
  
#right_sidebar a, 
#right_sidebar a:visited {
  display: block;
  height: 100%;
  font-size: 1em;
  text-decoration: none;
  color: white;
  padding: 0 1.2em 0 1.2em;
}

#right_sidebar a:hover, .active {
  color: white; 
  background: #444;
}

.right_sidebar_box {
  padding-top: 10px;
  display: block;
  padding-bottom: 15px;
  width: 150px;
}

.right_sidebar_box h3 {
  padding: 5px 0 0 10px;
  background: url(/images/article-title-left.png) top left no-repeat;
  height: 20px;
  font-height: 25px;
  cursor: pointer;
}

.right_sidebar_bottom{
  background: url(/images/article-bottom-left.png) bottom left no-repeat;  
}

------
/* remove all the bullets, borders and padding from the default list styling */
#left_sidebar ul {
  margin: 0 10px 0 0;
  padding: 0;
  list-style-type: none;
}

#left_sidebar ul li {
  line-height: 0px;
  list-style-type: none;
}

#left_sidebar ul li a {
  line-height: 20px;
}

#left_sidebar a, 
#left_sidebar a:visited {
  display: block;
  height: 100%;
  font-size: 1em;
  text-decoration: none;
  color: white;
  padding: 0 1.2em 0 1.2em;
}

#left_sidebar a:hover, .active {
  color: white; 
  background: #444;
}

.left_sidebar_box h3 {
  padding: 5px 0 0 10px;
  background: url(/images/article-title-right.png) top right no-repeat;
  height: 20px;
  font-height: 25px;
  cursor: pointer;
}

.left_sidebar_bottom{
  background: url(/images/article-bottom-right.png) bottom right no-repeat;  
}

.left_sidebar_box {
  padding-top: 10px;
  width: 250px;
  display: block;
  padding-bottom: 15px;
}

#popProjects,
  #popCodes,
  #popPapers,
  #tagList,
  #others,
  #stupidPeople {
    display: block;
}

  #user_panel fieldset {
    border: 1px solid #666;
    padding: 1px 8px;
    width: 360px;
    }
    #user_panel legend {
      margin: 0 0 0 5px;
      padding: 0 7px;
      font-weight: bold;
      color: grey;
      }
  #user_panel form {
    margin: 0;
    padding: 2px 5px 5px 5px;
    }
    #user_panel form p {
      margin: 0;
      padding: 0;
      }
      #user_panel form p label {
        width: 50px;
        margin: 0;
        padding: 1px;
        float: none;
        }
      #user_panel form p input {
        width: 65px;
        margin: 0;
        border: 1px solid gray;
        padding: 1px;
        float: none;
        }
      #user_panel form p input:focus {
        margin: 0;
        border: 1px solid #444;
        background: #f5f5f5;
        padding: 1px;
        }
        #user_panel form p input#login_button {
          width: 25px;
          margin: 0;
          padding: 2px;
          border: none;
          cursor: pointer;
          background: black;
          color: white;
          font-size: 90%;
          }
          #user_panel form p input#login_button:focus {
            background: #74a7d0;
            }
  #user_panel ul {
    display: block;
    border-bottom: 1px solid #444;
    margin: 0 0 5px 0;
    padding: 2px 5px 2px 5px;
    }
    #user_panel ul li {
      display: inline;
      }
      #user_panel ul li a,
      #user_panel ul li a:visited,
      #user_panel ul li a:active {
        color: #666;
        text-decoration: none;
        }
      #user_panel ul li a:hover {
        color: #999;
        text-decoration: none;
        }
#sections  ul :hover ul ul{
    visibility:hidden;
}

#sections  ul :hover ul :hover ul{
    visibility:visible;
}

#sections  ul :hover ul :hover ul ul{
    visibility:hidden;
}

#sections  ul :hover ul :hover ul :hover ul{
    visibility:visible;
}

#sections  ul :hover ul :hover ul :hover ul ul{
    visibility:hidden;
}

#sections  ul :hover ul :hover ul :hover ul :hover ul{
    visibility:visible;
}

#sections  ul :hover ul :hover ul :hover ul :hover ul ul{
    visibility:hidden;
}

#sections  ul :hover ul :hover ul :hover ul :hover ul :hover ul{
    visibility:visible;
}

#sections  ul :hover ul :hover ul :hover ul :hover ul :hover ul ul{
    visibility:hidden;
}

#sections  ul :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul{
    visibility:visible;
}