/* TableDiv */
#TableDiv{
position:absolute;
/*width:650px;*/
width:710px;
height:117px;
z-index:2;
left: 25px;
top: 75px;
}

/* Temp 7 */
#TableDiv2{
position:absolute;
width:260px;
height:117px;
z-index:2;
left: 5px;
top: 70px;
}

/* Temp 11, 12, 15*/
#TableDiv3{
position:absolute;
width:750px;
height:117px;
z-index:2;
left: 5px;
top: 75px;
}

/* Temp 16 */
#TableDiv4{
position:absolute;
width:780px;
height:117px;
left: 5px;
top: 75px;
z-index:1;
overflow:visible;
}
/* end tableDiv*/

/* Navigation and skin */
#toplogo{
position:absolute;
z-index:2;
left:32px;
top:0px;
width:66px;
height:36px;
background-image: url("../nav/logo_wht.gif")
}

#title{
position:absolute;
width:557px;
height:12px;
z-index:1;
left: 121px;
top: 4px;
color: #006633;
font: 11px verdana, arial;
font-weight: bold;
}

#heading{
position:absolute;
width:521px;
height:12px;
z-index:1;
left: 160px;
top: 20px;
color:  #006633;
font: 11px verdana, arial;
font-weight: bold;
}

#pointer{
position:absolute;
width:19px;
height:08px;
z-index:1;
left: 138px;
top: 18px;
background-image: url("../nav/point_grn.gif");
}

/*
#greenbar{
position:absolute;
left:0px;
top:40px;
background-color: #1A7443;
layer-background-color: #1A7443;
border: 1px none #000000;
width: 780px;
height:17px;
}
*/

#upperbar{
position:absolute;
width:780px;
height:58px;
z-index:1;
left: 10px;
top: 0px;
/*background-color: #006633;
layer-background-color: #006633;*/

background-image: url("../nav/topnav_BKGD.gif");
border: 1px none #000000;
font-family:verdana,arial,helvetica,sans-serif;
font-size:1px;
}

/*#middlebar{
position:absolute;
width:780px;
height:0px;
z-index:1;
left: 0px;
top: 40px;
background-color: #FFFFFF;
layer-background-color: #FFFFFF;
border: 1px none #000000;
}
*/

#lowerbar{
position:absolute;
width:780px;
height:13px;
z-index:1;
left: 0px;
top: 58px;
/*background-color: #006633;
layer-background-color: #006633;*/
background-image: url("../nav/topnav_lines.gif");
border: 1px none #000000;
font-family:verdana,arial,helvetica,sans-serif;
font-size:1px;
}

#menu {
height: 23px;
left: 5px;
position: absolute;
top: 42px;
width: 50px;
z-index: 1;
}

#Index {
height: 23px;
left: 32px;
position: absolute;
top: 42px;
width: 125px;
z-index: 1;
}

#scene{
height: 25px;
left: 648px;
position: absolute;
top: 23px;
width: 125px;
z-index: 1;
color: #006633;
font-family:verdana,arial,helvetica,sans-serif;
font-size:9px;
font-weight:bold;
}

#prev{
position:absolute;
width:65px;
height:24px;
z-index:1;
left: 648px;
top: 42px;
}

#next{
position:absolute;
width:60px;
height:24px;
z-index:1;
left: 720px;
top: 42px;
}

/* End Navigation and skin */


/* SME Comment link for TTSDemo*/
#smes {
hieght: 23px;
left: 138px;
position: absolute;
top: 42px;
width: 100px;
z-index: 2;
}

/* general anchor tag click and hover classes */
.ClickClss a {
color: #006633;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

.ClickClss a:hover {
color: #A8D9BF;
text-decoration:none;
cursor:hand;
}

.GryClickClss a {
color: #CCCCCC;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

.GryClickClss a:hover {
color: #CCCCCC;
text-decoration:none;
cursor:hand;
}
/* end anchor tag classes */

/* classes for pop text */
#popholder{
position:absolute; 
z-index:1; 
left: 286px; 
top:75px; 
visibility: visible;
}

#popholder2{
position:absolute; 
z-index:1; 
left: 286px; 
top:155px; 
visibility: visible;
}

#Vline{
position:absolute;
width:2px;
height:300px;
z-index:1;
left: 271px;
top: 20px;
background-color: #CCCCCC;
layer-background-color: #CCCCCC;
border: 1px none #000000;
}

#Vline2{
position:absolute;
width:2px;
height:300px;
z-index:1;
left: 271px;
top: 85px;
background-color: #CCCCCC;
layer-background-color: #CCCCCC;
border: 1px none #000000;
}

#MenuVline{
position:absolute;
width:2px;
height:300px;
z-index:1;
left: 377px;
top: 85px;
background-color: #CCCCCC; 
layer-background-color: #CCCCCC; 
border: 1px none #000000;
}


/* #buttonDiv{
position:relative;
width:260px;
height:270px;
z-index:2;
left: 0px;
top:5px;
overflow:auto;
visibility: visible;
}
*/

#buttonDiv{
position:absolute;
width:260px;
height:320px;
z-index:2;
left: 8px;
top:0px;
overflow:auto;
visibility: visible;
}

/* temp 7 */
#buttonDiv2{
position:relative;
width:260px;
height:255px;
z-index:2;
left: 0px;
top:5px;
overflow:auto;
visibility: visible;
}

.button a {
color:#227339;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:underline;
}

.button a:hover {
color:#5F9EA0;
text-decoration:underline;
cursor:hand;
}

.menubutton a {
color:#227339; 
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:underline;
}

.menubutton a:hover {
color:#5F9EA0;
text-decoration:underline;
cursor:hand;
}

.popdiv {
padding-right:35PX;
}

.button_desc {
font: 11px aerdana,arial;
padding-right:8px;
margin-left:28px;
}

.buttonpop {
font: 12px verdana,arial;
border:1 solid #1A7443;
background-color:#FFFFFF;
color: #000000;
overflow: auto;
width:392px; height:240px;
z-index:1; left: 0px;
top:0px;
visibility: hidden;
padding:10;
}

.menubuttonpop {
font: 12px verdana,arial;
border:1 solid #1A7443;
background-color:#FFFFFF;
color: #000000;
overflow: auto;
width:350px;
height:260px;
z-index:1;
left: 0px;
top:-7px;
visibility: hidden;
padding:10;
}
/* end pop text */


/* menu text classes */
.choiceText {
font: 12px verdana,arial;
margin-left: 2px;
}

.Lev1Clss a {
color:#FFFFFF;
font-family:arial;
font-size:14px;
font-weight:bold;
text-decoration:none;
cursor:hand;
}

.Lev1Clss a:hover {
color:#FFFF66;
text-decoration:none;
cursor:hand;
}  

#MainButtonDiv{
position:absolute; 
width:349px; 
height:340px; 
z-index:2; 
left: 30px; 
top:50px; 
visibility: visible;
}

#ShoBoxDiv{
position:absolute; 
z-index:1; 
left: 399px; 
top:140px; 
font: 12px Verdana,  Arial; 
border:1 solid #1A7443; 
background-color:#FFFFFF; 
color: #000000; 
overflow: auto; 
width:350px; 
height:260px; 
padding:10; 
visibility: visible;
}
/* menu text classes */


/* index number classes */
.IdxNum {
color:#227339;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:bold;
}

.IdxNum a {
color:#227339;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:underline;
}

.IdxNum a:hover {
color:#5F9EA0;
text-decoration:underline;
cursor:hand;
}
/* end index classes */


/* Standard Robo-Doug Course Styles placed in CSS 3/10/2005 */

/* main text classes */
.main {FONT: 12px Verdana, Arial; MARGIN-left: 2px;}
.main:first-letter{font-size:17px;letter-spacing:1px;MARGIN-left: 0px; MARGIN-right: 0px}
/* end main text */

/* quiz main text classes */
.qzmain {FONT: 12px Verdana,  Arial; MARGIN-left: 2px}
.qzmain:first-letter{font-size:17px;letter-spacing:1px;MARGIN-left: 0px; MARGIN-right: 0px}
/* end quiz main text */

/* quiz classes */
.msbutton {
font: 14px "MS Sans Serif",verdana, arial;
}

.feedback {
font: 12px verdana,arial;
border:1 solid #1A7443;
background-color:#FFFFFF;
color: #1A7443;
overflow: auto;
z-index:1;
padding:10;
}
/* end quiz classes */

/* drag and drop classes */
#drag_el{
font: 11px verdana, arial;
/*font: 6px verdana,arial;*/
margin-left: 2px;
color: #000000;
}

.dragger{
font: 11px verdana, arial;
color: #000000;
cursor:hand;
}

.target{
font: 11px verdana,arial;
color: #000000;
}

/* matching styles */
.attrib_style{
font: 11px Verdana, Arial;
font-size:11px;
font-weight:bold;
padding:5; 
padding-left:10; 
cursor:hand; 
backgound-color:#FFFFFF;
border: 2px groove #A52A2A;
}

.concept_style{
font: 11px Verdana, Arial;
font-size:11px;
font-weight:bold;
padding:5; 
padding-left:10; 
//background-color: #FFE4B5;
background-color: #8FBC8B;
border: 2px groove #A52A2A;
}


.clar_style{
font: 11px Verdana, Arial;
font-size:11px;
padding:5; 
padding-left:10; 
cursor:hand; 
background-color: #FAFAD2; 
border: 2px groove #A52A2A;
}

.grey_style{
font: 11px Verdana, Arial;
font-size:11px;
padding:5; 
padding-left:10; 
cursor:hand; 
color:#C0C0C0;
background-color: #F5F5F5;
border: 2px groove #FFFFFF;
}

.alert_style{
font: 11px Verdana, Arial;
font-size:11px;
padding:5; 
padding-left:10; 
color:#000000;
font-weight:bold;
background-color: #FFD700;
text-align:center;
border: 2px groove #FFD700;
}

.handCursor{cursor:hand;}
/* end drag and drop */

/* template 15 image map classes */
/*
// RandomDissolve (random pixels)
//Wheel(duration=2, spokes=8);" // 2 spokes looks cool
// Stretch(duration=3, stretchStyle='push') // LooKS LIKE A CUBE EFFECT
//Pixelate(MaxSquare=20) // wild video effect good for time or place transition
//Iris(irisStyle='CIRCLE', motion='out') // circle wipe

//0=none
//fade=1
//wipe=2
//3= Wheel(duration=2, spokes=8);" // 2 spokes looks cool
//4= Iris(irisStyle='CIRCLE', motion='out') // circle wipe
//5= Stretch(duration=3, stretchStyle='push') // LooKS LIKE A CUBE EFFECT
//6=Pixelate(
*/

.nofilter{
filter:progid:DXImageTransform.Microsoft.fade(duration=.0);
}

.quickfadefilter{
filter:progid:DXImageTransform.Microsoft.fade(duration=.01);
}

.fadefilter{
filter:progid:DXImageTransform.Microsoft.fade(duration=.45);
}

.wipefilter{
filter:progid:DXImageTransform.Microsoft.wipe(duration=.45);
}

.wheelfilter{
filter:progid:DXImageTransform.Microsoft.Wheel(duration=.45, spokes=2);
}

.irisfilter{
filter:progid:DXImageTransform.Microsoft.Iris(duration=.45, irisStyle='CIRCLE', motion='out');
}

.stretchfilter{
filter:progid:DXImageTransform.Microsoft.Stretch(duration=.45, stretchStyle='push');
}

.pixelatefilter{
filter:progid:DXImageTransform.Microsoft.Pixelate(duration=.45, MaxSquare='20');
}

.topdownwipefilter{
filter:progid:DXImageTransform.Microsoft.wipe(duration=.45,GradientSize=0.0, wipeStyle=1, motion='forward');
}

.bottomupwipefilter{
filter:progid:DXImageTransform.Microsoft.wipe(duration=.45,GradientSize=0.0, wipeStyle=1, motion='reverse');
}
/* end image map classes */

/* master RD map handling classes */
#imagemap{
float: left;
position:relative;
/*float: left;*/
left:0px;
top:0px;
z-index:2;
}

#mapcap {
position:relative;
font: 11px Verdana, Arial;
top:0;
padding-left: 8px;
margin-right:  5px;
padding-right: 18px;
/*margin-top: -8px;*/
/*margin-top: 1px;*/
margin-top: -15px;
height:312;
overflow-y: auto; /* IE */
overflow-x: auto; /* IE - force scrollbar inclusive of div width */
/*overflow-x: auto;*/ /* automatically creates width scrollbar*/
z-index:2;
width:100%;
}

#pic_cap {
position:relative;
left:5;
}

#main {
position:relative;
float: left;
/*margin-top: 15px;*/
margin-top: 0px;
left:60;
width:700px;
}

.mapmain {FONT: 12px Verdana, Arial;
MARGIN-left: 2px;
position:relative;
float: left;
/*margin-top: 15px;*/
margin-top: -10px;
left:56px;
width:700px;
}
.mapmain:first-letter{font-size:17px;letter-spacing:1px;MARGIN-left: 0px; MARGIN-right: 0px}

/* end master RD map handling classes */


/* image map caption classes */
.map_cap {
font: 11px verdana, arial;
}

.map_cap UL{
margin-left: 16px;
margin-top: 1px;
}

.cus_map_cap_red {
color:#FF0000;
font-family:verdana,arial,helvetica,sans-serif;
font-size: 11px;
}
/* end image map caption classes */


/* BODY classes */
.BODY {
background-color: #ffffff;
color: #000000;
font: verdana, arial;
font-size: 11px;
}

.BODY UL{
margin-left: 15px;
margin-top: 1px;
}

.BODY B{
color:#227339;
font-family:verdana,arial,helvetica,sans-serif;
font-weight:bold;
}


.H1 {
color: #000080;
font: bold small helevetica, arial;
margin-bottom: -1pt;
margin-top: 8pt;
}

.Standard_Body {
font: 12px verdana, arial;
}

.Standard_Body_Bold {
font: bold 12px "MS Sans Serif", verdana, arial;
}

.SME_comments {
font: 12px "MS Sans Serif", verdana, arial;
color:#FF0000;
}

/* text caption classes */
.txt_cap {
font: 11px verdana, arial;
}

.pic_cap {
	FONT: 11px Verdana, Arial;
}

/* end text caption classes */


/* text region grey box classes */
.textregion {
font: 11px Verdana, Arial;
background-color:#F5F5F5;
color: #000000;
position:relative;
width:100%;
left: 0px;
top:0px;
border:1 solid #1A7443;
/*grey border*/
/*border:1 solid #999999;*/
padding-left: 15px;
padding-top:15;
padding-bottom:15;
padding-right:15;
}
/* end text region grey box classes */


/* custom list indent classes */
.li_indent LI{
margin-left: 30px;
margin-top: 1px;
}

.myindent {
margin-left: 30px;
}

.myindent LI{
margin-left: 30px;
margin-top: 1px;
}
/* end list indent classes */


/* red text classes */
.redtext{
color:#FF0000;
}

.red B{
color:#FF0000;
font-weight:bold;
}
/* end red text classes */


/* pop-index lesson heading class */
.popidx {
color: #800000;
font: 12px Verdana, Arial;
font-weight: bold;
}
/* end pop-index class */


/* custom color and format classes */
/* this section can be added to or customized */
.custom_red {
color:#FF0000;
}

.custom_red B{
color:#FF0000;
font-weight:bold;
}

abbr, acronym, help {
border-bottom: 1px dotted #333;
cursor: help;
}
 
.custom_gold{
color:#DAA520;
}
  
.custom_gold B{
color:#DAA520;
font-weight:bold;
}

.custom_super {
vertical-align:super;
}
/* end custom color and format classes */


/* NOTES */
/* "abbr, acronym, help" WORKS WITH THE TITLE INFO -- EXAMPLE: <acronym title= "Cascading Style Sheets">CSS</acronym>  */
/* NOTE THAT #227339 IS KELLY GREEN */
/* ROBO-DOUG FILE VERSION 06-16-2005 Copyright Kelly Services*/