body{ max-width: 750px; display: block; margin:0 auto;border:2px solid #8A2BE2 } body:after { content:"BD IT WEB All Rights Reserved"; background: #8A2BE2; padding: 8px;
display: block; color: #fff; font-weight: bold; position:relative; text-shadow: 0px 1px #2f4f4f;text-align:center;border-top:#ff6600 2px solid;margin:-5px}
a {text-decoration:none; color:#008000; }
a:hover{font-weight:bold}
input, textarea { border: solid 1px #3e444c border-top-color: #3e444c padding: 5px }input[type=submit] { background: green; border-width: 1px; border-color: Yellow ; color: #fff; padding: 3px 3px;}.form input[type=text], input[type=password], textarea { width: %; }file{background: black; color: #143A44; Width: 100px; margin: 1px;}

input,input[type="text"],input[type="password"],input[type="select"]{border: 1px solid rgb(230, 230, 230); padding: 4px}.Me {background: #DFF0CC !important;border: #d0e3bf solid 1px !important;float: right;}
input, select{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
color: #444444;
margin: 1px;
padding: 3px;}

.h2 { background-color: #8A2BE2; color: #ffffff; padding: 4px;}
.h3 { background-color: #8A2BE2; color: #ffffff; padding: 4px; border-bottom: #ff6600 3px solid; }
.hdrB {background: #d9ebff; border-left: 0px solid #9fcdff; margin: 0px 0; padding: 4px 4px;}
.LineA{background-color:#f6f6f6;color:#000;padding:6px 4px;border-bottom:1px solid #e9e9e9;}
.LineB{background-color:#fff;color:#000;padding:6px 4px;border-bottom:1px solid #e9e9e9;}
.hdr{background-color:#3b5998;color:#fff;border-width:1px;border-color:#3b5998;border-style:solid;padding:5px;}
.hdr a{color:#fff;font-weight:bold;}a{color:#3b5998;text-decoration:none;font-weight:normal;}
.hdr{color:#fff;font-weight:normal;font-size:16px;}
.hdr a{color:#fff;}

h1,h2,h3{font-size:14px;font-weight:normal;padding:0;margin:0}
 
.p[style="text-align:center;"]{color:green!important}
div[style="display:block;text-align:center"]{display: none!important}

.BlogA{
	float: center; 
	margin: 8px 4px;
}
.BlogA a{
	padding: 5px 7px;
        border: 1px solid #e7e7e7;
        border-radius: 3px;
}
.BlogA a:hover{
	color: #fff;
	background-color: #8AC007;
        border: 1px solid #e5e5e5;
}


.BlogB{
	float: center; 
	margin: 3px 1px;
}
.BlogB a{
	padding: 5px 7px;
        border: 0px solid #e7e7e7;
        border-radius: 3px;
}
.BlogB a:hover{
	color: #fff;
	background-color: #8AC007;
        border: 1px solid #e5e5e5;
}


.frame{background:#fff;padding:2px;border:solid 1px #ccc;}
.ads{background-color : #ffffff;}

.dmenu {
color : #243E60;
background-color : #ffffff;
background-repeat : repeat-x;
background-position : 50% bottom;
margin-top : 1px;
margin-bottom : 1px;
padding : 5px;
border-top : 1px solid #e2e2e2;
border-bottom : 0px solid #e2e2e2;
border-radius: 5px
 text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
}
.dmenu a { color: #150517; }
.dmenu a:hover{color:red; background:transparent; }
.dmenu a:active {color:green;}
.dmenu:hover{
color : #243E60;
background-color : #f2f2f2;
background-repeat : repeat-x;
background-position : 50% bottom;
margin-top : 1px;
margin-bottom : 1px;
padding : 5px;
border-top : 1px solid #e2e2e2;
border-bottom : 0px solid #e2e2e2;
border-radius: 5px
 text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
}

.page {
color : #243E60;
background-color : #ffffff;
background-repeat : repeat-x;
background-position : 50% bottom;
margin-top : 1px;
margin-bottom : 1px;
padding : 5px;
border-radius: 5px
 text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
}
.page a { color: #150517; }
.page a:hover{color:red; background:transparent; }
.page a:active {color:green;}

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-y: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

.homeList {border-bottom-width: 1px; border-bottom-color: #ccc; border-bottom-style: solid; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 4px;}

.givebd-links-p-c {background-color:#DADDE0; color: gray;font-size:x-small; padding: 4px ;margin-bottom:1px;border-bottom:1px solid #A8B1BB;border-right:1px solid #e1e4e8;border-left:1px solid #e1e4e8;}

.dlbutton {
  border: none;
  color: red;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

.dlbtn {
  background-color: red; 
  color: white; 
  border: 3px solid #f44336;
  border-radius: 8px;
  font-weight: bold;
}

.dlbtn:hover {
  background-color: white;
  color: red;
}