#right-col .banner
{ 
    float: left;
    margin: 20px 5px 5px 0;
    width: 700px;
    position: relative;
}
/* CSS Document */

.lof-slidecontent  .sliders-wrapper
{
    position:relative;	
    height:100%;	
    width:700px;	
    z-index:3px;	
    overflow:hidden; 
}
.box-border  
{
    border:  solid 1px #c8c8c8; 
    width: 451px; 
    height: 272px; 
    padding: 4px; 
    z-index: 100;
    overflow: hidden;
}
.lof-slidecontent  ul.sliders-wrap-inner
{
    overflow:hidden;	
    background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;	
    margin:0;	
    position:absolute;	
    overflow:hidden;
}
.lof-slidecontent  ul.sliders-wrap-inner li
{
    overflow:hidden;
    padding: 0;
    margin:0px;
    float:left;	
    position:relative;
}

.lof-slidecontent  .lof-opacity  li
{
    position:absolute;	
    top:0;	
    left:0;	
    float:inherit; 
}
.lof-slidecontent  .navigator-content 
{
    color: #afafaf;
    font-size: 12px;
    position:absolute;
	right:0;
	top:0;
	z-index:9;
	height: 300px;
	width:240px;
	overflow:hidden;
	color:#FFF
}
.lof-slidecontent  .navigator-wrapper	
{
    position:relative;	
    z-index:10;
	overflow:hidden;
	height: 281px !important;
	color:#FFF;
	float:left
}
.lof-slidecontent  ul.navigator-wrap-inner{	padding:0;	margin:0;	position:absolute;	width:100%; }
.lof-slidecontent  ul.navigator-wrap-inner li
{ 
  cursor:hand; 	
  cursor:pointer;	
  overflow:hidden;	
  float:left;	
  display:block;	
  text-align:center;
}
.lof-slidecontent  ul.navigator-wrap-inner  p
{
    float: left;
    padding: 15px 0 15px 3px;
    width: 145px;
}
/*******************************************************/
 
ul.sliders-wrap-inner li { padding: 2px;	}

.lof-slidecontent .slider-description a{ color:#FFF; }
.lof-slidecontent .slider-description{
	z-index:100px;
	position:absolute;
	bottom: 0;
	left:0px;
	width:432px;
	background:url(../images/bg-img-banner.png);
	height: 78px;
	padding:10px;
	color:#FFF;
	line-height: 18px;
}
.lof-slidecontent .slider-description h4 {    font-size: 14px;    margin: 10px 0;    padding: 0; }
.lof-slidecontent  .item-meta a:hover{ margin: 2px;	text-decoration:underline;}
.lof-slidecontent  .item-meta i {	font-size:70%; }

/* item navigator */
.lof-slidecontent ul.navigator-wrap-inner  li.active{
	background:url(../images/bg-nav-hover.png) no-repeat scroll left center; 
	color:#FFF
}
.lof-slidecontent ul.navigator-wrap-inner  li >  div{
	background:url(../images/bg-banner-nav.png) no-repeat left top;
	color:#afafaf;
	height:100%;
	position:relative;
	margin-left: 10px;
	border :1px solid #c8c8c8;
	text-align:left;
	width: 226px;
}

.lof-slidecontent ul.navigator-wrap-inner li.active div
{
    background-position: 14px 2px;
    color: #FFF;
    background: url('../images/bg-banner-hover-1.png') no-repeat left top;
}
.lof-slidecontent ul.navigator-wrap-inner li img
{
    background-color: #fff;
	height:44px;
	width:62px;
	float:left;
	padding:2px;
	border: 1px solid #c8c8c8;
	margin: 7px 2px 0 4px;
}
/**********Calendar*********/
ol.list-number{
    padding: 0 0 0 20px;
    -moz-column-count: 2;
    column-count: 2;
}
ol.calendar         {width:55em;display:block;}
.calendar li                  {list-style:none;}
p.link              {text-align:center;display:block;}

/*
 * Day styles
 -------------------------*/
.calendar li li               {width:16em;height:16em;float:left;margin:20px;border:1px solid #ffb700;padding:.2em;overflow:auto;border-radius: 5px;}

/*
 * Day content (UL/OL & P)
 -------------------------*/
.calendar li li p             {font-size:1em;display:block;border-bottom:1px solid #ddd;}
.calendar li li ol            {width:auto;}
.calendar li li ul li,
.calendar li li ol li         {font-size:.7em;display:block;height:auto;width:auto;margin:0;padding:.2em 0;float:none;border:0;border-bottom:1px solid #ddd;}
.calendar li li a{float:right}
/*
 * Holiday class
 -------------------------*/
.calendar li li.holiday       {border-color:#f00;}

/*
 * Inactive months
 -------------------------*/
.calendar li#lastmonth li,
.calendar li#nextmonth li     {background:#f5f5f5;border:1px solid #999;}
/******End calendar******/
#myModal .item{
    padding:10px 0px 10px 20px;
    border-bottom:1px solid #e5e5e5;
}
#myModal .item label{

    margin-right:4px;
}
.content-modal{
    width: 330px;
    margin: 0 auto;
}
.item .item-name{
    width:100px;
    display: inline-block;
    font-weight:bold;
}
.item table{
    display: inline-block;
    vertical-align: top;
}
.item table td{
    padding-right: 5px;
}
.item input::-webkit-input-placeholder{
    padding: 0 0 0 10px;
}
.btn-register{
    border-color:#ffb700;
}
.btn-register:hover{
    background-color:#ffb700;
}
.contentDay{
    padding-top:40px;
}
.contentDay a{
    color:#000;
}
.contentDay a:hover{
    text-decoration: none;
    color:#ffb700;
    cursor:pointer;
}
/**********Modal***********/
.head-banner{
    background-color:#ffb700;
}
.content-calendar{
}
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
