/* Main Theme */

#fxpage {position: absolute; left: 50%; text-align: left; margin-top:10px }

#fxpage-inner1 { position: absolute;left: -400px; width: 800px; background-color: #005824;  background-image: url(images/fxpage-inner1.jpg); background-repeat: no-repeat; background-position: top; }
#fxpage-inner2 { min-height: 450px; background-image: url(images/fxpage-inner2.jpg); background-repeat: no-repeat; background-position: bottom; }
* html #fxpage-inner2 { height: 450px; }


#fxpage-header { height: 138px; }
#fxpage-sidebar { float: left; width: 158px; text-align: center; }
#fxpage-sidebar-content { padding: 0 0 315px 0; }
#fxpage-sidebar-content .options { background-color: #FFCC00; padding: 0; font-size: 12px; height: 17px; margin: 10px;}
#fxpage-sidebar-content .options a { color: #000000; text-decoration: none; }
#fxpage-sidebar-content .options a:hover { text-decoration: underline; }

#fxpanelbar {position:absolute; top: 220px; right:5px; margin-left: 6px; width: 160px;}

#fxpage-body {  }
#fxpage-body-content { float: left; margin-left: 6px; width: 470px; font-size: 0.8em; line-height: 1.3em; }
#fxpage-body-content-homeinner { float: left; margin-left: 6px; width: 600px; font-size: 0.8em; line-height: 1.3em; }
#fxpage-body-content-body { padding: 10px 10px 120px 10px; }
#fxpage-body-content-body .imageframe- img { display: inline; border: 1px solid #337A50; padding: 4px; font-size: 0.1em; }
#fxpage-body-panelbar { float: left; margin-left: 6px; width: 160px; padding-top: 100px; }
#fxpage-footer { position: absolute; bottom: 0px; right: 0px; width: 660px; text-align: center; height: 20px; line-height: 20px; color: #CCFFCC; text-align: center; font-size: 0.8em; }
#fxpage-footer a { color: #666666; }

#default-background { background-color: #0A0F08; min-height: 100%; }
* html #default-background { height: 100%; }
#default-frame { position: relative; width: 800px; min-height: 600px; margin: 0 auto 0 auto; background-image: url(images/default.jpg); background-repeat: no-repeat; background-position: top left; }
#languages { position: absolute; top: 400px; left: 100px; width: 260px; }
#languages .flag { float: left; margin: 5px;}
#languages .flag img { padding: 5px; border: 1px solid #4E4F13; }
#languages-text { position: absolute; top: 450px; left: 100px; width: 250px; text-align: center; }

#course-status { width: 245px; height: 110px; color: #000000; font-size: 11px; padding: 33px 0 0 15px; background-image: url(images/course-status.jpg); background-repeat: no-repeat; background-position: top left; }
#course-status #currentdate { font-weight: bold; color: #333333; }

/* Default Elements */

html { min-height: 100%; padding: 0; margin: 0; }
* html body { height: 100%; }
body { min-height: 100%; padding: 0; margin: 0; font-family: Verdana, Arial; font-size: 1.0em; color: #FFFFFF; background-color: #B5CFBF; }
body td { font-family: Verdana, Arial; font-size: 0.7em; color: #666666; }
h1 { font-size: 1.4em; font-weight: bold; color: #FFCC00; width: 450px; line-height: 1.6em; border-bottom: 1px solid #337950; background-image: url(images/h1-background.gif); background-repeat: no-repeat; background-position: top right; }
h2 { font-size: 1.2em; font-weight: bold; color: #FFCC00; }
h3 { font-size: 1.0em; font-weight: bold; color: #FFCC00; }
p { font-family: Verdana, Arial; font-weight: normal; }
a { color: #FF9900; }
a:hover { text-decoration: underline; }
ul {  }
ol { list-style-type: decimal; padding: 0;margin: 0 0 0 2em}
li { margin: 0 0 5px 0; padding: 0 0 0 0; background-image: url(images/arrow-right-blue.gif);background-repeat: no-repeat;background-position: 0 .2em}
hr { clear: both; height: 1px; margin: 0; padding: 0; border: 0; border-style: none; border-top: 1px solid #B5CFBF; }
img { border: 0; }

.floatright {float:right}
.clearboth {clear:both}

ul.center {text-align:center}
ul.center li{background-image:none}

.center {text-align:center}
.bold {font-weight:bold}
.red {color:red}

/* Sidebar Menu */

div.fxhierarchy ul {list-style:none; margin:0}

ul.fxhierarchy { display: block; font-size: 0.7em; width: 100%; text-align: right; margin: 0; padding: 0; list-style-type: none; }
ul.fxhierarchy li { font-weight: bold; vertical-align: middle; margin: 0; padding: 0; }
ul.fxhierarchy li a { display: block; padding-right: 25px; font-variant: small-caps; text-decoration: none; color: #000000; background-color: inherit; }
ul.fxhierarchy li a:hover { text-decoration: none; }

ul.fxhierarchy li.default { display: block; line-height: 23px; background-image: url(images/menu-default-background.gif); background-repeat: no-repeat; background-position: top right; }
ul.fxhierarchy li.default a { display: block; color: #99FFCC; background-color: inherit; }
ul.fxhierarchy li.default a:hover { color: #FFFFFF; background-color: inherit; }
ul.fxhierarchy li.default a span {  }

ul.fxhierarchy li.level1 { display: block; font-size: 0.9em; line-height: 23px; height: 1%; background-image: url(images/menu-default-background.gif); background-repeat: no-repeat; background-position: top right; }
ul.fxhierarchy li.level1 a { display: block; color: #99FFCC; background-color: inherit; }
ul.fxhierarchy li.level1 a:hover { color: #FFFFFF; background-color: inherit; }

ul.fxhierarchy ul li.level2 { display: block; line-height: 23px; font-size: 1.4em; height: 1%; background-color: #007733; margin-bottom: 1px; }
ul.fxhierarchy ul li.level2 a { display: block; color: #FFFFFF; background-color: inherit; }
ul.fxhierarchy ul li.level2 a:hover { color: #FFFFFF; background-color: inherit; }

ul.fxhierarchy li.selected { display: block; color: #FFFFFF; font-weight: bold; background-image: url(images/menu-selected-background.gif); background-repeat: no-repeat; background-position: top right; }
ul.fxhierarchy li.selected a { display: block; color: #FFCC00; background-color: inherit; }
ul.fxhierarchy li.selected a:hover {  }

ul.fxhierarchy ul li.selected { display: block; color: #FFFFFF; font-weight: bold; background-image: none; background-color: #FFFFFF; }
ul.fxhierarchy ul li.selected a { display: block; color: #007733; background-color: #FFFFFF; }
ul.fxhierarchy ul li.selected a:hover { color: #007733; }

/* Font sizer */
div#fxfontsizer {padding: 0 0 10px 10px}
div#fxfontsizer h3 { color: #FFCC00; align:left; margin-bottom: 2px; font-size: 0.8em; }


/* Breadcrumb Menu */

div.breadcrumb { display: inline; }
div.breadcrumb .spacer{ font-family: Arial, Verdana; font-size: 1.0em; color: #FFFFFF; font-weight: normal; }
div.breadcrumb .item{ font-family: Arial, Verdana; font-size: 1.0em; color: #FFFFFF; font-weight: bold; }
div.breadcrumb .last{ font-family: Arial, Verdana; font-size: 1.0em; color: #FFFFFF; font-weight: normal; }

/* Scroller */

div.scroller {  }
div.scroller .item {font-size: 0.8em; color: #175F82;}
div.scroller .body {}
div.scroller .frame {}
div.scroller ul {list-style-type: none;padding: 0;margin: 0 0 0 0}


/* Notes in main body and in fxForms */

div.note {float: right; width: 25%; height: auto; margin: 0px 3px 0px 0px; padding: 5px; border: 1px solid #666666; background-color: #ffffe1; color: #666666; font-size: 88%;}
div.note h4 {margin: 0px 0px 3px 0px; background-image: url(images/icon_info.gif); background-repeat: no-repeat; background-position: top left; padding: 3px 0px 3px 20px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #666666; color: #666666; font-size: 110%;text-align:right}
div.note p { margin: 0em 0em 0em 0em; color: #666666;}

/* Miscellaneous */

div.hr { clear: right; margin-top: 5px; height: 7px; background-image: url(images/hr.gif); background-repeat: no-repeat; background-position: top; }
input.actionbutton { font-size: 11px; }

.noscreen { display: none; }

.copyright { font-weight: bold; color: #6D91A3; }

div.gallery { text-align: center; }
div.gallery img { margin-bottom: 10px; }

div.maps { text-align: center; }
div.maps img { margin-bottom: 10px; }

.noborderinline { display: inline; border: 0; }



table.default {background-color:#005824;border:1px solid #FFFFFF;}
.default th {background-color:#FCC863; color:#005824; }
.default tbody.rowcoloring_alternate tr.even    {background-color:#CEF8A3;color:#FFFFFF; }
.default tbody.rowcoloring_alternate tr.odd    {background-color:#E6F5E6;color:#FFFFFF; }

table.orange {background-color:#F8EAE1;}
.orange th {background-color:#FFA400; color:#FFFFFF; }
.orange tbody.rowcoloring_alternate tr.even    {background-color:#FFFFFF; }

table.blue {background-color:#D2DFF6;border:1px solid blue}
.blue  th {background-color:#8FB5FB; color:#0258F5; }
.blue  tbody.rowcoloring_alternate  tr.even    {background-color:#FFFFFF; }

table.green {background-color:#F2F6E0;}
.green th {background-color:#EAF1BE; color:#619102; }
.green tbody.rowcoloring_alternate  tr.even    {background-color:#FFFFFF; }

table.grey {background-color:#ECECEC;}
.grey th {background-color:#D9D9D9; color:#666666; }
.grey tbody.rowcoloring_alternate tr.even {background-color:#FFFFFF; }

table.border_row th,
table.border_row td {border-bottom:solid 1px #CCCCCC;}

table.border_column th, 
table.border_column td {border-right:solid 1px #CCCCCC;}

table.border_cell {border:solid #CCCCCC; border-width:1px 0px 0px 1px;}

table.border_cell th, 
table.border_cell td {border:solid #CCCCCC; border-width:0px 1px 1px 0px;}

table.default td {min-width:6em;}




.image-left {
  float:left;
  margin: 5px 10px 0 0 !important;
  margin: 5px 5px 0 0;
  }

.image-left div.frame {
	position:relative;
  background: url(images/shadow.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  }

.image-left img {
  display: block;
  position: relative;
  right:3px;
  bottom:3px;
  background-color: #fff;
  border: 1px solid #9A5F3F;
  margin: 3px 3px 3px 3px;
  padding: 1px 0 0 1px ;
  } 

.image-right {
  float:right;
  margin: 5px 0 0 10px !important;
  margin: 5px 0 0 5px;
  }

.image-right div.frame {
	position:relative;
  background: url(images/shadow.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  }

.image-right img {
  display: block;
  position: relative;
  right:3px;
  bottom:3px;
  background-color: #fff;
  border: 1px solid #9A5F3F;
  margin: 3px 3px 3px 3px;
  padding: 1px 0 0 1px ;
  }