/* Reset Styles -----------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, small, strong, ol, ul, li, form, label, table, caption, tr, td, footer, header {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	
	

		font-weight:normal;
}

footer, header, menu, nav, section {
	display: block;
}

html{
	
	height:100%;
}

body {
	
		font-family: 'Roboto', sans-serif;
	font-weight: 200;

	
	font-size: 15px;
	margin-top:107px;
		background:#000;
		
}

strong{
font-weight:bold;
}

ol, ul {
	list-style: none;
}

a:hover {
	text-decoration: underline;
	outline: 0;
}
a:focus {
	outline: 0;
	text-decoration: none;
}
a {
	outline: 0;
	text-decoration: none;
	color:#00bbdd;
	cursor:hand;
	cursor:pointer;
	
}

h1, h2, h3, h4, h5, h6 {


	font-weight: 300;
	margin: 0.5em 0 0.8em 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:24px;
	color:#000;
}

h2{
font-weight: 300;
	margin: 0.5em 0 0.5em 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:20px;
	color:#000;
}
h3{
font-size:24px;
margin:0.5em 0 0.3em 0;
color:#000;
line-height:1em;
font-weight:300;
font-family: 'Roboto Condensed', sans-serif;
text-transform:uppercase;
}
h4{
font-size:18px;
margin:0;
color:#000;
line-height:1em;
font-weight:300;
font-family: 'Roboto Condensed', sans-serif;
}
h5{
font-size:16px;
margin:0 0 8px 0;
color:#000;
line-height:1em;
font-weight:300;
font-family: 'Roboto Condensed', sans-serif;
text-transform:uppercase;
font-weight:500;
}

 ul{
	font-size:1.5em;
	line-height:1.5em;  
	
}

.small{
	font-size:0.7em;
	
}


.pull-center{

text-align:center;
}

.pull-left{

text-align:left;
}

.pull-right{

text-align:right;
}

.floatleft, .float-left{
	float:left;
}

.floatright, .float-right{
	float:right;
}

.w50{
	width:50%;
}
.w30{
	width:30%;
}.w40{
	width:40%;
}

.w45{
	width:45%;
}

.w25{
	width:25%;
}
.w10{
	width:10%;
}
.ml30{
margin-left:30px;	
	
}

.clearfix {
	*zoom: 1
}
.clearfix:before, .clearfix:after{
	display: table;
	line-height: 0;
	content: ""
}
.clearfix:after {
	clear: both
}

.footer{
	
	background-color:#000;
	font-size:12px;
	color:#aaa;
	padding:10px 0;
}

.eventHolder{
	display:table-cell;
	width:64%;
	border-right:1px solid #ddd;
	
}
.trainingHolder{
	display:table-cell;
	width:34%;
	padding-left:3%;
	
}

.radioButtons{
	margin-top:18px;
	float:left;

}

.falseRadio{
	margin-top:10px;
	background-color:#df7f50;
	color:#fff;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:5px 10px 0px 10px;
font-weight:300;

	
}
.jqx-fill-state-normal .jqx-fill-state-pressed{
	
	background-color:#333; 
}

.jqx-notification-container {
	
	z-index:999;
}


.listBox{
	
	display:inline-table;
	margin-right:0;

	padding:0;
	margin-bottom:10px;
	
cursor:hand;
cursor:pointer;


}

.hand{
	
	cursor:hand;
cursor:pointer;

}

.lBoxLeft,
.lBoxRight{
	
	display:table-cell;

	}
	
	
	
.lBoxRight{
	
	vertical-align:middle;

font-family: 'Roboto Condensed', sans-serif;
padding-left:10px;
font-size:13px;
line-height:16px;
	
}
.lBoxRight h4{
		text-transform:uppercase;
	margin-bottom:2px;
font-size:24px;

	
}
	
	
.eventBox{
	
	display:inline-table;
	margin-right:10px;

	padding:10px;
	margin-bottom:10px;
	border:1px solid #ddd;
		-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
cursor:hand;
cursor:pointer;
text-align: left;

}

.eventBox.firstTime{
	font-family: 'Roboto Condensed', sans-serif;
	background-color:#00bbdd;
	color:#fff;
	padding:15px;
	padding-right:25px;

transition:background 0.2s;
}
.eventBox.firstTime h4{	
	color:#fff;
	margin-top:4px;
	margin-bottom:3px;
	font-weight:500;
	
}


.eventBox.firstTime a{	
	color:#fff;
	margin-top:4px;
	margin-bottom:3px;
	
	
}



.eventBox:hover{
	
	display:inline-table;
transition:background 0.2s;
	background-color:#e7fbff;

}

.eventBox.firstTime:hover{
	
	display:inline-table;

	background-color:#05c6e9;

}

.eBoxLeft,
.eBoxRight{
	
	display:table-cell;

	
}
.eBoxLeft div,
.eBoxRight div{
	
	font-family: 'Roboto Condensed', sans-serif;
font-size:15px;
	
}

.eBoxRight{
	
	vertical-align:top;
	text-transform:uppercase;
font-family: 'Roboto Condensed', sans-serif;
padding-left:10px;
font-size:13px;
line-height:16px;
	
}
.eBoxRight a{
	

	text-transform:lowercase;
font-family: 'Roboto Condensed', sans-serif;
font-weight:300;
font-size:13px;

	
}

.eCircle{
	  border-radius: 50%;
	  background:#d5d5d5;
	  width:60px;
	  height:60px;
	  display:inline-table;
	  text-align:center;
	  vertical-align:middle;
	  line-height:60px;
	  position:relative;
	 
	
}

.eCircle span{
	 font-size:30px;
	  color:#fff;
	  font-weight:700;
	  margin-top:15px;
	  display:block;
	  line-height:30px;
}

.eCircle img{ 
	position:absolute;
	margin:auto;
	height:40px;
	width:40px;
	  top:0;
    bottom:0;
	left:0;
	right:0;
}

.tCircle{
	  border-radius: 50%;
	  background:#d5d5d5;
	  width:40px;
	  height:40px;
	  display:inline-table;
	  text-align:center;
	  vertical-align:middle;
	  line-height:40px;
	  position:relative;
	
}

.tCircle img{ 
	position:absolute;
	margin:auto;
	height:23px;
	width:23px;
	  top:0;
    bottom:0;
	left:0;
	right:0;
}

.boxDay{
	
	font-size:26px;
	font-weight:700;
	margin-bottom:5px;
}
.boxMonth{
	
	font-size:13px;
	font-weight:700;
}
.tName{
	font-size:18px;
	display:inline-block;
	
}

.trainingBox{
	
	display:inline-table;
	margin-right:20px;

	padding:5%;
	margin-bottom:10px;
	
		-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

width:90%;
min-width:300px;
overflow:hidden;
}

.tBoxLeft,
.tBoxRight{
	
	display:table-cell;
	position:relative;
	
}

.tBoxLeft{
	
	vertical-align:middle;
	text-transform:uppercase;
font-family: 'Roboto Condensed', sans-serif;

font-size:13px;
line-height:16px;
text-align:center;
border-right:1px solid #777;
padding-right:10px;

	
}

.tBoxRight{
	
	vertical-align:top;
	text-transform:uppercase;
font-family: 'Roboto Condensed', sans-serif;

font-size:13px;
line-height:16px;

padding-right:10px;

	
}

.guideBox{
	
	display:inline-table;
	margin-right:20px;

	padding:5% 0 2% 0;
	margin-bottom:0px;
	font-family: 'Roboto Condensed', sans-serif;
		border-top:1px solid #eee; 

width:95%;
min-width:300px;
overflow:hidden;
}
.guideBox a{
	
	font-size:15px;
	font-family: 'Roboto Condensed', sans-serif;
		
}

.gBoxLeft,
.gBoxRight{
	
	display:table-cell;
	position:relative;
	
}

.gBoxLeft{
	
	vertical-align:top;
	
text-align:left;

padding-right:10px;
width:15%;

	
}.gBoxRight{
	vertical-align:top;

	
text-align:left;

padding-left:10px;
font-family: 'Roboto Condensed', sans-serif;
	
}

.gName{
	font-family: 'Roboto Condensed', sans-serif;
	display:block;
	font-size:20px;
	
}


.gContent{
display:block;	
	
}
.gShow{
	
	
}




  .cls-1 {
        fill: #fff;
        fill-rule: evenodd;
      }
.bigText{
	
	font-size:30px;
	
}
	  
#forgotten,
#forgottenOK,
#forgottenNOT,
#failed,
#welcome,
#authenticating
{
	display:none;
visibility:hidden;
	text-transform:none;
	text-align:center;
	color:#fff;
	margin-top:15px;
	font-size:18px;
	font-family: 'Roboto Condensed', sans-serif;
}	


.tellMore{
	display:none;
	margin-left:18px;
	text-transform:none;
	font-size:18px;

	margin-top:15px;
	font-size:15px;
	font-family: 'Roboto Condensed', sans-serif;
}


.tellMore textarea{
	width:100%;
	margin-bottom:10px;
	margin-top:10px;

}


.tellMore, .messageSent{
	display:none;

	text-transform:none;
	font-size:18px;
	font-weight:700;
	margin-top:15px;
	font-size:15px;
	font-family: 'Roboto Condensed', sans-serif;

}


.ratingThanks{
	display:none;
	margin-left:18px;
	text-transform:none;
	font-size:18px;
	height:31px;
	margin-top:15px;
	font-weight:700;
	font-family: 'Roboto Condensed', sans-serif;
}

.ratingThanks div{

	
	text-transform:none;
	font-size:13px;
	
	margin-top:5px;
	
	font-family: 'Roboto Condensed', sans-serif;
}	  


.pointsHolder{
	
	display:table;
}
	
.pointsCell{
	
	display:table-cell;
	padding-right:15px;
	padding-left:15px;
	border-right:1px solid #ddd;
	text-align:center;
}
.pointsCell:first-child{
	
	
	padding-left:0;
	
}



.pointsCircle{
	  border-radius: 50%;
	  background:#d5d5d5;
	  width:50px;
	  height:50px;
	  display:inline-table;
	  text-align:center;
	  vertical-align:middle;
	  line-height:50px;
	  position:relative;
	  font-size:25px;
	  font-weight:700;
	  color:#fff;
	font-family: 'Roboto Condensed', sans-serif;
}
	
.pointsText{	  
	  font-size:13px;	 
	  color:#777;
	font-family: 'Roboto Condensed', sans-serif;
	margin:5px 0 2px 0;
}
	
.pointsPoints{	  
	  font-size:18px;	 
	 	font-family: 'Roboto Condensed', sans-serif;
		  font-weight:700;
}
	

.totalpoints{
	
	font-size:18px;
	padding:10px 0px;
	margin-top:20px;
	border-top:1px solid #ddd;

}
#totalPoints{
	
	font-weight:700;
}

.pointGreen  .pointsCircle{  background:#74a333;}
.pointOrange  .pointsCircle{  background:#ffad4c;}
.pointRed  .pointsCircle{  background:#df7f50;}
.pointViolet  .pointsCircle{  background:#c9beda;}

	
.pointGreen  .pointsPoints{  color:#75a03f;}
.pointOrange  .pointsPoints{  color:#ef952a;}
.pointRed  .pointsPoints{  color:#df7f50;}
.pointViolet  .pointsPoints{  color:#947db8;}

	
.tBoxRight{
	
	vertical-align:top;
	text-transform:uppercase;
font-family: 'Roboto Condensed', sans-serif;
padding-left:10px;
font-size:13px;
line-height:16px;
width:90%;
	
}
.tBoxRight  .jqxRating{
	
	margin-left:26px;
	margin-top:10px;
	margin-bottom:0;

	
}
.tBoxRight a{
	

	text-transform:lowercase;
font-family: 'Roboto Condensed', sans-serif;
font-weight:300;
font-size:13px;

	
}

.empty,
.empty h4{
	
	color:#aaa;
}

.info{
	color:#777;
	font-size:13px;
	margin-top:10px;line-height:15px;

	padding-left:20px;
	padding-top:1px;
	cursor:pointer;
	cursor:hand;
	
}

/* Header ------------------------------------*/
header {
background-color:#000;
padding:15px 0px 0px 0;
		position:fixed;
top:0;
width:100%;
z-index:100;	
}

header a {
	text-decoration:none;

}
header a:hover {
	text-decoration:none;

}

section {
	overflow: hidden;
padding:15px 0;
background-color: #fff;
	
}


.topmenu{
	
	position:absolute;
	right:0;
	color:#fff;
	font-size:13px;
	top:10px;
	font-weight:700;

}

.topmenu span{
		margin-right:20px;
}
.green{	color:#a9d571;}
.green2{	color:#74a137;}
.white{	color:#fff;}
.black{	color:#000;}

.bgwhite{background-color:#ffffff;}
.bggreen{background-color:#a9d571;}
.bgyellow{background-color:#e5d660;}
.bgblue{background-color:#99bfe6;}
.bgorange{background-color:#99bfe6;}

.circlegreen{background-color:#74a333;}
.circleyellow{background-color:#e5d660;}
.circletyrkys{background-color:#00bbdd;}
.circlepurple{background-color:#b3545c;}
.circleblue{background-color:#0061ad;}
.circleorange{background-color:#f47c29;}
.circletehla{background-color:#de6134;}


section.lgrey1{
	
	background:#f5f5f5;
	border-top:1px solid #ddd;
	padding:20px 0;
	
}
section.lgrey2{
	
	background:#f0f0f0;
	border-top:1px solid #ddd;
	padding:20px 0 5px 0;
	
}
section.white1{
			font-family: 'Roboto Condensed', sans-serif;
	background:#fff;
	border-top:1px solid #ddd;
	padding:20px 0;
	min-height:80px;
	
}

.details div.cl{
		font-family: 'Roboto Condensed', sans-serif;
	display:inline-table;
	margin-right:30px;
	text-transform:uppercase;
	line-height:25px;
}

.details .tab{
	display:inline-block;
	font-weight:300;
	width:90px;
}


.details .tab2{
	display:inline-block;
	font-weight:300;
	width:120px;
}

.strong{
	font-weight:bold;
}

.details span{
	font-weight:700;
	
}

.courseDetailTable{
	font-family: 'Roboto Condensed', sans-serif;
	display:inline-table;
	max-width:480px;
	min-width:350px;
	margin-bottom:15px;
	
}

.courseDetailTableInfo td{
	
	padding:5px 0px;
	
}

.container {
	max-width:1200px;
	width:90%;	
	margin:0 auto;
		position:relative;
		

}

.loginlogo{
	
	max-width:285px;
}

.loginscreen{
	width:100%;
	height:100%;
	position:absolute;
  background: url(../images/vineyard.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
  
    display: flex;
  justify-content: center;
  align-items: center;
	
}

.loginSlogan{
	font-size:30px;
	color:#fff;
	font-weight:300;
	text-transform:uppercase;
		font-family: 'Roboto Condensed', sans-serif;
		margin-bottom:20px;
}
.loginHolder{
	
	width:100%;
	
	
	
text-align:center;	
	
}
.loginHolder a{
	text-transform:uppercase;
	
}

.loginBox{
	 background: url(../images/lbg.png); 

width:100%;
text-align:center;
padding:40px 0 20px 0;
text-align:center;
height:450px;
color:#fff;
font-size:13px;
line-height:20px;
}


.platbaTable td{
	
	padding-right:20px;
	
}

.platbaTable td b{
	
color:#6fb019;
	
}

.platbyTableButton{
	
	width:100%;
}

.circle{
	
	  border-radius: 50%;
	  background:#fff;
	  width:30px;
	  height:30px;
	  display:inline-table;
	  text-align:center;
	  vertical-align:middle;
	  line-height:30px;
	  font-weight:700;
	
}


.submenuHolder{
	
	background-color:#61cde8;
	border-bottom:3px solid white;
	
}

.menuHolder{
	margin-top:5px;
	background-color:#00bbdd;
	border-bottom:5px solid #61cde8;
	
}

.menu li{
	display:inline-block;

text-align:center;

	
}
.menu li a{
	color:#fff;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
font-weight:300;
display:block;
font-size:15px;
padding:0 20px;
	text-align:center;
	transition:background 0.3s;
	text-decoration:none;
	
}
.menu li.active{
	color:#fff;
	background:#61cde8;
	text-align:center;
}

.menu li a.active ,
.menu li  a:hover{
	color:#fff;
	background:#61cde8;
	text-align:center;
	transition:background 0.2s;
	

	
}



.menusub li{
	display:inline-block;

text-align:center;
background:#61cde8;
	
}
.menusub li a{
	color:#fff;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
font-weight:300;
display:block;
font-size:15px;
padding:0 20px;
	text-align:center;
	transition:background 0.3s;
	text-decoration:none;
	
}
.menusub li.active{
	color:#000;
	background:#fff;
	text-align:center;
}

.menusub li a.active ,
.menusub li  a:hover{
	color:#000;
	background:#fff;
	text-align:center;
	transition:background 0.2s;
	

	
}


.banner{
	
	height:380px;
	position:relative;
	overflow:hidden;

}

.pokec{
	position:absolute;
	z-index:5;
	top:50%;
	max-width:1200px;
	width:90%;
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	
}


.pokec1, .pokec2, .pokec3{
	font-size:24px;
	color:#fff;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	
}

.pokec2{	font-size:32px;}
.pokec3{	font-size:14px;font-style: italic; 	text-transform:lowercase;}


button{
	border:0;
}

.button{
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	font-size:20px;
	  white-space: nowrap; 
	color:#fff;
	background:#00bbdd;
	text-align:center;
	transition:background 0.2s;
	padding:10px 20px;
	display:inline-block;
	margin:10px 0;
		transition:background 0.2s;
		
	cursor:pointer;
cursor:hand;	
		
		
}

.button:hover, .bhover{
text-decoration:none;
	background:#74a333;
		transition:background 0.2s;
	
}

.buttonMargin{
	margin-right:15px;
	
}
.buttonBig{
	padding:16px 32px;
	
}

.buttonGreen{
text-decoration:none;
	background:#74a333;
	
	
}
.buttonGrey{
text-decoration:none;
	background:#b7c1c2;
	
	
}


.bsmall{
	
	font-size:15px;
	
	color:#fff;
	background:#00bbdd;
	text-align:center;
	transition:background 0.2s;
	padding:10px 20px;
	display:inline-block;
	margin:10px 0;
		transition:background 0.2s;
}


#messageHolder{
	position:absolute;
	z-index:10;
	
	
}


.lbutton, .lbutton:hover{
	
    background-color: #008cea;

padding:10px 40px;
font-size:15px;
	
}

p{
	margin:0;
	padding:0;
	margin:5px 0;
	
}


.greyBorder{
	border:1px solid #ddd;
	background-color:#fff;
	padding:20px 0px;
	width:100%;
		font-size:18px;
		
				-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom:20px;
}
.greyBorder table{
	
	margin:0 auto;
	width:50%;
	min-width:320px;

}

.creditsTotal{
	border:1px solid #ddd;
	background-color:#fff;
	padding:20px 0px;
	width:45%;
}

.creditsTotal td{
	
	font-family: 'Roboto ', sans-serif;
	font-weight:300;
color:#000;
	font-size:20px;
	vertical-align:middle;
	padding: 0px 20px;
}


.creditsLeftHolder{
	background-color:#fff;
	float:left;
	width:40%;
	margin-top:30px;
		-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #ddd;
padding:30px;
}

.creditsRightHolder{
		margin-top:30px;
	float:right;
	width:40%;
		-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #ddd;
padding:30px;
}

.creditsTop{
	background-color:#666e6e;
	padding:20px;
	font-family: 'Roboto ', sans-serif;
	font-weight:300;
color:#fff;
	font-size:20px;
	text-align:center;
				-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom:5px;
}
.creditsTopSmall{
	background-color:#666e6e;
	padding:10px;
	font-family: 'Roboto ', sans-serif;
	font-weight:300;
color:#fff;
	font-size:18px;
	text-align:center;
				-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom:5px;
}
.creditsTop1{
	background-color:#74a333;
	padding:20px;
	font-family: 'Roboto ', sans-serif;
	font-weight:300;
color:#fff;
	font-size:20px;
	text-align:center;
			-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom:5px;
}
.creditsInfo{
	
	padding:20px;
	font-family: 'Roboto ', sans-serif;
	font-weight:300;
color:#000;
	font-size:15px;
	text-align:center;
}


.creditsPacks ul{
	width:100%;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #ddd;
	background-color:#fff;
}

.creditsPacks li{
padding:5px 0;	
border-bottom:1px solid #ddd;
}

.creditsTr{
	display:table;
	width:100%;
	
	
}

.creditsTd{
	display:table-cell;
	vertical-align:middle;
	font-size:20px;
	line-height:18px;
	padding:0 20px;
}
.save{
	color:#777;
	font-size:13px;
}
.pointer{
	cursor:default;
	
}


.costinfo{
	display:inline-block;
	
	font-size:18px;

	
}

.tablecell{
	
	display:table-cell;
	vertical-align:middle;
}

div#preload { display: none; }


.formbox{
	
	background:#f4f7fe;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:0px;
padding-bottom:5px;
position:relative;
font-family: 'Roboto ', sans-serif;
	font-weight:300;
color:#000;	
margin:0 auto;
	max-width:700px;

}

.formbox h2{
	
	text-align:center;
	margin:0;
	padding-bottom:30px;
	font-size:25px;
}


.bluebox{
	
	background:#f4f7fe;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:0px;
padding-bottom:5px;
position:relative;
font-family: 'Roboto ', sans-serif;
	font-weight:300;
color:#000;	

	width:520px;
margin-bottom:30px;

}
.blueboxHead{
		background:#fff;
font-size:18px;
padding:0px 0px 5px 0;
line-height:25px;
	
}
.blueboxEdit{
	position:absolute;
	right:0px;
	top:3px;
	width:50px;
	height:30px;
	z-index:11;
	font-size:13px;
	cursor:hand;
	cursor:pointer;
}

.blueboxContent{
	border-top: 1px solid #e3e3e3;
	padding:10px 20px;
	
	
}

.blueboxName{
	
font-size:18px;
padding:0px 0px;
line-height:25px;
	
}.blueboxMail{
	
font-size:13px;
padding:0px 0px;
line-height:25px;
	
}
.blueboxData{
	
font-size:13px;
padding:0px 0px;
line-height:25px;
	
}

.blueboxAddress{
	
font-size:13px;
padding:0px 0px;
line-height:18px;
	
}

.blueboxData b,
.blueboxAddress b
{
	width:80px;
	display:inline-block;
	
}


.borderBox{
		border: 1px solid #efefef;
	background:#fff;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:0px;
padding-bottom:5px;
position:relative;
font-family: 'Roboto ', sans-serif;
	font-weight:300;
color:#000;	


margin-bottom:30px;

}

.dashBox{
		border: 1px solid #efefef;
	background:#fff;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:0px;
padding-bottom:5px;
position:relative;
font-family: 'Roboto ', sans-serif;
	font-weight:300;
color:#000;	

	width:520px;
margin-bottom:30px;

}


.dashBox p
{
	font-size:13px;
}

.dashBox .msgClose
{
	top:3px;
	right:5px;

}
.dashboxclose{
	position:absolute;
	right:10px;
	top:3px;
	width:30px;
	height:30px;
	z-index:11;

}

.dashHolder{
	position:relative;
	border-top: 1px solid #efefef;
	padding:10px 20px;
	line-height:20px;

}

#popMsgBox{
	display:none;
	position:fixed;
	z-index:10000;
	background:#fff;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:0px;
padding-bottom:10px;

font-family: 'Roboto ', sans-serif;
	font-weight:300;
color:#000;	
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.23);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.23);
	width:460px;
top:50px;

}
#popMsgBox .popboxclose,
#popMsgBox .msgClose
{
	top:3px;
	right:5px;
	
}
.msgHolder{
	position:relative;
	border-top: 1px solid #efefef;
	padding:10px 20px;
	line-height:20px;
	cursor:hand;
	cursor:pointer;
}

.msgdetail{
	
	position:absolute;
	right:20px;
	top:30px;
	color:#000;
	font-size:14px;
	
}

.msgHolder:hover{
	background-color:#f0f0f0;
}

.msgSubject{
	
	font-weight:bold;
	font-size:15px;
	
}

.msgUnread{
	background-color:#eaffdf;
	
}
.msgTime{
	
	line-height:20px;
	font-size:12px;
		font-weight:bold;
}
.msgFrom{
	
	line-height:20px;
	font-size:13px;	
}
.msgMessage{
	margin:6px 0;
	line-height:16px;
	font-size:12px;	
}
.msgUrl{
	
	line-height:16px;
	font-size:12px;	
}


.msgboxHead{
	
font-size:15px;
padding:10px 20px;
	
}
.msgClose, .msgArchive{
	position:absolute;
	right:0;
	top:0;
	width:30px;
	height:30px;
	z-index:1;

}

.msgDelete{
	position:absolute;
	right:0;
	top:0;
	width:30px;
	height:30px;
	z-index:1;

}

#popover{
	display:none;
	position:fixed;
	z-index:10000;
	background:#fff;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:5px;

font-family: 'Roboto ', sans-serif;
	font-weight:300;
color:#000;	
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.23);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.23);
	width:460px;
top:50px;

}
#popover table{
	width:100%;

	
}#popover li a{
font-weight:200;

	
}
#pop{
	cursor:hand;
	cursor:pointer;
	color:#00bbdd;
}

#popMessage{
	cursor:hand;
	cursor:pointer;
	color:#00bbdd;
}
.popboxcontent{
	position:relative;
	height:100%;
	width:100%;
	
}

.popMsgBoxtop{
	position:absolute;
	margin-top:-14px;
	margin-left:100px;
	z-index:11;
	
}.popboxtop{
	position:absolute;
	margin-top:-18px;
	margin-left:350px;
	z-index:11;
	
}
.popboxclose{
	position:absolute;
	right:0;
	top:0;
	width:30px;
	height:30px;
	z-index:11;

	cursor:hand;
	cursor:pointer;
}

.popoUl{
	
	list-style-type:none;
	
}


.popoUl li{
	
	list-style-type:none;
	padding-left:20px;
	width:120px;
	line-height:20px;
	height:20px;
	display:inline-block;
	font-size:13px;
	margin-bottom:0px;

	
}


.popoName{
	
	font-size:18px;
}

.tooltip{
	cursor:hand;
	cursor:pointer;
	
}

.cropholder{
	
	position:relative;
	width:120px;
	height:160px;
	margin:0 auto;
}


.restoreimg{
	font-size:13px;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

	  white-space: nowrap; 
	color:#fff;
	background:#6e6e6e;
	text-align:center;
	transition:background 0.2s;
	padding:5px 10px;
	
	margin:6px 0;
	display:none;	
	
	width:140px;
	margin:0 auto;
	margin-top:20px;
	
	
}
.changeimg, .savebutton, .successbutton{
	font-size:15px;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

	  white-space: nowrap; 
	color:#fff;
	background:#00bbdd;
	text-align:center;
	transition:background 0.2s;
	padding:8px 12px;
	line-height:28px;
	margin:6px 0;
	width:240px;
	margin:0 auto;
	margin-top:20px;
	cursor:hand;
	cursor:pointer;
	
}

.savebutton:disabled{
	
	opacity: 0.5;
}

.successbutton{
	background:#13964c;
	display:none;
	}

	.error{
		font-size:15px;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

	 
	color:#fff;
	background:#f9a134;
	text-align:center;
	transition:background 0.2s;
	padding:8px 12px;
	line-height:28px;
	margin:6px 0;
	
	
	margin-top:20px;
	display:none;	
	}
	
.imageholder{
	position:relative;
	text-align:center;
	
	padding:10px;
	
	
}

.portraitwrapper{
	
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background: #fff;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 1px 1px 3px #AAA;
	max-width:400px;
}

.dashboxcontent{
	position:relative;

	
	
	
}
.infobox{
	
	max-width:420px;
	padding:20px;
	margin:0px auto;
	color:#777;
	font-size:13px;
}


.padding30{
	
	padding:30px;
}.padding50{
	
	padding:50px;
}


.loginfooter{
	
	position:fixed;
	bottom:0;
	line-height:40px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	color:#fff;
	font-size:15px;
	text-align:center;
	height:40px;
z-index:1000;
width:100%;
    background: url(../images/lbg.png);

	}

	.jqx-fill-state-pressed{-moz-box-sizing: content-box; box-sizing: content-box; border-color:#ecf0f7; background: #f4f7fe;}

	.jqx-menu-vertical
{
    background-color: #fff;
}

.jqx-fill-state-normal{-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none;font-family: 'Roboto Condensed', sans-serif; font-style: normal; font-size: 15px; border-color:#ddd; background: #fff; }


.messagenav {
	width:150px;
	float:left;
	
}

.messagenav li{
	
	font-size:15px;
	font-weight:bold;
	padding:5px 0;
	line-height:25px;
}
.messagenav a{
	color:#000;
	line-height:25px;
	display:block;
	
}

.morecontent span {
    display: none;
}

@keyframes blink {
to { color: #62e7ff; }
}

.blinky {
color: #00bbdd;
animation: blink 1s steps(2, start) infinite;
}

.bigheader{
	color:#00bbdd;
		font-family: 'Roboto Condensed', sans-serif;
	font-size:60px;
	border-bottom:4px solid #00bbdd;
}


.white-popup-block2{
	max-width:600px;
	margin:0 auto;
	background:#fff;
	padding:30px 30px;
	
}

.choosePayment{
	padding:20px;
	background-color:#9cd08e;

	font-size:15px;
	text-align:center;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}


.chooseOptional {
		padding:20px;
	background-color:#4da1f5;

	font-size:15px;
	text-align:center;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-bottom:40px;
	
}
.choosePayment,.chooseOptional table{
	min-width:300px;
	margin:0 auto;
}





.contacttable td{
	vertical-align:top;
	padding:10px;
	font-size:12px;
	
}
.contacttable {
	margin-right:20px;
	width:40%;
	float:left;
	height:280px;
	border:1px solid #ccc;
	margin-bottom:20px;
}


@media handheld, only screen and (max-width: 1000px) {

/* Header ------------------------------------*/

.container {
	width:90%;	


}
}