/******************************************************************************/
/* Default element settings                                                   */
/******************************************************************************/
html
{
  height              : 100%;
  overflow            : -moz-scrollbars-vertical;
}

body
{
  background          : url(./images/sides.png);
  font-family         : Tahoma, verdana, arial, sans-serif;
  height              : 100%;
  margin              : 0px;
  font-size           : 12px;
  color               : #000;
}

a:link, a:visited
{
  color               : #000;
  background-color    : transparent;
}

a:active, a:hover
{
  color               : #000;
  background-color    : transparent;
}

img a
{
  border              : none;
}

h1
{
  background          : url('./images/h1background.gif') no-repeat;
  margin-left         : -5px;
  margin-right        : -5px;
  margin-bottom       : 0px;
  margin-top          : 5px;
  padding-left        : 10px;
  line-height         : 20px;
  font-size           : 14px;
  font-weight         : bold;
  text-align          : left;
}

h2
{
  background          : url('./images/h2background.png') no-repeat;
  margin-left         : -5px;
  margin-right        : -5px;
  margin-top          : 0px;
  padding-left        : 10px;
  font-size           : 12px;
  line-height         : 40px;
  text-align          : left;
  font-style          : italic;
}

td
{
  vertical-align      : top;
}

fieldset
{
  margin-bottom       : 0px;
  padding-top         : 15px;
  padding-left        : 15px;
  border              : #333 solid 1px;
}

legend
{
  background-image    : url('./images/h3background.gif');
  color               : #555;
  font-weight         : bold;
  border-bottom       : 1px solid #aaa;
  border-left         : 1px solid #aaa;
  padding-left        : 15px;
  padding-right       : 50px;
  padding-top         : 5px;
  padding-bottom      : 5px;
  font-size           : 12px;
}

label
{
  width               : 100%;
  float               : left;
  text-align          : left;
  clear               : both;
}

input
{
  padding             : 1px;
  border              : 1px solid #333;
  font-family         : tahoma, verdana, arial, sans-serif;
  font-size           : 12px;
}

textarea
{
  overflow            : hidden;
  width               : 500px;
  margin-bottom       : 1ex;
  padding             : 2px;
  border              : 1px solid #633;
  font-family         : tahoma, verdana, arial, sans-serif;
  font-size           : 12px;
}

ul
{
  text-align          : left;
  margin              : 0px;
  padding             : 0px;
}

li
{
  list-style-type     : disc;
  margin-left         : 20px;
  padding-left        : 0px;
}

p
{
  line-height         : 18px;
}

div.spacer
{
  clear               : left;
  background          : #333;
  margin              : 0;
  padding             : 0;
  font-size           : 1px;
  line-height         : 0px;
}

/******************************************************************************/
/* Page frame                                                                 */
/******************************************************************************/
#frame
{
  position            : relative;
  margin-left         : auto;
  margin-right        : auto;
  background          : #fff;
  width               : 800px;
  min-height          : 100%;
  top                 : 0px;
  border-left         : 1px solid #000;
  border-right        : 1px solid #000;
}

/******************************************************************************/
/* Topbanner                                                                  */
/******************************************************************************/
#topbanner
{
  position            : relative;
  width               : 800px;
  height              : 16px;
  background          : url(./images/topbanner.gif) repeat-x bottom left;
  color               : #ccc;
  overflow            : hidden;
  font-size           : 10px;
  line-height         : 12px;
  text-align          : right;
}

#topbanner a
{
  padding-bottom      : 2px;
  color               : #ccc;
  text-decoration     : none;
}

#topbanner a:hover
{
  color               : #eee;
}
/******************************************************************************/
/* logoandnavigation containing logo and main navigation menu                 */
/******************************************************************************/
#logoandnavigation
{
  background-image    : url('./images/logobanner.gif');
  background-repeat   : no-repeat;
  width               : 800px;
  height              : 135px;
}

/******************************************************************************/
/* Navigation menu main topics                                                */
/******************************************************************************/
.mainmenunavigation
{
  position            : relative;
  float               : left;
  padding-top         : 80px;
  padding-left        : 220px;
}

#logoandnavigation ul
{
  position            : relative;
  display             : inline;
  border              : none;
}

#logoandnavigation li
{
  position            : relative;
  display             : inline;
  border              : none;
}

#logoandnavigation li a
{
  background-color    : transparent;
  color               : #ccc;
  padding             : 0px 5px 0 5px;
  font-size           : 14px;
  text-decoration     : none;
  text-align          : center;
}

#logoandnavigation li a:hover
{
  text-decoration     : underline;
  color               : #aaa;
}

#logoandnavigation li a.current
{
  color               : #e90;
}

/******************************************************************************/
/*Sidebar wiht Navigation menu sub topics  and search menu                    */
/******************************************************************************/
#sidebar
{
  float               : left;
  width               : 175px;
  _width              : 155px;
  background          : #333;
  padding-bottom      : 0px;
  font-size           : 11px;
  font-weight         : bold;

}

#submenu
{
  position            : relative;
  height              : 230px;
  margin-top          : 20px;
}

#sidebar ul
{
  display             : inline;
  padding             : 0px;
  border              : none;
  list-style          : none;
}

#sidebar ul li
{
  display             : inline;
  border              : none;
  padding             : 0px;
}

#sidebar li a
{
  width               : 155px;
  display             : block;
  color               : #666;
  padding-left        : 20px;
  padding-bottom      : 3px;
  padding-top         : 3px;
  border-bottom       : 1px #555 solid;
  border-top          : 1px #555 solid;
  text-decoration     : none;
}

#sidebar li a:hover
{
  display             : block;
  background          : none;
  background          : #444;
  border-bottom       : 1px #aaa solid;
  border-top          : 1px #aaa solid;
  color               : #c70;
}

#sidebar li a.current
{
  display             : block;
  background          : url(./images/selectedsublink.png) no-repeat left;

  border-bottom       : 1px #eee solid;
  border-top          : 1px #eee solid;
  color               : #e90;
}

#sidebar span
{
  color               : #ccc;
  padding-left        : 20px;
  font-size           : 12px;
  line-height         : 40px;
}

.submenucontent
{
  display             : none;
}

/******************************************************************************/
/* search pane                                                                */
/******************************************************************************/
form.Searchbarform
{
  bottom              : 18px;
  margin-top          : 0px;
  margin-bottom       : 0px;
  padding-top         : 0px;
  padding-bottom      : 0px;
  padding-right       : 0px;
}

input.search
{
  margin-top          : 0px;
  margin-bottom       : 0px;
  margin-left         : 18px;
  vertical-align      : baseline;
  font-size           : 9px;
}

input.searchbutton
{
  color               : #333;
  background          : #eee;
  height              : 15px;
  line-height         : 10px;
  margin-bottom       : 0px;
  padding             : 2px;
  font-weight         : normal;
  font-size           : 9px;
}

/******************************************************************************/
/* Breadcrumbs pagelocation                                                   */
/******************************************************************************/
#pagelocation
{
  position            : relative;
  top                 :-20px;
  left                : 80px;
  float               : left;
  font-size           : 10px;
}

/******************************************************************************/
/* page content container                                                     */
/******************************************************************************/
#pagecontent
{
  position            : relative;
  float               : left;
  width               : 590px;
  padding-right       : 5px;
  padding-left        : 15px;
  padding-top         : 5px;
  line-height         : 18px;
  text-align          : justify;
}

/******************************************************************************/
/* Specific content styles                                                    */
/******************************************************************************/

  #repositoryitem a
  {
    line-height         : 18px;
  }
  /****************************************************************************/
  /*  Image positioners                                                       */
  /****************************************************************************/
  img.indent
  {
    position            : relative;
    margin-left         : auto;
    margin-right        : auto;
  }

  img.repository
  {
    vertical-align      : text-bottom;
  }

  /****************************************************************************/
  /*  Hyperlink imitation for JavaScript functions                            */
  /****************************************************************************/
  span.function
  {
    cursor              : pointer;
  }

  /****************************************************************************/
  /*  Columns for textual column presentation                                 */
  /****************************************************************************/
  #textcolumnleft
  {
    position            : relative;
    float               : left;
    width               : 280px;
    margin-bottom       : 10px;
    padding-bottom      : 0px;
    line-height         : 14px;
  }

  #textcolumnright
  {
    position            : relative;
    float               : right;
    width               : 280px;
    margin-bottom       : 10px;
    padding-bottom      : 0px;
    line-height         : 14px;
  }

  #textcolumnleft P:first-letter
  {
    font-size           : 200%;
    font-weight         : bold;
    float               : left;
  }

  /****************************************************************************/
  /* Containers for separate content links                                    */
  /****************************************************************************/
  #topiccontainer
  {
    position            : relative;
    float               : left;
    width               : 590px;
  }

  #topiccontainerleft
  {
    position            : relative;
    float               : left;
    width               : 280px;
  }

  #topiccontainerright
  {
    position            : relative;
    float               : right;
    width               : 280px;
  }

  #topiccontainer h3
  {
    background-image    : url('./images/h3background.gif');
    color               : #555;
    padding             : 5px;
    border-bottom       : 1px solid #aaa;
    border-left         : 1px solid #aaa;
    font-size           : 12px;
  }

  #topiccontent
  {
    height              : 75px;
  }

  #topic
  {
    position            : relative;
    float               : left;
    width               : 270px;
    border-bottom       : 1px solid #aaa;
    margin-bottom       : 10px;
    padding-top         : 5px;
    padding-bottom      : 5px;
    text-align          : left;
  }

  #topic a
  {
    padding-bottom      : 5px;
    padding-left        : 5px;
    font-size           : 11px;
    font-weight         : bold;
    line-height         : 12px;
    text-decoration     : none;
  }

  #topic a:hover
  {
    color               : #ccc;
  }

  #topic img
  {
    padding-left        : 5px;
    padding-right       : 5px;
  }

  #sub a
  {
    font-weight         : normal;
  }

/******************************************************************************/
/* Specific content styles                                                    */
/*   Content pages form                                                       */
/******************************************************************************/
#form
  {
    position            : relative;
    padding             : 5px;
    background          : #fff;
    border              : 1px solid #333;
    width               : 580px;
  }

#formtitle
  {
    background-image    : url('./images/h3background.gif');
    color               : #555;
    border-bottom       : 1px solid #aaa;
    border-left         : 1px solid #aaa;
    font-weight         : bold;
    padding-left        : 5px;
    padding-right       : 5px;
    padding-top         : 2px;
    padding-bottom      : 2px;
  }

#formleft
  {
    margin-top 	       	: 10px;
    margin-left         : 15px;
    float               : left;
    width               : 120px;
    line-height         : 2em;
  }

#formright
  {
    margin-top 		: 10px;
    margin-left         : 15px;
    line-height         : 2em;
  }

input.formbutton
  {
    border              : 1px solid #333;
    width               : 50px;
    color               : #333;
    background          : #fff;
    margin-right        : 15px;
    margin-bottom       : 15px;
  }

input.incomplete
  {
    background          : #fdd;
  }

textarea.incomplete
  {
    background          : #fdd;
  }


/******************************************************************************/
/* Specific content styles                                                    */
/*   Search form for content page                                             */
/******************************************************************************/
#Searchform
  {
    position            : relative;
    padding             : 0px;
    background          : #fff;
    width               : 580px;
  }

input.Searchformbutton
  {
    border              : 1px solid #633;
    color               : #633;
    background          : #fff;
  }

a.search
  {
     color              : #00f;
  }

span.resultpage
  {
     color              : #0a0;
  }

/******************************************************************************/
/* Specific content styles                                                    */
/*   Search Results Markup                                                    */
/******************************************************************************/
div.searchresult
  {
    width               : 100%;
    border-top          : 1px solid #ccc;
    padding-top         : 10px;
    padding-bottom      : 10px;
  }

span.searchtitle
  {
    font-size           : 14px;
    color               : #00a;
    font-weight         : bold;
  }

span.searchline
  {
    padding-left        : 10px;
  }

a.searchlink
  {
    color               : #080;
    font-weight         : bold;
  }

span.searchlink
  {
    color               : #080;
    font-weight         : bold;
    cursor              : pointer;
    text-decoration     : underline;
  }

hr.bright
  {
    color               : #999;
    height              : 1px;
  }

/******************************************************************************/
/* Specific content styles                                                    */
/* SAS color coding                                                           */
/******************************************************************************/
#printericon
  {
    position            : relative;
    display             : inline;
    left                : 485px;
    top                 : -78px;
  }

#saslinenumber
  {
    position            : relative;
    float               : left;
    top                 : -34px;
    padding             : 0px;
    width               : 20px;
    font-family         : courier new;
    font-size           : 11px;
    color               : #333;
    background          : #ccc;
    border-left         : 1px solid #000;
    border-top          : 1px solid #000;
    border-bottom       : 1px solid #000;
  }

#sascode
  {
    position            : relative;
    top                 : -34px;
    float               : right;
    padding-left        : 7px;
    padding-top         : 0px;
    padding-right       : 0px;
    padding-bottom      : 0px;
    width               : 560px;
    font-family         : courier new;
    font-size           : 11px;
    border-left         : 1px solid #000;
    border-right        : 1px solid #000;
    border-top          : 1px solid #000;
    border-bottom       : 1px solid #000;
  }

span.sasgreen
  {
    color: #008000;
  }

span.sasblack
  {
    color: #000;
  }

span.sasnavy
  {
    color: #000080;
  }

span.sasblue
  {
    color: #0000FF;
  }

span.sasdarkgrean
  {
    color: #008080;
  }

span.sascards
  {
    background: #FFFFC0;
  }

span.saspurple
  {
    color: #800080;
  }

span.sasred
  {
    color: #F00;
  }


/******************************************************************************/
/* Specific content styles                                                    */
/* Copyright notice (page bottom)                                             */
/******************************************************************************/
#copyright
  {
    position            : absolute;
    bottom              : 0px;
    left                : 0px;
    width               : 100%;
    height              : 20px;
    text-align          : center;
    padding-top         : 5px;
    font-weight         : bold;
    background          : #333;
    color               : #fff;
    clear               : both;
  }