/* CSS Document */
html {
  height:100%;
}

body {
  height:100%;
  margin:0;
  padding:0;
  font-family:"Arial";
  color:#4c4c4c;
  font-size:10pt;

}

p {
  padding:0;
  margin:0;
}

img {
  border:0;
}

a {
  color:#0980cd;
  text-decoration:underline;
}

a:hover {
  color:#0980cd;
  text-decoration:none;
}

h1 {
  margin:0;
  color:#0980cd;
  font-weight:normal;
  font-size:15pt;
  text-align:center;
  margin-bottom:12px;
}

h1.left { 
  text-align:left;
}

h3 {
  margin:0;
  color:#0980cd;
  font-weight:normal;
  font-size:15pt;
  margin-bottom:14px;
  text-align:center;
}

form {
  margin:0;
  padding:0;
}

input {
  outline:none;
}

hr {
  display:block;
  height:12px;
  background:url(../images/hr.png) no-repeat top center;
  border:0;
  margin:0;
  margin-bottom:2px;
}

.field {
  border:1px #a8acad solid;
  height:20px;
  background:url(../images/field.jpg) repeat-x top;
  color:#4c4c4c;
  padding:0 4px;
  display:inline;
  border-radius: 2px 2px 2px 2px;
  font-size: 10pt !important;
  font-weight:normal !importnat;
  font-family:"Arial" !important;
}

.field:focus {
  border:1px #2baae2 solid;  
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.field_disable {
  border:1px #a8acad solid;
  height:20px;
  background:url(../images/field_disable.jpg) repeat-x top #e5e5e5;
}

select {
  width:108px;
  border:1px #a8acad solid;
  height:20px;
  background:url(../images/field.jpg) repeat-x top;
  color:#4c4c4c;
  border-radius: 2px 2px 2px 2px;
  font-size: 10pt !important;
  font-weight:normal !importnat;
  font-family:"Arial" !important;
}

select:focus {
  border:1px #2baae2 solid;  
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

textarea {
  border:1px #a8acad solid;
  background:url(../images/field.jpg) repeat-x top;
  color:#4c4c4c;
  padding:3px 4px;
  outline:none;
  margin:0;
  border-radius: 2px 2px 2px 2px;
  font-size: 10pt !important;
  font-weight:normal !importnat;
  font-family:"Arial" !important;
}

textarea:focus {
  border:1px #2baae2 solid;  
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.small_button {
  display:inline-block;
  width:22px;
  height:20px;
  border:1px #a8acad solid;
  background:url(../images/small_button.jpg) repeat-x bottom;
  position:relative;
  border-radius: 2px 2px 2px 2px;
}

.small_button:hover {
  border:1px #2baae2 solid; 
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.small_button:active {
  background-position:left top;
}

.small_button .img {
  position:absolute;
  display:block;
  width:100%;
  height:100%;
}

.button_more .img {
  background:url(../images/button_more.png) no-repeat center center;  
}

.button_remove .img {
  background:url(../images/button_remove.png) no-repeat center center;  
}

.button_add .img {
  background:url(../images/button_add.png) no-repeat center center;  
}

.big_button {
  display:inline-block;
  width:86px;
  height:56px;
  border:1px #a8acad solid;
  background:url(../images/big_button.jpg) repeat-x bottom;
  position:relative;
  text-decoration:none !important;
  text-align:center;
  border-radius: 2px 2px 2px 2px;
}

.big_button .text {
  width:79px;
  color:#4c4c4c;
  border-left:0 !important;
  line-height:18px;
  padding-top:10px;
  display:block;
  width:100%;
}

.big_button:hover {
  border:1px #2baae2 solid; 
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.big_button:active {
  background-position:left top;
}

.l_button {
  display:inline-block;
  width:14px;
  height:14px;
  border:1px #a8acad solid;
  background:url(../images/small_button_2.jpg) repeat-x bottom;
  position:relative;
  border-radius: 2px 2px 2px 2px;
}

.l_button:hover {
  border:1px #2baae2 solid; 
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.l_button:active {
  background-position:left top;
}

.l_button .img {
  position:absolute;
  display:block;
  width:100%;
  height:100%;
}

.l_button_more .img {
  background:url(../images/button_more_2.png) no-repeat center center;  
}

.l_button_remove .img {
  background:url(../images/button_remove_2.png) no-repeat center center;  
}

.l_button_add .img {
  background:url(../images/button_add_2.png) no-repeat center center;  
}

.l_button_copy .img {
  background:url(../images/copy2.png) no-repeat center center; 
}