

/* Global Styles */

html,
body {
    height: 100%;
	background-color: #000;
}

body {
    /* padding-top: 110px; Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	line-height: 25px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	color: #ffff00;
	
}

body p{padding: 10px 0;}


a {color: #ffff00 !important;}


/* Home Page Carousel */

header.carousel {
    /*height: 50%;*/
	background-image: url('../images/sliderbg.jpg');
	background-position: center;
	
}

.carousel-indicators{
	bottom: 0;
	text-align: right;
	margin-left: -11%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

header.carousel .fill2 {

    background-position: center;
    background-size: cover;
}
.navbar {border-radius: 0;}

.navbar-inverse .navbar-toggle .icon-bar{ background-color: #515151;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color: #ccc;}

.navbar-inverse .navbar-nav > li > a{color:  #ffff00; font-size: 14px; font-weight: bold; margin-right: 2px;}

.navbar-nav > li > a{padding-top: 5px; padding-bottom: 5px;}

.dropdown-menu{background-color: #000; border: 1px solid #ffff00; color: #ffff00;}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

.topbar{background-color:#000;}
.topbar a{display: block; float: right; margin: 0 10px; color: #ffff00; font-size: 12px;}
.topbar a .glyphicon{color:#ffff00;}
.topbar .switchcss{ margin: 0 5px;}
.topbar .size1{font-size: 13px;}
.topbar .size2{font-size: 11px;}


.navbar{margin-bottom: 0;}
.navbar-inverse{background-color: #f8f8f8; border: transparent;}
.navbar-brand{height: 100px; padding: 2px 15px;}
nav .manu-cnt{background-color: #000;}
.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center; margin-bottom: -5px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{background-color: #000;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{background-color: #000;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{background-color: #000; color: #ffff00;}

.tickercontainer, .scrtop, ul.newsticker li {background-color: #000 !important;}
.scrtop, ul.newsticker {color: #ffff00 !important;}

.mbox {margin-top: 10px;}
.mbox .col-md-2{padding: 5px; margin: -10px 0 5px 0;}
.media{color: #ffff00; padding: 15px 3px;}
.media h4{font-size: 19px; font-weight: bold;}
.media a{font-size: 14px; color: #ffff00; font-weight: normal; display: block; }
.media p{padding: 0;}
.media .pull-left{padding-right: 0; padding-top: 20px;}
.media .fa-stack{width: 1.6em;}
.media-body{padding-left: 8px; height: 110px;}

.media .fa-inverse{color: #ffff00;}

a.boxlink:hover{text-decoration: none;}
.boxlink p{font-size: 16px;}
.boxlink p:hover{text-decoration: underline;}

.bg01{background-color: #000;}
.bg01:hover{background-color: #3f341d;}
.bg01 .media-body{border-left: 1px solid #ffff00;}

.bg02{background-color: #000; }
.bg02:hover{background-color: #2f4513;}
.bg02 .media-body{border-left: 1px solid #ffff00;}

.bg03{background-color: #000; }
.bg03:hover{background-color: #234031;}
.bg03 .media-body{border-left: 1px solid #ffff00;}

.bg04{background-color: #000; }
.bg04:hover{background-color: #1c2d3f;}
.bg04 .media-body{border-left: 1px solid #ffff00;}


.bg05{background-color: #000; }
.bg05:hover{background-color: #192442;}
.bg05 .media-body{border-left: 1px solid #ffff00;}

.regulerguidevdo{position: inherit !important; margin: auto; margin-top: 30px; width: 270px;}
.guidevdo{position: absolute; z-index:999; top: 35px; right: 50px; text-align: right;}
.guidevdo span{display: block; float: right; color: #082840; font-weight: bold;}
.guidevdo img{float: right; margin-left: 10px; margin-top: -14px; }

.regulerlogin{position: inherit !important; margin: auto; margin-top: 30px; margin-bottom: 30px;}
.loginbox{background-color: #fff; width: 270px; height: 340px; position: absolute; z-index: 999; right: 12%; top: 22px;}
.loginbox .panel{border-radius: 0;}
.loginbox .panel-default{
	border: 5px solid #000; 
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.45);
}
.loginbox .panel-heading{padding: 2px 15px; border-radius: 0;}
.loginbg{background-color: #000 !important; color: #ffff00 !important; }
.loginbg h4{font-weight: bold; font-size: 20px;}
.boxpanel .panel{background-color: #000;}
.boxpanel{margin-top: 30px; padding: 0;}
.boxpanel .panel-heading{padding: 2px 15px; border-radius: 0;}
.boxpanel .panel-heading h4{font-weight: bold; font-size: 20px;}
.boxpanel > .panel{border-radius: 0; height:400px; overflow: hidden;}
.boxpanel .panel-body{height: 365px; overflow-y: auto;}

.boxpanel .newsevent .panel-body{height: 300px !important; overflow-y: auto;}

.boxpanel .panel-default > .panel-heading, .boxpanel .panel-default{ color: #ffff00; border-color: #ffff00;}
.boxpanel h5{font-size: 16px; margin-top: 5px; margin-bottom: 5px;}
.boxpanel h5 .glyphicon{font-size: 12px;}
.apanel-default{margin-bottom: 0;}
.apanel-body{font-size: 14px; line-height: 18px;}
.apanel-body ul {margin-top: 10px; margin-left: -10px;}
.apanel-body ul li{border-bottom: 1px solid #ffff00; margin-bottom: 5px; padding-bottom: 5px;}
.apanel-default img{border: 5px solid #ffff00; margin: 5px;}
.apanel-default img:hover{border: 5px solid #ccc;}
.deptlink a{border-bottom: 1px solid #ffff00; margin-bottom: 10px; display: block;} 

.news1{padding:0px; margin:0px; list-style:none;}
.newsevent .panel-footer{background-color: #000; border-top: 1px solid #ffff00;}
.newsevent .pagination > li > a, .newsevent .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{background-color: #000;
border-color: #ffff00;}

.news-item {padding:4px 4px; margin:0px; border-bottom:1px dotted #555;}
.news-item img{ padding-right: 5px;}


.boxpanel .pb01, .boxpanel .pb02, .boxpanel .pb03, .boxpanel .pb04{ background-color: #000 !important;}



.apanel-heading{border-bottom: 1px solid #ffff00;}

.homegallery{background-image: url('../images/homevideobg.jpg'); background-position: bottom; min-height: 400px; background-attachment: fixed; margin-top: 30px;}
.homegallery h2{color: #ffff00; font-size: 30px; text-align: center; font-weight: bold; padding-bottom: 30px;}

.homegallery a{display: block; margin-bottom: 20px;}
.homegallery a span{}
.homegallery img:hover{
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.45);
}

.homegallery img{border: 5px solid #fff;}
.homegallery .vdobutton{display: block; position: absolute; z-index: 999; top: 40%;left: 40%; width: 49px; height: 49px; background-image: url('../images/vdobutton.png');}

footer{background-color: #000; color: #ffff00; font-size: 13px; border-top: 1px solid #ffff00;}
footer p{margin: 10px 0;}

footer .socialicons{float: right;}
footer .socialicons a{display: block; width: 33px; height: 33px; margin: 15px 5px; float: right;}
footer .ifb{ background-image: url('../images/ioc_fb.png'); background-repeat: repeat;}
footer .itw{ background-image: url('../images/ioc_tw.png');}
footer .iyt{ background-image: url('../images/ioc_yt.png');}


/*inner pages */
.pagetitle{ background-color: #000; min-height: 75px; border-bottom: 1px solid #ffff00; border-top: 1px solid #ffff00;}
.pagetitle h1{font-size: 34px; font-weight: bold; color: #ffff00;}
.inner{margin-top: 30px; margin-bottom: 30px; min-height: 450px;}