/**
  @see http://www.w3.org/TR/CSS2/cascade.html#specificity
*/

/* Reset Everything */
* { border: none; font-family: verdana, sans-serif; margin: 0px; padding: 0px; }
a { color: inherit; cursor: pointer; text-decoration: underline; }
a:hover { color: inherit; cursor: pointer; }
acronym { border-bottom: 1px dashed #f33; cursor: help; }
body { background-color: #111; cursor: default; font-size: 100%; }
code { font-family: monospace; margin: 0px; padding: 0px; }
dd { margin: 4px; }
dl { margin: 5px; }
dt { font-weight: bold; }
fieldset { margin: 8px; padding: 8px; }
h1 { border-bottom: 2px solid #369; border-left: 2px solid #369; border-radius: 4px; -moz-border-radius: 4px; font-size: 130%; font-weight: bold; margin: 8px 0px; padding: 1px 2px; }
h2 { border-bottom: 1px solid #369; font-size: 120%; font-weight: bold; margin: 8px 0px; padding: 1px 2px; }
h2 span.s { float:right; font-size:75%; font-weight:normal; }
h3 { font-size: 110%; font-weight: bold; margin: 4px 4px 0px 4px; text-align: center; }
hr { border: 1px dashed #369; margin: 0px; padding: 0px; }
img { vertical-align: middle; }
input { padding: 1px; }
input[type=button], input[type=submit] {
    background-color: #ccc;
    border: 2px solid #333;
    border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    padding: 0px;
    margin: 0px 5px;
    text-align: center;
    text-decoration: underline;
    width: 120px;
}
input[type=checkbox] { height: 20px; width: 20px; }
input[type=text], input[type=password], textarea {
    border: 1px solid #666;
    border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 100%;
    margin: 0px;
    padding: 1px 2px;
    text-align: inherit;
}
input[type=button]:hover, input[type=submit]:hover {
    border: 2px solid #f00; color: #f00;
}
input[type=button]:focus, input[type=submit]:focus {
    border: 2px solid #f00;
    color: #f00;
}
input[type=checkbox] {
    height: 20px;
    width: 20px;
}
input[type=text], input[type=password], textarea {
    border: 1px solid #999;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0px;
    padding: 1px 2px;
    text-align: inherit;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus { border: 1px solid #f00;  }
legend { background-color: #ccc; padding: 2px 8px; }
li { margin: 1px 1px 1px 20px; }
ol { margin: 0px 5px; padding: 0px 0px 0px 30px; list-style-type: decimal; }
ol.ll { list-style-type: lower-latin; }
ol.lr { list-style-type: lower-roman; }
ol.ul { list-style-type: upper-latin; }
ol.ur { list-style-type: upper-roman; }
p { margin: 4px 8px; }
pre { background: #ccc; border: 1px solid #999; color: #000; font-family: monospace; margin: 4px; padding: 1px;  }
select {
    border: 1px solid #666;
    border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 90%;
    margin: 0px;
    padding: 1px;
    text-align: left;
}
table { border-collapse: collapse; min-width:90%; text-align: left; }
td { padding: 1px 2px; text-align: left; vertical-align: top; }
td.l { font-weight: 700; text-align: right; vertical-align: bottom; white-space: nowrap; }
th { background-color: #ccc; padding: 1px 2px; text-align: center; }
tr.rero:hover { background-color: #ccc; }
tr.ro { background-color: #ccc; }
ul { padding: 6px 0px; padding-left: 2em; }

/* Quick Search */
#qsf { margin: 5px auto; }
#qsf input { background: url('../img/silk/zoom.png') no-repeat right; border: 1px solid #333; height: 18px; margin: 0px; padding: 1px; vertical-align: bottom; width: 100%; }
#qsf input:focus { background: none; }

/* Layout Stuffs */
#head { background:#111; height: 88px; width:100%; z-index:1; }
#head div.rc { margin:4px; }
#head h1 { border: none; margin: 0px; padding: 0px; text-align: left; }
#head h2 { border: none; margin: 0px; padding: 0px; text-align: left; text-indent: 1em; }

#signin { margin: 0px auto; }

#mru_list { font-size: 80%; text-align: right; text-decoration: none; }

#menu { background:#111; clear:both; position:absolute; top:88px; width: 20%; }
#menu address { font-size:75%; font-weight:400; margin: 4px; }
#menu div.rc { margin: 0px 4px; }
#menu h3 { background: #369; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; font-size: 10pt; margin: 0px; }
/* Navigation Items */
#menu ul { margin: 0px; overflow: hidden; padding: 0px; white-space: nowrap; }
#menu ul li { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 10pt; font-variant: small-caps; font-weight: 700; list-style-type: none; margin: 0px; }
#menu ul li a { border-radius: 5px; -moz-border-radius: 5px; color: inherit; display: block; padding: 1px; padding-left: 6px; text-decoration: none; }
#menu ul li a:hover { background-color: #369; color: #fff; }
#menu ul li ul { margin: 0px; padding: 0px 0px 0px 16px; }
#menu ul li img { vertical-align: bottom; }

#core { position:absolute; left:20%; padding-bottom: 4px; top:88px; width:80%; }
#core div.rc { margin: 0px 4px 0px 0px; }

/* Edoceo Standard Classes */
.b { font-weight: bold; }
.c { text-align: center; }
.g { font-size: 110%; }
.l { text-align: left; }
.r { text-align: right; }
.s { font-size: 90%; font-weight: normal; }
.u { text-decoration: underline; }

.bf { margin: 0px; padding: 1em 6em; }
.dn { display: none; }
.du { text-decoration: underline; border-bottom: 1px solid #000; }
.fc { background: none; border: none; clear: both; display: block; float: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; }
.hi { background-color: #369; color: #fff; }
.pb { cursor: nw-resize; }
.pc { background-color: #fff; border: 2px solid #369; font-size: 52pt; font-weight: 700; position: absolute; }
.po { display: none; visibility: hidden; }
.rc { background: #fff; border: 2px solid #1a6293; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 8px; }
.ti { text-indent: 2em; }

.fb10 { display: inline; float: left; width: 10%; }
.fb20 { display: inline; float: left; width: 20%; }
.fb25 { display: inline; float: left; width: 25%; }
.fb30 { display: inline; float: left; width: 30%; }
.fb40 { display: inline; float: left; width: 40%; }
.fb50 { display: inline; float: left; width: 50%; }
.fb60 { display: inline; float: left; width: 60%; }
.fb70 { display: inline; float: left; width: 70%; }
.fb75 { display: inline; float: left; width: 75%; }
.fb80 { display: inline; float: left; width: 80%; }
.fb90 { display: inline; float: left; width: 90%; }
.fb100 { display: inline; float: left; width: 100%; }

.m4 { margin: 4px 4px 0px 4px; }
.m8 { margin: 8px 8px 0px 8px; }
.m16 { margin: 16px 16px 0px 16px; }
.m24 { margin: 24px 24px 0px 24px; }
.m32 { margin: 32px 32px 0px 32px; }
.m32a { margin: 32px auto 0px auto; }

.w50 { width: 50%; }

.fail { background-color: #f00; border-radius: 4px; -moz-border-radius: 4px; color: #000; font-weight: 700; margin: 5px; padding: 5px; text-align: center; }
.err { background-color: #f00; border-radius: 4px; -moz-border-radius: 4px; color: #000; font-weight: 700; margin: 5px; padding: 5px; text-align: center; }
.info { background-color: #369; border-radius: 4px; -moz-border-radius: 4px; color: #fff; font-weight: 700; margin: 5px; padding: 5px; text-align: center; }
.msg { background-color: #369; border-radius: 4px; -moz-border-radius: 4px; color: #fff; font-weight: 700; margin: 5px; padding: 5px; text-align: center; }
.warn { background-color: #909; border-radius: 4px; -moz-border-radius: 4px; color: #fff; font-weight: 700; margin: 5px; padding: 5px; text-align: center; }

.jump_list { background: #ccc; margin: 4px auto; text-align:center; }
.jump_list a { text-decoration: none; }
.jump_list a:hover { color: #f00; }

.page_list { background: #ccc; margin: 4px auto; text-align:center; }
.page_list a { text-decoration: none; } 
.page_list a:hover { color: #f00; }
.page_list .no { color: #999; }

@media print {
    * { font-size:10pt; margin:0px; padding:0px; }
	body { background-color: #fff; font-size:10pt;  width: 100%; }
	#head { border:none; display: none; visibility: hidden; }
	#menu { border:none; display: none; visibility: hidden; }
	#core { border:none; left:0px; top:0px; width:100%; }
	#core div.rc { border:none; margin:0px; }
	#foot { display: none; visibility: hidden; }
	.np { display: none; visibility: hidden; }
}