/* --------- Page Setup --------- */
body
{
margin:0px 0px 0px 0px;
background-color: #eeeeee;
}


/* --------- Page Images --------- */
img.headerfooter
{
margin-left:0px;
border:0px;
z-index:0;
}
img.topleft
{
width:160px;
height:180px;
margin-left:0px;
margin-top:0px;
border:0px;
z-index:0;
}
img.topright
{
width:220px;
height:180px;
border:0px;
z-index:0;
}
img.botleft
{
margin-left:0px;
height:40px;
width:160px;
border:0px;
z-index:0;
}
img.nomargin
{
margin-bottom:0px;
margin-top:0px;
border:0px;
}


/* --------- Column Setup --------- */
.header
{
width:800px;
height:20px;
margin-left:0px;
margin-top:0px;
background:url('images/headerbg.gif') no-repeat;
font-family: Tahoma, helvetica, sans-serif;
font-size: xx-small;
color: #ffffff;
}
.cols
{
float:left;
width:800px;
margin-left:0px;
background-color:#F47D30;
background-image: url('images/pagebg.gif');
background-repeat:  repeat-y;
}
.col1
{
float:left;
width:160px;
height:100%;
margin-left:0px;
background:#F47D30 url('images/pagetopleft.gif') no-repeat; 
}
.col2
{
float:left;
width:420px;
height:100%;
margin-left:0px;
background-color:#ffffff;
}
.col3
{
float:left;
width:220px;
height:100%;
margin-left:0px;
background:#F47D30 url('images/pagetopright.gif') no-repeat; 
}
.footer
{ 
clear:both;
width:800px;
height:60px;
background: url('images/footerbg.gif') no-repeat; 
}


/* --------- eLearning Page Setup --------- */
.eheader
{
	width:800px;
	height:20px;
	background-color:#000066;
	margin-left:0px;
	margin-top:0px;
	font-family: tahoma;
	font-size: 14px;
	text-indent: 350px;
}
.ecols
{
float:left;
width:800px;
margin-left:0px;
background-image: url(images/epagebg.gif);
background-repeat: repeat-y;
background-position: left top;
}
.welcome
{
margin: 0px 10px 0px 10px;
float:left;
width:270px;
display: inline;
}
.welcomecontainer
{
margin: 10px 10px 10px 10px;
float:left;
width:250px;
display: inline;
background-color:#eeeeff;
}
.wcontent
{ 
margin: 5px 5px 5px 5px;
float:left;
width:240px;
display: inline;
}
.wcontainerhead
{
margin: 0px 0px 0px 0px;
width:250px;
height:20px;
float:left;
display: inline;
background-image: url(elearning/images/welcometop.gif);
background-repeat: no-repeat;
background-color:#ffffff;
font-weight: bold;
}
.wcontainerfoot
{
margin: 0px 0px 0px 0px;
width:250px;
height:10px;
float:left;
display: inline;
background-image: url(elearning/images/welcomebot.gif);
background-color:#ffffff;
background-repeat: no-repeat;
}
.ecolshead
{
float:left;
width:800px;
height:20px;
margin-left:0px;
}
.ecol1
{
float:left;
width:160px;
margin-left:0px;
background-color:#000066; 
}
.ecol1head
{
float:left;
width:160px;
height:20px;
margin-left:0px;
background-color:#000066; 
}
.ecol2
{
float:left;
width:640px;
margin-left:0px;
background-color:#ffffff;
}
.elogin
{ 
width:100%;
height:100%;
text-align:center;
vertical-align:middle;
font-family: Tahoma;
font-size: smaller;
}
.efooter
{ 
clear:both;
width:800px;
height:60px;
background-color:#000066; 
}
.eleftmenu
{
margin-left:0px;
float:left;
width:150px;
display: inline;
background-color:#dedede; 
}
.econtent
{
background-color:#ffffff;
margin:0px 10px 10px 10px;
font-family: Tahoma;
font-size: smaller;
} 
.econtentnoformat
{
background-color:#ffffff;
margin:0px 10px 10px 10px;
font-family: Tahoma;
} 
.econtenttable
{
font-family: Tahoma;
width:610px;
} 
.econtenthead
{
float:left;
width:640px;
height:20px;
margin-left:0px;
background-color: #dedede;
font-family: Tahoma;
font-size: smaller;
font-weight: bold;
line-height: 20px;
}
.eformtyper
{
font-family: Tahoma;
font-size: smaller;
} 
.eforumtyper
{
font-family: Tahoma;
font-size: smaller;
background-color:#000066;
font-weight: bold;
color: #FFFFFF;
} 
.eleftsub
{
background-color:#dedede;
margin-left:10px;
width:140px;
font-family: Tahoma;
font-size: smaller;
}  
.elefthead
{
background-color:#dedede;
margin-left:10px;
width:140px;
font-family: Tahoma;
font-size: smaller;
font-weight:bold
}  
.eleftspace
{
background-color:#000066;
margin-left:10px;
width:140px;
height:1px;
} 
.esides
{
font-family: Tahoma, helvetica, sans-serif;
font-size: smaller;
color: #ffffff;
z-index:5;
}
.eleftbox
{
margin-left:10px;
float:left;
width:140px;
display: inline;
background-color:#000066;
}
.ewhite
{
background-color:#ddddee;
}
.egrey
{ 
background-color:#cdcdde;
}
.eblue
{ 
background-color:#eeeeff;
}
.eblueformat
{ 
background-color:#eeeeff;
font-family: Tahoma, helvetica, sans-serif;
font-size: smaller;
}
.emsgleft
{
float:left;
width:100px;
background-color:#ddddee;
font-family: Tahoma;
font-size: smaller;
}
.emsgright
{
float:left;
width:520px;
background-color:#ddddee;
font-family: Tahoma;
font-size: smaller;
}
.emsgcontent
{
clear:both;
background-color:#ffffff;
font-family: Tahoma;
font-size: smaller;
}
.standardleft
{
margin-left: 10px;
font-family: tahoma;
font-size: smaller;
float: left;
}
.egreenleft_none {
background-image: url(images/greenleft_none.gif);
background-repeat: no-repeat;
background-position: right bottom;
width: 10px;
}
.egreenleft {
background-image: url(images/greenleft.gif);
background-repeat: no-repeat;
background-position: right bottom;
width: 10px;
}
.egreenright {
background-image: url(images/greenright.gif);
background-repeat: no-repeat;
background-position: left bottom;
width: 10px;
}
.egreenleftend {
width: 10px;
background-image: url(images/greenleft.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
.egreenrightend {
width: 10px;
}
.eheader {
background-image: url(images/eheader.gif);
height: 60px;
width: 800px;
}
.etiny {
	font-family: tahoma;
	font-size: 4px;
}


/* --------- Left Navigation Setup --------- */
.leftbox
{
margin-left:10px;
float:left;
width:140px;
display: inline;
}
.leftsurround
{
margin: 0px 0px 0px 0px;
width:140px;
float:left;
background-color: #7E4300;
}
.leftcontent
{
float:left;
margin-left:5px;
width:130px;
}


/* --------- Right Navigation Setup --------- */
.rightbox
{
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
float:left;
width:200px;
display: inline;
}
.rightsurround
{
margin-top:0px;
margin-bottom:0px;
float:left;
width:200px;
background-color: #7E4300;
}
.rightcontent
{
margin-top:0px;
margin-bottom:0px;
float:left;
margin-left:5px;
width:190px;
}


/* --------- Content Styles --------- */
.content
{
background-color:#ffffff;
margin:0px 10px 10px 10px;
font-family: Tahoma;
font-size: smaller;
} 
.warning 
{
font-family: Tahoma;
font-size: x-small;
font-weight: bold;
color: #990000;
}
h1
{
font-family: Tahoma, helvetica, sans-serif;
font-size: small;
font-weight: bold;
color: #000000;
z-index:5;
}
a
{
font-family: Tahoma, helvetica, sans-serif;
font-weight: bold;
}
a.menu
{
font-family: Tahoma, helvetica, sans-serif;
font-weight: bold;
color: #ffffff;

}
a.menu2 {
font-family: Tahoma, helvetica, sans-serif;
font-weight: bold;
color: #FCC983;
}
a.emenu {
text-decoration: none;
font-weight: normal;
}
a.headmenu 
{
text-decoration: none;
font-weight: normal;
}
a:hover
{
color: #F47D30;
}
.wimfont
{
font-family: Tahoma, helvetica, sans-serif;
font-size: smaller;
}
span
{
font-family: Tahoma, helvetica, sans-serif;
z-index:5;
}
p
{
font-family: Tahoma, helvetica, sans-serif;
color: #000000;
z-index:5;
}
p.sides
{
font-family: Tahoma, helvetica, sans-serif;
font-size: x-small;
color: #ffffff;
z-index:5;
}
.loginvalues
{
font-family: Tahoma, helvetica, sans-serif;
font-size: x-small;
}
#loginform
{
font-family: Tahoma, helvetica, sans-serif;
font-size: x-small;
background-color:#ececec;
margin:40px;
padding: 20px;
text-align: center;

}


/* --------- Asims Styles --------- */
.tblBox
{
BORDER-RIGHT: lightsteelblue 1px solid;
BORDER-TOP: lightsteelblue 1px solid;
FONT-SIZE: 8pt;
BORDER-LEFT: lightsteelblue 1px solid;
BORDER-BOTTOM: lightsteelblue 1px solid;
FONT-FAMILY: Verdana
}
.hdrBox
{
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
COLOR: #ffffff;
FONT-FAMILY: Verdana;
BACKGROUND-COLOR: #000066
}
.txtbox
{
BORDER-RIGHT: lightsteelblue 1px solid;
BORDER-TOP: lightsteelblue 1px solid;
FONT-SIZE: 8pt;
BORDER-LEFT: lightsteelblue 1px solid;
BORDER-BOTTOM: lightsteelblue 1px solid;
FONT-FAMILY: Verdana
}
.hdrStage1
{
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
COLOR: black;
FONT-FAMILY: Verdana;
BACKGROUND-COLOR: lightgrey
}
.txtEdit
{
FONT-SIZE: 8pt;
FONT-FAMILY: Verdana
}
.hdrStage2
{
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
COLOR: black;
FONT-FAMILY: Verdana;
BACKGROUND-COLOR: darkgray
}
.hdrStage3
{
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
FONT-FAMILY: Verdana;
BACKGROUND-COLOR: gray
}
.hdrStage4
{
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
FONT-FAMILY: Verdana;
BACKGROUND-COLOR: black
}
.txtEdit_right
{
FONT-SIZE: 8pt;
FONT-FAMILY: Verdana;
TEXT-ALIGN: right
}
.header5
{
FONT-WEIGHT: bold;
FONT-SIZE: 12pt
}
.header4
{
FONT-WEIGHT: bold;
FONT-SIZE: 10pt
}
.fakelink
{
CURSOR: hand
}
.category_box
{
BORDER-RIGHT: gray 1px solid;
PADDING-RIGHT: 3px;
BORDER-TOP: gray 1px solid;
PADDING-LEFT: 3px;
FONT-SIZE: 7pt;
PADDING-BOTTOM: 3px;
MARGIN: 0px;
BORDER-LEFT: gray 1px solid;
PADDING-TOP: 3px;
BORDER-BOTTOM: gray 1px solid;
BACKGROUND-COLOR: #f5f5f4
}
.inbox_header
{
FONT-SIZE: 7pt;
BACKGROUND-COLOR: #d5e8f9
}
.inbox_read
{
FONT-SIZE: 7pt;
BORDER-BOTTOM: #dedede 1px solid
}
.inbox_unread
{
FONT-SIZE: 7pt;
BORDER-BOTTOM: #dedede 1px solid;
BACKGROUND-COLOR: lightyellow
}
.divider
{
HEIGHT: 1px;
BACKGROUND-COLOR: #dedede
}
.inbox
{
BORDER-RIGHT: #dedede 1px solid;
BORDER-TOP: #dedede 1px solid;
BORDER-LEFT: #dedede 1px solid;
BORDER-BOTTOM: #dedede 1px solid
}
.board
{
BORDER-RIGHT: #9999aa 1px solid;
BORDER-TOP: #9999aa 1px solid;
FONT-SIZE: 7pt;
BORDER-LEFT: #9999aa 1px solid;
BORDER-BOTTOM: #9999aa 1px solid
}
.board_header
{
FONT-WEIGHT: bold;
FONT-SIZE: 7pt;
BACKGROUND-COLOR: #ccccdd
}
.thread_left
{
BORDER-RIGHT: #ccccdd 1px;
FONT-SIZE: 7pt;
BORDER-LEFT: #ccccdd 1px solid;
BORDER-BOTTOM: #ccccdd 1px solid;
BACKGROUND-COLOR: #ddddee
}
.thread_right
{
BORDER-RIGHT: gold 1px solid;
FONT-SIZE: 8pt;
BORDER-LEFT: gold 1px solid;
BORDER-BOTTOM: gold 1px solid
}
.thread_head_right
{
BORDER-RIGHT: #9999aa 1px solid;
BORDER-TOP: #9999aa 1px solid;
FONT-SIZE: 7pt;
BORDER-LEFT: #9999aa 1px solid;
BORDER-BOTTOM: #9999aa 1px solid;
BACKGROUND-COLOR: #ddddee
}
.thread_head_left
{
BORDER-RIGHT: #9999aa 1px;
BORDER-TOP: #9999aa 1px solid;
FONT-SIZE: 7pt;
BORDER-LEFT: #9999aa 1px solid;
BORDER-BOTTOM: #ddddee 1px solid;
BACKGROUND-COLOR: #ddddee
}
.post
{
BORDER-RIGHT: gold 1px solid;
BORDER-TOP: gold 1px solid;
FONT-SIZE: 8pt;
BORDER-LEFT: gold 1px solid;
WIDTH: 100%;
BORDER-BOTTOM: gold 1px solid;
BACKGROUND-COLOR: #ffffee
}
.post_header
{
BORDER-RIGHT: gold 1px;
BORDER-TOP: gold 1px;
FONT-WEIGHT: bold;
FONT-SIZE: 7pt;
BORDER-LEFT: gold 1px;
BORDER-BOTTOM: gold 1px solid;
BACKGROUND-COLOR: lightgoldenrodyellow
}
.smallredtext
{
FONT-SIZE: 7pt;
COLOR: red
}
.thread_profile_left
{
BORDER-RIGHT: gold 1px;
BORDER-TOP: gold 1px;
FONT-WEIGHT: bold;
FONT-SIZE: 7pt;
BORDER-LEFT: gold 1px;
BORDER-BOTTOM: gold 1px solid;
BACKGROUND-COLOR: lightgoldenrodyellow
}
.thread_profile_right
{
BORDER-RIGHT: gold 1px;
BORDER-TOP: gold 1px;
FONT-SIZE: 7pt;
BORDER-LEFT: gold 1px solid;
BORDER-BOTTOM: gold 1px solid;
BACKGROUND-COLOR: #ffffee
}
.user_module_on
{
background-color: #e08040;
font-family: Tahoma, helvetica, sans-serif;
font-size: smaller;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px;
PADDING-TOP: 5px;
}
.user_module_off
{
background-color: #000066;
font-family: Tahoma, helvetica, sans-serif;
font-size: smaller;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px;
PADDING-TOP: 5px;
}
.user_modulelink_on
{
COLOR: #ffffff
}
.user_modulelink_selected
{
COLOR: #ddddff
}
.user_modulelink_off
{
COLOR: #ffffff
}
.required
{
FONT-WEIGHT: bold;
COLOR: red
}