/* 
Document   : default
Created on : January 12, 2006, 5:47 PM
Author     : llturro
Description:
Default XMLPortal style
*/

/* central web container */
/*@media (min-width: 768px) {
  div.webContainer {
    max-width: 750px;
    width: 970px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  div.webContainer {
    max-width: 970px;
    width: 970px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  div.webContainer {
    max-width: 1170px;
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
  }
}*/

div.webContainer {
  max-width: 1170px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

body {
  margin: 0;
  padding: 0;
  font-size: medium;
  font-family: Verdana, "Helvetica medium", Sans, Arial, sans-serif;
  background-color: White;
}

table, ul, ol {
  font: inherit;
}

a img {
  border: none;
}

img.linkImg {
  vertical-align: middle;
}

a {
  text-decoration: none;
  color: #6b7594;
}

a:hover {
  color: #a4756b;
}

a.externalLink, a.externallink:link, a.externallink:visited, a.externallink:active, a.externallink:hover {
  background: url('external_link.png') right center no-repeat;
  padding-right: 15px;
}

a.newwindow, a.newwindow:link, a.newwindow:visited, a.newwindow:active, a.newwindow:hover {
  background: url('new_window.png') right center no-repeat;
  padding-right: 15px;
}

h1 {
  font-size: 200%;
  font-weight: normal;
  color: #6e6f6e;
}

h2 {
  font-size: 150%;
  font-weight: normal;
  color: #6e6f6e;
}

h3 {
  font-size: 110%;
  color: #6e6f6e;
}

h4 {
  font-size: 105%;
  color: #6e6f6e;
}

h5 {
  font-size: 100%;
  color: #6e6f6e;
}

hr {
  height: 0px;
  border:none;
  border-bottom: dotted 1px #bbb;
}

div {
}

dt {
  color: gray;
  font-size: 110%;
  font-weight: bold;
}

dd {
  padding-bottom: 5px;
}

pre, samp, code, tt {
  font-family: "Courier New", monospace;
  font-size: 1.1em;
  overflow-x: auto;
  max-width: 100%;
}

textarea, input, select, button {
  font: inherit;
}

form {
  margin: 0px;
  font: inherit;
}

div.default-element {
  margin: 0px;
  padding: 0px;
}

div.default-body {
  margin: 0px;
  padding: 0px;
}


div.header,
div.header div.default-element,
div.header div.default-element div.default-body,
div.header div.default-element div.default-body div {
  margin: 0px;
  padding: 0px;
}

div.locator,
div.locator div {
  margin: 0px;
  padding: 0px;
}

div.footer,
div.footer div.default-element,
div.footer div.default-element div.default-body,
div.footer div.default-element div.default-body div {
  margin: 0px;
  padding: 0px;
}

div.buttons {
  font-weight: normal;
  font-family: monospace;
  font-size: 90%;
  padding: 8px;
}

div.buttons a {
  margin-left: 5px;
  padding: 3px 10px 3px 10px;
  text-decoration: none;
  color: #6e6e6e;
  border: 1px solid #dddddd;
  background-color : #eeeeee;
}

div.buttons a:hover {
  color: #316ac5;
  border: 1px solid #a2b3df;
  background-color : #c2d3ef;
}

div.buttons img {
  border: none;
  vertical-align: top;
}

div.container {
  background: #fff;
  padding: 0;
}

div.resumedContainer,
div.resumedContainer * {
  font-size: 90% !important;
}

/* colored divisions */

div.sand {
  border: solid 1px #cecfce;
  background-color: #efefde;
}

div.softgreen {
  border: solid 1px #cecfce;
  background-color: #e7efe7;
}

/* SQL navigator */

div.dbnav ul {
  list-style: none;
  padding: 0;
}

div.dbnav li {
  padding: 5px;
  float: left;
}

div.dbnav li a {
  display: block;
  font-weight: bold;
  color: #6e6f6e;
  text-decoration: none;
}

div.dbnav li.active {
  background-color: #eeeeee;
}

div.dbnav li.active a {
  font-weight: bold;
  color: #000;
}

/* Dao navigator */

div.dao-navigator {
  height: 40px;
}

div.dao-navigator ul {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}

div.dao-navigator li {
  padding: 5px;
  margin: 5px;
  float: left;
  width: 20px;
  text-align: center;
  background-color: #eee;
  border: solid 1px #fff;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 2px #e4e4e4;
  -khtml-box-shadow: 0px 0px 2px #e4e4e4;
  -webkit-box-shadow: 0px 0px 2px #e4e4e4;
  box-shadow: 0px 0px 2px #e4e4e4;
}

div.dao-navigator li a {
  display: block;
  font-weight: bold;
  font-size: 0.8em;
  color: #6e6f6e;
  text-decoration: none;
}

div.dao-navigator li.active {
  background-color: #AFBFCF;
}

div.dao-navigator li.active a {
  font-weight: bold;
  color: #000;
}

/* Vote It */

.voteit-container {
  text-align: center;
  line-height: 90%;
  padding-top: 3px;
  background: #eaeada;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.voteit-container .voteit-votes {
  font-size: 1.3em;
  font-weight: bold;
}

.voteit-container .voteit-string {
  font-size: 0.6em;
}

.voteit-container .voteit-bar {
  height: 8px;
  margin-left: 2px;
}
 
.voteit-container .voteit-positive {
  background: #11f605;
  height: 8px;
}
 
.voteit-container .voteit-nocare {
  background: #ffa327;
  height: 8px;
}
 
.voteit-container .voteit-negative {
  background: #f00900;
  height: 8px;
}

.voteit-container a img {
  cursor: pointer;
}

/* Star it */

.starit-container {
  margin-left: 5px;
}

.starit-container a:hover {
  opacity: 0.5;
}

.starit-container .starit-string {
  font-size: 0.8em;
  text-align: right;
  padding: 0px;
}

/* Comment it */

.commentit-comment {
  background-color: #fefefe;
  border: solid 1px #c0d0e0;
  margin-top: 20px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.commentit-comment .commentit-details {
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: .1em;
  background-color: #cde;
  padding: 5px;
  color: gray;
  border-bottom: solid 1px #c0d0e0;
}

.commentit-comment .commentit-details span.author {
  color: #123;
  padding-right: 5px;
  margin-right: 5px;
  border-right: solid 1px #ddddef;
}

.commentit-comment .commentit-details span.date {
  color: #432;
  padding-right: 5px;
  margin-right: 5px;
  border-right: solid 1px #ddddef;
}

.commentit-comment div.body {
  padding: 5px;
  color: #333;
}

.commentit-new {
  margin-top: 50px;
}

.commentit-new input,
.commentit-new textarea {
  border: solid 1px silver;
}

/* Tag Cloud */

.tag-cloud {
  clear: both;
  margin-bottom: 10px;
}

.tag-cloud .tag-item {
  color: #156dc6;
  font-weight: bold;
  margin-right: 10px;
  float: left;
  min-height: 30px;
}

.tag-cloud .tag-divider {
  clear: both;
}

.tag-cloud .tag-group {
  margin-top: 20px;
  background-color: #fafafa;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.tag-cloud .tag-group-title {
  text-align: right;
  padding: 5px;
  background-color: #eee;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -khtml-border-radius-topleft: 5px;
  -khtml-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.tag-cloud .tag-group a {
  padding: 5px;
}

.tag-cloud .tag-group-delete {
  float: right;
}

.tag-cloud .tag-group-tags {
  padding: 5px;
}

/* Tips */
.tip {
  color: #666666;
  font-size: 120%;
}

/* User actions */

div#useractions {
  border-top: solid 1px #cecfce;
  background-color: #efefde;
  padding: 5px;
}

div#useractions a {
  margin-left: 10px;
}

div#useractions span {
  color: #aeafae;
  font-weight: bold;
}

/* Feedback */

div#feedback {
  text-align: left;
  padding: 5px;
  padding-left: 50px;
  background-color: #3191b1;
  color: #fff;
}

div#fbthanks {
  color: #666;
  font-size: 200%;
}

/* InPlace Editor */

form.inplaceeditor-form textarea {
  width: 100%;
  border: solid 1px #d0d4ad;
}

/* HTMLForm */

.htmlform {
  text-align: left;
}

input.hf_input,
select.hf_select,
input.hf_autocompleter,
textarea.hf_editor {
  width: 100%;
  border: solid 1px #dddddd;
  padding: 4px;
  background-image: url(bg-editor.png);
}

/* autocomplete lists */

div.autolist {
  border: solid 1px #dedeae;
  background-color: white;
  padding: 0;
  margin: 0;
  max-height: 200px;
  overflow: auto;
}

div.autolist ul {
  margin: 0;
  padding: 5px;
  list-style: none;
}

div.autolist .selected {
  background-color: #dedeae;
}

/* wiki */

TABLE.tb_wiki {
}

TD.thd_wiki {
  padding: 8px;
  color : #646753;
  font-weight: bold;
}

TR.thr_wiki {
  background: url('wthbg.gif') repeat-x;
}

TD.tbd_wiki {
  padding: 8px;
  border-bottom: 1px solid #646753;
}

DIV.note_wiki {
  margin-left: 3em;
  font-style: italic;
  padding: 0.5em;
  border: solid 1px #cfcfce;
  background-color: #efefe7;
}

DIV.note_wiki I {
  font-style: normal;
}

TD.utab_wiki {
  border-right: 1px solid white;
  border-left: 1px solid white;
  border-top: 4px solid white;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  color: Gray;
  font-weight: 700;
  background-color: #eeeeee;
  cursor: pointer;
  border-bottom: 1px solid #dddddd;
}

TD.stab_wiki {
  border-top: 1px solid silver;
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  color: Black;
  font-weight: 700;
  background-color: white;
  cursor: pointer;
}

TABLE.tab_wiki {
  border: 1px solid silver;
}

DT.blind_wiki {
  cursor: pointer;
  margin-top: 10px;
}

DD.blind_wiki {
  margin-left: 5px;
}

/* User */

div.user {
  margin-top: 10px;
  padding-left: 20px;
  background: transparent url('../system/images/user.gif') 0 0 no-repeat;
  border-left: solid 1px #cecfce;
}

span.user {
  margin-top: 10px;
  margin-right: 10px;
  padding-left: 20px;
  background: transparent url('../system/images/user.gif') 0 0 no-repeat;
}

/* Macros */

ul.m_list {
  color: #769;
}

.m_error {
  padding-left: 20px;
  color: red;
  background: transparent url('../system/images/warn.gif') 0 0 no-repeat;
}

/* Print version */

div#print-version {
  text-align: right;
  background: transparent url('printer.gif') right no-repeat;
  margin-top: 10px;
  padding-right: 20px;
}

/* Control version */

div#control-version {
  margin-top: 10px;
}

div#control-version table {
  float: right;
}

div#control-version td {
  font-size: 80%;
}

div#control-version span.file-version {
  background: url('press.gif') no-repeat;
  padding-left: 20px;
}

/* Context title */

div.context-title {
  margin-top: 10px;
  border-bottom: solid 1px silver;
  font-size: 200%;
  font-weight: normal;
  color: #444444;
}

/* Popup */

a.popup {
  text-decoration: underline;
  border-bottom: solid 1px #6b7594;
}

div.popup {
  background-color: #F4F4F4;
  border: 1px solid #CCC;
  padding: 10px;
  -moz-box-shadow: 0px 0px 12px #e4e4e4;
  -khtml-box-shadow: 0px 0px 12px #e4e4e4;
  -webkit-box-shadow: 0px 0px 12px #e4e4e4;
  box-shadow: 0px 0px 12px #e4e4e4;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

div.popup div.close {
  background: url('../system/images/window/close.gif') top right no-repeat #efefef;
  text-indent: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
}

div.popup div.inside {
  width: 600px;
  height: 500px;
  overflow: auto;
}

/* Boxes */

div.green_box {
  border-bottom: solid 1px #c1c1c1;
  border-right: solid 1px #c1c1c1;
  background: transparent url('green-box.png') no-repeat;
  padding: 10px;
}

div.pale_box {
  border-bottom: solid 1px #c1c1c1;
  border-right: solid 1px #c1c1c1;
  background: transparent url('pale-box.png') no-repeat;
  padding: 10px;
}

div.blue_box {
  border-bottom: solid 1px #c1c1c1;
  border-right: solid 1px #c1c1c1;
  background: transparent url('blue-box.png') no-repeat;
  padding: 10px;
}

div.red_box {
  border-bottom: solid 1px #c1c1c1;
  border-right: solid 1px #c1c1c1;
  background: transparent url('red-box.png') no-repeat;
  padding: 10px;
}

div.sun_box {
  border-bottom: solid 1px #c1c1c1;
  border-right: solid 1px #c1c1c1;
  background: transparent url('sun-box.png') no-repeat;
  padding: 10px;
}

/* Documents */

.docFolder {
  color: #333333;
  cursor: pointer;
}

.docLevel0 {
  font-weight: bold;
}

.docFile {
  color: #333333;
}

.docForm {
  margin-top: 6px;
  padding: 10px;
  border: solid 1px #003366;
}

.docForm label {
  color: #003366;
}

/* Groups */

.group {
  color: #333333;
  cursor: pointer;
  font-variant: small-caps;
}

.groupLevel0 {
  font-weight: bold;
}

/* Publication Styles */

p.Info {
  margin-left: 3em;
  margin-right: 1em;
  font-style: italic;
  padding: 5px;
  padding-left: 35px;
  border-bottom: solid 1px #dedeef;
  border-right: solid 1px #dedeef;
  color: gray;
  background: url('info.png') 5px 5px no-repeat #efefef;
}

p.Comment {
  margin-left: 3em;
  margin-right: 1em;
  font-style: italic;
  padding: 5px;
  padding-left: 35px;
  border-bottom: solid 1px #dddede;
  border-right: solid 1px #dddede;
  color: gray;
  background: url('comment.png') 5px 5px no-repeat #fefde7;
}

p.Warning {
  margin-left: 3em;
  margin-right: 1em;
  font-style: italic;
  padding: 5px;
  padding-left: 35px;
  border-bottom: solid 1px #dddede;
  border-right: solid 1px #dddede;
  color: gray;
  background: url('warn.png') 5px 5px no-repeat #ffeeda;
}

/* Mini Form */

.miniForm * {
  font-size: 0.8em;
}

/* Button Bar */

.button_item {
  width: 70px;
}

.button_item:hover,
.button_item:hover * {
  background-color:#8294bf;
  color:white;
}

/* Highlight */

.elhighlighton {
  background-color: #ededf0;
}

/* CSS3 */

.boxDark {
  padding: 0px 20px 0px 20px;
  box-shadow: 0 5px 10px rgba(128, 128, 128, 0.5), inset 0 0 20px -2px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 5px 10px rgba(128, 128, 128, 0.5), inset 0 0 20px -2px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 5px 10px rgba(128, 128, 128, 0.5), inset 0 0 20px -2px rgba(255, 255, 255, 0.5);
}

.boxLight {
  padding: 0px 20px 0px 20px;
  box-shadow: 0 5px 10px rgba(128, 128, 128, 0.5), inset 0 0 10px -2px rgba(128, 128, 128, 0.5);
  -moz-box-shadow: 0 5px 10px rgba(128, 128, 128, 0.5), inset 0 0 10px -2px rgba(128, 128, 128, 0.5);
  -webkit-box-shadow: 0 5px 10px rgba(128, 128, 128, 0.5), inset 0 0 10px -2px rgba(128, 128, 128, 0.5);
}

.boxRound {
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.boxRoundTop {
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -khtml-border-radius-topleft: 5px;
  -khtml-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.boxRoundBottom {
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -khtml-border-radius-bottomleft: 5px;
  -khtml-border-radius-bottompright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.boxRaised {
  -moz-box-shadow: 0px 0px 12px #e4e4e4;
  -khtml-box-shadow: 0px 0px 12px #e4e4e4;
  -webkit-box-shadow: 0px 0px 12px #e4e4e4;
  box-shadow: 0px 0px 12px #e4e4e4;
}

.boxLinearLight {
  background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.1) 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.1)));
  background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.1) 100%);
  background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.1) 100%);
  background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.1) 100%);
  background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1affffff',GradientType=1 );
}

.boxRadialLight {
  background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0)));
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%);
  background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%);
  background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%);
  background: radial-gradient(ellipse at center,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#00ffffff',GradientType=1 );
}
  
.topShadow {
  -moz-box-shadow: 0px -10px 10px -10px #000;
  -khtml-box-shadow: 0px -10px 10px -10px #000;
  -webkit-box-shadow: 0px -10px 10px -10px #000;
  box-shadow: 0px -10px 10px -10px #000;
}

.bottomShadow {
  -moz-box-shadow: 0px 10px 10px -10px #000;
  -khtml-box-shadow: 0px 10px 10px -10px #000;
  -webkit-box-shadow: 0px 10px 10px -10px #000;
  box-shadow: 0px 10px 10px -10px #000;
}

.textInset {
  text-shadow: 1px 1px 1px #FFF;
}

.textShadow {
  text-shadow: 1px 1px 1px #666;
}

.lightGradient {
  background-image: -webkit-gradient(
      linear,
      left top,
      right bottom,
      color-stop(0.02, rgb(240,240,240)),
      color-stop(0.40, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
      left top,
      rgb(240,240,240) 2%,
      rgb(255,255,255) 40%
  );
}

.buttonRound * {
  color: #333333;
}

.buttonRound {
  background-color: #efefff;
  background-image: -webkit-gradient(
      linear,
      left top,
      right bottom,
      color-stop(0.02, rgb(240,240,240)),
      color-stop(0.40, rgb(245,245,245))
  );
  background-image: -moz-linear-gradient(
      left top,
      rgb(240,240,240) 2%,
      rgb(245,245,245) 40%
  );
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 12px #e4e4e4;
  -khtml-box-shadow: 0px 0px 12px #e4e4e4;
  -webkit-box-shadow: 0px 0px 12px #e4e4e4;
  box-shadow: 0px 0px 12px #e4e4e4;
}

.buttonRound:hover {
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0px 0px rgba(128, 128, 128, 0.5), inset 0 0 10px -2px rgba(128, 128, 128, 0.5);
  -moz-box-shadow: 0 0px 0px rgba(128, 128, 128, 0.5), inset 0 0 10px -2px rgba(128, 128, 128, 0.5);
  -webkit-box-shadow: 0 0px 0px rgba(128, 128, 128, 0.5), inset 0 0 10px -2px rgba(128, 128, 128, 0.5);
}

.boxInset {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) inset;
}

/* ZK buttons */

.z-button-tl, .z-button-tm, .z-button-tr,
.z-button-cl, .z-button-cr,
.z-button-bl, .z-button-bm, .z-button-br {
  font-size: 0px !important;
}

.z-button-tl *, .z-button-tm *, .z-button-tr *,
.z-button-cl *, .z-button-cr *,
.z-button-bl *, .z-button-bm *, .z-button-br * {
  font-size: 0px !important;
}

/* Calendar date */

.calendar {
  text-shadow: none;
  float: left;
  margin-right: 10px;
  background-color: #fff;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #ddd;
}

.calendar .day {
  font-size: 0.9em;
  color: #222;
  font-weight: bold;
  text-align: center;
  padding: 2px 6px 0px 6px;
}

.calendar .month {
  color: #555;
  font-size: 0.6em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding: 0px 6px 2px 6px;
}

.calendar .year {
  font-size: 0.6em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding: 2px 6px 2px 6px;
  color: white;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -khtml-border-radius-bottomleft: 5px;
  -khtml-border-radius-bottompright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.event .year {
  background-color: #666666;
}

.alert .year {
  background-color: #663300;
}

.start .year {
  background-color: #003366;
}

/* Soft Buttons */

.softButton {
  color:#428bca;
  text-shadow: none;
  position: relative;
  width: auto;
  display: inline-block;
  margin: 0 0 2px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-weight: 600;
  height: auto;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
  background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
  background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
  background-image: -o-linear-gradient(#ffffff, #f2f2f2);
  background-image: linear-gradient(#ffffff, #f2f2f2);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 6px 12px;
  white-space: nowrap;
}

.softButton + .softButton {
  margin-left:10px;
}

.softButton:hover {
  color:black!important;
  border: 1px solid #ddd!important;
  background:white!important;
}

/* Dark Buttons */

.darkButton {
  color:#fff;
  text-shadow: none;
  position: relative;
  width: auto;
  display: inline-block;
  margin: 0 0 2px;
  overflow: hidden;
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-weight: 600;
  height: auto;
  background: #3c3c3c;
  background-image: -moz-linear-gradient(top, #707070, #3c3c3c);
  background-image: -ms-linear-gradient(top, #707070, #3c3c3c);
  background-image: -o-linear-gradient(top, #707070, #3c3c3c);
  background-image: -webkit-linear-gradient(top, #707070, #3c3c3c);
  background-image: linear-gradient(top, #707070, #3c3c3c);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 6px 12px;
  white-space: nowrap;
}

.darkButton + .darkButton {
  margin-left:10px;
}

.darkButton:hover {
  color:white!important;
  background: #000;
}

.darkLink {
  color: #666;
  cursor: pointer;
}

.darkLink:hover {
  color: #000;
}

/* Orange Buttons */

.orangeButton {
  color:#fff;
  text-shadow: none;
  position: relative;
  width: auto;
  display: inline-block;
  margin: 0 0 2px;
  overflow: hidden;
  border: 1px solid #c02106;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-weight: 600;
  height: auto;
  background: #ee731a;
  background: -moz-linear-gradient(top, #ee731a, #d03116);
  background: -ms-linear-gradient(top, #ee731a, #d03116);
  background: -o-linear-gradient(top, #ee731a, #d03116);
  background: -webkit-linear-gradient(top, #ee731a, #d03116);
  background: linear-gradient(top, #ee731a, #d03116);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 6px 12px;
  white-space: nowrap;
}

.orangeButton + .orangeButton {
  margin-left:10px;
}

.orangeButton:hover {
  color:white!important;
  background: #cb6216;
  background: -moz-linear-gradient(top, #cb6216, #b12a13);
  background: -ms-linear-gradient(top, #cb6216, #b12a13);
  background: -o-linear-gradient(top, #cb6216, #b12a13);
  background: -webkit-linear-gradient(top, #cb6216, #b12a13);
  background: linear-gradient(top, #cb6216, #b12a13);
}

/* Blue Buttons */

.blueButton {
  color:#fff;
  text-shadow: none;
  position: relative;
  width: auto;
  display: inline-block;
  margin: 0 0 2px;
  overflow: hidden;
  border: 1px solid rgba(49,134,224,1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-weight: 600;
  height: auto;
  background: rgba(90,163,232,1);
  background: -moz-linear-gradient(top, rgba(90,163,232,1) 0%, rgba(32,124,229,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(90,163,232,1)), color-stop(100%, rgba(32,124,229,1)));
  background: -webkit-linear-gradient(top, rgba(90,163,232,1) 0%, rgba(32,124,229,1) 100%);
  background: -o-linear-gradient(top, rgba(90,163,232,1) 0%, rgba(32,124,229,1) 100%);
  background: -ms-linear-gradient(top, rgba(90,163,232,1) 0%, rgba(32,124,229,1) 100%);
  background: linear-gradient(to bottom, rgba(90,163,232,1) 0%, rgba(32,124,229,1) 100%);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 6px 12px;
  white-space: nowrap;
}

.blueButton + .blueButton {
  margin-left:10px;
}

.blueButton:hover {
  color:white!important;
  background: rgba(49,134,224,1);
  background: -moz-linear-gradient(top, rgba(49,134,224,1) 0%, rgba(32,124,229,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,134,224,1)), color-stop(100%, rgba(32,124,229,1)));
  background: -webkit-linear-gradient(top, rgba(49,134,224,1) 0%, rgba(32,124,229,1) 100%);
  background: -o-linear-gradient(top, rgba(49,134,224,1) 0%, rgba(32,124,229,1) 100%);
  background: -ms-linear-gradient(top, rgba(49,134,224,1) 0%, rgba(32,124,229,1) 100%);
  background: linear-gradient(to bottom, rgba(49,134,224,1) 0%, rgba(32,124,229,1) 100%);
}

/* Green Buttons */

.greenButton {
  color:#fff;
  text-shadow: none;
  position: relative;
  width: auto;
  display: inline-block;
  margin: 0 0 2px;
  overflow: hidden;
  border: 1px solid rgba(20,166,35,1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-weight: 600;
  height: auto;
  background: rgba(61,209,75,1);
  background: -moz-linear-gradient(top, rgba(61,209,75,1) 0%, rgba(0,148,15,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(61,209,75,1)), color-stop(100%, rgba(0,148,15,1)));
  background: -webkit-linear-gradient(top, rgba(61,209,75,1) 0%, rgba(0,148,15,1) 100%);
  background: -o-linear-gradient(top, rgba(61,209,75,1) 0%, rgba(0,148,15,1) 100%);
  background: -ms-linear-gradient(top, rgba(61,209,75,1) 0%, rgba(0,148,15,1) 100%);
  background: linear-gradient(to bottom, rgba(61,209,75,1) 0%, rgba(0,148,15,1) 100%);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 6px 12px;
  white-space: nowrap;
}

.greenButton + .greenButton {
  margin-left:10px;
}

.greenButton:hover {
  color:white!important;
  background: rgba(20,166,35,1);
  background: -moz-linear-gradient(top, rgba(20,166,35,1) 0%, rgba(0,148,15,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(20,166,35,1)), color-stop(100%, rgba(0,148,15,1)));
  background: -webkit-linear-gradient(top, rgba(20,166,35,1) 0%, rgba(0,148,15,1) 100%);
  background: -o-linear-gradient(top, rgba(20,166,35,1) 0%, rgba(0,148,15,1) 100%);
  background: -ms-linear-gradient(top, rgba(20,166,35,1) 0%, rgba(0,148,15,1) 100%);
  background: linear-gradient(to bottom, rgba(20,166,35,1) 0%, rgba(0,148,15,1) 100%);
}

/* Red Buttons */

.redButton {
  color:#fff;
  text-shadow: none;
  position: relative;
  width: auto;
  display: inline-block;
  margin: 0 0 2px;
  overflow: hidden;
  border: 1px solid rgba(212,0,0,1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-weight: 600;
  height: auto;
  background: rgba(255,22,5,1);
  background: -moz-linear-gradient(top, rgba(255,22,5,1) 0%, rgba(212,0,0,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,22,5,1)), color-stop(100%, rgba(212,0,0,1)));
  background: -webkit-linear-gradient(top, rgba(255,22,5,1) 0%, rgba(212,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(255,22,5,1) 0%, rgba(212,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,22,5,1) 0%, rgba(212,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(255,22,5,1) 0%, rgba(212,0,0,1) 100%);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 6px 12px;
  white-space: nowrap;
}

.redButton + .redButton {
  margin-left:10px;
}

.redButton:hover {
  color:white!important;
  background: rgba(235,30,30,1);
  background: -moz-linear-gradient(top, rgba(235,30,30,1) 0%, rgba(212,0,0,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,30,30,1)), color-stop(100%, rgba(212,0,0,1)));
  background: -webkit-linear-gradient(top, rgba(235,30,30,1) 0%, rgba(212,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(235,30,30,1) 0%, rgba(212,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(235,30,30,1) 0%, rgba(212,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(235,30,30,1) 0%, rgba(212,0,0,1) 100%);
}

/* Rating */

.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 1.1em;
  display: inline-table;
}
.rating span.star {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  padding-right: 3px;
}
.rating span.star:hover {
  cursor: pointer;
}
.rating span.star:before {
  content: "\f006";
  color: #777777;
}
.rating span.star:hover:before,
.rating span.star:hover ~ span.star:before {
  content: "\f005";
  color: #e3cf7a;
}

/* Table Scroll */

table.scrollable thead {
  display: block; 
}

table.scrollable tbody {
  display: block; 
  overflow: auto;
}

/* font awesome UL lists */

.fa-el-ul ul {
  list-style: none;
  margin-left: -1.5em;
}

.fa-el-ul ul li::before {
  margin-right: 0.5em;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-el-ul-check ul li::before {
  content: "\f00c";
}

/* Dao Search */

.generic-search {
  width: 250px;
  margin-bottom: 10px;
}

.generic-search table td {
  font-size: 0.9em;
}

.generic-search input {
  width: 100%;
}

/* Caption */

.textCaption1,
.textCaption1 * {
  font-size:200% !important;
  font-weight:normal !important;
  color:#0075b0 !important;
}

.textSubCaption1,
.textSubCaption1 * {
  font-size:150% !important;
  font-weight:normal !important;
  color:#697b84 !important;
}

.textCaption2,
.textCaption2 * {
  font-size:150% !important;
  font-weight:normal !important;
  color:#005782 !important;
}

.textSubCaption2,
.textSubCaption2 * {
  font-size:120% !important;
  font-weight:normal !important;
  color:#697b84 !important;
}

.textCaption3,
.textCaption3 * {
  font-size:120% !important;
  font-weight:normal !important;
  color:#005782 !important;
}

.textSubCaption3,
.textSubCaption3 * {
  font-size:100% !important;
  font-weight:normal !important;
  color:#697b84 !important;
}

/* jquery-UI */

.ui-widget {
  font-size: 1.0em !important;
}