/* CSS Document for the official site of the Department of Mechanical Engineering, BUET, (http://www.buet.ac.bd/me). */
/* Style Sheet written by Shuvojit Kumar Shil (http://www.shuvojit.110mb.com). */
/* Copyright (C) is protected to the author. */
/* No part should be copy or reused. */

/* Common Sections */

/* Usual Call */

body {
	background-image:url(../images/page_bg.gif);
	font-family:tahoma, Verdana, Arial;
	font-size:11px;
	color: #000000;
	text-decoration: none;
	margin:0px;
	margin-bottom:5px;
}
a:link{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3277BC;
	font-weight:normal;
	text-decoration:none;
}
a:hover{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3277BC;
	font-weight:normal;
	text-decoration:underline;
}
a:visited{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3277BC;
	font-weight:normal;
	text-decoration:none;
}
/* Different Classes */

/* normal td class */
.topbox{
	background-color:#FFFFFF;
	height:25px;
	border-top:#666666 5px solid;
	vertical-align:middle;
}
.content{
	background-image:url(../images/top_shadow.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	padding-top:4px;
	padding-left:4px;
	padding-right:4px;
	vertical-align:top;
	text-align:center;
}
.topshadowprof{
	background-image:url(../images/top_shadow2.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	padding:5px;
	vertical-align:top;
	text-align:left;
}
.proftag{
	text-align:right;
	padding-right:4px;
	vertical-align:top;
	padding-top:5px;
}
.flashholder{
	border:1px #dddddd solid;
	background-color:#FFFFFF;
	background-image:url(../images/bot_shadow.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	text-align:center;
	vertical-align:middle;
	padding:2px;
	width:500px;
	height:200px;	
}
.flasloader{
	background-image:url(../images/loader.gif);
	background-position:center center;
	background-repeat:no-repeat;
	width:500px;
	height:200px;
	padding:0px;
	margin:0px;	
}
.tleft{
	text-align:left;
	padding-left:4px;
}
.tright{
	text-align:right;
	padding-right:10px;
}
.banner{
	background-color:#035B93;
	font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	color:#FFFFFF;
	height:88px;
	vertical-align:top;
}
.borderall{
	border:1px #dddddd solid;
}
.botshadow{
	background-color:#F4F4F4;
	height:2px;
	padding:0px;
}
.sideshadow{
	background-image:url(../images/side-shadow.gif);
	background-repeat:repeat-y;
	background-position:left center;
	border-left:1px #F4F4F4 solid;
	padding-left:5px;
	padding-bottom:5px;
}
.dotbox{
	padding-bottom:4px;
	padding-left:5px;
	border-bottom:1px #ffffff solid;
	height:22px;
}
.mainbox{
	border:1px #dddddd solid;
	background-image:url(../images/bot_shadow.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	vertical-align:middle;
	padding:2px;
}
.greenheader{
	background: #669900 url(../images/cl_bg.gif) 0px -22px;
	text-align:center;
	height:20px;
	vertical-align:middle;
	padding-left:5px;
}
.redheader{
	background: #6D0019 url(../images/cl_bg.gif) 0px 0px;
	text-align:center;
	height:20px;
	vertical-align:middle;
	padding-left:5px;
}
.clrbx{
	background-image:url(../images/colorbar1.gif);
	background-position:top;
	background-repeat:repeat-x;
	border-top:1px #dddddd solid;
}		

/*special td classes*/
.td_head_phd{
	text-align:center;
	height:30px;
	background:#336699;
	color:#FFFFFF;
	font-weight:bold;
}
.td_conlist_phd{
	text-align:center;
	height:45px;
	background:#E0EFFF;
}
.td_head_msc{
	text-align:center;
	height:30px;
	background:#669900;
	color:#FFFFFF;
	font-weight:bold;
}
.td_conlist_msc{
	text-align:center;
	height:45px;
	background:#E4F4C3;
}
.td_conlist_other{
	text-align:left;
	padding-left:10px;
	height:45px;
	background:#FFFFCC;
}

/* footer class */
.footmost{
	background-image:url(../images/foot-bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#0F71B0;
	height:135px;
	text-align:center;
	vertical-align:top;
	padding:30px 0px 0px 0px;
}

/* dropdown class */
.quickbox{
	padding-left:5px;
	border-bottom:1px #0077b8 dotted;
	text-align:left;
	vertical-align:middle;
	height:31px;
}

/* newsbox class */
.newsholder{
	border-right:1px #dddddd solid; 
	padding-right:4px;
}
.newsbox{
	border-bottom:1px #EFEFEF solid;
	padding-top:4px; 
	padding-bottom:4px;
	vertical-align:top;
	text-align:left;
}

/*picture border*/
.pic{
	border:1px #dddddd solid;
	padding:2px;
	background-color:#FFFFFF;
}
.imgholder{
	border:1px #dddddd solid;
	padding:4px;
	background-color:#FFFFFF;
}
.topimgholder{
	background-image:url(../images/top_imgholder.gif);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	text-align:center;
	padding-top:18px;
	vertical-align:top;
}
.imglink{
	border:1px #dddddd solid;
	padding:4px;
	background-color:#FFFFFF;
}
.imglink:hover{
	border:1px #333333 solid;
	padding:4px;
	background-color:#FFFFFF;
}

/* search class */
.srchbutton{
	background:#333333 url(../images/menu_bg_all.gif) 0px -5px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	margin:0px;
	border: 0px;
	font-weight:bold;
	height:22px;
}
.srchbutton:hover{
	background:#0264A2 url(../images/menu_bg_all.gif) 0px -35px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	border: 0;
	margin:0px;
	font-weight:bold;
	height:22px;
	cursor: pointer;
}
#cse-search-box{
	padding:0px;
	margin:0px;
}

/* description para class */
.intro{
	height:150px;
	background-color:#F5F3F1;
	vertical-align:top;
	text-align:left;
	padding-left:5px;
	padding-right:3px;
}
.para1{
	margin:0px;
	padding-bottom:8px;
	border-bottom:1px #F2F0F0 solid;
	padding-left:4px;
	padding-top:7px;
}
.para2{
	background-image:url(../images/top_shadow2.gif);
	background-position:top;
	background-repeat:repeat-x;
	margin:0px;
	padding-bottom:8px;
	padding-top:7px;
	padding-left:4px;
}
.para3{
	margin:0px;
	padding-bottom:15px;
	padding-top:4px;
	padding-left:4px;
}
.para4{
	margin:0px;
	padding-bottom:8px;
	padding-top:7px;
	padding-left:4px;
}

/* faculty section class */
.fac{
	background-position:top;
	background-repeat:repeat-x;
	border-bottom:1px solid #F2F0F0;
	text-align:left;
	padding-top:10px;
	padding-left:7px;
	vertical-align:top;
	height:80px;
}
.facbot{
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
	vertical-align:middle;
	height:80px;
}
#infotable p{
	margin:1em 0;
}
#infotable td.menu{
	border:1px solid #ccc;
	border-bottom:0;
	background:#eee; 
	width:170px;
	height:40px;
	cursor:pointer;
}
#infotable td.menu a{
	display:block; 
	width:170px; 
	height:40px; 
	padding:10px;
}
#infotable td.active{
	border-right:#fff 1px solid;
	background:#fff;
}
#infotable td.active a{
	color:#000;
	text-decoration:none; 
	height:40px;
}

/* facility section class */
.labdes{
	margin:0px;
	padding-bottom:4px;
	padding-top:4px;
	text-align:justify;
}
.list li{
	padding-bottom:10px;
}
.listfac{
	padding:0px;
	padding-left:4px;
	margin:0px;
	margin-left:10px;
}
.listfac li{
	padding-bottom:7px;
}
.selop{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}

/* font style */
a.link:link{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3277BC;
	font-weight:normal;
	text-decoration:none;
}
a.link:hover{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3277BC;
	font-weight:normal;
	text-decoration:underline;
}
a.link:visited{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3277BC;
	font-weight:normal;
	text-decoration:none;
}
a.top{
	font-family:tahoma, Verdana, Arial;
	font-size:11px;
	color:#999999;
	text-decoration:none;
}
a.topbar{
	font-family:tahoma, Verdana, Arial;
	font-size:11px;
	color:#cccccc;
	text-decoration:none;
}
a.toplink:link{
	font-family:tahoma, Verdana, Arial;
	font-size:11px;
	color:#666666;
	text-decoration:none;
}
a.toplink:hover{
	font-family:tahoma, Verdana, Arial;
	font-size:11px;
	color:#333333;
	text-decoration:underline;
}
a.toplink:visited{
	font-family:tahoma, Verdana, Arial;
	font-size:11px;
	color:#666666;
	text-decoration:none;
}
a.newslink:link{
	font-family:tahoma, Verdana, Arial;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}
a.newslink:hover{
	font-family:tahoma, Verdana, Arial;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}
a.newslink:visited{
	font-family:tahoma, Verdana, Arial;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}
a.whitetitle{
	font-family:tahoma, Verdana, Arial;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
a.foottext{
	font-family:tahoma, Verdana, Arial;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
a.footwlink:link{
	font-family:tahoma, Verdana, Arial;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}
a.footwlink:hover{
	font-family:tahoma, Verdana, Arial;
	font-size:11px;
	color:#ffffff;
	text-decoration:underline;
}
a.footwlink:visited{
	font-family:tahoma, Verdana, Arial;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}
a.footlink:link{
	font-family:tahoma, Verdana, Arial;
	font-size:11px;
	color:#999999;
	text-decoration:none;
}
a.footlink:hover{
	font-family:tahoma, Verdana, Arial;
	font-size:11px;
	color:#333333;
	text-decoration:underline;
}
a.footlink:visited{
	font-family:tahoma, Verdana, Arial;
	font-size:11px;
	color:#999999;
	text-decoration:none;
}
.txt{
	margin-bottom:5px;
}
a.title{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3277BC;
	font-weight:bold;
	text-decoration:none;
}
a.name{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#3277BC;
	font-weight:bold;
	text-decoration:none;
}
a.blink:link{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#447FAD;
	font-weight:bold;
	text-decoration:none;
}
a.blink:hover{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	font-weight:bold;
	text-decoration:underline;
}
a.blink:visited{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8F0F27;
	font-weight:bold;
	text-decoration:none;
}
a.bllink:link{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3277BC;
	font-weight:normal;
	text-decoration:none;
}
a.bllink:hover{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3277BC;
	font-weight:normal;
	text-decoration:underline;
}
a.bllink:visited{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3277BC;
	font-weight:normal;
	text-decoration:none;
}
a.profname{
	font-family:"Lucida Sans", Georgia, "Times New Roman", Times, serif, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#3277BC;
	font-weight:bold;
	text-decoration:none;
}
/* menu style */

#menu {
	background: #333 url(../images/menu_bg_all.gif);
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#menu li {
	float: left;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
}
#menu a {
	background: url(../images/seperator.gif) top right no-repeat;
	color: #FFFFFF;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	display: block;
	float: left;
	margin: 0px;
	padding: 8px 10px;
	text-decoration: none;
}
#menu a:hover {
	background: #0264A2 url(../images/menu_bg_all.gif) 0px -30px;	
	color: #FFFFFF;
	padding-bottom: 8px;
}
#menu a.selected {
	background: #669900 url(../images/menu_bg_all.gif) 0px -60px;
	color: #FFFFFF;
	display: block;
	float: left;
	margin: 0px;
	padding: 8px 10px;
	text-decoration: none;
}
#menu a.selected:hover {
	border-top:0px;
}
#menu a.selected2 {
	background: #669900 url(../images/menu_bg_all.gif) 0px -60px;
	color: #FFFFFF;
	display: block;
	float: left;
	margin: 0px;
	padding: 8px 10px;
	text-decoration: none;
}
#menu a.selected2:hover {
	background: #0264A2 url(../images/menu_bg_all.gif) 0px -30px;
	border-top:0px;
	cursor:pointer;
}
#menu a.rgt {
	background: url(../images/menu_bg_all.gif);
}
#menu a.rgt:hover {
	background: #0264A2 url(../images/menu_bg_all.gif) 0px -30px;	
	color: #FFFFFF;
	padding-bottom: 8px;
}
#menu a.lft {
	background:url(../images/menu_bg_all.gif);
	display: block;
	float: left;
	margin: 0;
	padding: 8px 3px;
	text-decoration: none;
}
#dropmenudiv{
	position:absolute;
	border:1px solid black;
	border-bottom-width: 0px;
	line-height:18px;
	z-index:100;
}
#dropmenudiv a{
	width: 100%;
	background: #333;
	color:#FFFFFF;
	display: block;
	border-bottom: 1px solid #000000;
	padding: 1px 0px 3px 4px;
	text-decoration: none;
	font-weight: bold;
}
#dropmenudiv a:hover{ 
	background:#045081;
}

/* special menu for faculty sub section*/

#lmenu {
        padding: 5px 0;
		padding-left:10px;
		margin:0px;
		margin-bottom:1px;
        border-bottom:1px solid #D8DFEA;
        font-size:11px;
		font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
}
#lmenu li {
        list-style: none;
        margin: 0;
        display:inline;
}
#lmenu li a {
        padding: 5px 14px 5px 14px;
        margin-left: 0px;
        border:1px solid #D8DFEA;
        border-bottom: none;
        background: #D8DFEA;
        text-decoration: none;
}
#lmenu li a:link { 
	color: #448;
	font-weight:bold;	 
}
#lmenu li a:visited { 
	color: #667;
	font-weight:bold;
}
#lmenu li a:hover {
    color: #FFFFFF;
    background: #3B5998;
    border-color: #3B5998;
	font-weight:bold;
}
#lmenu li.factive a{
	color:#000000;
	background: #FFFFFF;
	border: 1px solid #D8DFEA;
    border-bottom: 1px solid #FFFFFF;
} 
#lmenu li.factive a:hover{
	color:#000000;
	background: #FFFFFF;
	border-top: 1px solid #D8DFEA;
    border-bottom: 1px solid white;
}

/* special vertical menu for ICME section */

#vmenu{
margin: 0;
padding: 0;
width: 205px; 
}

#vmenu li{
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
}

#vmenu li a{
font-weight: bold;
color: #3277BC;
border-bottom:1px solid #D8DFEA;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

#vmenu li a:hover{
background: #3277BC;
color:#FFFFFF;
text-decoration: none;
font-weight:bold;
}

#vmenu li.itop{
    border-top: 1px solid #D8DFEA;
} 
#vmenu li.iactive a{
	color:#000000;
	background:#FFFFFF url(../icme/images/arrow.gif) center right no-repeat;
    border-bottom: 1px solid #D8DFEA;
} 
#vmenu li.iactive a:hover{
	color:#000000;
	background:#FFFFFF url(../icme/images/arrow.gif) center right no-repeat;
    border-bottom: 1px solid #D8DFEA;
}
#vmenu li.iback a{
	color:#FFFFFF;
	background:#CC0000;
    border-bottom: 1px solid #CC0000;
} 
#vmenu li.iback a:hover{
	color:#CC0000;
	background:#FFFFFF;
    border-bottom: 1px solid #D8DFEA;
}

/* Holly Hack for IE \*/
* html #vmenu li { float: left; height: 1%; }
* html #vmenu li a { height: 1%; }
/* End */



/* End of CSS Style Sheet */