body{margin:0 auto;padding:0;width:100%;font:13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;height:100%;background:#ebebeb url(../images/bg.jpg);color:#5F5F5F;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust:100%;overflow-y:scroll;overflow-x: hidden;}
#wrapper{margin:0;padding:0}

/*Login Panel*/
.login-panel{margin:10% auto;width:25%;border:1px solid #bbb;background:#fff}
.login-block{text-align:center;padding:20px;}
.login-block img{max-width:100%}
.login-block form{margin:0;padding:0}
.loginerror{font-weight:bold;font-size:11px;background:#d80000;color:#fff;margin:0 0 5px 0;padding:5px 3px;line-height:14px;}
.formarea{width:100%;margin:0}
.formarea h2{color:#333;border:1px solid #ccc;margin:10px 0 10px;text-align:left;padding:10px 0;border-left:0;border-right:0}
.formarea .username, .formarea .userpassword{width:99.8%;padding:0px;clear:both;border:1px solid #ccc;margin:0px 0 10px}
.formarea .username span{width:15%;float:left;text-indent:-10000px;background:#ebebeb url(../images/user-icon.png) 50% no-repeat;padding:7px 0;}
.formarea .username input, .formarea .userpassword input{width:85%;border:0px;margin:0;padding:8px 5px}
.formarea .userpassword span{width:15%;float:left;text-indent:-10000px;background:#ebebeb url(../images/pass-icon.png) 50% no-repeat;padding:7px 0}
.formarea input.submit{width:20%;border:1px solid #006699;margin:0;padding:8px 5px;background:#146FC6;color:#fff;cursor:pointer}
.formarea .username input:focus, .formarea .userpassword input:focus{outline:0;border:none;}
input:-webkit-autofill{background-color:#fff!important}

/*Inner Panel*/
.main-header{width:100%;margin:0 auto;padding:0;position:fixed;top:0px;z-index:10000;}
.header{margin:0 auto;padding:0px;width:100%;height:65px;background:#fefefe;}
.logo{float:left;width:400px}
.logo img{float:left;margin-right:10px;width:64px}
.logo h1{margin:25px 0 0;font-size:24px;text-transform:uppercase;float:left}
.logo a{color:#5F633E}
.menunav{width:100%;margin:0 auto;background:#0089e1;position:relative;z-index:1500;min-height:32px}
.menunav ul{position:relative;z-index:1400;width:1400px;margin:0 auto;}
.menunav ul li{float:left;margin:0;padding:0;position:relative;}
.menunav ul li a{display:block;padding:7px 10px;color:#fff;text-transform:capitalize;border-right:1px solid #0089a1;font-size:14px}
.menunav ul li a:hover{background:#d80000}
.menunav ul li ul{display:none;position:absolute;top:32px;left:0;right:auto;z-index:1400;margin:0;background: #9B8585;width:200px}
.menunav ul li ul li{left:auto;margin:0;clear:left;width:100%}
.menunav ul li ul li a, .menunav ul li:hover ul li a{padding:5px 10px;font-size:12px;border-bottom: 1px solid #926C6C;text-align:left;text-transform:capitalize;border-right:0px;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;}
.menunav ul li ul li a:hover{background:#d80000;}
.menunav ul li:last-child a{border-right:0px}
.menunav ul li ul li ul{
	left: auto;
    position: absolute;
    right: -200px;
    top: 0;
	display:none !important;
}
.menunav ul li ul li:hover ul{
	display:block !important;
}



.user-detail{float:right;padding:20px 0 19px;margin-right:20px}
.user-detail span{float:left;margin:6px 10px 0 0;border-right:1px solid #333; padding-right:10px;}
.pagelink{margin:10px 0;position:fixed;right:0px;top:50px}
.pagelink a{margin:0;padding:7px 10px;background:#0089e1;color:#fff;text-decoration:none;border-radius:10px 0px 0px 10px;border:1px solid #0066CC;transition:ease out all 0.5s;}
.pagelink a:hover{background:#F08102;border:1px solid #FF9900;padding:7px 30px 7px 10px}
.pagename{width:100%;margin:0 auto;text-align:center;padding:0px 0 0}
.pagename h1{margin:0px 0 30px;background:url(../images/line.png) 50% 100% no-repeat;line-height:40px}
.container-block{background:url(../images/header-bg.png) repeat-x;width:100%;height:30px;margin:130px 0 0}
.events-bg{background: #F08102 url(../images/noise.png)!important;}
.reports-bg{background: #CC0A01 url(../images/noise.png)!important;}

.dashmain{width: 100%;margin: 0 auto;padding:120px 0 100px;overflow:hidden}
.main{width: 100%;margin: 0 auto 70px;padding:120px 0 0;overflow:hidden}
.container-panel{width:100%;margin:0px auto;}
.content-block{width:1000px;margin:0 auto;}
.tab-link{float:right;margin:0}
.tab-link ul{float:left;padding:0;padding:0}
.tab-link ul li{float:left;margin:0 5px;padding:0}
.tab-link ul li a{color:#333;background:#efefef;border-radius:5px 5px 0 0;padding:10px 10px;display:block}
.tab-link ul li a.active{background:#5F633E;color:#fff}
.tab-link ul li a:hover{background:#fff;color:#000}
.link-tab{float:right;margin:0}
.link-tab ul{float:left;padding:0;padding:0}
.link-tab ul li{float:left;margin:0 5px;padding:0}
.link-tab ul li a{color:#333;background:#efefef;border-radius:5px 5px 0 0;padding:10px 10px;display:block;}
.link-tab ul li a.active{background:#555;color:#fff}
.link-tab ul li a:hover{background:#fff;color:#000}
.info-block{width:100%;float:left;background:#fff;border-top:4px solid #5F633E;box-shadow:0 0 1px 1px #ccc;}
.event-info-block{border-top:4px solid #F08102;}
.dashboard-links{width:100%;float:left;margin:20px 0;text-align:center}
.dashboard-links h2{margin:20px 0 0px;color:#de7300;font-size:24px;font-weight:lighter}
.dashboard-links h3{margin:20px 0 30px;color:#888;font-size:20px;font-weight:lighter}
.dashboard-links ul{margin:0;padding:0;float:left;width:100%;}
.dashboard-links ul li{min-height:134px;background:#fffccc;border:1px solid #FFCC66;margin:10px 10px 10px 22px;padding:5px 5px 15px;width:154px;text-align:center;position:relative;float:left;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;} /*width:120px;height:120px;padding:5px*/
.dashboard-links ul li a{text-align:center;color:#1b1b1b;display:block;font-size:14px;text-transform:uppercase}
.dashboard-links ul li a img{margin:10px 0 15px;text-align:center;width:48px};/*margin-bottom:25px*/
.dashboard-links ul li a:hover{text-decoration:underline;color:#000}
.dashboard-links ul li:hover{background:#ccdeff;border:1px solid #0066CC} 
.form-container{float:left;margin:20px 20px 0;padding:0;width:96%}
.form-container:last-child{margin-bottom:20px}
.basic-Content, .contact-Content, .address-Content{background:#fafafa;float:left;width:100%;padding:10px 0;}
.form-area{float:left;margin:3px 0;padding:0;width:100%;}
.label-field{float:left;padding:5px 10px;font-size:13px;font-weight:bold;width:20%}
.input-field{float:left;padding:0;font-size:13px;width:75%}
.input-field input{width:100%;float:left;margin:0px;padding:5px 10px;border:1px solid #ccc}
.input-field select{width:100%;float:left;margin:0px;padding:5px 10px;border:1px solid #ccc}
.input-field textarea{width:100%;float:left;margin:0px;padding:5px 10px;border:1px solid #ccc;height:70px}
.input-field .wrap{float:left;margin:4px 5px}
.input-field .wrap input[type="checkbox"]{float:left;width:20px;margin:3px 0}
.input-field .wrap label{float:left;width:auto;font-weight:bold}
.input-field .wrap select{float:left;width:200px;}
.input-field .hoursopt{width:50px;padding:5px}
.input-field .minopt{width:50px;margin:0 10px;padding:5px}
.input-field .zoneopt{width:60px;padding:5px}
.form-area .submit{background:#F08102;color:#fff;border:0px;border-bottom:2px #d67c14 solid;text-align:center;width:120px;padding:10px 10px;font-size:14px;float:right;margin:20px 0 0;border-radius:5px;box-shadow:0px 2px 3px 1px #fafafa;cursor:pointer; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;}
.form-area .submit:hover{background:#5F633E;border-bottom:2px #5F633E solid;}
.form-area .addmenubutton{background:none;color:#003366;border:none;cursor:pointer;text-decoration:underline;float:right}
.form-area .addmenubutton:hover{text-decoration:none}
.input-field select.ttl{width:55px;float:left;margin:0px;padding:4px 2px;border:1px solid #ccc;font-weight:bold}
.input-field input.firstname{width:60%;float:left;margin:0px 0 0 10px;padding:5px 10px;border:1px solid #ccc;}
.input-field input.middlename{width:80%;float:left;margin:0px 0 0 70px;padding:5px 10px;border:1px solid #ccc;}
.input-field input.lastname{width:90%;float:left;margin:0px 0 0 60px;padding:5px 10px;border:1px solid #ccc;}
.input-field input:focus, .input-field select:focus, .input-field textarea:focus{outline:0px;border:1px solid #0089e1}
.input-field input[type=checkbox]{width:20px;float:left;margin:4px}
.input-field label{float:left;}
.event-submit{background:#F08102!important;border-bottom:2px #e17400 solid!important;}

.filemirage{background:#ebebeb;float:left;padding:3px 5px;width:95.5%;margin:0px;position:relative}
.filemirage a{float:left;margin:0 5px}
.delimg{border-left:1px solid #444;padding:2px 5px;position:absolute;bottom:2px}
.delimga{border-left:1px solid #444;padding:2px 5px;bottom:2px}

.searchby{float:left;margin:10px 0;padding:20px;background:#ebebeb;width:100%}
.searchby select{width:180px;padding:5px 2px;border-radius:5px;border:1px solid #ccc;margin-right:20px;background:#fff}
.searchby input{width:180px;padding:5px 2px;border-radius:5px;border:1px solid #ccc;margin-right:20px;background:#fff}
.searchby input.recsearch{width:70px;padding:5px 2px;border-radius:5px;border:1px solid #003366;background:#0089e1;color:#fff;cursor:pointer}
.searchby select:focus, .searchby input:focus{border:1px solid #0089e1;outline:0}

#uploadedimages{float:left;margin:20px 0;width:100%}
/*Newcss*/
.editpageimage{position:absolute;bottom:20px;right:20px;background:#ddd url(../images/pencil.png) 5px 50% no-repeat;border:1px solid #ccc;padding:5px 10px 5px 30px;color:#555;cursor:pointer;z-index:2}
.editpageimage:hover{background:#ccc url(../images/pencil.png) 5px 50% no-repeat;border:1px solid #aaa;color:#444}
fieldset{border:1px solid #ccc!important;padding:10px;margin-bottom:10px;clear:both}
fieldset legend{background:#ebebeb;padding:5px}

.pagebutton{width:100%;float:left;text-align:center;margin:30px 0}
.pagebutton a{background:#F08102;color:#fff;border:0px;border-bottom:2px #d67c14 solid;text-align:center;width:120px;padding:10px 10px;font-size:14px;margin:20px 10px 0;border-radius:5px;box-shadow:0px 2px 3px 1px #fafafa;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;}
.pagebutton a+a{background:#d80000;border-bottom:#c10000}

.notification{float:left;margin:10px 2%;padding:0;border:1px solid;font-size:13px;width:96%;border-radius:10px}
.success{background:#d5ffce url('../images/tick_circle.png')no-repeat 6px 50%;border-color:#9adf8f;color:#556652;padding:0px 8px 0px 30px;font-weight:normal}
.error{background:#ffcece url('../images/cross_circle.png')no-repeat 6px 50%;border-color:#d80000;color:#665252;padding:0px 8px 0px 30px;font-weight:normal}
.attention{background:#FFFF99 url('../images/exclamation.png')no-repeat 6px 50%;border-color:#FFCC00;color:#665252;padding:0px 8px 0px 30px;font-weight:normal}
.notification div{display:block;font-style:normal;padding: 10px 10px 10px 6px;line-height:1.5em;font-family:verdana;}
.setDfile, #upcalendar, #upnewsletter{display:none}

.main-content{width:100%;float:left;}
.dataformat{width:98%;padding:2% 1%;float:left}
.main-content table{width:100%;border-collapse:collapse;clear:both;}
.main-content table thead th{font-weight:lighter;font-size:13px;border-bottom:1px solid #ddd;color:#0066CC;text-align:left}
.main-content tbody{border-bottom:1px solid #ddd;}
.main-content table td{padding:10px 10px 10px 10px;vertical-align:middle;font-size:12px}
.main-content table th{padding:10px;line-height:1.3em;} 
.main-content table tbody td a.edit{color:#00d800}
.main-content table tbody td a.delete{color:#d80000}

/* LIST PRODUCT */
.holder-one1{width:100%;margin:0px 0 0 0;clear:both;overflow:hidden}
.list-pro{width:23%;float:left;margin:1%;border:1px solid #CAC5C5;padding:4px;background:#ECECEC;}
.list-pro-image {overflow:hidden;margin-bottom:10px}
.list-pro-image img{width:100%;float:left;}
.list-name{width:100%;height:46px;float:left;margin:6px 0 4px 0;text-align:center;font-size:13px;color:#222;overflow:hidden;line-height:15px;font-weight:bold;text-transform:uppercase}
.list-addimages{width:100%;float:left;margin:4px 0 9px 0;text-align:center;font-size:12px;color:#009999;font-weight:bold;text-decoration:underline}
.list-price{width:100%;float:left;clear:both;margin:4px 0 9px 0;text-align:center;font-size:12px;color:#333;}
.roto-btn{width:100%;float:left;clear:both}
.roto-one{width:48%;float:left;font-size:12px;color:#FFF;padding:5px 3px;text-align:center;margin:1%;text-transform:uppercase}
.roto-one:hover{color:#000;font-weight:600;background:#fff;box-shadow:0px 0 10px 0 #444}
.green{background:#0C0;}
.red{background:#E74C1A;}
.blue{background:#047A91}
.purple{background:#666600}
.black{background:#000}
.brown{background:#996600}
.brick{background:#CC3300}
.seablue{background:#028061}
.orange{background:#CC6600}

.margin-tp{float:left;margin-top:15px;}
.upload-external-js{color:#333;padding:1%;
background:#EDEDED;border-radius:5px;margin-left:2%;}

.same-window{float:left;width:18%;text-align:left;}
.same-window input[type="radio"]{float:left;width:12%;margin-top:1.6%;}
.same-window label{float:left;text-align:left;width:80%;cursor:pointer;
padding:0 2%;}

.new-window{float:left;width:18%;text-align:left;}
.new-window input[type="radio"]{float:left;width:12%;margin-top:1.6%;}
.new-window label{float:left;text-align:left;width:80%;cursor:pointer;
padding:0 2%;}



.footer{width:100%;margin:0 auto;position:fixed;bottom:2px;background:#000 url(../images/noise.png);border-top:4px solid #ccc;overflow:hidden}
.footer-container{color:#fff;position:relative;padding:10px 0;text-align:center}
.footer-container a{color:#fff}
#footer{background:url(../images/footer-bg.png) center top no-repeat; margin: 60px 0 0 0;padding: 26px 0;font-size: 12px;text-align:center;position:relative}

a{ -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;text-decoration:none;color:#5F633E}
.displayblock{display:block}
ul, li{list-style:none;margin:0px;padding:0px;}
.clear{clear:both}
.alpha{margin-top:0px!important}
.beta{margin-right:0px!important}
.delta{margin-bottom:0px!important}
.gama{margin-left:0px!important}
.margin-t3px{margin-top:3px!important}
.margin-t10px{margin-top:10px!important}
.margin-l20px{margin-left:20px!important}
.w5{width:5%}
.w8{width:8%}
.w10{width:10%}
.w20{width:20%!important}
.w25{width:25%!important}
.w30{width:30%}
.w38{width:38%!important}
.w40{width:40%}
.w50{width:50%}
.w60{width:60%}
.w70{width:70%}
.w80{width:80%}
.w90{width:90%}
.w94{width:94%!important}
.w95{width:95%}
.w98{width:98%!important}
.w98{width:98%!important}
.w100{width:100%!important}
.height150px{height:150px!important}
.height200px{height:200px!important}
.height250px{height:250px!important}
.height400px{height:400px!important}
.alignc{text-align:center!important}
.color-r{color:#d80000}
.color-b{color:#0089e1}
.emptyfield{margin:30px 0 30px;padding:0 10px;font-size:20px;color:#ccc;vertical-align:middle;text-align:center;width:100%;float:left}
.nonegrade{display:none}
.showresultformat{display:none}

.blockDiv{width:44%;margin:1%;float:left;padding:2%}
.blockDiv h3{text-align:center;background:#efefef;padding:3px 0}
.submitbtn, .loadbtn{display:none}
.studentlist{width:98%;float:left;margin:10px 0;padding:1%}
.studentlist ul{float:left;padding:0;margin:0;width:100%}
.studentlist ul li{padding:5px .5%;width:31.3333333%;float:left;background:#f1f1f1;margin:2px .5%}

.t-img{width:200px;height:auto;}
.text_on_image{position:absolute;/*margin-left:58px;*/border-left:1px solid #ddd; border-top:1px solid #ddd;color:#000;background:#fff; padding:8px;}


*{background-color:transparent;margin:0 auto;padding:0px;overflow:visible;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-smooth:always;
font-smoothing:antialiased;-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-webkit-font-smoothing:subpixel-antialiased;}
*, :after, :before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
img{max-width:100%;border:0px;vertical-align:middle;display:inline-block}
.clear{clear:both;height:0px;overflow:hidden;}
.contact_input_field input{
	border: 1px solid #ddd;
    padding: 10px;
    width: 300px;
}
.contact_input_field .submit {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #f08102 none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #d67c14;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: 0 0 2px;
    box-shadow: 0 2px 3px 1px #fafafa;
    color: #fff;
    cursor: pointer;
    float: none;
    font-size: 14px;
    margin: 20px 0 0;
    padding: 8px 20px;
    text-align: center;
    transition: all 0.2s linear 0s;
    width: auto;
}
.showAll{
	background: #0089e1 none repeat scroll 0 0;
    color: #fff;
    float: right;
    padding: 5px 12px;
    position: relative;
    top: -76px;
}
.ac_results_wrapper{
	position:relative;
}
.ac_results_wrapper .ac_results{
	*position:absolute;
}
.publish_btn{
	background: #ccc none repeat scroll 0 0;
    color: #000;
    display: inline-block;
    font-size: 16px;
    margin: 8px 0;
    padding: 8px 10px;
}
.published select option,.hw_list select option{
	padding:2px 10px;
	cursor:pointer;
}
.published .form-area .submit{
	width:auto;
}
.homeWork_list .form-field{
	display:inline-block;
}
.homeWork_list .form-field label{
	display:inline-block;
	margin-right:3px; 
}
.pub_title{
	font-size:20px;
	text-align:left;
	color:#777;
	cursor:pointer;
}
#publish{
	margin-top:20px;
}

.menunav ul li:hover ul{
	display:block;
}
.menunav ul li ul li:hover ul{
	display:block;
}
.login-panel .form-group{
	margin-bottom:20px;
	position:relative;
}
.login-panel .form-group .form-control{
	height:46px;
	padding:10px 10px 10px 55px;
	color:#333;
	font-size:18px;
	width:100%;
	border:1px solid #ddd;
	background:#fff;
	font-weight:400;
}
.login-panel .form-group i{
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    font-size: 20px;
    width: 44px;
    background: #ddd;
    color: #222;
    padding: 12px 0;
    text-align: center;
}
.login-panel .form-group .btnlogin {
	padding:10px 22px;
	font-size:18px;
	color:#fff;
	background:#C84551;
	border:0;
}
.login-panel .form-group .btnlogin:hover	 {
	opacity:.7;
}
.login-panel .brand{
	display:block;
	width:120px;
	margin:0 auto 20px;
}
.login_page .login-block{
	box-shadow: 0 0 20px #ddd;
	background:#f1f1f1;
}
.login_page .login-block form{
	margin:0 auto;
	text-align:right;
}
.login-panel{
	width:400px !important;
}
@media screen and (min-width:1300px){
	.login_page .login-block form{
		width:320px;
	}
	
}