/* Generated by less 1.7.0 */
/* Less styles */
.mainBorder {
  border-width: 2px;
  border-style: solid;
  border-color: #e7e7e8;
  border-radius: 4px;
  padding: 6px;
}
.elementInBorder {
  border-width: 2px;
  border-style: solid;
  border-color: #e7e7e8;
  border-radius: 3px;
}
.thinBorder {
  border-width: 1px;
  border-style: solid;
  border-color: #ededee;
  border-radius: 3px;
}
.sectionTitle {
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 3px;
}
.standardButton {
  width: 41px;
  height: 22px;
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: -1px;
}
.smallButton {
  width: 24px;
  height: 13px;
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 3px;
  border-radius: 2px;
}
.topYellowLine {
  background-color: #FFF200;
  border-bottom: 2px solid #BCBDC0;
  content: "";
  display: block;
  height: 32px;
  width: 100%;
}
/* ---------- */
/* Clearer */
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
/* ---------- */
/* Default styles */
* {
  margin: 0;
  padding: 0;
}
body {
  font-family: Arial, sans-serif;
  color: #000000;
  font-size: 12px;
}
img {
  border: none;
}
a {
  text-decoration: none;
}
ul {
  list-style-type: none;
}
/*.bold {font-weight: bold;}*/
input[type=submit] {
  border: none;
  overflow: hidden;
  text-indent: -1000px;
  cursor: pointer;
}
input.disable {
  background-color: #bcbdc0 !important;
  cursor: default;
}
input.user {
  background-image: url("../Images/Site/button-user.png");
}
input.smspin {
  background-image: url("../Images/Site/button-smspin.png");
}
input.submit {
  background-image: url("../Images/Site/button-submit.png");
}
input.edit1 {
  background-image: url("../Images/Site/button-edit1.png");
}
input.options {
  background-image: url("../Images/Site/button-options.png");
}
input.blue {
  background-image: url("../Images/Site/button-blue.png");
}
input.info {
  background-image: url("../Images/Site/button-info.png");
}
input.add {
  background-image: url("../Images/Site/button-add.png");
}
input.addItem {
  background-image: url("../Images/Site/button-add-item.png");
}
input.search {
  background-image: url("../Images/Site/button-search.png");
}
input.white {
    background-image: url("../Images/Site/button-white.png");
}
input.print {
    background-image: url("../Images/Site/button-print.png");
}
input.refresh {
    background-image: url("../Images/Site/button-refresh.png");
}
input.edit1.disable {
  background-image: url("../Images/Site/button-edit1-disable.png");
}
input.print.disable {
  background-image: url("../Images/Site/button-print-disable.png");
}
input.bSend.disable {
  background-image: url("../Images/Site/button-send-big-disable.png");
}
input.white.disable {
  background-image: url("../Images/Site/button-white-disable.png");
}
input.sSend {
  background-image: url("../Images/Site/button-send.png");
}
input.sCall {
  background-image: url("../Images/Site/button-call.png");
}
input.switch {
  background-color: #ffffff !important;
  width: 28px !important;
}
input.offOn {
  background-image: url("../Images/Site/button-off.png");
}
input.offOn.active {
  background-image: url("../Images/Site/button-on.png");
}
input.noYes {
  background-image: url("../Images/Site/button-no.png");
}
input.noYes.active {
  background-image: url("../Images/Site/button-yes.png");
}
/* ---------- */
/* Login screen styles */

/*#Content:after {
    content: "";
    width: 100%;
    height: 32px;
    background-color: #fff200;
    border-top: 2px solid #bcbdc0;
    display: block;
    position: absolute;
    bottom: 0;
}
#Content {
    position: relative;
    width: 100%;
    height: 100%;
}*/
#Logo {  
}

#Logo img {
  display: block;
  float: left;
}
#Logo span {
  color: #000000;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  display: block;
  float: left;
  margin: 15px 0px 0px 10px;
}
#LoginWindow {
    border-color: #e7e7e8;
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    bottom: 0;
    height: 153px;
    left: 0;
    margin: auto;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 225px;
}
#LoginWindow .userInfo .name {
  width: 108px;
  float: left;
}
#LoginWindow .userInfo h2 {
  font-size: 16px;
}
#LoginWindow .userInfo h3 {
  font-size: 12px;
}
#LoginWindow .userInfo .photo {
  float: right;
  width: 112px;
  height: 63px;
}
#LoginWindow .userInfo .photo img {
  border-radius: 3px;
  display: block;
  margin-left: auto;
  margin-right: 0;
  max-width: 112px;
  max-height: 63px;
  width: auto;
  height: auto;
}
#LoginWindow .dataEntry {
  bottom: 0;
  position: absolute;
}
#LoginWindow .formSection label {
  display: block;
  font-weight: bold;
}
#LoginWindow .formSection label[for=remember-user] {
  font-size: 9px;
  float: right;
}
#LoginWindow .formSection input[type=checkbox] {
  margin-left: 63px;
}
#LoginWindow .formSection .TextBoxField {
  border-width: 1px;
  border-style: solid;
  border-color: #ededee;
  border-radius: 3px;
  width: 100%;
  height: 23px;
  padding-left: 5px;
  box-sizing: border-box;
  color: #bcbdc0;
  margin-bottom: 3px;
}
#LoginWindow .buttons {
  margin-top: 4px;
  float: right;
  margin-bottom: 6px;
  margin-right: 6px;
}
#LoginWindow .buttons input {
    background-color: #040707;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 22px;
    margin-left: 2px;
    width: 41px;
}
#LoginWindow .buttons input:first-child {
  border-radius: 3px 0 0 3px;
}
#LoginWindow .buttons input:last-child {
  border-radius: 0 3px 3px 0;
}
#LoginWindow .buttons input:last-child.passed {
  background-color: #00a651;
  background-image: url("../Images/Site/button-submit-passed.png");
}
#LoginWindow .buttons input.smspin {
    display: none !important;
}
#LoginWindow .dataEntry.hidden {
  visibility: hidden;
}
#LoginWindow .dataRead {
  display: none;
  font-weight: bold;
  position: absolute;
  bottom: 58px;
  left: 50px;
}
#LoginWindow .dataRead.active {
  display: block;
}

#LoginWindow #LoginView_rfvPassword {
    bottom: 88px;
    display: block;
    position: absolute;
    right: 6px;
}

.RadAutoCompleteBoxPopup.RadAutoCompleteBoxPopup_Default {
    width: 219px !important;
}

#LoginWindow .dataEntry p {
    bottom: 88px;
    color: #ff0000;
    left: 40px;
    position: absolute;
    width: 185px;
}

/* Added 19.6. */
#LoginWindow .RadAutoCompleteBox .racTokenList {
  width: 221px;
  border-color: #ededee !important;
  border-radius: 3px;
  height: 19px;
}

#LoginWindow #LoginView_Password {
  width: 223px !important;
  border-color: #ededee !important;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  height: 21px;
}

#LoginWindow #LoginView_Label1 {
  float: right;
  display: block;
  margin-right: 7px;
  margin-top: 4px;
}

#LoginWindow #LoginView_RememberMe {
  display: block;
  margin-left: 96px !important;
  margin-top: 4px;
  margin-bottom: 16px;
  float: left;
}
/* ----- */

#InfoWindow {
  border-width: 2px;
  border-style: solid;
  border-color: #e7e7e8;
  border-radius: 4px;
  padding: 6px;
  position: absolute;
  bottom: -2px;
  right: -163px;
  width: 145px;
  /*height: 105px;*/
  padding: 4px;
  visibility: hidden;
}
/*#InfoWindow.active {
  visibility: visible;
}*/
#InfoWindow p {
  padding-bottom: 8px;
  font-size: 9px;
}
#InfoWindow input {
  width: 30px;
  height: 15px;
  background-image: url("../Images/Site/button-handicap.png");
  background-color: #bcbdc0;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 2px;
  float: right;
  margin-top: -4px;
}
#InfoWindow:before {
  content: "";
  width: 4px;
  height: 50px;
  background-color: #E7E7E8;
  display: block;
  position: absolute;
  top: 32px;
  left: -6px;
}
/* ---------- */
/* Calendar screen styles */

#Header,
#Content,
#Footer {
  width: 1209px;
  margin-left: auto;
  margin-right: auto;
}

#Header {
  height: 48px;
  margin-top: 10px;
  position: relative;
}
#Header #Logo {
  left: 10px;
}
#Header #MainMenu {
    float: right;
  
  border-bottom: 2px solid #e7e7e8;
  padding-left: 7px;
  padding-right: 5px;
}
#Header #MainMenu ul li { 
  display: block;
  float: left;
  margin-right: 2px;
  height: 40px;
}
#Header #MainMenu ul li a {
  text-transform: uppercase;
  font-size: 14px;
  color: #ffffff;
  width: 150px;
  height: 23px;
  background-color: #040707;
  display: block;
  font-weight: bold;
  line-height: 23px;
  vertical-align: middle;
  text-align: center;
  border-radius: 4px 4px 0 0;
  position: relative;
  bottom: -17px;
}
#Header #MainMenu ul li:hover a,
#Header #MainMenu ul li.active a {
  color: #fff200;
  height: 40px;
  line-height: 40px;
  bottom: 0;
}
#Header #RegisteredUser { 
  padding: 6px;
  width: 224px;
  height: 30px;
  position: relative;
  float: right;  
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
}
#Header #RegisteredUser img {
  max-width: 109px;
  max-height: 62px;
  width: auto;
  height: auto;
  display: block;
  right: 6px;
  border-radius: 3px;
  position: absolute;
}
#Header #RegisteredUser #LoginView1_A1 {  
  color: #000000;
  display: block;
  margin-top: 12px;
  text-align: right;
  padding-right: 50px;
}
#Header #RegisteredUser #LoginView1_A2 {
  font-size: 12px;
  text-transform: lowercase;
  color: #000000;
  display: block;
  width: 224px;
  border-bottom: 2px solid #E7E7E8;
  padding-bottom: 4px;
}
#Header #RegisteredUser #LoginView1_LoginStatus {
  background-color: #bf1e2e;
  background-position: center center;
  background-repeat: no-repeat;
  height: 22px;
  width: 41px;
  display: block;
  background-image: url("../Images/Site/button-logout.png");
  overflow: hidden;
  text-indent: -1000px;
  position: absolute;
  bottom: 6px;
  right: 6px;
}

#Header #printButtonCont 
{
    float: right;
    padding-left: 10px;
    padding-right: 0px;    
    padding-top: 15px;
}

#Header #printButtonCont a
{
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    color: #ffffff;
    width: 100px;
    height: 23px;
    background-color: #040707;
    display: block;
    font-weight: bold;
    line-height: 23px;
    vertical-align: middle;
    text-align: center;
    border-radius: 4px;
}

#Header #printButtonCont a:hover
{
    color: #fff200;
}


#Content {
  
}
#Content #Calendar,
#Content #ShowingEmployees {
  
}
#Content #Calendar {  
  /*height: 617px;*/
  /*height: auto;*/
}
#Content #Calendar .RadButton input {
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  height: 22px;
  margin-right: -1px;
  width: 41px;
  margin-bottom: 6px;
}
#Content #Calendar .rbSkinnedButton {
  padding-left: 0 !important;
}
#Content #Calendar #ctl00_MainContent_DayView input {
  background-image: url("../Images/Site/button-day.png");
}
#Content #Calendar #ctl00_MainContent_WeekView input {
  background-image: url("../Images/Site/button-week.png");
}
#Content #Calendar #ctl00_MainContent_MonthView input {
  background-image: url("../Images/Site/button-month.png");
}
#Content #Calendar .RadAjaxPanel {
  
}

#Content #Calendar .RadScheduler {
    /* height: auto !important; */    
}

#Content #ShowingEmployees {
  border-width: 2px;
  border-style: solid;
  border-color: #e7e7e8;
  border-radius: 4px;
  padding: 6px;
  width: 224px;
  height: 617px;
  position: relative;
  float: right;
}
#Content #ShowingEmployees h2 {
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 15px;
  padding-left: 5px;
}
#Content #ShowingEmployees .buttons {
  padding-left: 5px;
  margin-bottom: 25px;
  margin-top: -1px;
  display: none;
}
#Content #ShowingEmployees .buttons input {
  width: 41px;
  height: 22px;
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: -1px;
}
#Content #ShowingEmployees .buttons input:first-child {
  border-radius: 3px 0 0 3px;
}
#Content #ShowingEmployees .buttons input:last-child {
  border-radius: 0 3px 3px 0;
}
#Content #ShowingEmployees .searchSection {
  margin-bottom: 13px;
  padding-left: 5px;
}
#Content #ShowingEmployees .searchSection input[type=text] {
  border-width: 1px;
  border-style: solid;
  border-color: #bcbdc0;
  border-radius: 3px 0 0 3px;
  width: 165px;
  padding-left: 5px;
  height: 20px;
  line-height: 20px;
}
#Content #ShowingEmployees .searchSection input[type=submit] {
  width: 41px;
  height: 22px;
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: -1px;
  border-radius: 0 3px 3px 0;
  margin-left: -3px;
}
#Content #ShowingEmployees .list .line {
  height: 16px;
  margin-top: 7px;
  margin-bottom: 7px;
  padding-top: 1px;
}
#Content #ShowingEmployees .list .line:nth-child(2n+2) {
  background-color: #e7e7e8;
}
#Content #ShowingEmployees .list .line .name {
  display: inline-block;
  position: relative;
}
#Content #ShowingEmployees .list .line .name input {
  position: absolute;
  top: 1px;
  display: none;
}
#Content #ShowingEmployees .list .line .name label {
  font-weight: bold;
  padding-left: 3px;
}
#Content #ShowingEmployees .list .line .post {
  float: right;
  display: inline-block;
}
#Content #ShowingEmployees .list .line .post span:first-child {
  display: inline-block;
  width: 10px;
  height: 10px;
  overflow: hidden;
  text-indent: -1000px;
  border-radius: 5px;
  margin: 3px 1px 0 0;
}
#Content #ShowingEmployees .list .line .post span:first-child.enable {
  background-color: #fff200;
}
#Content #ShowingEmployees .list .line .post span:first-child.disable {
  background-color: #bf1e2e;
}
#Content #ShowingEmployees .selectAll {
  position: absolute;
  bottom: 5px;
  display: none;
}
#Content #ShowingEmployees .selectAll label {
  font-weight: bold;
}

/* Added 19.6. */
#ShowingEmployees #divContainer {
  bottom: -99px;
  left: -2px;
  position: absolute;
  right: -2px;    
}

#ShowingEmployees .ui-widget-content {
  border: 2px solid #e7e7e8;
  border-radius: 4px;
  padding: 6px 6px 28px;
}

#ShowingEmployees .ui-widget-content .header .selText {
  font-weight: bold;   
}

#ShowingEmployees .ui-widget-content .buttonBar .submitButton {
  background-image: url("../Images/Site/button-send-big.png");
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  height: 22px;
  width: 41px;
  border: none;
  overflow: hidden;
  text-indent: -1000px;
  cursor: pointer;
  border-radius: 3px;
  float: right;
}

#ShowingEmployees .ui-widget-content .buttonBar .msgText {
  border: 1px solid #ededee;
  border-radius: 3px;
  height: 21px;
  margin-bottom: 7px;
  padding-left: 5px;
  width: 217px;
}
/* ----- */

#Footer {
  height: 214px;
}
#Footer #EventOwner {
  border-width: 2px;
  border-style: solid;
  border-color: #e7e7e8;
  border-radius: 4px;
  padding: 6px;
  width: 478px;
  position: relative;
}
#Footer #EventOwner .column {
  float: left;
}
#Footer #EventOwner .column:last-child {
  float: right;
}
#Footer #EventOwner h2 {
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 3px;
}
#Footer #EventOwner .photo {
  width: 180px;
  height: 103px;
}
#Footer #EventOwner .photo img {
  max-width: 176px;
  max-height: 99px;
  width: auto;
  height: auto;
  display: block;
  margin-left: 0;
  margin-right: auto;
  border-width: 2px;
  border-style: solid;
  border-color: #e7e7e8;
  border-radius: 3px;
}
#Footer #EventOwner .buttons {
  position: absolute;
  bottom: 9px;
  width: 184px;
}
#Footer #EventOwner .buttons input {
  width: 41px;
  height: 22px;
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: -1px;
}
#Footer #EventOwner .buttons input:first-child {
  border-radius: 3px 0 0 3px;
}
#Footer #EventOwner .buttons input:nth-child(3) {
  border-radius: 0 3px 3px 0;
}
#Footer #EventOwner .buttons input:last-child {
  border-radius: 3px;
  float: right;
}
#Footer #EventOwner h3 {
  text-transform: uppercase;
  padding-top: 16px;
  padding-bottom: 2px;
}
#Footer #EventOwner .lineType1 h3,
#Footer #EventOwner .lineType1 input,
#Footer #EventOwner .lineType1 span {
  display: inline-block;
}
#Footer #EventOwner .lineType1 h3 {
  padding-top: 0;
  text-transform: none;
}
#Footer #EventOwner .lineType1 input,
#Footer #EventOwner .lineType1 span {
  float: right;
}
#Footer #EventOwner .lineType1 span {
  color: #BCBDC0;
  font-size: 11px;
  font-weight: bold;
  padding-right: 5px;
}
#Footer #EventOwner .lineType1 input {
  width: 24px;
  height: 13px;
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 3px;
  border-radius: 2px;
}
#Footer #EventOwner .lineType2 {
  margin-bottom: 1px;
}
#Footer #EventOwner .lineType2 h4,
#Footer #EventOwner .lineType2 p,
#Footer #EventOwner .lineType2 input {
  display: inline-block;
}
#Footer #EventOwner .lineType2 h4 {
  width: 70px;
  text-transform: uppercase;
  font-size: 11px;
}
#Footer #EventOwner .lineType2 p {
  width: 147px;
  padding-right: 5px;
  font-weight: bold;
}
#Footer #EventOwner .lineType2 input {
  float: right;
  width: 24px;
  height: 13px;
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 3px;
  border-radius: 2px;
}
#Footer #EventCard {
  border-width: 2px;
  border-style: solid;
  border-color: #e7e7e8;
  border-radius: 4px;
  padding: 6px;
  width: 559px;
  position: relative;
  padding-bottom: 9px;
}
#Footer #EventCard .column {
  float: left;
}
#Footer #EventCard .column:last-child {
  float: right;
}
#Footer #EventCard h2 {
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 3px;
}
#Footer #EventCard .photo {
  width: 180px;
  height: 103px;
}
#Footer #EventCard .photo img {
  max-width: 176px;
  max-height: 99px;
  width: auto;
  height: auto;
  display: block;
  margin-left: 0;
  margin-right: auto;
  border-width: 2px;
  border-style: solid;
  border-color: #e7e7e8;
  border-radius: 3px;
}
#Footer #EventCard .eventInfo {
  font-size: 11px;
  font-weight: bold;
  margin-top: 7px;
}
#Footer #EventCard .eventInfo span:first-child {
  border-right: 2px solid #000000;
  padding-right: 3px;
  margin-right: 3px;
}
#Footer #EventCard .buttons {
  position: absolute;
  bottom: 9px;
  width: 184px;
}
#Footer #EventCard .buttons input {
  width: 41px;
  height: 22px;
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: -1px;
}
#Footer #EventCard .buttons input:first-child {
  border-radius: 3px 0 0 3px;
}
#Footer #EventCard .buttons input:nth-child(3) {
  border-radius: 0 3px 3px 0;
}
#Footer #EventCard .buttons input:last-child {
  border-radius: 3px;
  float: right;
}
#Footer #EventCard .lineType1 h3,
#Footer #EventCard .lineType1 input,
#Footer #EventCard .lineType1 span {
  display: inline-block;
}
#Footer #EventCard .lineType1 h3 {
  padding-top: 0;
  text-transform: none;
}
#Footer #EventCard .lineType1 input,
#Footer #EventCard .lineType1 span {
  float: right;
}
#Footer #EventCard .lineType1 span {
  color: #BCBDC0;
  font-size: 11px;
  font-weight: bold;
  padding-right: 5px;
}
#Footer #EventCard .lineType1.cf span:first-child {
  color: #000000;
  font-size: 9px;
  font-weight: normal;
  display: inline-block;
  background-color: #bcbdc0;
  padding: 0 4px 0 4px;
  border-radius: 5px;
}
#Footer #EventCard .lineType1 input {
  width: 24px;
  height: 13px;
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 3px;
  border-radius: 2px;
}
#Footer #EventCard .lineType2 {
  margin-bottom: 1px;
}
#Footer #EventCard .lineType2 h4,
#Footer #EventCard .lineType2 p,
#Footer #EventCard .lineType2 input {
  display: inline-block;
}
#Footer #EventCard .lineType2 h4 {
  width: 70px;
  text-transform: uppercase;
  font-size: 11px;
}
#Footer #EventCard .lineType2 p {
  width: 190px;
  padding-right: 5px;
  font-weight: bold;
}
#Footer #EventCard .lineType2 input {
  float: right;
  width: 24px;
  height: 13px;
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 3px;
  border-radius: 2px;
}
#Footer #EventCard .description {
  border-width: 2px;
  border-style: solid;
  border-color: #e7e7e8;
  border-radius: 4px;
  padding: 6px;
  width: 344px;
  height: 106px;
  padding: 2px 4px 4px;
  overflow-y: scroll;
  margin-top: 3px;
}
#Footer #EventCard .description div {
  padding-bottom: 9px;
}
#Footer #EventCard .description div h3,
#Footer #EventCard .description div p {
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  line-height: 16px;
}
#Footer #EventCard .description div p {
  float: right;
  padding-bottom: 0;
}
#Footer #EventCard .description p {
  font-size: 11px;
  line-height: 12px;
  padding-bottom: 11px;
}
#Footer #History {
  border-width: 2px;
  border-style: solid;
  border-color: #e7e7e8;
  border-radius: 4px;
  padding: 6px;
  width: 224px;
}
#Footer #History h2 {
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 3px;
  margin-bottom: 30px;
}
#Footer #History .line {
  height: 26px;
  line-height: 26px;
  position: relative;
}
#Footer #History .line img,
#Footer #History .line p,
#Footer #History .line div {
  display: inline-block;
}
#Footer #History .line img {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 5px;
}
#Footer #History .line p {
  font-size: 10px;
  width: 160px;
  padding-left: 21px;
}
#Footer #History .line div {
  float: right;
  padding-top: 6px;
}
#Footer #History .line span {
  font-size: 8px;
  display: block;
  line-height: 9px;
  color: #BCBDC0;
}

/* personal screen */


#passwordForm
{
    margin-top: 15px;
}

#passwordForm h3
{
    margin-top: 10px;
}

#passwordForm .changePassword
{
    border: none;
    width: auto;    
}

#passwordForm li
{
    list-style: none;
    clear: both;
    margin-top: 5px;
    height: 25px;
}

#passwordForm li label
{
    width: 120px;
    display: block;
    float: left;
    padding-top: 3px;
    text-align: right;
    padding-right: 10px;
}

#passwordForm li input
{    
    display: block;
    float: left;
}

.notificationTimePicker
{
    margin-top: 25px;
}

.notificationTimePicker h3
{
    margin-bottom: 10px;
}

.notificationTimePicker p
{
    margin-bottom: 5px;
}


.notificationTimePicker input[type=submit]
{
    margin-top: 15px;
}

.field-validation-error, .validation-summary-errors
{
    color: red;
}

.message-success
{
    color: green;
    font-size: 18px;
    margin-bottom: 10px;
}

/*Added 15/08*/
.Weekend
{
    background-color:silver !important;
}

.CzechHoliday
{
    background-color:red  !important;
}

/* ---------- */
/* Employees screen styles */

#Content .rightEmpl {
  border-width: 2px;
  border-style: solid;
  border-color: #e7e7e8;
  border-radius: 4px;
  padding: 6px;
  width: 252px !important;
}

#Content .leftEmpl {
    float: left !important;
    width: 691px !important;
}

#Content #EmployeesInfo {
  padding-left: 10px;
  width: 681px;
}
#Content #EmployeesInfo #EventOwner {
  /*border-width: 2px;
  border-style: solid;
  border-color: #e7e7e8;
  border-radius: 4px;
  padding: 6px;*/
}
#Content #EmployeesInfo #EventOwner header {
  position: relative;
  border-bottom: 2px solid #e7e7e8;
  height: 51px;
  margin-bottom: 7px;
  display: none;
}
#Content #EmployeesInfo #EventOwner header .buttons {
  position: absolute;
  right: 1px;
  bottom: 7px;
}
#Content #EmployeesInfo #EventOwner header .buttons:after {
  content: "";
  width: 2px;
  height: 30px;
  background-color: #E7E7E8;
  display: block;
  position: absolute;
  top: -4px;
  right: 134px;
}
#Content #EmployeesInfo #EventOwner header .buttons input {
  width: 41px;
  height: 22px;
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: -1px;
}
#Content #EmployeesInfo #EventOwner header .buttons input:first-child {
  border-radius: 3px 0 0 3px;
}
#Content #EmployeesInfo #EventOwner header .buttons input:nth-child(4) {
  border-radius: 0 3px 3px 0;
}
#Content #EmployeesInfo #EventOwner header .buttons input:nth-child(5) {
  margin-left: 16px;
  border-radius: 3px 0 0 3px;
}
#Content #EmployeesInfo #EventOwner header .buttons input:last-child {
  border-radius: 0 3px 3px 0;
}
#Content #EmployeesInfo #EventOwner .content {
  border-width: 2px;
  border-style: solid;
  border-color: #e7e7e8;
  border-radius: 4px;
  padding: 6px;
  position: relative;
}
#Content #EmployeesInfo #EventOwner .content .column {
  float: left;
}
#Content #EmployeesInfo #EventOwner .content .column:nth-child(2) {
  padding-left: 22px;
}
#Content #EmployeesInfo #EventOwner .content .column:nth-child(2) input {
  display: none;
}
#Content #EmployeesInfo #EventOwner .content .column:last-child {
  float: right;
  border-left: 2px solid #e7e7e8;
  padding-left: 8px;
  display: none;
}
#Content #EmployeesInfo #EventOwner .content .column:last-child .lineType1 {
  line-height: 14px;
  padding-bottom: 3px;
}
#Content #EmployeesInfo #EventOwner .content .column:last-child .lineType1 h4 {
  font-size: 11px;
  text-transform: uppercase;
  width: 70px;
}
#Content #EmployeesInfo #EventOwner .content .column:last-child .lineType1 p {
  font-weight: bold;
}
#Content #EmployeesInfo #EventOwner .content .column:last-child .lineType2 p {
  width: 192px;
}
#Content #EmployeesInfo #EventOwner .content h2 {
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 3px;
}
#Content #EmployeesInfo #EventOwner .content .photo {
  width: 180px;
  height: 103px;
}
#Content #EmployeesInfo #EventOwner .content .photo img {
  max-width: 176px;
  max-height: 99px;
  width: auto;
  height: auto;
  display: block;
  margin-left: 0;
  margin-right: auto;
  border-width: 2px;
  border-style: solid;
  border-color: #e7e7e8;
  border-radius: 3px;
}
#Content #EmployeesInfo #EventOwner .content .buttons {
  position: absolute;
  bottom: 9px;
  width: 184px;
}
#Content #EmployeesInfo #EventOwner .content .buttons input {
  width: 41px;
  height: 22px;
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: -1px;
}
#Content #EmployeesInfo #EventOwner .content .buttons input:first-child {
  border-radius: 3px 0 0 3px;
}
#Content #EmployeesInfo #EventOwner .content .buttons input:nth-child(3) {
  border-radius: 0 3px 3px 0;
}
#Content #EmployeesInfo #EventOwner .content .buttons input:last-child {
  border-radius: 3px;
  float: right;
}
#Content #EmployeesInfo #EventOwner .content h3 {
  text-transform: uppercase;
  padding-top: 16px;
  padding-bottom: 2px;
}
#Content #EmployeesInfo #EventOwner .content .lineType1 h3,
#Content #EmployeesInfo #EventOwner .content .lineType1 input,
#Content #EmployeesInfo #EventOwner .content .lineType1 span,
#Content #EmployeesInfo #EventOwner .content .lineType1 h4,
#Content #EmployeesInfo #EventOwner .content .lineType1 p {
  display: inline-block;
}
#Content #EmployeesInfo #EventOwner .content .lineType1 h3 {
  padding-top: 0;
  text-transform: none;
}
#Content #EmployeesInfo #EventOwner .content .lineType1 input,
#Content #EmployeesInfo #EventOwner .content .lineType1 span {
  float: right;
}
#Content #EmployeesInfo #EventOwner .content .lineType1 span {
  color: #BCBDC0;
  font-size: 11px;
  font-weight: bold;
  padding-right: 5px;
}
#Content #EmployeesInfo #EventOwner .content .lineType1 input {
  width: 24px;
  height: 13px;
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 3px;
  border-radius: 2px;
}
#Content #EmployeesInfo #EventOwner .content .lineType2 {
  margin-bottom: 1px;
}
#Content #EmployeesInfo #EventOwner .content .lineType2 h4,
#Content #EmployeesInfo #EventOwner .content .lineType2 p,
#Content #EmployeesInfo #EventOwner .content .lineType2 input {
  display: inline-block;
}
#Content #EmployeesInfo #EventOwner .content .lineType2 h4 {
  width: 136px;
  text-transform: uppercase;
  font-size: 11px;
}
#Content #EmployeesInfo #EventOwner .content .lineType2 p {
  width: 310px;
  padding-right: 5px;
  font-weight: bold;
}
#Content #EmployeesInfo #EventOwner .content .lineType2 input {
  float: right;
  width: 24px;
  height: 13px;
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 3px;
  border-radius: 2px;
}
#Content #EmployeesInfo #EmployeeCustomers {
  border-width: 2px;
  border-style: solid;
  border-color: #e7e7e8;
  border-radius: 4px;
  padding: 6px;
  margin-top: 6px;
  overflow-y: scroll;
  height: 505px;
  display: none;
}
#Content #EmployeesInfo #EmployeeCustomers h2 {
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 3px;
  margin-left: 8px;
}
#Content #EmployeesInfo #EmployeeCustomers .RadAjaxPanel {
    float: left;
}
#Content #EmployeesInfo #EmployeeCustomers .customer {
  border-width: 2px;
  border-style: solid;
  border-color: #e7e7e8;
  border-radius: 4px;
  padding: 6px;
  width: 532px;
  position: relative;
  padding-bottom: 14px;
  margin-bottom: 8px;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .column {
  float: left;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .column:last-child {
  float: right;
}
#Content #EmployeesInfo #EmployeeCustomers .customer h3 {
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 3px;
  margin-bottom: 0;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .photo {
  width: 180px;
  height: 103px;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .photo img {
  max-width: 176px;
  max-height: 99px;
  width: auto;
  height: auto;
  display: block;
  margin-left: 0;
  margin-right: auto;
  border-width: 2px;
  border-style: solid;
  border-color: #e7e7e8;
  border-radius: 3px;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .lineType1 h3,
#Content #EmployeesInfo #EmployeeCustomers .customer .lineType1 input,
#Content #EmployeesInfo #EmployeeCustomers .customer .lineType1 span {
  display: inline-block;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .lineType1 h3 {
  padding-top: 0;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .lineType1 input,
#Content #EmployeesInfo #EmployeeCustomers .customer .lineType1 span {
  float: right;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .lineType1 span {
  color: #BCBDC0;
  font-size: 11px;
  font-weight: bold;
  padding-right: 5px;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .lineType1.cf span:first-child {
  color: #000000;
  font-size: 9px;
  font-weight: normal;
  display: inline-block;
  background-color: #bcbdc0;
  padding: 0 4px 0 4px;
  border-radius: 5px;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .lineType1 input {
  width: 24px;
  height: 13px;
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 3px;
  border-radius: 2px;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .lineType2 {
  margin-bottom: 1px;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .lineType2 h4,
#Content #EmployeesInfo #EmployeeCustomers .customer .lineType2 p,
#Content #EmployeesInfo #EmployeeCustomers .customer .lineType2 input {
  display: inline-block;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .lineType2 h4 {
  width: 70px;
  text-transform: uppercase;
  font-size: 11px;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .lineType2 p {
  width: 215px;
  padding-right: 5px;
  font-weight: bold;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .lineType2 input {
  float: right;
  width: 24px;
  height: 13px;
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 3px;
  border-radius: 2px;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .buttons {
  position: absolute;
  bottom: 9px;
  width: 184px;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .buttons input {
  width: 41px;
  height: 22px;
  background-color: #040707;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: -1px;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .buttons input:first-child {
  border-radius: 3px 0 0 3px;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .buttons input:nth-child(3) {
  border-radius: 0 3px 3px 0;
}
#Content #EmployeesInfo #EmployeeCustomers .customer .buttons input:last-child {
  border-radius: 3px;
  float: right;
}
#Content #EmployeesInfo #EmployeeCustomers .customer:after {
  content: "";
  width: 68px;
  height: 8px;
  background-color: #E7E7E8;
  display: block;
  position: absolute;
  bottom: -10px;
  left: 246px;
}
#Content #EmployeesInfo #EmployeeCustomers .customer:last-child {
  margin-bottom: 6px;
}
#Content #EmployeesInfo #EmployeeCustomers .customer:last-child:after {
  height: 0;
}
#Content #EmployeesInfo #EmployeeCustomers #History {
  border-width: 2px;
  border-style: solid;
  border-color: #e7e7e8;
  border-radius: 4px;
  padding: 6px;
  width: 224px;
  float: right;
  width: 214px;
  min-height: 466px;
  position: relative;
}
#Content #EmployeesInfo #EmployeeCustomers #History h2 {
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 3px;
  margin-bottom: 30px;
}
#Content #EmployeesInfo #EmployeeCustomers #History .line {
  height: 26px;
  line-height: 26px;
  position: relative;
}
#Content #EmployeesInfo #EmployeeCustomers #History .line img,
#Content #EmployeesInfo #EmployeeCustomers #History .line p,
#Content #EmployeesInfo #EmployeeCustomers #History .line div {
  display: inline-block;
}
#Content #EmployeesInfo #EmployeeCustomers #History .line img {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 5px;
}
#Content #EmployeesInfo #EmployeeCustomers #History .line p {
  font-size: 10px;
  width: 160px;
  padding-left: 21px;
}
#Content #EmployeesInfo #EmployeeCustomers #History .line div {
  float: right;
  padding-top: 6px;
}
#Content #EmployeesInfo #EmployeeCustomers #History .line span {
  font-size: 8px;
  display: block;
  line-height: 9px;
  color: #BCBDC0;
}
#Content #EmployeesInfo #EmployeeCustomers #History h3 {
  font-size: 15px;
  margin-bottom: 30px;
  text-transform: uppercase;
}
#Content #EmployeesInfo #EmployeeCustomers #History .line p {
  width: 152px;
}
#Content #EmployeesInfo #EmployeeCustomers #History:before {
  content: "";
  width: 10px;
  height: 68px;
  background-color: #E7E7E8;
  display: block;
  position: absolute;
  top: 28px;
  left: -12px;
}

/* Added 10.7. */
#ctl00_MainContent_rgUserDetails {
    margin-bottom: 10px;    
}

.changePasswordButton,
.createAppointmentButton 
{
    background-color: #040707;
    border-radius: 3px;
    color: #ffffff;
    display: block !important;
    font-size: 11px;
    font-weight: bold;
    height: 24px !important;
    line-height: 24px;
    margin-bottom: 17px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-transform: uppercase;
    width: 220px !important;
    text-indent: 0px !important;
}

.changePasswordButton
{
    margin: 0px 0px 0px 80px;
}

/* ---------- */

/* Settings screen styles */
#Content table[title="Administration settings"],
#Content .language
{
    border-width: 2px;
    border-style: solid;
    border-color: #e7e7e8;
    border-radius: 4px;
    padding: 6px;
}

#Content table[title="Administration settings"] {
    float: left;
    margin-bottom: 10px;
}

#Content .language {
    float: right;
    height: 50px;
    width: 579px;
    margin-bottom: 10px;
}

#Content .language span.label {
    font-weight: bold;
}

#Content .users {
    clear: both;
}

#Content .users #ctl00_MainContent_rgManageUsers,
#Content .activity #ctl00_MainContent_rgUserActivity {
    width: 1191px !important;    
}

#Content .users h3,    
#Content .activity h3,
#Content .adminTable h3 
{
    font-size: 15px;
    margin-bottom: 3px;
    text-transform: uppercase;    
}

.users input.rgAdd,
.users input.rgRefresh,
.users input[value="Edit"],
.users input[title="Delete"] {
    background-color: #040707;
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    overflow: hidden;
    text-indent: -1000px;
    cursor: pointer;
}

.users input.rgAdd,
.users input.rgRefresh {
    width: 20px;
    height: 20px;     
}

.users #ctl00_MainContent_rgManageUsers_ctl00_ctl02_ctl00_InitInsertButton,
.users #ctl00_MainContent_rgManageUsers_ctl00_ctl02_ctl00_RebindGridButton {
    padding-bottom: 6px;
}

.users input[value="Edit"],
.users input[title="Delete"] {
    width: 41px;
    height: 22px;    
}

.users input.rgAdd {
    background-image: url("../Images/Site/button-add-item.png");    
}

.users input.rgRefresh {
    background-image: url("../Images/Site/button-refresh.png");    
}

.users input[value="Edit"] {
    background-image: url("../Images/Site/button-edit1.png");    
}

.users input[title="Delete"] {
    background-image: url("../Images/Site/button-delete-item.png");    
}

.changeData span
{
    display: block;
    font-size: 12px;
    line-height: normal;
}

.users, .activity
{ 
    margin-top: 20px;     

}

.categories, .adminTable
{
    float:left;    
}

.categories
{
    clear:none !important;
    margin-left: 20px;
}

.settingsBottom
{
    margin-bottom: 20px;
    margin-top: 20px;
}

.eventDetailFooter 
{
    font-size: 14px;
    margin-top: 10px !important;
}

.eventDetailFooter .value
{
    font-weight: bold;
}

/* grid popup edit form */
.rgEditForm table
{
    margin-left: 5px;
}

.rgEditForm table td
{
    padding: 4px;
}

.rgEditForm input[type=text], .rgEditForm input[type=password]
{
    padding: 4px;
}

.rgEditForm table tr:last-child td[colspan="1"] a {
    background-color: #040707;
    border-radius: 3px;
    color: #ffffff;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 12px;
    height: 24px !important;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 70px !important;
    float: left;
}

.rgEditForm table tr td:first-child {
    display: inline-block;
    font-weight: bold;    
}

.rgEditForm table tr:last-child td[colspan="1"] a:last-child {
    float: right !important;
    margin-right: -5px;
}

.rgEditForm table tr:last-child td[colspan="1"] {
    width: 225px;
}

.RadCalendarPopupShadows
{
    width: 312px;
}
.RadScheduler .rsHeader .rsToday
{
    display:none !important;
}

.rsHeader em 
{
    float: left;
}

#Calendar .rcTitlebar a
{
    color: black !important;
}

.RadScheduler .rsHeader .rsDatePickerActivator
{
    width: 45px !important;
    margin-left: 8px !important;    
    border-radius: 0px !important;
    font-size: 13px !important;
    text-indent: 0px !important;
    height: auto !important;
    padding: 0px 0px 0px 20px !important;
}

.rsHeader .rsDatePickerCalendar
{
    /*left: -145px !important;*/
}

#Content .defaultCalView {
    border-color: #e7e7e8;
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    clear: both;
    margin-bottom: 10px;
    padding: 6px;
    float:left; 
}

#Content .defaultCalView h3 {
    font-size: 12px;
}

#Content .defaultCalView table td {
    padding-right: 15px;
}

/* FORMS IN WINDOWS */
/* New Collective Appointment */
#form1 .formWrap {
    width: 235px !important;
    margin: 0 auto;
}

#form1 .formWrap label {
    font-weight: bold;
}

#form1 .formWrap #TitleTextBox,
#form1 .formWrap #ProjectNameTextBox,
#form1 .formWrap #ProjectLocationTextBox {
    width: 97% !important;
}

#form1 .formWrap .end {
    margin-bottom: 14px;
}

#form1 .formWrap .start {
    margin-bottom: 2px;
}

#form1 .formWrap .end #EndInput_wrapper {
    margin-left: 8px;    
}

#form1 .formWrap .projename {
    margin-bottom: -10px;
}

#form1 .formWrap .projloc {
    margin-bottom: 16px;
}

#form1 .formWrap .color #ColorComboBox {
    width: 198px !important;    
}

#form1 .formWrap .note ul {
    margin: 16px 0 0;
    padding: 0;    
}

#form1 .formWrap .note textarea {
    height: 95px !important;
    width: 193px !important;
}

#form1 .formWrap .rsAdvEditSave,
#form1 .formWrap .rsAdvEditCancel {
    background-color: #040707;
    border-radius: 3px;
    color: #ffffff;
    display: block !important;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 24px !important;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 80px !important;
}

#form1 .formWrap .rsAdvEditCancel {
    margin-left: 73px;
}

.RadWindow .rwStatusbar table {
    display: none;
}

.formLogin
{
    border: 1px solid #767676;
    background-color: #F7F583;
    padding: 10px !important;
    margin-bottom: 10px !important;
}

.formLogin h3
{
    margin-bottom: 10px !important;
    font-weight: bold;
}

.formSaveButtons .rsAdvEditSave,
.formSaveButtons .rsAdvEditCancel
{
    float: right !important;
}

/*
.formLogin .racTokenList
{
    font-size: 14px;
    height: 24px;
    line-height: 14px;
    padding-right: 5px;
}

.formLogin .racRemoveTokenLink
{
    display: none !important;
}
*/

.formLogin .RadAutoCompleteBox_MetroTouch
{   
}

.formLogin .RadAutoCompleteBox_MetroTouch, .formLogin input[type=text]
{    
    /*padding: 2px !important;*/
    font-size: 14px !important;
    line-height: 24px !important;    
}

.formLogin .RadAutoCompleteBox_MetroTouch .racInput
{
    height: 24px;
}

.formLogin input[type=password]
{
    font-size: 14px;
    padding: 4px;
}

.formLogin a.racRemoveTokenLink
{
    display: none !important;
}

/* New Collective Email */
#form1 #reMailForm {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

#form1 .attach {
    margin-left: auto;
    margin-right: auto;
    width: 680px;    
}

#form1 .attach .inline-label {
    font-weight: bold;
}

#form1 .buttonWrap {
    margin-left: auto;
    margin-right: auto;
    width: 680px;    
}

#form1 .buttonWrap .rfdSkinnedButton {
    background-color: #040707 !important;
    background-image: none !important;
    border-radius: 3px;
    float: right;
    height: 24px !important;
}

#form1 .buttonWrap .rfdSkinnedButton #btnSendMail {
    background-color: #040707 !important;
    background-image: none !important;
    border-radius: 3px;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    height: 24px !important;
    cursor: pointer !important;
    text-transform: uppercase;
}

#Content #Calendar .rsAdvancedEdit textarea
{
    border: 1px solid #9a9a9a !important;
    width: 100%;
}

#Content #Calendar .rsAdvancedEdit input[type=text], #Content #Calendar .rsAdvancedEdit textarea
{    
    padding: 4px;
    font-size: inherit;
    font-family: inherit;
}

#Content #Calendar .eventAttribute
{
    padding-bottom: 5px;
}

#Content #Calendar .eventAttribute label
{
    width: 150px;
}

#Content #Calendar .eventAttribute textarea
{
    height: 160px;
}

.rsAptResize
{
    display:none;
}

.RadScheduler_MetroTouch .rsAptContent {
    background-color: transparent !important;
    border-color: transparent !important;
}

.RadScheduler .rsVerticalHeaderTable th {
    padding: 0 0 !important;
}

.appointmentTime {
    font-size: 13px;
    font-style: italic;
}

.RadScheduler_MetroTouch .rsTimelineView .rsVerticalHeaderTable div
{
    padding-top: 10px !important;
    padding-bottom: 10px !important;    
    text-align: center !important;
    font-weight: bold !important;
    height: auto;
    font-size: 16px;
}

.RadScheduler_MetroTouch .rsVerticalHeaderTable div
{
    
}

.RadScheduler_MetroTouch .rsVerticalHeaderTable th
{
    white-space:normal;
    overflow: hidden;
    vertical-align: middle !important;    
}

.RadScheduler_MetroTouch .rsAllDayRow td,
.RadScheduler_MetroTouch .rsContentTable .rsAllDayRow,
.RadScheduler_MetroTouch .rsTimelineView .rsVerticalHeaderTable th,
.RadScheduler_MetroTouch .rsHorizontalHeaderTable th,
.RadScheduler_MetroTouch .rsSpacerCell
{
    border-color: #000000 !important;
}

.RadScheduler_MetroTouch .rsTimelineView
{
    border-left-color: #000000 !important;
}

.RadScheduler_MetroTouch .rsHorizontalHeaderTable th
{
    color: #000000 !important;
}

.titleTextBox
{
    width: 500px;
}



/*********************/
/* Responsive design */
/*********************/

@media (max-width: 1220px) {
    /* Login section */
    #Header,
    #Content,
    #Footer {
        width: 100%;
    }
    
    #Content {
        height: auto;
        box-sizing: border-box;
    }
    
    #InfoWindow {
        display: none;
    }
    
    /* Calendar section */
    #Content #Calendar {
        width: 71%;
        box-sizing: border-box;
    }
    
    #Content #Calendar .RadAjaxPanel {
        width: 100% !important;
    }
    
    #Content #ShowingEmployees {
        width: 28%;
        box-sizing: border-box;
    }
}

@media (max-width: 870px) {
    /* Logo in header */
    #Logo {
        top: 2px;    
    }
    
    #Logo h1 {
        width: 75px;
    }
    
    #Logo h1 img {
        width: 70px;        
    }
    
    #Logo h1 span {
        display: none;    
    }
    
    /* Calendar section */
    #Content #Calendar {
        width: 100%;
        margin-bottom: 10px;
    }
    
    #Content #ShowingEmployees {
        display: none;    
    }


}

@media (max-width: 730px) {
   
    #Header #MainMenu , #Logo
    {
        display: none;         
    }

    #Header
    {
        height: 35px;   
    }
    
    #Header #RegisteredUser {
        width: 100%;
        box-sizing: border-box;        
    }

    #RegisteredUser a, #Header #RegisteredUser #LoginView1_A1
    {
        margin-top: 0px !important;
        font-size: 11px;
    }

    .RadScheduler .rsVerticalHeaderTable div
    {
        white-space: normal !important;
        width: 50px;
    }

    #Content #Calendar .eventAttribute
    {
        width: 100%;
    }

    #Content #Calendar .eventAttribute label
    {
        display: block;
        width: auto !important;
        text-align: left;
    }

    #Content #Calendar .rsAdvancedEdit input[type=text] 
    {
        width: 100% !important;    
    }
    
    .RadScheduler_MetroTouch .rsTimelineView .rsVerticalHeaderTable div
    {
        padding: 0px !important;
        height: inherit;
        font-size: 12px;    
    }

    .RadScheduler_MetroTouch .rsTimelineView .rsVerticalHeaderTable .rsMainHeader
    {
        width: 100%;
        display: inline-table;
    }

    .RadScheduler_MetroTouch .rsTimelineView .rsVerticalHeaderTable div.rsMainHeader div
    {
        vertical-align: middle;
        display: table-cell;
        width: 100%;
    }

    #Content #Calendar .rsAptContent
    {
        margin-top: 1px !important;
        padding-left: 2px !important;
    }

    .RadScheduler tr, .RadScheduler td, .RadScheduler_MetroTouch .rsApt
    {
        font-size: 11px !important;
    }

    #Content #Calendar .rsAdvancedEdit input[type=text], #Content #Calendar .rsAdvancedEdit textarea, .RadScheduler_MetroTouch
    {
        font-size: 14px !important;
    }

    /*
    #Content #Calendar .rsAdvancedEdit {
        width: 100% !important;
        box-sizing: border-box;
    }
    
    #Content #Calendar .rsAdvancedEdit label {
        width: auto;    
    }
    
    
    
    .rsAdvancedEdit #ctl00_MainContent_rsAppointments_Form_Label2,
    .rsAdvancedEdit #ctl00_MainContent_rsAppointments_Form_Label3,
    .rsAdvancedEdit #ctl00_MainContent_rsAppointments_Form_Label8,
    .rsAdvancedEdit #ctl00_MainContent_rsAppointments_Form_Label9 {
        width: 50px !important;
        text-align: left;
    }
    
    .rsAdvancedEdit #ctl00_MainContent_rsAppointments_Form_ProjectLocationTextBox {
        margin-bottom: 10px;    
    }    
    */
}

@media print
{
    #LoginView1_LoginStatus
    {
        display: none !important;
    }

    #Header #RegisteredUser #LoginView1_A1
    {
        padding-right: 0px !important;
        margin-top: 0px !important;
    }
}