* {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
}
table  {
     border-collapse: collapse;
     border-spacing: 0;
 }
ol, ul  {
     list-style: none;
 }
h1, h2, h3, h4, h5, h6  {
     font-size: 100%;
     font-weight: normal;
 }
a {
       text-decoration: none;
       color: #000;
 }
p {
      padding-bottom: 0;
}
body {
      font-family:  'arial',sans-serif;
      font-size: 16px;
      /*background: url('images/bg-body.jpg') repeat 0 0;
    */  color: #282422;
}
.wrap {
          margin: 0 auto;
      width: 972px;
}
 .main {
      float: left;
      width: 952px;
      padding: 0 12px 0 9px;
      background: #fff;
}

.page-break	{ display: none; }

/*___________________________header___________________________*/

.header {
      float: left;
      width: 100%;
      background: #111210;
}
.left-logo {
      float: left;
      width: 185px;
      height: 120px;
      text-indent: -9999px;
      margin: 21px 0 0 25px;
       background: url('../images/left-logo.jpg') repeat 0 0;
}
.right-logo {
      float: right;
      width: 363px;
      height: 74px;
      text-indent: -9999px;
      margin: 43px 14px 0;
       background: url('../images/right-logo.png') repeat 0 0;
}
.discript-right-logo {
      float: right;
      clear: right;
      font-size: ;
      color: #fff;
      font-size: 15px;
      font-weight: bold;
      margin: 8px 18px 0 0;
}
.bottom-header {
      float: left;
      margin-top: 19px;
      width: 100%;
      height: 44px;
      background: url('../images/bg-header-bottom.jpg') repeat-x 0 0;
}
.left-bottom {
      margin: 15px 0 0 17px;
      float: left;
      font-size: 14px;
      color: #fff;
      font-weight: bold;
      text-transform: uppercase;
}
.right-bottom {
          float: right;
}
.right-bottom a {
          margin: 15px 16px 0 0;
      float: right;
      font-size: 14px;
      color: #fff;
}
.right-bottom a:hover {
          color: #777;
}
/*___________________________content___________________________*/

.content {
        position: relative;
      padding: 0 0 10px 0;
      float: left;
      width: 100%;
      min-height: 50px;
}
.entry-screen {
      margin-top: 23px;
}
.discript-content {
      position: absolute;
      top: 46px;
      left: 22px;
      width: 320px;
}
.discript-content h1 {
      float: left;
      width: 100%;
      color: #fff;
      font-size: 32px;
      font-weight: bold;
      line-height: 33px;
        margin-bottom: 10px;
}
.discript-content p {
      float: left;
      width: 100%;
      font-size: 14px;
      color: #282422;
      line-height:  21px;
      padding-bottom:  8px;
}
.left-part {
      float: left;
      width: 619px;
      margin-top: 23px;
}
.right-part {
      padding-top: 0px;
      padding-right: 12px;
      float: right;
      width: 310px;
      margin-top: 23px;
}
.right-part h1 {
      float: left;
      width: 100%;
      color: #bbab9d;
      font-size: 32px;
      font-weight: bold;
      line-height: 33px;
        margin-bottom: 18px;
}
   .right-part ol {
      float: left;
      width: 100%;
}
.right-part ol li {
      float: left;
      width: 100%;
      list-style:  decimal inside none;
      font-size: 13px;
      color: #282422;
      line-height:  18px;
      padding-bottom:  8px;
}
.right-part ul li {
      float: left;
      width: 100%;
      list-style:  disc inside none;
      font-size: 13px;
      color: #bbab9d;
      line-height:  18px;
      padding-bottom:  8px;
}
.right-part p {
      float: left;
      width: 100%;
      font-size: 13px;
      color: #282422;
      line-height:  19px;
      padding-bottom:  8px;
}
/*___________________________overview___________________________*/

.left-part-overview {
      float: left;
      width: 539px;
      margin-top: 23px;
}
.right-part-overview {
      padding-top: 0px;
      padding-right: 12px;
      float: right;
      width: 380px;
      margin-top: 23px;
}
.right-part-overview h1 {
      float: left;
      width: 100%;
      color: #bbab9d;
      font-size: 32px;
      font-weight: bold;
      line-height: 33px;
        margin-bottom: 18px;
}
   .right-part-overview ol {
      float: left;
      width: 100%;
}
.right-part-overview ol li {
      float: left;
      width: 100%;
      list-style:  decimal inside none;
      font-size: 13px;
      color: #bbab9d;
      line-height:  18px;
      padding-bottom:  8px;
}
.right-part-overview p {
      float: left;
      width: 100%;
      font-size: 13px;
      color: #282422;
      line-height:  19px;
      padding-bottom:  8px;
}
/*___________________________overview___________________________*/

.block-bottom {
        float: left;
      height: 44px;
      width: 100%;
      background: url('../images/bg-block-bottom.jpg') repeat-x 0 0;
   }
.link-start {
      padding: 0 16px 0 20px;
      float: right;
      width: 297px;
      font-weight: bold;
      font-size: 13px;
      height: 44px;
       line-height: 44px;
      text-transform: uppercase;
        color: #fff;
             background: url('../images/bg-start-link.jpg') repeat-x 0 0;
  }
.link-start:hover {
            background: url('../images/bg-start-link-over.jpg') repeat-x 0 0;
  }
.arrow-right {
      float: right;
      width: 17px;
      height: 44px;
         background: url('../images/arrow.png') no-repeat 0 center;
}
.bg-border {
      float: left;
      height: 7px;
      width: 100%;
      background: url('../images/bg-border.jpg') repeat-x 0 0;
}
/*___________________________session___________________________*/

.session-block {
      float: left;
      width: 604px;
      margin-top: 16px;
      padding: 0 0 0 13px;
      display:none;
}

.session-block h2 {
  float: left;
  width: 100px;
  color: #111210;
  font-size: 22px;
  font-weight: bold;
   margin-bottom: 1px;
}
 .session {
      float: left;
      width: 100%;
      margin-top: 15px;
}
.session .number {
      float: left;
      width: 50px;
      height: 30px;
      font-size: 15px;
      color: #fff;
      line-height: 30px;
      text-align: center;
      background: #b2f6ef;
      font-weight: bold;
}
.session .name-session {
      float: right;
      width: 524px;
      height: 30px;
      background: #f0ede9;
      padding: 0 12px 0 16px;
      cursor: pointer;
}
.session .name-session:hover {
      background: #ddd6cf;
}
.session .name-session span {
	float: right;
	width: 100%;
	font-size: 14px;
	color: #111210;
	line-height: 30px;
	text-transform: uppercase;
	background: url('../images/session-closed.png') no-repeat right center;
}

.session.expanded .name-session span {
	background-image:url('../images/session-open.png');
}

.session.expanded .name-session {
	background: #ddd6cf;
}

.session.expanded .name-session span {
	font-weight:700;
}

.session .bg-number-red {
       background: #e42438;
  }
.session .bg-number-purple {
       background: #ca007c;
  }
.session .bg-number-blue {
       background: #76a0c4;
  }
.right-part-session {
      float: right;
      /* width: 311px; */
      width:320px;
}
.right-part-session label {
      font-size: 16px;
      color: #f00;
}
.right-part-session .top-block, #session-list, #new-session, #update-session {
      /* margin-top: 98px; */
      margin-top:1em;
      float: left;
      /* padding: 18px 0 13px 15px; */
      width: 296px;
      width:100%;
	  padding:15px;
	  /* display:inline-block; */
	  box-sizing:border-box;
	  -webkit-box-sizing:border-box;
	  -moz-box-sizing:border-box;
	  -ms-box-sizing:border-box;
	  -o-box-sizing:border-box;
}

#session-list {
	background: #33322f;
}



.right-part-session .top-block2 {
      position: absolute;
      top: 0px;
      float: left;
      padding: 18px 0 13px 15px;
      background: #33322f;
      width: 296px;
}
.right-part-session h2 {
      float: right;
      width: 100%;
      color: #fff;
      font-size: 15px;
      text-transform: uppercase;
      font-weight: bold;
      margin-bottom: 3px;
}

.right-part-session h2 {
	margin-top:0.5em;
	font-family:'Arial Black',Arial,sans-serif;
	/* font-family:'Arial'; */
	font-size:1.2em;
	padding-bottom: 0.3em;
  	border-bottom: 1px solid;
	margin-bottom:1em;
}

.right-part-session form {
      float: left;
      width: 100%;
}
.right-part-session .top-block input {
      float: left;
      width: 210px;
      height: 31px;
      padding-left: 7px;
      font-size: 15px;
      color: #fff;
      line-height: 30px;
       margin-top: 5px;
       margin-bottom: 5px;
       background: url('../images/bg-input.jpg') repeat-x 0 0;
}
.right-part-session .top-block .hl input {
      float: left;
      width: 210px;
      height: 31px;
      padding-left: 7px;
      font-size: 15px;
      color: #fff;
      line-height: 30px;
       margin-top: 5px;
       margin-bottom: 5px;
       background: url('../images/bg-input-highlight.jpg') repeat-x 0 0;
}
.right-part-session .top-block .hl .submit {
      float: left;
      width: 64px;
      text-align: center;
      height: 31px;
      padding-left: 0;
      font-size: 10px;
      color: #fff;
      line-height: 30px;
        font-weight: bold;
      text-transform: uppercase;
      background: url('../images/bg-submit.png') repeat-x 0 0;
      cursor: pointer;
  }
 .right-part-session .top-block .hl .submit:hover {
      color: #b4b2a9;
}
.right-part-session .top-block .submit {
      float: left;
      width: 64px;
      text-align: center;
      height: 31px;
      padding-left: 0;
      font-size: 10px;
      color: #fff;
      line-height: 30px;
        font-weight: bold;
      text-transform: uppercase;
      background: url('../images/bg-submit.png') repeat-x 0 0;
      cursor: pointer;
  }
 .right-part-session .top-block .submit:hover {
      color: #b4b2a9;
}
.right-part-session .top-block2 input {
      float: left;
      width: 250px;
      height: 31px;
      padding-left: 7px;
      font-size: 15px;
      color: #a4a19c;
      line-height: 30px;
       margin-top: 15px;
       background: #fbfafa;
}
.right-part-session .top-block2 .submit {
      float: left;
      width: 31px;
      text-align: center;
      height: 31px;
      padding-left: 0;
      font-size: 10px;
      color: #fff;
      line-height: 30px;
        font-weight: bold;
      text-transform: uppercase;
      background: url('../images/bg-submit2.png') no-repeat 0 0;
      cursor: pointer;
  }
.right-part-session .top-block2 .submit:hover {
      background: url('../images/bg-submit2-over.png') no-repeat 0 0;
}
.shortllist {
      float: left;
      width: 100%;
      margin-top: 46px;
      height:  210px;
      overflow: hidden;
      white-space:  nowrap;
}
.shortllist h3 {
      float: left;
      width: 100%;
      font-size: 22px;
      color: #111210;
      font-weight: bold;
      margin-bottom: 14px;
}
.shortllist p {
      position: relative;
      float: left;
      width: 100%;
      font-size: 13px  color:#111210;
      padding-bottom: 10px;
}
.shortlist-link {
      margin-top: 19px;
      float: left;
      width: 175px;
      padding: 0 10px 0 11px;
      height: 30px;
      line-height: 30px;
      font-size: 13px;
      color: #fff;
        font-weight: bold;
       text-transform: uppercase;
      background: url('../images/bg-short-link.png') repeat-x 0 0;
     -webkit-border-radius:  3px;
    -moz-border-radius:  3px;
    border-radius:  3px;
 }
.shortlist-link span {
      float: left;
      width: 100%;
       background: url('../images/arrow.png') no-repeat right center;
  }
.shortlist-link:hover {
      background: url('../images/bg-short-link-over.png') repeat-x 0 0;
  }
.sub-session {
      float: left;
      width: 100%;
      display:none;
}
.sub-session .box-sub-session {
      float: left;
      width: 100%;
      border-bottom: 2px solid #827976;
      min-height:90px;
}

.sub-session .box-sub-session .chosen {
	/* background: #EAEAEA; */
	background: #fbf9de;
}

.sub-session .box-sub-session .like, .sub-session .box-sub-session .plus {
      float: left;
      clear: left;
      width: 50px;
      height: 27px;
      cursor: pointer;
    -webkit-border-radius:  3px;
    -moz-border-radius:  3px;
    border-radius:  3px;
 }
.sub-session .box-sub-session .like {
      margin-top: 13px;
      background: url('../images/like.png') no-repeat 0 0;
  }
.sub-session .box-sub-session .plus {
          margin-top: 7px;
      background: url('../images/plus.png') no-repeat 0 0;
  }
.sub-session .box-sub-session .like:hover {
      background: url('../images/like-over.png') no-repeat 0 0;
  }
.sub-session .box-sub-session .plus:hover {
      background: url('../images/plus-over.png') no-repeat 0 0;
  }
.sub-session .box-sub-session .content-sub-session {
      float: right;
      /* width: 525px; */
      width: 531px;
      padding: 11px 10px 0 11px;
      text-align: justify;
}
.sub-session .box-sub-session .liked {
      background: #E7FF79;
}
.box-sub-session .content-sub-session h3 {
      float: left;
      width: 100%;
      font-size: 13px;
      color: #282422;
        font-weight: bold;
        margin-bottom: 3px;
 }
.box-sub-session .content-sub-session p {
      float: left;
      width: 100%;
      font-size: 13px;
      color: #282422;
       padding-bottom: 7px;
       line-height: 18.5px;
  }
.close strong {
      text-transform: uppercase;
}
.close span {
      position: absolute;
      right: 0;
      top: 4px;
      float: right;
       width: 12px;
      height: 12px;
      cursor: pointer;
          background: url('../images/close.png') no-repeat 0 0;
  }
 /*_________________________preview-sessions___________________*/
 
 .preview-left-part table {
      float: left;
      width: 605px;
        text-align: left;
      font-size: 13px;
      line-height: 30px;
      margin-top: 15px;
      font-weight: bold;
}
.preview-left-part table th {
      font-weight: normal;
      background: #f0ede9;
  }
.preview-left-part table td {
      padding-top: 15px;
 }
.preview-left-part table th, .preview-left-part table td {
      padding-left: 11px;
}
.preview-left-part table .first-th {
      border-right: 3px solid #fff;
 }
.preview-left-part table td {
      border-bottom: 2px solid #b2aead;
 }
.preview-left-part table a {
      color: #00619e;
 }
.preview-left-part table a:hover {
      color: #ca007c;
 }
.plan-another-session, .print, .save-as-pdf, .exit-playmap, .right-part-session .button,
.popup .red {
      float: left;
      width: 177px;
      height: 31px;
      line-height: 31px;
      margin-bottom: 14px;
      text-transform: uppercase;
      font-size: 13px;
      font-weight: bold;
      color: #fff;
      padding: 0 9px 0 11px;
    -webkit-border-radius:  3px;
    -moz-border-radius:  3px;
    border-radius:  3px;
    margin-right:  6px;
}

.popup .button.align-right {
	float:right;
}

.plan-another-session span, .print span, .save-as-pdf span, .exit-playmap span, .right-part-session .button span,
.popup .red span {
      background:  url("../images/arrow.png") no-repeat right center;
      float:  left;
      width:  100%;
}
.plan-another-session {
        background: url('../images/bg-plan.png') repeat-x 0 0;
}
.plan-another-session:hover {
        background: url('../images/bg-plan-over.png') repeat-x 0 0;
}
.print, .right-part-session .button, .popup .red {
        background: url('../images/bg-print.png') repeat-x 0 0;
}
.print:hover, .right-part-session .button:hover {
        background: url('../images/bg-print-over.png') repeat-x 0 0;
}
 .save-as-pdf {
        background: url('../images/bg-save.png') repeat-x 0 0;
}
.save-as-pdf:hover {
        background: url('../images/bg-save-over.png') repeat-x 0 0;
}
  .exit-playmap {
        background: url('../images/bg-exit.png') repeat-x 0 0;
}
.exit-playmap:hover {
        background: url('../images/bg-exit-over.png') repeat-x 0 0;
}
 .preview-left-part h2  {
      color:  #111210;
      float:  left;
      font-size:  25px;
      font-weight:  bold;
      margin-bottom:  1px;
      width:  100%;
}
.preview-left-part  {
        float:  left;
        margin-top:  16px;
        padding-left:  14px;
        width:  619px;
}
.preview-right-part  {
        float:  right;
        margin-top:  24px;
        padding-right:  0;
        padding-top:  39px;
        width:  310px;
}
.preview-plan-part  {
        float:  left;
        margin-top:  12px;
        padding-right:  0;
        padding-top:  19px;
        width:  619px;
}
/*___________________________footer___________________________*/

.footer {
      padding: 24px 0 19px 0;
      float: left;
      width: 100%;
      font-size: 13px;
      color: #605c59;
}
.footer span {
      margin-left: 14px;
}
/*___________________________search___________________________*/

.search  {
      float:  right;
}
.search input {
      padding-top:  7px\9;
     /*IE needs to move down*/  padding-left:  8px;
      font-family:  'TradeGothicLT-CondEighteen',  sans-serif;
      float:  right;
      width:  165px;
      height:  30px;
      color:  #656867;
      font-size:  15px;
      background:  url('../images/bg_search.jpg') repeat-x;
}
li span  {
     font-weight:  normal;
     color:  #000;
 }


/* New styles Bill */

#printElement, #jspdf{
	display:none;
}

#new-session {
	background:#a0a191;
/*	display:inline-block; */
}	

#update-session {
	background:#5c5d4f;
}

#session-list h2 {
	margin-bottom:0em;
}

#session-list ul {
	display:inline-block;
	width:100%;
	color:white;
}

#session-list ul li {
	width:100%;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

#session-list ul li:hover {
	cursor:pointer;
}

#session-list ul li:hover p, #session-list ul li.selected p {
	background: #a0a191;
	border:3px solid #5c5d4f;
}

#session-list ul li:hover i.fa {
	color: white;
}

#session-list ul li p {
	font-size:14px;
	padding:0.5em;
	background:#5c5d4f;
	border:3px solid #5c5d4f;
}

#session-list ul li i.fa {
	float:right;
	font-size:1.2em;
	color: #c21f30;
}

.panel-footer {
	display:inline-block;	
	margin-top:2em;
}

.panel-footer a.button {
	margin-bottom:0em;
}

.right-part-session h3 {
	font-family:'Arial',sans-serif;
	color:white;
	font-weight:700;
	font-size:18px;
	margin-bottom:0.3em;
}

.activity-list ul li {
	padding:0.3em 0.5em;
	color:#FFF;
	padding-left:0em;
}

.activity-list ul li .wrapper {
	max-width:270px;
	display:inline-block;
}

.activity-list ul li span.order {
	color:white;
}

.activity-list i.fa-times {
	float:right;
	color: #c21f30;
	font-size:1.2em;
	display:inline-block;
}

.activity-list i.fa-times:hover {
	color: #FFF;
	cursor:pointer;
}

.button.left {
	float:left;
	width:35%;
}

.button.right, .ui-datepicker-trigger {
	float:right;
	width:35%;
	background: url('../images/bg-header-bottom.jpg') repeat-x 0 0;	
}

.button.right:hover {
	background: #000
}

.panel-footer {
	width:100%;
}

.right-part-session .button, .ui-datepicker-trigger {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	margin:0em;
}

.notification {
	color:#FFF;
	padding: 0.3em 0.5em;
	padding-left:0em;
	font-size:14px;
	display:none;
}	

.empty-error {
	color: #c21f30;
}

#datepicker {
	line-height:1em;
	height:auto;
	font-size:14px;
	padding:0.5em;
	width:220px;
	box-sizing:border-box;
}

.choose-session-date {
	display:inline-block;
	margin-bottom:1.5em;
}

/* Override jquery datepicker plugin styles */
#ui-datepicker-div .ui-widget-header {
	background: url('../images/bg-header-bottom.jpg') repeat-x 0 0;
	border:none;
	border-radius:0px;
}

.ui-datepicker-trigger {
	width:70px;
	color:#FFF;
	font-size: 13px;
	height: 31px;
	line-height: 31px;
	text-transform: uppercase;
	font-weight:bold;
}

.ui-datepicker-trigger:hover {
	cursor:pointer;
	background: #000;
}

#ui-datepicker-div .ui-widget-header .ui-state-hover,
#ui-datepicker-div .ui-widget-header .ui-state-focus {
	border: 1px solid #FFF;
	font-weight: bold;
	border-radius:0px;
	top:2px;
	background:none;
	border:none;
}


.visible {
	display:block;
}


/* Popup Styles */
.hide, .popup {
	display:none;
}

.popup {
	padding:2em;
	background:#33322f;
	max-width:400px;
	position:relative;
	background: rgba(255,255,255,0.1);
}

.fancybox-inner {
	background:#33322f;
}

.popup .red {
	display:inline-block;
	max-width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	float:none;
}

.popup p {
	font-family:'Arial Black',Arial,sans-serif;
	font-size:16px;
	color:#FFF;
	line-height:28px;
	margin-bottom:1.5em;
}

.popup i.fa-times {
	position:absolute;
	top:1em;
	right:1em;
	color: #c21f30;
}

.popup i.fa-times:hover {
	color: #FFF;
	cursor:pointer;
}

.session-panel .instruction {
	margin-top:1em;
	color:#FFF;
}	

.session-panel .alert {
	color:white;
	background: #dd3849;
	padding:3px;
	margin-top:0.5em;
	font-weight:700;
}


a.save-pdf-ie9 {
	display:none;
	float:left;
	line-height:31px;
	margin-right:6px;
	width:197px;
}

.ie9 a.save-pdf-ie9, .ie8 a.save-pdf-ie9 {
	display:inline-block;
}

.ie9 a.save-pdf, .ie8 a.save-pdf {
	display:none;
}	

/************************************************
 * Begin @media styles for PRINT
 * @media print
 ***********************************************/

 @media print {
 	/* .page-break	{ display: block; page-break-before: always; } */
 	
 	 /* Print styles for printElement Jquery */
 	 .header, .session-block, .right-part-session, .footer{
 	 	display:none;
 	 	visibility:hidden;
 	 }
 	 
 	 #printElement {
 	 	visibility: visible;
 	 	display:block !important;
 	 }
 	 
 	 #printElement img {
 		width:100% !important; 
 		max-width:100% !important;
 		margin:0 auto;
 		text-align:center;
 	 }
 	
	 #printElement .main-content-sessions h2 {
	 	color:black;
	 	font-size:20px;
	 	font-weight:700;
	 }	 	
	 
	 #printElement .main-content-sessions h3 {
	 	color:black;
	 	font-size:16px;
	 	font-weight:700;
	 	margin-bottom:5px;
	 }
	 
	 #printElement .main-content-sessions .indi-session {
	 	padding-bottom:10px;
	 	margin-bottom:20px;
	 	border-bottom:1px solid black;
	 }	
	 
	  #printElement .main-content-sessions .indi-session:last-child {
	  	border-bottom:none;
	  }
	 
	 #printElement .main-content-sessions ul li p {
	 	margin-bottom:5px;
	 	line-height:1.3em;
	 }
 
 }