@charset "utf-8";
/* CSS Document */

@media (min-width: 400px) {
    body {
        zoom: 120%;
    }
}

@media (min-width: 700px) {
	body {
		zoom: 180%;
	}
}

@media screen and (min-width: 1000px){
	body{
		//display:none;
	}
}

*{
	margin:0px;
	border:0px;
	padding:0px;
	-webkit-text-size-adjust:none; /*This assures that when the mobile is rotated, the font size doesn't increase */
}

.token {
    padding-left:5px !important;
}

.clear{
	clear:both;
}

.demo{color:#528caf;}

label {
    font-size:0.8em;
}

input[type="button"], input[type="submit"] {
    -webkit-appearance: none;
    -webkit-border-radius:0;
    border-radius:0;
}

.decoration{
	margin-bottom:5px;
}

.container-decoration{
	background-color:#cacaca;
	height:1px;
	width:100%;
	margin-bottom:20px;
}

body{
}

/*Login Box */
.logging-in p {
	font-size:1.3em;
}

.logging-in {
	width: 175px;
	margin: 10px auto;
	text-align: center;
	padding: 8px 0px 10px 0px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.logging-in input[type="text"], .logging-in input[type="password"] {
	font-size: 1.4em;
	text-align: center;
	padding:3px 0px;
	margin: 4px 0px 10px 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.logging-in .cardno {
	width:135px;
}
.logging-in input[type="submit"] {
	margin-top:5px;
}

.logging-in input.error {
	padding-bottom:3px !important;
	border: 1px solid #cc0000 !important;
}
.register-container input {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size:1.0em;
    width:180px;
    margin-left:5px;
}
.logging-in .emali-submit {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size:1.5em;
}

.landing-logo {
	text-align: center;
}

#scan-link a
/*, .register-container a*/ {
    text-decoration: underline;
	font-size:1.3em;
}

.register-container {
	font-size:1.3em;
	width:200px;
	margin:auto;
	text-align: center;
}

.home-footer {
	width:240px;
	margin-left:auto;
	margin-right:auto;
	background:#58595c;
/* GL	background:#848587; */
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

.landing-page {
	width:100%;
}

.login-box{
    position:relative;
    z-index:999;
    width:254px;
    margin:auto;
    background:url('/img/v2/login-graphic.png') top center no-repeat;
    height:244px;
}

#login-fields {
    margin-top:-137px;
    background: #000;
    padding:15px 10px 15px 10px;
    width:130px;
    margin-left:-10px;
}

.register #login-fields {
    width:200px !important;
}


.emali-submit {
    padding:3px 10px;
    background:#528caf;
	cursor: pointer;
}

.login-form {
    padding-top:155px;
    width:135px;
    margin-left:auto;
    margin-right:auto;
}

.login-user {
    width:125px;
    padding:2px;
    margin-bottom: 5px;
}

.login-pin {
    width:55px;
    padding:2px;
    margin-right: 7px;
}

.login-label, .login-label-top {
    color:#fff;
}

.login-label-top {
    padding-bottom: 5px;
    margin-top:-7px;
}

.login-box-deco1{
    position:relative;
    z-index:998;
    width:290px;
    background-color:#FFFFFF;
    border:solid 1px #cccccc;
    height:5px;
    margin:auto;
    margin-top:-3px;
    -webkit-box-shadow: 0px 1px 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 1px 1px 2px rgba(0, 0, 0, 0.05);

}

.login-box-deco2{
    position:relative;
    z-index:996;
    width:282px;
    margin:auto;
    background-color:#FFFFFF;
    border:solid 1px #cccccc;
    height:5px;
    margin-top:-3px;
    -webkit-box-shadow: 0px 1px 1px 2px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 1px 1px 2px rgba(0, 0, 0, 0.04);

}

.login-box-content{
    padding:20px;
}

#username{
	background-image:url(/images/ui/user.png);
	background-repeat:no-repeat;
	background-position:210px 12px;
	font-family: 'Open Sans', sans-serif;
	color:#a3b0b9;
	width:92%;
	font-size:1.1em;
	background-color:#FFFFFF;
	border:solid 1px #cccccb;
	webkit-border-radius: 4px;
	border-radius: 4px;
	padding:5px;
	-webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
	margin-bottom:20px;
	margin-top:10px;
}

#username:focus{
	border:solid 1px #F33;
}

.field{
	font-family: 'Open Sans', sans-serif;
	color:#000000;
	width:92%;
	font-size:12px;
	background-color:#FFFFFF;
	border:solid 1px #cccccb;
	webkit-border-radius: 2px;
	border-radius: 2px;
	padding:3px;
	-webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
	margin-bottom:10px;
}

#password{
	background-image:url(/images/ui/password.png);
	background-repeat:no-repeat;
	background-position:210px 12px;
	font-family: 'Open Sans', sans-serif;
	font-size:1.1em;
	color:#a3b0b9;
	width:92%;
	background-color:#FFFFFF;
	border:solid 1px #cccccb;
	webkit-border-radius: 4px;
	border-radius: 4px;
	padding:5px;
	-webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
	margin-bottom:30px;
}

#password:focus{
	border:solid 1px #F33;
}



.buttonBig{
	float:right;
	margin-right:10px;
	margin-top:-10px;
	background-color: rgba(226, 234, 238, 0.4);
	height:38px;
	-webkit-border-radius: 38px;
	border-radius: 38px;
	padding-left:5px;
	padding-right:5px;
}

.buttonBigYellow{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#fff;
	
	background-color:#008110;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	height:18px;
	display:block;
	-webkit-border-radius: 38px;
	border-radius: 33px;
	margin-top:5px;
	
	border:solid 1px #259433;
	
	background-image: linear-gradient(bottom, #007C21 17%, #248F40 62%);
	background-image: -o-linear-gradient(bottom, #007C21 17%, #248F40 62%);
	background-image: -moz-linear-gradient(bottom, #007C21 17%, #248F40 62%);
	background-image: -webkit-linear-gradient(bottom, #007C21 17%, #248F40 62%);
	background-image: -ms-linear-gradient(bottom, #007C21 17%, #248F40 62%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.17, #007C21),
		color-stop(0.62, #248F40)
	);
}

.grey {
	background:#f7f7f7;
}

.buttongrey {
	background-image: linear-gradient(bottom, #ccc 17%, #666 62%) !important;
	background-image: -o-linear-gradient(bottom, #ccc 17%, #666 62%) !important;
	background-image: -moz-linear-gradient(bottom, #ccc 17%, #666 62%) !important;
	background-image: -webkit-linear-gradient(bottom, #ccc 17%, #666 62%) !important;
	background-image: -ms-linear-gradient(bottom, #ccc 17%, #666 62%) !important;	
}


.buttonBigYellow:hover{
	background-image: linear-gradient(top, #007C21 17%, #248F40 62%);
	background-image: -o-linear-gradient(top, #007C21 17%, #248F40 62%);
	background-image: -moz-linear-gradient(top, #007C21 17%, #248F40 62%);
	background-image: -webkit-linear-gradient(top, #007C21 17%, #248F40 62%);
	background-image: -ms-linear-gradient(top, #007C21 17%, #248F40 62%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.17, #007C21),
		color-stop(0.62, #248F40)
	);
}

.buttonBigYellow:active{
	opacity:0.7;
}

.login-note{
	padding-top:10px;
	text-align:center;
	color:#959595;
	padding-bottom:20px;
}

.footer-note{
	text-align:center;
	color:#959595;
	padding-bottom:20px;
}

.login-note strong{
	color:#F00;
	padding-right:5px;
}

/*Navigation page*/
.nav-wrap {
	position:relative;
}

.nav-deploy{
	position:absolute;
	left:198px;
	z-index:999;
	cursor:pointer;
		
	margin-top:10px;
	width:100px; 
	float:right;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#727272;
	padding-top:5px;
	padding-bottom:5px;
	
	border:solid 1px #d0d9e0;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:20px;

	background-color:#FFFFFF;
		
	-webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.2);

}


.nav-arrow{
	background-image:url(/images/ui/arrow-down.png); 
	background-repeat:no-repeat;
	padding-left:20px;
	background-position:0px 4px;
	font-style:normal;
}

.change-arrow{
	background-image:url(/images/ui/arrow-up.png);
	background-repeat:no-repeat;
	padding-left:20px;
	background-position:0px 4px;
	font-style:normal;
}


/*@media screen and (min-width: 400px){
	.nav-deploy{
		position:absolute;
		left:95%;
		z-index:999;
	}	
}*/

.nav-items{
	width:100px;
	display:none;
}

.show-nav{
	display:block;
}

.nav-items a{
	color:#727272!important;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
}

.first-nav-item{
	margin-top:10px;
	border-top:solid 1px rgba(211, 225, 236, 0.8);
	border-bottom:solid 1px rgba(211, 225, 236, 0.8);
}

.nav-item{
	border-bottom:solid 1px rgba(211, 225, 236, 0.8);
}

.last-nav-item{
	padding-bottom:0px!important;
}


.navigation{
	margin:auto;
}

.navigation ul {
	list-style-type:none;
}

.nav-icon {
	width:55px;
	text-align:center;
	float:left;
	clear:left;
	font-size:13px;
}

.email-icon-wrapper {
	position:relative;
	top:35px;
}
.email-icon-wrapper .email-icons {
	position: absolute;
	bottom: 0;
	left: 0;
}

.email-icons .nav-icon {
	width:70px;
	clear:none;
}

.altnav {
	background:url(/img/v2/arrow-01.png) 95% 16px no-repeat #f3f5f5 !important;
}

.navigation ul li {
	background:url(/img/v2/arrow-01.png) 95% 16px no-repeat;
	height:30px;
	padding-top:10px;
	padding-bottom:5px;
}

.navigation ul li a {
	padding-left:5px;
}

.float {
	float:left !important;
}

/*Dash page*/

.dash-page{
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}

.small-logo{
	margin-top:0px;
	margin-bottom:1px;
	float:left;
}

.content-box{
	display:block;
	width:100%;
	/*border:solid 1px #ccd5dc;*/
	background-color:#FFFFFF;
	/*-webkit-border-radius: 10px;
	border-radius: 3px;*/
	margin-bottom:5px;
}

.content-box-title{
	background-color:#58595c;
	color:#fff;
	/*border-bottom:solid 1px #ccd5dc;*/
	margin-bottom:5px;
}


/*Vistior Statistics Vertical*/

.visitor-stats-vertical{
	width:280px;
	margin:auto;
}

.stat-vertical-background{
	float:left;
	margin-right:10px;
	margin-left:10px;
	background-color:#eaeaea;
	height:150px;
	display:block;
	width:15px;
	margin-bottom:40px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.3);
}

.percent-vertical{
	position:absolute;
	width:9px;
	display:block;
	margin-left:2px;
}

.vertical-stat-number{
	position:absolute;
	margin-top:155px;
	margin-left:3px;
}

.vp100{height:143px; margin-top:3px;}
.vp90{height:135px; margin-top:11px;}
.vp80{height:120px; margin-top:26px;}
.vp70{height:105px; margin-top:41px;}
.vp60{height:90px; margin-top:56px;}
.vp50{height:75px; margin-top:71px;}
.vp40{height:60px; margin-top:86px;}
.vp30{height:45px; margin-top:101px;}
.vp20{height:30px; margin-top:116px;}
.vp10{height:15px; margin-top:131px;}

/*Visitor Statistics*/

.visitor-stats{
	padding-left:10px;
	padding-right:10px;
}

.stat-left{ color:#959595;	font-size:10px; padding-bottom:5px;float:left;}
.stat-right{color:#959595;	font-size:10px; padding-bottom:5px; float:right;}

.increase{color:#95ab24; font-weight:normal; padding-left:10px;}
.decrease{color:#f61636; font-weight:normal; padding-left:10px;}

.stat-background{
	background-color:#eaeaea;
	height:15px;
	display:block;
	margin-bottom:20px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.3);
}

.stat-cleaner{
	display:block;
	width:100%;
	height:2px;
}

.percent{
	position:relative;
	height:9px;
	display:block;
	margin-left:2px;
}

.p100{width:98%;}
.p90{width:88%;}
.p80{width:78%;}
.p70{width:68%;}
.p60{width:58%;}
.p50{width:48%;}
.p40{width:38%;}
.p30{width:28%;}
.p20{width:18%;}
.p10{width:8%;}


.green{
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.red{
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.yellow{
	margin-left:2px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}


/*Comment Box*/

.comment-box{
	padding-left:10px;
	padding-right:10px;
}

.comment-title{
	font-size:12px;
	font-weight:bold;
	color:#959595;
	padding-bottom:10px;
}

.comment-body{
	color:#959595;
	padding-bottom:20px;
	font-size:12px;
	line-height:17px;
}

.comment-controls{float:right; padding-bottom:20px;}
.comment-controls li{
	float:left;
	list-style:none;
	font-size:12px;
	font-family:'Open Sans', sans-serif;
	padding-right:20px;
}

.comment-controls li a{
	color:#959595;
}

.comment-approve{
	background-image:url(/images/lists/list-tick.png);
	background-position:0 1px;
	background-repeat:no-repeat;
	padding-left:23px;
}

.comment-reject{
	background-image:url(/images/lists/list-cross.png);
	background-position:0 1px;
	background-repeat:no-repeat;
	padding-left:23px;
}

.comment-trash{
	background-image:url(/images/lists/list-trash.png);
	background-position:0 2px;
	background-repeat:no-repeat;
	padding-left:23px;
}

.comment-decoration{
	background-color:#e2e9ed;
	height:1px;
	width:100%;
	margin-bottom:20px;
}

/* Quick Post Box */

.quick-posts{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

.quick-post-button{
	float:right;
	margin-bottom:10px!important;
}

.big-field{
	font-family: 'Open Sans', sans-serif;
	color:#aeaeae;
	width:92%;
	background-color:#FFFFFF;
	border:solid 1px #cccccb;
	webkit-border-radius: 4px;
	border-radius: 4px;
	padding:10px;
	padding-bottom:30px;
	-webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
	margin-bottom:5px;
}

.notification-box-green{
	margin-bottom:8px;
	width:100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-style:solid;
	border-width:1px;
	border-color:#3ca730;
	background-color: rgba(60, 167, 48, 0.3);
}

.notification-box-green a{
	display:block;
	overflow:hidden;
}


.notification-box-yellow{
	margin-bottom:20px;
	width:100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-style:solid;
	border-width:1px;
	border-color:#cda51b;
	background-color: rgba(255, 210, 1, 0.5);
}

.notification-box-yellow a{
	display:block;
	overflow:hidden;
}

.notification-box-blue{
	margin-bottom:20px;
	width:100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-style:solid;
	border-width:1px;
	border-color:#649bae;
	background-color: rgba(100, 155, 174, 0.5);
}

/*.notification-box-blue a{
	display:block;
	overflow:hidden;
}*/


.notification-box-red{
	margin-bottom:20px;
	width:100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-style:solid;
	border-width:1px;
	border-color:#c24747;
	background-color: rgba(219, 84, 84, 0.5);
}

.notification-box-red a{
	display:block;
	overflow:hidden;
}

.notification-icon{
	padding-top:9px;
	padding-left:10px;
	float:left;
}

.notification-text{
	font-family:'Open Sans', sans-serif;
	/*float:left;*/
	margin-top:8px;
	padding-left:20px;
	color:#565555;
}

.notification-quit-green{
	float:left;
	font-weight:bold;
	font-family:'Open Sans',Verdana, Geneva, sans-serif;
	font-size:11px;
	padding-top:8px;
	margin-left:90%;
	position:absolute;
	color:#3ca730!important;
}

.notification-quit-yellow{
	float:left;
	font-weight:bold;
	font-family:'Open Sans',Verdana, Geneva, sans-serif;
	font-size:11px;
	padding-top:8px;
	margin-left:90%;
	position:absolute;
	color:#cda51b!important;
}

.notification-quit-blue{
	float:left;
	font-weight:bold;
	font-family:'Open Sans',Verdana, Geneva, sans-serif;
	font-size:11px;
	padding-top:8px;
	margin-left:90%;
	position:absolute;
	color:#649bae!important;
}

.notification-quit-red{
	float:left;
	font-weight:bold;
	font-family:'Open Sans',Verdana, Geneva, sans-serif;
	font-size:11px;
	padding-top:8px;
	margin-left:90%;
	position:absolute;
	color:#c24747!important;
}

/*Post Box*/

.post-box{
	padding-bottom:20px;
}

.post-body{
	padding-left:10px;
	padding-right:10px;
	color:#959595;
	line-height:18px;
	padding-bottom:20px;
}

.post-expand-body{
	display:none;
	padding-left:10px;
	padding-right:10px;
	color:#959595;
	line-height:18px;
	padding-bottom:20px;
}

.post-decoration{
	background-color:#ccd5dc;
	height:1px;
	width:100%;
}

ul.post-lists{
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	float:right;
	list-style:none;
}

li.post-approve{
	cursor:pointer;
	background-image:url(/images/lists/list-tick.png);
	background-repeat:no-repeat;
	float:left;
	margin-right:15px;
	padding-left:23px;
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	color:#959595;
}

li.post-expand{
	cursor:pointer;
	background-image:url(/images/lists/list-plus.png);
	background-repeat:no-repeat;
	float:left;
	margin-right:15px;
	padding-left:23px;
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	color:#959595;
}

li.post-edit{
	cursor:pointer;
	background-image:url(/images/lists/list-edit.png);
	background-repeat:no-repeat;
	float:left;
	margin-right:15px;
	padding-left:23px;
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	color:#959595;
}

li.post-trash{
	cursor:pointer;
	background-image:url(/images/lists/list-trash.png);
	background-repeat:no-repeat;
	background-position:0 2px;
	float:left;
	padding-left:23px;
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	color:#959595;
}

.control-but{
	border:solid 1px #cacaca;
	background-image: linear-gradient(bottom, rgb(227,227,227) 1%, rgb(237,237,237) 51%);
	background-image: -o-linear-gradient(bottom, rgb(227,227,227) 1%, rgb(237,237,237) 51%);
	background-image: -moz-linear-gradient(bottom, rgb(227,227,227) 1%, rgb(237,237,237) 51%);
	background-image: -webkit-linear-gradient(bottom, rgb(227,227,227) 1%, rgb(237,237,237) 51%);
	background-image: -ms-linear-gradient(bottom, rgb(227,227,227) 1%, rgb(237,237,237) 51%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, rgb(227,227,227)),
		color-stop(0.51, rgb(237,237,237))
	);
}

.bold-control{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	display:inline-block;
	width:24px;
	height:20px;
	padding-top:3px;
	text-align:center;
	background-color:#CCC;
	margin-bottom:10px;
	color:#000000!important;
	font-size:12px;
}

.italic-control{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-family:'Open Sans', sans-serif;
	font-style:italic;
	display:inline-block;
	width:24px;
	height:20px;
	padding-top:3px;
	text-align:center;
	background-color:#CCC;
	margin-bottom:10px;
	color:#000000!important;
	font-size:12px;
}

.underline-control{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-family:'Open Sans', sans-serif;
	font-style:normal;
	text-decoration:underline!important;
	display:inline-block;
	width:24px;
	height:20px;
	padding-top:3px;
	text-align:center;
	background-color:#CCC;
	margin-bottom:10px;
	color:#000000!important;
	font-size:12px;
}

.strike-control{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-family:'Open Sans', sans-serif;
	font-style:normal;
	text-decoration:line-through;
	padding-left:8px;
	padding-right:8px;
	display:inline-block;
	width:24px;
	height:20px;
	padding-top:3px;
	text-align:center;
	background-color:#CCC;
	margin-bottom:10px;
	color:#000000!important;
	font-size:12px;
}

.list-control{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-family:'Open Sans', sans-serif;
	font-style:normal;
	text-decoration:line-through;
	display:inline-block;
	width:24px;
	height:20px;
	padding-top:3px;
	text-align:center;
	background-color:#CCC;
	margin-bottom:10px;
	color:#000000!important;
	font-size:12px;
}



/*Files Box*/

.files-box{
	padding-left:10px;
	padding-right:10px;
	margin-bottom:20px;
}

.file-image{
	float:left;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
	width:32px;
	height:44px;
}

.file-title{
	margin-top:-5px;
	padding-bottom:2px;
	padding-left:20px;
	width:78%;
	float:left;
	font-size:14px;
	font-weight:bold;
}

.file-href{
	padding-left:20px;
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	color:#959595;
	float:left;
}


.files-decoration{
	background-color:#e2e9ed;
	height:1px;
	width:100%;
	display:block;
	margin-bottom:20px;

}

.player-show{
	display:block;
	width:100%;
	padding-top:20px;
	opacity:0;
	margin-bottom:-40px;
}

.video-player{
	display:block;
	width:100%;
	border:solid 1px #cacaca;
}

.showPlayer{
	opacity:1;
	margin-bottom:0px;
}

.file-show{
	display:none;
}

.file-show img{
	display:block;
	margin-top:20px;
	width:98%;
	display:block;
	background-color:#FFFFFF;
	padding:3px;
	border:solid 1px #cacaca;
}

/*Neutral Elements*/

.content-box-container{
	padding:10px 0px 2px 5px;
}

.zeropad {
	padding:2px !important;
}

/*Profile Page*/

.profile-box{
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	display:block;
}

.profile-image{
	padding:5px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	background-color:#FFFFFF;
	border:solid 1px #cacaca;
	-webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
}

.profile-box p{
	float:left;
	width:60%;
}

.profile-title{
	font-size:14px;
	padding-bottom:10px;
}

.profile-bio{
	color:#959595;
	padding-bottom:5px;
}

.profile-mail{
	color:#959595;
	margin-bottom:20px;
}

.field-description{
	margin-top:0px;
	margin-bottom:10px;
}

.small-field {
	width:140px !important;
}

.smallest1-field {
	width:48px !important;
}

select.small-field {
	width:150px !important;	
}

.smaller-field {
	width:95px !important;
}

.smallest-field {
	width:75px !important;	
}

.small-q {
	width:120px !important;
}

.small-q4 {
    width:100px !important;
}

.small-q-2 {
	width:78px !important;
}

.small-q1 {
	width:72px !important;
}

.small-q2 {
	width:155px !important;
}

.small-q3 {
    width:155px !important;
}

.data-table {
		width:100%;
}

.data-table thead.lgreen td {
	background: #CCD5DC;
	border:none;
	padding:3px;
}

.data-table thead.lgreen td select, .paging select {
	background: #CCD5DC;
	font-weight:bold;
}

/*#MessageFolder {
	background:#fff;
}*/

.data-table thead td {
	font-weight:bold;
	background: #000;
    color:#fff;
    padding:4px 10px;
    text-transform: lowercase;
}

.paging {
	background: #F7F7F7;	
}

.paging {
	background: #EFF3F7;	
}

.data-table tfoot .paging {
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    background: #fff;
    text-transform: lowercase;
    font-weight: bold;
}



.data-table tfoot, .tfoot td {
	background: #CCD5DC;
	border-top:1px solid #CCD5DC;
}

.data-table tfoot td, .tfoot td {
	padding:3px;	
}

.data-table tfoot select, .tfoot td select {
	font-weight:bold;
	background: #000;
    color:#fff;
}

.foot {
	padding-top:0px !important;
}

.data-table td {
	font-size:12px;
	font-family: 'Open Sans', sans-serif;	
	padding:4px 10px;
}

.send-message {
	text-align:center;
	float:right;
}

#dash-logo {
	float:right;
	padding-right: 20px;
	padding-top:20px
}
#dash-logo span, .footer-general span {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	padding-top:5px;
	color:#959595;
}

li {
	margin-top:3px;
	margin-bottom:3px;
	list-style-type: none;
}

.foot-bar {
	background:#000000;
	color:#fff;
	font-weight:bold;
	font-size:13px !important;
	height:25px;
	line-height:25px;
	font-family:'Open Sans', sans-serif;
	margin:auto;
	padding:0 15px 0 15px;
    clear:both;
}

.home-bar {
    padding-top:10px;
    padding-bottom:10px;
    float:right;
    font-size: 0.8em;
    font-weight: bold;
}

.home-bar img {
    margin-top:-7px;
}

.foot-right {
	float:right;
	/*background:url(/img/bottom_lines.png) no-repeat;*/
	padding-left:15px;
}


.welcome {
	width:100%;
	padding:5px 0px 5px 0px;
	font-family:'Open Sans', sans-serif;
	margin-left:auto;
	margin-right:auto;	
}

.w-green {
	background:#6bc2ed !important;
}

.down {
    background:url(/img/v2/down_arrowpng-01.png) 95% center no-repeat #6bc2ed !important;
}

.w-error {
	background:#c1d72e !important;
}

.w-grey {
	background:#7d8b96;
}

.welcome p, .welcome a {

}

.w-error p, w.error a {
	color:red !important;	
}

.welcome p {
	padding-left:5px;
}

.head-bar {
	width:100%;
	background:#000000;
	color:#fff;
	font-weight:bold;
	font-size:13px !important;
	padding:7px 0px 5px 0px;
	height:30px;
	font-family:'Open Sans', sans-serif;
	margin-left:auto;
	margin-right:auto;
}

.home .head-bar {
    text-align: center;
}

.account-name {
    /*	background:url(/img/top_lines.png) no-repeat;*/
    padding-left:15px;
    padding-right:10px;
    float:right;
    height:25px;
    margin-top:-4px;
    padding-top:2px;
}
.account-name a {
}

.foot-left {
    float:left;
    /*	background:url(/img/bottom_lines.png) right no-repeat;*/
    padding-right:15px;
}

a.foot-left {
    color:#528caf !important;
}

.head-bar a, .foot-bar a {
	color:#fff;
	font-weight:bold;
}

.head-bar img {
	margin-top:-4px;
    padding-right:10px;
}

.balances a {
	color:#fff !important;
}

.balances em {
	padding-left:25px;
}

.balance-box {
	color:#fff !important;
	font-family:'Open Sans', sans-serif;
	margin-bottom:0px;
    margin-top:-5px;
}

.balance-container {
    border-spacing: 0px;
    width:100%;
    border-collapse: separate;
    table-layout:fixed;
    overflow:hidden;
}

.left-arrow {
    background:url(/img/v2/black_arrow_active-01.png) 0px 0px #000 no-repeat;
    width:52px;
    line-height: 50px;
}

.balance-td {
    background:url(/img/v2/strip-01.png) top left repeat-x #000 !important;
}

.balance-table {
    margin-left:14px;
	width:90%;
    table-layout:fixed;
    overflow:hidden;
}

.balance-table td {
    font-size: 12px;
    text-transform: lowercase;
}

.balance-table td.padded {

}
.balance-table td.padded-right {
	padding-right: 25px;
	background:url(/img/arrow_right_white.png) center right no-repeat;	
}
small {
	font-family: 'Open Sans', sans-serif;	
	color:#888;
	font-size:10px;
}

.footer-general {
	font-family: 'Open Sans', sans-serif;
	font-size:9px;
	text-align: right;
	margin-top:10px;
/*	padding-left:207px;*/
	width:290px;
	margin-left:auto;
	margin-right:auto;
}

.footer-general a {
	float:right;
}

.footer-general span {
	float:right;
}
.notification-box-blue {
	margin-bottom: 5px !important;
}
.notification-text {
	margin-top:4px !important;
	padding-left:10px !important;
}
.notification-icon {
	padding-top:5px !important;
	padding-left:5px !important;
}
.notification-box-green {
	padding-bottom:5px;
}
.notification-box-green .notification-text {
	width:270px;
}
.notification-box-green .balance {
	width:260px !important;
}
.balance {
	cursor:pointer;
}
.notification-box-green .notification-text a {
	margin-bottom:6px;
}


.message-body {
	width:262px;
	height: 100px;
}

.mail-from {
	float:left;
	margin-top:3px;
	color:#000000;
}
.mail-date {
	float:right;
	color:#3ca730;
}
#message-form {
	padding:5px;
}

.add-recipients {
	cursor:pointer;
	padding-top:9px;
	padding-left:2px;
}

.disabled {
	background: #cfcfcf !important;
}

.ac-holder {
	margin-top:10px;
}

.dependents {
}

.beneficiary {
}

.ac-notes {
}

.confirm {
	padding-top:5px;
}

.mobile-box {
}

.reg-form h3 {
	margin-bottom:5px;
	font-size:13px;
}

.reg-form {
	margin-bottom:10px;
	padding-left:5px;
}

#page-form label, .reg-form label {
    padding-left:3px;
    padding-right:3px;
}

.notification-text a {
	padding-left:4px;
	color:#000 !important;
}

.notification-text span {
	padding-left:4px;
	color:#000 !important;
}

.outline {
	border: 1px solid #ccc;	
}
.mail-detail td {
	border-bottom: 1px solid #ccc;
}
.message-box {
	border: 1px solid #ccc;
	padding:3px;
}
.underlined {
	border-bottom: 1px dashed #fff;
	margin-bottom:10px;
}
.confirm input.number {
	text-align:right;
}

.confirm input[type="text"]  {
	width: 70px !important;
}
.confirm select {
	width: 85px !important;	
}

.confirm .small-q {
	width: 150px !important;
}

.confirm input.no-indent {
	margin-left:5px !important;
}
.cursym {
	float:left;
	padding-top:4px;
	margin-left:30px;
}

.ignore {
	margin-left:2px !important;
}
div.error {
	font-family:'Open Sans', sans-serif;
	clear:left;
	font-size:10px;
	margin-left:125px;
}

#hoh .add-dependent {
	margin-left:25px;
}

#payby .small-q {
	width:80px !important;
}

.payment-notes {
	margin-left:5px;
	margin-bottom:5px;
}

.steps, .inactive-step {
    padding: 5px 10px 5px 10px;
    background:#528caf;
    color:#000 !important;
    margin: 0 2px 0 2px;
}

.active-step {
    background:#444444 !important;
}

.inactive-step {
    background:#c2d2cb !important;
}

a.open-bar {
    color:#528caf !important;
}

input[type="text"], input[type="password"], input[type="number"] {
    border: 1px solid #000;
}

input[type="text"]:focus, input[type="password"]:focus {
    background:#528caf;
}

.mini-s {
    color:#528caf;
}

.last-balance {
    margin-bottom:-5px;
}

.cash-block {
    background:#f0f0f0;
    margin-bottom:5px;
}

.inner-table-grid {
    font-family:'Open Sans',sans-serif;
    padding:5px;
    font-size:10px;
    background:#ccc;
}

.inner-table-grid td {
    font-size:10px !important;
}

.inner-table-grid thead td {
    background: #58595c !important;
}

.alt-grid {
    background: #58595c !important;
    color:#fff;
}

.alt-grid h4 {
    font-size:12px;
}

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

.border-bottom td {
    border-bottom: 1px solid #000000;
}

.token-result {
    font-size:10px;
}

.emali-submit {
    font-family:'Open Sans', sans-serif;
    font-size:12px;
}


.ticket-code {
    width:200px;
    text-align: center;
    color:#2c3087;
}

.ticket-code p {
    font-weight: bold;
    letter-spacing: 0.5px;
    font-family: courier, "courier new";
}

p.p-lbl {
    float:left;
    width:100px;
}

div.d-line {
    width:100%;
    clear:left;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 3px;
}

p.p-txt {
    margin-bottom: 3px;
}

.site-page .login-box {
    padding:5px;
    height: 275px !important;
}

.site-page .login-box a {
    color:#fff;
}

.site-page .login-box li {
    width: 100%;
    background: #528caf;
    padding: 10px 0px 10px 5px;
    margin-bottom: 5px;
}

#li-gmb {
	background: #e53132 !important;
}

#li-zimpost, #li-dynamos {
    background: #2c3087 !important;
}

#li-mbijana {
    background: #15a752 !important;
}

#li-highlanders {
    background: #231f20 !important;
}

#li-zinara {
    background: #fff215 !important;
}
#li-zinara a {
    color:#000 !important;
}
#li-icecash {
    background: #528caf !important;
}
#li-agricon {
	background: #F18A31 !important;
}
#li-harare {
    background: #f58426 !important;
}
#li-harare a {
    color:#000 !important;
}
#li-zcc {
    background: #1c613f !important;
}
#li-mercado {
    background: #0e89f0 !important;
}
#li-zaic {
	background: #4cb034 !important;
}

.choose-site {
    width:200px;
    margin:10px auto;
}

.choose-site ul li {
    padding:5px;
}

.choose-site ul li a {
    color:#fff;
    font-size:1.2em;
}

table.card-table {
    width:98%;
    background: #f7f7f7;
}

table.card-table td {
    vertical-align: top;
}
table.card-table td.title {
    text-decoration: underline;
}

table.paging {
	width:100%;
	background: none;
	border-top:1px solid #000;
}
table.paging .prev {text-align: left; padding-left:5px; min-width: 25px;}
table.paging .page {text-align: center;}
table.paging .next {text-align: right; padding-right:5px; min-width: 25px;}

#tnc {
    margin-left:-53px !important;
}

#tnc ul {
    margin-left:10px !important;
}
#tnc ul li {
    list-style-type: circle !important;
}

ul.terms-conds {
    margin-left:20px !important;
}

ul.terms-conds ul {
    margin-left:20px !important;
}

ul.terms-conds li {
    list-style-type: circle !important;
}

#crumbs {
    font-size:12px;
    padding: 4px 2px;
    background: #cccccb;
    margin-bottom:8px;
}

#s-filters {
    margin-bottom: 8px;
    width: 100%;
}

.s-trigger {
    width: 23%;
}

div#failed {
    width: 95%;
    padding: 10px 5px;
    border: 1px dashed;
}
div#failed span {
    font-size:0.9em !important;
}

.kyc-notice ul {
	margin-left:25px !important;
}
.kyc-notice li {
	list-style-type: circle;
}
.kyc-notice a {
	text-decoration: underline;
}

/*** Ajax Spinner ***/
.ajax_spinner {
	background: #666;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 10000;
	left:0;
	top:0;
	display: none;
}
.ajax_spinner img {
	position: relative;
	top:49%;
	left:49%;
	width: 25px;
	height: 25px;
}
.ajax_spinner span {
	position: relative;
	top:50%;
	display: block;
	text-align: center;
	color:#000;
	background-color: #fff;
	min-height:25px;
	padding:0 10px;
}
/*** Ajax Spinner (end) ***/

/*** LOTTO ***/
.form-table .lotto {
	width:100%;
}

.lotto_board {
	width:100%;
	display: block;
	padding: 10px 0;
	text-align: center;
}
.lotto_board div {
	padding:0 5px;
	display:inline-block;
}
.lotto_board .boardnum {
	width:10px;
}
.lotto_board .boardnumbers {
	position: relative;
}
.lotto_board .boardoptions {
}

.lotto_board .number input[type="text"] {
	text-align: center;
	min-width: 20px;
	max-width: 20px;
}
.lotto_board .options_sp {
	position: absolute;
	left:0;
	width:100%;
	text-align: center;
}

.lotto_add {
	text-align: center;
}
#btnAddBoard {
	width:80%;
	background: #5cb85c !important;
}
input[type="button"].btnRemoveBoard {
	background: #d9534f !important;
	padding:0 5px;
}

#tdCostMsg {
	font-weight: bold;
	text-align: center;
}

.lotto_board_dialog {
	width:100%;
}

.lotto_board_dialog #dialog_msg {
	width:100%;
	color:red;
	text-align: center;
}

.lotto_board_dialog #lotto_form {
}

.lotto_board_dialog .pick_number_row {
	display: block;
}

.lotto_board_dialog .pick_number {
	position: relative;
	display: inline-block;
	margin:5px;
	color:#9b9b9b;
	min-width:30px;
}

.lotto_board_dialog .pick_number input[type="checkbox"] {
	cursor: pointer;
	opacity: 0;
	position: absolute;
	top:0;
	left:0;
	line-height: 30px;
	margin: 0;
	width:100%;
	height: 100%;
}

.lotto_board_dialog .pick_number label {
	width:42px;
	height: 42px;
	line-height: 42px;
	font-size: 24px !important;

	cursor: pointer;
	display: block;
	max-width: 100%;
	margin-bottom:0;
	border-radius: 50%;
	border:2px solid #b1b3b4;
	text-align: center;
	color:#9b9b9b;
}

.lotto_board_dialog .pick_number.picked label {
	color:#ffffff;
	text-shadow: 2px 2px 3px #747d7d;
}
.lotto_board_dialog .pick_number.picked .white-ball {
	background:#ffffff;
	color:#ffffff;
	text-shadow: 1px 1px 4px #747d7d;
}
.lotto_board_dialog .pick_number.picked .blue-ball {background:#499bea;}
.lotto_board_dialog .pick_number.picked .pink-ball {background:#ff0066;}
.lotto_board_dialog .pick_number.picked .green-ball {background:#66cc33;}
.lotto_board_dialog .pick_number.picked .yellow-ball {background:#ffcc00;}
.lotto_board_dialog .pick_number.picked .purple-ball {background:#990099;}

.lotto-table {
	width:100%;
}

.lotto-table th {
	background: #58595c;
	color: #fff;
}

.lotto-table td {
	padding: 5px 0 10px 0;
	vertical-align: top;
}

.lotto-table tr:nth-child(even) {
	background: #f3f5f5;
}

.lotto-table .lottoNums {
	width: 100%;
}
.lotto-table .lottoNum {
	width:15px;
	display: inline-block;
	padding:0 3px;
	text-align: center;
}

.click-ticket-row {
	cursor: pointer;
}

.lottoReceipt {width:100%; text-align: center; padding-bottom: 15px; border-top: 1px dashed #000;}
.lottoReceipt .title {font-weight: bold; margin-top:10px;}
.lottoReceipt .info {}
.lottoReceipt .lottoNums {width:100%;}
.lottoReceipt .lottoNums .lottoNum {
	width:15px;
	display: inline-block;
	padding:0 3px;
	text-align: center;
}

/*** LOTTO (end) ***/

/*** Some Bootstrap ***/
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 3px;
}
.alert h4 {
	margin-top: 0;
	color: inherit;
}
.alert .alert-link {
	font-weight: 500;
}
.alert > p,
.alert > ul {
	margin-bottom: 0;
}
.alert > p + p {
	margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
	padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit;
}
.alert-success {
	background-color: #E8F5E9;
	border-color: #4CAF50;
	color: #43A047;
}
.alert-success hr {
	border-top-color: #449d48;
}
.alert-success .alert-link {
	color: #347c37;
}
.alert-info {
	background-color: #E0F7FA;
	border-color: #00BCD4;
	color: #00838F;
}
.alert-info hr {
	border-top-color: #00a5bb;
}
.alert-info .alert-link {
	color: #00545c;
}
.alert-warning {
	background-color: #FFF3E0;
	border-color: #FF9800;
	color: #EF6C00;
}
.alert-warning hr {
	border-top-color: #e68900;
}
.alert-warning .alert-link {
	color: #bc5500;
}
.alert-danger {
	background-color: #FBE9E7;
	border-color: #FF5722;
	color: #D84315;
}
.alert-danger hr {
	border-top-color: #ff4408;
}
.alert-danger .alert-link {
	color: #aa3510;
}
/*** Some Bootstrap ***/