.clear{
	clear:both;
}

.content {
	width: 260px;
	margin: 100px auto;
}

.nav
{
    float: left;
    font-family: Tahoma;
    font-size: 13px;
    height: 37px;
    position: absolute;
    width: 1203px;
    min-width: 600px;
    z-index: 500;
}


@media screen and (min-width: 360px) and (max-width: 640px){
  .right-side-top-r-l{
	float:left;
	min-width:0px ! important;
	padding-top:4px;
}
}




.sidebar {
    /*background-color: #283136;*/
    /*border-right: 1px solid #eee;*/
    /*background-color: #181D21;*/
    background: linear-gradient(to top left, #a85524 0%, #544c4c 100%);
    bottom: 0;
    display: block;
    left: 0;
   /* position: absolute !important;*/
    z-index: 1000;
	float:left;
	top:0;
	padding:0px !important;
}
.logo-bg{
	/*background:#ef682e;*/
    /*background:#ff793f;*/
    /*background: #ec6429;*/
    background: #f19d62;
	/*padding:10px;*/
    padding: 0px;
}
.logo-bg img{
	margin:0 auto;
	display:block;
}
.total-bv{
	/*background:#d65923;*/
    background: #d7835f;
	padding:2px;
	text-align:center;
	color:#FFF;
}
.right-side{
   padding-left:0px !important;
   padding-right:0px !important;
   background:#FFF;
   min-height:500px !important;
   /*display:inline-block;*/
}
.right-side-top{
	min-height:80px;
	/*background:#283136;*/
    /*background: #4f5050;*/
    background: linear-gradient(to top left, #6f3919 0%, #251e1e 100%);
	/*overflow:hidden;*/
    /*padding-bottom: 35%;*/
}
.right-side-top-l{
	max-width:550px;
	min-height:80px;
	/*text-align:center;*/
	padding:10px 80px 10px 30px;
	color:#FFF;
	float:left;
}

.right-side-top-r{
	min-height:80px;
	/*float:right;*/

}
.right-side-top-r-l{
	float:left;
	min-width:390px;
	padding-top:4px;
}
.right-side-top-r-l-p{
	font-size:12px;
	float:left;
	color:#FFF;
    /*margin-top: 18px;*/
}
.right-side-top-r-l-p p{
	margin-bottom:2px;
}
.right-side-top-r-l-p p span{
	color:#ef682e;
}
.right-side-top-r-l-p-pic{
	width:70px;
	height:70px;
	background:#FFF;
	border-radius:50px;
	float:left;
}
.right-side-top-r-l-p-pic img{
	width:70px;
	height:70px;
	border-radius:50px;
}
.right-side-top-r-l-p-pic-name{
	font-size:12px;
	color:#FFF;
	text-align:center;
}
.right-side-top-r-logout{
	display:-moz-grid-group;
    float:right;
}
.right-side-top-r-logout li{
	font-size:14px;
    list-style:none;
	float:left; 
	/*background:#d65822;
	border-left:#ef682e 1px solid;*/
    padding-top: 22px;
}
.right-side-top-r-logout li a{
	color:#FFF;
	/*padding:28px 10px;*/
    padding: 6px 10px;
	display:block;
}
.padding-0{
	padding:0px !important;
}
.margin-0{
	margin:0px !important;
}
.main {
    width: auto;
    /*padding: 10px 15px 5px 15px;*/
    /*padding: 0px 0px 0px 7px;*/
    /*padding: 6px 0px 0px 0px;*/
    padding: 6px 7px 4px 7px;
    /*overflow: hidden;*/
    width: 100%;
}
.main h2{
	font-weight:normal !important;
	/*color:#8d8d8d;*/
    color: #484545;
	margin:0px;
	/*background:#f8f8f8;*/
    /*background: #f8d2bf;*/
    background: #faeee9;
	border:#efefef 1px solid;
	font-size:24px;
	padding:8px;
    /*margin-bottom: 13px;*/
  margin-bottom: 10px;
    text-transform: uppercase;
}
  .main h3{
	font-weight:normal !important;
	color:#5b392b;
    /*color: #ffffff;*/
	margin:0px;
	/*border:#cf815f 1px solid;*/
    /*border: #ca5827 1px solid;*/
    /*border: #fffdfc 2px solid;*/
    /*border: #230d03 2px solid;*/
	font-size:22px;
	padding:8px;
	/*background:#ffcdb8;*/
    /*background: #986a6a;*/
    /*background: #fb6d02;*/
    /*background: #030640;*/
    /*background: #ffcdb8;*/
    background: #fffbf9;
	border-radius:4px;
    /*text-transform: uppercase;*/
    padding-left: 14px;
}
.main h4{
	
	padding:4px;
	font-size:16px;
	font-weight:normal;
	border-radius:4px;
	margin:0px;
	margin-bottom:10px;
	margin-top:10px;
	color:#333;
	width:97.5%;
	/*text-shadow: 0px 0px 1px #333333;*/ 
}


@media screen and (max-width: 640px) and (min-width:360px) {
  .member{
	width:44% ! important;
	background:#ff9d73;
	float:left;
	margin:20px;
	border:1px solid #ff793f;
	padding-top:10px;
}
  
}

@media screen and (max-width: 400px) {
  .member{
	/*width:14% ! important;*/
    width: 44% ! important;
	background:#ff9d73;
	float:left;
	margin:20px;
	border:1px solid #ff793f;
	padding-top:10px;
}
  
}

.member-back{
	width:100%;
	display:table;
}
.member{

    width: 23%;
    /*background: #ba440c;
    float: left;
    margin: 9px;
    border: 4px solid #f3eeee;*/
    /*background: #e3e0e0;*/
    /*background: #eae8e8;*/
    /*background: #feaf7d;*/
    /*background: #eae8e8;*/
    background: linear-gradient(to top left, #ffffff 0%, #d49779 100%);
    /*background: linear-gradient(to top left, #ffffff 0%, #a39f9d 100%);*/
    float: left;
    margin: 9px;
    border: 1px solid #100f0f;
    padding-top: 10px;
    height: 200px;
	/*width:19%;
	background:#ff9d73;
	float:left;
	margin:20px;
	border:1px solid #ff793f;
	padding-top:10px;
    height: 200px;*/
}


.member h3{
	text-align:center;
	font-size:12px;
	margin:4px;
	padding:3px 0px;
	font-weight:normal;
}
.member h4{
	text-align:center !important;
	font-size:14px;
	/*color:#FFF;*/
    color: #2a2626;
	padding:3px 0px;
	margin:0px;
	font-weight:normal;
}
.member-pic{
	width:70px;
	height:70px;
	margin:0 auto;
	display:table;
	background:#FFF;
	border-radius:60px;
} 
.member-pic img{
	width:70px;
	height:70px;
	border-radius:60px;
}
.member-footer{
	/*background:url(../images/orng.png) top center no-repeat #ff793f;*/
        /*background: url(../images/orng.png) top center no-repeat #605c58;*/
   /*background: linear-gradient(to top left, #3d3a3a 0%, #444342 100%);*/
   background: linear-gradient(to top left, #fcfcfc 0%, #ea9036 100%);
  /*background: url(../images/orng.png) top center no-repeat #686868;*/
	min-height:39px;
	line-height:28px;
    /*margin-top: 23px;*/
    margin-top: 20px;
	padding:2px;
	/*margin-top:17px;*/
    /*margin-top: 45px;*/
}
.member-footer-left{
	font-size:12px;
	float:left;
	/*color:#FFF;*/
    color: #0b0b0b;
}
.member-footer-right{
	font-size:12px;
	float:right;
	/*color:#FFF;*/
    color: #0b0b0b;
}
.summery{
	width:100%;
	height:auto;
	display:block;
}
.summery-detail{
	/*width:69%;*/
	margin-right:20px;
	margin-top:10px;
	background:#ebf1f3;
	float:left;
}
.summery-detail th {
    /*background: #ef682e;*/
    background: #ca8867;
    /*text-align: center;*/
    color: #FFF;
    font-weight: bold;
    padding: 0px;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    font-size:13px;
    padding-left: 7px;
}
.summery-detail td{
	
	color:#33414a;
	/*text-align:center;*/
    text-align:left;
	padding:3px;
	border-right:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
	font-size:13px;
}
.summery-detail tr:nth-child(2n) {
    background-color: #E5E5E5;
}
.summery-detailsub td{
	
	color:#33414a;
	text-align:left;
	padding:3px;
	border-right:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
	font-size:13px;
    padding-left:20%;
}
.summery-detail1 td{
	
	color:#33414a;
	text-align:left;
	padding:3px;
	border-right:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
	font-size:13px;
    padding-left:8%;
}
.margin-right-0{
	margin-right:0px;
}


.member-reg{
	width:auto;
}

.member-reg label{
	float:left;
	font-weight:normal;
	margin-right:20px;
}



.text-2{
	margin:4px;
	/*width:95% !important;*/
    width: 95% !important;
}
.text-3{
	margin:4px;
	width:79.1% !important;
}
.select-f{
	/*width:85% !important;*/
    width: 95% !important;
	float:left;
	margin:4px;
}
.select-s{
	width:95% !important;
	float:left;
	margin:4px;
}
.btn-s{
	float:right;
	margin-right:10px;
}

@media (max-width:1200px) {
	.summery-detail{
	width:100%;
	
	}
}

@media (max-width:800px) {
	.summery-detail{
	width:100%;
	
	}
}


/*FOR MENU*/
.topnav {
    width: 213px;
    padding: 40px 28px 25px 0;
    font-family: Verdana;
    font-size:15px;
}

ul.topnav {
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    list-style: none;
    font-size:15px;
}

ul.topnav li {	
    /*border-left:4px solid #ef682e;*/
    border-left: 4px solid #fdb08f;
     /*border-bottom:1px solid #303b3f;*/
     border-bottom: 1px dotted #868787;
    font-size:15px;

}

ul.topnav li a {
	line-height: 18px;
	font-size: 13px;
	padding: 12px;
	color:white;
	display: block;
	text-decoration: none;
	font-weight: 500;
	/*background:#181d21;*/	
    /*background: #6c6f6f;*/
    /*background: linear-gradient(to top left, #a85524 0%, #544c4c 100%);*/
    -moz-transition: all .3s .1s; 
	-o-transition: all .3s .1s; 
    transition: all .3s .1s;
    -webkit-box-shadow: 0px 1px 3px rgb(175 169 169 / 40%);
     -moz-box-shadow: 0px 1px 3px rgb(175 169 169 / 40%);
    /*-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);*/
    /*-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);*/ 
   
}

ul.topnav li a:hover {
    /*background:#303b3f;*/
    background: #5b5e5f;
	font-size:15px;
    /*color:orange;*/
    color: #f6cdb4;
}

ul.topnav ul {
	margin: 0;
	padding: 0;
	display: none;
		background:none;
    font-size:15px;
}

ul.topnav ul li {
	margin: 0;
	padding: 0;
	clear: both;
	background:none;
    font-size:15px;
}

ul.topnav ul li a {
	padding-left: 15px;
	font-size: 13px;
	font-weight: normal;
	outline:0;
	line-height:18px;
	color:#fff;
    border-bottom: 1px solid #65686a;
    background: #535658;
    /*border-bottom:1px solid #181d21;
	background:#303b3f;*/
}

ul.topnav ul li a:hover {
	background-color:#303b3f;
	/*color:#92a0a5;*/
    color: #f8cfb6;
    font-size:15px;
}

ul.topnav ul ul li a {
	color:#4e87d7;
	padding-left: 25px;
    font-size:15px;
}

ul.topnav ul ul li a:hover {
	background-color:#4e87d7;
	color:#ffffff;
    font-size:15px;
}

ul.topnav span{
	float:right;
    font-size:15px;
}
.w {
    width: 20% !important;
}
    .x {
    width: 98% !important;
}