@import "/yui.css";

.waiting {
  background: url('/img/yui/wait.gif') no-repeat;
}

.yui-tt {
  text-align: left;
}
.yui-skin-sam .yuimenubar {
  border-color:#ccc;
  background: none;
}
.yui-skin-sam .yuimenubaritemlabel{
  border-color:#ccc;
  cursor: pointer;
}
.yui-skin-sam .yuimenubaritem-selected {
  border-color:#ccc;
  background: none;
  background-color: #eee;
}
.yui-skin-sam .yuimenuitem {
  font-size:93%;
}
.yui-menu-shadow {
  display:none;
}
.yui-skin-sam .yuimenu .bd {
  border:solid 1px #bbb;
  background-color:#fcfcfc;
}
.yui-skin-sam .yuimenuitem-selected {
  background-color: #e0e0e0;
}
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav {
  width:12em;
}
.yui-navset .yui-navset-left,
.yui-navset-left {
  padding-left:12em;
}
.yui-skin-sam .yui-navset ul.yui-nav {
  border-color:#000;
}
.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
  background:none;
  border-top: 1px solid #a3a3a3;
}
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
  background:none;
  background-color: #000;
}
.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus {
  background:none;
  background-color: #eee;
}
.yui-skin-sam .yui-navset .yui-nav .bigTab a em,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .bigTab a em {
  font-size:130%;
  padding:0.4em 1em;
  font-weight: normal;
}
.yui-skin-sam .yui-navset .yui-nav .bigTab.selected a em {
  font-size:146.5%;
  font-weight: bold;
}
.yui-skin-sam .yui-navset .yui-content {
  background-color: #fff;
}
.yui-skin-sam .yui-panel .bd {
  padding: 20px;
}
.yui-skin-sam .yui-panel .hd {
  background: none;
  background-color: #000;
  color: #fff;
  text-align: left;
}
.yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft {
  background-color: #fff;
}
.yui-skin-sam .yui-checkbox-button-checked a {
  color: #fff;
  font-weight: bold;
}
.yui-skin-sam tr.yui-dt-odd {
  background-color:#eee;
}
.yui-skin-sam tr.yui-dt-even td.yui-dt-asc,.yui-skin-sam tr.yui-dt-even td.yui-dt-desc {
  background-color:#eee;
}
.yui-skin-sam tr.yui-dt-odd td.yui-dt-asc,.yui-skin-sam tr.yui-dt-odd td.yui-dt-desc {
  background-color:#ddd;
}
.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-asc,.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-desc{
  background-color:#eee;
}
.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-asc,.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-desc {
  background-color:#eee;
}
.yui-skin-sam th.yui-dt-highlighted,.yui-skin-sam th.yui-dt-highlighted a {
  background-color:#666;
  color: #fff;
}
.yui-skin-sam tr.yui-dt-highlighted,.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-asc,.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-desc,.yui-skin-sam tr.yui-dt-even td.yui-dt-highlighted,.yui-skin-sam tr.yui-dt-odd td.yui-dt-highlighted {
  background-color:#666;
  color: #fff;
}
.yui-skin-sam .yui-dt-list th.yui-dt-highlighted,.yui-skin-sam .yui-dt-list th.yui-dt-highlighted a {
  background-color:#666;
  color: #fff;
}
.yui-skin-sam .yui-dt-list tr.yui-dt-highlighted,.yui-skin-sam .yui-dt-list tr.yui-dt-highlighted td.yui-dt-asc,.yui-skin-sam .yui-dt-list tr.yui-dt-highlighted td.yui-dt-desc,.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-highlighted,.yui-skin-sam .yui-dt-list tr.yui-dt-odd
td.yui-dt-highlighted{
  background-color:#666;
  color: #fff;
}
.yui-skin-sam th.yui-dt-selected,.yui-skin-sam th.yui-dt-selected a {
  background-color:#000;
  color: #fff;
}
.yui-skin-sam tr.yui-dt-selected td,.yui-skin-sam tr.yui-dt-selected td.yui-dt-asc,.yui-skin-sam tr.yui-dt-selected td.yui-dt-desc {
  background-color:#000;
  color:#FFF;
}
.yui-skin-sam tr.yui-dt-even td.yui-dt-selected,.yui-skin-sam tr.yui-dt-odd td.yui-dt-selected {
  background-color:#000;
  color:#FFF;
}
.yui-skin-sam .yui-dt-list th.yui-dt-selected,.yui-skin-sam .yui-dt-list th.yui-dt-selected a {
  background-color:#000;
}
.yui-skin-sam .yui-dt-list tr.yui-dt-selected td,.yui-skin-sam .yui-dt-list tr.yui-dt-selected td.yui-dt-asc,.yui-skin-sam .yui-dt-list tr.yui-dt-selected td.yui-dt-desc {
  background-color:#000;
  color:#FFF;
}
.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-selected,.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-selected {
  background-color:#000;
  color:#FFF;
}
.yui-dt-editable {
  cursor: pointer;
}
.yui-skin-sam .yui-dt-editor {
  background-color: #ccc;
  border: 1px solid #000;
}

html,body {
  background-color: #f7f7f7 ;
  font-family: Tahoma, "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
}

#doc, #doc2, #doc3, #doc4 {
  font-family: Tahoma, "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  background-color: #fff;
  padding: 0 15px;
  border: 1px solid #ccc;
}

a:link    { text-decoration: none; color: #000099; }
a:visited { text-decoration: none; color: #8800aa; }
a:hover   { text-decoration: none; color: #333333; border-bottom: 1px dotted #666; }
a:active  { text-decoration: none; color: #aa3333; border-bottom: 1px dotted #666; }
a.light:link    { text-decoration: none; color: #7777aa; }
a.light:visited { text-decoration: none; color: #7777aa; }
a.light:hover   { text-decoration: underline; color: #333399; }
a.light:active  { text-decoration: underline; color: #aa3333; }
a.white:link    { text-decoration: none; color: #ffffff; }
a.white:visited { text-decoration: none; color: #ffffff; }
a.white:hover   { text-decoration: underline; color: #ffffff; }
a.white:active  { text-decoration: underline; color: #ffffff; }
a.noUL:hover   { text-decoration: none; }
a.noUL:active  { text-decoration: none; }

#hd {
  background-color: #ffffff; /* #ccccff */
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
#hd #logo {
  float: left;
  margin: 15px 0 0 20px;
}
#hd #hl {
  position: relative;
  width: 24em;
  margin: 10px 0 0 135px;
  padding: 0;
}
#hd #hl h1 {
  font-size: xx-large;
  color: #000000;
  margin: 0;
  padding: 0;
  border: none;
}
#hd #hl h2 {
  font-variant: normal;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: normal;
  color: #333333;
  margin: 0;
  padding: 0;
}
#hd #login {
  float: right;
}

#menu {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 108%;
  margin-top: 0.9em;
  margin-bottom: 0.8em;
}

#ft {
  clear: both;
  margin: 0;
  padding: 0;
}

#footer {
  clear: both;
  margin: 10px 0 15px 0;
  padding: 0 1em 1em 0;
  white-space: nowrap;
}
#footer a:link    { text-decoration: none; color: #6060cc; }
#footer a:visited { text-decoration: none; color: #6060cc; }
#footer a:hover   { text-decoration: none; color: #333300; border-bottom: 1px dotted #444; }
#footer a:active  { text-decoration: none; color: #663333; border-bottom: 1px dotted #444; }

#nav {
  font-size: small;
  margin: 0 0 1.4em 10px;
  padding: 0;
}

img {
  border-style: none;
  display: block;
}

.imgStyle1 {
  display: block;
  padding: 3px;
  border: 1px solid #ccc;
}

.transOn {
  filter: Alpha(opacity=65, finishopacity=65);
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  opacity: 0.65;
}
.transOff {
  filter: Alpha(opacity=100, finishopacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.letexa {
  font-variant: small-caps;
  font-weight: bold;
  font-family: 'Times New Roman',Times,serif;
  letter-spacing: 0.1em;
}

.title {
  padding: 0.2em 1em;
  margin: 0;
  background-color: #003366;
  color: #fff;
  font-size: larger;
  font-weight: bold;
  font-variant: small-caps;
  letter-spacing: 0.3em;
}

p {
  padding: 0;
  margin: 0.65em 0;
  font-size: 108%;
}

p.onehalf, li.onehalf {
  text-align: justify;
  margin: 0.8em 0;
  line-height: 1.5em;
}

div.onehalf p {
  text-align: justify;
  margin: 0.8em 0;
  line-height: 1.5em;
}

p.TextWithFloats {
  width: 73%;
}

div.rightBox {
  clear: right;
  float: right;
  width: 24%;
  margin: 0.1em 0 0 1em;
  padding: 0;
  color: #666;
  font-size: 108%;
}

pre {
  line-height: 1.3em;
}

th,td {
  padding: 0.2em 0.4em;
}

th {
  font-weight: bold;
}

ul li {
  margin: 0.25em 0 0 2em;
  list-style: circle outside;
  font-size: 108%;
}

ol li {
  margin: 0.25em 0 0 2em;
  list-style: decimal outside;
  font-size: 108%;
}

ul.highlight>li {
  list-style-type: none;
  margin: 0;
  padding: 6px 4px;
  border: 1px dotted #fff;
}

ul.highlight>li.over {
  padding: 6px 4px;
  background-color: #eee;
  color: #000;
  border-top: 1px dotted #333;
  border-bottom: 1px dotted #333;
}

ul.none>li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.square>li {
  list-style-type: square;
}

ul.disc>li {
  list-style-type: disc;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignJust {
  text-align: justify;
}

.alignCenter {
  text-align: center;
}

.no_marge {
  padding: 0;
  margin: 0;
}

.small {
  font-size: 85%;
}

.large {
  font-size: 123.1%;
}

strong, .strong {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.no_em {
  font-weight: normal;
  font-style: normal;
}

em, .em {
  font-style: italic;
}

.smallcaps {
  font-variant: small-caps;
}

.light {
  color: #666;
}

.red {
  color: #ee0000;
}

.redbrown {
  color: #883300;
}

.green {
  color: #008800;
}

.white {
  color: #fff;
}

.no_serif {
  font-family: Tahoma, "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
}

.serif {
  font-family: Georgia, 'Times New Roman', Times, serif;
}

.show {
  visibility: visible;
  display: block;
}

.hide {
  display: none;
}

.pointer {
  cursor: pointer;
}

/* clearing divs are used to make sure the next element starts below any floats */
div.clearing {
  clear: both;
  line-height: 0px;
  font-size: 0px;
  visibility: hidden;
}

h1 {
  font-family: Georgia, 'Times New Roman',Times,serif;
  font-variant: small-caps;
  font-size: 231%;
  color: #000000;
  padding: 0.2em 0;
  margin: 0.2em 0 0.5em 0;
}

h2 {
  font-size: 174%;
  font-weight: bold;
  color: #222222;
  border: none;
  padding: 0.2em 0;
  margin: 0 0 0.6em 0;
}

h3 {
  font-size: 146.5%;
  color: #333333;
  margin: 0 0 0.6em 0;
}

h4 {
  font-size: 123.1%;
  font-weight: normal;
  color: #444444;
  margin: 0 0 0.4em 0;
}

.pageTitle {
  font-family: Tahoma, "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  font-variant: small-caps;
  letter-spacing: 0.08em;
  color:#fff;
  background-color:#666;
  font-size: 174%;
  font-weight: bold;
  border: none;
  padding:0.2em 1em;
  margin-bottom: 1em;
}

.hl1 {
  border-bottom: 1px dotted #888;
  padding:0.25em 1em;
  margin-bottom: 1em;
}

#courses .name {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 123.1%;
  font-family: 'Times New Roman',Times,serif;
}

#courses .statistics {
  margin: 0;
  padding: 0.5em 0;
  font-size: 85%;
  color: #666;
}

#courses .description {
  margin: 0;
  padding: 0;
  font-size: 100%;
  color: #000;
}

.section {
  padding: 1em;
  margin: 1em 0;
  border: 1px solid #999;
}

#statsBox {
  margin: 0 0 10px 10px;
  padding: 8px 12px;
  border: 1px dotted #ccc;
}

form {
  margin: 0;
  padding: 0;
}

label {
   cursor: pointer;
}

input {
  font-family: Arial, Helvetica,sans-serif;
  border: 1px solid #999;
  background-color: #eee;
  padding: 0.2em;
}

input.clean {
  font-family: Arial, Helvetica,sans-serif;
  border: none;
  background-color: #fff;
  padding: 0.2em;
}

.formBtn {
  border: 1px solid #000;
  padding: 0.2em 0.6em;
  background-color: #fff;
  font-weight: bold;
  cursor: pointer;
}

.formBtn:hover {
  font-weight: bold;
  background-color: #eee;
}

fieldset {
  border: 2px groove #ccc;
  margin: .5em;
  padding: 1em;
}

legend {
  padding: 0 0.5em;
}