@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {

  margin: 0;

  padding: 0;

  border: 0;

  outline: 0;

  font-size: 100%;

}

.name_header{

	color: #417da7;

	font-weight:bold;

}



p{

	line-height:1.4em;

}

body {

	font-family: Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 0;

	text-align: center;

	color: #333;

	background-color: #fff;

}

a,  a:link {

	color: #333;

	text-decoration: none;

}

a:visited {

	color: #333;

	text-decoration: none;

}

a:hover {

	color: #390;

	text-decoration: none;

}

ul, li{

	margin:0; 

	padding:0; 

	list-style:none;

}

.imgBox{

	border: 1px solid #CCC;

}

.imgBox2{

	border: 1px solid #CCC;

	padding: 1px;

}

.imgBox3{

	border: 1px solid #CCC;

	padding: 1px;

	margin-right: 10px;

	margin-bottom: 5px;

}

.clearBoth{

	clear:both;

}

.oneColFixCtrHdr #container {

	width: 926px;

	padding:0;

	margin: 0 auto;

	text-align: left;

}

.oneColFixCtrHdr #header {

	padding: 0;

	height: 90px;

	width: 926px;

}



.oneColFixCtrHdr #logo {

	float:left;

}

.searchbox{

	background-image: url(../images/bg_search.jpg);

	background-repeat: no-repeat;

	height: 26px;

	width: 134px;

	float: left;

	margin:0;

	padding:0;

}

.oneColFixCtrHdr #nav {

	padding:0;

	margin:0;

	width:926px;

	height:46px;

	float:left;

	background-image: url(../images/bg_menu.jpg);

	background-repeat: no-repeat;

}

.oneColFixCtrHdr #footer {

	width:100%;

	height: 90px;

	float:left;

	margin: 20px 0 0 0;

	padding: 0;

	background-color: #f7f7f7;

	background-image: url(../images/bg-footer-content.png);

	background-repeat: no-repeat;

	background-position: center top;

}

.oneColFixCtrHdr #footer a {

	color:#333;

	text-decoration: none;

}

.oneColFixCtrHdr #footer a:visited {

	color:#333;

	text-decoration: none;

}

.oneColFixCtrHdr #footer a:hover {

	color:#390;

	text-decoration: underline;

}

p.footer {

	font-size: 0.7em;

	padding:0;

	text-align:center;

}

/*home page*/

.oneColFixCtrHdr #mainContent {

	padding: 0;

	margin: 0;

	width:922px;

	min-height:530px;

	height:auto !important;

	height:530px;

	padding-left:2px;

	padding-right:2px;

}

.mainLeft{

	width:239px;

	margin-right:1px;

	float: left;

}

.mainRight{

	width:682px;

	float:left;

}

.boxL{width:227px;padding:7px;padding-left:10px;padding-right:10px;}

.boxR{width:640px;padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;}

h1 img{border:0;margin-right:8px;vertical-align:middle;}

hr{border:0;height:1px;background:#CCC;margin:0;margin-top:4px;margin-bottom:3px;padding:0;}

.para{font-size:0.8em;margin-bottom:1px;}

.tbl{

	font-size:0.75em;

	margin-top:10px;

	margin-bottom:0px;

}

.tbl td, .tbl th{padding-top:2px;padding-bottom:0px;}

.btn{background-image:url(../images/bg_btn.png);width:99px;height:29px;border:0;background-color:transparent;cursor:pointer;color:#fff;font-size:0.9em;text-align:left;padding-left:10px;padding-bottom:4px;}

.featuredT{

	width:213px;

	float:left;

}

.rate1{background-image:url(../images/rate01.jpg);width:100px;height:87px;float:left;margin-top:2px;margin-left:6px;}

.rate2{background-image:url(../images/rate02.jpg);width:100px;height:87px;float:left;margin-top:2px;margin-left:6px;}

.rate3{background-image:url(../images/rate03.jpg);width:100px;height:87px;float:left;margin-top:2px;margin-left:6px;}

.rate4{background-image:url(../images/rate04.jpg);width:100px;height:87px;float:left;margin-top:2px;margin-left:6px;}

.rate5{background-image:url(../images/rate05.jpg);width:100px;height:87px;float:left;margin-top:2px;margin-left:6px;}

.rate6{background-image:url(../images/rate06.jpg);width:100px;height:87px;float:left;margin-top:2px;margin-left:6px;}

.tabs{

	font-size:0.7em;

	line-height:1.8em;

	border:1px solid #CCC;

	margin-right:1px;

	width:100px;

	float:right;

	text-align:center;

	cursor:pointer;

}

.active{

	background-color:#666;

	color:#fff;

}

.fhighlight{

	display:none;

	background-image: url(../images/bg_highlight.png);

	height: 106px;

	width: 226px;

	background-repeat: no-repeat;

	position:absolute;

	top:277px;

}

.fhinner{

	font-size:0.8em;

	padding:10px 15px 10px 15px;

}

/*other page*/

.box {
    width: 880px;
    padding-left: 19px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 3px solid #417da7;
    float: left;
    text-align: left;
}

.name{color:#390;font-weight:bold;vertical-align: top;margin-top: 0;}

h2{color:#390;font-size:0.9em;line-height:3em;}

input[type=text], input[type=password]{ border: 1px solid #ccc; margin-bottom:2px;  }

input.error { border: 1px solid red; }

input[type="checkbox"] {
  border: 1px solid #fff;
  margin-left: 0;
  margin-right: 0;
  margin-top: 7px;
  width: auto;
}

label.error {

	padding-left: 16px;

	margin-left: .3em;

	color:#F30;

	background-image: url(../images/unchecked.gif);

	background-repeat: no-repeat;

}

label.valid {

	display: block;

	width: 16px;

	height: 16px;

	background-image: url(../images/checked.gif);

}

.innerUL{

	line-height: 1.6em;

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 20px;

}

.innerUL li{

	list-style-position: outside;

	list-style-image: url(../images/ico_list.gif);

}



/*Body Text Formats*/

.bodyUL{

	color:#333;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 15px;

}

.bodyUL li{

	list-style-position: outside;

	list-style-image: url(../images/ico_arrow.jpg);

	padding-top: 5px;

	padding-bottom: 2px;

}

.bodyUL a:link{

	color:#333;

	text-decoration:none;

}

.bodyUL a:visited{

	color:#666;

	text-decoration:none;

}

.bodyUL a:hover{

	color:#690;

	text-decoration:none;

}



/*Text formats*/



h5{

	line-height: 2em;

}

.txtNews{

	color:#666;

}

.txtNewsTitle{

	font-size: 1.32em;

	line-height: 1.8em;

	color: #039;

	font-weight: bold;

	text-transform: uppercase;

}

.txtDates{

	font-size:1.1em;

	color:#333;

	text-transform: uppercase;

}

.txtFAQ{

	color:#009;

	font-size: 1.1em;

	font-weight:bold;

	padding-bottom:0;

	margin-bottom:0;

}

.txtFAQ2{

	font-size: 1em;

}

.txtFeatured{

	font-size: 0.9em;

	color: #444;

	line-height: 3em;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	text-align: center;

}

.txtFeaturedPara{

	font-size: 0.7em;

	color: #666;

	line-height: 1.3em;

	min-height:90px;

    height:auto !important;

    height:90px; 

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 10px;

}

.txtSearch{

	font-size: 0.8em;

	color: #FFF;

}

.txtTitle{

	font-size: 1.2em;

	line-height: 1.8em;

	color: #039;

	font-weight: bold;

}

.txtPTitle{

	font-size: 1.2em;

	line-height: 2em;

	color: #F99;

	font-weight: bold;

}

.txtPara{

	font-size: 0.7em;

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 20px;

	float:left;

}

.txtProduct{

	font-size: 0.7em;

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 20px;

	float:left;

	width:860px;

}

.txtItem{

	color: #039;

	font-size: 1.1em;

	font-weight: bold;

	padding-top: 5px;

	padding-bottom: 5px;

}

.productImg{

	margin: 5px;

	text-align: center;

	float:left;

}

.productDetail{

	margin: 5px;

	padding-left: 10px;

	float:left;

	width: 618px;

}

.hline{

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCC;

	margin-top: 10px;

	margin-bottom: 10px;

}



/*Search*/

.searchresult{

	background-color: #03C;

	color: #FFF;

}

.searchtitle{

	font-size: 1.1em;

	line-height: 1.4em;

}



.job {

	font-size:0.9em;

	border:1px solid #eee;

	border-collapse:collapse;

}

.job th {

	padding:8px 2px;

	border:1px solid #eee;

	border-collapse:collapse;

	text-align:left;

	background-color:#FFC;

}

.job td {

	padding:2px;

	border:1px solid #eee;

	border-collapse:collapse;

}

.extrabox{

	position:fixed;

	right:0px;

	top:150px;

	border:1px solid #CCC;

	width:120px;

	font-size:0.7em;

	padding:10px;

	background:#CBF7FE;

}



#photo_column{

	padding-right:25px;

}



#schools{

	vertical-align: top;

}



#certificate{

	vertical-align: top;

}



.school_attended td{

	width:200px;

}

#header-area{

	width:100%;

	background:#FFF;

	float:left;

}

.wrraper{

	width:98%;

	margin:0 auto;

	text-align:left;

}

.wrraper_outer{

	width:100%;

	margin:0 auto;

	background:#417da7;

	float:left;

	height:20px;

}

.wrraper h2{

	color:#FFF; padding:28px 0 0 0;

	font-size:35px;	font-weight:normal;

	text-transform:uppercase;

}

.welcome{

		width:auto;

		float: right;

		font-size:16px; font-style:italic;

		color:#FFF;

	}	.welcome b{ font-style:normal;}

	.topbox{min-width:300px; float:right;}

	.leftbar{width:200px; float:left; }

.rightbar {
    width: auto;
    float: left;
    border-left: #417da7 3px solid;
    min-height: 570px;
    height:auto;
}

.leftbar ul li:before {

		 content: "\00BB";

		 margin-right:2px

	     }

.leftbar ul{ text-align:left;

margin-left:10px;

width:150px;

font-size:14px;

color:#0d0d6b;

margin-top:20px;

}		 



.leftbar ul a{ color:#0d0d6b;}

.social_network{

	float:right;

	width:30px;

	}

.social_network ul li{

	float:left;



	}

.social_network ul li a{

	float:left;

	text-indent:-99999px;

	width:31px;

	height:32px;

	margin-left:5px;

	}

.social_network ul li a.logout{

	background:url(../images/logout.png) no-repeat 0 0; 

	}

	#footer-area {
  background: #417da7 none repeat scroll 0 0;
  color: #fff;
  float: left;
  width: 100%;
}

.foot-nav{

	width:100%;

	text-transform:uppercase;

	color:#333;

}

.foot-nav ul{

	text-align:center;}

.foot-nav ul li{

	display:inline-block;

	padding:10px 8px;}

.foot-nav ul li a{

	color:#444;}

.copyright-area{

	width:100%;

	color:#FFF;

	font-size:12px;

	text-align:center;

}

.contentcolsout{width:100%; float:left; padding-top:20px; min-height:350px;}

	.contentcols { width: 65%; margin:0 auto; min-height:200px;}

.userform{width:300px; margin:0 auto;}

.userform label{width:100px; float:left; text-align:left;}

.userformrow{width: 100%; float:left; padding-top:10px; text-align:left; }

.userform1{width:100%; margin:0 auto; margin-left:20px; text-align:left; font-size:13px;}

.userform1 label{width:150px; float:left; text-align:left;}

.productaddbtn{float:right; margin-bottom: 10px;}

input[type='password']{border-radius: 5px; 

-moz-border-radius: 5px; 

-webkit-border-radius: 5px;

padding:5px;

border:1px solid;

width:250px;

}

input[type="submit"], input[type="button"], input[type="reset"] {
  background: #417da7 none repeat scroll 0 0;
  border: 1px solid;
  border-radius: 10px;
  color: white;
  padding: 5px;
  text-align: center;
}

/***************************************** Pagination **********************************/



#pagination{

        display:inline-block;

        }

        #pagiCount{

        margin-left:0px;

        }

        #pagination a, #pagination strong {

        display:block;

        float:left;

        margin-left:5px;

        text-decoration:none;

        background:#e3e3e3;

        padding:3px 5px;

        border:1px solid #efefef; 

        color:#292929;

        font-size:16px;



        }

        #prev a{

        color:#0d0d6b;

        border:1px solid #efefef; 



        }

        #next a{

        color:#0d0d6b;

        border:1px solid #efefef; 

        }

        #pagination strong , #pagination a:hover {

		color:#FFF; padding:3px 5px; background:#417da7;





        }

		

		.aselect{font-weight:bold;}

		#allproduct{min-height:300px;}

		

		#chngimg img {

		cursor: url("../images/zoom.png"),move;

		}

input[type="submit"], input[type="button"], input[type="reset"] {
    cursor: pointer;
}


.rightbar > div {
  background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(76, 76, 76, 1) 0%, rgba(66, 65, 66, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(61, 60, 61, 0.99) 39%, rgba(97, 96, 97, 0.99) 50%, rgba(92, 91, 92, 0.99) 51%, rgba(66, 64, 66, 0.99) 60%, rgba(82, 81, 82, 0.98) 76%, rgba(46, 43, 46, 0.98) 91%, rgba(51, 51, 51, 0.98) 100%) repeat scroll 0 0;
  width:100%;
}

#mainContent > h1 {
  border-bottom: 5px solid #417da7;
  color: white;
  padding: 17px;
  text-align: left;
}
.main-table {
  background-color: #e0e0e0;
}
.main-td1 {
  width: 25%;
}
.tutorcat-checkbox {
  width: 94%;
}



.lable-gender {
  background: #417da7 none repeat scroll 0 0;
  color: white;
}

.race_pref > td:first-child {
  background: #417da7 none repeat scroll 0 0;
  color: white;
}

.tutor-cat {
  background: #417da7 none repeat scroll 0 0;
  color: white;
}
.area-search > td:first-child {
  background: #417da7 none repeat scroll 0 0;
  color: white;
}

.area-rangelable {
  background: #417da7 none repeat scroll 0 0;
  color: white;
}

.Status-main {
  background: #417da7 none repeat scroll 0 0;
  color: white;
}
.qualification {
  background: #417DA7;
  color: white;
}

.qulification.left {
  background: #417da7 none repeat scroll 0 0;
  border-bottom: medium none;
  border-color: #84c0ea #417da7 -moz-use-text-color;
  color: #417da7;
}

.id-main {
  background: #417da7 none repeat scroll 0 0;
color: white;
}

.name-main {
  background: #417da7;
color: white;
}


.search-main {
  background: #417da7;
  color: white;
}

.email-main {
  background: #417da7;
  color: white;
}

.handphone-main {
  background:#417da7;
  color: white;
}


.min-head {
  background: #e9a313 none repeat scroll 0 0;
  border-radius: 5px 5px 0 0;
  padding: 10px;
  position: relative;
  top: 13px;
}

.tutorProfile table tr th {
  background: #417da7 none repeat scroll 0 0 !important;
  border: 1px solid #ccc;
  color: white;
  font-size: 11px;
  padding: 2px 2px 2px 5px;
}