@charset "utf-8";
/* CSS Document */

table{

    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-spacing: 0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
}
body{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    margin: 0px auto;
    padding: 0px;
    background: #037fb5;
}
#main{
    width:1024px;
    align:center;
    height:1172px; 
    border:0px;
    background-color:#FFF;
    margin:0px auto;
}
#student_main{
    width:1024px;
    align:center;
    margin:0px  auto;
    margin-top: 180px;
    height:1172px; 
    border:0px;
    background-color:#FFF;
    
}
.printer{
margin-right: 20px;
    margin-bottom: 10px;
    width: 100px;
    float: right;
}
#vision-news-wrapper {
    width: 98%;
    /*border: 1px solid black;*/
    overflow: hidden; /* add this to contain floated children */
    margin-left: 1%;
    height:100%;
}
#authorities-wrapper{
    margin-left: 1%;
}
#vision-wrapper {
    width: 73%;
    float:left; /* add this */
    /*border: 1px solid red;*/
    height:100%;
    text-align: justify;
    margin: 10px;
}
#news-wrapper {
    width:25%;
    /* border: 1px solid green;*/
    overflow: hidden; /* add this */
    height:100%;
    float:right;
    text-align: justify;
}
#news-wrapper > div > marquee{
    height:150px; 
}
#ticker a{
    text-decoration: none;
    color:#39b1cc;
}
#vision-pic {
    width: 20%;
    float:left; /* add this */
    /* border: 1px solid red;*/
}
#vision-detail {
    width:70%;
    height: 80%;
    /*border: 1px solid green;*/
    overflow: hidden; /* add this */
}
.extra-link{
    width: 98%;
    /*border: 1px solid black;*/
    overflow: hidden; /* add this to contain floated children */
    margin-left: 1%;
    height:200px;
}
.extra-link .box img{
    height: 140px;
    width: 100%;
    margin-top: 5px;
}

.extra-link .box:hover{
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
}
.extra-link .box{
    text-align: -webkit-center;
    width:25%;
    border: 1px solid green;
    overflow: hidden; /* add this */
    height:150px;
    float:left;
    font-family:fantasy;
    font-weight:bolder;
    font-size:medium;
    color:activeborder;
}
.header{
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size:20px;
    color:#C00;
}
.logo_header{
    font-family:"Arial", cursive;
    font-size:30px;
    font-weight:bolder;
    color:#F00;
}
.content{
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 14px;
    color:#03F;
    alignment-adjust:central;
}


#vision{
    /*box-shadow: 0 0 2px rgba(0,0,0,0.4);*/
    width:100%;
    height:100%;
}

.logo-container{
    position:absolute;
    top: 5px;
    z-index: 15;
    margin-left:15px;
    height:200px;
    width:60%;
}
.logo{
    width:55%;
    height:120px;
}
.student_logo{
    width:50%;
    height:120px;
}
#social_media {
    width: 45px;
    min-height: 50px;
    z-index: 999;
    position: fixed;
    left: 0;
    top: 240px;
    background: #1E96D5;
    border-right: 2px solid #DDD;
    border-top: 2px solid #DDD;
    border-bottom: 2px solid #DDD;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-topright: 12px;
    -moz-border-radius-bottomright: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}
/* Course Style */
.accordion__item {
    width: 100%;
    border-top: 1px solid #fff;
}

.accordion__item:first-child {
    border: none;
}

.accordion__trigger {
    display: block;
    width: 100%;
    padding: 10px 20px;
    color: #fff;
    background-color:#0096a7;
    border: none;
    text-align:left;
    font-size: medium;
}

.accordion__item.is-open .accordion__trigger {
    color: #fff;
    background-color:#0096a7;
    font-size: medium;
}

.accordion__content {
    background-color: #fff;
    font-family: 'trebuchet MS', 'Lucida sans', Arial;
    font-size: 14px;
    color: #444;
}

.accordion__content .course-list {
    margin: 5px;
    width: 48%;
    overflow: hidden;
    float: left;
    margin-bottom: 20px;

    /* border: 1px solid green;*/

}

.accordion__content div li{
    list-style-type:decimal;
    margin-left: 30px;

}
.accordion__content div li ul li{
    list-style-type:disc;

}
.accordion__content .course{
    overflow: hidden;
    height: 35px;
    text-align: -webkit-center;
    margin-top: 1px;
}

.accordion__content .course .box{
    border: 1px solid green;
    height: 30px;
    width: 33%;
    overflow: hidden;
    float: left;
}
/* Course Style */
.contactus-detail{
    font-family: 'trebuchet MS', 'Lucida sans', Arial;
    font-size: medium;
    color: black;
}
.contactus-head{
    font-family: 'trebuchet MS', 'Lucida sans', Arial;
    font-size: x-large;
    color: #00F;
}  
.footer{
    font-family: 'trebuchet MS', 'Lucida sans', Arial;
    font-size: 14px;
    text-align: center;
    width: 90%; 
}
.paragraph{
    background-color: #fff;
    font-family: 'trebuchet MS', 'Lucida sans', Arial;
    font-size: 15px;
    color: #444;
    line-height:normal;
    width: 95%; 
    margin-left: 20px;
}
.bold{
    background-color: #fff;
    font-family: 'trebuchet MS', 'Lucida sans', Arial;
    font-size: 14px;
    color: #444;
    line-height:normal;
    font-weight:bold;
}
.franchise-q{
    background-color: #fff;
    font-family: 'trebuchet MS', 'Lucida sans', Arial;
    font-size:medium;
    font-weight:bolder;
    color:#06F;
    line-height:normal; 
}
.franchise-a{
    background-color: #fff;
    font-family: 'trebuchet MS', 'Lucida sans', Arial;
    font-size: 14px;
    color: #444;
    line-height:normal; 
    margin-top: 5px;
}
.franchise-a li{
    background-color: #fff;
    font-family: 'trebuchet MS', 'Lucida sans', Arial;
    font-size: 14px;
    color: #444;
    line-height:normal; 
    list-style-type:disc;
    margin-left:20px;
}

.placementbox{
    height: 50px;
    width: 33.3%;
    overflow: hidden;
    float: left;
    border: 1px solid green;
}

#profile-wrapper {
    width: 71%;
    /*border: 1px solid black;*/
    overflow: hidden; /* add this to contain floated children */
    margin-left: 1%;
    height:85%;
}

#pic-wrapper {
    width: 27%;
    float:left; /* add this */
    /* border: 1px solid red;*/
    height:90%;
}
#name-wrapper {
    width:65%;
    /*border: 1px solid green;*/
    overflow: hidden; /* add this */
    height:90%;
    float:right;
}
.pname{
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size:18px;
    color:#06F; 
}
.pdetail{
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size:14px;
    color:#06F; 
}
.name-heading{
   font-family: Trebuchet MS;
    font-size: 14px;
    color: #a90329;
    font-weight: bolder;
}
.position{
   font-family: Arial;
    font-size: 12px;
    color: black;
}
/***** Form CSS   ****/


#container {
    background:white;
    color: #222;
    font-family: Cantarell, Verdana, sans-serif;
    font-size: 12px;
    position: relative;
    width:500px;
    /*height:100%;*/

    border-radius:15px;
}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : none; } 
input[type="submit"]:focus, input[type="button"]:focus { outline : none; }

.clear { clear: both; }


#container:before, #container:after
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 25px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    /* -webkit-box-shadow: 0 35px 20px #777;
     -moz-box-shadow: 0 35px 20px #777;
     box-shadow: 0 35px 20px #777; commented for shadow effect*/
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
}
#container:after
{
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
    right: 10px;
    left: auto;
}



#container h1, #container h2 {
    font-size: Cantarell, Verdana, sans-serif;
    text-align: center;
    font-size: 24px;
    text-shadow: 1px 1px 2px #222;
    margin-top:10px;
}
#container h1 span { color: #a90329; }

#container h2 {
    color: #888;
    font-size: 20px;
    text-align: left;
    text-shadow: none;
}

#container table {
    margin: 20px 40px;
    font-size: 14px;
    font-weight: bold;
}
#container table td {
    padding: 5px 10px;
}
#container table td:nth-child(2) {
    color: #a90329;
}   

#container input, #container select {

    color: #888;
    border: 1px solid #ccc;
    font-family: Cantarell, Verdana, sans-serif;
    font-weight: bold;
    font-size: 12px;
    width: 250px;
    height: 30px;
    margin: 5px 0;
    /* float: left; */

    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}


#container textarea{


    color: #888;
    border: 1px solid #ccc;
    font-family: Cantarell, Verdana, sans-serif;
    font-weight: bold;
    font-size: 12px;
    width: 250px;
    height: 80px;
    margin: 5px 0;
    float: left;
    resize:none;

    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.form{
    height: 100%;

}
#container input.button {
    border: none;
    cursor: pointer;
    width: 100px;
    height: 32px;
    margin-bottom: 10px;
    float: right;
    margin-right: 20px;
    position: relative;
    color:#fff;
    background: url('../img/btn_bg.png');
}
#container input.submit {
    background: url('../img/button-submit.gif') no-repeat;
    border: none;
    cursor: pointer;
    width: 100px;
    height: 38px;
    margin-bottom: 10px;
    float: right;
    margin-right: 20px;
    position: relative;
}
#container input.submit:focus { border: none; }

#container input.error { border: 1px solid red; }
#container input.valid { border: 1px solid #1FFF00; }

#container input:focus, #container select:focus, textarea:focus {
    border: 1px solid #a90329;
    color: #a90329;
}


#container label {
    color: #666;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    float:left;
    margin-top:10px;
    margin-right:20px;
    width: 40%;
    text-align: right; 
}


/******End of Form CSS ********/

.ui-tabs-vertical { width: 55em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}
a {outline : none;}

/******End of Form Tab ********/
.ui-autocomplete-loading {
    background: white url("../img/ui-anim_basic_16x16.gif") right center no-repeat;
}


#enquiry tr{
    height: 40px;
    text-align: left;
}

#enquiry .enquiry{
    width: 80%;
    height: 25px;
}


/***********************/



/* Zoom In #1 */
.hover01 {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
     
       
}
.hover01:hover {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);

}

/***********************/

      #slideshow {
                max-width: 1200px;
                max-height: 500px;
                z-index: 0;
            }