@import url("/css/reset.css");
@import url("/css/style-common.css");
@import url("/js/jquery-ui.1.12.css");
@import url("/js/jquery-ui/jquery-ui.theme.min.css");

@font-face {
    font-family: 'NewCicleFina';
    src:  url('/css/NewCicleFina-webfont.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat';
    src:  url('/css/Montserrat-Regular.ttf') format('truetype');
}
/*@font-face {
    font-family: 'Verdana';
    src:  url('/css/Verdana.ttf') format('truetype');
}*/
@font-face {
    font-family: 'Catamaran';
    src:  url('/css/Catamaran/Catamaran-Regular.ttf') format('truetype');
}


.site-sans {font-family: Verdana, Arial, Helvetica, Sans-serif;}
.site-serif {font-family: 'Catamaran';}
.site-script {font-family: 'NewCicleFina';}
.site-block {font-family: 'Montserrat';}
.site-slick {font-family: 'NewCicleFina';}

/*  Main site layout  */

BODY, HTML {
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 14pt;
  line-height:22px;
  background-color: white;
}


/*BODY, HTML, TABLE, TD, SPAN, DIV {
  font-size: 100%;
}

*/

h1 {
  color: #333;
  font-weight:bold;
  font-size: 18px;
}

h2 {
  color: #514a41;
  font-weight:bold;
  font-size: 16px;
}

h3 {
  color: #666;
  font-weight:bold;
  font-size: 14px;
}

ul {
  /*list-style-image: url('/css/glyphicons_free/glyphicons/png/glyphicons-249-asterisk.png');*/
  list-style-position: inside;
}

/*a {text-decoration:none;}
*/

/*ul {
  margin-left:20px;
}*/

#site-messages {width:900px; margin:6px auto 5px 60px; padding:5px}

#header {
  position:fixed;
  width:100%;
  max-height:150px;
  min-height:32px;
  height:100%;
  margin-top: 20px;
  background: black;
  line-height:12px;

  /*background-size: auto 80%;*/
  z-index:811;
  /*-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);*/
  /*box-shadow: 0 0 5px rgba(0,0,0,0.8);*/
  transition: height 0.3s ease-in-out;
  overflow:visible;
}
#header.changed {
  /*line-height: 100%;*/
  height: 32px;
  background: black;
  /*background-image: none;*/
  transition: visibility 0.3s ease-in-out;
  font-size:12pt;
/*  background-size: auto 85%;
  background-position: top 2px left;*/
}

#header.changed #header_menu_container li {
  font-size:12pt;
}

#header_top, #header_top a {
  color:gray;
  font-weight: bold;
}
#header_top a:hover {
  color:silver;
}

#header_middle {
  position: relative;
  top: -12px;
  height:128px;
  max-height: 100%;
  max-width:424px;
  margin: 0 auto;
}

#header img#header_image {
  position: absolute;
  top: 0px;
  bottom:0;
  left: 0;
  right:0;
  margin: auto;
  max-width:424px;
  height:128px;
  max-height: 100%;
  /*margin: 0 auto;*/
}
#header img#header_image.changed {
  display:none;
}

#header_top {
  position: fixed;
  max-height:20px;
  width:100%;
  white-space: nowrap;
  background: black;
  background: linear-gradient(top, black 0%, #333333 100%);
  background: -moz-linear-gradient(top, black 0%, #333333 100%);
  background: -webkit-linear-gradient(top, black 0%,#333333 100%);
  box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
  line-height: normal;
  z-index:810;
}

#header_top #top_left {
  font-family: 'Catamaran';
  padding:0 5px 3px 5px;
  line-height: normal;
}

#header_top #logout_box {
  float: left;
}

#header_inner {
  position: absolute;
  bottom:0;
  width:100%;
  background: black;
  background: radial-gradient(top, black 0%, #333333 100%);
  background: -moz-linear-gradient(top, black 0%, #333333 100%);
  background: -webkit-linear-gradient(top, black 0%,#333333 100%);
  box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
}

#header_menu_wrapper {
  /*max-height:31px;*/
  position:relative;
  top:1px;
  max-width:975px;
  width:100%;
  margin:0 auto;
}

#header_menu_container {
  font-family: 'NewCicleFina';
  font-size: 13pt;
  display: inline-block;
  margin: 0 2%;
}

#header_menu_container.changed {
  margin-left:40px;
}

#header_logo {
  transition: all 0.3s ease-in-out;

}

#header_logo_small {
  display:none;
  position:absolute;
  top:-7px;
  max-height:40px;
  height:100%;
  padding: 2.5px 2px;
  transition: visibility 0.3s ease-in-out;
}
#header_logo_small.changed {
  display:block;
  float:left;
  transition: visibility 0.3s ease-in-out;
}


#header_menu {
  float:left;
}

#header_menu_right {
  margin-left: 5px;
  float:right;
  /*border:1px dotted pink;*/
}

#large_menu {
  display: inline-block;
  margin: 0 auto;
}

#login_dashboard_link {
  color:white;
  font-size: 12pt;
  margin-right: 5px;
}


#header a {
  font-weight: bold;
}

/*#header a:hover {color:orange}*/


#header_inner ul ul {
  display: none;
}

  #header_inner ul li:hover > ul {
    display: block;
  }


#header_inner ul {

  /*padding: 0 5px;*/
  /*border-radius: 10px;*/
  list-style: none;
  position: relative;
  /*display: inline-table;*/
}
  #header_inner ul:after {
    content: ""; clear: both; display: block;
  }

  #header_inner ul li {
    float: left;
  }
    #header_inner ul li:hover {
      transition:all .5s ease-in-out 1s;
      background: #1a1a1a;
      background: linear-gradient(top, #1a1a1a 0%, #404040 100%);
      background: -moz-linear-gradient(top, #1a1a1a 0%, #404040 100%);
      background: -webkit-linear-gradient(top, #1a1a1a 0%,#404040 100%);
    }
      #header_inner ul li:hover a {
        box-shadow: none;
        /*color: #fff;*/
        transition:all .5s ease-in-out 1s;
      }

    #header_inner ul li a {
      display: block;
      padding: 9px 5px 5px 5px;
      /*color: #757575; */
      text-decoration: none;
      transition:background .5s ease-in-out 1s;
    }


  #header_inner ul ul {
    /*background: #5f6975; */
    border-radius: 0px;
    padding: 0;
    position: absolute;
    top: 100%;
  }
  #header_menu_wrapper > ul > li > ul > li > a {
    transition:background .5s ease-in-out 1s;
  }
    #header_inner ul ul li {
      float: none;
      border-top: 1px solid #6b727c;
      border-bottom: 1px solid #575f6a; position: relative;
      background: black;
      background: linear-gradient(top, black 0%, #333333 100%);
      background: -moz-linear-gradient(top, black 0%, #333333 100%);
      background: -webkit-linear-gradient(top, black 0%,#333333 100%);
      box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    }
      #header_inner ul ul li a {
        /*padding: 5px 5px;*/
        /*color: #fff;*/
      }
        #header_inner ul ul li a:hover, #header_inner .current_page {
          /*background: #4b545f;*/
          background: #1a1a1a;
          background: linear-gradient(top, #1a1a1a 0%, #404040 100%);
          background: -moz-linear-gradient(top, #1a1a1a 0%, #404040 100%);
          background: -webkit-linear-gradient(top, #1a1a1a 0%,#404040 100%);
        }

  #header_inner ul ul ul {
    position: absolute; left: 100%; top:0;
  }


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

  BODY, HTML, TABLE, TD, SPAN, DIV {
    /*font-size: 12pt;*/
  }
/*  #header_menu_wrapper {
    max-width:780px;
  }*/
  #header ul li a {
     font-size:12pt !important;
     font-weight: bold;
  }
  #header {
    background-size: auto 120px;
    /*height:190px;*/
  }
}

@media only screen and (max-width: 910px) {
  #header.changed {
    height:64px;
  }
  #header ul li a {
     font-size:11pt !important;
     font-weight: bold;
     padding: 9px 5px 5px 5px;
  }
  #header img#header_image {
    height:75%;
    top:-20px;
  }

}

@media only screen and (max-width: 800px) {
  #store_right, .page_right, #page_bottom_right {
    width:71% !important;
  }
  #content .section_menu a {

    display: inline-block;
    padding: 5px 5px 3px;
  }
  #horoscopes #horoscope_menu .section_menu a {
    font-size:15pt !important;
    padding: 5px 15px 3px !important;
  }

/*  #store_left, .page_left {
    width:23%;
  }*/

  .hide_mobile {
    display:none;
  }

}

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

  BODY, HTML, TABLE, TD, SPAN, DIV {
    font-size: 12pt;
  }

  #header {
/*    background-position: top right;
    background-size: auto 100px;*/
    /*height:190px;*/

  }

  #header ul li a {
     font-size:11pt !important;
     font-weight: bold;
     line-height:14px;
  }

  #header_inner ul li a {
    /*padding: 9px 5px 5px 5px;*/
  }

  #content img {
    /*width: 95%;*/
    /*max-height: auto;*/
  }
  #store_right, .page_right, #page_bottom_right {
    width:70% !important;
  }
  #horoscopes #horoscope_menu .section_menu a {
    font-size:12pt !important;
    padding: 5px 5px 3px !important;
  }
  #signs_menu h1 {
    font-size: 12pt;
  }


}

@media only screen and (max-width: 500px) {
  #store_right, .page_right, #page_bottom_right {
    display:block;
    /*padding: 5px;*/
    margin: 0 auto;
    padding-bottom: 10px;
    width:99% !important;
    clear:both;

  }
  #store_left, .page_left {
    display:inline-block;
    width:99% !important;
    margin:0 auto;
    padding-bottom: 10px;
    clear:both;
  }

  #horoscopes #horoscope_menu {
    display:block;
    /*padding: 5px;*/
    margin: 0 auto;
    padding-bottom: 10px;
    width:99% !important;
    clear:both;
  }


}

@media only screen and (max-width: 400px) {
  #header {
    /*background-image: none;*/
    height:64px;
    min-height:64px;
  }
  #header img#header_image {
    display:none;
  }
  #header_logo_small {
    display:block;
    float:left;
    margin-top: 10px;
    transition: all 0.3s ease-in-out;
  }

  #header ul li a {
     padding:5px 5px 2px 5px;

  }

  #header_top {

    max-height: 40px !important;
    height: 40px !important;
  }

/*  #header_top * {
    font-size: 9pt;
  }*/

  #header_menu_container {
    margin-left:45px;
    margin-right:0;
  }

  #content {
    padding-top: 120px !important;
  }
  .share_links {
    top: 85px !important;
  }

  .anchor_divider {
    position:relative;
    top:-120px;
    clear:both;
  }
  #footer {
    background: none;
  }

}


#content {
  position: relative;
  color:#4d4d4d;
  background: transparent, min-height: 300px;
  width:100%;
  max-width:975px;
  min-height:480px;
  margin:0 auto;
  padding-top: 195px;
  border-radius: 5px;
  transition: padding 0.3s ease-in-out;
}
#content.changed {
  padding-top: 190px;
}

#content a:link, #content a:visited {
  color:#1a1a1a;

}
#content a:hover {
  color:black;
}
/*
#content #page_content .page_left {
  font-size: 12pt;
}
*/

#bottom div.center_content {
  margin:0 auto;
  height:280px;
  padding: 35px 0 5px 0;
  width:100%;
  max-width:975px;
}


#footer {
  position: relative;
  background: black url(/images/header_logo.png);
  background-repeat: no-repeat;
  background-size: 35% auto;
  background-position: 65%;
  height: 200px;
  margin: 0 auto;
  width: 100%;
  bottom:0;
  -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
  color:silver;
}

#footer #footer_left a {
  color:orange;
  font-size: 11pt;
}

#footer #footer_left a:hover {
  color:red;
}

#footer #footer_right {
  color:gray;
}

#footer #footer_right #copyright {
  position:absolute;
  bottom:5px;
  right:5px;
  font-size: 9pt;
}

#footer #footer_right a {
  color:gray;
  text-decoration: none;
}
#footer #footer_right a:hover {
  color:gray;
}

#sub_nav_menu {
  margin:5px 0 5px 0;
}

#header_bottom a.selected_menu, #footer a.selected_menu {
      color: #fa8072;
}

.contact_form input , .contact_form textarea {
  width: 100%;
  padding: 16px;
  border: none;
  border-radius: 0;
  color: #999;
  background-color: #eee;
  font-size: 14px;
}

.fancy_box {
  border:1px solid silver;
  border-radius: 4px;
  box-shadow: 1px 1px 1px silver;
  margin:0 auto;
  padding:10px;
}

.fancy_button, a.fancy_button {
  display:inline-block;
  padding:10px 15px;
  border:2px solid maroon;
  color:maroon;
  background-color:white;
  border-radius:4px;
  font-size: 20pt !important;
  font-family: "Montserrat",sans-serif;
  cursor: pointer;
}
.fancy_button:hover, a.fancy_button:hover {
  color:red;
  border:2px solid transparent;
  background-color:#cecece;
  text-shadow:1px 1px 1px gray;
}

a.fancy_button .fancy_button_arrow {
  float:right;
  padding-left:10px;
  font-size:20pt;
}

#page_content {
  padding:0 5px;
}

.anchor_divider {
  position:relative;
  top: -80px;
  clear:both;
}

#store_right, .page_right, #page_bottom_right {
  float:right;
  padding-left: 10px;
  width:72%;
  /*border:1px dotted blue;*/
}
#store_left, .page_left {
  float:left;
  width:24%;
  /*font-family: 'Catamaran';*/
  font-size: 13pt;
  /*overflow: hidden;*/
  /*border:1px dotted red;*/
}

.page_left #section_links a {
  display: block;
  padding-bottom: 10px;

}

#page_bottom_right {
  margin-top: 5px;
}

h1.page_header {
  display:block;
  text-align:center;
  margin-bottom: 10px;
}

.section_menu {
  font-family: 'Catamaran';
  /*line-height: 28px;*/
  /*border-bottom: 1px solid silver;*/
  padding-bottom: 5px;
  border-bottom: 1px solid #cccccc;
}

.section_menu_divider {
  margin:15px;
}

.section_menu a {
  margin: 0px;
  padding: 0 10px;
  text-decoration: none;
}

.section_menu a span {
  padding-right: 10px;
  padding-left: 10px;
}

#beauty .section_menu a {
/*  font-size: 14pt;
*/
  padding: 0 10px;
}
#beauty .section_menu a span {
  padding-right: 0;
  padding-left: 0;
}

/*#content a:link {color:#1a1a1a}
#content a:hover {


}*/
#content .section_menu a:hover {
  background-color:#e6e6e6;
  text-decoration: none;
  box-shadow: 0px 1px 0px gray;
}


.section_menu span {
/*  font-size: 12pt;
  font-family: 'Catamaran';*/
  display:inline;
  white-space: nowrap;
}

.section_menu a.selected_page {

/*  font-family: Catamaran;*/
  font-weight: bold;
  text-shadow: 1px 1px 1px #cccccc;
}

#content .page_right .horoscope_top img {
  /*float: left;*/
  /*clear:left;*/
  /*margin: 0 15px 5px 0;*/
  /*border: 1px solid silver;*/
}

#content .page_left img {
  display:block;
  margin: 0 5px 5px 0;
  /*border: 1px solid silver;*/
}

.view_link {
  float:right;
  max-width:16px;
}

#content .edit_link {
  float:right;
  max-width:14px;
  border:1px solid transparent;
}

.sc-player {
  margin:0 auto;

}

.sc-player a:hover {
  color:black !important;
  text-decoration:none !important;
  border:none;
}

#content #page_content .article_box h1 {
  display:block;
  /*padding-top:15px;*/
}

#content #page_content .article_box .article_title h1, #content .page_right h1#section_title {
  /*font-family: 'Catamaran';*/
  font-size: 1.2em;
  margin-bottom: 20px;
  float:left;
  line-height: 24px;
}

#content #page_content .article_box .article_date {
  float:right;
  margin-right:5px;
  margin-bottom: 10px;
}

#content #page_content .article_box .article_author {
  /*font-family: 'Catamaran';*/
  float:right;
  margin-right:5px;
}


#content #page_content .article_box .article_media {
  float:right;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
}

#content #page_content .article_box img.article_media {
  max-width:200px;
  width:100%
}




#horoscopes, #beauty, #newsletter, #store, #books, #cds, #propaganda, #pronoia, div.article_content {
  font-size: 14pt;*/
}


#content #homepage h1 {
  color: #97006B;
  padding-bottom: 10px;
}

#content #homepage #homepage_left, #content #homepage #homepage_right {
  max-width:48%;
  padding: 2% 1%;
  float:left;
  border-radius: 20px;


}

#content #homepage #homepage_right {
  /*margin-left: 1%;*/
  /*background: #ffbc08;*/
  background: linear-gradient(right, #ffbc08 0%, white 100%);
  background: -moz-linear-gradient(right, #ffbc08 0%, white 100%);
  background: -webkit-linear-gradient(right, #ffbc08 0%, white 100%);
  box-shadow: 1px 2px 3px silver;
}

#content #homepage #homepage_left {
  /*background: #ffbc08;*/
  background: linear-gradient(left, #fff4d5 0%, inherit 100%);
  background: -moz-linear-gradient(left, #fff4d5 0%, inherit 100%);
  background: -webkit-linear-gradient(left, #fff4d5 0%, inherit 100%);
}




/*form#fileupload tbody.files td strong.error .text-danger {
  display:none;
}*/

#content #media_manager #page_content {
  box-shadow: none;
  padding: 10px 7px;
}

#content #page_content #gallery_images .content_box {
  position: relative;
  min-height:105px;
  max-width:80px;
  width:100%;
  float:left;
  margin-right: 10px;
  margin-bottom: 10px;
}

#content #page_content #gallery_images .content_box .trash {
/*  position: absolute;
  bottom: 5px;
  left: 0;*/
}

#content #page_content #gallery_images .content_box .showurl {
/*  position: absolute;
  bottom: 5px;
  left: 20px;*/
}


a.go_back_link {
  float:right;
}



.show_urls {
  white-space: nowrap;
}

.url_info {
  z-index: 2000;
}



#help_box {
  border:1px solid silver;
  box-shadow: 1px 1px 1px gray;
  padding:5px 10px;
  font-size: 12pt;
}

#content #books #oracle .page_right {
  /*margin-top:20px;*/
}

#content #books #oracle .chapter_select_box {
  position: absolute;
  right:20px;
  /*top:-5px;*/
  font-size: 12px;
  margin:right:30px;
}


#horoscopes #horoscope_menu {
  /*max-width:505px;*/
  /*max-width:420px;*/
  /*margin: 0 auto;*/
  float:right;
  padding-left: 10px;
  width:75%;

  /*border: 1px dotted red;*/
}

#horoscopes #horoscope_menu .section_menu {
  border:none;
}

#horoscopes #horoscope_menu .section_menu .hcol {
  float:left;
/*  margin-right: 10px;
  margin-left: 10px;*/
  max-width: 190px;
}

#horoscopes #horoscope_menu .section_menu a {
  font-size:16pt;
  font-weight: bold;
  color: #e60000;
  display: block;
  padding: 5px 40px 3px;
}

#horoscopes #horoscope_menu .section_menu a span {
  padding-right: 0;
  padding-left: 0;
}


#horoscopes #horoscope_select {
  max-width: 500px;
  margin:0 auto 15px auto;
  text-align: center;
}


#horoscopes h1 {

}

#horoscopes .page_left .archive_links .archive_links_date {
  font-size: 11pt;
  margin-bottom: 3px;
}

#content #horoscopes #horoscope_archives .page_right .archive_links {
  max-width:400px;
  margin-left:70px;
}

#horoscopes .page_left .archive_links .friendly_archive_link {
  white-space: nowrap;
}


#horoscopes .all_signs_link {
  display:block;
  width:100%;
  float:none;
  text-align: center;
  clear:both;
  margin-bottom: 10px;
}

#horoscope_content .sign_container h1 {
  display:inline-block;
  margin-bottom: 20px;
}

#horoscopes #printer-friendly {
  max-width:990px;
  margin:0 auto;
  line-height:18px;
}

#horoscopes #printer-friendly .sign_text {
  font-size: 12pt;
  line-height:22px;
}



#content .fwa_subscribe {
  max-width: 222px;
  width: 100%;
  text-align: center;
  line-height: 12px;
  font-family: Montserrat;
  color:silver;
  /*border:1px dotted silver;*/
}

#content .fwa_subscribe h1 {
  font-size: 11px;
  display:block;
  margin-bottom: 10px;
  color:#e60000;
}

#content .page_left .fwa_subscribe {
  font-size: 9pt;
  margin-top: 10px;
}

#content .fwa_subscribe a, .fwa_subscribe a {
  color:silver;
}

.fwa_subscribe input[name="email"] {
  color:silver;
  border:1px solid silver;
  max-width:125px;
  width:100%;
}
.fwa_subscribe input[type="submit"] {
  color:white;
  background:black;
  border:none;
}
.fwa_subscribe input {
  border-radius: 3px;
  padding:5px 4px;
  box-shadow: none;
}



#content #store .item,  #content .item_small {
  position: relative;
}
#content #store .item {
  clear:both;
  margin-bottom: 30px;
}
#content .item_small {
  float:left;
  margin-right:5px;
  margin-left:5px;
  font-size: 12pt;
  line-height: 18px;
  width:300px;
  height:200px;
  border:1px solid silver;
  padding:10px 10px 30px 10px;
}

#content #store .item .item_title {
  font-size: 15pt;
  font-family: Montserrat;
  display: block;
}
#content .item_small .item_title {
  font-size: 9pt;
  line-height: 13px;
  height:30px;
  font-family: Montserrat;
  display: block;
  margin:0;
  padding:0;

}
#content #store .item .item_content {
  border:1px solid silver;
  border-radius: 3px;
  padding:10px;
  margin:20px;
}
#content #store .item .item_image , #content .item_small .item_image {
  position: relative;
  max-width:150px;
  float:left;
  margin-right: 10px;
  margin-bottom: 5px;
}
#content .item_small .item_image {
  max-width:100px !important;
}

#content #store .item .buy_link {
  float:right;
  /*padding:10px;*/
}

#content .item_small .buy_link {
  position:absolute;
  bottom:5px;
  right:5px;
}

.buy_link {
  float:right;
  /*bottom:10px;*/
  /*right:10px;*/
  padding:3px 10px;
  border:1px solid silver;
  box-shadow: 1px 1px 1px silver;
  border-radius: 3px;
}

.buy_link:hover {
  background:#efefe0;
  box-shadow: 1px 1px 3px gray;
}

.buy_link a {
  font-size:12pt;
  line-height: 12pt;
  font-weight: bold;
  color:green;
  text-decoration:none;
}





/*Above footer page template store items */

.store_items_container {
  padding-top:300px;
  max-width:975px;
  margin:0 auto;
}
.store_item {
  position:relative;
  font-size: 11pt;
  float:left;
  min-height:250px;
  max-height:250px;
  max-width:450px;
  min-width:450px;
  margin:5px;
  padding:13px;
  background: white;
  box-shadow: 1px 1px 1px black;
}


.store_item_small {
  position:relative;
  font-size: 10pt;
  float:left;
  min-height:350px;
  max-height:350px;
  max-width:210px;
  min-width:210px;
  margin:6px;
  padding:5px 10px;
  background: white;
  box-shadow: 1px 1px 1px black;
}

.store_item_small img {
  max-width:90px;
}


#newsletter .page_header {
  float:right;
  text-align: left;
  padding-left: 10px;
  width:72%;
  font-size: 1.2em;
  font-weight: bold;
/*  border:1px dotted lime;
*/}

#store .page_header {
  font-size: 1.2em;
  font-weight: bold;
}
















/*  Site Widgets  */

/*
label[aria-pressed=true] span {background-color:black;color:silver} //temp hack, remove after updating ui theme
*/
#login_welcome {
  padding: 0 10px 0 5px;
  color: #f78300;
}

#login_form {
  width:257px;
}

#login_welcome, #login_form .login input, #login_form label {
  float:left;
  font-size: 10pt;
  font-family: 'Catamaran';
  font-weight: bold;
  line-height: normal;
}
#login_form label {
  text-align: right;
  padding: 0 5px;
  font-size: 9pt;
}
#login_form .login input {
  padding: 1px 0 1px 5px;
  height:18px;

  /*margin-top: 2px;*/
  width:60px;
  border-radius: 0px;
  border: none;
  outline: none;
  background-color: gray;
}

#login_form .forgot input[type="image"] {
  border:1px solid gray;
  max-width: 18px;
  width: 100%;
  margin-bottom: 1px;
  margin-right: 0px;
  background: gray;
}


#login_dashboard_link {
  color:silver;
  float: left;
  padding-right: 5px;
  /*padding-top: 3px;*/
  font-family: 'Catamaran';
  font-size: 9pt;
  font-weight: bold;
  line-height: normal;
}

#logout_box {
  line-height: normal;
  font-size: 10pt;
}

#logout_box #logout_form {
  float: left;
}

#logout_box #logout_form button, #login_form button {
  color:#cc6d00;
  height:20px;
  line-height: 12px;
  font-size: 9pt;
  /*margin-top: 2px;*/
  padding:1px 5px 1px 5px;
  background:black;
  border: none;
  outline: none;
  /*opacity:0.6;*/
}

/*#logout_box #logout_form button {
}
#login_form button {
}*/
/*
#login_form .ui-icon-help {
  padding: 1px;
}
*/
#logout_box #logout_form button:hover, #login_form button:hover {
  color:#f78300;
}

#site-messages {
  max-width:820px;
  margin:0 auto 0 auto;
  padding:5px;
}

#recently_visited {display:inline}
#recently_visited span {padding-right:5px}

/*  Framework Widgets  */
#recently_visited {display:inline}
#recently_visited span {padding-right:5px;display:block}

.share_links {
  float: right;
  position:absolute;
  top:172px;
  right:3px;
  animation: fadein 2s;
  -moz-animation: fadein 2s; /* Firefox */
  -webkit-animation: fadein 2s; /* Safari and Chrome */
  -o-animation: fadein 2s; /* Opera */
}

@keyframes fadein {
    from {
        opacity:0;
        height:4px;
    }
    to {
        opacity:1;
        height:16px;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
        height:4px;
    }
    to {
        opacity:1;
        height:16px;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
        height:4px;
    }
    to {
        opacity:1;
        height:16px;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
        height:4px;
    }
    to {
        opacity:1;
        height:16px;
    }
}
.share_links img {
  height:16px;
}

.addform_row label {
    display:inline-block;
    width:150px;
}

.crud_form_field {
	min-height:30px;
  display:block;
}


.crud_form_field label {
	font-size:9pt;
	font-weight:bold;
	width:220px;
  margin-left: 5px;
  color:navy;
}

.crud_form_field:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#captcha_container  {
  /*width:200px;*/
  font-size:10pt;
  color:silver;
  font-weight:none;

}

#captcha_container img {

  height:35px;

}

#captcha_result span {
  margin-left: 5px;
  padding-bottom: 5px;
}

/* these next few are fixes we need for the jquery ui css */
/*
input.ui-state-disabled[name=changetime],input.ui-state-disabled[name=addtime] {
  opacity:0.9;
}
.border-fix {
	margin:1px;
}

.option_buttons a {
  background-color:inherit;
  padding:0;
}

*/
/*.ui-widget-content {
  background:none;
}*/

.ui-icon {
	display:inline-block !important; /* jquery ui icons force line breaks w/o this */
}
/*.border-fix {
	margin:1px;
}*/

table.dataTable {

}
table.dataTable thead th {
  padding:1px 8px 0 3px !important;
  /*text-align: left;*/
  border-right:1px solid #cccccc;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-bottom: 1px solid #e6e6e6 !important;

  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  /*background:#f2f2f2 !important;*/
  box-shadow: 1px 2px 0 #cccccc;
}
#sort_table tbody td {
  position: relative;
  padding:3px 0 0 5px;
  border:1px solid #e6e6e6;
  vertical-align: top;
}

#sort_table tbody tr.even {
  background:#f2f2f2 !important;
}

#sort_table tbody td input[type=checkbox] {
  position: relative;
  /*top:-2px;*/
  /*transform: scale(0.8);*/

/*  max-width: 12px;
  max-height: 12px;*/
}

/*

*/
/* custom site definitions that grab this jquery ui themes * base colors and use them */
/*.ui_style label {
	font-weight:bold;
}*/

/*  Highlight button class to mimic ui_style buttons but highlighted */
.ui_style_bright, a.ui_style_bright {
	background-color: forestgreen;
	color:white;
	border: 1px solid lime;
	font-weight: bold;
	text-decoration: none;
	opacity:0.9;
	padding:0 5px 0 5px;
  border-radius: 6px 6px 6px 6px;
}

.ui_style_bright:hover {
	 opacity:1;
}

.ui_style a, a.ui_style {
	white-space:nowrap;
	font-size:10pt;
}

.ui-widget-content a {
    /* color: #333333; */
}

/* overrides for datatables */
/* make toolbars float right and left to not take up two lines*/
.data_table {
	width:100%;
}

#sort_table_wrapper {
  font-family: sans-serif;
  font-size: 10pt;
}

.data_table tr {
  background: url(/images/transpWhite50.png);
}

.dataTables_length   {float:left}
.dataTables_filter   {float:right}
.dataTables_info     {float:left}
.dataTables_paginate {float:right}
.DataTables_sort_wrapper {white-space:nowrap;cursor:pointer;}

#ui-datepicker-div {
  max-width:240px;
  z-index:889 !important;
}



/* Jquery timepicker addon to datepicker needs these to look right*/
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div .ui_tpicker_hour div { padding-right: 2px; }
.ui-timepicker-div .ui_tpicker_minute div { padding-right: 6px; }
.ui-timepicker-div .ui_tpicker_second div { padding-right: 6px; }
.ui-timepicker-div td { font-size: 90%; }

/*  fullcalendar prints day numbers in white, switch them to brown */
.fc-day-number {color:brown}

/*  ui-dialog boxes seem to be broken close icon and other s are aligned left */
.ui-dialog {font-size:11pt; border:1px solid silver}

/* style the .open_modal class that is used on links or elements that open a modal box on click  and the hidden content element for the model*/
.open_modal {cursor:pointer;}
.open_modal_content {display:none; }