/* General HTML Element Styles */
A:link, A:visited{
  color: #38C1F5;
  font-weight: bold;
  text-decoration: underline;
}

A:hover, A:active{
  color: #000000;
}

BODY{
  background: #7E7E7E url('gfx/skin_default/back.png') repeat-x;
  font-family: Arial, Arial Narrow;
  font-size: 10pt;
  margin: 0;
  padding: 0;
  text-align: center;
}

IMG{
  border: 0;
}

INPUT[type = text], INPUT[type = password]{
  background: url('gfx/skin_default/form_txtbg.png') repeat-x;
  border: 1px solid #777777;
  height: 22px;
  width: 200px;
}

INPUT[type = text]:focus, INPUT[type = password]:focus{
  border: 1px solid #38C1F5;
}

INPUT[type=submit]{
  background: url('gfx/skin_default/form_btn.png') no-repeat;
  border: 0;
  font-weight: bold;
  height: 26px;
  padding: 0;
  width: 120px;
}

INPUT[type=submit]:hover{
  background: url('gfx/skin_default/form_btn_h.png') no-repeat;
}

INPUT[type=submit]:active{
  background: url('gfx/skin_default/form_btn_a.png') no-repeat;
}

/* Bar Styles */
#mainBarBg{
  background: url('gfx/skin_default/bar.png') repeat-x;
  height: 50px;
  width: 100%;
}

#mainBar{
  padding: 9px 2px 0 2px;
  margin: 0 auto;
  overflow: auto;
  width: 756px;
}

#Logo{
  float: left;
  margin-left: 4px;
}

#Title{
  float: left;
  margin: 1px 0 0 14px;
}

/* Page footer*/

#pageFooter{
  font-size: 8pt;
  color: #444444;
  margin: 0px auto;
  overflow: auto;
  padding: 1em 10px .5em 10px;
  text-align: left;
  width: 740px;
}

#pageFooter A{
  color: #444444;
  font-weight: normal;
  text-decoration: none;
}

#pageFooter:hover{
  color: #FFFFFF;
}

#pageFooter:hover A{
  color: #FFFFFF;
  text-decoration: underline;
}

#pageFooter:hover A:hover{
  color: #FFFFFF;
}

#pageFooter DIV{
  display: inline-block;
  float: left;
}

#pageFooter DIV.right{
  display: inline-block;
  float: right;
  text-align: right;
}

/* Application window styles */

#appWnd{
  margin: 0 auto;
  padding-top: 14px;
  width: 760px;
}

#appWnd .wTop{
  background: url('gfx/skin_default/appwnd_top.png') no-repeat;
  height: 40px;
  width: 100%;
}

#appWnd .wBody{
  background: url('gfx/skin_default/appwnd_body.png') repeat-y;
  border-bottom: 1px solid transparent;
  padding: 0 7px 0 5px;
}

#appWnd .wBottom{
  background: url('gfx/skin_default/appwnd_bottom.png') no-repeat;
  height: 11px;
  width: 100%;
}

#appWnd .wBg1{
  background: url('gfx/skin_default/appwnd_bg1.png') repeat-x;
}

#appWnd .wBg2{
  background: url('gfx/skin_default/appwnd_bg2.png') no-repeat bottom right;
}

#appWnd .wBg3{
  background: url('gfx/skin_default/appwnd_bg3.png') no-repeat top;
  height: 400px;
  text-align: left
}

#appWnd .content{
  padding: 1em 14px 1em 14px;
  text-align: left;
}

#appWnd .Bar{
  overflow: auto;
  text-align: left;
}

#appWnd .titleBar .tLeft{
  background: url('gfx/skin_default/appwnd_tleft.png') no-repeat;
  display: inline-block;
  float: left;
  height: 40px;
  width: 8px;
}

#appWnd .titleBar .tBody{
  background: url('gfx/skin_default/appwnd_tbody.png') repeat-x;
  display: inline-block;
  float: left;
  font-weight: bold;
  font-size: 11pt;
  height: 28px;
  margin: 0 0;
  padding: 12px 6px 0 6px;
  vertical-align: middle;
}

#appWnd .titleBar .tRight{
  background: url('gfx/skin_default/appwnd_tright.png') no-repeat;
  display: inline-block;
  float: left;
  height: 40px;
  width: 19px;
}

/* Application specific object styles */

#text {
  float: left;
  width: 500px;
  margin: 30px 10px 10px 10px;
  text-align: justify;
}

#menu {
  float: right;
  height: 125px;
  width: 200px;
}

#menu FORM{
  padding: 3em 0 2em 0;
}

#menu TD{
  padding: 3px .5em 3px 0;
}

#menu TD[type=right]{
  text-align: right;
}

#menu UL{
  list-style: none;
  margin-left: -40px;
  padding-left: 40px;
}

#menu LI{
  background: url('gfx/skin_default/bullet.png') no-repeat left .35em;
	margin: 0 0 .6em 0;
	padding-left: 1em;
}