.float_left
{
  float: left; 
}

.float_overflow
{
  overflow: hidden; 
}

.break
{
  clear: both; 
}

* {margin: 0px; padding: 0px;}
li{margin-left:20px;}
HTML 
{
  height: 100%; 
  overflow-y: scroll; 
}

BODY 
{
  height: 100%; 
}

OPTION
{
  margin: 0px 6px 0px 0px !important; 
}

.inlinedisplay
{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
}

DIV#content_padding a.route
{
  display: inline;
  padding: 10px;

  margin: 10px 10px 0px 0px;
  background: #fff;
  border: 1px solid #000;
  text-decoration:none;

}

.top 
{ 
  vertical-align: top; 
}

.right
{
  text-align: right;
}

.center
{
  text-align: center;
}

.block
{
  display: block;
}

.rightfield
{
  display: block;
  text-align: left;
  width: 120px;
}

P
{
  padding: 5px 0px 5px 0px;
}

BODY
{
  background: url('../images/background.jpg') 0 0 no-repeat;
  margin: 0px;


  font: 1em Arial;

  color: #000000;
}

A, A:visited
{
  color: blue;
  text-decoration:none;
}

A:hover, A:visited:hover
{
  color: blue;
  text-decoration:underline;
}


H1
{
  font-weight: normal;
}




DIV#header
{
  position: relative;
  z-index: 20;
  padding-top: 10px; 
  
/*margin: 0px auto 0 auto; */
  margin-left: 210px;


  width: 752px;

}
DIV#header_container 
{ 
  position: relative; 
  z-index: 20; 
  width: 956px; 
  margin: 0px auto 0 auto ; 
  height: 10px; 
}


DIV#outer_container
{
  position: relative; 
  width: 956px; 
  margin: 0px auto 0 auto ; 
  
}

DIV#tabs_container
{
  position: relative; 
  z-index: 10; 
  width: 956px; 
  margin: 0px auto 0 auto ; 
  height: 40px; 
}

DIV#tabs
{
  position: absolute; 
  left: 210px; 
  z-index: 10;  
  top: 46px; 
  
  width:730px; 
  height: 70px; 
  font-weight: 500;
  font-size: 13px;
  
}

DIV#container 
{
  position: relative; 
  z-index: 2; 
  margin: 40px 0px 0px 210px; 
  padding: 20px 0px 20px 0px;

  height: 328px; 
  opacity: .95;
  filter: alpha(opacity=95);  
  font-size: 0.9em; 
}

DIV#content_padding
{

  background: url('../images/content_mid.gif') 0 0px repeat-y; 
  height: 160px; 
}

*>DIV#content_padding
{
  height: auto !important; 
  min-height: 160px; 
}

DIV#content_zindex
{ 
  z-index: 10; 
  padding: 20px 10px 10px 10px; 
  position: relative; 
  
}

*>DIV#container
{
  height: auto !important; 
  min-height:328px; 
}

DIV#container_head
{
  position: absolute;
  z-index: 3; 
  top: 0px; 
  width: 752px; 
  height: 219px; 
  background: url('../images/content_top.gif') 0 0px no-repeat; 
}

DIV#container_foot
{
  position: absolute;
  z-index: 3; 
  bottom: 0px; 
  width: 752px; 
  height: 292px; 
  background: url('../images/content_bot.gif') 0 0px no-repeat; 
}


A#logo
{
  display: block;

  position: absolute;
  z-index: 0;

  top: 30px;
  left: 0px;

  width: 169px;
  height: 103px;

  background: url('../images/logo.gif') 0 0 no-repeat;
}


DIV#tabs A
{
  font-weight: bolder;
}


A.tab,
A.tab_selected
{
  position: relative;

  float: left;

  width: 50px;
  height: 25px;

  padding: 13px 0px 0px 12px;

  text-decoration: none;
  color: #002e5e;

  z-index: 10;
  font-size: 0.9em;

  background: url('../images/tab_selected.jpg') 0 4px no-repeat;
  display: block;
}

A.tab_selected
{
  width: 58px;
  padding: 15px 0px 0px 18px;
  height: 30px;

  z-index: 9;

  background: url('../images/tab_normal.jpg') 0 0 no-repeat;
}





A#messages_tab
{
  position: absolute;

  display: block;
/*  background: url('../images/messages.jpg') 0 0 no-repeat;

  text-decoration: none;


  color: #002e5e;

  width: 67px;
  height: 25px;

  padding: 7px 0px 0px 3px;

  top: 4px;*/
  /*right: 99px; */
  right: 0px;
}

A#forum_tab
{
  position: absolute;

  display: none;
  background: url('../images/forum.jpg') 0 0 no-repeat;



  text-decoration: none;
  font-weight: bold;
  color: #002e5e;

  width: 47px;
  height: 25px;

  padding: 7px 0px 0px 6px;

  top: 4px;
  right: 46px;
}


A#chat_tab
{

  position: absolute;

  display: none;
  background: url('../images/chat.jpg') 0 0 no-repeat;


  text-decoration: none;
  font-weight: bold;
  color: #002e5e;

  width: 39px;
  height: 25px;

  padding: 7px 0px 0px 7px;

  top: 4px;
  right: 0px;
}

DIV#tab_inner
{
  width: 681px;
  height: 28px;

  position: absolute;
  top: 40px;
  left: 8px;

  background: url('../images/tab_inner.jpg') 0 0 no-repeat;
}


DIV#tab_padding
{
  padding: 5px 0px 0px 25px;
  font-weight: bold;
}

DIV#tab_padding A
{
  color: #4997df;
  font-weight: bold;
}

DIV#tab_padding A:hover
{
  color: #4997df;
  font-weight: bold;
  text-decoration: none;
  border-bottom: solid 1px #002E5E;
}

#content_padding A.hover
{
  font-weight: bold;
  text-decoration:underline;
}

DIV#tab_padding A.selected
{
  color: #002e5e;
  font-weight: bold;
  text-decoration: none;
  border-bottom: solid 1px #002E5E;
}

DIV#tab_padding UL
{
  list-style: none;
}

DIV#tab_padding UL LI
{
  float: left;
  margin-right: 40px;
}

.hidden
{
  display: none;
}

DIV#progress_container
{
  position: relative;
  z-index: 10; 
  padding-top:20px;

  width: 742px;
  height: 100px;

  font-size: 13px;

}


DIV#meter
{
  position: relative;

  margin: 0 auto 0 auto;
  width: 726px;
  height: 83px;

  background: url('../images/meter.jpg') 0 0 no-repeat;
}

DIV#meter.startstep2{
  background: url('../images/meter2.gif') 0 0 no-repeat;
	
}


DIV#track
{
  width: 100%;
  height: 22px;
  background:  url('../images/track.jpg') 0 0 no-repeat;

  position: absolute;
  top: 58px;
  left: 25px;

  font-weight: bold;
}
DIV#track.startstep2{
	background-image:  url('../images/track2.jpg');
}


DIV#track  UL
{
  list-style: none;
}

DIV#track  UL LI
{
  position: absolute;
  text-align: center;
  height: 20px;
  padding-top: 3px;
  margin:0;

}

DIV#track  UL LI.step1,
DIV#track  UL LI.step1_selected
{
  left: 0px;
  width: 132px;
}


DIV#track  UL LI.step1_selected
{
  color: #fff;
  background: url('../images/step_1.jpg') 0 0 no-repeat;
}


DIV#track  UL LI.step2,
DIV#track  UL LI.step2_selected
{
  left: 132px;
  width: 130px;
}

DIV#track  UL LI.step2_selected
{
  color: #fff;
  background: url('../images/step_2.jpg') 0 0 no-repeat;
}



DIV#track  UL LI.step3,
DIV#track  UL LI.step3_selected
{
  left: 262px;
  width: 145px;
}

DIV#track  UL LI.step3_selected
{
  color: #fff;
  background: url('../images/step_3.jpg') 0 0 no-repeat;
}


DIV#track  UL LI.step4,
DIV#track  UL LI.step4_selected
{
  left: 407px;
  width: 135px;
}

DIV#track  UL LI.step4_selected
{
  color: #fff;
  background: url('../images/step_4.jpg') 0 0 no-repeat;
}
/* show rounded end */
DIV#track.startstep2  UL LI.step4_selected
{
  color: #fff;
  background: url('../images/step_5.jpg') 0 0 no-repeat;
}


DIV#track  UL LI.step5,
DIV#track  UL LI.step5_selected
{
  left: 542px;
  width: 135px;
}

DIV#track  UL LI.step5_selected
{
  color: #fff;
  background: url('../images/step_5.jpg') 0 0 no-repeat;
}


DIV#current_state_1,
DIV#current_state_2,
DIV#current_state_3,
DIV#current_state_4,
DIV#current_state_5

{
  width: 92px;
  height: 55px;

  background: url('../images/state_1.jpg') 0 0 no-repeat;
  position: absolute;
  top: 3px;
  left: 49px;
}

DIV#current_state_1.startstep2{
background-image: url('../images/state_2.jpg');
}

DIV#current_state_2
{
  background: url('../images/state_2.jpg') 0 0 no-repeat;
  left: 176px;
}

DIV#current_state_2.startstep2{
background-image: url('../images/state_3.jpg');
}

DIV#current_state_3
{
  background: url('../images/state_3.jpg') 0 0 no-repeat;
  left: 311px;
}

DIV#current_state_3.startstep2{
background-image: url('../images/state_4.jpg');
}

DIV#current_state_4
{
  background: url('../images/state_4.jpg') 0 0 no-repeat;
  left: 449px;
}

DIV#current_state_4.startstep2{
background-image: url('../images/state_5.jpg');
}

DIV#current_state_5
{
  background: url('../images/state_5.jpg') 0 0 no-repeat;
  left: 582px;
}



DIV#content_padding P
{
  margin: 5px 0px 5px 0px;
}


DIV#content_padding_simple
{
  padding: 50px 20px 10px 10px;
  height: 460px;
}

DIV#content_padding_nometer
{
  padding-top: 15px; 
  height: 500px; 
  
}


DIV#footer
{
  position: relative;
  width: 752px;
  margin-left: 210px;

  font-size: 0.8em;

  height: 40px;

}

A#tribal
{
  position: absolute;
  top: 5px;
  left: 10px;
}

A#ctad
{
  position: absolute;
  top: 5px;
  right: 10px;
}

DIV#statements
{
  position: absolute;
  top: 11px;
  left: 120px;

  font-weight: bold;
  font-size: 0.9em;
}

DIV#login_container
{

  margin: 40px 25px 20px 0px;

  
 /* background:  url('../images/login.gif') 0 bottom repeat-x;*/

  width: 265px;

 /*opacity: .95;
 filter: alpha(opacity=95);*/
	float:right;
}
DIV#login-top
{
	position: relative; 
	background: url('../images/login.gif') 0 0 no-repeat;
	height:5px;width:261px;margin: 0px 0px 0px -1px;
}

DIV#login-top .top-right{
	background:  url('../images/login.gif') right 0 no-repeat;
	width:5px;height:5px;
	position: absolute; 
	
	right: -6px; 
}

*>DIV#login-top .top-right
{
	right: -5px; 
}


DIV#login-bottom
{
	background:  url('../images/login.gif') 0 bottom no-repeat;
	height:5px;width:262px;
	position: relative; 
	margin: 0px 0px 0px -1px;
}
DIV#login-bottom .bot-right{
	position: absolute; 
	right: -4px; 	
	background:  url('../images/login.gif') bottom right no-repeat;
	width:5px;
	height:5px;
	bottom:-1px;
}

*>DIV#login-bottom .bot-right { 
	right: -4px; 
	bottom: 0px; 
}

DIV#login_padding
{
  font-size: 1.3em;
  background:  url('../images/login_bck.gif') 0 bottom repeat-x;
  /*margin: 0px 20px 10px 20px;*/
  padding-top: 20px;
  border:1px solid #1b357d;
  padding: 20px;
  padding-bottom:0px;
  border-width: 0 1px;width:222px;
}

DIV#login_padding FORM
{
  padding: 0px;
  margin: 0px;
}

DIV#login_padding INPUT.field
{
  font-size: 1.2em;
  font-weight: normal;
  color: #002e5e;
  width: 215px;
}
DIV#tab_offset
{
  margin-left: 14px;
}

DIV#userinfo A
{
  font-weight: bold;
}

DIV#userinfo
{
  position: absolute;
  right: 20px;

  font-size: 0.8em;

  text-align: right;
}

A.launch
{
  display: block;
  width: 103px;
  height: 21px;

  padding: 4px 0px 0px 0px;

  background: url('../images/launch.gif') 0 0 no-repeat;
  font-weight: bold;

  font-size: 0.9em;
  text-align: center;

}

div.big_launch{
  height: 25px;overflow:hidden;
}

div.big_launch a.launch{
  display: block;
  height: 25px;
  width:auto;
  padding: 4px 0px 0px 0px;
  background:url('../images/launch_tile.gif') 0 0 repeat-x;
  font-weight: bold;
  float:left;
  font-size: 0.9em;
  text-decoration:none;

}

div.big_launch a.launch:hover{
  display: block;
  height: 25px;
  width:auto;
  padding: 4px 0px 0px 0px;
  background:url('../images/launch_tile.gif') 0 0 repeat-x;
  font-weight: bold;
  float:left;
  font-size: 0.9em;
  text-decoration:underline;

}

div.big_launch span{
	display:block;width:18px;float:left;
  height: 25px;
}

div.point_left span.right{

background: url('../images/launch_left.gif') left 0 no-repeat;
}

div.point_left span.left{
background: url('../images/launch_left_end.gif') right 0 no-repeat;	
}


div.point_right span.left{
background: url('../images/launch_right.gif') right 0 no-repeat;	
}

div.point_right span.right{
background: url('../images/launch_right_end.gif') left 0 no-repeat;	
}

div.no_point span.right{
background: url('../images/launch_right_end.gif') left 0 no-repeat;	
}
div.no_point span.left{
background: url('../images/launch_left_end.gif') right 0 no-repeat;	
}


A.button_normal, A.button_normal:hover
{
  position: relative;
  margin-top:4px;

  z-index: 10;

  font-weight: bold;
  color: #002e5e;
  font-size: 0.9em;
  text-decoration: none;
  display: block;
  height: 38px;

  float: left;

  background: url('../images/normal_tile.jpg') 0 0 repeat-x;
}

A.button_normal DIV.normal_left
{
  background: url('../images/normal_left.jpg') 0 0 no-repeat;
  width: 30px;
  height: 38px;

  position: absolute;
  left: 0px;
  top: 0px;
}

A.button_normal DIV.normal_right
{
  background: url('../images/normal_right.jpg') 0 0 no-repeat;
  width: 24px;
  height: 38px;

  position: absolute;
  right: 0px;
  top: 0px;
}


A.button_normal DIV.padding
{
  position: relative;
  z-index: 10;

  padding: 8px 15px 0px 15px;
}


A.button_selected,
A.button_selected:hover
{
  position: relative;


  z-index: 10;

  font-weight: bold;
  color: #002e5e;
  font-size: 0.9em;

  display: block;
  height: 43px;

  float: left;
  text-decoration: none;
  background: url('../images/selected_tile.jpg') 0 0 repeat-x;
}

a#messages_tab.button_selected {
	background-image: url('../images/selected_tile_nobar.gif');
}

A.button_selected DIV.selected_left
{
  background: url('../images/selected_left.jpg') 0 0 no-repeat;
  width: 12px;
  height: 43px;

  position: absolute;
  left: 0px;
  top: 0px;
}
a#messages_tab.button_selected DIV.selected_left{
	background-image: url('../images/selected_left_nobar.gif');
}


A.button_selected DIV.selected_right
{
  background: url('../images/selected_right.jpg') 0 0 no-repeat;
  width: 14px;
  height: 43px;

  position: absolute;
  right: 0px;
  top: 0px;
}
A#messages_tab.button_selected DIV.selected_right{
	background-image: url('../images/selected_right_nobar.gif');
}


A.button_selected DIV.padding
{
  position: relative;
  z-index: 10;

  padding: 18px 23px 0px 20px;
}



DIV#progress
{

  margin-top: 30px;
  display: none;
}

DIV#progress IMG
{
  margin-right: 10px;
}

DIV#progress DIV#status
{
  float: left;
}

DIV#error
{
  color: #ff0000;
}

DIV.hr_solid
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

DIV.hr_dotted
{
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

DIV.hr_dashed
{
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

.brushup_item{
width:60%;overflow:hidden;border-bottom:1px solid #666;margin-bottom:4px;padding-bottom:4px;
}

.brushup_item span{
float:left;margin-top:5px;
}
.brushup_item .big_launch{
float:right;
}
.brushup_item .big_launch span{
float:left;margin-top:0px;
}

A#clientlogo
{
  display: block;

  position: absolute;
  z-index: 0;

  top: 95px;
  left: 6px;

  width: 160px;
  height: 74px;

  background: url('../images/client/logo.gif') 0 0 no-repeat;  
}

DIV#tabsregister
{

  position: absolute;

  z-index: 2;

  top: 0px;
  left: 15px;

  /*width: 700px;*/
  height: 100px;

  font-weight: 500;
  font-size: 13px;

}


DIV#tabsregister A
{
  font-weight: bolder;
}

.bold
{
  font-weight: bold;
}


TH.smallth
{
	font-face: arial, sans-serif;
	font-size: x-small;

}

A.blue_underline
{
	text-decoration: underline;
	color: blue;

}
A.blue_underline:hover
{
	text-decoration: underline;
	color: blue;
}
A.blue_underline:visited
{
	text-decoration: underline;
	color: blue;
}
.external_content
{
	background:url(../images/www.gif) no-repeat;
	padding-left:32px;
}

.errorbox, .successbox
{
  border: 1px solid #333;
  background: #eaeaea;
  vertical-align: top;
  padding: 5px;
  margin: 10px;
  white-space: normal;

  background: #eaeaea url('../images/error.png') 10px 10px no-repeat;
}
.successbox{
  background: #eaeaea url('../images/tick.gif') 10px 10px no-repeat;
}


.errorbox_padding {
  padding: 5px 10px 5px 70px;
  font-size: 0.9em;
  height: 50px;
}

DIV>DIV.errorbox_padding
{
  min-height: 50px;
  height: auto;
}

.errorbox_padding OL,
.errorbox_padding OL LI
{
  margin: 0px;
  padding: 0px;
}


.float_overflow {  overflow: hidden; }
.break {  clear: both;}
.float_left{  float: left; }

table.learningplan{width:100%}
table.learningplan th, table.learningplan td{
  padding:0 5px 0 5px;
}

div.demo{
	border:1px solid #000;
	background-color:#fff;
	padding:3px;
	width:320px;
}
/*textareas should match content */
textarea{font: 1em Arial;}