* {
  margin: 0;
  padding: 0;
}

body {
  font-size:13px;
  font-family: 'Trebuchet MS', 'Helvetica', 'sans-serif';
  text-decoration: none;
  word-spacing: normal;
  letter-spacing: 0;
  line-height: 1.5em;

  color:#151515;
  background-color:#d3d3d3;
  padding:14px;
  background-image:url('ui/bg.gif');
  text-align:center;
}

p {
  margin:0 0 8px 0;
}

a:link,a:active,a:visited
{
  color: #0080FF;
}
a:hover
{
  text-decoration: none;
  color: #FFFFFF;
  background-color:#0080FF;
}


h1
{
  font-weight:normal;
  font-size:19px;
  margin:0px 0px 13px 0px;
  padding:3px 0px;
  color:#303030;
  border-bottom:1px dashed #D7D7D7;
}
h2
{
  font-weight:normal;
  font-size:18px;
  margin:13px 0px 7px 0px;
  color:#303030;
}


fieldset{
  padding:10px;
  border:1px solid #D1D1D1;
}
legend{
  padding: 3px 5px;
  font-size:16px;
  f-ont-weight:bold;
}

.pg_body
{
  width:900px;
  margin:0px auto;
  text-align:left;
}
.pg_border
{
  padding:10px;
  background-color:#9e9e9e;
  background-image:url('ui/bg_dark.gif');
}
.pg_content
{
  background-color:#FFFFFF;
}

.pg_top
{
  padding:15px;
}
.pg_bottom
{
  background-color:#252525;
  text-align:center;
  color:#e4e4e4;
  padding:10px 10px 0px 10px;
}
.pg_bottom p{
  margin:0;
}
.pg_bottom .iSmall{
  color:#808080;
  font-size:11px;
}

.pg_bottom .iSmall a:link,.pg_bottom .iSmall a:active,.pg_bottom .iSmall a:visited
{
  color: #EBEBEB;
  text-decoration: underline;
}
.pg_bottom .iSmall a:hover
{
  text-decoration: underline;
  color: #0080FF;
  background-color:transparent;
}

.pg_bottom2
{
  background-color:#252525;
  height:10px;
}

.pg_menu
{
  padding:5px;
  text-align:center;
} 

.form .iError{
  color:#FF0000;
}
.form .iOptional{
  color:#A5A5A5;
  font-style:italic;
}
.form_shadow{
  background-image: url('../../ui/gradient/d2/50x20/F7F7F7-FFFFFF.png');
  background-repeat: repeat-x;
  background-position:bottom;
}

ul.list{
  padding:0px 5px 0px 20px;
}
ul.list li{
  list-style-type:disc;
}

.faq_content p{
  padding:0 0 8px 0;
}

/* date ***********************************************************************/

/* date */
.formtable .dp_container tr td {
  padding:3px 4px;
}
.dp_container {
  position: absolute;
  width: 14em;   
}
.dp_cal {
  background-color: #fff;
  border: 1px solid #ccc;
}
.dp_cal a {
  text-decoration: none;
  vertical-align: middle;
}
.dp_cal table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.dp_cal select {
  margin: 0.25em;
}
.dp_cal select option {
  padding: 1px 0.25em 1px 1px;
}
.dp_cal table {
  margin: 0;
}
.dp_cal th, .dp_cal td {
  text-align: center;
  padding: 0.25em 0.35em;
}
.dp_cal th {
  border-width: 1px 0;
  color: #666;
  background: #e7f1f8;
}
.dp_cal td {
  cursor: pointer;
}
.dp_cal thead th {
  background: #b8d2e5;
}
.dp_today {
  background: #E2E2E2;
}
.dp_roll {
  background: #ff9;
}
.dp_selected{
  color: #000;
  background: #b8d2e5;
}
.dp_empty{
}

/* must have this for the IE6 select box hiding */
.dp_hide{
  visibility: hidden;
}

.dp_calendar .iField{
  width:80px;
}
.dp_calendar .iIcon{
  vertical-align:middle;
  padding:0 0 4px 0;
  cursor: pointer;
}


#tab
{
  margin:0 0 10px 0;
  background-image:url('ui/tab_bg.gif');
  background-position:bottom left;
  background-repeat:repeat-x;
}
.tab_td
{
  border-bottom:1px solid #717171;
}
.tab_td_sp
{
  border-bottom:1px solid #717171;
  width:7px;
}
.tab_td_tab
{
  border-bottom:1px solid #717171;
  width:10px;
}
.tab_td_tab_a
{
  border-bottom:1px solid #FFFFFF;
}

.tab_side_l
{
  width:9px;
  background-position:top right;
  background-repeat:no-repeat;
}
.tab_td_tab .tab_side_l
{
  background-image:url('ui/tab_tab_l.gif');
}
.tab_td_tab_a .tab_side_l
{
  background-image:url('ui/tab_tab_al.gif');
}

.tab_side_r
{
  width:9px;
  background-position:top left;
  background-repeat:no-repeat;
}
.tab_td_tab .tab_side_r
{
  background-image:url('ui/tab_tab_r.gif');
}
.tab_td_tab_a .tab_side_r
{
  background-image:url('ui/tab_tab_ar.gif');
}

.tab_center
{
  padding:7px 5px 5px 5px;
  text-align:center;
  background-color:#FFFFFF;
  background-position:top left;
  background-repeat:repeat-x;
}
.tab_td_tab .tab_center
{
  background-image:url('ui/tab_tab_c.gif');
}
.tab_td_tab_a .tab_center
{
  background-image:url('ui/tab_tab_ac.gif');
}
.tab_center a:link,.tab_center a:active,.tab_center a:visited
{
  color: #005BB7;
  text-decoration: none;
}
.tab_center a:hover
{
  text-decoration: underline;
  color: #0080FF;
  background-color:transparent;
}

.content{
  margin:20px;
}
.contentStart{
  padding:20px;
  background-image:url('ui/shadow.gif');
  background-position:top left;
  background-repeat:repeat-x;
}

.loader
{
  background-image: url('../../ui/loader.gif');
  background-repeat: no-repeat;
}

.ctrl
{
  padding:3px;
}

.LanguageSelector
{
  padding:0 0 7px 0;
  color:#5D5D5D;
}
.LanguageSelector a:link,.LanguageSelector a:active,.LanguageSelector a:visited
{
  color: #EBEBEB;
  text-decoration: underline;
}
.LanguageSelector a:hover
{
  text-decoration: underline;
  color: #0080FF;
  background-color:transparent;
}
.LanguageSelector a.selected:link,.LanguageSelector a.selected:active,.LanguageSelector a.selected:visited
{
  color:#D8D8D8;
  text-decoration:none;
  cursor:default;
}
.LanguageSelector a.selected:hover
{
  color: #D8D8D8;
  text-decoration:none;
  background-color:transparent;
  cursor:default;
}

a.empty
{
  background:none;
}

.center
{
  position: relative;
  width: 100%;
}
.center:after
{
  content: '';
  display: block;
  clear: both;
}
.centerLeft
{
  position: relative;
  right: 50%;
  float: right;
}
.centerRight
{
  position: relative;
  z-index: 1;
  right: -50%;
}


div.filter{
  display: inline-block;
  padding:0 10px 0 0;
}

.iDisabled,.iDisabled select,.iDisabled select option{
  color:#8b8b8b;
}

/* User Interface *************************************************************/

.uiWindow{
  height:0;
  left:0;
  overflow:visible;
  position:fixed; /*dw*/
  top:0;
  width:100%;
  z-index:101;
}

.uiWindow .uiWindowContent{
  height:0;
  overflow:visible;
  position:relative;
  top: 125px;
}

.uiWindow .uiWindowFrame{
  background-image:url('ui/dialog-sprite.png');
  padding:10px;
  display: inline-block;
}

.uiWindow .uiWindowFrameContent{
  background-color:#FFFFFF;
  text-align:left;
}

.uiTopBar{
  font-weight:normal;
  font-size:18px;
  color:#303030;
  padding:5px 7px;
  background-color:#CEE5FF;
  border:1px solid #6881A5;
  border-bottom:1px solid #B3C8DD;
}

.uiCloseButton{
  float:right;
  margin:3px 0px 1px 1px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background: url('ui/close.png') no-repeat;
}

.uiWindow .iBottomSpace{
  border-left:1px solid #757575;
  border-right:1px solid #757575;
  border-bottom:1px solid #757575;
}

.uiContent{
  padding:10px 12px;
}

.uiBottomButton{
  background-color:#EDEDED;
  border-top:1px solid #D3D3D3;
  padding:5px 7px;
  text-align:center;
}

.uiBottomButton input{
  margin:0 3px;
}

/* FEEDBACK *******************************************************************/
.feedback_ot
{
}
.feedback_l
{
  background-image:url('ui/feedback_l.gif');
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:5px;
}
.feedback_r
{
  background-image:url('ui/feedback_r.gif');
  background-repeat:no-repeat;
  background-position:right center;
  padding-right:5px;
}
.feedback_c
{
  background-color:#ff9100;
  background-image:url('ui/feedback_c.gif');
  background-repeat:repeat-x;
  background-position:left center;
  height:29px;
  font-weight:bold;
  padding:0 10px;
}
.feedback_it
{
  height:29px;
  width:100%;
  border:0;
}
.feedback_a:link,.feedback_a:link:active,.feedback_a:visited,.feedback_a:hover
{
  color:#FFFFFF;
  text-decoration:none;
  background-color:transparent;
}

/* SYSTEM *********************************************************************/

.systemPanel{
  border:1px solid #FFD51C;
  background-color:#FFEFAF;
  color:#000000;
  padding:7px;
  margin:5px 0;
  text-align:center;
}

/* SLED ***********************************************************************/

#sled{
  height:0;
  right:10px;
  bottom:26px;
  overflow:visible;
  position:fixed;
  z-index:101;
  display:none;
}
#sled .iContainer{
  height:0;
  overflow:visible;
  position:relative;
}
#sled .iBorder{
  background-color:#FF8800;
  padding:3px 5px 3px 5px;
}
#sled .iLayer{
  color:#FFFFFF;
  background-image:url('ui/loader.gif');
  background-repeat:no-repeat;
  background-position:left center;
  padding:0 0 1px 21px;
  vertical-align:-9px;
}

/* SUBMENU ********************************************************************/


.submenu {
  padding:0 5px 9px 8px;
  background-image:url("../../ui/gradient/d2/50x20/F2F2F2-FFFFFF.png"); /* '../../ui/gradient/d2/50x20/F7F7F7-FFFFFF.png' */
  background-position:left bottom;
  background-repeat:repeat-x;
  border-bottom:1px solid #E8E8E8;
}

.submenu .iCenter
{
  position: relative;
  width: 100%;
}
.submenu .iCenter:after
{
  content: '';
  display: block;
  clear: both;
}
.submenu .iCenterLeft
{
  position: relative;
  right: 50%;
  float: right;
}
.submenu .iCenterRight
{
  position: relative;
  z-index: 1;
  right: -50%;
}


.submenu a {
  display: block;
  float: left;
  height: 23px;
  overflow: hidden;
  margin: 0 2px;
  padding: 0 0 0 12px;
  cursor: pointer;
  background: url('ui/submenu-bg.png') no-repeat left 23px;
}
.submenu a span.ismSide {
  display: block;
  float: left;
  height: 23px;
  overflow: hidden;
  margin: 0;
  padding: 0 12px 0 0;
  cursor: pointer;
  background: url('ui/submenu-bg.png') no-repeat right 23px;
}
.submenu a span.ismBG {
  display: block;
  float: left;
  height: 23px;
  overflow: hidden;
  margin: 0;
  padding: 2px 0 0 0;
  cursor: pointer;
  line-height: 17px;
}

.submenu a:hover {
  background-color: transparent;
  background-position: left -46px;
  color: #000;
}
.submenu a:hover span.ismSide {
  background-position: right -69px;
}
.submenu a:hover span.ismBG {
  background-color: #d9d9d9;
}

.submenu a.iAct, .submenu a:hover.iAct {
  background-color: transparent;
  background-position: left 0px;
  text-decoration:none;
  color: #fff;
}
.submenu a.iAct span.ismSide, .submenu a:hover.iAct span.ismSide {
  background-position: right -23px;
}
.submenu a.iAct span.ismBG, .submenu a:hover.iAct span.ismBG {
  background-color: #ee630b;
}


/* Info Dot */
.infodot{
  width:16px;
  height:16px;
  background:url('ui/infodot.png') no-repeat;
  display:inline-block;
  vertical-align:middle;
  cursor:pointer;
}

.infodot .iInfo{}

.infodotFrame{
  position: absolute;
  display:block;
}

.infodotFrame .iContentTop, .infodotFrame .iContentRight, .infodotFrame .iContentBottom, .infodotFrame .iContentLeft{
  background-color:#FFC;
  color:#000000;
  font-size:12px;
  border:1px solid #C93;
  padding:3px 5px;
}
.infodotFrame .iContentRight{
  float:left;
}
.infodotFrame .iContentLeft{
  float:left;
}

.infodotFrame .iAngleTop, .infodotFrame .iAngleRight, .infodotFrame .iAngleBottom, .infodotFrame .iAngleLeft{
  position:relative;
  background-repeat:no-repeat;
  overflow:hidden;
}
.infodotFrame .iAngleTop{
  bottom:1px;
  background-image:url('ui/infodot_angle_top.gif');
  background-position:center top;
  height:10px;
}
.infodotFrame .iAngleRight{
  left:1px;
  background-image:url('ui/infodot_angle_right.gif');
  background-position:left center;
  width:10px;
  float:left;
}
.infodotFrame .iAngleBottom{
  top:1px;
  background-image:url('ui/infodot_angle_bottom.gif');
  background-position:center bottom;
  height:10px;
}
.infodotFrame .iAngleLeft{
  right:1px;
  background-image:url('ui/infodot_angle_left.gif');
  background-position:right center;
  width:10px;
  float:left;
}