@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,latin-ext);

html, body{
	margin:0;
	padding:0;
}

body{
	height: 100%; 
	max-height: 100%;
	color: #696969;/*#60605e;*/
	font: 0.8em 'Open Sans', sans-serif;
	background: #f4f1ec url(../images/slider.jpg) no-repeat left -1800px;
	position: relative;
}

::-webkit-scrollbar {
	-webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
	width: 11px;
}

::-webkit-scrollbar:horizontal {
	height: 11px;
}

::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 2px solid white; /* should match background, can't be transparent */
	background-color: rgba(0, 0, 0, .5);
}

::-webkit-scrollbar-track {
	background-color: #fff;
	border-radius: 8px;
}

header{
	height: 0;	
}

#messages{
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
}

#messages a{
  position: absolute;
  right: 10px;
  top: 5px;
  color: #fff;
  text-decoration: none;
  display: block;
}

.error, .warning, .notice{
    width: auto;
    padding: 5px 30px;;
    color: #fff;
    font-size: 1.2em;
    display:none;
    text-align: center;
    font-weight: 400;
    opacity: 0.9;
    border: 1px solid;
    border-radius: 5px;
}

#login-box{
	width: 260px;
	margin: 100px auto 0 auto;
	font-weight: 600;
}
#login-box h1{
	margin-bottom: 50px;
}

.notice{
	background-color: #0f9e73;
        border-color: #0f9e73;
}
.warning{
	background-color: #ffa800;
        border-color: #ffa800;
}
.error{
	background-color: #db4b38;
        border-color: #db4b38;
}

.clearer{
	clear:both;
	font-size: 1px;
	height: 1px;
}

.nowrap {
	white-space: nowrap;
}

/** OVER LAYER **/

.overlayer{
	background:rgba(0, 0, 0, 0.5);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9998;
	display: none;
	overflow: auto;
}

.dialog-over-layer,
.notification-over-layer,
.iframe-over-layer,
#refundBootcamp,
#createMenuItem,
#editSpecialPage,
#createSidebarItem,
#editMenuItem,
#editSystemMenuItem,
#document-block,
#appointment-block,
#preview-search,
#appointment-details,
#appointment-repeating-confirm,
#access-details,
#repeat-delete-options,
#popup_content_direct_pay,
#sync-instructions.Title,
#sync-instructions,
#worktime-block,
#worktime-details,
#section-help,
#wt-repeat-delete-options,
#section-help,
#cancelShoppingCart,
#del-client,
.wide-pop-up{
	width: 350px;
	padding-bottom: 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	outline: 0;
	-webkit-appearance: none;
	background-color: #fff;
	z-index: 9999;
	position: absolute !important;
	top: 0;
	left: 0;
	display:none;
	margin-bottom: 10px;
}

#section-help {
	top: unset; left: unset; bottom: 0px;right: 0px;
}

#section-help li {
	cursor: pointer;
}

#section-help li.menu-disabled a {
	color: #a9a9a9;
}

.iframe-over-layer.no-padding{
	padding-bottom: 0px;
}

.close-popup{
    position: absolute;
    top: -12px;
    right: -12px;
    display: block;
    height: 24px;
    width: 24px;
    text-align: center;
    line-height: 22px;
    text-decoration: none;
    font-size: 20px;
    border: 1px solid#ccc;
    border-radius: 100%;
    background-color: #f2f2f2;
    color: #fea201;
	font-weight: bold;
}

#createSidebarItem{
    width: 600px;
}

#document-block{
    width: 640px;
}

#repeat-delete-options,
#wt-repeat-delete-options,
.sync-instructions
{
    width: 440px;
}

#appointment-block,
#appointment-details,
#access-details,
#worktime-block,
#worktime-details,
#preview-search,
#del-client,
.wide-pop-up{
    width: 640px;
}

#appointment-block .container,
#appointment-details .container,
#document-block .container,
#access-details .container,
#worktime-block .container,
#del-client .container,
#preview-search .content{
    /*width: 600px;*/
    margin: 20px;
}

#document-block .container{
    max-height: 400px;
}


#appointment-block .grid_normal{
    font-size: 0.8em;
}
#del-client .grid-normal{
    font-size: 1.1em;
    margin: 0 auto;
}
#repeat-delete-options .container,
#wt-repeat-delete-options .container,
.sync-instructions .container{
    max-width: 400px;
    margin: 20px auto;
}

.iframe-over-layer{
    width: 750px;
}

.text-overlayer{
	text-align: center;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.text-overlayer h3{
	font-size: 1.5em;
	font-weight: 600;
	color: #333332;
	margin: 0;
	padding: 0;
	border-bottom: 0;
}

.text-overlayer .header{
	padding: 10px 20px;
	background-color: #ffffe7;
	border-bottom: 1px solid #e4e3df;
	margin: 0;
	height: auto;
	text-align: left;
}

.text-overlayer p{
	text-align: left;
	padding: 10px 20px;
	font-size: 1em;
	font-weight: 600;
}

.dialog-over-layer-btns{
	width: auto;
	text-align: center;
	margin: 0 auto;
	height: auto;
	padding: 0 20px;
}

select.small-text{
    font-size: 0.8em;
}

.light-text {
	color: #999;
}

.float-left{
	float: left;
}
.float-right{
	float: right;
}
.centered{
	margin: 0 auto;
}
.center, th.center{
    text-align: center;
}
/** CREATE THE 3 COLUMN FLUIDS **/

#leftcolumn, #rightcolumn{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 300px;
	height: 100%;
	overflow: visible;
	background-color: #f2f2f2;
}

#leftcolumn{
	/*background-color: #0d8363;*/ /* url(../images/slider.jpg) no-repeat left -1800;*/
	left: 5px;
	width: 295px;
	transition: width 0.5s;
}

#rightcolumn{
	left: auto;
	right: 0; 
	width: 300px;
	overflow: auto;
	background-color: #f2f2f2;
}

#maincontent{
	position: fixed; 
	top: 0;
	left: 299px; 
	right: 299px;
	bottom: 0;
	overflow: auto; 
	background: #fff;
	border-left: 1px solid #e4e3df;
	border-right: 1px solid #e4e3df;
}

/** LEFT COLUMN **/
.menuband{
    /*background: url(../images/v3testicon.png) no-repeat top;*/
	background-color: #0d75b5;
	margin-left: 0px;
	height: 100%;
	width: 83px;
	float: left;
	position: relative;
}

.menuband .maintabs{
	display:block;
	text-decoration: none;
	padding-top: 40px;
	padding-bottom: 12px;
	text-transform: uppercase;
	color: #f7efec;
	font-size: 0.7em;
	text-align: center;
	font-weight: 800;
	border-top: 1px solid #407ea7;
	border-bottom: 1px solid #2d678d;
}

.menuband .maintabs:hover, .menuband .selected, .bottomtabs .selected{
	color: #3073a0;

	background-color: #f2f2f2;
	border-color: #f4f1ec;
}

.tab_dashboard{	background: url(../images/spritelong.png) no-repeat 25px 10px;}
.tab_clients{	background: url(../images/spritelong.png) no-repeat 25px -45px;}
.tab_website{	background: url(../images/spritelong.png) no-repeat 25px -155px;}
.tab_calendar{	background: url(../images/spritelong.png) no-repeat 25px -100px;}
.tab_communicate{	background: url(../images/spritelong.png) no-repeat 25px -205px;}
.tab_billing{	background: url(../images/spritelong.png) no-repeat 25px -260px;} 
.tab_cart{	background: url(../images/spritelong.png) no-repeat 25px -315px;}
.tab_reports{	background: url(../images/spritelong.png) no-repeat 25px -370px;}
/** bottom right nav **/

.bottomnav{
	position: absolute;
	bottom: 10px;
	left: 0px;
	z-index: 9997;
}

.bottomnav .bottomtabs{
	width: 82px;
	height: 41px;
	margin-top: 20px;
	display:block;
	text-decoration: none;
	overflow: hidden;
}

.tab_account{	background: none; text-align: center}
.tab_task{	background: url(../images/spritelong.png) no-repeat 20px -451px;}
.tab_task:hover{	background: url(../images/spritelong.png) no-repeat 20px -492px;}
.tab_help{	background: url(../images/spritelong.png) no-repeat 20px -533px;}
.tab_help:hover{	background: url(../images/spritelong.png) no-repeat 20px -574px;}

.tab_help_live {background: url(../images/help-live.png) no-repeat 22px}
.tab_help_live:hover {background: url(../images/help-live-hover.png) no-repeat 22px}

.tab_logout {background: url(../images/logout-icon.png) no-repeat center top}

.menulist{
	background-color: #f2f2f2;
	float: left;
	height: 100%;
	width: 212px;
	padding-top: 30px;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}

.menulist a{
	color: #60605e;
	text-decoration: none;
}

.menulist ul{
	list-style-type: none;
	margin: 0 5px 0 5px;
	padding: 0;
}

.menulist ul li{
	padding: 5px 0 5px 0;
}


.menulist ul li a{
	margin-left: 35px;
}

.menulist ul li.no-arrow a{
    padding-left: 15px;
    margin: 0;
}

.menulist ul li ul{
	margin: 5px 0 5px 25px;
	display: none;
}

.menulist ul li.no-arrow ul{
	margin: 5px 0 5px 15px;
    padding-right: 15px;
}

.menulist ul li ul li {
    padding-left: 15px;
}

.menulist ul li.no-arrow ul li{
    padding-left: 0;
}

.menulist ul li ul li a{
	display:block;
	padding-left: 0px;
	margin-left: 0;
	-webkit-tap-highlight-color: transparent;
}

.menulist ul li ul li:hover{
	background-color: #fff;
	font-weight: 600;
    display: block;	
}

.menulist ul li ul li:hover a{
	color: #fc7f00;
}

.menulist .bounced-client {
	color: #ff0000;
}

.normal{
	background: url(../images/arrow-left.jpg) no-repeat 25px 9px;
	font-weight: 600;
	color: #faa146;
}

.normal b, .active b{
	font-weight: 400;
	color: #fff;
	float: right;
	background-color: #faa146;
	min-width: 20px;
	height: 20px;
	text-align: center;
	font-size: 0.8em;
	line-height: 20px;
	margin-right: 30px;
	border: 1px solid #faa146;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	outline: 0;
	-webkit-appearance: none;
	
}
.active b{
	background-color: #fc7f00;
	border: 1px solid #fc7f00;
}

.active{
	background: url(../images/arrow-down.jpg) no-repeat 25px 9px;
	font-weight: 600;
        
}
.no-arrow{
    background: none;
}
.active a{
	color: #fc7f00;
}
.normal a{
    color: #faa146;
}

.subactive {
	background-color: #fff;
	font-weight: 600;
    display: block;
}
.subactive a{
	color: #fc7f00;
}
.subnormal {
	background-color: #f2f2f2;
	font-weight: 600;
}
.subnormal a{
	color: #62615f;
    display: block;
}

.payerror {
	background-image: url(../images/pstop.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 16px 16px;
}

.top_actions{
	text-align: center;
	width: 205px;
	margin: 0 auto 10px auto;
}

.bottom_actions{
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -75px;
	text-align: center;
	width: 150px;
}
.icon-manage-clients, .icon-manage-advanced, .icon-manage-groups{
	width: 42px;
	height: 40px;
	float: left;
	margin-top: 20px;
	margin-right: 5px;
}
.icon-manage-clients{	background: url(../images/spritelong.png) no-repeat 0px -615px;}
.icon-manage-clients:hover{	background: url(../images/spritelong.png) no-repeat 0px -655px;}

.icon-manage-groups{ background: url(../images/spritelong.png) no-repeat 0px -695px;}
.icon-manage-groups:hover{ background: url(../images/spritelong.png) no-repeat 0px -735px;}

.icon-manage-advanced{
	background: url(../images/spritelong.png) no-repeat 0px -775px;
	margin-right: 0;
}
.icon-manage-advanced:hover{ background: url(../images/spritelong.png) no-repeat 0px -815px;}

/** CENTER & RIGHT columns have and inner 30px padding **/
.innerpadding, #rightcolumn .innerpadding{
	margin: 30px 30px 70px 30px;
}

.innerpadding-extramargin {
	margin-bottom: 150px;
}

#rightcolumn .innerpadding{
	margin-top: 0;
}
/** CENTER COLUMN **/

#maincontent h1{
	font-size: 1.8em;
	font-weight: 600;
	color: #333332;
	margin: 0;
	padding: 0;
}

#maincontent .header{
    padding: 20px;
	background-color: #fbe4c9;
	border-bottom: 1px solid #e4e3df;
	margin: 0;
	min-height: 40px;
	line-height: 40px;
    background: #f1e767; /* Old browsers */
    background: -moz-linear-gradient(top,  #fbe4c9 0%, #fbf3e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbe4c9), color-stop(100%,#fbf3e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fbe4c9 0%,#fbf3e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fbe4c9 0%,#fbf3e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fbe4c9 0%,#fbf3e4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fbe4c9 0%,#fbf3e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e3df', endColorstr='#fbf3e4',GradientType=0 ); /* IE6-9 */
}

#maincontent .header_appointments {
    padding: 20px;
    padding-top: 0px;
    margin: 0;
    height: 40px;
    border-bottom: 1px solid #e4e3df;
}

#maincontent .header-client{
    line-height: normal;
}

#maincontent .header-client .right-block {
	max-width: 27%;
}

#maincontent .profile-image{
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 5px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
}
#maincontent .small-nfo{
	font-size: 0.9em;
	color: #696969;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#maincontent .small-nfo span{
	color: #aeaaa7;
	text-transform: uppercase;
	font-size: 0.8em;
}
#maincontent .header a{
	color: #e0791d;
	text-decoration: none;
	font-weight: 600;
}
#maincontent .header a:hover{
    color: #ffa811;
}

#maincontent .header .left-block{
	float: left;
	width: 73%;
}

#maincontent .header .left-block-cnt {
    float: left;
    margin-right: 20px;
}

#maincontent .header .left-block-short{
    float: left;
    width:40%;
}

#maincontent .header .left-block-shortest {
    float: left;
    width:27%;
}

#maincontent .header_appointments .left-block{
    float: left;
    width: 80%;
}

#maincontent .header_appointments .left-block-short{
    float: left;
    width:40%;
}

.inner-scroll{
	height: 1px; /**to be determined via js*/
	overflow: auto;
}

#maincontent .header .right-block, #maincontent .header .right-block-long{
	float: right;
	min-width: 20%;
	text-align: right;
}
#maincontent .header .right-block-long{
    width:60%;
}

#maincontent .header .right-block-longest{
    text-align: right;
    width:72%;
    float: right;
}

#maincontent .header_appointments .right-block, #maincontent .header .right-block-long{
    float: right;
    min-width: 20%;
    text-align: right;
}
#maincontent .header_appointments .right-block-long{
    width:60%;
}

#maincontent .calendar-header{
    background: #f1e767; /* Old browsers */
    background: -moz-linear-gradient(top,  #fbe4c9 0%, #fbf3e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbe4c9), color-stop(100%,#fbf3e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fbe4c9 0%,#fbf3e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fbe4c9 0%,#fbf3e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fbe4c9 0%,#fbf3e4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fbe4c9 0%,#fbf3e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e3df', endColorstr='#fbf3e4',GradientType=0 ); /* IE6-9 */
}

#maincontent .calendar-header .nav-calendar{
    width: 80px;
    max-height: 100%;
    float: left;
    padding: 2.5px 0;
}

#maincontent .calendar-header .nav-calendar a{
	float:left;
	display: block;
}

#maincontent .calendar-header .right-block{
    width: auto;
}

#maincontent .calendar-header .left-block{
    width: auto;
}

#grid-fixed-head{
	position: absolute;
	display: none;
	top:0px;
	left:0px;
	width: 100%;
	z-index: 101;
}

#grid-fixed-head ul{
	height: 30px;
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 1em;
	overflow:hidden;
}

#grid-fixed-head ul li{
	float:left;
	height: 30px;
	border-right: 1px solid #cdcdcd;
	text-align: center;
	background-color: #efeeeb;
}

#grid-fixed-head ul li:first-child{
	border-left: 1px solid #cdcdcd;
}

#grid-fixed-head ul li a{
	display:block;
	line-height: 30px;
	text-decoration: none;
	font-weight: 600;
	color: #aba9a5;
	overflow: hidden;
}
 
#grid-fixed-head #all-day-fixed{
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	background: #fff;
	position: relative;
}

#grid-fixed-head #all-day-fixed label{
	display: block;
	width: 50px;
    position: absolute;
    top: 50%;
    left: 0;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    text-align: center;
    font-size: 10px;
    font-weight: 600;
}
#grid-fixed-head #all-day-fixed .all-day-fixed-outer{
	border-left: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
}

#grid-fixed-head #all-day-fixed .all-day-fixed-outer:last-child{
	border-bottom: none;
}

#grid-fixed-head #all-day-fixed .all-day-fixed-outer .all-day-fixed-inner{
	border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    padding: 2px;
}
 
.calendar-grid-week,
.calendar-grid-month,
.calendar-grid-day{
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    font-size: 1em;
    font-weight: normal;
}

.calendar-grid-week thead.thead-calendar a{
    color: #aba9a5;
    text-decoration: none;
}

.calendar-grid-week th, .calendar-grid-month{
    background-color: #efeeeb;
}

.calendar-grid-week td, .calendar-grid-week th, .calendar-grid-month td, .calendar-grid-month th, .calendar-grid-day td, .calendar-grid-day th{
    padding: 0;
    border-right: 1px solid #cdcdcd;
    height: 30px;
    font-weight: 600;
}

.calendar-grid-month td{
    height: 80px;
    background-color: #fff;
    border-top: 1px solid #cdcdcd;
}

.calendar-grid-month tr.day-no td{
    height: 40px;
    padding: 0 0 0 10px;
	color: #aba9a5;
	font-weight: 600;
}

.calendar-grid-month tr.day-apps td{
    height: 40px;
    border-top: none;
    vertical-align: top;
}

.calendar-grid-month tr td .day-label{
    font-weight: 600;
    color: #aba9a5;
    padding: 10px 0 10px 10px;
    clear: both;
}

.day-label a,
.day-no a{
    color: #aba9a5;
    text-decoration: none;
}

.calendar-grid-day th{
	height: 0;
	visibility: hidden;
}

td.greyed{
    background-color: #efeeeb;
}

.calendar-grid-week td:last-child, .calendar-grid-week th:last-child, .calendar-grid-month td:last-child, .calendar-grid-month th:last-child{
    border-right: none;
}

.calendar-grid-month th:last-child, .calendar-grid-week th:last-child{
    text-align: center;
}

.timestamp{
    background-color: #efeeeb;
    text-align: right;
    width: 50px;
    font-weight: 600;
}

.all-day-row{
	border-top: 1px solid #cdcdcd;
	visibility: hidden;
}

.all-day-row .col-label{
	position: relative;
}

.all-day-row .col-label label{
	display:block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    text-align: center;
    font-size: 10px;
    font-weight: 600;
}

.calendar-grid-month .all-day-row{
	border-top: none;
	visibility: visible;
}

.calendar-grid-month .all-day-row .col-label,
.calendar-grid-month .all-day-row .col-apps{
	border-top: none;
	height: 24px;
}

.hour-row{
    border-top: 1px solid #cdcdcd;
}

.half-hour-row{
    border-top: 1px dotted #cdcdcd;
}

.appointment{
   /* background-color: #ffd3af;*/
}
.appointment-month, .generic-month{
    border-left: 5px solid #ffd3af;
    padding-left: 5px;
    clear: both;
    margin-bottom: 5px;
}

.appointment-month a,
.available-month a,
.worktime-mounth a,
.generic-month a{
    text-decoration: none;
    color: #000;
}

.appointment-month a:hover,
.available-month a:hover,
.worktime-mounth a:hover,
.generic-month a:hover{
    text-decoration: underline;
}

.available{
    /*background-color: #c9e3ed;*/
}

.available-month,
.worktime-mounth{
    border-left: 5px solid #c9e3ed;
    padding-left: 5px;
    clear: both;
    margin-bottom: 5px;
}

.appointment-month .ts,
.available-month .ts,
.worktime-mounth .ts,
.generic-month .ts{
    color: #000;
    font-weight: 800;
}

.calendar-block{
	display: block;
    position: absolute;
    border: 1px solid #ccc;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
	text-decoration: none;
	color: #000;
}

.calendar-block.all-day-app{
	position: relative;
	height: 26px;
	line-height: 24px;
	margin: 2px;
}

#all-day-fixed .calendar-block.all-day-app{
	margin: 0;
}

.calendar-block.all-day-app.small{
	height: 20px;
	line-height: 18px;
}

.calendar-block:hover{
	text-decoration: underline;
}

.calendar-block span{
	font-weight: normal;
}

.calendar-block span span.ts{
    color: #000;
    font-weight: 800;
}

#paint-apps{
    position: relative;
    overflow: hidden;
}

#paint-apps #now{
	position: absolute;
	height: 2px;
	background: red;
	opacity: 0.4;
	z-index: 100;
	transition: top 1s;
	-webkit-transition: top 1s;
	-moz-transition: top 1s;
	-ms-transition: top 1s;
	-o-transition: top 1s;
}

#paint-apps #now div.l{
	float:left;
	height: 6px;
	width: 6px;
	border-radius: 100%;
	background: red;
	margin-top: -2px;
}

#paint-apps #now div.r{
	float:right;
	height: 6px;
	width: 6px;
	border-radius: 100%;
	background: red;
	margin-top: -2px;
}

.left-app-block{
    max-height: 150px;
    overflow: auto;
    width: 210px;
    text-align: left;
    margin-top: 20px;
    color: #60605e;
    font-weight: 600;
}

.left-app-block a{
    color: #aba9a5;
}

.left-app-block h4{
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: 800;
    color: #aba9a5;
}

.left-app-block table{
    font-size: 1em;
    font-weight: bold;
}

.left-app-block table td.blocker, .left-app-block table td.blocker_calendar{
	background: url(../images/stock_lock.png) no-repeat left center;
	padding-left: 18px;
}

.left-app-block .small-text{
    font-size: 0.85em;
}

.middle-content{
    margin-top: 300px;
}

.middle-content h2{
    font-size: 2em;
    color: #ccc;
    text-align: center;
    font-weight: normal;
}

.theme-choser{
    float: left;
    width: 380px;
    border: 1px solid #d6d6d6;
    padding: 25px;
    margin-right: 30px;
    margin-bottom: 30px;
    background: #f2f2f2;
}
.theme-choser:hover{
    background: #E6E6E6;
}

.theme-choser table{
    font-size: 1em;
}

h3{
	color: #333332;
	font-weight: 600;
	font-size: 1em;
	padding: 0 0 5px 0;
	margin: 20px 0;
	border-bottom: 1px solid #e4e3df;
}

h4{
	color: #696969;
	font-weight: 600;
	font-size: 1em;
	padding: 5px 0;
	margin: 0;	
}

#maincontent h3{
	background-color: #f2f2f2;
	color: #0d75b5;
	padding: 5px 10px;
	border:0;
	overflow: hidden;
	white-space: pre;
	text-overflow: ellipsis;
  }

#maincontent h3.accordion_on {
    background-color: #f2f2f2;
    color: #0d75b5;
    padding: 5px 20px;
    border:0;
}

.selectable h3{
	background-color: #f2f2f2;
	color: #0d75b5;
	padding: 5px 0;
	border:0;
        text-align: center;
        margin: 0 0 1px 0;
}


/** DASHBOARD SORTABLES AND DRAGGABLES **/
.left-column, .right-column{
    width: 50%;
    float: left;
}

.left-column .inner-content, .right-column .inner-content{
    padding: 20px;
}

.left-column .dashboard-box, .right-column .dashboard-box{
    
}

#news-popup {
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	 border-radius: 4px; 
	background: #fff;
	display: none;
	max-height: 600px; 
	height: auto;
	overflow: hidden;
	width: 700px;  
	max-width: 90%;
	z-index: 10000;
}

#news-popup .header img:hover{
	cursor: pointer;
}

#news-popup .header {
    padding: 10px 20px;
    background-color: #ffffe7;
    border-bottom: 1px solid #e4e3df;
    margin: 0;
    height: auto;
    text-align: left;
    font-size: 1.6em;
    color: #000;
    font-weight: 600;
}

#news-popup #news-popup-content {
	max-height: 550px; 
	height: auto;
	overflow: scroll;
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
}

#news-popup #news-popup-content img{
	max-width: 100% !important;
}

#news-popup #news-popup-content .long-news-title {
	font-size: 16px;  
	color: #000; 
	font-weight: 700;  
	margin-bottom: 5px;
}

#news-popup #news-popup-content .long-news-title:hover {
	cursor: pointer;
}

#maincontent .dashboard-box h3{
    /* commented out because TCC-2585 */
    /*padding-left: 2px;
    margin-bottom: 0;*/
}

#maincontent .dashboard-box h3 a{
	margin-left: 20px;
	text-transform: uppercase;
}

#maincontent .dashboard-box h3 .handler{
    cursor: move;
}

#maincontent .dashboard-box .new-dashboard-line {
	height: auto;
	border-bottom: 15px solid #fff;
	position: relative;
	width: 100%;	
}

.new-dashboard-line-2 {
	border-bottom: 0px !important;
	margin-bottom: 15px;
	float: left;
}

#maincontent .dashboard-box table {
	color: #333;
	font: 14px 'Open Sans', sans-serif;
	width: 100%;
}

#maincontent .dashboard-box .new-dashboard-line .time {
	color: #0d75b5;
	font-weight: 600;
	line-height: 40px;
	white-space: nowrap;
	padding-right: 10px;	
}

#maincontent .dashboard-box .new-dashboard-line .user-icon {
	padding-right: 10px;
	width: 40px;
	height: 40px;	
}

.user-icon-left-padded {
	width: 60px;
	height: 40px;
        float: left;
        text-align: center;
}
.user-icon-left-padded-big {
	width: 100px;
	height: 80px;
        float: left;
        text-align: center;
}

.user-icon-left-padded .rounded-client-image{
    margin: 0 auto;
}

.rounded-client-image-big {
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	 border-radius: 40px;
	 height: 80px;
	 width: 80px;
}

.rounded-client-image-default-big {
	background: #35a489;
	color: #fff;
	font-weight: 600;
	line-height: 80px;
	text-align: center;
	text-transform: uppercase;
        font-size: 28px;
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-variant: normal;

}


.rounded-client-image {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	 border-radius: 20px;
	 height: 40px;
	 width: 40px;
}

.rounded-client-image-default {
	background: #35a489;
	color: #fff;
	font-weight: 600;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
        font-size: 14px;
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-variant: normal;
}

.rounded-group-image-default {
	background: #ffd3af;
	color: #fff;
	font-weight: 600;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;		
}

.rounded-noclient-image {
	background: #ccc;
	color: #fff;
	font-weight: 600;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;		
}

.new-dashboard-line .dashboard-started-image {
	float: left; 
	width: 160px; 
	height: 90px; 
	margin-right: 10px;
}

#maincontent .dashboard-box .new-dashboard-line .checkbox {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}

#maincontent .dashboard-box .new-dashboard-line .content {

	text-align: left;
	width: 100%;
}

.new-dashboard-line .news-left {
	cursor: pointer;
	padding-right: 50px;
}

.new-dashboard-line .news-left .news-title {
	font-size: 14px;
	color: #0d75b5;
	font-weight: 700;
	margin-bottom: 5px;
}

.new-dashboard-line .news-left .news-content {
	font-size: 12px;
	color: #333;	
}

.new-dashboard-line .news-right {
	position: absolute;
	right: 0px;
	top: 0px;
}

.new-dashboard-line .news-long-description {
	background: #fff;
	width: 700px;	
	display: none;
}

.new-dashboard-line .news-right .news-time {
	color: #ccc;
}

.handler-phone {
	display: none;
}

.dashboard-box .dashboard-box-content{
    max-height: 500px;
    margin-bottom: 5px;
    overflow: auto;
    background-color: #fff;
}

.dashboard-box .dashboard-box-inner-scroll{
	max-height: 500px;
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 5px;
}

.dashboard-bootcamp-wrapper {
	float: left;
	height: auto;
	min-height: 90px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100%;     
}

.dashboard-bootcamp-wrapper .eash-breasy-facebook-wrapper {
	clear: both;
	float: left;
	text-align: left;
	margin-top: 10px;
	line-height: 35px;
	width: 100%;
}

.dashboard-bootcamp-wrapper .eash-breasy-facebook-wrapper a {
	text-decoration: none;
	font-size: 12px;
	font-weight: 700; 
	color: #0d75b5;    
}

.dashboard-bootcamp-wrapper .eash-breasy-facebook-wrapper img {
	margin-bottom: -17px;
	margin-right: 2px;
}

.dashboard-myvainfo-wrapper{
	position: relative;
	text-align: center;
}

.dashboard-myvainfo-wrapper .cva-image{
	position: absolute;
	top: 0px;
	left: 20px;
	height: 80px;
	width: 80px;
}

.dashboard-myvainfo-wrapper .dashboard-myvainfo-info{
	line-height: 18px;
	text-align: left;
	margin-left: 120px;
}

.dashboard-myvainfo-wrapper .cva-portal-button{
	display: block;
	width: 300px; 
	text-align: center;
	margin: 30px auto 5px auto;
}

.dashboard-tues-wrapper {
	float: left;
	height: auto;
	min-height: 65px;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
	border-bottom: 0px !important;
	width: 100%;     
}

.dashboard-bootcamp-calendar {
	width: 70px; 
	height: 90px; 
	position: absolute; 
	left: 0px; 
	top: 0px;
} 

.dashboard-tues-calendar {
	width: 60px; 
	height: 60px; 
	border-bottom: 5px solid #ffa800;
	position: absolute; 
	left: 0px; 
	top: 0px;	
}

.dashboard-bootcamp-calendar .left-point, .dashboard-tues-calendar .left-point {
	left: 10px;
}

.dashboard-bootcamp-calendar .right-point, .dashboard-tues-calendar .right-point {
	right: 10px;
}

.dashboard-bootcamp-calendar .point, .dashboard-tues-calendar .point {
	position: absolute;  
	top: 0; 
	height: 5px; 
	width: 5px; 
	background: #fff;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.dashboard-bootcamp-calendar .date, .dashboard-tues-calendar .date {
	width:100%; 
	height: 60px; 
	background-color: #306d93; 
	text-align: center;
	color: #fff;
}

.dashboard-bootcamp-calendar .date .day, .dashboard-tues-calendar .date .day {
	float: left; 
	width: 100%;  
	font-size: 22px; 
	margin-top: 5px; 
	font-weight: 700; 
	line-height: 24px;
} 

.dashboard-bootcamp-calendar .date .month, .dashboard-tues-calendar .date .month {
	width: 100%;  
	font-size: 16px; 
	font-weight: 600; 
	text-transform: uppercase; 
	line-height: 20px;
}

.dashboard-bootcamp-calendar .time {
	background: #ffa800; 
	color: #fff; 
	width: 100%; 
	height: 30px; 
	line-height: 30px; 
	font-size: 12px; 
	text-align: center;
	font-weight: 600;
}

.dashboard-bootcamp-middle {
	float: left; 
	padding-right: 60px; 
	padding-left: 80px; 	
}

.dashboard-tues-middle {
	float: left; 
	padding-right: 60px; 
	padding-left: 70px; 
	text-align: center;
}

.dashboard-bootcamp-middle .bootcamp-title, .dashboard-tues-middle .bootcamp-title {
	font-size: 20px; 
	font-weight: 700; 
	text-align: left;
} 

.dashboard-bootcamp-middle .bootcamp-description {
	margin-bottom: 5px; 
	text-align: left;
} 

.dashboard-bootcamp-wrapper .bootcamp-button {
	width: 300px; 
	margin-top: 20px; 
	text-align: center;
}

.dashboard-bootcamp-image {
	position: absolute; 
	top: 10px; 
	right: 10px; 
}

h3 {
	position: relative;
}

.open-box, .close-box{
    position: absolute;
    width: 12px;
    height: 8px;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.pointer-style {
	cursor: pointer;
}

.open-box{
    background: url(../images/dashboard-close.jpg) no-repeat left center;
}
.close-box{
    background: url(../images/dashboard-open.jpg) no-repeat left center;
}

.dashboard-padded-content{
    padding: 0 10px;
}

.dashboard-box-content .blue-emphasis{
    font-weight: 600;
    color: #0d75b5;
    font-size: 1.2em;
    clear: both;
}

.dashboard-box-content .simple-text{
    font-weight: 600;
    color: #60605e;
}

.dashboard-box-content .simple-text-large{
	font-weight: 600;
	color: #60605e;
	font-size: 14px;
}

.dashboard-box-content .simple-text-large a{
	color: #E0791D;
	text-decoration: none;
}

.dashboard-box-content .simple-text a{
    color: #E0791D;
    text-decoration: none;
}

.dashboard-box-content .simple-separator{
    clear: both;
    width: 100%;
    border-top: 1px solid #f2f2f2;
    margin: 10px 0;
    font-size: 1px;
    height: 1px;
}

.dashboard-box-content .simple-row{
    font-size: 1.1em;
    font-weight: 600;
}

.dashboard-tabs {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.dashboard-tabs li{
    float: left;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #fff;
    cursor: pointer;
}

.dashboard-tabs li.active-dashboard-tab{
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

table.gray-headers thead th{
    background-color: #f2f2f2;
}

td.strike{
    text-decoration: line-through;
    color: #ccc;
}

.dashboard-tabs li .number{
    font-size: 1.5em;
    font-weight: 800;
    clear: both;
}

.dashboard-tabs li.active-dashboard-tab .number{
    color: #f00;
}

.dashboard-tab-box{
    display:none;
}

.dashboard-top-links{
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
}

.dashboard-top-links li{
    float: left;
    padding: 0 10px;
    color: #0d75b5;
}

a.dashboard-top-link{
    color: #0d75b5;
}

.blue-header{
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 30px;
    border:0;
    background-color: #0d74b6;
    font-size: 1.0em;
    font-weight: 600;
    margin-bottom: 10px;
}

#maincontent .dashboard-box .blue-header {
	float: left;	
}

.timestamp-blue{
    color: #0d75b5;
}

.simple-text-yellow{
    color: #E0791D;
}

a.tutorials{
    color: #0d75b5;
    font-size: 1.2em;
    display: block;
    padding: 10px 0 10px 30px;
    text-decoration: none;
}
.configure{
    background: url(../images/dashboard-configure.jpg) no-repeat left center;
}
.code{
    background: url(../images/dashboard-code.jpg) no-repeat left center;
}
.import{
    background: url(../images/dashboard-import.jpg) no-repeat left center;
}
.invoice{
    background: url(../images/dashboard-invoice.jpg) no-repeat left center;
}


/** AUTOSAVE **/
.autosaveBubble{
    font-size: 0.9em;
    font-weight: 600;
    color: #000;
    display:inline;
    text-align: left;
}

.autosaveBubble .autosaveBubble-success{
    border: 1px solid #2a9d14;
    border-radius: 3px;
    background-color: #b0e6a5;
    padding: 8px;
}

.icon-small-client{
	padding-left: 16px;
	/*background: url(../images/spritelong.png) no-repeat -174px -805px;*/
}
.icon-small-email{
	padding-left: 16px;
	/*background: url(../images/spritelong.png) no-repeat -174px -805px;*/
}
.icon-small-settings{
	padding-left: 16px;
	/*background: url(../images/spritelong.png) no-repeat -174px -805px;*/
}
.icon-small-autoresponders{
	padding-left: 16px;
	/*background: url(../images/spritelong.png) no-repeat -174px -805px;*/
}
.icon-small-scheduled{
	padding-left: 16px;
	/*background: url(../images/spritelong.png) no-repeat -174px -805px;*/
}
.icon-small-sent{
	padding-left: 16px;
	/*background: url(../images/spritelong.png) no-repeat -174px -805px;*/
}
.icon-small-addgroup{
	padding-left: 16px;
	/*background: url(../images/spritelong.png) no-repeat -174px -805px;*/
}
.icon-small-grouplist{
	padding-left: 16px;
	/*background: url(../images/spritelong.png) no-repeat -174px -805px;*/
}
.icon-small-photo{
	padding-left: 16px;
	/*background: url(../images/spritelong.png) no-repeat -174px -805px;*/
}
.icon-small-nltemplates{
	padding-left: 16px;
	/*background: url(../images/spritelong.png) no-repeat -174px -805px;*/
}
.icon-small-category{
	padding-left: 16px;
	/*background: url(../images/spritelong.png) no-repeat -174px -805px;*/
}

.client-menu-top{
	width: 100%;
	border-bottom: 1px solid #e4e3df;
	margin-top: 20px;
	min-height: 30px;
	position: relative;
}

.client-menu-top:after{
	display: block;
	height: 0;
	clear: both;
	content:'';
}

.client-menu-top ul{
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	bottom: -1px;
	list-style-type: none;
}

.client-menu-top ul:after {
	display: block;
	height: 0;
	clear: both;
	content:'';
}

.client-menu-top.no-clear ul:after{
	content: none;
}

.client-menu-top ul li{
	float: left;
	padding: 5px 10px 5px 10px;
	margin: 0 -15px 0 15px;
	border: 1px solid #efeeeb;
}

.client-menu-top ul li:first-child{
	margin-left: 15px;
}

.client-menu-top ul li:last-child{
	margin-right: 0;
}

.client-menu-top li.active-menu{
	border: 1px solid #2b7ab4;
	background-color: #efeeeb;
    background: #f1e767; /* Old browsers */
    background: -moz-linear-gradient(top,  #50a1db 0%, #2b7ab4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#50a1db), color-stop(100%,#2b7ab4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #50a1db 0%,#2b7ab4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #50a1db 0%,#2b7ab4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #50a1db 0%,#2b7ab4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #50a1db 0%,#2b7ab4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50a1db', endColorstr='#2b7ab4',GradientType=0 ); /* IE6-9 */
}

.active-menu a b,
.client-menu-top b{
	font-weight: 400;
	color: #fff;
	float: left;
	background-color: #0d75b5;
	min-width: 15px;
	height: 15px;
	text-align: center;
	font-size: 0.8em;
	line-height: 15px;
	margin-right: 3px;
	border: 1px solid #0d75b5;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	outline: 0;
	-webkit-appearance: none;
}

.client-menu-top b{
	background-color: #696969;
	border-color: #696969;
}

.client-menu-top ul li a{
	font-weight: 600;
	color: #696969;
	background: none;
	text-decoration: none;
}

.client-menu-top .active-menu a{
	color: #fff;
}

.client-menu-top .options-small{
	line-height: 30px;
}

.info-icon{
	background: url(../images/spritelong.png) no-repeat -178px -809px;
	padding-left: 80px;
}

/** CLIENT STATUS **/
.status{
	float: right;
	width: 290px;
}

.client-status{
	background: url(../images/slider-status.png) no-repeat 5px 5px;
	width: 288px;
	height: 33px;
}

.client-status ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.client-status ul li{
	width: 25px;
	margin: 0 35px 0 0;
	float: left;
	font-size: 0.8em;
	padding: 27px 0 0 0;
}
.client-status ul li a{
	text-decoration: none;
	color: #60605E;
	
}
.client-status ul li:last-child{
	margin: 0 0 0 5px;
}
.selected-status{
	background: url(../images/spritelong.png) no-repeat -174px -157px;
	color: #e0791d;
}
.client-status ul li.selected-status a{
	color: #e0791d;
}

/** CLIENT IMAGE **/
.client-image{
	width: 50%;
	float: left;
	min-height: 105px;
}
.client-image-holder{
	width: 100px;
	height: 100px;
	border-radius: 50px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;

	margin-right: 10px;
	float: left;
}

.client-image-holder img {
}

.client-upload-image span{
	font-size: 0.8em;
}
.label{
    font-weight: 600;
    color: #000;
}
.label-grey{
    font-weight: 400;
    color: #ccc;
    
}
.width-10{
    width: 10%;
    float: left;
}
.width-30{
    width: 30%;
    float: left;
}

.width-40{
	width: 40%;
	float: left;
}

.width-50{
    width: 50%;
    float: left;
}
.width-60{
    width: 60%;
    float: left;
}
.width-100{
    width: 100%;
    clear: both;
    padding: 20px 0 0 0;
}
/** RIGHT SIDE **/
	
/** Since we are using em's, we need a way to set the same height for the top padding on the right content as the h1. **/
	
#rightcolumn h2{
	font-size: 1.7em;
	font-weight: 600;
	padding: 30px;
	background-color: none;
	border-bottom: 1px solid #f4f1ec;
	margin: 0;
}

#rightcolumn .infobox{
	width: 200px;
	border: 1px solid #e4e3df;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #e3e3e3;
	-webkit-box-shadow: 0px 1px 0px #e3e3e3;
	box-shadow: 0px 1px 0px #e3e3e3;
	outline: 0;
	-webkit-appearance: none;
	background-color: #fff;
    background: #f1e767; /* Old browsers */
    background: -moz-linear-gradient(top,  #fbe4c9 0%, #fbf3e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbe4c9), color-stop(100%,#fbf3e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fbe4c9 0%,#fbf3e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fbe4c9 0%,#fbf3e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fbe4c9 0%,#fbf3e4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fbe4c9 0%,#fbf3e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e3df', endColorstr='#fbf3e4',GradientType=0 ); /* IE6-9 */
}

.nth{
	margin-top: 12px;
}

#rightcolumn  .innercontent{
	margin: 15px;
}

#rightcolumn  h3{
	background: url(../images/spritelong.png) no-repeat -176px -770px;
	font-size: 1em;
	font-weight: 600;
	padding: 0px 0 12px 15px;
	margin: 0;
	border-bottom: 1px solid #e3e3e3;
}

#rightcolumn  a{
	color: #e1781d;
}
#rightcolumn  a:hover{
    color: #ffa200;
}
#rightcolumn  a.square-orange-inverted{
    color: #fff;
    font-size: 0.9em;
    padding: 5px;
}

.spacer{
    float:right;
    width: 5px;
}

#rightcolumn  p{
	padding: 12px 0 0 0;
	font-weight: 600;
}

#rightcolumn  h4{
	font-size: 1em;
	color: #8d8b90;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}
#rightcolumn  h4 span{
	color: #333;
}
#rightcolumn  .big{
	font-size: 1.1em;
	font-weight: 800;
	padding: 0 0 12px 0;
	margin: 0;
}
#rightcolumn .yellow-bg{
	background: #ffffd8;
}
.align-right{
	width: 100%;
	text-align: right;
}
.align-left{
	text-align: left;
}

.top-selector{
    background-color: #efeeeb;
    width: 100%;
    border: 1px solid #efeeeb;
    border-radius: 5px 0 5px 0;
}
.gray-background{
	background-color: #efeeeb; 
	width: 100%; 
	height: auto; 
	overflow: hidden;
}
.checkbox-selector{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.checkbox-selector li{
    float: left;
    margin-right: 20px;
}
.checkbox-selector li a{
    padding: 10px 25px 10px 10px;
    background: #fff url(../images/spritelong.png) no-repeat right -945px;
    border: 1px solid #e4e3df;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 1px 0px #e3e3e3;
    -webkit-box-shadow: 0px 1px 0px #e3e3e3;
    box-shadow: 0px 1px 0px #e3e3e3;
    font-size: 1em;
    outline: 0;
    display: block;
    font-weight: 800;
    text-decoration: none;
    color: #000;
}
.checkbox-selector li ul{
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border: 1px solid #e4e3df;
    border-top: 0px;
    border-radius: 5px;
    max-height: 150px;
    overflow: auto;
    display:none;
}
.contact-types ul, .contact-filter ul, li.contact-types, li.contact-filter{
	z-index: 1;
    width: 300px;
}

li.contact-label {
    margin-top: 8px;
}

.contact-groups ul, li.contact-groups {
	z-index: 1;
    width: 300px;
}
.checkbox-selector li ul li{
    border-bottom: 1px solid #e4e3df;
    margin: 0;
    font-weight: 800;
    text-decoration: none;
    width: 100%;
}
.checkbox-selector li ul li p{
    padding: 10px;
    margin: 0;
    color: #000;
}

/** CALENDAR **/

#calendar_widget{
    width: 205px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}

.calendar_component.small #calendar_widget{
	max-height: 110px;
	transition: max-height 0.5s;
}

.calendar_component.small #calendar_widget:hover{
	max-height: 300px;
}

#calendar_widget .header_top{
    text-align: center;
    margin: 0 auto;
    padding-top: 30px;
    width: 130px;
    margin: 0 auto;
}

#calendar_widget .header_top .left-nav{
    background: url(../images/spritelong.png) no-repeat -180px -553px;
    width: 10px;
    height: 20px;
    float: left;
}

#calendar_widget .header_top .right-nav{
    background: url(../images/spritelong.png) no-repeat -180px -631px;
    width: 10px;
    height: 20px;
    float: left;
}

#calendar_widget .header_top .month-year{
    width: 110px;
    height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333332;
    float: left;
    text-align: center;
    font-size: 0.9em;
}

#calendar_widget .days-grid{
    width: 100%;
    font-size: 0.9em;
    color: #333332;
    text-align: center;
    font-weight: bold;
}

#calendar_widget .days-grid th{
    font-size: 0.85em;
    color: #aba9a5;
}

#calendar_widget .days-grid tr{
    height: 30px;
}

#calendar_widget .days-grid td{
    width: 30px;
    background-color: transparent;
    transition: background-color 1s;
}

#calendar_widget .days-grid .selected-week{
    border: 2px solid #aba9a5;
}

#calendar_widget .days-grid .current-day{
    background: url(../images/current-day.png) no-repeat top left;
}

#calendar_widget .days-grid .highlight{
    background-color: #ccc;
}

#calendar_widget .days-grid td:last-child{
    text-align: center;
}

/** FORM ELEMENTS **/
input.input, textarea.input, select.input, .square-orange, .square-orange-inverted, ul.options-drop-down li.context-drop-down div.options-drop-down, ul.options-drop-down1 li.context-drop-down1 div.options-drop-down1{
	border: 1px solid #e4e3df;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 1px 0px #e3e3e3;
	-webkit-box-shadow: 0px 1px 0px #e3e3e3;
	box-shadow: 0px 1px 0px #e3e3e3;
	font-size: 1em;
	outline: 0;
	padding: 10px;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance: none;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
}
a.square-orange-inverted{
    color: #fff;
}
textarea{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	
}
input.error-field,  textarea.error-field, select.error-field{
	border: 1px solid #f97d7d;
	background-color: #fff1f1;
}

input.correct-field, textarea.correct-field, select.correct-field{
	border-color: #b2db90;
}

.square-orange-inverted{
	border-color: #e37c1f;
}

select::-ms-expand {
	display: none;
}

select.input{
	background: #fff url(../images/spritelong.png) no-repeat right -945px;
	text-indent: 0.01px;
 	text-overflow: "";
 	padding-right: 15px;
}

select.input:focus{
	background: #fff url(../images/spritelong.png) no-repeat right -985px;
}
select option{
	font-size: 1em;
	font-weight: 600;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select.input {padding-right:20px}
}

label {position:relative}
label:after {
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:30px; height:25px;
    background:#fff url(../images/spritelong.png) no-repeat right -955px;
    position:absolute;
    pointer-events:none;
    display:block;
}
*/
.icon-calendar-input{
	background: #fff url(../images/spritelong.png) no-repeat right -870px;
}
.icon-calendar-input:hover, .icon-calendar-input:focus{
	background: #fff url(../images/spritelong.png) no-repeat right -909px;
}

input.input_60, textarea.input_60{
	width: 60%;	
}

input.input_70{
	width: 70%;	
}

input.input_40{
	width: 40%;	
}
.textarea_full{
}

input.input_90, textarea.input_90, select.input_90{
	width: 90%;	
}

input.input_100, textarea.input_100, select.input_100 {
	width: 100%;	
}

input.block-display{
	width:100%;
	display:block;
}

.textarea_full{
	height:400px;
}

textarea.input_90{
	height: 150px;
}

input.input:focus, textarea.input:focus{
	background-color: #fffec2;
	border-color: #cfcfcf;
}

input.input:hover, textarea.input:hover, select.input:hover {
	border-color: #cfcfcf;
}

label.for-select{
	
}

.email-client,
.merge-client{
	text-decoration: underline !important;
	font-size: 1em;	
    padding-bottom: 2px;
	border: 0;
	color: #0d75b5 !important;
	font-weight: 400;
    cursor:pointer;
}
.email-client:hover,
.merge-client:hover{
    color: #3D91C4 !important;
}

.merge-client{
	padding-left: 22px;
	padding-left: 20px;
	background: url(../images/spritelong.png) no-repeat -175px -1203px
}

.email-client:focus{
    padding-top: 2px;
    padding-bottom: 0;
}

.login-client{
	text-decoration: underline !important;
	font-size: 1em;
	padding-bottom: 2px;
    padding-right: 6px;
	border: 0;
	color: #e0791d;
	font-weight: 400;
    cursor:pointer;
}
.login-client:hover{
    color: #ffa200;
}

.login-client:focus{
    padding-top: 2px;
    padding-bottom: 0;
}
.spam-client{
	text-decoration: underline;
	font-size: 1em;
	padding-left: 16px;
    padding-bottom: 2px;
	background: url(../images/spritelong.png) no-repeat -175px -1503px;
	border: 0;
	color: #f00;
	font-weight: 400;
    cursor:pointer;
}
.spam-client:hover{
    color: #FF2801;
}

.spam-client:focus{
    padding-top: 2px;
    padding-bottom: 0;
}

.delete{
	color: #60605e;
	font-weight: 400;
	border: 0;
	padding-left: 16px;
    padding-bottom: 2px;
	text-decoration: underline;
	font-size: 1em;
	background: url(../images/spritelong.png) no-repeat -180px -733px;
    cursor:pointer;
}

.delete:hover{
    opacity:0.5;
}

.delete:focus{
    padding-top:2px;
    padding-bottom: 0;
}

.return{
    color: #60605e;
    font-weight: 400;
    border: 0;
    padding-left: 16px;
    padding-bottom: 2px;
    text-decoration: underline;
    font-size: 1em;
    background: url(../images/spritelong.png) no-repeat -175px -1925px;
    cursor:pointer;
}

.return:hover{
    opacity:0.5;
}

.return:focus{
    padding-bottom: 0;
}

.square-orange,
.square-orange-inverted{
	color: #e0791d;
	text-transform: uppercase;
	padding: 10px 7px;
	font-weight: 700;
	font-size: 1em;
    cursor: pointer;
    line-height: normal;
}

.square-orange-inverted{
	color: #fff;
}

.square-orange:hover{
	background: #fff;
}

.square-orange-inverted:hover{
	background: #ffa200;
}

.square-orange:focus,
.square-orange-inverted:focus{
    padding-top: 11px;
    padding-bottom: 9px;
}

.red-button {
	background: #ff0000 !important;
	border: 1px solid #FE3501;
}

.red-button:hover,
.red-button:focus {
	background: #ff4d4d !important;
}

.delete-orange{
	color: #e0791d;
	border: 0;
	text-decoration: underline;
	font-weight: 400;
	font-size: 1em;
	background: none;
        cursor: pointer;
}
.delete-orange:hover{
    color: #ffa811;
}
.delete-orange:focus{
    padding-top: 2px;
}

.gradient-gray, .square-orange, #floating-help .square-orange, ul.options-drop-down li.context-drop-down, ul.options-drop-down1 li.context-drop-down1{
	background: -webkit-linear-gradient(#ffffff, #f1f1f1); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffffff, #f1f1f1); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffffff, #f1f1f1); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffffff, #f1f1f1); /* Standard syntax */
}
.square-orange-inverted{
	background: -webkit-linear-gradient(#fea201, #e07823); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fea201, #e07823); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fea201, #e07823); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fea201, #e07823); /* Standard syntax */
}

/* Help dlg items */
.square-orange-livehelp {
	border: 1px solid #e4e3df;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 1px 0px #e3e3e3;
	-webkit-box-shadow: 0px 1px 0px #e3e3e3;
	box-shadow: 0px 1px 0px #e3e3e3;
	font-size: 1em;
	outline: 0;
	padding: 10px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance: none;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;

	color: #e0791d;
	text-transform: uppercase;
	padding: 5px;
	padding-left: 20px;
	margin-top: 8px;
	font-weight: 700;
	font-size: 1em;
	cursor: pointer;
	line-height: normal;
	background: url(../images/green_dot.png) no-repeat -12px -10px, linear-gradient(#ffffff, #f1f1f1);
	display: none;
}

.square-orange-livehelp:hover{
	background: url(../images/green_dot.png) no-repeat -12px -10px, #fff;
}

#search-help {
	padding-top: 20px;
	padding-bottom: 5px;
	background-color: #efeeea;
	text-align: left;
}

.help-dlg-row {
	padding: 10px;
}

.help-dlg-search {
	width: 85%; max-width: 590px; min-width: 140px;
}

#floating-help {
	position: fixed;
	bottom: 30px;
	right: 50px;
}

.floating-icon {
	width: 82px;
	height: 41px;
	display: inline-block;
	text-decoration: none;
	overflow: hidden;
}
.video-container-help{
    padding: 10px 20px 20px 20px;
    clear:both;
    max-height: 590px;
	min-height: 590px;
    overflow: auto;
}

.video-container-box{
    width: 50%;
	height: 120px;
    float: left;
    /*margin-bottom: 20px;*/
    cursor: pointer;
}

.video-container-box a {
	color: #ccc;;
	text-decoration: none;
	font-weight: 400;
}

.videolink {
	visibility: hidden;
}

.video-container-box:hover .videolink{
	visibility: visible;
}
.load-more-videos{
    display: block;
    text-align: center;
    color: #0d75b5;
    text-decoration: none;
    font-weight: 600;
}

.video-container-box .preview{
    float: left;
    margin-right: 20px;
	width: 100px;
	height: 81px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.video-container-box .details{
    padding-right: 10px;
}

.video-container-box h5{
    font-size: 14px;
    font-weight: 800;
    color: #0d75b5;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

.video-container-box p{
    text-overflow: hidden;
    margin: 0;
    padding: 5px 0 0 0;
}

/**
 * 	options drop-downs
**/

ul.options-drop-down, ul.options-drop-down1{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.options-drop-down li.context-drop-down, ul.options-drop-down1 li.context-drop-down1{
	width: 40px;
	height: 25px;
	padding: 0;
	border: 1px solid #ccc;
	display: block;
}

/** Ana: icon-settings class can be deleted, we changed it everyweherei with font awesome om TCC-3535 **/
.icon-settings{
	background: url(../images/spritelong.png) no-repeat -173px -315px;
	float: left;
	width: 23px;
	height: 23px;
}

.icon-tooltip {
    background: url(../images/spritelong.png) no-repeat -173px -315px;
    padding-right: 10px;
    float: left;
    width: 23px;
    height: 23px;
    cursor: pointer;
    margin-top: -4px;
    margin-left: -5px;
}

ul.options-drop-down li.context-drop-down a.context-drop-down-a, ul.options-drop-down1 li.context-drop-down1 a.context-drop-down-a1{
	display: block;
	text-decoration: none;
	background: url(../images/spritelong.png) no-repeat right -952px;
	width: 100%; /*40px*/
	height: 100%; /*20px*/
}

ul.options-drop-down1 li ul{
	list-style-type: none;
	position: relative;
	width: 100px;
	display: none;
	z-index: 100;
        left: -100px;
}
.show {display:block;}
ul.options-drop-down li ul{
	list-style-type: none;
	position: relative; left: -100px;
	width: 100px;
	top: 5px;
	display: none;
	z-index: 100;
}
ul.options-drop-down li ul li, ul.options-drop-down1 li ul li{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-transform: uppercase;
	padding: 0px;
	width: 100%;
	background-color: #fff;
}

ul.options-drop-down li ul li:last-child, ul.options-drop-down1 li ul li:last-child{
	border-bottom: 1px solid #ccc;
}

ul.options-drop-down li.context-drop-down ul li a, #actions-ul-list a, ul.options-drop-down1 li.context-drop-down1 ul li a {
	color: #E07823;
	text-decoration: none;
	background: #fff;
	display: block;
	padding: 5px 10px 5px 0;
        text-align: right;
        font-weight: 600;
}
ul.options-drop-down li ul li a:hover, #actions-ul-list a:hover, ul.options-drop-down1 li ul li a:hover{
	background-color: #ffffd8;
}

.file-desc-text{
    overflow: hidden;
    text-overflow: ellipsis;
    width:100%;
    padding:0;
    margin:0;
    width:100%;
    white-space: nowrap;
    color: #E07823;
}

.file-desc{
	background: url(../images/file-general.png) no-repeat left center;
    color: 8b8b8b;
    height: 14px;
    padding-left: 25px;
    word-break: break-all;
}
.accdb, .mdb{
	background: url(../images/file-accdb.png) no-repeat left center;
}
.jpeg, .jpg{
    background: url(../images/file-jpg.png) no-repeat left center;
}
.gif{
	background: url(../images/file-gif.png) no-repeat left center;
}
.doc, .docx{
    background: url(../images/file-doc.png) no-repeat left center;
}
.xls, .xlsx{
    background: url(../images/file-xlsx.png) no-repeat left center;
}
.csv{
	background: url(../images/file-csv.png) no-repeat left center;	
}
.xml{
    background: url(../images/file-xml.png) no-repeat left center;
}
.avi, .mpg, .mpeg, .mp4{
    background: url(../images/file-avi.png) no-repeat left center;
}
.flv {
	background: url(../images/file-flv.png) no-repeat left center;	
}
.mov {
	background: url(../images/file-mov.png) no-repeat left center;	
}
.mp3{
    background: url(../images/file-mp3.png) no-repeat left center;
}
.pdf{
    background: url(../images/file-pdf.png) no-repeat left center;
}
.png{
    background: url(../images/file-png.png) no-repeat left center;
}
.ppt, .pptx{
    background: url(../images/file-ppt.png) no-repeat left center;
}
.txt{
    background: url(../images/file-txt.png) no-repeat left center;
}
.zip{
    background: url(../images/file-zip.png) no-repeat left center;
}
.wmf, .wma{
	background: url(../images/file-wmf.png) no-repeat left center;	
}
/** TABLE GRID **/
.grid{
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 1em;
	
}
.grid_50{
	width: 50%;
}

.grid_30{
    width: 30%;
    margin: 0px;
}

.grid a{
	color: #E0791D;
}
.grid a:hover{
	color: #ffbb44;
}

td.td-number, th.td-number{
}

td.td-label, td.td-label-left{
	text-align: right;
	width: 100px;
	padding-right: 5px;
	font-weight: 600;
	color: #333230;
}
td.td-label-left{
	text-align: left;
}
td.td-input{
	text-align: left;	
}

td.td_checkbox{
	width: 20px;
}

td.td-text-50{
	width: 50%;
	text-align: left;
}
td.td-75{
	width: 75px;
	min-width: 75px;
}
td.strech{
	width: 100%;
}
.th-header{
	font-weight: 600;
	color: #333230;
	text-align: left;	
}
table{
    border-collapse: collapse;
}
.grid-listing tbody tr:hover{
    background-color: #f4f1ec;
}
.grid td:not(.td-label), .grid-listing td:not(.td-label){
    padding: 10px 0 10px 0;
}
.grid-listing td, .grid-listing th{
    border-bottom: 1px solid #efeeeb;
}
.grid-listing tr td:first-child:not(.selectable_container), .grid-listing tr th:first-child{
    padding-left: 10px;
}

td.handler-padding {
	width: 20px !important;
	background-position: 12px 15px !important;
}

td.handler-categories {
	min-width: 28px; 
	padding-right: 10px !important; 
	background-position: 10px 20px !important;
}

td.handler, .handler{
    background:url(../images/drag_handler.png) no-repeat center left;
    width: 10px;
    max-width:10px;
    cursor: ns-resize;
}
.main-menu-item .options-drop-down, h4 .options-drop-down{
    float: right;
    margin-left: 5px;
}
.main-menu-item .handler, .documents_block .handler,  .forms-block .handler, h4 .handler, h3 .handler{
    float: left;
    width: 14px;
    max-width: 14px;
}

 h3 .handler{
 	width: 8px;
 	margin-right: 10px;
 }

.documents_block h4, .forms-block h4 {
	color: #333;
	font-weight: bold;
	font-size: 1em;
}

.menus h4{
    padding: 5px 0px 5px 15px;
    height: 30px;
    line-height: 30px;
}
.submenu-block{
    margin: 0;
    padding: 0;
    width: 100%;
}
.menu-block .main-menu-item{
    height: 30px;

    background: none;
    width:100%;

    color: #000;
    padding: 11px 0 9px 0;
    font-weight: 1.1em;
    line-height: 30px;
    
}

.menu-block {
	border-bottom: 1px solid #efeeeb;
	float: left;
	width: 100%;
	height: auto;
}

.main-menu-item:hover, .menus h4:hover{
    background-color: #f4f1ec;
}
td.mainh{
    background:url(../images/drag_handler.png) no-repeat left 5px;
}
td.arrows-select{
    text-align: center;
}
td.selectable_container{
    width: 45%;
    text-align: center;
}

tr.draggable{
    border-top: 1px solid #ccc;
    background-color: #fff;
}

.selectable{
    width: 99%;
    height: 300px;
    border: 1px solid #cecece;
    border-radius: 5px;
    margin: 0 auto;
}

.scroller{
    width: 100%;
    height: 270px;
    overflow: auto;
}
.scroller .item{
    border-bottom: 1px solid #eee;
    text-align: left;
    padding: 10px;
    width: auto;
    
}
.scroller p{
    text-align: center;
    font-style: italic;
    clear:both;
}
.scroller .ui-selecting { background: #FECA40; }
.scroller .ui-selected { background: #F39814; color: white; }
.bold{
	font-weight: 600;
	color: #333230;
}
.bold-big{
	font-weight: 600;
	color: #333230;
	font-size: 1.2em;
}

tr td:last-child{
	text-align: right;
}

.grid_50 tr td:last-child{
	text-align:left;
}
.grid_normal tr td:last-child{
	text-align:left;
}

.grid_30 tr td:last-child{
    text-align:center;
}

.grid_30 td {
    cursor: pointer;
    text-align:center;
}

.grid_30 .td-selected {
    border: #e07822 2px solid;
    color:#e07822;
}

.grid .hidden-row{
	display:none;
}
	
/** TABLE GRID LISTING **/
.grid-listing{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: 600;
	color: #333;
}
.grid-listing th{
	text-align: left;
	color: #8b8b8b;
	font-weight: 600;
}
.grid-listing th.center{
    text-align: center;
}
.grid-listing .big{
	font-size: 1.2em;
}
.grid-listing .orange-text, .orange-text{
	color: #E07823;
}
.grey-text{
	color: #777;
    font-weight: 600;
    text-decoration: none;
}
.orange-text{
    font-weight: 600;
    text-decoration: none;
}
.orange-text:hover{
    color: #ffbb44;
}
.blue-text{
	color: #3073a0;
	text-decoration: none;
	font-weight: 600;
}
.grid-listing .options-small{
	float: none;
	text-align: right;
	width: 42px;
}
.createMenuItem{
    display:none;
}
.grid-div{
    width: 300px;
    float: left;
    min-height: 40px;
    font-weight: 600;
    color: #000;
}
.grid-div .checkbox{
    width: 20px;
    float: left;
}
.grid-div .label{
    width: 276px;
    float: left;
}

.grid-div-group{
    width: 50%;
    float: left;
    min-height: 40px;
    font-weight: 600;
    color: #000;
}
.grid-div-group .checkbox{
    width: 20px;
    float: left;
}
.grid-div-group .label{
    width: 90%;
    float: left;
}

.category-name{
    text-align: left;
}

/** CONTEXTUAL ADD MENU **/
#contextual-menu, #contextual-menu-account{
    position: absolute;
    width: 160px;
    padding-left: 9px;
    background: url(../images/arrow-menu.png) no-repeat left center;
    bottom: 0;
    left: 60px;
    visibility: hidden;
    z-index: 10001;
}

#contextual-menu{
	background-position: left 42px;
}

#contextual-menu-account{
	background-position: left 325px;
}

.contextual-menu1{
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    padding: 5px;
    background-color: #fff;
}

.contextual-menu1 a{
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #e3e3e3;
    text-transform: uppercase;
    text-decoration: none;
    color: #E07823;
    font-weight: 600;
}
.contextual-menu1 a:last-child{
    border: 0;
}

/** DECLARED OUTSIDE RULES WITH DEFAULTS. We  don't like surprises **/

#low-res{
	position: fixed;
	display:none;
	width:100%;
	height: 35px;
	top: 0;
	left: 0;
	background: #00799f url(../images/reverse_slider.jpg) no-repeat -1800px bottom;
	z-index: 9996;
}

#small-menu-icon{
	display:none;
	position: absolute;
	right: -35px;
	top: 0px;
}

#small-menu-icon a{
	display: block;
	width: 35px;
	height: 30px;
	text-align: center;
	background: #00799f;
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	position: relative;
}

#small-menu-icon a span.lines{
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -6px;
}

#small-menu-icon a span.lines span{
	display: block;
    width: 70%;
    height: 2px;
    margin: auto;
    margin-bottom: 3px;
    background: #fff;
}

/** tablet/mobile . Un-comment on testing, comment the rules below this 
@media only screen 
and (min-device-width : 768px)  
and (max-device-width : 1024px)  { 
**/

td.required{
    color: #f00;
}

.time-tracker{
	width: 200px;
	padding-bottom: 30px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	outline: 0;
	-webkit-appearance: none;
	background-color: #fff;
	z-index: 9999;
	position: absolute;
	bottom: 65px;
	right: 10px;
	display:block;
    height: 20px;
    display: none;
}
.time-tracker .timer-text, .time-tracker .timer-actions{
    width: 50%;
    float: left;
    padding: 3px 0;
}
.time-tracker .square-orange-inverted, .time-tracker .input{
    font-size: 0.8em;
    padding: 5px;
    float: left;
    margin-right: 2px;
    
}
.time-tracker .timer-actions{
    padding-top: 9px;
}
.time-tracker .time-display{
    font-weight: 600;
    font-size: 1.5em;
    color: #000;
    width: 90%;
    margin: 0 auto;
    padding-left: 3px;
}
.time-tracker .time-display span{
    font-size: 0.5em;
}

.track-bar{
    width:100%;
    clear: both;
    height: 2px;
    /*border-bottom: 1px solid #ccc;*/
}
.track-bar-fill{
    font-size: 1px;
    width: 0%;
    height: 2px;
    background-color: #11ae6e;
}

.set-duration-div{
    width: 100%;
    display: none;
}
.set-duration-div .input{
    width: 80px;
    font-size: 1em;
}
.set-duration-div .square-orange-inverted{
    width: 35px;
}

.iphone-listing{
    display:none;
    padding-bottom: 50px;
    margin-top: 60px;
}

.options-small{
    float: right;
}

.options-small a{
    color: #E07823;
    font-weight: 600;
    text-decoration: underline;
}

.report_list{
	border-bottom: 1px solid #efeeeb;
	padding: 5px 0;
	display: inline-block;
}

.report_list.first-child{
	padding-top: 0;
}

.report_list.last-child{
	border-bottom: none;
	padding-bottom: 0;
}

.clients-report-table td:last-child {
	text-align: left;
}

.products-report-table {
	margin-bottom: 20px;
}

.products-report-table td:last-child {
	text-align: left;
}

.clear-me{
	clear: both;
	height: 0;
}

.hide-overflow-text{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.overflow-hidden{
	overflow: hidden!important;
}

.responsive-holder{
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}

.responsive-inner{
	min-width: 768px;
}

.responsive-inner-big{
	min-width: 1024px;
}

#maincontent > .header:after,
.clear-float-inner:after {
	display: block;
	height: 0;
	clear: both;
	content:'';
}

.nextmenulist{
	position: absolute;
	top: 0;
	left: 83px;
	width:0;
	height:100%;
	overflow: hidden;
	transition: width 0.5s;
	-webkit-transition: width 0.5s;
	-moz-transition: width 0.5s;
	-ms-transition: width 0.5s;
	-o-transition: width 0.5s;
}

#leftcolumn.opened .nextmenulist{
	width:212px;
}

.nextmenulist .menuitem{
	position:absolute;
	top:0px;
	right:0px;
	background-color: #f2f2f2;
	width:211px;
	height:100%;
	border-right: 1px solid #e4e3df;
	z-index: 10;
}

.nextmenulist .menuitem.active{
	z-index: 20;
}

.nextmenulist .menuitem ul{
	list-style-type: none;
	max-height: 772px;
	overflow: auto;
	display: block;
	margin: 0;
	padding:40px 15px 10px 20px;
	opacity:0;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-ms-transition: opacity 1s;
	-o-transition: opacity 1s;
}

.nextmenulist .menuitem.active ul{
	opacity:1;
}

.nextmenulist .menuitem ul li{
	padding: 5px 0 5px 0;		
}

.nextmenulist .menuitem ul li a{
	color: #62615f;
	display: block;
	text-decoration: none;
	padding-left: 15px;
	font-weight: 600;
	-webkit-tap-highlight-color: transparent;
}

.nextmenulist .menuitem ul li:hover{
	background-color: #fff;
	font-weight: 600;
}

.nextmenulist .menuitem ul li:hover a{
	color: #fc7f00;
}

#client-suggestions-wrap{
	width: 0px;
	position: relative;
	height: 37px;
	line-height: 37px;
	display: inline-block;
	vertical-align: middle;
}

#client-suggestions-wrap > ul{
	position: absolute;
	left: -190px;
	top: 40px;
	display: block;
	margin: 0;
	width: 182px;
	border: 1px solid #e4e3df;
	background: #f2f2f2;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	padding: 5px;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius: 3px;
	box-shadow: 0px 1px 0px #e3e3e3;
	box-sizing: border-box;
}

#client-suggestions-wrap > ul > li{
	display: block;
	padding: 0;
	margin: 0;
	color: #fc7f00;
	margin-bottom: 5px;
}

#client-suggestions-wrap > ul > li:last-child{
	margin-bottom: 0;
}

#client-suggestions-wrap > ul > li.no-clients{
	color: #62615f;
	text-align: center;
}

#client-suggestions-wrap > ul > li > span{
	font-weight: bold;
}  

#client-suggestions-wrap > ul > li > ul{
	display: block;
	padding: 0;
	margin: 0;
}

#client-suggestions-wrap > ul > li > ul > li{
	display: block;
	padding: 0;
	margin: 0;
}

#client-suggestions-wrap > ul > li > ul > li > a{
	display: block;
	text-decoration: none;
	color: #62615f;
	padding: 5px;
	overflow: hidden;
	white-space: pre;
	text-overflow: ellipsis;
	outline: none;
}

#client-suggestions-wrap > ul > li > ul > li > a:hover{
	background-color: #fff;
	color: #fc7f00;
}

#clientswith-text[readonly]{
	background-image: url(../images/success.png);
	background-repeat: no-repeat;
	background-position: 98% center;
	padding-right: 25px;
}

.cal-sync-info{
	display: none;
}

.cal-sync-info.opened{
	display:block;
}

.cal-sync-info ul{
	list-style-type: decimal;
}

.cal-sync-info ul li{
	padding: 10px 0;
}

.cal-sync-info ul li img{
	display: block;
	margin-top: 10px;
}

.cal-sync-info a{
	color: #E0791D;
}

#calendar-export{
	display: block;
}

#calendar-export div{
	margin: 10px 0;
}

#calendar-export div span{
	display: inline-block;
	min-width: 120px;
	text-align: left;
	padding-right: 20px;
}


.iphone-calendar-header{
    background-color: #908f8c;
    color: #fff;
    font-size: 0.9em;
    font-weight: 400;
    padding: 5px 10px;
    margin: 0;
}

.iphone-calendar-appointment{
	display: block;
    padding: 5px;
    font-weight: 700;
    border-bottom: 1px solid #cdcdcd;
    text-decoration: none;
    color: #333332;
}

.iphone-calendar-appointment span.ts{
    font-weight: 400;
}


/** botoane fensi k sa dea bine pa aifon **/

.iphone-grid-btns tr td,
.iphone-btn{
    background-color: #e7e7e7;
    border: 1px solid #cccccc;
    margin: 0;
    min-height: 20px;
    background: #e7e7e7; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefefe 0%, #e7e7e7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fefefe 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fefefe 0%,#e7e7e7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fefefe 0%,#e7e7e7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fefefe 0%,#e7e7e7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
    text-align: center;
    display:none;
    max-width: 50%;
    border-collapse: collapse;
}
.width-66{
    width: 66%;
}

.iphone-btn-add, .iphone-btn-calendar, .iphone-btn-timer, .iphone-btn-list, .iphone-btn-list2, .iphone-btn-delete, .iphone-btn-print, .iphone-btn-sync, .iphone-btn-preview, .iphone-btn-spam{
    background: url(../images/sprite_mobile_icons_half.png) no-repeat center 10px;
    display: block;
    text-decoration: none;
    padding: 15px;
}

.iphone-btn-calendar{background: url(../images/sprite_mobile_icons_half.png) no-repeat center -90px;}
.iphone-btn-timer{background: url(../images/sprite_mobile_icons_half.png) no-repeat center -190px;}
.iphone-btn-list{background: url(../images/sprite_mobile_icons_half.png) no-repeat center -290px;}
.iphone-btn-list2{background: url(../images/sprite_mobile_icons_half.png) no-repeat center -390px;}
.iphone-btn-delete{background: url(../images/sprite_mobile_icons_half.png) no-repeat center -490px;}
.iphone-btn-print{background: url(../images/sprite_mobile_icons_half.png) no-repeat center -590px;}
.iphone-btn-sync{background: url(../images/sprite_mobile_icons_half.png) no-repeat center -690px;}
.iphone-btn-preview{background: url(../images/sprite_mobile_icons_half.png) no-repeat center -790px;}

.iphone-btn-text{
	background: none!important;
	color: #E07823;
	font-size: 12px;
	padding: 10px 5px;
	text-transform: uppercase;
	font-weight: bold;
}

.iphone-grid-btns{
    width: 100%;
}

iframe.max730{
	max-width: 730px;
	width: 100%;
	height: 100%;
}

.small-text{
	font-size: 0.8em;
	color: #696969;
}

.row-cols:after{
	display: block;
	height: 0;
	clear: both;
	content:'';
}

.row-cols .col-2{
	float:left;
	width:48%;
}

.row-cols .col-2:first-child{
	margin-right:4%;	
}

.coach_photo_tab{
    width: 40px;
}

.ultra-low-res-show{
    display: none;
}

.orange-bubble{
     background: url(../images/sprite_mobile_icons_half.png) no-repeat center -1000px;
     width: 20px;
     height: 20px;
     margin-left:3px;
}

.only-print{
	display: none;
}

.error-message{
	text-align: center;
	border: 1px solid #FF0000;
	padding: 10px 0;
	color: #990000;
	font-size: 14px;
	margin: 10px 0;
}

.sidebar-actions{
	display: block;
	text-align: center;
	padding: 5px;
}

.sidebar-actions:hover{
	background: #f2f2f2;
}

.product_tooltip{
	background: url(../images/editor_highlight.jpg) no-repeat center;
	width: 174px;
	height: 85px;
	margin-right: 10px;
	float: left;
}

.blocked-product-icon{
    background: url(../images/spritelong.png) no-repeat -175px -1502px;
	padding-left: 25px;
}

.gift-product-icon{
    background: url(../images/product_signature_package.png) no-repeat;
	padding-left: 25px;
    background-size: 18px;
}

.quick-link{
    display: block;
    text-decoration: none;
    height: 28px;
    line-height: 28px;
    color: #62615f;
    background: url(../images/sprite_mobile_icons_half.png) no-repeat -15px -892px;
    padding-left: 20px;
    font-size: 14px;
}

.form-answers h3{
	font-weight: bold;
	white-space: normal!important;
}

a.order-link{
	text-decoration: none;
	color: black;
	text-transform: uppercase;
	display: inline-block;
}

a.order-link.active-asc {
	background: url(../images/arrow-sort-down.png) no-repeat right center;
	padding-right: 25px;
}

.arrow-down {
	background: url(../images/select-arrow.png) no-repeat right center;
	padding-right: 25px;
	width: 25px;
	float: right;
}

a.order-link.active-desc{
	background: url(../images/arrow-sort-up.png) no-repeat right center;
	padding-right: 25px;
}

.rows-holder{
	padding: 10px;
	margin: 5px;
	overflow-x: hidden;
	overflow-y: auto;	
}

.rows-holder.limited{
	max-height: 200px;
}

.rows-holder.with-decoration{
	border: 1px solid #e4e3df;
	box-shadow: 0px 1px 0px #e3e3e3;
	border-radius: 3px;
}

.rows-holder.no-margins{
	margin: 5px 0;
}

.rows-holder.no-padding{
	padding: 0;
}

.rows-holder .rows2{
	float:left;
	width: 50%;
}

.rows-holder .rows3{
	float:left;
	width: 33%;
}

.rows-holder .rows4{
	float:left;
	width: 25%;
}

.rows-holder .rows3x2{
	float:left;
	width: 66%;
}

.rows-holder .rows4x3{
	float:left;
	width: 75%;
}

.actions-holder{
	margin: 10px 0;
}

.actions-holder h3{
	margin: 0 0 5px 0;
}

.actions-holder[data-selected=removegroup] #new_group_link,
.actions-holder[data-selected=removegroup] .group-item.new-group{
	display: none;
} 

.apply-button-holder a{
	margin-top: 0!important;
}

#selected-count{
	float: left;
	display: block;
}

.choose_display_fields{
    float: right;
    height: 18px;
    text-decoration: none;
    color: #E07823;
    font-size: 10px;
    line-height: 18px;
    display: block;
}

.text-overlayer p.fields-wrapper{
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    margin-left:20px;
    margin-right:20px;
}

#search-back-btn-holder{
	height: 40px;
	line-height: 20px;
}

#search-back-btn-holder a{
	float: left;
	margin-right: 10px;
}

.search-action-div-holder {
	background: #fff;
	max-height: auto;
	overflow: auto;
	padding: 10px 10px;
	max-width: 80%;
	width: auto;
}

.search-action-div-holder .title {
	float: left;
	font-weight: 700;
	height: auto;
	margin-bottom: 5px;
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid #ccc;
	width: 100%;
}

.search-action-div-holder .footer-div {
	float: left;
	height: 50px;
	margin-top: 10px;
	overflow: hidden;
	width: 100%;
}

.search-action-div-holder .footer-div .select-button {
	float: right;
	margin-right: 10px;
}

.search-action-div-holder .inner-scroll_dlg {
	max-height: 400px;
	overflow: auto;
}

.setaction-holder{
	position: relative;
}

.setaction-holder select{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 100;
    height: 100%;
    cursor: pointer;
}    

#video-overlay{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background: rgba(0,0,0,0.9);
	display: none;
}

#video-overlay div{
	width: 560px;
	height: 315px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -291px;
	margin-top: -168px;
	padding: 10px;
	border: 1px solid #ccc;
	background: black;
	border-radius: 3px;
	box-shadow: 0px 0px 10px #ccc;	
}

.show-log-to-client-column {
	width: 120px;
}

/*OVERLAY FOR MOBILE*/

.mobile-header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:34px;
	background:#1E77A3;
	padding: 6px 10px;
	text-align: center;
}

.mobile-header h3{
	width: 100%;	
	font-size: 14px;
	line-height: 34px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: normal;
	border: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.mobile-header a.btn-left{
	display: block;
	color: #fff;
	line-height: 34px;
	text-decoration: none;
	width: 60px;
	text-align: left;
	position: absolute;
	top:6px;
	left:10px;
	font-size: 14px;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.mobile-header a.btn-left.btn-back{
	background: url(../images/back_btn.png) no-repeat left center;
	padding-left: 15px;
	width: 45px;
}

.mobile-header a.btn-right{
	display: block;
	color: #FF9700;
	line-height: 34px;
	text-decoration: none;
	width: 60px;
	text-align: right;
	position: absolute;
	top:6px;
	right:10px;
	font-size: 14px;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.mobile-footer{
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	height:28px;
	background:#1E77A3;
	padding: 6px 10px;
	text-align: center;
}

.btn-mobile{
	display:inline-block;
	padding: 0 5px;
	text-decoration: none;
	border-radius: 2px;
	height: 26px;
	line-height:26px;
	font-size: 14px;
	font-weight: bold;
	min-width: 16px;
}

.btn-mobile.btn-white{
	color:#fff;
	border: 1px solid #fff;
}

.btn-mobile.btn-black{
	color:#000;
	border: 1px solid #000;
}

.btn-mobile.btn-red{
	color:#FE3501;
	border: 1px solid #FE3501;
}

.btn-mobile.btn-white.active,
.btn-mobile.btn-black.active,
.btn-mobile.btn-red.active{
	color:#FFA200;
	border: 1px solid #FFA200;
}

.btn-mobile.btn-add-appointment{
	background: url(../images/add_appointment_icon.png) no-repeat center center;
	background-size: cover;
}

.mobile-popup{
	top: 0px!important;
	left: 0px!important;
	right: 0px!important;
	bottom:  0px!important;
	z-index: 9999;
	display: none;
	background: #F6F2ED;
	padding: 46px 0px 40px 0px;
	color: #696969;
	-webkit-overflow-scrolling: touch;
}

.mobile-popup .mobile-header{
	padding: 6px 70px;
	position:absolute;
}

.mobile-popup .mobile-footer{
	position:absolute;
}

.mobile-popup .mobile-content{
	max-height: 100%;
	overflow: auto;
}

.mobile-popup .mobile-content .mobile-content-inner{
	padding: 10px;
}

.mobile-popup .mobile-block{
	padding: 10px;
	background: #fff;
	border: 1px solid #CECECE;
	box-shadow: 0px 0px 5px #CECECE;
	font-size: 14px;
}

.mobile-popup .mobile-block.no-padding{
	padding: 0;
}

.mobile-popup .mobile-block h3{
	padding: 0;
	margin: 0.5em 0;
	border: 0;
	color: #EB7500;
	font-size: 16px;
}

.mobile-popup .mobile-block p{
	margin: 0.5em 0;
}

.mobile-popup .mobile-block p.padding_10{
	padding: 10px;
}

.mobile-popup .mobile-block .mobile-p{
	padding: 10px;
	min-height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #CBCBCB;
}

.mobile-popup .mobile-block .mobile-p:after{
	display: block;
	height: 0;
	clear: both;
	content:'';
}

.mobile-popup .mobile-block .mobile-p label{
	display: block;
	float:left;
	width: 30%;
	line-height: 30px;
	font-weight: bold;
	box-sizing: border-box;
}

.mobile-popup .mobile-block .mobile-p label.isCustom{
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.mobile-popup .mobile-block .mobile-p label.no-overflow{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.mobile-popup .mobile-block .mobile-p input[type=text],
.mobile-popup .mobile-block .mobile-p textarea,
.mobile-popup .mobile-block .mobile-p select,
.mobile-popup .mobile-block .mobile-p span.static-text{
	display: block;
	float: left;
	width: 65%;
	margin-left: 5%;
	-webkit-appearance: none;
	border: 0;
	font-family: 'Open Sans', sans-serif;	
	font-size:14px;
	color: #696969;
	height: 30px;
	line-height: 30px;
	outline: none;
	box-sizing: border-box;
	resize: none;
	overflow: hidden;
}

.mobile-popup .mobile-block .mobile-p span.static-text.no-height{
	height: auto;
}

.mobile-popup .mobile-block .mobile-p input[type=text]{
	background: #F0F0F0;
	border-radius: 0;
}

.mobile-popup .mobile-block .mobile-p textarea{
	background: #F0F0F0;
	height: 120px;
	border-radius: 5px;
}

.mobile-popup .mobile-block .mobile-p select{
	background: url(../images/select_arrow.png) no-repeat 100% center #F0F0F0;
	padding-right: 15px;
	border-radius: 0;
}

.mobile-popup .mobile-block .mobile-p input.half-size[type=text],
.mobile-popup .mobile-block .mobile-p select.half-size{
	width: 30%;
}

.mobile-popup .mobile-block .mobile-p label.full-size,
.mobile-popup .mobile-block .mobile-p input[type=text].full-size,
.mobile-popup .mobile-block .mobile-p textarea.full-size,
.mobile-popup .mobile-block .mobile-p select.full-size{
	width:100%;
	float:none;
	margin-left:0;
}

.mobile-popup .mobile-block .mobile-p label.no-bold{
	font-weight: normal;
}

.mobile-popup .mobile-block .mobile-p select.inline{
	width: 40px;
	float: none;
	display: inline-block;
	margin: 0;
}

.weekDayWrapper{
	display: block;
	float: left;
	text-align: center;
	padding: 0 5px;
	line-height: 16px;
}

.weekDayWrapper input[type="checkbox"]{
	margin: 0;
}

.mobile-popup #client-suggestions-wrap{
	position: relative;
	height: 0;
	display: block;
	float: left;
	width: 65%;
	margin-left: 35%;
	line-height: normal;
	vertical-align: baseline;
}

.mobile-popup #client-suggestions-wrap > ul {
	left: 0;
	top: 5px;
	width: 100%;
}

#mobile-transactions-wrap .mobile-transaction-line{
  color: #696969;
  background: #fff;
  border: 1px solid #CECECE;
  box-shadow: 0px 0px 5px #CECECE;
  font-size: 14px;
  margin-bottom: 5px;
}

#mobile-transactions-wrap .mobile-transaction-line .mobile-transaction-item{
	padding: 10px;
	min-height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #CBCBCB;
}

#mobile-transactions-wrap .mobile-transaction-line .mobile-transaction-item:after{
	display: block;
	height: 0;
	clear: both;
	content:'';
}

#mobile-transactions-wrap .mobile-transaction-line .mobile-transaction-item label{
	display: block;
	float: left;
	width: 30%;
	min-height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
}

#mobile-transactions-wrap .mobile-transaction-line .mobile-transaction-item div{
	float: left;
	width: 65%;
	margin-left: 5%;
	min-height: 30px;
	line-height: 30px;
	font-size: 14px;
}

#mobile-transactions-wrap .mobile-transaction-line .mobile-transaction-item div input[type=text],
#mobile-transactions-wrap .mobile-transaction-line .mobile-transaction-item div textarea,
#mobile-transactions-wrap .mobile-transaction-line .mobile-transaction-item div select{
	display: block;
	width: 100%;
	-webkit-appearance: none;
	border: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #696969;
	height: 30px;
	line-height: 30px;
	outline: none;
	box-sizing: border-box;
	resize: none;
	overflow: hidden;
	border-radius: 0;
	background: #F0F0F0;
}

#mobile-transactions-wrap .mobile-transaction-line .mobile-transaction-item div textarea{
	height: 60px;
}

#mobile-transactions-wrap .mobile-transaction-line .mobile-transaction-item div select{
	background: url(../images/select_arrow.png) no-repeat 100% center #F0F0F0;
	padding-right: 15px;
}

#mobile-transactions-wrap .mobile-transaction-line .mobile-transaction-item div input[type=text].half-size,
#mobile-transactions-wrap .mobile-transaction-line .mobile-transaction-item div select.half-size{
	width: 48%;
	margin-right: 2%;
	float:left;
}

/*RADIO & CHECKBOX*/
label.isCustom{
	display:block;
	padding: 0px 0px 0px 20px;
	position:relative;
	cursor:pointer;
	line-height:20px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-tap-highlight-color: transparent;
}

label.isCustom.flat{
	display:inline-block;
	margin-right: 10px;
}

label.isCustom span.icon{
	display:block;
	position:absolute;
	top:2px;
	left:0px;
	height:14px;
	width:14px;
	border:1px solid #e6e6e6;
	background: #FFFFFF;
}

label.isCustom span.icon span.checked{
	display: block;
	margin: 2px;
	height: 10px;
	width: 10px;
	background: #FFFFFF;
	transition: background 0.5s;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-ms-transition: background 0.5s;
	-o-transition: background 0.5s;
}

label.isCustom input:checked + span.icon span.checked{
	background:#EB7500;
}

label.isCustom input[type=radio] + span.icon{
	border-radius: 100%;
}

label.isCustom input[type=radio] + span.icon span.checked{
	border-radius: 100%;
}

label.isCustom input[type=checkbox] + span.icon{
	border-radius: 4px;
}

label.isCustom input[type=checkbox] + span.icon span.checked{
	border-radius: 2px;
}

label.isCustom input[type=radio],
label.isCustom input[type=checkbox]{
	display:none;
}

.show-log-to-client-column {
	width: 120px;
}

@media all\0{
	label.isCustom{padding:0;}
	label.isCustom span.icon{display:none;}
	label.isCustom input[type=radio],label.isCustom input[type=checkbox]{display: inline-block;}
}

/** sfarsit, adica end **/

@media only screen and (max-height: 720px){
	#maincontent{
		right: 200px;
	}
	#rightcolumn{
		width: 200px;
		right: 0;
	}
	#rightcolumn .infobox{
		width: 160px;
	}
	#rightcolumn .innerpadding{
		margin: 0 15px;
	}
    #rightcolumn  a.square-orange-inverted{
        font-size: 0.7em;
    }
	#maincontent .header .right-block{
		width: 40%;
	}
	#maincontent .header .left-block{
		width: 60%;
	}
    #maincontent .calendar-header .nav-calendar{
        width: 80px;
        max-height: 100%;
        float: left;
    }
    #maincontent .calendar-header .right-block{
        width: auto;
    }
    #maincontent .calendar-header .right-block .square-orange, #maincontent .calendar-header .right-block .square-orange-inverted{
        font-size:0.8em;
    }
    #maincontent .calendar-header .left-block{
        width: auto;
    }	
    #maincontent .calendar-header .left-block h1{
        font-size: 1.2em;
    }
    .client-menu-top ul li{
		padding: 5px;
		margin: 0 -5px 0 5px;
	}
	.client-menu-top ul li:first-child{
		margin-left: 5px;
	}
	
	.menuband .maintabs{
		padding-top: 30px;
		padding-bottom: 2px;
	}
	.tab_dashboard{background: url(../images/spritelong.png) no-repeat 25px 0px;}
	.tab_clients{background: url(../images/spritelong.png) no-repeat 25px -52px;}
	.tab_website{background: url(../images/spritelong.png) no-repeat 25px -160px;}
	.tab_calendar{background: url(../images/spritelong.png) no-repeat 25px -106px;}
	.tab_communicate{background: url(../images/spritelong.png) no-repeat 25px -214px;}
	.tab_billing{background: url(../images/spritelong.png) no-repeat 25px -270px;}
	.tab_cart{background: url(../images/spritelong.png) no-repeat 25px -320px;}
	.tab_reports{background: url(../images/spritelong.png) no-repeat 25px -380px;}
	
	#login-box{
		margin-top: 100px;
	}
	#login-box h1{
		margin-bottom: 30px;
	}
    .calendar-grid-week thead,
    #grid-fixed-head ul{
        font-size: 0.9em;
    }

}
@media only screen and (max-width: 767px){
	.help-dlg-search {
		width: 50%; max-width: 590px; min-width: 125px;
	}

	.video-container-help {
		overflow: unset;
		max-height: unset;
	}

	.tab-extremity-left, .tab-extremity-right {
		display: none;
	}

	#section-help .appts-listing .appts-header {
		background: none !important;
	}

	#section-help .appts-listing .appts-header .tab {
		height: auto !important; width: 100% !important;
	}

	#section-help .appts-listing .appts-header .tab .content{
		padding: 0px !important;
	}

	#section-help .appts-listing .appts-header .tab-active {
		border: 0px !important;
	}

	.ticket-details {
		display: none;
	}

	#section-help h3 {
		font-size: 12px !important;
	}


    .iphone-listing{
        margin-top: 0;
    }
    .iphone-schedule-listing{
        margin-top: 65px;
    }
}
/* Retina */
@media only screen and (max-width: 1230px){
	
	body{
		background: #f4f1ec;
	}
	
	#maincontent{
		left:0;
		right:0;
		position:static;
		
		min-height: 100%;
		box-sizing: border-box;
	}
	
	#maincontent .inner-scroll{
		height: auto;
		overflow: visible;
	}
	
	#leftcolumn{
		left: -263px;
		position:fixed;
		z-index: 9997;
		width: 263px;
		background: none;
		height: 100%;
	}
	
	.menulist{
		width: 180px;
		padding-top:5px;
	}
	
	.menulist ul{
		margin: 0;
	}
	
	.menulist ul li{
		background:none;
		padding: 5px;
	}

	.menulist ul li.no-arrow{
		padding: 5px 0 5px 0;
	}
	
	.menulist ul li a{
		margin-left: 5px;
		background:none;
	}
	
	.menulist ul li ul{
		margin: 5px 0 5px 0;
		display: none;
	}
	
	.menulist ul li ul li{
		padding-left: 5px;
	}

	#rightcolumn{
		position: static;
		width:100%;
		height: auto;
	}
	
	#rightcolumn h2{
		display:none;
	}
	
	#rightcolumn .infobox , #rightcolumn .nth{
		float: left;
		margin: 10px 10px 0 0;		
	}
	
	.innerpadding{
		margin: 5px;
	}
	
	#login-box{
		margin-top: 30px;
	}
	
	.low-res-hide{
		display:none;
	}
	
	#low-res{
		display:block;
	}
	
	.grid_50{
		width:100%;
	}

    .left-column, .right-column{
        width: 99%;
        float: none;
    }

    .nextmenulist{
        left: 83px;
    }

	#leftcolumn.opened .nextmenulist{
		width:180px;
	}

	.nextmenulist .menuitem{
		width:180px;
		border-right: none;
	}
    
	.nextmenulist .menuitem ul{
		padding: 15px 15px 10px 15px;
	}
	
	#small-menu-icon{
		display: block;
	}
	
	.main-menu-item .handler,
	.documents_block .handler,
	.forms-block .handler,
	h4 .handler,
	h3 .handler{
		width: 0;
		margin-right: 5px;
		cursor: default;
		overflow: hidden;
	}

	.main-menu-item .handler-phone,
	.documents_block .handler-phone,
	.forms-block .handler-phone,
	h4 .handler-phone,
	h3 .handler-phone{
		display: block;
		float: left;
		width: 30px;
		margin-right: 5px;
		cursor: default;
		overflow: hidden;
	}

	.handler-phone a {
		float: left;
		width: 15px;
		height: 20px;
		text-decoration: none;
	}

	.sub-block .handler-phone a {
		height: 20px;		
		margin-top:-5px;
	}

	.handler-phone .upArrow {
		background: url(../images/spritelong.png) no-repeat right -991px;	
	}

	.handler-phone .downArrow {
		background: url(../images/spritelong.png) no-repeat right -952px;	
	}

	td.handler{
		background: none;
	}
	
	#rightcolumn .dashboard-box{
		margin-top: 10px;
	}
	
    .iphone-grid-btns tr td, .iphone-btn{
        display: table-cell;
    }
    
    .grid-listing th{
        font-size: 1em;
    }
    
    .low_res_full{
    	width: 100%;
    }

    .show-log-to-client-column {
    	width: 90px;
    }
    .submenu-block{
        height: auto;
        /*overflow: hidden;*/        
    }
    .menu-block .main-menu-item{
        min-height: 30px;
        height: auto;
        clear:both;
    }
    .menus h4{
        min-height: 30px;
        height: auto;
        clear:both;
    }

    #news-popup {
		height: 90%; 		
	}

	#news-popup #news-popup-content {
		max-height: 90%; 		
    }

	#maincontent .header{
		padding: 20px 40px;
	}
        #cva-iframe{
            position: static !important;
        }
 
}

/** iPhone 
@media
only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2),
only screen and (max-width: 768px),
only print{**/

@media
only screen and (max-width: 768px),
only print{

	#small-menu-icon a{
		height: 50px;
	}

    .grid-listing th{
        font-size: 0.8em;
    }

    .orange-text{
        font-size: 1.2em;
    }

	.ultra-low-res-hide{
		display:none !important;
	}

	.ultra-low-res-show{
		display:inline;
	}

    .grid-listing td, .grid-listing th{
        border-bottom: 0;
    }

    .grid td:not(.td-label), .grid-listing td:not(.td-label){
        padding: 0;
    }

	.grid.grid-low-res td{
		padding: 3px 0;
	}
	
    .grid-listing td.orange-text{
    	padding-top: 10px;
        padding-bottom: 10px;
    }

	/** MAKE THE GRID adjustments **/
	td.big, th.header-big{
		display:none;
	}
	
	table.grid-low-res tr td{
		text-align: left;
		font-weight:600;
	}
	input.input_50, input.input_60, input.input_90, select.input_90{
		width:100%;
	}
	
	#rightcolumn .infobox{
		float: none;
		width:90%;
		margin: 10px auto;
	}
	.right-block .square-orange-inverted,
	.right-block .square-orange-inverted:hover,
	.right-block .square-orange,
	.right-block .square-orange:hover{
		border: 0;
		background: none;
		color: #f57323;
		padding: 0;
		font-size: 0.8em;
		font-weight: 400;
	}

	#maincontent {
		overflow: visible !important;
		padding-bottom: 10px;		
	}

	#maincontent .header .left-block, #maincontent .header .left-block-short, #maincontent .header .left-block-shortest{
		float: left;
		width: 100%;
	}

	#maincontent .header .right-block, #maincontent .header .right-block-longest, #maincontent .header .right-block-long{
		float: right;
		width: 40%;
		text-align: right;
		padding-top: 10px;
        display:none;
	}
        
    #maincontent .calendar-header .nav-calendar{
        width: 80px;
        max-height: 100%;
        float: left;
        display:none;
    }

    #maincontent .calendar-header .left-block{
        width: 99%
    }

    #maincontent .calendar-header .right-block{
        width: auto;
        margin-left: 10px;
        display: none;
    }
    
    
    #schedule-navigation{
        position : static !important;
        left: auto !important;
        margin: 10px auto;
        color: #fff;
    }
    
    #schedule-navigation span{
        color: #fff !important;
        text-align: center;
        position: static;
        margin-left: 55px !important;
        float: none !important;
    }
    
    #maincontent .schedule-header{
        top: 0;
        height: 60px;
        margin-top: 0;
    }
    
    #maincontent h1{
        font-weight: 400;
        color: #fff;
        text-align: center;
    }

    #maincontent .header, #maincontent .schedule-header{
        background: #00799f url(../images/reverse_slider.jpg) no-repeat -1800px bottom;
        padding: 5px 40px 10px 40px;
        position: fixed;
        width:100%;
        top: 0;
        left: 0;
        z-index: 9996;
		box-sizing: border-box;
    }
    
    #maincontent .profile-image{
    	margin-left: 40px;
    }
    
    #maincontent .header-client h1{
    	line-height:40px;
    	text-align:left;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;    	
    }
    
    #maincontent .inner-scroll{
        
    }

    #maincontent .calendar-header, #maincontent .schedule-header{
        background-color: #3173a0;
    }

    #maincontent .header_appointments {
	    min-height: 40px;
	    height: auto;	    
	}
        
    #paint-apps{
        display:none;
    }
    
    .iphone-listing{
        display:block;
    }
    
    .status{
    	float: none;
    }

	/*** LEFT MENU ITEMS **/
	
    #leftcolumn{
        width: 290px;
        left: -290px;
    }

    .menuband{
		width: 120px;
    }
    
    .menulist{
    	width: 170px;
    }
    
    .nextmenulist{
    	left: 120px;
    }

    #leftcolumn.opened .nextmenulist {
		width: 170px;
    }
    
    .nextmenulist .menuitem{
    	width: 170px;
    }

    .menuband .maintabs{
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 40px;
        font-size: 0.7em;
        width: 80px;
        text-align: left;
    }

    .tab_dashboard{background: url(../images/menu_mobile_left.png) no-repeat 10px 5px;}
    .tab_clients{background: url(../images/menu_mobile_left.png) no-repeat 10px -95px;}
    .tab_website{background: url(../images/menu_mobile_left.png) no-repeat 10px -290px;}
    .tab_calendar{background: url(../images/menu_mobile_left.png) no-repeat 10px -195px;}
    .tab_communicate{background: url(../images/menu_mobile_left.png) no-repeat 10px -390px;}
    .tab_billing{background: url(../images/menu_mobile_left.png) no-repeat 10px -490px;} 
    .tab_cart{background: url(../images/menu_mobile_left.png) no-repeat 10px -590px;}
    .tab_reports{background: url(../images/menu_mobile_left.png) no-repeat 10px -690px;}
        
    
    /** bottom right nav **/

    .bottomnav{
        bottom: 0px;
    }

    .bottomnav .bottomtabs{
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 0.7em;
        width: 120px;
        text-align: left;
        background-color: #204166;
        margin:0;
        height: auto;
        border-bottom: 1px solid #1a3451;
        color: #fff;
        text-transform: uppercase;
        box-sizing: border-box;
    }

    .bottomnav .bottomtabs.tab_account,
    .bottomnav .bottomtabs.tab_account:hover{background: #204166; padding-left: 10px;}
    .bottomnav .bottomtabs.tab_task,
    .bottomnav .bottomtabs.tab_task:hover{background: url(../images/menu_mobile_left.png) no-repeat 10px -830px #204166; padding-left: 40px;}
    .bottomnav .bottomtabs.tab_help,
    .bottomnav .bottomtabs.tab_help:hover{background: url(../images/menu_mobile_left.png) no-repeat 12px -930px #204166; padding-left: 40px;}
    
    .coach_photo_tab{
        width: 13px;
        float: left;
        margin-right: 10px;
    }

    ul.options-drop-down li.context-drop-down, ul.options-drop-down1 li.context-drop-down1{
        border:0;
        background:none;
    }
    
    ul.options-drop-down li.context-drop-down a.context-drop-down-a, ul.options-drop-down1 li.context-drop-down1 a.context-drop-down-a1{
        background: none;
    }
    
    .iframe-over-layer{
    	width: 300px;
    }
    
    .left-block-short{
        width: 90%;
    }
    .right-block-long{
        width: 10%;
    }
    
    .checkbox-selector li{
        margin-right: 5px;
		min-width: 30%;
    }
    .square-orange-inverted{
        margin-top: 10px;
    }
    
    .left-column .inner-content, .right-column .inner-content{
        padding: 5px;
    }

    .dialog-over-layer,
    .notification-over-layer,
    .iframe-over-layer,
    #createMenuItem,
    #createSidebarItem,
    #editMenuItem,
    #document-block,
    #appointment-block,
    #preview-search,
    #appointment-details,
    #appointment-repeating-confirm,
    #repeat-delete-options,
    #popup_content_direct_pay,
    #sync-instructions,
    #wt-repeat-delete-options{
		width: 96%;
		padding-bottom: 5px;
		border: 1px solid #ccc;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		outline: 0;
		-webkit-appearance: none;
		background-color: #fff;
		z-index: 9999;
		position: fixed;
		top: 0;
		left: 0;
		display:none;
		margin-bottom: 10px;
    }
    
    .calendar-grid-month td .day-label{
        font-weight: 600;
        color: #333332;
        padding: 5px 0 5px 10px;
        clear: both;
    }
    
    .calendar-grid-month td.current-day{
        -webkit-box-shadow: inset 11px 9px 24px 0px rgba(0,0,0,0.77);
        -moz-box-shadow: inset 11px 9px 24px 0px rgba(0,0,0,0.77);
        box-shadow: inset 11px 9px 24px 0px rgba(0,0,0,0.77);
        background: #908f8c;
        color: #fff;
    }
    
    .day-label a{
       color: #333332;
       text-decoration: none;
    }

    .calendar-grid-month td.current-day .day-label{
        color: #fff !important;
    }
    
    .calendar-grid-month td{
        min-height:0;
        max-height: 50px;
        height: 50px;
    }
    
    .monthly-iphone-listing .iphone-calendar-appointment{
        display:none;
    }
    
    .row-cols .col-2{
    	width: 100%;
    	float: none;
    	margin: 0;
    }

	.client-menu-top{
		height: auto;
		border: 0;
	}
	
	.client-menu-top ul{
		bottom: 0;
	}
	
	.client-menu-top ul li{
		float: none;
		margin-left: 5px;
		margin-right: 5px;
		border-bottom: 0
	}

	.client-menu-top ul li:first-child{
		margin-left: 5px;
	}


	.client-menu-top ul li:last-child{
		border-bottom: 1px solid #efeeeb;
		margin-right: 5px;
	}

	.middle-content{
		margin-top: 100px;
	}

	#contextual-menu{
	    background-position: left 74px;
	}

	#contextual-menu-account{
		top: -195px;
	}

	#invoices-period .label{ 	
		clear: left;
	}

	#invoices-period .icon-calendar-input {
		margin-bottom: 5px;
	}

	.show-log-to-client-column {
    	width: 30px;
    }

	.rows-holder .rows2,
	.rows-holder .rows3,
	.rows-holder .rows4,
	.rows-holder .rows3x2,
	.rows-holder .rows4x3{
		width: auto;
		float: none;
	}
	
	.apply-button-holder{
		padding: 0 10px;
		margin: 0 10px;
	}

	#video-overlay div{
		width: 280px;
		height: 158px;
		margin-left: -151px;
		margin-top: -90px;
	}
	
	#refundScheduleBtn{
		display: block;
		width: 300px;
		margin: auto;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
        
    .iphone-listing{
        /*margin-top: 0;*/
    }

    .float-separator{
	    float: none!important;
	    clear: both;
	    height: 10px;
    }

}

@media print{
	
	body{
		height: auto;
		overflow: hidden;
		background: #fff;
	}
	
    input{
        display:none;
    }
    
    /** CREATE THE 3 COLUMN FLUIDS **/

    #leftcolumn,
    #rightcolumn,
    .nav-calendar,
    .client-menu-top{
        display:none;
    }

	#maincontent .header{
		position: static;
	}


    #maincontent .header .left-block{
        float: left;
        width: 100%;
    }

    /*calendar only*/
    #maincontent .header .left-block h1{
        width: 100%;
    }

    
    #paint-apps,
    .calendar-grid-month,
    .client-menu-top{
        display:none;
    }
    
    .iphone-listing{
        display:block;
		padding-top: 30px;
    }
    
	.monthly-iphone-listing .iphone-calendar-appointment{
		display:block;
	}
    
    #maincontent{
        position:static; 
        top: 0;
        bottom: 0;
        width:100%;
        overflow: visible; 
        background: #fff;
        border-left: 1px solid #e4e3df;
        border-right: 1px solid #e4e3df;
    }
    .inner-scroll{
        overflow: visible;
        height: auto!important;
    }
    
    .mobile-popup,
    .mobile-header,
    .mobile-footer{
    	display:none;
    }
    
    .only-print{
    	display: block;
    }
    
}

@media only print{
	.hide-on-print{
		display: none!important;
	}
	
    .print-hide{
    	display: none;
    }
    
}

/* Height tweeks */

@media only screen and (max-height: 550px) and (min-width: 1231px){
	
	.menuband {
		width: 120px;
	}
	
	.menuband .maintabs {
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 40px;
		font-size: 0.7em;
		width: 80px;
		text-align: left;
	}	

	.tab_dashboard{background: url(../images/menu_mobile_left.png) no-repeat 10px 5px;}
	.tab_clients{background: url(../images/menu_mobile_left.png) no-repeat 10px -95px;}
	.tab_website{background: url(../images/menu_mobile_left.png) no-repeat 10px -290px;}
	.tab_calendar{background: url(../images/menu_mobile_left.png) no-repeat 10px -195px;}
	.tab_communicate{background: url(../images/menu_mobile_left.png) no-repeat 10px -390px;}
	.tab_billing{background: url(../images/menu_mobile_left.png) no-repeat 10px -490px;}
	.tab_cart{background: url(../images/menu_mobile_left.png) no-repeat 10px -590px;}
	.tab_reports{background: url(../images/menu_mobile_left.png) no-repeat 10px -690px;}
	
	#leftcolumn{
		width: 332px;
	}
	
	.nextmenulist{
		left: 120px;
	}
	
	#maincontent{
		left: 336px;
	}

    .bottomnav{
        bottom: 0px;
    }

    .bottomnav .bottomtabs{
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 0.7em;
        width: 119px;
        text-align: left;
        background-color: #204166;
        margin:0;
        height: auto;
        border-bottom: 1px solid #1a3451;
        color: #fff;
        text-transform: uppercase;
        box-sizing: border-box;
    }

    .bottomnav .bottomtabs.tab_account,
    .bottomnav .bottomtabs.tab_account:hover{background: #204166; padding-left: 10px;}
    .bottomnav .bottomtabs.tab_task,
    .bottomnav .bottomtabs.tab_task:hover{background: url(../images/menu_mobile_left.png) no-repeat 10px -830px #204166; padding-left: 40px;}
    .bottomnav .bottomtabs.tab_help,
    .bottomnav .bottomtabs.tab_help:hover{background: url(../images/menu_mobile_left.png) no-repeat 12px -930px #204166; padding-left: 40px;}
    
    .coach_photo_tab{
        width: 13px;
        float: left;
        margin-right: 10px;
    }
	
	.bottomnav .bottomtabs span{
		display: block!important;
	}

	#contextual-menu{
	    background-position: left 74px;
	}

}

/* Height tweeks for iPad */

@media only screen and (max-height: 550px) and (min-width: 769px) and (max-width: 1230px){

	.menuband {
		width: 120px;
	}
	
	.menuband .maintabs {
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 40px;
		font-size: 0.7em;
		width: 80px;
		text-align: left;
	}	

	.tab_dashboard{background: url(../images/menu_mobile_left.png) no-repeat 10px 5px;}
	.tab_clients{background: url(../images/menu_mobile_left.png) no-repeat 10px -95px;}
	.tab_website{background: url(../images/menu_mobile_left.png) no-repeat 10px -290px;}
	.tab_calendar{background: url(../images/menu_mobile_left.png) no-repeat 10px -195px;}
	.tab_communicate{background: url(../images/menu_mobile_left.png) no-repeat 10px -390px;}
	.tab_billing{background: url(../images/menu_mobile_left.png) no-repeat 10px -490px;}
	.tab_cart{background: url(../images/menu_mobile_left.png) no-repeat 10px -590px;}
	.tab_reports{background: url(../images/menu_mobile_left.png) no-repeat 10px -690px;}

	#leftcolumn{
		width: 300px;
		left: -300px;
	}

	.nextmenulist{
		left: 120px;
	}

    .bottomnav{
        bottom: 0px;
    }

    .bottomnav .bottomtabs{
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 0.7em;
        width: 119px;
        text-align: left;
        background-color: #204166;
        margin:0;
        height: auto;
        border-bottom: 1px solid #1a3451;
        color: #fff;
        text-transform: uppercase;
        box-sizing: border-box;
    }

    .bottomnav .bottomtabs.tab_account,
    .bottomnav .bottomtabs.tab_account:hover{background: #204166; padding-left: 10px;}
    .bottomnav .bottomtabs.tab_task,
    .bottomnav .bottomtabs.tab_task:hover{background: url(../images/menu_mobile_left.png) no-repeat 10px -830px #204166; padding-left: 40px;}
    .bottomnav .bottomtabs.tab_help,
    .bottomnav .bottomtabs.tab_help:hover{background: url(../images/menu_mobile_left.png) no-repeat 12px -930px #204166; padding-left: 40px;}
    
    .coach_photo_tab{
        width: 13px;
        float: left;
        margin-right: 10px;
    }
	
	.bottomnav .bottomtabs span{
		display: block!important;
	}

	#contextual-menu{
	    background-position: left 74px;
	}

}

.file_list{
    list-style:none;
    margin:0 -30px;
}

.file_list li{
    padding:15px;
	height: 52px;
    position: relative;
}

.file_list li input{
    display: none;
}

.file_list li p{
    max-width: 344px;
    overflow: hidden;
    white-space: nowrap;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 100px;
}

.file_list li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

.file_list li canvas{
    top: 15px;
    left: 32px;
    position: absolute;
}

.file_list li span{
    display:block;
    width: 15px;
    height: 12px;
    background: url('../images/icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 33px;
    cursor:pointer;
}

.file_list li.working span{
	width: 16px;
    height: 16px;
	background: url('../images/ajaxloader.gif') no-repeat;
    /*background-position: 0 -12px;*/
}

.file_list li.error p{
    color: #ff0000;
}

.clientstatus {
    cursor:pointer;
}

.documents_popup{
    width: 700px !important;
}

.documents_popup_mobile {
	width: 90% !important;
	min-width: 300px !important;
}

.documents_popup_container {
    overflow: auto;
}

.documents_popup_grid {
    overflow: hidden;
    width: 50%;
    margin-bottom: 10px;
}

.no-decoration {
    cursor: pointer;
    text-decoration: none;
}

.no-decoration-cursor {
    cursor: default;
    text-decoration: none;
}

.product-image{
	width: 100%;
	float: left;
	min-height: 105px;
}

.product-image-holder{
	width: 170px;
	height: 105px;
	float: left;
}

#popup_content_direct_pay {
	width: 600px;
	max-width: 96%;
	overflow: auto;

}

#report_select_products_wrapper, #report_select_groups_wrapper {
	background: #ccc;
	display: none;
	padding: 10px;
	overflow: hidden;
	margin-top: 10px;
}

#chart-legend {
	float: right;
	margin-bottom: 10px;
}

#chart-legend span {
	float: left;
	height: 10px;
	margin-right: 5px;
	width: 10px;
}

#chart-legend ul {
	list-style-type: none;
	line-height: 10px;
}

#chart-legend li {
	float: left;
	margin-left: 20px;
}

#course-visibility-wrapper {
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	display: none;
	position: absolute;
	top: 0px; right: 10px;
	z-index: 10000;
	height: auto;
	padding: 5px 10px;
	width: 250px;
}

#course-visibility-wrapper  .input-long {
	width: 150px;
}

#course-visibility-wrapper .visibility-row {
	float: left;
	margin-bottom: 10px;
	width: 100%;
}

#course-visibility-wrapper .visibility-row .error {
	font-size: 11px;
	padding: 3px 5px;
	margin-top: 2px;
}

.course-visibility-wrap {
	border: 1px solid #ccc;
	cursor: pointer;
	color: #777;
	float: right;
	text-decoration: none;
	background: linear-gradient(#ffffff, #f1f1f1);
	width: auto;
	padding: 2px 10px 2px 10px;
	min-height: 20px;
	height: auto;
	margin-right: 10px;
}

.course-visibility {
	background: url(../images/spritelong.png) no-repeat right -956px;
	padding-right: 10px;
	position: relative;
	height: 100%;
	width: 100%;
}


.lesson-visibility-wrapper {
	background: #fafafa;
	float: left;
	width: 100%;
	line-height: 40px;
	margin-bottom: 10px;
	margin-top: -20px;
	padding: 5px 10px;
}

.lesson-visibility-wrapper .lesson-visibility-row {
	float: left;
	margin: 0px 10px;
	width: auto;
}

.lesson-visibility-wrapper .lesson-visibility-row .btn-yes {
	margin-top: 2px;
}

.lesson-visibility-wrapper .lesson-visibility-row .error {
	font-size: 11px;
	line-height: 16px !important;
	padding: 3px 5px;
	margin-top: 2px;
}


.email-status-legend {
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	display: none;
	position: absolute;
	top: 0px; right: 10px;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 5px 10px;
	width: auto;
	z-index: 1000;
}

.status_legend:hover {
	text-decoration: underline;
	cursor: default;
}

.email-status-legend .title {
	clear: both;
	font-size: 16px;
	font-weight: 700;
}

.email-status-legend .legend-line {
	clear: both;
	margin-left: 5px;
}

.email-status-legend .legend-name {
	font-weight: 700;
}

.email-status-legend .legend-definition {
	color: #777;
	font-weight: 300;
	font-size: 12px;
}

.email_report_detail_table tr {
	border-bottom: 1px solid #eee;
}

.email_report_detail_table td {
	padding: 5px !important;
}

.email_report_detail_table th {
	font-size: 14px;
}

#howto-upgrade-personal-account {
	height: 85%;
	overflow: auto;
	padding: 10px;
	position: relative;
	width: 1040px;
}

#howto-upgrade-personal-account .exp_box {
    border: 1px solid #f00;
    background-color: #ffdddd;
    color: #000;
    padding: 10px;
    border-radius: 10px;
}

#howto-upgrade-personal-account .dashboardcell h4 {
    color: #cd9a00;
    font-size: 14px;
}

#howto-upgrade-personal-account .lookfor {
    font-weight: 700 !important;
    text-decoration: underline;
}

#howto-upgrade-personal-account p.col_img img{
	max-width: 100%;
}

.addbutton {
    display:block;
    background:url(../images/add2.png) no-repeat;
    height:30px;
    padding:5px 0 0 35px;
    text-decoration:none;
}

.lessonblock {
    background-image: url(../images/lessonblockbg.png) !important;
    background-repeat: repeat-x;
    background-position: right top;
    padding: 10px;
    padding-top: 20px;
    margin-bottom: 7px;
    border: 1px solid #D6DADD;
}

.mce-fullscreen #rightcolumn, .mce-fullscreen #leftcolumn{
	display: none;
}

.hover-grey:hover {
	background-color: #f2f2f2;
}

.tinyStyleDiv {
	height: auto; 
	overflow: hidden; 
	border: 1px solid #ccc;
}

.tinyStyleDiv .header2{
	background: #f2f2f2; 
	padding: 5px 0px; 
	border-bottom: 1px solid #ccc; 
	color: #0d75b5; 
	font-weight: 600; 
	text-align: center;
}

.tinyStyleDiv #contacts-draggable {
	height: 400px; 
	overflow-x: auto; 
	padding: 0px 10px;
}

.tinyStyleDiv .footer2{
	background: #f2f2f2; 
	padding: 5px 0px; 
	border-top: 1px solid #ccc; 
	color: #000; 
	float: left; 
	height: auto; 
	width: 100%; 
	overflow: hidden; 
	position: relative;
}

.tinyStyleDiv #drag {
	position: absolute; 
	right: 2px; 
	bottom: 2px; 
	background-image:  url(../images/resize-triangle.png);	
	width: 12px;
	height: 12px;
}

.tinyStyleDiv #drag:hover {
	cursor: s-resize;
}

.support-line {
	clear: both;	
}

.support-line .support-text {
	cursor: pointer;
}

.support-line .time-zen {
	color: #ccc;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#refund_bootcamp_form h6{
	margin: 0;
	padding: 10px 0;
	font-size: 14px;
	font-weight: bold;
}

.profile-image-container {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
}

/* WORKTIME CSS*/

#worktime-block form{
	padding: 20px;
	text-align: left;
	margin: 0;
}

#worktime-block .group{
	margin-bottom: 10px;
	line-height: 18px;
}

#worktime-block .group.middle{
	line-height: 38px;
}

#worktime-block .group.border{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #e4e3df;
}

#worktime-block .group:after {
	display: block;
	height: 0;
	clear: both;
	content:'';
}

#worktime-block .group label{
	display: block;
	float: left;
	padding-right: 10px;
	width: 25%;
	font-weight: bold;
}

#worktime-block .group div.opt{
	float: left;
	padding-right: 10px;
}

#worktime-block .group input[type="checkbox"],
#worktime-block .group input[type="radio"]{
	margin: 0px 4px 0px 0px;
	vertical-align: middle;
}

#worktime-block .group span.oriz-checkbox-radio{
	margin-right: 10px;
}

#worktime-block .wt-repeat-custom-rule{
	margin-bottom: 10px;
}

#worktime-block .wt-repeat-custom-rule:last-child{
	margin-bottom: 0;
}

#worktime-block .wt-repeat-custom-rule:last-child input[type="button"]{
	display: none;
}

#worktime-block .remove-rule-button{
	font-size: 0.8em;
	margin-left: 5px;
}

@media only screen and (max-width: 768px){
	
	#worktime-block,
	#worktime-details{
		top: 0px!important;
		left: 0px!important;
		right: 0px!important;
		bottom: 0px!important;
		position: fixed!important;
		width: auto;
		margin: 0;
		padding: 0;	
		border-radius: 0;
	}
	
	#worktime-block .text-overlayer,
	#worktime-details .text-overlayer{
		padding-bottom: 60px;
		box-sizing: border-box;
	}

	#worktime-block .dialog-over-layer-btns,
	#worktime-details .dialog-over-layer-btns{
		padding: 10px;
		border-top: 1px solid #e4e3df;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #fff;
		box-sizing: border-box;
	}
	
	#worktime-block .dialog-over-layer-btns .square-orange-inverted,
	#worktime-details .dialog-over-layer-btns .square-orange-inverted{
		margin: 0;
	}
	
	#worktime-block form{
		padding: 10px 20px;
	}

	#worktime-block .group label{
		width: auto;
	}
	
	#worktime-block .group label.block-on-small{
		float: none;
		padding: 0;
	}
	
	#worktime-block .group.middle label.block-on-small{
		line-height: 18px;
	}
	
	#worktime-block .group span.oriz-checkbox-radio.vert-on-small{
		display: block;
	}
	
	#worktime-block .group label.empty{
		display: none;
	}
	
}

/* SCHEDULE */

#worktime-details ul{
	padding: 0;
	margin: 0;
	text-align: left;
}

#schedule-holder{
	position: relative;
	margin-top: -30px;
}

@media only screen and (max-width: 768px), only print{
	#schedule-holder,
	#schedule-month thead{
		display: none;
	}
	
	#schedule-month td{
		vertical-align: top;
	}
        #schedule-navigation{
            margin-left: 0 !important;
        }
        .next-nav{
            float: right !important;
        }
}

@media only screen and (max-width: 1230px){
	#schedule-holder{
		margin-top: 0;
	}
}

#schedule-holder.fixed{
	padding-top: 30px;
}

#schedule-holder #schedule-head{
	position: relative;
}

#schedule-holder.fixed #schedule-head{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 110;
}

#schedule-holder #schedule-body{
	position: relative;
	overflow: hidden;
}

#schedule-holder #schedule-head #days-holder:after,
#schedule-holder #schedule-head #allday-holder:after,
#schedule-holder #schedule-body .first-half:after,
#schedule-holder #schedule-body .second-half:after{
	display: block;
	height: 0;
	clear: both;
	content:'';
}

#schedule-holder #schedule-head span.col1,
#schedule-holder #schedule-head a.day,
#schedule-holder #schedule-body span{
	display: block;
	float: left;
	background-color: #efeeeb;
	height: 30px;
	line-height: 30px;
	width: 13.5%;
	text-align: center;
	font-weight: 600;
	box-sizing: border-box;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	text-decoration: none;
}

#schedule-holder.schedule-day #schedule-head a.day,
#schedule-holder.schedule-day #schedule-body span{
	width: 94.5%;
}

#schedule-holder #schedule-head a.day{
	color: #aba9a5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 2px;
}

#schedule-holder #schedule-head span.col1,
#schedule-holder #schedule-body span.col1{
	border-left: 1px solid #cdcdcd;
	width: 5.5%;
}

#schedule-holder #schedule-body span.cell{
	background-color: white;
	position: relative;
}

#schedule-holder #schedule-body span.cell.current-day,
#schedule-month td.current-day{
	background: #f1f1f1;
}

#schedule-holder #schedule-body .first-half span.hour,
#schedule-holder #schedule-body .first-half span.cell{
	border-bottom: 1px dotted #cdcdcd;
}

#schedule-holder #schedule-body span.hour{
	text-align: right;
	padding-right: 2px;
}

#schedule-holder #schedule-body a.worktime,
#schedule-holder #schedule-body a.appointment{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 13.5%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	text-decoration: none;
	color: #000;
	background-color: rgba(201,227,237,0.5);
	overflow: hidden;
	text-align: center;
	margin-top: -1px;
	margin-left: -1px;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	user-select: none;	
}

#schedule-holder #schedule-body a.worktime{
	opacity: 0.75;
}

#schedule-holder #schedule-body a.appointment{
	z-index: 50;
}

#schedule-holder.schedule-day #schedule-body a.worktime,
#schedule-holder.schedule-day #schedule-body a.appointment{
	width: 94.5%;
}

#schedule-holder #schedule-body a.worktime b,
#schedule-holder #schedule-body a.appointment b{
	/*color: #000!important;*/
	font-weight: 800;
}

#schedule-holder #schedule-head #allday-holder{
	background: #fff;
}

#schedule-holder.fixed #schedule-head #allday-holder.hidden{
	display: none;
}

#schedule-holder #schedule-head #allday-holder span.col1{
	background: #fff;
	position: relative;
	height: 100%;
}

#schedule-holder #schedule-head #allday-holder span.col1 span{
	position: absolute;
	top: 50%;
	margin-top: -10px;
	line-height: 20px;
	left: 0;
	width: 100%;
	font-size: 10px;
	font-weight: 600;
}

#schedule-holder #schedule-head #allday-holder span.col1 a{
	display: none;
	text-decoration: none;
}

#schedule-holder.fixed #schedule-head #allday-holder span.col1 a{
	display: block;
}

#schedule-holder #schedule-head #allday-holder .distance{
	float: left;
	display: block;
	height: 30px;
	box-sizing: border-box;
	padding: 2px;
	border-bottom: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	max-width: 94.5%;
	overflow: hidden;
}

#schedule-holder #schedule-head #allday-holder a.appointment{
	display: block;
	background-color: #fff;
	height: 26px;
	line-height: 24px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
	padding: 0 2px;
}

#schedule-holder #schedule-head #allday-holder a.appointment.hasPrev{
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

#schedule-holder #schedule-head #allday-holder a.appointment.hasNext{
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

#schedule-holder #schedule-head #allday-holder a.appointment b{
	color: #000!important;
	font-weight: 800;
}

#schedule-holder #schedule-body #now{
	display: none;
	position: absolute;
	height: 2px;
	background: red;
	opacity: 0.4;
	z-index: 100;
	top: 0px;
	left: 0px;
	width: 100%;
}

#schedule-holder #schedule-body #now.loaded{
	display: block;
	transition: top 1s;
	-webkit-transition: top 1s;
	-moz-transition: top 1s;
	-ms-transition: top 1s;
	-o-transition: top 1s;
}

#schedule-holder #schedule-body #now div.l{
	float:left;
	height: 6px;
	width: 6px;
	border-radius: 100%;
	background: red;
	margin-top: -2px;
}

#schedule-holder #schedule-body #now div.r{
	float:right;
	height: 6px;
	width: 6px;
	border-radius: 100%;
	background: red;
	margin-top: -2px;
}

#schedule-holder #schedule-body #dragZone{
	position: absolute;
	top: 0px;
	left: 0;
	right: 0px;
	bottom: 0px;
	z-index: 90;
}

#schedule-opts{
	position: absolute;
    z-index: 500;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    width: 150px;
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
    display: none;
}

#schedule-opts a{
	display: block;
	text-decoration: none;
	color: #000;
	font-size: 12px;
	line-height: 24px;
	padding: 0 5px;
	text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#schedule-opts a:hover{
	background-color: #faa146;
}

#today-link, #show-all-day{
	display: block;
	color: #E07823;
	font-weight: 600;
	text-decoration: underline;
	float: left;
	margin-left: 10px;
	line-height: 30px;
}

#export-link,
#print-link,
#active-sync{
	display: block;
	color: #E07823;
	font-weight: 600;
	text-decoration: underline;
	float: right;
	margin-right: 10px;
	line-height: 30px;
}

#schedule-navigation{
	display: block;
	color: #333332;
	position: absolute;
	height: 30px;
	left: 50%;
	top: 0;
	margin-left: -80px;
}

#schedule-navigation:after {
	display: block;
	height: 0;
	clear: both;
	content: '';
}

#schedule-navigation a{
	display: block;
	float: left;
	background: url(../images/prev-nav.png) no-repeat center;
	background-size: 24px;
	width: 26px;
	height: 30px;
	text-decoration: none;
}

#schedule-navigation .next-link{
	background: url(../images/next-nav.png) no-repeat center;
	background-size: 24px;
}

#schedule-navigation span{
	display: block;
	color: #333332;
	font-weight: 600;
	float: left;
	margin-left: 5px;
	line-height: 30px;
}

#schedule-action-btns{
	margin-bottom: 10px;
}

#schedule-action-btns input[type="button"]{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

#schedule-action-btns a{
	display: block;
	color: #E07823;
	font-weight: 600;
	text-decoration: underline;
	line-height: 24px;
	border-radius: 4px;
}

#schedule-action-btns a:hover{
	background: rgba(155,155,155,0.25);
}

/** COLORS FOR APP TYPES **/
.color-box{
    display: block;
    text-align: left;
    width: 380px;
}

.color-box .color{
    width: 20px;
    height: 20px;
    line-height: 20px;
    /*
    border: 1px solid #000;
    margin: 0 4px 4px 0;
    */
    font-size: 10px;
    text-align: center;
    position: relative;
    display: block;
    cursor: pointer;
    color: #000;
    text-decoration: none;
    float: left;
}

.color-box .color:last-child{
	margin-right: 0;
}

/* CVA Log */

#cva-header{
	position: relative;
	padding: 0 60px 0 60px;
	line-height: 18px;
}

#cva-header .cva-image{
	position: absolute;
    top: 50%;
    left: 0;
    height: 40px;
    width: 40px;
    margin-top: -20px;	
}

#cva-header .rightHolder{
	position: absolute;
	top: 0;
	right: 0;
}

#cvalog-form{
	background: rgb(253, 253, 253);
	border: 1px solid rgb(242, 242, 242);
	padding: 0px 10px 20px 10px;	
	max-width: 1024px;
	margin: auto;
}

#cvalog-listing{
	margin: auto;
	margin-top: 20px;
	padding-top: 20px;
	max-width: 1024px;
}

#cvalog-listing ul{
	display: block;
	margin: 0;
	padding-left: 50px;
}

#cvalog-listing ul li{
	display: block;
}

#cvalog-listing ul li .content{
	position: relative;
	min-height: 90px;
	padding-left: 90px;
	padding-top: 10px;
	margin-bottom: 40px;
	transition: opacity 0.5s;
}

#cvalog-listing.editing ul li .content{
	opacity: 0.5;
}

#cvalog-listing.editing ul li .content.this{
	opacity: 1;
}

#cvalog-listing ul li .content .photo{
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 80px;
}

#cvalog-listing ul li .content .photo img{
	display: block;
}

#cvalog-listing ul li .content h5{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
    line-height: 120%;
    margin-bottom: 8px;
    text-transform: uppercase;
    color: #333;
    font-weight: normal;
    margin: 0;
    margin-bottom: 10px;
}

#cvalog-listing ul li .content .attachments .file-desc{
	display: block;
	height: 20px;
	line-height: 20px;
}

#cvalog-listing ul li .content .attachments a{
	color: #0073BF;
    text-decoration: none;
}

#cvalog-listing ul li .content .attachments a:hover{
	text-decoration: underline;
}

#cvalog-listing ul li .content .extra{
	margin-top: 10px;
}

#cvalog-listing ul li .content .action-btns{
	position: absolute;
	top: 80px;
	left: 0;
	width: 80px;
	height: 20px;
	visibility: hidden;
}

#cvalog-listing ul li .content.this .action-btns{
	display: none;
}

#cvalog-listing ul li .content:hover .action-btns{
	visibility: visible;
}

#cvalog-listing ul li .content .action-btns a{
	color: #0073BF;
	text-decoration: none;
	display: block;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

#cvalog-filer{
	text-align: right;
	border-bottom: 1px solid rgb(242, 242, 242);
	padding-bottom: 20px;
}

#cva-iframe{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../images/loading1.gif) no-repeat center;
}

#cva-iframe iframe{
	display: block;
	width: 100%;
	border: none;
	height: 100%;
	transition: opacity 1s;
	opacity: 0;
}

#header-photos-picker{
	display: block;
	padding: 0;
	margin: 0;
}

#header-photos-picker li{
	display: block;
	float: left;
	width: 190px;
	height: 40px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 6px solid #c7b7a5;
	background-color: #fff;
	padding: 5px;	
}

#header-photos-picker li.selected{
	border-color: #0d75b5;
}

#header-photos-picker li a{
	display: block;
	width: 190px;
	height: 40px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	position: relative;
}

#header-photos-picker li a span{
	display: block;
	font-family: Courier;
	text-align: center;
	color: #62615f;
	line-height: 20px;
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	margin-top: -10px;
	font-size: 12px;
}

#file-uploader{
	margin-bottom: 20px;
}

#file-uploader ul.qq-upload-list{
	display: none;
}

/* RADIO & CHECKBOX */

label.radioCheck{
	display: block;
	padding: 5px 0;
	position: relative;
	line-height: 18px;
	padding-left: 18px;
	cursor: pointer;
}

label.radioCheck input[type="radio"],
label.radioCheck input[type="checkbox"]{
	display: none;
}

label.radioCheck input[type=checkbox] + span,
label.radioCheck input[type=radio] + span {
	width: 16px;
	height: 16px;
	line-height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 6px;
	left: 0px;
}

label.radioCheck input[type=checkbox] + span{
	background-image: url(../images/check.png);
}

label.radioCheck input[type=radio] + span{
	background-image: url(../images/radio.png);
}

label.radioCheck input[type=checkbox]:checked + span,
label.radioCheck input[type=radio]:checked + span{
    background-position: 0px -16px;
}

#email-filters{
	margin-top: 10px;
}

#email-filters input,
#email-filters select{
    padding: 10px 25px 10px 10px;
    background-color: #fff;
    border: 1px solid #e4e3df;
    border-radius: 3px;
    box-shadow: 0px 1px 0px #e3e3e3;
    font-size: 1em;
    outline: 0;
    display: inline-block;
    font-weight: 800;
    text-decoration: none;
    color: #000;	
    -webkit-appearance: none;
    max-width: 100%;
}

#email-filters select{
	background-color: #fff;
	background-image: url(../images/spritelong.png);
	background-position: right -945px;
	background-repeat: no-repeat;
}

#email-filters ul{
	display: block;
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
}

#email-filters ul li{
	display: block;
	position: relative;
	padding-left: 50px;
	margin-bottom: 15px;
}

#email-filters ul li span{
	display: block;
	float: left;
	max-width: 48%;
	margin-left: 2px;
}

#email-filters ul li span.removeBtn{
	float: none;
	position: absolute;
	top: 5px;
	left: 10px;
	width: 30px;
	height: 30px;
	margin: 0;
}

#email-filters ul li span.removeBtn a{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/spritelong.png) no-repeat 0 -1100px;
}


/*KDB TABS*/

#kdb-tabs-holder{
	position: relative;
	height: 10px;
	background: linear-gradient(#0D69AA, #0D67A6);
}

#kdb-tabs-holder .kdb-tabs{
	position: absolute;
	top: -67px;
	left: 15px;
}

#kdb-tabs-holder .kdb-tabs a{
	display: block;
	float: left;
	font-size: 1.8em;
	font-weight: 600;
	color: #333332;
	text-decoration: none;
	margin-right: 10px;
	height: 57px;
	padding: 10px 5px 0 5px;
	border-radius: 5px 5px 0 0;
}

#kdb-tabs-holder .kdb-tabs a span{
	visibility: hidden;
}

#kdb-tabs-holder .kdb-tabs a.active{
	background: linear-gradient(#0E9AD8, #0D69AA);
	color: #fff;
}

@media only screen and (max-width: 1230px){
	#kdb-tabs-holder .kdb-tabs{
		left: 35px;
	}
}

@media only screen and (max-width: 768px){
	#kdb-tabs-holder{
		margin: 70px 5px 5px 5px;
	}

	#kdb-tabs-holder .kdb-tabs{
		left: 15px;
		top: -57px;
	}		

	#kdb-tabs-holder .kdb-tabs a{
		height: 47px;
	}

	#kdb-tabs-holder .kdb-tabs a span{
		visibility: visible;
	}
}



/****
*** INTERNET EXPLODER 9,10,11 fix for overlay divs!
****/

/* IE9, IE10 */
@media screen and (min-width:0\0) {
    .dialog-over-layer,
    .notification-over-layer,
    .iframe-over-layer,
    #refundBootcamp,
    #createMenuItem,
    #editSpecialPage,
    #createSidebarItem,
    #editMenuItem,
    #editSystemMenuItem,
    #document-block,
    #appointment-block,
    #preview-search,
    #appointment-details,
    #appointment-repeating-confirm,
    #access-details,
    #repeat-delete-options,
    #popup_content_direct_pay,
    #sync-instructions,
    #section-help,
    #cancelShoppingCart
    { 
        position: absolute !important;
    } 
}

/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .dialog-over-layer,
    .notification-over-layer,
    .iframe-over-layer,
    #refundBootcamp,
    #createMenuItem,
    #editSpecialPage,
    #createSidebarItem,
    #editMenuItem,
    #editSystemMenuItem,
    #document-block,
    #appointment-block,
    #preview-search,
    #appointment-details,
    #appointment-repeating-confirm,
    #access-details,
    #repeat-delete-options,
    #popup_content_direct_pay,
    #sync-instructions,
    #section-help,
    #cancelShoppingCart
    { 
        position: absolute !important;
    } 
}
/* EDGE */
@supports (-ms-ime-align:auto) {
.dialog-over-layer,
.notification-over-layer,
.iframe-over-layer,
#refundBootcamp,
#createMenuItem,
#editSpecialPage,
#createSidebarItem,
#editMenuItem,
#editSystemMenuItem,
#document-block,
#appointment-block,
#preview-search,
#appointment-details,
#appointment-repeating-confirm,
#access-details,
#repeat-delete-options,
#popup_content_direct_pay,
#sync-instructions,
#section-help,
#cancelShoppingCart
    { 
        position: absolute !important;
    } 
}

/*KDB TABS*/

.product-details-tooltip {
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	display: none;
	position: fixed;
	top: 0px; right: 10px;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 5px 10px;
	width: 300px;
}

.product-details-tooltip .title {
	clear: both;
	font-size: 16px;
	font-weight: 700;
}

.product-details-tooltip .legend-line {
	clear: both;
	margin-left: 5px;
}

.product-details-tooltip .legend-name {
	font-weight: 700;
}

.product-details-tooltip .legend-definition {
	color: #777;
	font-weight: 300;
	font-size: 12px;
}

table.grid-listing.pad5 tr td,
table.grid-listing.pad5 tr th{
	padding-right: 5px!important;
	padding-left: 5px!important;
}

p.blue_label {
	color: #0d75b5;
	margin-left: 20px;
	font-weight: bold;
}

/* FONT AWESOME */
a.context-drop-down-a i{
	color: #ccc;
	float: left;
	margin: 7px 0px 0px 5px;
}

i.fa {
	text-decoration: none;
}

i.icon-on{
	color: #0d74b6 !important;	
}

i.icon-off{
	color: #ccc !important;	
}

i.margin-right-5 {
	margin-right: 5px;
}

.delete-client {
	background: none;
	padding-left: 6px;
}

#show-all-day{
	display: block;
	color: #E07823;
	font-weight: 600;
	text-decoration: underline;
	float: left;
	margin-left: 10px;
	line-height: 30px;
}

.align-all-top td {
	vertical-align: top;
}

#section-help h3 {
	margin-top: 10px;
	color: #0e75b5;
	text-transform: uppercase;
	font-size: 18px;
}

#section-help h3.section-header {
	font-size: 18px;
	color: #333332;
	text-transform: none;
	font-weight: 600;

}

#section-help .btn-gray {
	padding: 8px 20px !important;
	color: #8e8e8e;
}

#section-help .btn-white {
	padding: 8px 20px !important;
	color: white;
	text-transform: none;
}

#section-help .image-position {
	position: absolute;
	margin-top: -42px;
	margin-left: 100px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: white;
}

#section-help .panel {
	width: 335px;
	min-height: 200px;
	margin-top: 40px;
	float: left;
	border-radius: 4px;
	border: solid 1px #e4e3df;
}

#section-help .panel .panel-content {
	margin-top: 30px;
	padding: 20px;
	text-align: center;
}

#section-help .panel .panel-content p {
	font-size: 14px;
	padding: 0px;
	text-align: center;
}

#section-help p {
	color: #60605f;
	font-size: 14px;
	padding: 0px !important;
	margin: 0px !important;
}

#section-help .panel .panel-content h3 {
	font-size: 18px;
	color: #333332;
	text-transform: none;
	font-weight: 600;
}

#section-help .left-panel {
	margin-right: 30px;
}

#section-help .search-area {
	margin-top: 20px;
}

#section-help .search-area h2 {
	color: #333332;
	font-size: 18px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
}

#section-help hr {
	border: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #717171;
	height: 1px;
}

#section-help span.tip {
	font-size: 14px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.86;
	letter-spacing: normal;
	color: #60605f;
	display: block;
}

#section-help .support-center a.go-to-support {
	color: #333332;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	display: block;
}
#section-help .support-center i {
	font-size: 30px; color:  #c1c9c9;
	margin-top: 7px;
	margin-right: 5px;
}

#section-help .support-center img {
	margin-right: 25px;
}

#section-help .support-center {
	border-radius: 4px;
	border: solid 1px #e4e3df;
	padding: 15px;
}

#section-help .appts-listing .appts-header .left-tab {
	border-radius: 4px 4px 0px 0px;
}

#section-help .appts-listing .appts-header .tab {
	border-top: white 2px solid;
	float: left;
	border-bottom: #97a5a7 2px solid;
	background-color: #efeeea;
	height: 68px;
	width: 104px;
	cursor: pointer;
}

#section-help .appts-listing .appts-header .tab-extremity-left {
	border-top: white 2px solid;
	float: left;
	border-bottom: #97a5a7 2px solid;
	margin-right: auto;
}

#section-help .appts-listing .appts-header .tab-extremity-left .content{
	background-image: url(../images/live_support/left.png);
	background-repeat: no-repeat;
	background-position-x: left;
	background-color: #efeeea;
	height: 68px;
	width: 40px;
}

#section-help .appts-listing .appts-header .tab-extremity-right {
	border-top: white 2px solid;
	float: right;
	border-bottom: #97a5a7 2px solid;
	margin-left: auto;
}

#section-help .appts-listing .appts-header .tab-extremity-right .content{
	background-image: url(../images/live_support/right.png);
	background-repeat: no-repeat;
	background-position-x: right;
	background-color: #efeeea;
	height: 68px;
	width: 30px;
}

#section-help .appts-listing .appts-header .tab-active  {
	border-bottom: white 2px solid;
	border-left: #97a5a7 2px solid;
	border-right: #97a5a7 2px solid;
	border-radius: 4px 4px 0px 0px;
	border-top: #97a5a7 2px solid;
	background-color: white;
	width: 100px;
}

#section-help .appts-listing .appts-header .tab .content {
	padding: 12px 15px;
	text-align: center;
}

#section-help .appts-listing .appts-header .tab .content span.date{
	font-size: 18px;
	font-weight: bold;
	color: #2d2d2d;
	display: block;
	text-transform: uppercase;
}

#section-help .appts-listing .appts-header .tab .content span.options{
	font-size: 14px;
	font-weight: normal;
	color: #333332;
	display: block;
}

#section-help .appts-listing .appts-header .tab-active .content span.date{
	color: #0e75b5;
}

#section-help .appts-listing .appts-header .tab-active .content span.options{
	color: #0e75b5;
}

#section-help .appts-listing .timeslot-listing {
	padding: 0px 0px 0px 20px;
}

#section-help .appts-listing .timeslot-listing a {
	border-radius: 2.8px;
	background-color: #eeeeee;
	display: inline-block;
	padding: 5px 18px;
	margin-right:19px;
	margin-top: 20px;
	color: #4e5f60;
	text-decoration: none;
	border: solid 1.4px white;

}

#section-help p.label {
	font-size: 12px;
}

#section-help .appts-listing .timeslot-listing a.timeslot-option-active {
	color: #0e75b5;
	border: solid 1.4px #0e75b5;
	background-color: #ffffff;

}

#section-help .appts-listing .timeslot-listing .timeslot {
	display: none;
}

#section-help .back-button {
	font-size: 12px;
	color: #0e75b5;
	font-weight: 800;
	text-decoration: none;
}

#section-help .back-button i {
	font-size: 10px;
}

#section-help .appt-confirmed {
	background-color: #dcf8ea;
	border-radius: 4px;
	color: #17d072;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 15px;
	margin-top: 5px;
}

#section-help .appt-confirmed i {
	font-size: 10px;
}

#section-help h1 {
	font-size: 18px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #333332;
}

#section-help hr.gri-special {
	border: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	background-color: #e4e3df;
	height: 1px;
}

#section-help .videos-area {
	margin-top: 0px;
}

#section-help .videos-area .video-container-box {
	margin-bottom: 0px;
}

#section-help .videos-area .load-more-videos {
	text-align: left;
	font-size: 12px;
	text-transform: uppercase;
	color: #0e75b5;
	font-weight: bold;
}

@media only screen
and (min-device-width : 900px) {

	.live-chat-widget {
		width: 152px;
		height: 72px;
		position: absolute;
		bottom: 0px;
		right: 30px;
		cursor: pointer;
	}

	.agent-online {
		background-image: url(../images/live_support/button.hover_live.support_normal.png);
	}

	.agent-online:hover {
		background-image: url(../images/live_support/button.hover_live.support_hover.png);
	}

	.agent-online:active {
		background-image: url(../images/live_support/button.hover_live.support_pressed.png);
	}

	.agent-offline {
		background-image: url(../images/live_support/button.hover_sched.support_normal.png);
	}

	.agent-offline:hover {
		background-image: url(../images/live_support/button.hover_sched.support_hover.png);
	}

	.agent-offline:active {
		background-image: url(../images/live_support/button.hover_sched.support_pressed.png);
	}

}

@media only screen and (max-width : 1230px) {
	.live-chat-widget {
		display: none;
	}
}

.meter {
	height: 5px;  /* Can be anything */
	position: relative;
	background: #555;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 1px;
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	margin-right: 20px;
}

.meter span {
	display: block;
	height: 100%;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	background-color: rgb(43,194,83);
	background-image: linear-gradient(
			center bottom,
			rgb(43,194,83) 37%,
			rgb(84,240,84) 69%
	);
	box-shadow:
			inset 0 2px 9px  rgba(255,255,255,0.3),
			inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}

.v4-transition {
	background-color: #ffab40;
	text-align: center;
	padding: 15px 0px;
 	font-size: 18px;
	font-weight: 700;
	color: black;
	font-family: Arial;
	line-height: 1;
}

.v4-transition a {
	color: black;
}