BODY {
FONT-SIZE: 12px; MARGIN: 0px; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; COLOR: #808080
}
A {
	COLOR: #006dc2; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: none
}
A:active {
	COLOR: #006dc2
}
.menubg {
	BACKGROUND-COLOR: #f1f1f1
}

.pathfont {
	FONT-SIZE: 11px; COLOR: #808080; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.pathfont A {
	COLOR: #808080; TEXT-DECORATION: none
}
.pathfont A:hover {
	TEXT-DECORATION: none
}
/* Angela */
.pathfont A:visited {
	COLOR: #808080; TEXT-DECORATION: none
}
.menu {
	MARGIN-TOP: 0px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px; PADDING-TOP: 2px; LIST-STYLE-TYPE: none
}
/*
.menu A {
	BORDER-RIGHT: #b7ccdc 1px solid; BORDER-TOP: #b7ccdc 1px solid; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 11px; BACKGROUND: #e5edf2; PADDING-BOTTOM: 5px; BORDER-LEFT: #b7ccdc 1px solid; WIDTH: 200px; COLOR: #004a84; PADDING-TOP: 5px; BORDER-BOTTOM: #b7ccdc 1px solid; TEXT-ALIGN: left; TEXT-DECORATION: none
}
*/
.menu A {
	BORDER-RIGHT: #b7ccdc 1px solid; BORDER-TOP: #e5edf2 1px solid; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 11px; BACKGROUND: #e5edf2; PADDING-BOTTOM: 5px; BORDER-LEFT: #b7ccdc 1px solid; WIDTH: 200px; COLOR: #004a84; PADDING-TOP: 5px; BORDER-BOTTOM: #e5edf2 1px solid; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.menu A.selected {
	BORDER-RIGHT: #f0c70a 1px solid; BORDER-TOP: #f0c70a 1px solid; BACKGROUND: #ffe115; BORDER-LEFT: #f0c70a 1px solid; COLOR: #000000; BORDER-BOTTOM: #f0c70a 1px solid; TEXT-DECORATION: none
}
.menu A.selected_inactive {
	BORDER-RIGHT: #f0c70a 1px solid; BORDER-TOP: #f0c70a 1px solid; BACKGROUND: #ffe115; BORDER-LEFT: #f0c70a 1px solid; COLOR: #777777; FONT-STYLE: italic; BORDER-BOTTOM: #f0c70a 1px solid; TEXT-DECORATION: none
}
.menu A.inactive {
	BORDER-RIGHT: #b7ccdc 1px solid; BORDER-TOP: #e5edf2 1px solid; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 11px; BACKGROUND: #e5edf2; PADDING-BOTTOM: 5px; BORDER-LEFT: #b7ccdc 1px solid; WIDTH: 200px; COLOR: #777777; FONT-STYLE: italic; PADDING-TOP: 5px; BORDER-BOTTOM: #e5edf2 1px solid; TEXT-ALIGN: left; TEXT-DECORATION: none
}

.menu A:hover {
	BORDER-RIGHT: #f0c70a 1px solid; BORDER-TOP: #f0c70a 1px solid; BACKGROUND: #ffe115; BORDER-LEFT: #f0c70a 1px solid; COLOR: #000000; BORDER-BOTTOM: #f0c70a 1px solid; TEXT-DECORATION: none
}

.menu A:active {
	BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BACKGROUND: #ffe115; BORDER-LEFT: gray 1px solid; COLOR: #fff; BORDER-BOTTOM: gray 1px solid
}

.menutitle {
	BORDER-RIGHT: #195c90 1px solid; BORDER-TOP: #195c90 1px solid; DISPLAY: block; FONT-WEIGHT: bold; BACKGROUND: #336e9d; PADDING-BOTTOM: 4px; BORDER-LEFT: #195c90 1px solid; WIDTH: 220px; COLOR: #ffffff; TEXT-INDENT: 10px; PADDING-TOP: 4px; BORDER-BOTTOM: #195c90 1px solid; TEXT-ALIGN: left
}
A.newmenu {
	BORDER-RIGHT: #7ca2c0 1px solid; BORDER-TOP: #7ca2c0 1px solid; PADDING-LEFT: 0px; BACKGROUND: #b2c8da; BORDER-LEFT: #7ca2c0 1px solid; WIDTH: 220px; BORDER-BOTTOM: #7ca2c0 1px solid
}
A.newmenu:hover {
	BORDER-RIGHT: #7ca2c0 1px solid; BORDER-TOP: #7ca2c0 1px solid; BACKGROUND: #b2c8da; BORDER-LEFT: #7ca2c0 1px solid; BORDER-BOTTOM: #7ca2c0 1px solid
}

.topcategory {
	FONT-SIZE: 11px; BORDER-RIGHT: #7ca2c0 1px solid; BORDER-TOP: #7ca2c0 1px solid; DISPLAY: block; FONT-WEIGHT: bold; BACKGROUND: #b2c8da; PADDING-BOTTOM: 4px; BORDER-LEFT: #7ca2c0 1px solid; WIDTH: 220px; COLOR: #004a84; TEXT-INDENT: 10px; PADDING-TOP: 4px; BORDER-BOTTOM: #7ca2c0 1px solid; TEXT-ALIGN: left
}

/*.semester {
	BORDER-RIGHT: #b7ccdc 1px solid; BORDER-TOP: #b7ccdc 1px solid; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 11px;  FONT-WEIGHT: normal; BACKGROUND: #e5edf2; BACKGROUND: #EEEEEE; PADDING-BOTTOM: 5px; BORDER-LEFT: #b7ccdc 1px solid; WIDTH: 200px; COLOR: #808080; PADDING-TOP: 5px; BORDER-BOTTOM: #b7ccdc 1px solid; TEXT-ALIGN: left; TEXT-DECORATION: none; TEXT-INDENT: -10px
}
*/
.semester {
	BORDER-RIGHT: #b7ccdc 1px solid; BORDER-TOP: #b7ccdc 1px solid; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 11px;  FONT-WEIGHT: normal; BACKGROUND: #e5edf2; PADDING-BOTTOM: 5px; BORDER-LEFT: #b7ccdc 1px solid; WIDTH: 200px; COLOR: #777777; PADDING-TOP: 5px; BORDER-BOTTOM: #e5edf2 1px solid; TEXT-ALIGN: left; TEXT-DECORATION: none; TEXT-INDENT: -10px
}
.lastcourse {
	BORDER-BOTTOM: #b7ccdc 1px solid;
}

/*A.school {
	BACKGROUND: #cfdde9; TEXT-INDENT: -10px;
}
*/
A.school {
	BACKGROUND: #cfdde9; TEXT-INDENT: -10px; BORDER-BOTTOM: #b7ccdc 1px solid;
}
A.school2 {
	BACKGROUND: #cfdde9; BORDER-TOP: #cfdde9 1px solid; BORDER-BOTTOM: #b7ccdc 1px solid;
}

A.school:hover {
	BORDER-RIGHT: #b7ccdc 1px solid; BORDER-TOP: #b7ccdc 1px solid; BACKGROUND: #fcbd00; BORDER-LEFT: #b7ccdc 1px solid; TEXT-INDENT: -10px; BORDER-BOTTOM: #b7ccdc 1px solid
}
.footer {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.coursetitle {
	MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #006dc2; FONT-FAMILY: Arial, Helvetica, sans-serif;
	MARGIN-BOTTOM: 30px;
}
#claroBody {
	
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px;
}

.itemdatelabel {
	FONT-SIZE: 10px; COLOR: #d66b6b; TEXT-ALIGN: justify
}
.itemdate {
	FONT-SIZE: 10px; COLOR: #d66b6b; TEXT-ALIGN: justify
}
.itemtime {
	FONT-SIZE: 10px; COLOR: #d66b6b; FONT-STYLE: italic; TEXT-ALIGN: justify
}
.coursesubtitle {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #808080
}
p {
	COLOR: #808080; TEXT-ALIGN: justify
}

/* Angela */
.HelpText
{
	COLOR: #808080; TEXT-ALIGN: justify
}

#nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; LIST-STYLE-TYPE: none;
}
#nav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; LIST-STYLE-TYPE: none; z-index: 2000;
}
#nav A {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 4px; WIDTH: 140px; COLOR: #808080; PADDING-TOP: 4px; TEXT-DECORATION: none
}
#nav A:hover {
	COLOR: #000000; TEXT-DECORATION: none
}
#manos {
	
}
#manos A {
	FONT-WEIGHT: bold; BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; DISPLAY: block; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px solid; WIDTH: 110px; COLOR: #808080; PADDING-TOP: 4px; BORDER-BOTTOM: 0px solid; TEXT-DECORATION: none
}
#manos A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #808080; TEXT-DECORATION: none
}
#nav LI {
	FLOAT: left; WIDTH: 154px
}
#nav LI UL {
	BORDER-RIGHT: #b2b2b2 1px solid; BACKGROUND: #ededed; LEFT: -999px; BORDER-LEFT: #336e9d 7px solid; WIDTH: 154px; BORDER-BOTTOM: #b2b2b2 1px solid; POSITION: absolute
}
#nav LI UL UL {
	BORDER-TOP: #b2b2b2 1px solid; MARGIN: -16px 0px 0px 120px; BORDER-LEFT: #b2c8da 7px solid
}
#nav LI:hover UL UL {
	LEFT: -999px
}
#nav LI.sfhover UL UL {
	LEFT: -999px
}
#nav LI:hover UL {
	LEFT: auto
}
#nav LI LI:hover UL {
	LEFT: auto
}
#nav LI.sfhover UL {
	LEFT: auto
}
#nav LI LI.sfhover UL {
	LEFT: auto
}
#nav A.daddy {
	BACKGROUND: url(images/rightarrow2.gif) no-repeat right center
}
#nav LI:hover {
	BACKGROUND: #ffe115
}
#nav LI.sfhover {
	BACKGROUND: #ffe115
}


#viewnav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; LIST-STYLE-TYPE: none
}
#viewnav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; LIST-STYLE-TYPE: none
}
#viewnav A {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 4px; WIDTH: 140px; COLOR: #808080; PADDING-TOP: 4px; TEXT-DECORATION: none
}
#viewnav A:hover {
	COLOR: #000000; TEXT-DECORATION: none
}
#angela {
	
}
#angela A {
	BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; DISPLAY: block; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px solid; WIDTH: 100px; COLOR: #808080; PADDING-TOP: 4px; BORDER-BOTTOM: 0px solid; TEXT-DECORATION: none
}
#angela A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #808080; TEXT-DECORATION: none
}
#viewnav LI {
	FLOAT: left; WIDTH: 154px
}
#viewnav LI UL {
	BORDER-RIGHT: #b2b2b2 1px solid; BACKGROUND: #ededed; LEFT: -999px; BORDER-LEFT: #336e9d 7px solid; WIDTH: 154px; BORDER-BOTTOM: #b2b2b2 1px solid; POSITION: absolute
}
#viewnav LI UL UL {
	BORDER-TOP: #b2b2b2 1px solid; MARGIN: -16px 0px 0px 120px; BORDER-LEFT: #b2c8da 7px solid
}
#viewnav LI:hover UL UL {
	LEFT: -999px
}
#viewnav LI.sfhover UL UL {
	LEFT: -999px
}
#viewnav LI:hover UL {
	LEFT: auto
}
#viewnav LI LI:hover UL {
	LEFT: auto
}
#viewnav LI.sfhover UL {
	LEFT: auto
}
#viewnav LI LI.sfhover UL {
	LEFT: auto
}
#viewnav A.daddy {
	BACKGROUND: url(images/rightarrow2.gif) no-repeat right center
}
#viewnav LI:hover {
	BACKGROUND: #ffe115
}
#viewnav LI.sfhover {
	BACKGROUND: #ffe115
}


.claroCmd {
COLOR: #006dc2; font-weight: normal; FONT-SIZE: 10px;
}
.claroCmdDisabled {
COLOR: #808080; font-weight: normal; FONT-SIZE: 10px;
}
.item {
FONT-SIZE: 10px;
}
.toolp { 
 BORDER: #e3e3e3 1px dashed; padding:4px; background-color: #f9f9f9; margin: 3px 0px 0px 0px;
}

.tooltitle {
	display: inline;
	border-top: #e3e3e3 1px dashed;
	border-bottom: 0px;
	border-left: #e3e3e3 1px dashed;
	border-right: #e3e3e3 1px dashed;
	padding:4px;
	background-color: #f9f9f9;
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #767676; 
}

/* Angela */
.simpletooltitle {
	border-top: #e3e3e3 1px dashed;
	border-bottom: #e3e3e3 1px dashed;
	border-left: #e3e3e3 1px dashed;
	border-right: #e3e3e3 1px dashed;
	padding:4px;
	background-color: #f9f9f9;
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #767676; 
}
 .claroTable TD {
	PADDING:4px; MARGIN: 1px; BORDER: #e3e3e3 1px solid; COLOR: #808080;
}
TH {
	PADDING:4px; MARGIN: 1px; /*BORDER: #000000 0px solid*/
}
.claroTable .superHeader TH {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
/* Angela 
.claroTable TH.superHeader {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}*/
.claroTable TH.superHeader {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: #e5edf2; TEXT-ALIGN: left
}
/***/

/*.claroTable .superHeader A {
	COLOR: black
}*/
.claroTable TH.headerY {
	FONT-WEIGHT: normal; TEXT-ALIGN: left
}
.claroTable .headerY TH {
	FONT-WEIGHT: normal; TEXT-ALIGN: left
}
.claroTable TH.headerX {
	FONT-WEIGHT: normal; TEXT-ALIGN: left
}
.claroTable .headerX TH {
	FONT-WEIGHT: normal; TEXT-ALIGN: left
}
.claroTable .headerX TH {
	BACKGROUND-COLOR: #e3e3e3; font-weight: bold; FONT-SIZE: 10px; color: #767676;
}
.claroTable TH.headerX {
	BACKGROUND-COLOR: #e3e3e3; font-weight: bold; FONT-SIZE: 10px; color: #767676;
}
.claroTable TR TH.toolbar {
	FONT-WEIGHT: normal; BACKGROUND: white
}
.claroTable TR.toolbar TH.prev {
	FONT-WEIGHT: normal; TEXT-ALIGN: left
}
.claroTable TR.toolbar TH.title {
	FONT-WEIGHT: bold; TEXT-ALIGN: center
}
.claroTable TR.toolbar TH.next {
	FONT-WEIGHT: normal; TEXT-ALIGN: right
}
/*.emphaseLine TBODY TD {
	BORDER-BOTTOM: #dddddd 1px solid
}*/
.emphaseLine TBODY TR:hover {
	BACKGROUND-COLOR: #F9F9F9;
}
.formexpl {
	FONT-SIZE: 10px; COLOR: #808080; FONT-STYLE: italic; text-align:justify;
}
LEGEND {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; FONT-WEIGHT: bold; BACKGROUND: #ffffff; PADDING-BOTTOM: 0.5em; MARGIN: 0px; COLOR: #333; PADDING-TOP: 0.5em
}
LABEL {
	FONT-WEIGHT: bold; COLOR: #808080
}
INPUT {
	BORDER-RIGHT: #e1e1e1 1px solid; BORDER-TOP: #e1e1e1 1px solid; BACKGROUND: url(emp/bg.jpg); BORDER-LEFT: #e1e1e1 1px solid; WIDTH: 360px; COLOR: #006dc2; BORDER-BOTTOM: #e1e1e1 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; HEIGHT: 1.3em
}
/* Angela */
H4 {
FONT-SIZE: 12px;COLOR: #006dc2; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
H5 {
FONT-SIZE: 12px;FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
/* Angela */
.formdiv {
COLOR: #006dc2; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
.deact {
  COLOR: #B3B3B3;
}
.autoinput {
width: auto;
} 

label.autoinputlabel {
font-weight: normal;
}

/* Angela*/
TEXTAREA.simple {
	BORDER-RIGHT: #e1e1e1 1px solid; BORDER-TOP: #e1e1e1 1px solid; BACKGROUND: #f4f4f4; BORDER-LEFT: #e1e1e1 1px solid; WIDTH: 360px; COLOR: #006dc2; BORDER-BOTTOM: #e1e1e1 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; FONT-SIZE: 12px; HEIGHT: 5.2em
}

SELECT {
	COLOR: #006dc2; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
SELECT .fixed {
	WIDTH: 364px; COLOR: #006dc2; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
FIELDSET {
	BORDER-RIGHT: #fdbd06 1px dashed; BORDER-TOP: #fdbd06 1px dashed; BORDER-LEFT: #fdbd06 1px dashed; BORDER-BOTTOM: #fdbd06 1px dashed
}
.buttonSubmit {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; FONT-WEIGHT: bold; BACKGROUND: url(emp/formbutton.gif) no-repeat left top; PADDING-BOTTOM: 2px; WIDTH: 78px; CURSOR: pointer; COLOR: #fff; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 26px; BORDER-BOTTOM-STYLE: none; font-family: verdana, arial, helvetica, sans-serif;
}
.claroButton {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; FONT-WEIGHT: bold; BACKGROUND: url(emp/formbutton.gif) no-repeat left top; PADDING-BOTTOM: 2px; WIDTH: 78px; CURSOR: pointer; COLOR: #fff; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 26px; BORDER-BOTTOM-STYLE: none; font-family: verdana, arial, helvetica, sans-serif;
}

/* Angela : move Buttons */
.moverightButton {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; FONT-WEIGHT: bold; BACKGROUND: url(emp/control_fastforward_blue.png) no-repeat center center; PADDING-BOTTOM: 2px; WIDTH: 23px; CURSOR: pointer; COLOR: #fff; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 23px; BORDER-BOTTOM-STYLE: none
}

.moveleftButton {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; FONT-WEIGHT: bold; BACKGROUND: url(emp/control_rewind_blue.png) no-repeat center center; PADDING-BOTTOM: 2px; WIDTH: 23px; CURSOR: pointer; COLOR: #fff; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 23px; BORDER-BOTTOM-STYLE: none
}

/*----- HELP yellow --------------*/

.pathfonthelp {
	FONT-SIZE: 9px; COLOR: #606060; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
	background: #f3f3cf;
}
.pathfonthelp A {
	COLOR: #606060; TEXT-DECORATION: none;
}
.pathfonthelp A:hover {
	TEXT-DECORATION: none;
}
.pathfonthelp A:visited {
	COLOR: #606060; TEXT-DECORATION: none;
}
.helptext {
FONT-SIZE: 11px; COLOR: #6f6f6f;
}
.helptd {
background: #fbfbed;
}

/*-------------------------------------------------*/
.textv {
DISPLAY: inline;
}

.textn {
DISPLAY: none;
}


/*Angela*/
.tipbox {
	FONT-STYLE: italic; FONT-SIZE: 11px; BORDER: #e3e3e3 1px solid; padding:4px; background-color: #fbfbed; margin: 3px 0px 0px 0px;
}

/*Angela*/
.attentionbox {
	COLOR: #CC0000; FONT-SIZE: 11px; BORDER: #e3e3e3 1px solid; padding:4px; background-color: #f9f9f9; margin: 3px 0px 0px 0px;
}