@charset "utf-8";

/* CSS Document */

@font-face {
  font-family: "BBCNassim";

  src: url("BahijNassim-Bold.woff2") format("woff2"),
    url("BahijNassim-Bold.woff") format("woff");

  font-weight: bold;

  font-style: normal;
}

::-webkit-scrollbar {
  width: 14px;

  background-color: silver;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  border-radius: 10px;

  background-color: silver;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);

  background-color: #0099cc;
}

table a {
  text-decoration: none;
}

html,
body {
  margin: 0;
  padding: 0;
  direction: rtl;
}

div,
table,
img,
p,
a,
h1,
h2,
h3,
h4,
h5,
h6,
span,
form,
input,
fieldset,
ul,
li,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

img,
img a {
  border: none;
}

.img,
.img a:link,
.img a:visited {
  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

  border: 2px solid #ccc;

  padding: 1px;
}

.img:hover {
}

.imgBox {
  padding: 2px;

  border: 1px solid #ccc;

  background: #f5f5f5;
}

.imgBox:hover {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

.imgBox_xl {
  padding: 7px;

  border: 1px solid #ccc;

  background: #f5f5f5;
}

.imgBox_xl:hover {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

.rounded-corners {
  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -khtml-border-radius: 5px;

  border-radius: 5px;
}

.rounded-cornersWithBorders {
  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -khtml-border-radius: 5px;

  border-radius: 5px;

  border: 1px solid #ccc;

  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.rounded-cornersLess {
  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;
}

.bordered_table,
.bordered_table table,
.bordered_table td,
.bordered_table th {
  border-collapse: collapse;

  border: 1px solid black;
}

.bordered_table1,
.bordered_table1 td {
  border-collapse: collapse;

  border: 1px solid #c9c692;
}

.LinksBig,
.LinksBig a:link,
.LinksBig a:visited {
  font-family: Times;

  font-size: 22px;

  direction: rtl;

  font-weight: normal;

  text-decoration: none;
}

.LinksBig a:hover {
  text-decoration: underline;
}

.SaveButton {
  width: 150px;

  cursor: pointer;

  background: url(../images/icons/save_icon.png) no-repeat 95% #fff;

  color: #000;

  border: 0px solid #ccc;

  height: 30px;

  padding-top: 0px;

  font-family: BBCNassim;

  font-size: 18px;

  font-weight: normal;

  text-decoration: none;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;
}

.SaveButton:hover {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.LoginButton {
  width: 170px;

  cursor: pointer;

  background: url(../images/icons/login.png) no-repeat 3% #0097e6;

  color: #fff;

  border: 1px solid #0097e6;

  height: 40px;

  padding-bottom: 2px;

  font-family: BBCNassim;

  font-size: 16px;

  font-weight: normal;

  text-decoration: none;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;
}

.LoginButton:hover {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.disabled {
  border: 3px solid #f00;
}

.enabled {
  border: 3px solid #0f6;
}

.TitlesWithBG,
.TitlesWithBG a:link,
TitlesWithBG a:visited {
  font-family: BBCNassim;

  font-size: 30px;

  font-weight: normal;

  padding: 5px;

  width: 50%;

  margin: 0 auto;

  text-align: center;

  display: block;

  clear: both;

  color: #000;

  text-decoration: none;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -khtml-border-radius: 5px;

  border-radius: 5px;

  border-bottom: 1px dotted #ccc;
}

.topSysMenus,
.topSysMenus a,
.topSysMenus a:visited {
  font-family: BBCNassim;

  font-size: 16px;

  font-weight: normal;

  text-decoration: none;

  color: #036;
}

.topSysMenus a:hover {
  color: #06c;
}

.MainNavFont,
.MainNavFont a,
.MainNavFont a:visited {
  font-family: BBCNassim;

  font-size: 19px;

  font-weight: normal;

  text-decoration: none;

  color: #000;
}

.MainNavFont a:hover {
  color: #06c;
}

.topSysMenus2,
.topSysMenus2 a,
.topSysMenus2 a:visited {
  font-family: BBCNassim;

  font-size: 21px;

  font-weight: normal;

  text-decoration: none;

  color: #000;
}

.topSysMenus2 a:hover {
  color: #06c;
}

.topSysMenus2w,
.topSysMenus2w a,
.topSysMenus2w a:visited {
  font-family: BBCNassim;

  font-size: 21px;

  font-weight: normal;

  text-decoration: none;

  color: #fff;
}

.topSysMenus2w a:hover {
  color: #06c;
}

.topSysMenus_w,
.topSysMenus_w a,
.topSysMenus_w a:visited {
  font-family: tahoma;

  font-size: 11px;

  font-weight: normal;

  text-decoration: none;

  color: #fff;
}

.topSysMenus_w a:hover {
  color: #ccc;
}

.topSysMenusWhite,
.topSysMenusWhite a,
.topSysMenusWhite a:visited {
  font-family: BBCNassim;

  font-size: 17px;

  font-weight: normal;

  text-decoration: none;

  color: #fff;
}

.topSysMenusWhite a:hover {
  color: #ccc;
}

.TitleTextsBig,
.TitleTextsBig a,
.TitleTextsBig a:visited {
  font-family: BBCNassim;

  font-size: 30px;

  font-weight: normal;

  text-decoration: none;

  color: #003162;

  border: 1px solid #ccc;

  background: #e4e4e4;

  margin: 15px auto;

  padding: 0 5px;

  text-align: center;
}

.TitleTextsBig a:hover {
  color: #000;
}

.TitleTextsBig1,
.TitleTextsBig1 a,
.TitleTextsBig1 a:visited {
  font-family: BBCNassim;

  font-size: 22px;

  font-weight: normal;

  text-decoration: none;

  color: #f5f5f5;

  background: #005b9e;

  margin: 15px auto;

  padding: 0 5px;

  text-align: center;
}

.TitleTextsBig1 a:hover {
  color: #fff;
}

.TitleTexts,
.TitleTexts a,
.TitleTexts a:visited {
  font-family: BBCNassim;

  font-size: 20px;

  font-weight: normal;

  text-decoration: none;

  color: #003162;
}

.TitleTexts a:hover {
  color: #000;
}

.TitleTexts2,
.TitleTexts2 a,
.TitleTexts2 a:visited {
  font-family: BBCNassim;

  font-size: 23px;

  font-weight: normal;

  text-decoration: none;

  color: #fff;
}

.TitleTexts2 a:hover {
  color: #000;
}

.tahoma11,
.tahoma11 a,
.tahoma11 a:visited {
  font-family: tahoma;

  font-size: 11px;

  font-weight: normal;

  text-decoration: none;

  color: #000;
}

.tahoma11 a:hover {
  color: #069;
}

.tahoma13,
.tahoma13 a,
.tahoma13 a:visited {
  font-family: tahoma;

  font-size: 13px;

  font-weight: normal;

  text-decoration: none;

  color: #000;
}

.tahoma13 a:hover {
  color: #069;
}

.tahoma11Bold,
.tahoma11Bold a,
.tahoma11Bold a:visited {
  font-family: tahoma;

  font-size: 11px;

  font-weight: bold;

  text-decoration: none;

  color: #000;
}

.tahoma11Bold a:hover {
  color: #069;
}

.tahoma14_w,
.tahoma14_w a,
.tahoma14_w a:visited {
  font-family: tahoma;

  font-size: 14px;

  font-weight: normal;

  text-decoration: none;

  color: #fff;
}

.tahoma14_w a:hover {
  color: #ccc;
}

.tahoma11_w,
.tahoma11_w a,
.tahoma11_w a:visited {
  font-family: tahoma;

  font-size: 11px;

  font-weight: normal;

  text-decoration: none;

  color: #fff;
}

.tahoma11_w a:hover {
  color: #ccc;
}

.TitleTextsMed,
.TitleTextsMed a,
.TitleTextsMed a:visited {
  font-family: BBCNassim;

  font-size: 22px;

  font-weight: normal;

  text-decoration: none;

  color: #003162;
}

.TitleTextsMed a:hover {
  color: #06c;
}

.Dates,
.Dates a,
.Dates a:visited {
  font-family: tahoma;

  font-size: 11px;

  font-weight: normal;

  text-decoration: none;

  color: #999;
}

.Dates a:hover {
  color: #000;
}

.errParaMsg {
  width: 81%;

  margin: 10px 0;

  padding: 8px 35px 8px;

  background: url(../images/icons/excl_red.png) no-repeat right #ffc;

  border: 1px solid #f00;
}

.btn1,
.btn1 a:link,
.btn1 a:visited {
  display: inline-block;

  width: 140px;

  height: 28px;

  padding-top: 6px;

  background: url(../images/icons/square_lightblue.png) no-repeat 120px 50% #fff;

  font-family: BBCNassim;

  font-size: 16px;

  font-weight: normal;

  text-decoration: none;

  color: #069;

  margin: 0 2px;

  text-align: center;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

  border: 1px solid #ccc;
}

.btn1:hover,
.btn1:focus {
  color: #000;

  background: url(../images/icons/squire_red.png) no-repeat 120px 50% #fff;

  border-bottom: 1px solid #f00;
}

.btn1_add,
.btn1_add a:link,
.btn1_add a:visited {
  display: inline-block;

  width: auto;

  height: 28px;

  padding: 6px 45px 3px 45px;

  background: url(../images/icons/add_enabled.png) no-repeat 95% 50% #fff;

  font-family: BBCNassim;

  font-size: 16px;

  font-weight: normal;

  text-decoration: none;

  color: #069;

  margin: 0 2px;

  text-align: center;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

  border: 1px solid #ccc;
}

.btn1_add:hover,
.btn1_add:focus {
  color: #000;

  border-bottom: 2px solid #090;
}

.btn2_add,
.btn2_add a:link,
.btn2_add a:visited {
  display: inline-block;

  width: auto;

  height: 28px;

  padding: 6px 45px 3px 45px;

  background: url(../images/icons/add_enabled.png) no-repeat 95% 50% #3c0;

  font-family: BBCNassim;

  font-size: 16px;

  font-weight: normal;

  text-decoration: none;

  color: #fff;

  margin: 0 2px;

  text-align: center;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

  -moz-transition-property: all;

  -moz-transition-duration: 1s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 1s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 1s;

  -ms-property: all;

  -ms-transition-duration: 1s;

  transition-property: all;

  transition-duration: 1s;
}

.btn2_add:hover,
.btn2_add:focus {
  color: #000;

  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.2);

  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;
}

.btn1_list,
.btn1_list a:link,
.btn1_list a:visited {
  display: inline-block;

  width: auto;

  height: 31px;

  padding: 6px 35px 0px 35px;

  background: url(../images/icons/list_icon.png) no-repeat 95% 50% #fff;

  font-family: tahoma;

  font-size: 11px;

  font-weight: normal;

  text-decoration: none;

  color: #069;

  margin: 0 2px;

  text-align: center;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

  border: 1px solid #ccc;
}

.btn1_list:hover,
.btn1_list:focus {
  color: #000;

  border-bottom: 2px solid orange;
}

.btn1_search,
.btn1_search a:link,
.btn1_search a:visited {
  display: inline-block;

  width: auto;

  height: 31px;

  padding: 6px 45px 0px 45px;

  background: url(../images/icons/search_icon.png) no-repeat 95% 50% #fff;

  font-family: BBCNassim;

  font-size: 16px;

  font-weight: normal;

  text-decoration: none;

  color: #069;

  margin: 0 2px;

  text-align: center;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

  border: 1px solid #ccc;
}

.btn1_search:hover,
.btn1_search:focus {
  color: #000;

  border-bottom: 2px solid #09c;
}

.btn1_selected,
.btn1_selected a:link,
.btn1_selected a:visited {
  display: inline-block;

  width: 140px;

  height: 28px;

  padding-top: 6px;

  background: url(../images/icons/squire_red.png) no-repeat 120px 50% #fff;

  font-family: BBCNassim;

  font-size: 16px;

  font-weight: normal;

  text-decoration: none;

  color: #000;

  margin: 0 2px;

  text-align: center;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

  border-bottom: 2px solid #f00;

  cursor: default;
}

.btn_okay1,
.btn_okay1 a:link,
.btn_okay1 a:visited {
  display: inline-block;

  width: 100px;

  height: 25px;

  padding-top: 6px;

  background: url(../images/icons/okay_green.png) no-repeat 115px 50% #fff;

  font-family: tahoma;

  font-size: 13px;

  font-weight: normal;

  text-decoration: none;

  color: #069;

  margin: 0 2px;

  text-align: center;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

  border: 1px solid #ccc;

  padding-top: 7px;
}

.btn_okay1:hover,
.btn1:focus {
  color: #000;

  background: url(../images/icons/okay_green.png) no-repeat 115px 50% #fff;

  border-bottom: 1px solid #0c0;
}

.btn_okay_off,
.btn_okay_off a:link,
.btn_okay_off a:visited {
  display: inline-block;

  width: 90px;

  height: 25px;

  padding-top: 6px;

  background: url(../images/icons/okay_gray.png) no-repeat 73px 50% #fff;

  background-size: 15px;

  font-family: tahoma;

  font-size: 11px;

  font-weight: normal;

  text-decoration: none;

  color: #069;

  margin: 0 2px;

  text-align: center;

  border: 1px solid #ccc;

  padding-top: 7px;
}

.btn_okay_off:hover,
.btn_okay_off:focus {
  color: #000;

  border-bottom: 1px solid #0c0;
}

.btn_okay_on,
.btn_okay_on a:link,
.btn_okay_on a:visited {
  display: inline-block;

  width: 90px;

  height: 25px;

  padding-top: 6px;

  background: url(../images/icons/okay_green.png) no-repeat 73px 50% #fff;

  background-size: 15px;

  font-family: tahoma;

  font-size: 11px;

  font-weight: normal;

  text-decoration: none;

  color: #069;

  margin: 0 2px;

  text-align: center;

  border: 1px solid #ccc;

  padding-top: 7px;

  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.btn_okay_on:hover,
.btn_okay_on:focus {
  color: #000;

  border-bottom: 1px solid #0c0;
}

.btn_cancel1,
.btn_cancel1 a:link,
.btn_cancel1 a:visited {
  display: inline-block;

  width: 140px;

  height: 25px;

  padding-top: 6px;

  background: url(../images/icons/cancel_red.png) no-repeat 115px 50% #fff;

  font-family: tahoma;

  font-size: 13px;

  font-weight: normal;

  text-decoration: none;

  color: #069;

  margin: 0 2px;

  text-align: center;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

  border: 1px solid #ccc;

  padding-top: 7px;
}

.btn_cancel1:hover,
.btn1:focus {
  color: #000;

  background: url(../images/icons/cancel_red.png) no-repeat 115px 50% #fff;

  border-bottom: 1px solid red;
}

.btn4,
.btn4 a:link,
.btn4 a:visited {
  display: inline-block;

  width: 150px;

  height: 30px;

  padding-top: 0px;

  background: #c00;

  font-family: BBCNassim;

  font-size: 18px;

  font-weight: normal;

  text-decoration: none;

  color: #fff;

  margin: 0 2px;

  text-align: center;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -khtml-border-radius: 5px;

  border-radius: 5px;

  -moz-transition-property: background;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: background;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: background;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: background;

  -ms-transition-duration: 0.5s;

  transition-property: background;

  transition-duration: 0.5s;

  border: none;
}

.btn4:hover,
.btn1:focus {
  color: #fff;

  background: #161e3d;

  -moz-transition-property: background;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: background;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: background;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: background;

  -ms-transition-duration: 0.5s;

  transition-property: background;

  transition-duration: 0.5s;
}

.succMsg {
  width: 15%;

  height: 30px;

  font-family: tahoma;

  font-size: 13px;

  font-weight: normal;

  background: url(../images/icons/tick.png) 97% 10px no-repeat #fff;

  color: #090;

  text-align: center;

  border: 1px solid #090;

  margin: 2px auto;

  padding-top: 10px;

  position: absolute;

  top: 3%;
  left: 0;
  bottom: 0;
  right: 0;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -khtml-border-radius: 5px;

  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.2);

  z-index: 1000000;
}

.errMsg {
  font-family: tahoma;

  font-size: 12px;

  color: #f00;

  padding: 8px 28px 8px;

  width: auto;

  display: block;

  background: url(../images/icons/err.png) 99.7% 6px no-repeat #e0edf3;

  border-bottom: 2px solid red;

  margin: 0px 0 15px 0;

  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.deniedMsg {
  font-family: BBCNassim;

  font-size: 18px;

  color: #f00;

  padding: 8px 38px 8px;

  width: auto;

  display: block;

  width: 80%;

  background: url(../images/icons/err.png) 99.2% 10px no-repeat #fff;

  border-right: 2px solid red;

  border-left: 2px solid red;

  margin: 50px auto;

  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.deniedMsg1 {
  font-family: BBCNassim;

  font-size: 18px;

  color: #f00;

  padding: 5px 38px 5px;

  width: auto;

  display: block;

  width: 93%;

  background: url(../images/icons/err.png) 99.2% 10px no-repeat #ffc;

  border-top: 1px solid red;

  border-right: 2px solid red;

  border-left: 2px solid red;

  border-top: 1px solid red;

  border-bottom: 1px solid red;

  margin: 5px auto;
}

.btn2,
.btn2 a:link,
.btn2 a:visited {
  width: 100px;

  height: 30px;

  padding-top: 0px;

  background-image: -webkit-linear-gradient(90deg, #174a05 0%, #246e0b 100%);

  background-image: linear-gradient(0deg, #174a05 0%, #246e0b 100%);

  font-family: BBCNassim;

  font-size: 18px;

  font-weight: normal;

  text-decoration: none;

  color: #fff;

  margin: 0 2px;

  border: none;

  text-align: center;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -khtml-border-radius: 5px;

  border-radius: 5px;

  -moz-transition-property: background;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: background;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: background;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: background;

  -ms-transition-duration: 0.5s;

  transition-property: background;

  transition-duration: 0.5s;
}

.btn2:hover,
.btn2:focus {
  color: #fff;

  background: #003300;

  -moz-transition-property: background;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: background;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: background;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: background;

  -ms-transition-duration: 0.5s;

  transition-property: background;

  transition-duration: 0.5s;
}

.checkbox {
  width: 18px;

  height: 18px;
}

.btn3,
.btn3 a:link,
.btn3 a:visited {
  width: 150px;

  height: 30px;

  padding: 10px 100px;

  background: #906;

  font-family: BBCNassim;

  font-size: 22px;

  font-weight: normal;

  text-decoration: none;

  color: #fff;

  margin: 0 2px;

  border: none;

  text-align: center;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -khtml-border-radius: 5px;

  border-radius: 5px;

  -moz-transition-property: background;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: background;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: background;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: background;

  -ms-transition-duration: 0.5s;

  transition-property: background;

  transition-duration: 0.5s;
}

.btn3:hover,
.btn3:focus {
  color: #fff;

  background: #000;

  -moz-transition-property: background;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: background;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: background;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: background;

  -ms-transition-duration: 0.5s;

  transition-property: background;

  transition-duration: 0.5s;
}

.redCircleNotice,
.redCircleNotice a:link,
.redCircleNotice a:visited {
  background: #f00;

  font-size: 15px;

  font-family: BBCNassim;

  font-weight: normal;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  padding: 3px 2px 0px 2px;

  width: 40px;

  height: 25px;

  text-decoration: none;

  padding-bottom: 0px;

  -moz-border-radius: 15%;

  -webkit-border-radius: 15%;

  -khtml-border-radius: 15%;

  border-radius: 15%;
}
.yellowCircleNotice,
.yellowCircleNotice a:link,
.yellowCircleNotice a:visited {
  background: yellow;

  font-size: 15px;

  font-family: BBCNassim;

  font-weight: normal;

  color: #000 !important;

  text-align: center;

  display: inline-block;

  padding: 3px 2px 0px 2px;

  width: 40px;

  height: 25px;

  text-decoration: none;

  padding-bottom: 0px;

  -moz-border-radius: 15%;

  -webkit-border-radius: 15%;

  -khtml-border-radius: 15%;

  border-radius: 15%;
}

.grayCircleNotice,
.grayCircleNotice a:link,
.grayCircleNotice a:visited {
  background: #4c4c4c;

  font-size: 15px;

  font-family: BBCNassim;

  font-weight: normal;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  padding: 3px 2px 0px 2px;

  width: 40px;

  height: 25px;

  text-decoration: none;

  padding-bottom: 0px;

  -moz-border-radius: 15%;

  -webkit-border-radius: 15%;

  -khtml-border-radius: 15%;

  border-radius: 15%;
}

.pinkCircleNotice,
.pinkCircleNotice a:link,
.pinkCircleNotice a:visited {
  background: #7122b0;

  font-size: 15px;

  font-family: BBCNassim;

  font-weight: normal;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  padding: 3px 2px 0px 2px;

  width: 40px;

  height: 25px;

  text-decoration: none;

  padding-bottom: 0px;

  -moz-border-radius: 15%;

  -webkit-border-radius: 15%;

  -khtml-border-radius: 15%;

  border-radius: 15%;
}

.redCircleNotice_small,
.redCircleNotice_small a:link,
.redCircleNotice_small a:visited {
  background: #f00;

  font-size: 15px;

  font-family: BBCNassim;

  font-weight: normal;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  padding-top: 3px;

  width: 27px;

  height: 24px;

  vertical-align: middle;

  text-decoration: none;

  padding-bottom: 0px;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  -khtml-border-radius: 50%;

  border-radius: 50%;
}

.greenCircleNotice,
.greenCircleNotice a:link,
.greenCircleNotice a:visited {
  background: #090;

  font-size: 15px;

  font-family: BBCNassim;

  font-weight: normal;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  padding: 3px 2px 0px 2px;

  width: 40px;

  height: 25px;

  text-decoration: none;

  padding-bottom: 0px;

  -moz-border-radius: 15%;

  -webkit-border-radius: 15%;

  -khtml-border-radius: 15%;

  border-radius: 15%;
}

.LightBlueCircleNotice,
.LightBlueCircleNotice a:link,
.LightBlueCircleNotice a:visited {
  background: rgb(0, 153, 204);

  font-size: 15px;

  font-family: BBCNassim;

  font-weight: normal;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  padding: 3px 2px 0px 2px;

  width: 40px;

  height: 25px;

  text-decoration: none;

  padding-bottom: 0px;

  -moz-border-radius: 15%;

  -webkit-border-radius: 15%;

  -khtml-border-radius: 15%;

  border-radius: 15%;
}

.LightBlueCircleNotice_small,
.LightBlueCircleNotice_small a:link,
.LightBlueCircleNotice_small a:visited {
  background: rgb(0, 153, 204);

  font-size: 13px;

  font-family: BBCNassim;

  font-weight: normal;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  padding-top: 3px;

  width: 27px;

  height: 24px;

  vertical-align: middle;

  text-decoration: none;

  padding-bottom: 0px;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  -khtml-border-radius: 50%;

  border-radius: 50%;
}

.grayCircleNotice_small,
.grayCircleNotice_small a:link,
.grayCircleNotice_small a:visited {
  background: #666;

  font-size: 13px;

  font-family: BBCNassim;

  font-weight: normal;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  padding-top: 3px;

  width: 27px;

  height: 24px;

  vertical-align: middle;

  text-decoration: none;

  padding-bottom: 0px;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  -khtml-border-radius: 50%;

  border-radius: 50%;
}

.yellowCircleNotice_small,
.yellowCircleNotice_small a:link,
.yellowCircleNotice_small a:visited {
  background: #f7e703;

  font-size: 13px;

  font-family: BBCNassim;

  font-weight: normal;

  color: #000;

  text-align: center;

  display: inline-block;

  padding-top: 3px;

  width: 27px;

  height: 24px;

  vertical-align: middle;

  text-decoration: none;

  padding-bottom: 0px;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  -khtml-border-radius: 50%;

  border-radius: 50%;
}

.pinkCircleNotice_small,
.pinkCircleNotice_small a:link,
.pinkCircleNotice_small a:visited {
  background: #7122b0;

  font-size: 13px;

  font-family: BBCNassim;

  font-weight: normal;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  padding-top: 3px;

  width: 27px;

  height: 24px;

  vertical-align: middle;

  text-decoration: none;

  padding-bottom: 0px;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  -khtml-border-radius: 50%;

  border-radius: 50%;
}

.greenCircleNotice_small,
.greenCircleNotice_small a:link,
.greenCircleNotice_small a:visited {
  background: #090;

  font-size: 13px;

  font-family: BBCNassim;

  font-weight: normal;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  padding-top: 3px;

  width: 27px;

  height: 24px;

  vertical-align: middle;

  text-decoration: none;

  padding-bottom: 0px;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  -khtml-border-radius: 50%;

  border-radius: 50%;
}

.blueCircleNotice,
.blueCircleNotice a:link,
.blueCircleNotice a:visited {
  background: #264178;

  font-size: 15px;

  font-family: BBCNassim;

  font-weight: normal;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  padding: 3px 2px 0px 2px;

  width: 40px;

  height: 25px;

  text-decoration: none;

  padding-bottom: 0px;

  -moz-border-radius: 15%;

  -webkit-border-radius: 15%;

  -khtml-border-radius: 15%;

  border-radius: 15%;
}

.blueCircleNotice_small,
.blueCircleNotice_small a:link,
.blueCircleNotice_small a:visited {
  background: #264178;

  font-size: 13px;

  font-family: BBCNassim;

  font-weight: normal;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  padding-top: 3px;

  width: 27px;

  height: 24px;

  vertical-align: middle;

  text-decoration: none;

  padding-bottom: 0px;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  -khtml-border-radius: 50%;

  border-radius: 50%;
}

.orangeCircleNotice,
.orangeCircleNotice a:link,
.orangeCircleNotice a:visited {
  background: #e67e22;

  font-size: 15px;

  font-family: BBCNassim;

  font-weight: normal;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  padding: 3px 2px 0px 2px;

  width: 40px;

  height: 25px;

  text-decoration: none;

  padding-bottom: 0px;

  -moz-border-radius: 15%;

  -webkit-border-radius: 15%;

  -khtml-border-radius: 15%;

  border-radius: 15%;
}

.orangeCircleNotice_small,
.orangeCircleNotice_small a:link,
.orangeCircleNotice_small a:visited {
  background: #c37900;

  font-size: 13px;

  font-family: BBCNassim;

  font-weight: normal;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  padding-top: 3px;

  width: 27px;

  height: 24px;

  vertical-align: middle;

  text-decoration: none;

  padding-bottom: 0px;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  -khtml-border-radius: 50%;

  border-radius: 50%;
}

.greenCircleNotice_small,
.greenCircleNotice_small a:link,
.greenCircleNotice_small a:visited {
  background: #090;

  font-size: 13px;

  font-family: BBCNassim;

  font-weight: normal;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  padding-top: 3px;

  width: 27px;

  height: 24px;

  vertical-align: middle;

  text-decoration: none;

  padding-bottom: 0px;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  -khtml-border-radius: 50%;

  border-radius: 50%;
}

.trClassHighlight {
  background: #df0003;

  color: #ffffff !important;
}

.trClassNormal {
  background: #ffffff;
}

.input1_textfield {
  width: 90%;

  padding: 3px;

  background: #fff;

  font-family: BBCNassim;

  font-size: 18px;

  font-weight: normal;

  text-decoration: none;

  color: #000;

  margin: 0 2px;

  border: 1px solid #ccc;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;
}

.input1_textfield:hover,
.input1_textfield:focus {
  color: #000;

  background: #fff;

  border: 1px solid #3ec3d6;
}

.input1_select {
  width: 92%;

  background: #fff;

  font-family: BBCNassim;

  font-size: 17px;

  font-weight: normal;

  text-decoration: none;

  color: #000;

  margin: 0 2px;

  border: 1px solid #fff;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0), 0 0px 20px 0 rgba(0, 0, 0, 0.2);
  border: none;
  padding: 10px;

  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;
}

.input1_select:hover,
.input1_select:focus {
  color: #000;

  background: #f1f1f1;

  border: 0px solid #3ec3d6;

  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;
}

.input1_textarea {
  width: 90%;

  padding: 3px;

  height: 160px;

  background: #fff;

  font-family: BBCNassim;

  font-size: 18px;

  font-weight: normal;

  text-decoration: none;

  color: #000;

  margin: 0 2px;

  border: 1px solid #ccc;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;
}

.input1_textarea:hover,
.input1_textarea:focus {
  color: #000;

  background: #fff;

  border: 1px solid #3ec3d6;
}

.input1_checkbox {
  width: 20px;

  height: 20px;
}

.SubmitButton {
  width: 140px;

  padding: 6px 20px;

  color: #069;

  text-align: center;

  background: url(../images/icons/save_button_nor.png) no-repeat center #f5f5f5;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -khtml-border-radius: 5px;

  border-radius: 5px;

  border: 1px solid #3ec3d6;

  font-family: BBCNassim;

  font-size: 18px;

  font-weight: normal;

  text-decoration: none;
}

.SubmitButton:hover {
  color: #000;

  background: url(../images/icons/save_button_hov.png) no-repeat center #f5f5f5;

  border: 1px solid #228f9f;

  cursor: pointer;

  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.ResetButton {
  width: 90px;

  padding: 6px 30px;

  color: #069;

  text-align: center;

  background: url(../images/icons/reset_button_nor.png) no-repeat center #f5f5f5;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -khtml-border-radius: 5px;

  border-radius: 5px;

  border: 1px solid #3ec3d6;

  font-family: BBCNassim;

  font-size: 18px;

  font-weight: normal;

  text-decoration: none;
}

.ResetButton:hover {
  color: #000;

  background: url(../images/icons/reset_button_hov.png) no-repeat center #f5f5f5;

  border: 1px solid #228f9f;

  cursor: pointer;

  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.SubmitButton1 {
  width: 180px;

  height: 34px;

  padding: 0px 30px;

  color: #069;

  text-align: center;

  background: url(../images/icons/okay_nor.png) no-repeat right #eaeaea;

  border: 0px solid #ccc;

  font-family: BBCNassim;

  font-size: 18px;

  font-weight: normal;

  text-decoration: none;

  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.SubmitButton1:hover {
  color: #000;

  background: url(../images/icons/okay_hov.png) no-repeat right #eaeaea;

  cursor: pointer;

  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.CancelButton1 {
  width: 100px;

  height: 34px;

  padding: 0px 30px;

  color: #069;

  text-align: center;

  background: url(../images/icons/cancel_nor.png) no-repeat right #eaeaea;

  border: 0px solid #ccc;

  font-family: BBCNassim;

  font-size: 18px;

  font-weight: normal;

  text-decoration: none;

  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.CancelButton1:hover {
  color: #000;

  background: url(../images/icons/cancel_hov.png) no-repeat right #eaeaea;

  cursor: pointer;

  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.profile_image {
  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;
}

.box_style1 {
  background: transparent;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;
}

.box_style2 {
  box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.2);

  background: url(../images/layout/debut-light.png) center center #fff;

  -moz-border-radius: 0px;

  -webkit-border-radius: 0px;

  -khtml-border-radius: 0px;

  border-radius: 0px;

  border-left: 1px solid #3ec3d6;

  overflow: hidden;
}

.box_style3 {
  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.2);

  background: url(../images/layout/debut-light.png) center center #fff;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

  border-bottom: 3px solid #3ec3d6;

  border-top: 1px solid #ccc;

  border-left: 1px solid #ccc;

  border-right: 1px solid #ccc;
}

.box_style4 {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);

  background: #ffffff;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

  border-right: 4px solid #3ec3d6;
}

.box_style5 {
  background: transparent;
}

.box_title1 {
  border-bottom: 2px solid #3ec3d6;

  font-family: BBCNassim;

  font-size: 18px;

  font-weight: normal;

  text-decoration: none;

  color: #000;

  display: block;

  width: 90%;

  margin: 10px auto;

  padding: 8px;
}

.box_title2 {
  border-bottom: 1px dotted #3ec3d6;

  font-family: BBCNassim;

  font-size: 25px;

  font-weight: normal;

  text-decoration: none;

  color: #000;

  display: block;

  width: 98%;

  margin: 10px auto;

  padding: 5px;

  background: transparent;
}

.NotFound {
  font-family: BBCNassim;

  font-size: 20px;

  font-weight: normal;

  text-decoration: none;

  color: red;

  display: block;

  width: 97%;

  margin: 20px auto;

  padding: 7px;

  background: #fff;

  text-align: center;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

  border-top: 1px solid #f00;

  border-left: 3px solid #f00;

  border-right: 3px solid #f00;

  border-bottom: 1px solid #f00;
}

.ul_side_links {
  width: 90%;

  margin: 10% auto 0 auto;
}

.ul_side_links li {
  display: block;

  padding: 2px 5px;

  width: 110px;

  height: 90px;

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

  -khtml-border-radius: 2px;

  border-radius: 2px;

  border: 1px solid #555;

  text-align: center;

  margin-bottom: 8px;

  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;

  box-shadow: 0 1px 2px 0 #000, 0 1px 1px 0 #000;
}

.ul_side_links li:hover {
  border: 1px solid #007db3;

  -moz-transition-property: all;

  -moz-transition-duration: 0.3s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.3s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.3s;

  -ms-property: all;

  -ms-transition-duration: 0.3s;

  transition-property: all;

  transition-duration: 0.3s;
}

.ul_top_links {
  width: 90%;

  margin: 0;
}

.ul_top_links li {
  display: inline-table;

  padding: 2px 5px;

  width: 70px;

  height: 90px;

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

  -khtml-border-radius: 2px;

  border-radius: 2px;

  border: 1px solid #09c;

  text-align: center;

  margin: 8px 3px 8px;

  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;
}

.ul_top_links li:hover {
  border: 1px solid #00affb;

  -moz-transition-property: all;

  -moz-transition-duration: 0.3s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.3s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.3s;

  -ms-property: all;

  -ms-transition-duration: 0.3s;

  transition-property: all;

  transition-duration: 0.3s;

  box-shadow: none;
}

.alignBottom {
  position: relative;

  top: 65px;

  text-align: center;
}

.alignBottom1 {
  position: relative;

  top: 55px;

  text-align: center;
}

div#header_wrapper {
  width: 100%;

  height: 120px;

  background: url(../images/layout/header_dark_bg.jpg) repeat-x #414141;

  border-bottom: 6px solid #3ec3d6;
}

div#dv_header_options {
  width: 95%;

  height: 45px;

  margin-top: 20px;
}

div#dv_header_options ul li {
  display: inline-block;

  width: 55px;

  text-align: center;

  padding-top: 50px;
}

li#top_home {
  background: url(../images/icons/home_icon.png) no-repeat center top;
}

li#top_msgs {
  background: url(../images/icons/bell_no_msg.png) no-repeat center top;
}

li#top_msgs1 {
  background: url(../images/icons/bell_yes_msg.png) no-repeat center top;
}

li#top_profile {
  background: url(../images/icons/profile_icon.png) no-repeat center top;
}

li#top_settings {
  background: url(../images/icons/settings_icon.png) no-repeat center top;
}

li#top_logout {
  background: url(../images/icons/logout_icon.png) no-repeat center top;
}

li#top_logout:hover {
  background: url(../images/icons/logout_icon_hover.png) no-repeat center top;
}

div#content_wrapper1 {
  width: 100%;

  height: 100vh;

  background: url(../images/layout/ice-age.png) center center #214050;

  margin: 0 auto;
}

div#dv_index_title {
  width: 100%;

  margin: 0px auto;

  background: url(../images/layout/index_title.png) no-repeat center center;

  height: 160px;

  border-bottom: 1px solid #999;
}

div#dv_index_title1 {
  width: 100%;

  margin: 0px auto;

  background: url(../images/layout/index_title1.png) no-repeat center center;

  height: 160px;

  border-bottom: 1px solid #999;
}

div#dv_index_title_pashto {
  width: 100%;

  margin: 0px auto;

  background: url(../images/layout/index_title_pashto.png) no-repeat center
    center;

  height: 160px;

  border-bottom: 1px solid #999;
}

div#dv_index_title1_pashto {
  width: 100%;

  margin: 0px auto;

  background: url(../images/layout/index_title1_pashto.png) no-repeat center
    center;

  height: 160px;

  border-bottom: 1px solid #999;
}

div#dv_index_title_eng {
  width: 100%;

  margin: 0px auto;

  background: url(../images/layout/index_title_eng.png) no-repeat center center;

  height: 160px;

  border-bottom: 1px solid #999;
}

div#dv_index_title1_eng {
  width: 100%;

  margin: 0px auto;

  background: url(../images/layout/index_title1_eng.png) no-repeat center center;

  height: 160px;

  border-bottom: 1px solid #999;
}

div#dv_copyright {
  text-align: center;

  margin: 0 auto;

  width: 100%;

  border-top: 0px dotted #ccc;

  padding: 5px 0;

  line-height: 16px;
}

div#dv_index_client {
  width: 100%;

  max-width: 1070px;

  border-right: 2px solid #e80003;

  border-top: 1px solid #e5e5e5;

  border-left: 1px solid #e5e5e5;

  border-bottom: none;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

  -khtml-border-radius: 4px;

  border-radius: 4px;

  margin: 15px auto 0 auto;

  height: 30px;

  padding: 0px 15px 20px;

  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.2);

  background: #fff;

  text-align: center;
}

div#dv_index_icons {
  width: 100%;

  max-width: 1100px;

  margin: 0 auto;

  padding: 20px;

  background: none;
}

div#dv_index_icons ul#index_menus {
  text-align: center;
}

div#dv_index_icons ul#index_menus li {
  display: inline-block;

  width: 140px;

  height: 100px;

  margin: 2px;

  border: 1px solid #c0c0c0;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

  -khtml-border-radius: 4px;

  border-radius: 4px;
}

div#dv_index_icons ul#index_menus li span {
  text-align: center;

  position: relative;

  top: 70px;
}

div#dv_index_icons ul#index_menus li:hover {
  -webkit-transition-duration: 200ms;

  -webkit-transition-property: -webkit-transform, border, box-shadow, margin,
    opacity, width;

  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

div#dv_index_icons ul#index_menus li#index_system {
  background: url(../images/layout/index_system.png) no-repeat center 0px #fff;
}

div#dv_index_icons ul#index_menus li#index_documentation {
  background: url(../images/layout/index_documentation.png) no-repeat center 0px
    #fff;
}

div#dv_index_icons ul#index_menus li#index_aim {
  background: url(../images/layout/index_aim.png) no-repeat center 0px #fff;
}

div#dv_index_icons ul#index_menus li#index_videotutorial {
  background: url(../images/layout/index_videotutorial.png) no-repeat center 0px
    #fff;
}

div#dv_index_icons ul#index_menus li#index_contact {
  background: url(../images/layout/index_contact.png) no-repeat center 0px #fff;
}

div#dv_index_icons ul#index_menus li#index_weblink {
  background: url(../images/layout/index_weblink.png) no-repeat center 0px #fff;
}

div#dv_index_icons ul#index_menus li#index_profile {
  background: url(../images/layout/index_profile.png) no-repeat center 0px #fff;
}

div#dv_index_icons ul#index_menus li#index_settings {
  background: url(../images/layout/index_settings.png) no-repeat center 0px #fff;
}

div#dv_index_icons ul#index_menus li#index_logout {
  background: url(../images/layout/index_logout.png) no-repeat center 0px #fff;
}

div#content_wrapper {
  width: 100%;

  min-height: 1300px;

  background: url(../images/layout/app_bg_11.png) repeat #414141;

  margin: 0 auto;
}

table#tbl_content_wrapper_columns {
  width: 100%;

  height: 100vh;
}

table#tbl_content_wrapper_columns td#col_right {
  width: 15%;

  background: url(../images/layout/ice-age.png) center #414141;

  border-left: 1px solid #999;

  background-attachment: fixed;
}

table#tbl_content_wrapper_columns td#col_center {
  width: 70%;

  background: #ececec;
}

table#tbl_content_wrapper_columns td#col_left {
  width: 15%;

  display: none;
}

div#footer_wrapper {
  width: 100%;

  height: 60px;

  background: #414141;

  border-top: 6px solid #3ec3d6;

  position: fixed;

  bottom: 0;

  display: none;
}

div#eg {
  height: 300px;

  width: 400px;

  text-align: center;

  background: #fff;

  box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.2);

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -khtml-border-radius: 5px;

  border-radius: 5px;
}

div#header_logo {
  width: 400px;

  height: 100px;

  background: url(../images/layout/app_title_cmrs.png) no-repeat center bottom;

  float: right;
}

div#header_logo1 {
  width: 90%;

  height: 20px;

  margin: 0 auto;

  background: url(../images/layout/app_title_cmrs1.png) no-repeat right top;

  background-size: 70%;

  border-bottom: 0px solid #ccc;
}

div#header_logo2 {
  width: 95%;

  height: 100px;

  background: url(../images/layout/app_title_cmrs2.png) no-repeat center top
    transparent;

  margin: 0 auto;
}

div#header_logo1 {
  width: 95%;

  height: 100px;

  background: url(../images/layout/app_title_pmrs.png) no-repeat center top
    transparent;

  margin: 0 auto;
}

ul#ul_lgn_err_msgs {
  width: 80%;

  margin: 0 auto;
}

ul#ul_lgn_err_msgs li {
  list-style-type: circle;

  line-height: 23px;
}

ul#ul_side_links li#orgs {
  background: url(../images/icons/topMenuOrgsIcon.png) no-repeat center 25px
    #333;
}

ul#ul_side_links li#orgs:hover {
  background: url(../images/icons/topMenuOrgsIcon.png) no-repeat center 25px
    #001a24;
}

ul#ul_side_links li#orgs_selected {
  background: url(../images/icons/topMenuOrgsIcon.png) no-repeat center 25px
    #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#users {
  background: url(../images/icons/topMenuUsersIcon.png) no-repeat center 25px
    #333;
}

ul#ul_side_links li#users:hover {
  background: url(../images/icons/topMenuUsersIcon.png) no-repeat center 25px
    #001a24;
}

ul#ul_side_links li#users_selected {
  background: url(../images/icons/topMenuUsersIcon.png) no-repeat center 25px
    #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#trash {
  background: url(../images/icons/SideMenuTrashIcon.png) no-repeat center 25px
    #333;
}

ul#ul_side_links li#trash:hover {
  background: url(../images/icons/SideMenuTrashIcon.png) no-repeat center 25px
    #001a24;
}

ul#ul_side_links li#trash_selected {
  background: url(../images/icons/SideMenuTrashIcon.png) no-repeat center 25px
    #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#resources {
  background: url(../images/icons/topMenuResourcesIcon.png) no-repeat center
    25px #333;
}

ul#ul_side_links li#resources:hover {
  background: url(../images/icons/topMenuResourcesIcon.png) no-repeat center
    25px #001a24;
}

ul#ul_side_links li#resources_selected {
  background: url(../images/icons/topMenuResourcesIcon.png) no-repeat center
    25px #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#contractor {
  background: url(../images/icons/topMenuContractorIcon.png) no-repeat center
    25px #333;
}

ul#ul_side_links li#contractor:hover {
  background: url(../images/icons/topMenuContractorIcon.png) no-repeat center
    25px #001a24;
}

ul#ul_side_links li#contractor_selected {
  background: url(../images/icons/topMenuContractorIcon.png) no-repeat center
    25px #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#settings {
  background: url(../images/icons/topMenuSettingsIcon.png) no-repeat center 25px
    #333;
}

ul#ul_side_links li#settings:hover {
  background: url(../images/icons/topMenuSettingsIcon.png) no-repeat center 25px
    #001a24;
}

ul#ul_side_links li#settings_selected {
  background: url(../images/icons/topMenuSettingsIcon.png) no-repeat center 25px
    #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#logout {
  background: url(../images/icons/topMenuLogoutIcon.png) no-repeat center 25px
    #333;
}

ul#ul_side_links li#logout:hover {
  background: url(../images/icons/topMenuLogoutIcon.png) no-repeat center 25px
    #400002;

  border: 1px solid #666;
}

ul#ul_side_links li#dashboard {
  background: url(../images/icons/SideMenuDashboardIcon.png) no-repeat center
    25px #333;
}

ul#ul_side_links li#dashboard:hover {
  background: url(../images/icons/SideMenuDashboardIcon.png) no-repeat center
    25px #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#dashboard_selected {
  background: url(../images/icons/SideMenuDashboardIcon.png) no-repeat center
    25px #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#main_projects {
  background: url(../images/icons/SideMenuProjects3Icon.png) no-repeat center
    25px #333;
}

ul#ul_side_links li#main_projects:hover {
  background: url(../images/icons/SideMenuProjects3Icon.png) no-repeat center
    25px #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#main_projects_selected {
  background: url(../images/icons/SideMenuProjects3Icon.png) no-repeat center
    25px #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#strategy {
  background: url(../images/icons/SideMenuStrategyIcon.png) no-repeat center
    25px #333;
}

ul#ul_side_links li#strategy:hover {
  background: url(../images/icons/SideMenuStrategyIcon.png) no-repeat center
    25px #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#strategy_selected {
  background: url(../images/icons/SideMenuStrategyIcon.png) no-repeat center
    25px #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#on_projects {
  background: url(../images/icons/SideMenuProjects2Icon.png) no-repeat center
    25px #333;
}

ul#ul_side_links li#on_projects:hover {
  background: url(../images/icons/SideMenuProjects2Icon.png) no-repeat center
    25px #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#on_projects_selected {
  background: url(../images/icons/SideMenuProjects2Icon.png) no-repeat center
    25px #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#off_projects {
  background: url(../images/icons/SideMenuProjects1Icon.png) no-repeat center
    25px #333;
}

ul#ul_side_links li#off_projects:hover {
  background: url(../images/icons/SideMenuProjects1Icon.png) no-repeat center
    25px #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#off_projects_selected {
  background: url(../images/icons/SideMenuProjects1Icon.png) no-repeat center
    25px #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#programs {
  background: url(../images/icons/SideMenuProgramsIcon.png) no-repeat center
    25px #333;
}

ul#ul_side_links li#programs:hover {
  background: url(../images/icons/SideMenuProgramsIcon.png) no-repeat center
    25px #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#programs_selected {
  background: url(../images/icons/SideMenuProgramsIcon.png) no-repeat center
    25px #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#reports {
  background: url(../images/icons/sideMenuReportsIcon.png) no-repeat center 25px
    #333;
}

ul#ul_side_links li#reports:hover {
  background: url(../images/icons/sideMenuReportsIcon.png) no-repeat center 25px
    #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#reports_selected {
  background: url(../images/icons/sideMenuReportsIcon.png) no-repeat center 25px
    #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#pp {
  background: url(../images/icons/SideMenuPPIcon.png) no-repeat center 25px #333;
}

ul#ul_side_links li#pp:hover {
  background: url(../images/icons/SideMenuPPIcon.png) no-repeat center 25px
    #001a24;

  border: 1px solid #007db3;
}

ul#ul_side_links li#pp_selected {
  background: url(../images/icons/SideMenuPPIcon.png) no-repeat center 25px
    #001a24;

  border: 1px solid #007db3;
}

/* Admin Users top buttons styles - Start*/

ul#ul_top_links li#users_list {
  background: url(../images/icons/topMenuUsersIcon.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#users_list:hover {
  background: url(../images/icons/topMenuUsersIcon.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#users_list_selected {
  background: url(../images/icons/topMenuUsersIcon.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#users_add {
  background: url(../images/icons/topMenuAddUsersIcon.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#users_add:hover {
  background: url(../images/icons/topMenuAddUsersIcon.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#users_add_selected {
  background: url(../images/icons/topMenuAddUsersIcon.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#users_search {
  background: url(../images/icons/topMenuSearchUserIcon.png) no-repeat center
    15px #006f9d;
}

ul#ul_top_links li#users_search:hover {
  background: url(../images/icons/topMenuSearchUserIcon.png) no-repeat center
    15px #005a82;
}

ul#ul_top_links li#users_search_selected {
  background: url(../images/icons/topMenuSearchUserIcon.png) no-repeat center
    15px #005a82;

  border: 1px solid #00affb;
}

/*Admin Users top buttons styles - Start*/

/*Admin Agencies top buttons styles - Start*/

ul#ul_top_links li#orgs_list {
  background: url(../images/icons/topMenuOrgsIcon.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#orgs_list:hover {
  background: url(../images/icons/topMenuOrgsIcon.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#orgs_list_selected {
  background: url(../images/icons/topMenuOrgsIcon.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#orgs_add {
  background: url(../images/icons/topMenuAddIcon.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#orgs_add:hover {
  background: url(../images/icons/topMenuAddIcon.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#orgs_add_selected {
  background: url(../images/icons/topMenuAddIcon.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

/*Admin Agencies top buttons styles - Start*/

/*Admin Resources top buttons styles - Start*/

ul#ul_top_links li#provinces {
  background: url(../images/icons/topMenuLocationsIcon.png) no-repeat center
    15px #006f9d;
}

ul#ul_top_links li#provinces:hover {
  background: url(../images/icons/topMenuLocationsIcon.png) no-repeat center
    15px #005a82;
}

ul#ul_top_links li#provinces_selected {
  background: url(../images/icons/topMenuLocationsIcon.png) no-repeat center
    15px #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#provincial_profiles {
  background: url(../images/icons/provincial_profile.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#provincial_profiles:hover {
  background: url(../images/icons/provincial_profile.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#provincial_profiles_selected {
  background: url(../images/icons/provincial_profile.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#sectors {
  background: url(../images/icons/topMenuSectorsIcon.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#sectors:hover {
  background: url(../images/icons/topMenuSectorsIcon.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#sectors_selected {
  background: url(../images/icons/topMenuSectorsIcon.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#donors {
  background: url(../images/icons/topMenuDonorsIcon.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#donors:hover {
  background: url(../images/icons/topMenuDonorsIcon.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#donors_selected {
  background: url(../images/icons/topMenuDonorsIcon.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#budgets {
  background: url(../images/icons/topMenuBudgetsIcon.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#budgets:hover {
  background: url(../images/icons/topMenuBudgetsIcon.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#budgets_selected {
  background: url(../images/icons/topMenuBudgetsIcon.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#project_cats {
  background: url(../images/icons/topMenuProjectCatsIcon.png) no-repeat center
    15px #006f9d;
}

ul#ul_top_links li#project_cats:hover {
  background: url(../images/icons/topMenuProjectCatsIcon.png) no-repeat center
    15px #005a82;
}

ul#ul_top_links li#project_cats_selected {
  background: url(../images/icons/topMenuProjectCatsIcon.png) no-repeat center
    15px #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#years {
  background: url(../images/icons/topMenuProjectsIcon.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#years:hover {
  background: url(../images/icons/topMenuProjectsIcon.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#years_selected {
  background: url(../images/icons/topMenuProjectsIcon.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#we {
  background: url(../images/icons/topMenuBudgetsIcon.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#we:hover {
  background: url(../images/icons/topMenuBudgetsIcon.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#we_selected {
  background: url(../images/icons/topMenuBudgetsIcon.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#refresh {
  background: url(../images/icons/topMenuRefereshIcon.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#refresh:hover {
  background: url(../images/icons/topMenuRefereshIcon.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#refresh_selected {
  background: url(../images/icons/topMenuRefereshIcon.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#trash {
  background: url(../images/icons/SideMenuTrashIcon.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#trash:hover {
  background: url(../images/icons/SideMenuTrashIcon.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#trash_selected {
  background: url(../images/icons/SideMenuTrashIcon.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

/*Admin Resources top buttons styles - Start*/

ul#ul_top_links li#programs_list {
  background: url(../images/icons/topMenuProgramsIcon.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#programs_list:hover {
  background: url(../images/icons/topMenuProgramsIcon.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#programs_list_selected {
  background: url(../images/icons/topMenuProgramsIcon.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#programs_add {
  background: url(../images/icons/topMenuAddIcon.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#programs_add:hover {
  background: url(../images/icons/topMenuAddIcon.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#programs_add_selected {
  background: url(../images/icons/topMenuAddIcon.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#main_projects_add {
  background: url(../images/icons/topMenuAddIcon.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#main_projects_add:hover {
  background: url(../images/icons/topMenuAddIcon.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#main_projects_add_selected {
  background: url(../images/icons/topMenuAddIcon.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#main_projects_all_list {
  background: url(../images/icons/topMenuAllIcon.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#main_projects_all_list:hover {
  background: url(../images/icons/topMenuAllIcon.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#main_projects_all_list_selected {
  background: url(../images/icons/topMenuAllIcon.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#main_projects_ongoing_list {
  background: url(../images/icons/topMenuOngoingIcon.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#main_projects_ongoing_list:hover {
  background: url(../images/icons/topMenuOngoingIcon.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#main_projects_ongoing_list_selected {
  background: url(../images/icons/topMenuOngoingIcon.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#main_projects_completed_list {
  background: url(../images/icons/topMenuCompletedIcon.png) no-repeat center
    15px #006f9d;
}

ul#ul_top_links li#main_projects_completed_list:hover {
  background: url(../images/icons/topMenuCompletedIcon.png) no-repeat center
    15px #005a82;
}

ul#ul_top_links li#main_projects_completed_list_selected {
  background: url(../images/icons/topMenuCompletedIcon.png) no-repeat center
    15px #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#main_projects_stopped_list {
  background: url(../images/icons/topMenuStoppedIcon.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#main_projects_stopped_list:hover {
  background: url(../images/icons/topMenuStoppedIcon.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#main_projects_stopped_list_selected {
  background: url(../images/icons/topMenuStoppedIcon.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#main_projects_notstarted_list {
  background: url(../images/icons/topMenuNotStartedIcon.png) no-repeat center
    15px #006f9d;
}

ul#ul_top_links li#main_projects_notstarted_list:hover {
  background: url(../images/icons/topMenuNotStartedIcon.png) no-repeat center
    15px #005a82;
}

ul#ul_top_links li#main_projects_notstarted_list_selected {
  background: url(../images/icons/topMenuNotStartedIcon.png) no-repeat center
    15px #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#main_projects_cancelled_list {
  background: url(../images/icons/topMenuCancelledIcon.png) no-repeat center
    15px #006f9d;
}

ul#ul_top_links li#main_projects_cancelled_list:hover {
  background: url(../images/icons/topMenuCancelledIcon.png) no-repeat center
    15px #005a82;
}

ul#ul_top_links li#main_projects_cancelled_list_selected {
  background: url(../images/icons/topMenuCancelledIcon.png) no-repeat center
    15px #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#main_projects_procurement_list {
  background: url(../images/icons/SideMenuProjects1Icon.png) no-repeat center
    15px #006f9d;
}

ul#ul_top_links li#main_projects_procurement_list:hover {
  background: url(../images/icons/SideMenuProjects1Icon.png) no-repeat center
    15px #005a82;
}

ul#ul_top_links li#main_projects_procurement_list_selected {
  background: url(../images/icons/SideMenuProjects1Icon.png) no-repeat center
    15px #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#main_projects_half_completed_list {
  background: url(../images/icons/topMenuHalfCompletedIcon.png) no-repeat center
    15px #006f9d;
}

ul#ul_top_links li#main_projects_half_completed_list:hover {
  background: url(../images/icons/topMenuHalfCompletedIcon.png) no-repeat center
    15px #005a82;
}

ul#ul_top_links li#main_projects_half_completed_list_selected {
  background: url(../images/icons/topMenuHalfCompletedIcon.png) no-repeat center
    15px #005a82;

  border: 1px solid #00affb;
}

ul#ul_top_links li#main_projects_search {
  background: url(../images/icons/topMenuSearchIcon1.png) no-repeat center 15px
    #006f9d;
}

ul#ul_top_links li#main_projects_search:hover {
  background: url(../images/icons/topMenuSearchIcon1.png) no-repeat center 15px
    #005a82;
}

ul#ul_top_links li#main_projects_search_selected {
  background: url(../images/icons/topMenuSearchIcon1.png) no-repeat center 15px
    #005a82;

  border: 1px solid #00affb;
}

/*Admin Users page styles*/

div#dv_users_list_wrapper {
  width: 99%;

  margin: 10px auto;

  padding: 0 0 25px 0;
}

table#tbl_data {
  width: 100%;

  margin: 10px auto;
}

div#dv_users_add_wrapper {
  width: 70%;

  margin: 10px auto;

  padding: 10px 0 30px 0;
}

table#tbl_user_add {
  width: 50%;

  padding: 10px;
}

/*Top Sub Links styles*/

div#dv_top_sub_links {
  width: auto;

  margin: 0px auto;

  background: #e1e1e1;

  border-bottom: 2px solid #007db3;

  height: 45px;

  padding: 5px;
}

ul#ul_top_sub_links {
  margin-top: 6px;

  text-align: right;
}

table#tbl_project_detail {
  margin: 20px auto;

  width: 95%;
}

table#tbl_project_detail td {
  border-bottom: 1px dotted #ccc;
}

table#tbl_ruba_reports_list tr:nth-child(even) {
  background: #f8f8f8;
}

table#tbl_ruba_reports_list tr:nth-child(odd) {
  background: #fff;
}

table#tbl_list tr:nth-child(even) {
  background: #ffffff;
}

table#tbl_list tr:nth-child(odd) {
  background: #d5dfe3;
}

table#tbl_list tr:hover {
  background: #e0ebf1;

  -moz-transition-property: all;

  -moz-transition-duration: 0.3s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.3s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.3s;

  -ms-property: all;

  -ms-transition-duration: 0.3s;

  transition-property: all;

  transition-duration: 0.3s;
}

div#dv_rubaUpdateView {
  width: 90%;

  margin: 20px auto;

  border: 0px dotted #ccc;

  padding: 15px;

  background: #f9f9f9;

  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

div#p_map {
  width: 99%;

  height: 500px;

  background: #fff;

  background-size: 80%;

  margin: 15px auto;

  border: 1px solid #ccc;
}

div#c_map {
  width: 99%;

  height: 500px;

  background: #fff;

  background-size: 80%;

  margin: 15px auto;

  border: 1px solid #ccc;
}

/*Tabbed Panels - Start */

.TabbedPanels {
  overflow: hidden;

  margin: 0px;

  margin-top: 25px;

  padding: 0px;

  clear: none;

  width: 100%;
}

.TabbedPanelsTabGroup {
  margin: 0px;

  padding: 0px;
}

.TabbedPanelsTab {
  position: relative;

  top: 1px;

  float: right;

  padding: 8px 10px;

  margin: 0px 2px 0px 0px;

  background-color: #f5f5f5;

  list-style: none;

  border-left: solid 1px #999;

  border-bottom: solid 0px #999;

  border-top: solid 1px #999;

  border-right: solid 1px #999;

  -moz-user-select: none;

  -khtml-user-select: none;

  cursor: pointer;
}

.TabbedPanelsTab:first-child {
  margin-right: 0;
}

.TabbedPanelsTabHover {
  background-color: #ccc;
}

.TabbedPanelsTabSelected {
  background-color: #f5f5f5;

  border-bottom: 1px solid #f5f5f5;
}

.TabbedPanelsTab a {
  color: black;

  text-decoration: none;
}

.TabbedPanelsContentGroup {
  clear: both;

  border-left: solid 1px #ccc;

  border-bottom: solid 1px #ccc;

  border-top: solid 1px #999;

  border-right: solid 1px #999;

  background-color: #f5f5f5;
}

.TabbedPanelsContent {
  overflow: hidden;

  padding: 5px;
}

.TabbedPanelsContentVisible {
}

.VTabbedPanels {
  overflow: hidden;

  zoom: 1;
}

.VTabbedPanels .TabbedPanelsTabGroup {
  float: left;

  width: 10em;

  height: 20em;

  background-color: #eee;

  position: relative;

  border-top: solid 1px #999;

  border-right: solid 1px #999;

  border-left: solid 1px #ccc;

  border-bottom: solid 1px #ccc;
}

.VTabbedPanels .TabbedPanelsTab {
  float: none;

  margin: 0px;

  border-top: none;

  border-left: none;

  border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
  background-color: #f5f5f5;

  border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
  clear: none;

  float: left;

  padding: 0px;

  width: 30em;

  height: 20em;
}

ul#ul_reporting_mods {
  width: 95%;

  margin: 35px auto 0 auto;

  padding-bottom: 100px;
}

ul#ul_reporting_mods li {
  width: 280px;

  border: 1px solid #ccc;

  display: block;

  padding: 8px;

  margin-bottom: 3px;

  border-right: 10px solid #8e44ad;

  -moz-transition-property: all;

  -moz-transition-duration: 0.2s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.2s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.2s;

  -ms-property: all;

  -ms-transition-duration: 0.2s;

  transition-property: all;

  transition-duration: 0.2s;
}

ul#ul_reporting_mods li:hover {
  border: 1px solid #8e44ad;

  border-right: 40px solid #8e44ad;

  -moz-transition-property: all;

  -moz-transition-duration: 0.3s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.3s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.3s;

  -ms-property: all;

  -ms-transition-duration: 0.3s;

  transition-property: all;

  transition-duration: 0.3s;

  color: #8e44ad;
}

@media print {
  .TabbedPanels {
    overflow: visible !important;
  }

  .TabbedPanelsContentGroup {
    display: block !important;

    overflow: visible !important;

    height: auto !important;
  }

  .TabbedPanelsContent {
    overflow: visible !important;

    display: block !important;

    clear: both !important;
  }

  .TabbedPanelsTab {
    overflow: visible !important;

    display: block !important;

    clear: both !important;
  }
}

/*Tabbed Panels - End */

div#dv_dashboard_box1 {
  width: 98.7%;

  margin: 10px;

  padding: 10px 0;
}

ul#ul_dashboard_cats {
  margin: 25px auto;

  width: 95%;
}

ul#ul_dashboard_cats li#cats {
  width: 90px;

  height: 90px;

  margin-bottom: 5px;

  background: #f5f5f5;

  display: inline-block;

  border: 1px solid #ccc;

  text-align: center;

  padding-top: 30px;
}

ul#ul_dashboard_cats li:hover {
  opacity: 0.8;
}

ul#ul_dashboard_cats li span#cat_num {
  display: block;

  text-align: center;
}

table#dashboard_top_portion {
  width: 100%;

  margin: 0px auto 0 auto;

  border-bottom: 1px solid #999;

  border-right: 0px solid #d18f00;
}

table#dashboard_top_portion td {
  height: 100px;
}

table#dashboard_top_portion1 {
  width: 97%;

  margin: 15px auto 0 auto;

  border: 1px solid #ccc;
}

table#tbl_ruba_reports_list2 tr:hover {
  background: #dfeadb;
}

tr#trSelected {
  background: #a4cbab;
}

/*Clock Styles	- Start */

.container {
  width: 100%;

  margin: 0 auto;
}

.clock {
  margin: 0 auto;

  color: #fff;

  background: #00172a;

  padding: 10px;
}

#Date {
  font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif;

  font-size: 20px;

  text-align: center;

  text-shadow: 0 0 5px #00c6ff;
}

ul#clock {
  width: 100%;

  margin: 0 auto;

  padding: 0px;

  list-style: none;

  text-align: center;
}

ul#clock li {
  display: inline;

  font-size: 22px;

  text-align: center;

  font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif;

  text-shadow: 0 0 5px #00c6ff;
}

#point {
  position: relative;

  -moz-animation: mymove 1s ease infinite;

  -webkit-animation: mymove 1s ease infinite;

  padding-left: 10px;

  padding-right: 10px;
}

/* Simple Animation */

@-webkit-keyframes mymove {
  0% {
    opacity: 1;

    text-shadow: 0 0 20px #00c6ff;
  }

  50% {
    opacity: 0;

    text-shadow: none;
  }

  100% {
    opacity: 1;

    text-shadow: 0 0 20px #00c6ff;
  }
}

@-moz-keyframes mymove {
  0% {
    opacity: 1;

    text-shadow: 0 0 20px #00c6ff;
  }

  50% {
    opacity: 0;

    text-shadow: none;
  }

  100% {
    opacity: 1;

    text-shadow: 0 0 20px #00c6ff;
  }
}

/*Clock Styles	- End */

/* Medium Devices, Desktops */

@media only screen and (max-width: 1666px) {
  .tahoma13,
  .tahoma13 a,
  .tahoma13 a:visited {
    font-family: tahoma;

    font-size: 12px;

    font-weight: normal;

    text-decoration: none;

    color: #000;
  }

  .tahoma13 a:hover {
    color: #069;
  }

  div#header_logo2 {
    width: 95%;

    height: 100px;

    background: url(../images/layout/app_title_cmrs2.png) no-repeat center 15px
      transparent;

    background-size: 90%;

    margin: 0 auto;
  }

  .ul_top_links li {
    display: inline-table;

    padding: 2px 5px;

    width: 60px;

    height: 90px;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    -khtml-border-radius: 2px;

    border-radius: 2px;

    border: 1px solid #09c;

    text-align: center;

    margin: 8px 3px 8px;

    -moz-transition-property: all;

    -moz-transition-duration: 0.5s;

    -webkit-transition-property: all;

    -webkit-transition-duration: 0.5s;

    -o-transition-property: all;

    -o-webkit-transition-duration: 0.5s;

    -ms-property: all;

    -ms-transition-duration: 0.5s;

    transition-property: all;

    transition-duration: 0.5s;

    font-size: 12px;

    font-family: tahoma;
  }

  .ul_side_links {
    width: 70%;

    margin: 10% auto 0 auto;
  }

  .ul_side_links li {
    display: block;

    padding: 2px 5px;

    width: 115px;

    height: 90px;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    -khtml-border-radius: 2px;

    border-radius: 2px;

    border: 1px solid #555;

    text-align: center;

    margin-bottom: 8px;

    -moz-transition-property: all;

    -moz-transition-duration: 0.5s;

    -webkit-transition-property: all;

    -webkit-transition-duration: 0.5s;

    -o-transition-property: all;

    -o-webkit-transition-duration: 0.5s;

    -ms-property: all;

    -ms-transition-duration: 0.5s;

    transition-property: all;

    transition-duration: 0.5s;

    box-shadow: 0 1px 2px 0 #000, 0 1px 1px 0 #000;
  }

  .ul_side_links li:hover {
    border: 1px solid #007db3;

    width: 115px;

    -moz-transition-property: all;

    -moz-transition-duration: 0.3s;

    -webkit-transition-property: all;

    -webkit-transition-duration: 0.3s;

    -o-transition-property: all;

    -o-webkit-transition-duration: 0.3s;

    -ms-property: all;

    -ms-transition-duration: 0.3s;

    transition-property: all;

    transition-duration: 0.3s;
  }

  div#dv_header_options {
    width: 65%;

    height: 45px;

    margin-top: 20px;
  }

  div#dv_header_options ul li {
    display: inline-block;

    width: 35px;

    text-align: center;

    padding-top: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .ul_top_links li {
    display: inline-table;

    padding: 2px 5px;

    width: 60px;

    height: 90px;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    -khtml-border-radius: 2px;

    border-radius: 2px;

    border: 1px solid #09c;

    text-align: center;

    margin: 8px 3px 8px;

    -moz-transition-property: all;

    -moz-transition-duration: 0.5s;

    -webkit-transition-property: all;

    -webkit-transition-duration: 0.5s;

    -o-transition-property: all;

    -o-webkit-transition-duration: 0.5s;

    -ms-property: all;

    -ms-transition-duration: 0.5s;

    transition-property: all;

    transition-duration: 0.5s;

    font-size: 9px;

    font-family: tahoma;
  }

  .ul_side_links {
    width: 70%;

    margin: 10% auto 0 auto;
  }

  .ul_side_links li {
    display: block;

    padding: 2px 5px;

    width: 80px;

    height: 90px;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    -khtml-border-radius: 2px;

    border-radius: 2px;

    border: 1px solid #555;

    text-align: center;

    margin-bottom: 8px;

    -moz-transition-property: all;

    -moz-transition-duration: 0.5s;

    -webkit-transition-property: all;

    -webkit-transition-duration: 0.5s;

    -o-transition-property: all;

    -o-webkit-transition-duration: 0.5s;

    -ms-property: all;

    -ms-transition-duration: 0.5s;

    transition-property: all;

    transition-duration: 0.5s;

    box-shadow: 0 1px 2px 0 #000, 0 1px 1px 0 #000;

    font-size: 10px;

    font-family: tahoma;
  }

  .ul_side_links li:hover {
    border: 1px solid #007db3;

    width: 80px;

    -moz-transition-property: all;

    -moz-transition-duration: 0.3s;

    -webkit-transition-property: all;

    -webkit-transition-duration: 0.3s;

    -o-transition-property: all;

    -o-webkit-transition-duration: 0.3s;

    -ms-property: all;

    -ms-transition-duration: 0.3s;

    transition-property: all;

    transition-duration: 0.3s;
  }

  div#dv_header_options {
    width: 75%;

    height: 45px;

    margin-top: 20px;
  }

  div#dv_header_options ul li {
    display: inline-block;

    width: 35px;

    text-align: center;

    padding-top: 50px;
  }
}

/* Small Devices, Tablets */

@media only screen and (max-width: 800px) {
  .ul_top_links li {
    display: inline-table;

    padding: 2px 2px;

    width: 45px;

    height: 90px;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    -khtml-border-radius: 2px;

    border-radius: 2px;

    border: 1px solid #09c;

    text-align: center;

    margin: 8px 3px 8px;

    -moz-transition-property: all;

    -moz-transition-duration: 0.5s;

    -webkit-transition-property: all;

    -webkit-transition-duration: 0.5s;

    -o-transition-property: all;

    -o-webkit-transition-duration: 0.5s;

    -ms-property: all;

    -ms-transition-duration: 0.5s;

    transition-property: all;

    transition-duration: 0.5s;

    font-size: 7px;

    font-family: tahoma;
  }

  .ul_side_links {
    width: 70%;

    margin: 10% auto 0 auto;
  }

  .ul_side_links li {
    display: block;

    padding: 2px 5px;

    width: 50px;

    height: 90px;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    -khtml-border-radius: 2px;

    border-radius: 2px;

    border: 1px solid #555;

    text-align: center;

    margin-bottom: 8px;

    -moz-transition-property: all;

    -moz-transition-duration: 0.5s;

    -webkit-transition-property: all;

    -webkit-transition-duration: 0.5s;

    -o-transition-property: all;

    -o-webkit-transition-duration: 0.5s;

    -ms-property: all;

    -ms-transition-duration: 0.5s;

    transition-property: all;

    transition-duration: 0.5s;

    box-shadow: 0 1px 2px 0 #000, 0 1px 1px 0 #000;

    font-size: 9px;

    font-family: tahoma;
  }

  .ul_side_links li:hover {
    border: 1px solid #007db3;

    width: 50px;

    -moz-transition-property: all;

    -moz-transition-duration: 0.3s;

    -webkit-transition-property: all;

    -webkit-transition-duration: 0.3s;

    -o-transition-property: all;

    -o-webkit-transition-duration: 0.3s;

    -ms-property: all;

    -ms-transition-duration: 0.3s;

    transition-property: all;

    transition-duration: 0.3s;
  }

  div#dv_header_options {
    width: 95%;

    height: 45px;

    margin-top: 20px;
  }

  div#dv_header_options ul li {
    display: inline-block;

    width: 30px;

    text-align: center;

    padding-top: 50px;
  }
}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
}

/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {
}

div#dv_mainSectors {
  height: auto;

  width: 19%;

  float: right;

  border: 1px solid #ccc;

  margin-left: 5px;

  background: #f5f5f5;

  padding-bottom: 150px;
}

h4#sec_box_titles {
  width: auto;

  height: 35px;

  padding: 10px;

  border-bottom: 2px solid #ccc;

  margin: 0 auto 15px auto;

  background: #f5f5f5;
}

ul#ul_sectors_list {
  padding: 10px;
}

li#li_sectors_list {
  padding: 10px;

  margin: 3px auto;

  border-bottom: 0px solid #ccc;

  border-right: 3px solid #f63;
}

li#li_sectors_list:hover {
  background: #f5f5f5;

  border-right: 3px solid #4878b3;

  display: block;
}

li#li_sectors_list_selected {
  padding: 10px;

  border: 1px solid #f63;

  margin: 3px auto;

  background: #f63;

  color: #fff;

  border-right: 3px solid #f63;
}

table#tbl_2 {
  padding: 7px;

  margin: 25px auto;
}

table#tbl_2 tr:hover {
  background: #eee;
}

table#tbl_2 tr:hover:last-child {
  background: none;
}

table#tbl_2 td {
  border-left: 1px solid #ccc;
}

table#tbl_2 td:last-child {
  border-left: 0px solid #069;
}

#tbl_enteqali_history {
  border: 1px solid #ccc;

  margin: 10px auto;

  width: 95%;
}

#tbl_enteqali_history td {
  border-left: 1px solid #ccc;

  border-bottom: 1px dotted #ccc;
}

#tbl_enteqali_history td:last-child {
  border-left: none;
}

table#tbl_1 tr:nth-child(even) {
  background: #f3f3f3;
}

table#tbl_1 tr:nth-child(odd) {
  background: #fff;
}

table#tbl_1 tr:hover {
  background: #a8eaff;

  color: #000;
}

table#tbl_1 tr:first-child:hover {
  background: none;

  color: inherit;
}

table#tbl_entry tr:hover {
  background: #e3edf0;
}

/*New Layout Most Styles*/

div#topHeader {
  width: 100%;

  height: 80px;

  background: #184d7a;
}

table#tblMainNav {
  height: 100vh;
}

td#rightNavBar {
  width: 220px;

  background: url(../images/layout/clean-gray-paper.png) repeat #cbd5de;
}

td#contentPane {
  width: auto;

  background: url(../images/layout/bg3.jpg) repeat #ffffff;
}

ul#main_nav {
  margin: 30px auto;
}

ul#main_nav li {
  width: 160px;

  padding: 17px;

  margin-bottom: 20px;

  text-align: right;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  -khtml-border-radius: 10px;

  border-radius: 10px;

  background: #fff;

  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.2);

  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;
}

ul#main_nav li:hover {
  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;

  color: #fff;
}

ul#main_nav li span {
  padding-right: 50px;
}

ul#main_nav li#nav_aim_page {
  background: url(../images/icons/aim_normal1.png) no-repeat 140px #fff;
}

ul#main_nav li#nav_aim_page:hover {
  background: url(../images/icons/aim_hover1.png) no-repeat 140px #1ba287;
}

ul#main_nav li#nav_aim_page_selected {
  background: url(../images/icons/aim_hover1.png) no-repeat 140px #1ba287;

  color: #fff;
}

ul#main_nav li#nav_index_page {
  background: url(../images/icons/home_normal.png) no-repeat 140px #fff;
}

ul#main_nav li#nav_index_page:hover {
  background: url(../images/icons/home_hover.png) no-repeat 140px #184d7a;
}

ul#main_nav li#nav_index_page_selected {
  background: url(../images/icons/home_hover.png) no-repeat 140px #184d7a;

  color: #fff;
}

ul#main_nav li#nav_dashboard {
  background: url(../images/icons/dashboard_normal.png) no-repeat 140px #fff;
}

ul#main_nav li#nav_dashboard:hover {
  background: url(../images/icons/dashboard_hover.png) no-repeat 140px #e67e22;
}

ul#main_nav li#nav_dashboard_selected {
  background: url(../images/icons/dashboard_hover.png) no-repeat 140px #e67e22;

  color: #fff;
}

ul#main_nav #nav_projects {
  background: url(../images/icons/projects_normal.png) no-repeat 140px #fff;

  display: list-item;
}

ul#main_nav #nav_projects:hover {
  background: url(../images/icons/projects_hover.png) no-repeat 140px #7eba45;

  display: list-item;
}

ul#main_nav #nav_projects_selected {
  background: url(../images/icons/projects_hover.png) no-repeat 140px #7eba45;

  color: #fff;
}

ul#main_nav #nav_off_projects {
  background: url(../images/icons/off_projects_normal.png) no-repeat 140px #fff;

  display: list-item;
}

ul#main_nav #nav_off_projects:hover {
  background: url(../images/icons/off_projects_hover.png) no-repeat 140px
    #444444;

  display: list-item;
}

ul#main_nav #nav_off_projects_selected {
  background: url(../images/icons/off_projects_hover.png) no-repeat 140px
    #444444;

  color: #fff;
}

ul#main_nav li#nav_reports {
  background: url(../images/icons/reports_normal.png) no-repeat 140px #fff;
}

ul#main_nav li#nav_reports:hover {
  background: url(../images/icons/reports_hover.png) no-repeat 140px #8e44ad;
}

ul#main_nav li#nav_reports_selected {
  background: url(../images/icons/reports_hover.png) no-repeat 140px #8e44ad;

  color: #fff;
}

ul#sub_nav {
  margin: 20px auto;
}

ul#sub_nav li {
  width: 160px;

  padding: 10px;

  margin-bottom: 20px;

  text-align: right;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -khtml-border-radius: 5px;

  border-radius: 5px;

  background: #fff;

  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.2);

  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;
}

ul#sub_nav li:hover {
  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;

  color: #fff;
}

ul#sub_nav li span {
  padding-right: 40px;
}

ul#sub_nav li#nav_provincial_profile {
  background: url(../images/icons/provincial_profile_normal.png) no-repeat 140px
    #fff;
}

ul#sub_nav li#nav_provincial_profile:hover {
  background: url(../images/icons/provincial_profile_hover.png) no-repeat 140px
    #e67e22;
}

ul#sub_nav li#nav_provincial_profile_selected {
  background: url(../images/icons/provincial_profile_hover.png) no-repeat 140px
    #e67e22;

  color: #fff;
}

ul#sub_nav li#nav_aim {
  background: url(../images/icons/aim_normal.png) no-repeat 140px #fff;
}

ul#sub_nav li#nav_aim:hover {
  background: url(../images/icons/aim_hover.png) no-repeat 140px #16a085;
}

ul#sub_nav li#nav_guide {
  background: url(../images/icons/manual_normal.png) no-repeat 140px #fff;
}

ul#sub_nav li#nav_guide:hover {
  background: url(../images/icons/manual_hover.png) no-repeat 140px #8e44ad;
}

ul#sub_nav li#nav_contact {
  background: url(../images/icons/contact_normal.png) no-repeat 140px #fff;
}

ul#sub_nav li#nav_contact:hover {
  background: url(../images/icons/contact_hover.png) no-repeat 140px #3498db;
}

.buttonAddNew,
buttonAddNew a:link {
  width: 130px;

  padding: 3px;

  background: url(../images/icons/add_enabled.png) no-repeat center center
    #cccccc;

  font-family: BBCNassim;

  font-size: 18px;

  font-weight: normal;

  text-decoration: none;

  color: #fff;

  margin: 0 2px;

  border: 1px solid #fff;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0), 0 0px 20px 0 rgba(0, 0, 0, 0.2);
  border: none;
  padding: 10px;

  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;
}

.buttonAddNew:hover,
.buttonAddNew a:hover,
.buttonAddNew:focus {
  color: #fff;

  background: url(../images/icons/add_enabled.png) no-repeat center center
    #cccccc;

  border: 0px solid #3ec3d6;

  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;

  cursor: pointer;
}

.buttonGreenHover {
  width: 130px;

  padding: 3px;

  background: #7eba45;

  font-family: BBCNassim;

  font-size: 18px;

  font-weight: normal;

  text-decoration: none;

  color: #fff;

  margin: 0 2px;

  border: 1px solid #fff;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0), 0 0px 20px 0 rgba(0, 0, 0, 0.2);
  border: none;
  padding: 10px;

  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;
}

.buttonGreenHover:hover,
.buttonGreenHover:focus {
  color: #fff;

  background: #009933;

  border: 0px solid #3ec3d6;

  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;

  cursor: pointer;
}

.buttonPinkHover {
  width: 130px;

  padding: 3px;

  background: #8e44ad;

  font-family: BBCNassim;

  font-size: 18px;

  font-weight: normal;

  text-decoration: none;

  color: #fff;

  margin: 0 2px;

  border: 1px solid #fff;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0), 0 0px 20px 0 rgba(0, 0, 0, 0.2);
  border: none;
  padding: 10px;

  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;
}

.buttonPinkHover:hover,
.buttonPinkHover:focus {
  color: #fff;

  background: #6c3485;

  border: 0px solid #3ec3d6;

  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;

  cursor: pointer;
}

.buttonDarkHover {
  width: 130px;

  padding: 3px;

  background: #444444;

  font-family: BBCNassim;

  font-size: 18px;

  font-weight: normal;

  text-decoration: none;

  color: #fff;

  margin: 0 2px;

  border: 1px solid #fff;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0), 0 0px 20px 0 rgba(0, 0, 0, 0.2);
  border: none;
  padding: 10px;

  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;
}

.buttonDarkHover:hover,
.buttonDarkHover:focus {
  color: #fff;

  background: #000000;

  border: 0px solid #3ec3d6;

  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;

  cursor: pointer;
}

.buttonTotalProjects {
  width: 150px;

  padding: 5px;

  display: table-cell;

  background: url(../images/icons/green_placeholder.png) no-repeat right #c9d3dc;

  font-family: BBCNassim;

  font-size: 18px;

  font-weight: normal;

  text-decoration: none;

  color: #ffffff;

  margin: 0 2px;

  text-align: center;

  border: 1px solid #fff;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -khtml-border-radius: 5px;

  border-radius: 5px;

  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;
}

.buttonTotalProjects:hover,
.buttonTotalProjects:focus {
  color: #fff;

  background: url(../images/icons/green_placeholder.png) no-repeat right #cccccc;

  border: 1px solid #3ec3d6;

  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -o-transition-property: all;

  -o-webkit-transition-duration: 0.5s;

  -ms-property: all;

  -ms-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;

  cursor: pointer;
}

.buttonTotalProjects a {
  color: fff;
}