@charset "utf-8";
/* CSS Document */
*
  {
  font-family: Arial, Helvetica, sans-serif;
  }

  @font-face {
    font-family: MyriadProSemiBold;
    src: url(../MYRIADPRO-SEMIBOLD.ttf)
  }
  @font-face {
    font-family: MyriadPro;
    src: url(../MYRIADPRO-REGULAR.OTF)
  }

body
  {
   position         : relative;
   width            : 379px;
   height           : 600px;
   padding          : 30px;
   font-size        : 8pt;
   background: url(images/dps/bg.jpg);
   margin           : 20px auto 0px auto;
		}


#cert_div {
  position: absolute;
  display:none;
  left: 50%;
  margin-left: -340px;
  width: 680px;
  height: 480px;
  padding: 12px;
  text-align: center;
  color: white;
  margin-top:35px;
}

a
  {
	 text-decoration  : none;
}


table.main
  {
  position         : relatives;
  margin           : 0px auto 0px auto;
  width            : 379px;
  background color : #FFFFFF
  align            : center;
  border-collapse  : collapse;
  font-size        : 4px;
  }

 img
  {
	border: none;
  }

table.main td
  {
  padding          : 0px;
  }

#headImg {
  font-size: 16px;
  font-weight: bold;
  padding: 4px 0 3px 36px;
  width: 342px;
  border-radius: 10px 10px 0 0;
  position: relative;
}

#headImg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 27px;
  width: 27px;
  background: #515151;
  border-right: 1px solid #696969;
  border-radius: 10px 0 0 0;
}

table.sel
  {
  position         : relatives;
  background: url(images/dps/table.jpg);
  margin           : 0px 0px 0px 0px;
  width            : 379px;
  vertical-align  :  top;
  align            : left;
  padding          :  0px;
  font-size        :  15px;
  }

 .b6
  {
  width             : 10px;
  height           : 10px;
  }

 .c3
 {
  width             : 32px;
  height           : 4px;


  }

 .c4
 {
  width             : 2px;
  height           : 4px;
  vertical-align    : top;
  background-color : #878787;
  }



table.sel td
  {
		border           : 0px;
		padding          : 0px;
		}

table.sel td.b4
   {
  width             : 25px;
  height           : 4px;
  vertical-align    : center;
 font

  }

.taskMouseArea {
  color:#595959;
  font-size:small;
}

.taskMouseArea a{
  color:#595959;
}

.taskMouseArea a:hover {
  color: #000;
  text-decoration: underline;
}


#languageTitle {
  font-weight: bold;
  color: #595959;
  font-size: 20px;
  padding-bottom: 5px;
  text-transform: uppercase;
}

#languageTitle span {
  text-transform: uppercase;
}
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
}
.modal {
  width: 400px;
  background: #FFF;
  margin: 10% auto;
  padding: 15px;
  font-size: 15px;
  border-radius: 4px;
  position: relative;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}
.modal h1 {
  font-size: 20px;
  color: #696969;
}
.modal span {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 10px;
  border-radius: 0 4px 0;
  cursor: pointer;
  color: #696969;
}
.modal span:hover {
  color: orangered;
  background: #DDD;
}
.modal span:active {
  background: #CCC;
}
button {
  padding: 5px 10px;
  margin-bottom: 15px;
  cursor: pointer;
  border: 1px solid #AAA;
  border-radius: 3px;
  text-shadow: 0 1px 0 #F5F5F5;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  background: #f5f5f5;
  background: -moz-linear-gradient(top, #f5f5f5 0%, #dddddd 100%);
  background: -webkit-linear-gradient(top, #f5f5f5 0%,#dddddd 100%);
  background: linear-gradient(to bottom, #f5f5f5 0%,#dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dddddd',GradientType=0 );
}
button:hover {
  background: #DDD;
  text-shadow: 0 1px 0 #EEE;
}
button:active {
  background: #CCC;
  text-shadow: 0 1px 0 #DDD;
  box-shadow: none;
}