/* CSS Document */
html {
  height: 100%;
}

body {
  height: 100%;
  line-height: 120%;
  font-size: 13px;
  background:#2765AF url('../images/body_bg.jpg') repeat-x 0 0;
  color:#000000;
  margin:20px 0px;
  padding: 0px;
  font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif;
  font-size:90%;
}

.clr {
    clear: both;
}

.outline {
  border: 1px solid #cccccc;
  background: #ffffff;
   padding: 2px;
}

#buttons_outer {
  width: 635px;
    margin-bottom: 2px;
  margin-right: 2px;
  float: left;
}

#buttons_inner {
  border: 1px solid #cccccc;
  height: 21px !important;
  height: 23px;
}

#pathway_text {
  overflow: hidden;
  display: block;
  height: 25px;
  line-height: 25px !important;
  line-height: 22px;
  padding-left: 4px;
  border: 1px solid #ccc;
  margin-bottom: 2px;
}

#pathway_text img {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 6px;
}

#buttons {
  float: left;
  margin: 0px;
  padding: 0px;
  width: auto;
}

ul#mainlevel
{
  list-style: none;
  padding: 0;
  margin: 0;
}

ul#mainlevel li
{
  background-image: none;
  padding-left: 0px;
  padding-right: 0px;
  float: left;
  margin: 0;
  text-align:center;
  width: 93px;
  line-height: 21px;
  white-space: normal;
  border-right: 1px solid #cccccc;
  font-size: 12px;
  font-weight:bold;
}

ul#mainlevel li.rightitem
{
  background-image: none;
  padding-left: 0px;
  padding-right: 0px;
  float: left;
  margin: 0;
  text-align:center;
  width: 93px;
  line-height: 21px;
  white-space: normal;
  font-size: 12px;
  font-weight:bold;
}

ul#mainlevel li a
{
  display: block;
  padding-left: 0px;
  text-align:center;
  padding-right: 0px;
  text-decoration: none;
  color: #333333;
  background: transparent;
  font-size: 12px;
  font-weight:bold;
}

ul#mainlevel li a:hover {
  color: #fff;
  background: #15884B;
}

#search_outer {
  float: left;
  width: 165px;
}

#search_inner {
  border: 1px solid #cccccc;
  padding: 0px;
  height: 21px !important;
  height: 23px;
  overflow: hidden;
}

#search_inner form {
  padding: 0;
  margin: 0;
}

#search_inner .inputbox {
  border: 0px;
  padding: 3px 3px 3px 5px;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  color: #15884B;
}



#header_outer {
  text-align: left;
  border: 0px;
  margin: 0px;
}

#top_outer{
  float: left;
  width: 165px;
}

#top_inner {
  border: 1px solid #cccccc;
  padding: 2px;
  height: 144px !important;
  height: 150px;
  overflow: hidden;
  float: none !important;
  float: left;
}

#left_outer {
  float: left;
  margin-top: 2px;
  width: 165px;
}

#left_inner {
  border: 1px solid #cccccc;
  padding: 2px;
  float: none !important;
  float: left;
}

#content_outer {

  padding: 0px;

  margin-top: 0px;

  margin-left: 2px;

  /** border: 1px solid #cccccc; **/

  float: left;

  width: 635px;

}



#content_inner{

  float: none !important;

  float: left;

  padding: 0;

  padding-top: 2px;

  margin: 0;

}



table.content_table {

  width: 100%;

  padding: 0px;

  margin: 0px;

}



table.content_table td {

  padding: 0px;

  margin: 0px;

}





#banner_inner {

  float: left;

  padding: 0px;

  height: 70px;

}



#poweredby_inner {

  float: right;

  padding: 0px;

  margin-left: 0px;

  height: 70px;

}



#right_outer {

  margin-left: 2px;

  width: 165px;

}



#right_inner {

  float: none !important;

  float: left;

  border: 1px solid #cccccc;

  padding: 2px;

}





.user1_inner {

  border: 1px solid #cccccc;

  float: none !important;

  float: left;

  margin: 0px;

  padding: 2px;

}



.user2_inner {

  border: 1px solid #cccccc;

  float: none !important;

  float: left;

  margin: 0px;

  padding: 2px;

}



table td.body_outer {

  padding: 2px;

  border: 1px solid #cccccc;

}



.maintitle {

  color: #ffffff;

  font-size: 30px;

  padding-left: 15px;

  padding-top: 20px;

}



.error {

  font-style: italic;

  text-transform: uppercase;

  padding: 5px;

  color: #cccccc;

  font-size: 14px;

  font-weight: bold;

}



/** old stuff **/



.back_button {

  float: left;

  text-align: center;

  font-size: 11px;

  font-weight: bold;

  border: 3px double #cccccc;

  width: auto;

  background: url(../images/button_bg.png) repeat-x;

  padding: 0px 10px;

  line-height: 20px;

  margin: 1px;

}



.pagenav {

  text-align: center;

  font-size: 11px;

  font-weight: bold;

  border: 3px double #cccccc;

  width: auto;

  background: url(../images/button_bg.png) repeat-x;

  padding: 0px 10px;

  line-height: 20px;

  margin: 1px;

}



.pagenavbar {

  margin-right: 10px;

  float: right;

}



#footer {
  text-align: center;
  padding: 1px;
}

#footer img{margin:0px 3px 0px 3px; border:3px solid #F0F0F0;}


ul

{

margin: 0;

padding: 0;

list-style: none;

}



li

{

line-height: 21px;

padding-left: 15px;

padding-top: 0px;

background-image: url(../images/arrow.png);

background-repeat: no-repeat;

background-position: 0px 2px;

}


td {
  text-align: left;
  font-size: 13px;
}


/* For Download page */


.hide{
  display:none;
}

.show{
  display:inline;
}

/* For Documentation page */
#frame1{
  position: absolute;
        margin-left: -0px;
        margin-right: auto;
  height:100px;
  width: 170px;
  padding: 0px;
  border-width: 0px;
  border-style: solid;
  border-color: #C64934;
        background-color: #F0F0F0;
}
#frame2{
  position: absolute;
        margin-left: 185px;
        margin-right: auto;
        margin-top:0px;
  height: 100px;
  width: 570px;
  padding: 0px;
  border-width: 0px;
  border-style: solid;
  border-color: #00FF00;
        background-color: #F0F0F0;
}

/* For Documentation page */
#body{
        margin-top: 110px;
}

#welcometext{
        margin:200px 0px 0px 10px;
}


/* Joomla core stuff */

a:link, a:visited {

  color: #15884B; text-decoration: none;

  font-weight: bold;

}



a:hover {

  color: #900;  text-decoration: none;

  font-weight: bold;

}



table.contentpaneopen {

  width: 100%;

  padding: 0px;

  border-collapse: collapse;

  border-spacing: 0px;

  margin: 0px;

}



table.contentpaneopen td {


   padding-right: 5px;

}



table.contentpaneopen td.componentheading {

  padding-left: 4px;

}







table.contentpane {

  width: 100%;

  padding: 0px;

  border-collapse: collapse;

  border-spacing: 0px;

  margin: 0px;

}



table.contentpane td {

  margin: 0px;

  padding: 0px;

}



table.contentpane td.componentheading {

  padding-left: 4px;

}



table.contentpaneopen fieldset {

  border: 0px;

  border-bottom: 1px solid #eee;

}

.login_button {
  color: #0054A5;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 2px solid #cccccc;
  width: auto;
  padding: 0px 3px;
  overflow:visible;
  line-height: 14px !important;
  line-height: 14px;
  height: 19px !important;
  height: 15px;
  margin: 1px;
}

.button {
  color: #0054A5;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 2px solid #cccccc;
  width: auto;
  padding: 0px 3px;
  line-height: 14px !important;
  line-height: 14px;
  height: 22px !important;
  height: 18px;
  margin: 1px;
}

div#loginbox label{
     font-size: 11px;
}

div#loginbox a{
     font-size: 11px;
}

.inputbox {
  padding: 2px;
        color:#004FA2;
  border:solid 1px #cccccc;
  background-color: #F0F0F0;
        font-size: 11px;
}

.inputbox_user_pass {
  padding: 2px;
    color:#004FA2;
  border:solid 1px #cccccc;
  background-color: #F0F0F0;
    height:12px;
  overflow:visible;
    font-size: 11px;
}

.componentheading {
   height: 30px;
   color: #15884B;
   font-weight: bold;
   font-size: 20px;
   white-space: nowrap;
}

.contentcolumn {
  padding-right: 5px;
}

.contentheading{
   height: 30px;
   color: #15884B;
   font-weight: bold;
   font-size: 20px;
   white-space: nowrap;
}

.contentpagetitle {
   font-size: 13px;
   font-weight: bold;
   color: #cccccc;
   text-align:left;
}

table.searchinto {

  width: 100%;

}



table.searchintro td {

  font-weight: bold;

}



table.moduletable {

  width: 100%;

  margin-bottom: 5px;

  padding: 0px;

  border-spacing: 0px;

  border-collapse: collapse;

}



div.moduletable {
  padding: 0;
  margin-bottom: 2px;
}



table.moduletable th, div.moduletable h3 {

  background: url(../images/subhead_bg.png) repeat-x;

  color: #666666;

  text-align: left;

  padding-left: 4px;

  height: 21px;

  line-height: 21px;

  font-weight: bold;

  font-size: 10px;

  text-transform: uppercase;

  margin: 0 0 2px 0;

}



table.moduletable td {

  font-size: 11px;

  padding: 0px;

  margin: 0px;

  font-weight: normal;

}



table.pollstableborder td {

  padding: 2px;

}



.sectiontableheader {

  font-weight: bold;

  background: #f0f0f0;

  padding: 4px;

}



.sectiontablefooter {



}



.sectiontableentry1 {

  background-color : #ffffff;

}



.sectiontableentry2 {

  background-color : #f9f9f9;

}



.small {

  color: #999999;

  font-size: 11px;

}



.createdate {

  height: 15px;

  padding-bottom: 10px;

  color: #999999;

  font-size: 11px;

}



.modifydate {

  height: 15px;

  padding-top: 10px;

  color: #999999;

  font-size: 11px;

}



table.contenttoc {

  border: 1px solid #cccccc;

  padding: 2px;

  margin-left: 2px;

  margin-bottom: 2px;

}



table.contenttoc td {

  padding: 2px;

}



table.contenttoc th {

  background: url(../images/subhead_bg.png) repeat-x;

  color: #666666;

  text-align: left;

  padding-top: 2px;

  padding-left: 4px;

  height: 21px;

  font-weight: bold;

  font-size: 10px;

  text-transform: uppercase;

}

a.mainlevel:link, a.mainlevel:visited {

  display: block;

  background: url(../images/menu_bg.png) no-repeat;

  vertical-align: middle;

  font-size: 11px;

  font-weight: bold;

  color: #ccc;

  text-align: left;

  padding-top: 5px;

  padding-left: 18px;

  height: 20px !important;

  height: 25px;

  width: 100%;

  text-decoration: none;

}

a.mainlevel:hover {

  background-position: 0px -25px;

  text-decoration: none;

  color: #fff;

}

a.mainlevel#active_menu {
  color:#333333;
  font-size: 12px;
  font-weight:bold;
}

a.mainlevel#active_menu:hover {
  color: #fff;
}

a.sublevel:link, a.sublevel:visited {

  padding-left: 1px;

  vertical-align: middle;

  font-size: 11px;

  font-weight: bold;

  color: #15884B;

  text-align: left;

}

a.sublevel:hover {

  color: #900;

  text-decoration: none;

}

a.sublevel#active_menu {

  color: #333;

}

.highlight {

  background-color: Yellow;

  color: Blue;

  padding: 0;

}

.code {

  background-color: #ddd;

  border: 1px solid #bbb;

}


form {

/* removes space below form elements */

  margin: 0;

  padding: 0;

}


div.mosimage {

  border: 1px solid #ccc;

}

.mosimage {

  border: 1px solid #cccccc;

  margin: 5px

}

.mosimage_caption {

  margin-top: 2px;

  background: #efefef;

  padding: 1px 2px;

  color: #666;

  font-size: 10px;

  border-top: 1px solid #cccccc;

}

span.article_seperator {

  display: block;

  height: 1.5em;
}



/*defaults*/

p   {margin:0; padding:0 0 15px 0; }

a   {color:#000000; text-decoration:underline; }

a:hover {color:#225799; text-decoration:none;}



/*structural elements*/

#container  {

position: relative;
  left: 50%;
  margin-left: -380px;
  width: 760px;
/*margin:0px auto; text-align:center; width:760px;*/
}

#holder   {width:100%; padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; }

#logo   {background:url('../images/logo.gif') no-repeat; border-bottom:1px solid #DADADA; padding:0px 30px 40px 0px; }

#loginsection   {width:100%;}

#loginsection div{float:right;}

#navigation {padding:10px 0; }

#header   {background:#DADADA url('../images/header_home.jpg') no-repeat 10px 10px; padding:10px; overflow:visible; height:72px; width:740px;; }

#content  {float:left; width:100%; padding:20px 10px 0 0; line-height:160%; }

#news   {float:right; width:250px; padding:20px 0; line-height:140%; text-align:justify; }

.newsItem {padding:20px 20px 5px 20px; background:#FEFFD5; border:1px solid #FFEB70; font-size:90%; margin-bottom:20px; }

#footer   {clear:both; width:100%; font-size:80%; background:#DADADA; padding:20px; text-align:left; border-top:2px solid #2765AF; }

#copyright  {float:right; }





/*headings*/

.newsItem h1  {color:#225799; margin:0 0 10px 0; padding:0; font-size:130%; font-weight:normal; }

#content h1     {font-size:170%; font-weight:normal; line-height:130%; margin:0; padding:0 0 20px 0; }

#logo h1        {font-weight:bold; font-size:157%; margin:0; padding:40px 0 0 160px; color:#225799; width:100%;}


/*navigation*/

#navigation ul    {margin:0; padding:0; }

#navigation li    {margin:0; padding:0; list-style:none; display:inline; }

#navigation a   {color:#225799; padding:0 20px 0 0; text-decoration:none; }

#navigation a:hover {color:#000000; }



#footer ul    {margin:0; padding:0; }

#footer li    {margin:0; padding:0; list-style:none; display:inline; }

#footer a   {color:#000000; font-weight:bold; padding:0 5px 0 0; text-decoration:underline; }

#footer a:hover {color:#000000; text-decoration:none; }



.createdate {



font-size:10px;

color:#ccc;



}


/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }

.clearfix {display:inline-block; }

/* Hides from IE-mac \*/

* html .clearfix {height:1%; }

.clearfix {display:block; }

/* End hide from IE-mac */