/*
.color1{color: rgb(133, 198, 87);}  GREEN
.color2{color: rgb(134, 134, 134);} GREY
.color3{color: #fff;}               WHITE

"splashes" = 302x302 px
for background images in splashes. Use class square01 - square11

*/
.color4{color:black;}
.color_no_access{
	color: #F9DD4C;
}
.no_access {
	cursor: default !important;
}
.rectangle01{
    float: left;
	background: url(../img/square/rectangle01.jpg); 
	height: auto;
}

.color_pending {
	font-style: italic;
}
.yourAddress .label, .yourEmailMobile .label{
    float: left;
    padding-top: 6px;
    width: 102px;
    
}
.spinner_label {
	float: left;
	
}
.basicBox{
  box-shadow: 5px 5px 10px 0px rgba(175, 175, 175, 1);
  background: rgb(75, 77, 77);
}

/*
.whiteBox{
  box-shadow: 5px 5px 10px 0px rgba(175, 175, 175, 1);
  background: #fff;
}

*/
.whiteBox {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 5px 10px 10px 0 #AFAFAF;
}

.mypage .grid_left{
    border-radius: 4px 4px 4px 4px;
    float: left;
    min-height: 460px;
    margin-top: 12px;
    overflow: hidden;
    position: relative;
    width: 230px;
}

.mypage .grid_right {
	float:right;
    margin-top: 12px;
    overflow: hidden;
    position: relative;
    width: 700px;
    margin-right: -10px; 
}

.mypage .buttons {
	float: left;
	width: 225px;
	height: 225px;
	margin-left:7px;
    margin-bottom: 20px;	
	text-align: center;
	cursor: pointer;
	background: url("../img/mypage/blankbt2.png") repeat scroll 0 0 transparent;
	
}

.mypage .buttons .blubsimage img{
	margin-top:12px;
}

.mypage .buttons .calendarimage img{
	margin-top:12px;
}

.mypage .buttontitle {
	padding-top:10px;
	padding-bottom: 10px;
	color:#4b4d4d;   

}

.mypage .shortinfo{
	border-bottom: 2px solid #888888;
    border-top: 2px solid #888888;
    font-family: altgot, Arial;
    font-size: 24px;
    line-height: 24px;
    margin-left: 10px;
    margin-right: 20px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: left !important;
    text-transform: uppercase;	
}

.mypage .shortinfo_center {
    border-bottom: 2px solid #888888;
    border-top: 2px solid #888888;
    font-family: altgot,Arial;
    font-size: 24px;
    line-height: 24px;
    margin-left: 10px;
    margin-right: 20px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center !important;
    text-transform: uppercase;
}

.mypage .next_shortinfo{
	border-top: none !important;
}

.mypage .countinfo{
    background: none repeat scroll 0 0 #85C657;
    border-radius: 4px;	
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;    
}

.mypage .empty {
background: none repeat scroll 0 0 #F9DD4C;
}
.mypage .textinfo{
	float:right;
}

.mypage .myphoto {
    border: 10px solid #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    margin-top: 10px;
    margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;	
    
}

.mypage .people1 {
	height:	180px;
	width: 180px;
}

.mypage .dottedline {
	border-bottom: 2px dotted #fff;
	width: 180px;
	margin-left:auto;
	margin-right:auto;	
	margin-bottom: 10px;
}

.mypage .infobox {
	margin-left:10px;
	
}
.mypage .label {
   font-family: altgot,'Arial';
   font-size: 28px;
   line-height: 32px;
   text-transform:uppercase;

}

.mypage .switch_role{
	background: #fff;
 	height: 56px;
    width: 100%;
    padding:4px;
    cursor: pointer;
    
}

.mypage .switch_person_button {
    background: url("../img/people/login_person.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 56px;
    position: relative;
    width: 56px;
}

.mypage .switch_company_button {
    background: url("../img/people/login_company.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 56px;
    position: relative;
    width: 56px;
}


.mypage .switch_role .label {
	margin-left: 62px;
}
.mypage .edit_button {
    background: url("../img/mypage/pen-ic.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 51px;
    position: relative;
    right: 20px;
    top: -48px;
    width: 52px;
    cursor: pointer;
}
.account_wrapper, receipt_wrapper{
    border-radius: 4px 4px 4px 4px;
    margin-top: 12px;
    padding-bottom: 24px;
}

.account_wrapper .print_button {
    background: url("../img/mypage/print.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 52px;
    position: relative;
    top: 24px;
    width: 52px;
    cursor: pointer;
    margin-right: 20px;
}

.account_wrapper .cart_button {
    background: url("../img/mypage/cart.png") no-repeat scroll 0 0 transparent;
    height: 52px;
    margin-left: 10px;
    width: 52px;
    cursor: pointer;
}

hr.greyline {
	border:	1px solid #666;
	margin-left:12px;
	margin-right:12px;
    position: relative;
    top: -12px;	
}
.mycalendar {
    background: url("../img/banner/bwroad.png") repeat scroll 0 0 transparent
}

.myaccount {
    background: url("../img/banner/banner04.png") repeat scroll 0 0 transparent
}

.mypage_heading {
    padding: 20px 0 0 20px;
}

.mypage .calendar_left {
    border-radius: 4px 4px 4px 4px;
    float: left;
    min-height: 668px;
    margin-top: 12px;
    overflow: hidden;
    position: relative;
    width: 302px;
 }

.mypage .calendar_right{
    border-radius: 4px 4px 4px 4px;
    margin-top: 12px;
    overflow: hidden;
    position: relative;
    float:right;
	width: 616px;
    height: 668px;
}


#minical {
	margin-left: 10px;
	margin-right: 10px;
	text-align: center !important;
	width: 595px; 
	background: #fff; 
    font-family: altgot,'Arial';
    font-weight: lighter;
    height:615px;
    overflow: hidden;
    
	
}

#minical .prev, #minical .next { 
	display: inline-block; 
	height: 18px; 
	width: 10%; 
	line-height: 18px; 
	float: left;
	font-size: 40px;
	padding-top:10px;
	font-weight: lighter;
	cursor: pointer;
	

}
#minical .next { 
	text-align:right !important; 
}

#minical .prev { 
	text-align:left !important; 
}

#minical .dates { 
	margin-top: 12px; 
}
#minical .day { 
	display: inline-block; 
	width: 85px; 
	text-transform: uppercase;
	font-size: 24px;
	color: #4B4D4D;
}

#minical a.blank {
	background: #f4f4f5 !important;
	color:#9d9f9f !important;
}
#minical .title {
    font-family: altgot,'Arial';
    font-size: 45px;
    line-height: 40px;
    text-transform: uppercase;
    color:#4B4D4D;
    float: left;
    width: 79%;
    
}

#minical .nav {
	margin-top: 10px;
}

#minical a.date {
    color: #4B4D4D;
    display: block;
    float: left;
    font-size: 60px;
    height: 80px;
    line-height: 80px;
    padding-top: 4px;
    text-align: center;
    text-decoration: none;
    width: 85px;}


#minical .selected{ 
	background: #85C657; 
	color: #fff;
	border-radius: 50px;
    height: 78px;
    width: 78px;	
    cursor: pointer;	
}

#minical .past {
    background: none repeat scroll 0 0 #AAAAAA;
    border-radius: 50px 50px 50px 50px;
    color: #FFFFFF;
    height: 78px;
    width: 78px;
}

#minical .date_wrapper{ 
	border: 4px solid #85C657;
	border-radius: 50px;
    height: 70px;
    width: 70px;
    cursor: pointer;
    line-height: 1.1;
    margin-top: -4px;
}

.minigrid {
    border-radius: 4px 4px 4px 4px;
    margin-top: 12px;
    overflow: hidden;
    position: relative;
	width: 40%;
    background: #fff;
    font-family: altgot,'Arial';
    text-transform: uppercase;
    color:#4B4D4D;
    text-align: center;
	
}
.minigrid_date {
	font-size: 55px;
}
.minigrid_left {
    float: left;
    font-size: 45px;
    height: 94px;
    line-height: 40px;
    margin-left: 20px;
    padding-top: 26px;	
}

.minigrid_right {
	float: right;
	margin-right: 20px;
	font-size: 120px;
	line-height: 110px;
	padding-top:10px;
}


.maingrid {
    border-radius: 4px 4px 4px 4px;
    margin-top: 12px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    overflow: hidden;
    position: relative;
	width: 80%;
    background: #fff;
    font-family: altgot, Arial;
    text-transform: uppercase;
    color:#4B4D4D;
	min-height: 485px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
	
}

.mypage .minititle {
	font-size: 34px;
	text-decoration: underline;
}
.tabletitle {
	font-size: 34px;
    line-height: 34px;
    margin-bottom: 12px;
}

.tabletitle_small {
    font-size: 24px;
    line-height: 24px;
	margin-bottom: 4px;    
}

.cal_table {
	font-family: DINMittelschrif, altgot, Arial;
	font-size: 14px;
	width: 100%;
	line-height: 24px;
}

.cal_table_wrapper{
	min-height: 241px;
}
.cal_table tr td {
	border-bottom: 1px dashed #CCCCCC;
}
.cal_table .booking{
	cursor: pointer !important;
	text-decoration: underline;
	text-align: right;
}

.cal_table .booking label{
	cursor: pointer !important;
}
.mypage .mininav{
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: lighter;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 22px;
}
.mininav .nextday { 
	text-align:right !important; 
	float: right;
	
}

.mininav .prevday { 
	text-align:left !important; 
	float: left;
}

.explain_wrapper{
	margin-top:20px;
}

.explain {
	height: 24px;
	float: left;
	margin-left: 20px;
	font-size: 14px;
}
.max_allowed{
	text-align: center;
	font-size: 14px;
	margin-bottom: 12px;
	
}
.booked {
	background: none repeat scroll 0 0 #85C657;
    border-radius: 50px 50px 50px 50px;
    color: #FFFFFF;
    float: left;
    height: 24px;
    margin-left: 12px;
    width: 24px;
    position: relative;
    top: -2px;
    
}
    
.available {
    border: 4px solid #85C657;
    border-radius: 50px 50px 50px 50px;
    float: left;
    height: 16px;
    margin-left: 12px;
    position: relative;
    top: -2px;
    width: 16px;
 }
 
.confirmbox {
	margin-bottom: 14px;
    font-size: 24px;
    font-weight: lighter;
    letter-spacing: 1px;
    line-height: 24px;
    text-decoration: underline;    	
	
}
.avail_label{
	font-size: 18px !important;
}
.confirm {
    margin-top: 114px;
    width: 164px;
}

.mypage .bigbutton {
    background: none repeat scroll 0 0 #85C657;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: altgot,'Arial';
    font-size: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 114px;
    overflow: hidden;
    padding: 16px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 164px;
}

.mypage .smallbutton {
    background: none repeat scroll 0 0 #85C657;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: altgot,'Arial';
    font-size: 30px;
    overflow: hidden;
    padding: 2px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.mypage .confirm {
    margin-top: 8px;
    width: 164px;
    margin-bottom: 10px;
}
.mypage .cancel {
    margin-top: 14px;
    margin-bottom: 14px;
	background: none repeat scroll 0 0 #F9DD4C;
    color: #4B4D4D;    
    
}

.mypage .hourcount {
    float: right;
    font-size: 60px;
    line-height: 60px;
    text-transform: none;
}

.mypage .hourcount_label{
	float:left;
}

.account_listing, .account_listing_odd_even {
	margin-top:24px;
	width: 90%;
	float:left;
	border-spacing: 4px;
	border-collapse: inherit;
}

.account_listing thead tr th, .account_listing tfoot tr td, .account_listing_odd_even tfoot tr td,.account_listing_odd_even thead tr th{
    font-family: altgot,'Arial';
	color:#4B4D4D;    
	font-size: 24px;
	text-transform: uppercase;
}

.account_listing thead tr th, .account_listing_odd_even thead tr th{
	text-decoration: underline;
    padding: 2px 6px;    
	
}

.account_listing tfoot tr td, .account_listing_odd_even tfoot tr td{
	padding-top:24px;
	padding-left:6px;
	padding-right: 6px;
	
	
}

.account_listing_odd_even tbody tr:nth-child(odd) td {
    background: none repeat scroll 0 0 #666666 !important;
    border-radius: 20px 20px 20px 20px !important;
    color: #FFFFFF !important;
}

.account_listing_odd_even tbody tr.has_receipt:hover td{
    background: none repeat scroll 0 0 #00AFE9 !important;
    border-radius: 20px 20px 20px 20px !important;
}

.account_listing tbody tr td {
    background: none repeat scroll 0 0 #bbb;
    border-radius: 20px 20px 20px 20px;
    color: #000;
}

.divider_price {
	background: #fff !important;
	border-radius: 0px !important;
	padding-top: 12px !important;
}
.account_listing tbody tr td{
    font-family: DINMittelschrif,Arial,Verdana,Geneva,sans-serif;
    font-size: 14px;
    line-height: 22px;
    padding: 2px 6px;  
}

.account_listing_odd_even tbody tr td {
    font-family: DINMittelschrif,Arial,Verdana,Geneva,sans-serif;
    font-size: 16px;
    line-height: 22px;
    padding: 2px 6px;  

      
}

.price_listing {
	margin-top:0px !important;
}
.price_listing tbody tr td {
	background: #fff !important;
	border-radius: 0px !important;
	border-bottom: 1px solid #ccc;
    color: #666;

}


.account_listing .date, .account_listing_odd_even .date{
	width: 86px;
	white-space: nowrap;
}

.account_listing .count, .account_listing_odd_even .count{
	width: 40px;
	text-align: center;
}

.account_listing .desc, .account_listing_odd_even .desc{
	width: 40%;
}

.account_listing .number, .account_listing_odd_even .number{
	text-align: right;
}


.commtop {
    background: url("../img/chick.png") repeat scroll 0 0 transparent;
}
#send_reply{
    float: left;
    position: relative;
    height: 135px;   
}
.mymessages .shortinfo{
	float:left;
	width:30%;
}

.mymessages .mainmessage, .mymessages .progress{
	float:right;
	width: 70%;
    margin-top: 0px;
    position: relative;

}

.mymessages .progress {
	padding-bottom: 18px;
}


.mymessages .mainmessage{
   height: 601px;
   height: 60vh;
   
}

.mymessages .subheading{
    font-family: altgot,'Arial';
    font-size: 45px;
    line-height: 40px;
    text-transform: uppercase;
}

.smallheading {
    font-family: altgot,'Arial';
    font-size: 28px;
    line-height: 28px;
    text-transform: uppercase;
    text-decoration: underline;
    padding-bottom: 12px;
    color:#fff;

}

.smalltable_payment {
    font-family: altgot,'Arial';
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
}

.messagecontent, .progresscontent, .ordercontent{
    margin-left: auto;
    margin-right: auto;
    margin-top: 18px;
    width: 100%;
    overflow-y: auto;
}

.messagecontent{
    *background: url("../img/bgpattern.png") repeat scroll 0 0 #fff;    
    height: 65%;
    border-left: 3px solid #DDD;
}

.progresscontent, .ordercontent {
	background: #fff;
	margin-bottom: 18px;
    width: 100%;
    overflow: hidden;
}

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

.ordercontent .checkout {
	border-bottom: 3px solid black;
	line-height: 50px;
  	margin-bottom: 24px;
    width: 100%;
    
}
.ordercontent .send_order_button{
	
}
.ordercontent .send_order_button{
	float: left;
	
}
.ordercontent .pay_withcard{
	float: right;
	
}

.ordercontent .prodname {
	float: left;
}

.ordercontent .prodprice {
	float: right;
	text-transform: none !important;
}

.ordercontent .nopay{
	text-decoration: line-through;
	color:#ccc;
}
.ordercontent .proddetail {
	float: left;
}
.ordercontent .checkoutForm{
    font-size: 14px;
    margin: 29px 20px;
}

.ordercontent .confirm_wrapper{
    border-top: 3px solid black;
    margin: 28px 0 28px;
    padding-top: 24px;	
}
.ordercontent .select_teacher {
	background: none repeat scroll 0 0 #808083;
    border: 0 none;
    border-radius: 30px 30px 30px 30px;
    color: #FFFFFF;
    height: 28px;
    margin-top: 4px;
    padding: 2px 15px 0;
    position: relative;
    top: -2px;
    width: 300px;
    float: right;
}
.messagecontent .rightcom {
    float: right;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 12px;
    margin-top: 6px;
    padding: 12px;
    width: 60%;
 }
.messagecontent .rightcom_info{
    float: right;
    font-size: 11px;
    margin-right: 18px;
    margin-top: 8px;
    width: 56%;
    color:black !important;
 }

.messagecontent .leftcom_info{
    float: left;
    font-size: 11px;
    margin-left: 18px;
    margin-top: 8px;
    width: 42%;
 }
 
.sender{
	float:left;
    text-align: left;
}

.datetime{
	float:right;
    text-align: right;
}

.messagecontent .leftcom {
    float: left;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 12px;
    margin-top: 6px;
    padding: 12px;
    width: 60%;
    background: #D4D4D4 !important;
 }

.messagecontent .greycom {
    background-color: #4B4D4D;
    color: #FFFFFF;
}

.messagecontent .greycom:after {
	border-color: #4B4D4D transparent transparent;
    border-style: solid;
    border-width: 10px;
    bottom: -28px;
    content: "";
    display: block;
    height: 0;
    left: 12em;
    position: relative;
    width: 0;  
	transform: rotate(-20deg);
	-ms-transform: rotate(-20deg); /* IE 9 */
	-webkit-transform: rotate(-20deg); /* Safari and Chrome */
	-o-transform: rotate(-20deg); /* Opera */
	-moz-transform: rotate(-20deg); /* Firefox */    
}

/*
.greyarrow{
    background: url("../img/mypage/grey_arrow.png") no-repeat scroll right top transparent;
    float: right;
    height: 10px;
    position: relative;
    right: 29px;
    top: -12px;
    width: 22px;
}
*/
.messagecontent .greencom {
    background-color: #85C657;
    color: #FFFFFF;

}

.messagecontent .greencom:after {
	border-color: #85C657 transparent transparent;
    border-style: solid;
    border-width: 10px;
    bottom: -28px;
    content: "";
    display: block;
    height: 0;
    left: 12em;
    position: relative;
    width: 0;  
	transform: rotate(-20deg);
	-ms-transform: rotate(-20deg); /* IE 9 */
	-webkit-transform: rotate(-20deg); /* Safari and Chrome */
	-o-transform: rotate(-20deg); /* Opera */
	-moz-transform: rotate(-20deg); /* Firefox */    
}

.messagecontent .whitecom {
    background-color: #fff;
    color: #4B4D4D;
}

.messagecontent .whitecom:after {
	border-color: #d4d4d4 transparent transparent;
    border-style: solid;
    border-width: 10px;
    bottom: -28px;
    content: "";
    display: block;
    height: 0;
    left: 1em;
    position: relative;
    width: 0;  
	transform: rotate(20deg);
	-ms-transform: rotate(20deg); /* IE 9 */
	-webkit-transform: rotate(20deg); /* Safari and Chrome */
	-o-transform: rotate(20deg); /* Opera */
	-moz-transform: rotate(20deg); /* Firefox */    
}

.subtext{
	color:#fff;
    font-size: 22px;
 }
.send_button{
    background: none repeat scroll 0 0 #85C657;
    border-radius: 18px 18px 18px 18px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 14px;
    line-height: 12px;
    margin-right: 20px;
    margin-top: 18px;
    padding: 9px 19px 8px;
    text-transform: uppercase;
}

.send_input {
    border: 0 none;
    float: left;
    height: 46px;
    margin: 10px 0;
    padding: 10px 15px;
    width: 100%;
    color: #000;
    *border: 2px solid black;
    background-color: #D4D4D4;
}
#sms_form_id{
    float: right;
    width: 100%;
    padding: 10px 15px;
}
#sms_form_id .btn-lg{width:200px; margin-left:0;}

#teoritentamen iframe{
	width: 100%;
	height: 800px;
	border:none;
	overflow-y:auto;
	overflow-x: hidden;
}

#teoritentamen .textWrapper {
    padding: 20px 50px 0 20px;
}


.table_progress{
    color: #4B4D4D;
    font-size: 16px;
    margin-left: 18px;
 	width: 100%;    
}

.table_progress .label{
	font-family: altgot,'Arial';
    font-size: 28px;
    text-transform: uppercase;	
}

.table_progress .label_u{
	text-decoration: underline;
	width: 80px;
}
.table_progress tr td {
	padding-top:3px;
	padding-bottom:3px;
}

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

.divider {
    margin-top: 6px !important;
}

.progress .done {
	background: none repeat scroll 0 0 #85C657;
    border-radius: 50px 50px 50px 50px;
    color: #FFFFFF;
    height: 24px;
    width: 24px;
    
}
    
.progress .undone {
    border: 4px solid #85C657;
    border-radius: 50px 50px 50px 50px;
    height: 24px;
    width: 24px; 
}

.description{
    border: 3px dotted #666666;
    border-radius: 5px 5px 5px 5px;
    height: 72px;
    margin: 14px;
    padding: 24px;
    width: 71%;    
}

.description .completelabel{
	float:left;
	font-family: altgot,'Arial';
    font-size: 28px;
    text-transform: uppercase;	
    line-height: 28px;
    padding-top:8px;
}
.description .singleline{
	padding-top: 20px;
}
.description .done {
	float:right;
	background: none repeat scroll 0 0 #85C657;
    border-radius: 50px 50px 50px 50px;
    color: #FFFFFF;
    height: 72px;
    width: 72px;
    
}
    
.description .undone {
	float:right;
    border: 5px solid #85C657;
    border-radius: 50px 50px 50px 50px;
    height: 62px;
    width: 62px; 
}

.table_progress .status{
	float: right;
}

.progress_pie {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    border: 10px solid #ddd;
    border-radius: 150px 150px 150px 150px;
    color: #FFFFFF;
    height: 236px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 217px;
    width: 236px;
    text-align: center;
    overflow: hidden;
}

.green_pie {
    background: none repeat scroll 0 0 #85C657;
    color: #FFFFFF;
    height: 242px;
    top: -50px;
    width: 236px;
}

.progress_pie .big {
    color: #000;
    font-family: altgot,'Arial';
    font-size: 58px;
    line-height: 58px;
    margin-top: 80px;
    position: relative;
    z-index: 10000;    
}

.progress_pie .small {
    color: #000;
    font-family: altgot,'Arial';
    font-size: 28px;
    line-height: 16px;
    text-transform: uppercase;
    position: relative;
    z-index: 10001;
}

.order_wrapper{
	text-transform: uppercase;
    font-family: altgot,'Arial';
}


.receipt_wrapper {
	text-transform: uppercase;
	padding:24px;
    font-family: altgot,'Arial';
	
}
.receipt_wrapper .print_button {
    background: url("../img/mypage/print.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 52px;
    width: 52px;
    cursor: pointer;
}

.receipt_wrapper .label {
	float: left;
    font-size: 44px;
    line-height: 44px;	
    text-decoration: underline;
}

.receipt_wrapper .tablewrapper{
    border: 2px dotted #666666;
    border-radius: 20px 20px 20px 20px;
    margin-bottom: 24px;
    margin-top: 18px;
    padding: 36px 65px;
    position: relative;
}

.receipt_wrapper .tablewrapper_first {
    margin-top: 36px;
    font-size: 24px; 
    line-height: 24px;
}

.order_wrapper .tablewrapper_first {
    font-size: 24px; 
    line-height: 24px;
}

.receipt_wrapper .tablewrapper tr td, .order_wrapper .tablewrapper tr td  {
	vertical-align: top;
}
.receipt_wrapper .receipt_detail, .receipt_wrapper .item_listing, .order_wrapper .receipt_detail {
	width: 100%;
}


.receipt_wrapper .item_listing {
	font-size: 36px;
    line-height: 36px;
	
}

.receipt_wrapper .item_listing thead {
	line-height: 72px;
}
.receipt_wrapper .item_listing tr th {
	text-decoration: underline;
}

.receipt_wrapper .item_listing .number{
	text-align: right;
}

.receipt_wrapper .item_listing .divider {
	vertical-align: middle;
	padding-top:24px;
	padding-bottom: 24px;
}

.receipt_wrapper .more_info_payment{
    font-family: DINMittelschrif,Arial,Verdana,Geneva,sans-serif !important;
    font-size: 16px;
    line-height: 22px;
    text-transform: none;
}

.receipt_wrapper .item_listing .divider hr{
	border:	2px solid #4B4D4D;
}

.receipt_wrapper .logo {
    height: 135px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top:120px;

}

.mymessages .contact {
    background-color: #fff;
    border-radius: 4px 4px 4px 4px;
    float: right;
    margin-top: 12px;
    position: relative;
    width: 616px;
    height: 302px !important;
    
}

.mymessages .headOffice {
	line-height: 20px !important;
}

.class_wrapper{
    padding: 10px 20px 10px 20px;
}

.class_wrapper .class_header {
    font-size: 26px;
    line-height: 30px;
    margin: 0 0 15px;
}
.class_wrapper .subheader {
	line-height: 20px;
}

.product_listing {
    float: left;
    margin-top: 0px !important;
    width: 100% !important;
    margin-bottom: 20px;
    float: none !important;
}

.product_listing .desc {
	width: 70%;
	line-height: 16px;
	
}

.small_courseinfo{
    font-family: altgot;
    font-size: 25px;
    line-height: 25px;
    margin: 10px 0 5px;
    text-transform: uppercase;	
}
.table_divider {
	border-bottom: 2px dotted #868686;

}
.courseItem {
    background: none repeat scroll 0 0 #FFFFFF !important;
    box-shadow: none !important;
    width: 565px !important;
    height: auto !important;
    margin-bottom:0px !important;
    margin-left:0px !important;
}

.course_back {
	margin-top:0px !important;
	background: #808083;
}

.classSelectContainer .coursebutton {
    background: none repeat scroll 0 0 #808083;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 2px 2px 5px 0 #AFAFAF;
    color:#fff;
    float: right;
    font-family: altgot;
    font-size: 25px;
    line-height: 25px;
    margin-top: -30px;
  	padding: 9px 20px;
    position: relative;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: -10px;
    cursor: pointer;
    margin-right: 12px;
 }

.orderFeedback {
    background-color: #B52E62;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: none;
    float: left;
    min-height: 30px;
	margin: 15px 10px;
    padding: 15px 17px 5px;
    width: 90%;
}

.PayByBillFeedback {
    background-color: #B52E62;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: none;
    float: left;
    margin: 15px 0;
    min-height: 30px;
    padding: 15px 17px 5px;
    width: 94% ;
 }   
    
.infoFeedback {
    background-color: #85C657;
    border-radius: 4px 4px 4px 4px;
    color: #fff;
    display: none;
    float: left;
    height: 30px;
	margin: 15px 10px;
    padding: 15px 17px 5px;
    width: 90%;
}

.progress_label{
    left: 575px;
    top: 106px;	
    font-family: altgot,'Arial';
    font-size: 24px;
    position:absolute;
    color:#4B4D4D;   
}

.class_selection {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    
}

.class_selection_mypage {
    width: 150px

}
.holiday {
    color: #D00000 !important;
}

.mypage .feedbackMessages, .mypage .feedbackMessages_visible{
    background-color: #B52E62;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 5px 5px 10px 0 #AFAFAF;
    color: #FFFFFF;
    margin: 15px 0 0;
    padding: 15px 17px;
    width: 203px;
    display: none;
	margin-bottom: 20px;	
  }
  
.mypage .feedbackMessages_visible {
	display: block !important;
}

.bank_icons{
	text-align: center;
	margin-top: 12px;
}

.priceinfo{
	float: right;
}

.some_button_margin {

}

.order_progress{
	color: black;
    overflow: hidden;
    font-size: 13px;
}

.order_progress .steps{
	float: right;
}
.order_progress .steps{
    white-space: nowrap;
}

.heading5.checkout{
    font-size: 64px; color: black !important;
}

.order_progress span{
	padding: 0 0.5em;
	color: #333;
}


.order_progress .current{
	color: #85C657;
}

.small_table {
	border:1px solid #F5F4F4;
	width: 65%;
}

.small_table tr td {
	padding: 4px;
	border:1px solid #F5F4F4;

}

.confirm_link{
	padding-left: 18px;
}

.no_acces_to_school, .no_acces_to_school a {
	font-size: 16px;
	color: #D00000;
	line-height: 20px;
}

.no_acces_to_school a {
	text-decoration: underline;
}
.small_date {
	font-size: 14px;
	text-transform: none;
}

.paybybill_text{
    font-size: 16px;
	
}
.tiny_text{
	color: #000000;
    font-size: 10px;
    font-weight: lighter;
    line-height: 10px;
    text-transform: none;
    font-family: Arial;
 }

.pbb_addon {
	text-align: center;
	margin-right:34px;
    margin-top: 50px;
}

.shop_more {
	background: url("../img/mypage/cart.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 52px;
    margin-bottom: 20px;
    margin-right: 8px;
    position: relative;
    top: -5px;
    width: 52px;
}

.click_to_buy {
	left: 24px;
    position: relative;
    text-transform: none;
    top: 14px;
    cursor: pointer;
}

  .fatButton{
  background: #fbfbfb;
  background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 68%, #f1f1f1 80%, #dee0e0 95%, #dcdfde 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(68%,#fdfdfd), color-stop(80%,#f1f1f1), color-stop(95%,#dee0e0), color-stop(100%,#dcdfde));
  background: -webkit-linear-gradient(top, #ffffff 0%,#fdfdfd 68%,#f1f1f1 80%,#dee0e0 95%,#dcdfde 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#fdfdfd 68%,#f1f1f1 80%,#dee0e0 95%,#dcdfde 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#fdfdfd 68%,#f1f1f1 80%,#dee0e0 95%,#dcdfde 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#fdfdfd 68%,#f1f1f1 80%,#dee0e0 95%,#dcdfde 100%);
  border-radius: 5px;
  border: 1px solid #ddd;
  cursor: pointer;
  color: #8ebf47;
  -webkit-box-shadow: 4px 4px 5px 2px rgba(100, 100, 100, 0.3);
  box-shadow: 4px 4px 5px 2px rgba(100, 100, 100, 0.3);
  }
  
   .fatButton {
    height: 53px;
    margin-bottom: 24px;
    padding: 4px;
    width: 165px;  
  }

 .fatButton:hover{
    -webkit-box-shadow: inset 0px 0px 8px 4px rgba(218, 218, 218, 1);
    box-shadow: inset 0px 0px 8px 4px rgba(218, 218, 218, 1);
  }

.all_booked {
	color: #D00000 !important;
    float: right;
    margin-right: 10px;
}

.tiny_label{
    font-size: 16px;
    line-height: 16px;
}

.class_container{
	height: 165px;
	width: 214px;
	overflow-y: auto;
	overflow-x: hidden;
}
.class_label_wrapper{
	float: left;
	width: 94%;
	height:50px;
	margin-bottom: 2px;
	margin-left: 6px;
	cursor: pointer;
}
.class_label_wrapper .class_buttons_new{
	float: left;
	height: 50px;
	margin: 0 6px 0 0;
	width:53px;
	background-color: transparent !important;
}
.class_label, .calendar_info{
	float:left;
	font-family: 'altgot',Arial,sans-serif;
    text-transform: uppercase;
    margin-top:16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
}

.calendar_right .shortinfo {
    border-bottom: 2px solid #888888;
    border-top: 2px solid #888888;
    color: #888888;
    font-family: altgot,Arial;
    font-size: 20px;
    line-height: 18px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center !important;
    text-transform: uppercase;
    width: 60%;
}

.no_cursor {
	cursor: default !important;
}

.class_grey_image {
	background-image: url("../img/core/icn/classes_grey.png") !important;
}

.paired_visible td {
	background-color: #E1E1E2;
}

.class_label_list {
	font-family: 'altgot',Arial,sans-serif;
    text-transform: uppercase;
	color: #CCCCCC;
    font-size: 30px;
    margin-top: 22px;
    position: absolute;
    text-align: center;
    width: 60px;
}

.class_buttons {
    background: none repeat scroll 0 0 #868686;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 3px 4px 8px 0 #AFAFAF;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: 'altgot',Arial,sans-serif;
    height: 60px;
    line-height: 117px;
    margin: 12px 8px 30px 5px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 60px;
}


.list_view ul li {
    border-bottom: 1px solid #CCCCCC;
    cursor: pointer;
    min-height: 26px;
    padding-bottom: 12px;
    padding-top: 12px;
}

.list_view .from {
    float: left;
    font-family: 'altgot',Arial,sans-serif;
    font-size: 20px;
    line-height: 21px;
    padding-left: 4px;
    text-transform: uppercase;
	overflow: hidden;
	white-space: nowrap;
	width: 58%;
}

.list_view .from img{
	float: left;
	margin-right: 12px;
	
}
.list_view .phone, .list_view .detail {
    color: #4B4D4D;
    font-size: 14px;
    line-height: 12px;
}

.list_view .detail {
    float: left;
    padding-left: 4px;
    
}

.list_view .phone {
    float: right;
    padding-right: 4px;
    text-align: right;    
}
.list_view .selected, .userlist:hover, .smalllist_view .selected{
	background: none repeat scroll 0 0 #ccc;
}

.promo_banner{
    position: absolute;
    top: 406px;
    left: 30px;
	
}

.account_table{
	color: #4B4D4D;
    font-family: altgot,'Arial';
    font-size: 18px;
    text-transform: uppercase;
    width:98%;
    }

.account_table thead th{
	border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #333333;
    padding: 5px 0px 5px 0px;
    text-decoration: underline;    
}

.account_table tbody td{
	padding: 5px 0;
	border-bottom: 1px dashed #CCCCCC;	
}

.account_table tfoot td{
	background-color: #ccc;
	color:#000;
}

.account_table .date {
	white-space: nowrap;
    width: 140px;
}

.account_table .desc {
    width: 40%;
	max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    
}

.account_table .count {
    width: 40px;
    text-align: center;
}


.account_table .number {
    text-align: right;
}

.account_table tbody tr.has_receipt:hover td{
    background: none repeat scroll 0 0 #00AFE9 !important;
    cursor: pointer;
}

 .frontContent .promotedSquares .wrightcredit{
    margin-top: 20px;
    margin-left: 24px;
  }

.class_selected {
	background-color: #85C657;
	color: #fff;
	/* here gagi */
}
.class_selected  .class_label{
	color: #fff;
}
.class_b, .class_b-sw {
    background: url(../img/core/icn/classes_white.png) #868686 -205px 10px no-repeat;
}

class_label_wrapper .class_buttons_new {
    float: left;
    height: 50px;
    margin: 0 6px 0 0;
    width: 53px;
    background-color: transparent !important;
}

  /* RESPONSIVE FIX 4 MY PAGE OLD WRIGHT */
.mypage, .grid_right, .grid_left{max-width: 100%;}
.mypage .people1{overflow: hidden; width: 100%;}
.mypage .buttons{position:relative;}
.progress_label{left:0 !important; top:85px; margin-left:90px;}
.banner.myaccount .heading, .smallheading, .banner.myaccount .color3{color:black;}
.banner.myaccount, .mypage_heading{box-shadow:none; padding: 0;width: 100%;height: auto;}
.account_wrapper{}
.whiteBox{box-shadow: none !important; margin:0; padding: 0;}
#table_listing_id .account_listing_odd_even tbody tr:nth-child(2n+1) td{background:#fafafa !important; color:#000 !important; border-radius:0 !important;}
#table_listing_id .account_listing_odd_even tbody tr:nth-child(1n) td{background:#fafafa  !important; color:#000 !important; border-radius:0 !important;}
.mypage .calendar_left{margin:0 ;}
.basicBox {box-shadow: none ;background: #fff ;}
.minigrid_left{height: 115px ;}
.subpage .color3{color:#000 !important;}
.subpage .infobox .color1{width:100%; display: block;    text-align: left;}
.subpage .infobox .label{padding:0;}
.mypage .calendar_left, #maingrid{min-height: auto;}
.rectangle01{background:white; padding: 0; box-shadow: none;}
.progress_pie{border: 10px solid #ddd; margin:20px; background:white;}
.heading{color:#000;}
.table_progress tr td{padding-top: 3px;padding-bottom: 3px;float: left;;overflow: hidden;}
.table_progress .status{margin-right: 20px;}
table .label{color: #000; padding: 0;}
.mymessages .progress{background: #fff;}
.SubpageFirst .navi_tabs{width: 70%; border-bottom: 3px solid #DDD;}
.description{width: auto;border: 0;height: 50px;}
.description .done, .description .undone{height: 40px; width: 40px;margin-top: -10px;}
.completelabel br{display:none;}
.completelabel{padding-top: 0 !important;}


@media(max-width: 470px) {
    .mypage, .grid_right, .grid_left, .mypage .calendar_left, .navi_tabs, .mymessages .mainmessage, .mymessages .progress{min-width: 100%;max-width: 100%;}
    .mypage .calendar_right, #minical{max-width: 100%;}
    .mypage .buttons{min-width:calc(100% - 30px); margin:15px;
        background:none !important;border-radius:12px;padding:20px;
        box-shadow: inset 0px 0px 20px 0px rgba(50, 50, 50, 0.47),  0px 0px 10px 0px rgba(50, 50, 50, 0.17); 
    }
    #minical, .mypage .calendar_right, .cal_table_wrapper{height: auto; min-height: auto;}
    #minical .day{width: 48px !important;width: calc(100% / 7) !important;font-size: 14px ;}
     #minical a.date{width: 48px !important;width: calc(100% / 7) !important;font-size: 32px ; height: 42px ;line-height: 1 ;}
    .class_container, .mypage .dottedline, .mymessages .mainmessage, .mymessages .progress, .mymessages .shortinfo{width: 100% ;}
    .mypage .people1{overflow: hidden; width: 100%;}
    .progress_label{font-size: 72px ; color:#85C657 ; left:-30px ;}
    .explain{font-size: 12px;}
    .minigrid_left { font-size: 36px; line-height: 30px; margin-top: 0; }
    .minigrid_date {font-size: 34px;}
    .minigrid_right { float: left; margin-left:10px;margin-right: 8px;line-height: 98px;padding-top:0px;font-size: 80px;}
    .minigrid, .maingrid{width:auto;}
    .WhyTwoID{width: 100% !important; margin:0 !important; float: right;}
    #minical .date_wrapper{height: 40px;width: 40px;}
    .grid3{height:auto;}
    .navi_tabs .navigation li a{font-size: 24px;}
    .table_progress{margin-left: 0;max-width: 100vw;}
    .table_progress tr td{max-width: 350px;}
    .messagecontent .rightcom, .messagecontent .leftcom{width:90%;}
    .mymessages .mainmessage{height: 300px; height: 60vh; }
    .shortinfo{margin-top:100px;} /* ugly fix */
	.description .done, .description .undone {margin-top: -3px !important;}    
	.SubpageFirst .navi_tabs{height: 50px;}
	.table_progress .label{font-size: 20px; margin-top:15px; overflow: hidden; text-overflow: ellipsis;    text-align: left;}
	.table_progress tr td { max-width: 300px !important;}
	.print_button{display: none;}
    .account_listing_odd_even thead tr th{font-size: 18px;}
    .messagecontent{border:0;}
    .myprogress{margin-top: 20px;}
    .smallheading{font-size: 22px;}
    .mypage .people1{height: 140px;margin-bottom: 0;}
    .subpage .myphoto img{width: 120px;height: 120px;}
} 
/* END responsive up to 470*/
.description .completelabel{
	float: right;
	width: 120px;
}
.description .done, .description .undone {
    height: 40px;
    width: 40px;
    margin-top: -10px;
    float: left;
}