/* CSS Document */
@font-face {
    font-family: 'Cambria';
    src: url('Cambria.eot');
    src: url('Cambria.eot?#iefix') format('embedded-opentype'),
         url('Cambria.woff') format('woff'),
         url('Cambria.ttf') format('truetype'),
         url('Cambria.svg#Cambria') format('svg');
    font-weight: normal;
    font-style: normal;
}
* { 
	margin:0; padding:0;
	border:0;
}

body{ background:url(images/bg.jpg) repeat;
	 border:0;
	 font:16px Cambria, Georgia, serif; color:#979797;
	 line-height:20px;
}


/* ============================= main layout ====================== */

a{ color:#00bbde; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ font:16px Cambria, Georgia, serif; line-height:22px; color:#979797; text-transform:uppercase; padding:21px 0 21px 5px;}
h2{ font-size:29px; line-height:37px; color:#2e3030; text-transform:uppercase; padding:9px 0 36px 5px; letter-spacing:-1px;}
h2 span{ color:#979797;}
p{ padding-bottom:20px;}
img{
	vertical-align:0%;max-width:100%;
}

.box{ ; margin:0px 5px;}
.box_top{
	background:url(images/box_top.png) top repeat-x;
	margin:0px 15px;
	height:15px;
	font-size:0;
	line-height:0;
}
.box_bot{
	background:url(images/box_bot.png) bottom repeat-x;
	margin:0 15px;
	height:15px;
	font-size:0;
	line-height:0;
}
.box_left{ background:url(images/box_left.png) left repeat-y;}
.box_right{ background:url(images/box_right.png) right repeat-y;}
*html .main{ padding-bottom:80px;}
.box_top_left{ background:url(images/box_top_left.png) top left no-repeat;}
.box_bot_left{ background:url(images/box_bot_left.png) bottom left no-repeat}
.box_top_right{ background:url(images/box_top_right.png) top right no-repeat}
.box_bot_right{ background:url(images/box_bot_right.png) bottom right no-repeat; }
.box .pad{
	padding-top: 0px;
	padding-right: 55px;
	padding-bottom: 0;
	padding-left: 57px;
}
/* ============================= header ====================== */
#content h1{padding-top:0;}
#head{
	text-align:center;
	vertical-align:top;
	margin-bottom:-2px;
	top: 0px;
}
#menu{
	text-align:center;
	vertical-align:top;
	margin-top:-2px;
}
#banner{ text-align:center; vertical-align:top}


/* ============================= content ====================== */

.pad_left1{ padding-left:38px;}
.pad_left2{ padding-left:52px;}
.pad_bot1{ padding-bottom:0px;}
.pad_bot2{ padding-bottom:40px;}
.pad_bot3{ padding-bottom:8px;}
.pad1{ padding:0 10px;}
.pad2{ padding:0 30px;}
.pad3{ padding:12px 30px;}
.pad4{ padding:10px 20px;}
.marg_right1{ margin-right:20px;}
.marg_top{margin-top: -300px;}  
.marg_top1{margin-top: 406px;}
.board_school .col-wrapper a{margin-bottom:0;}

.under{ border-bottom:1px solid #e9e9e9; padding-bottom:7px; margin-bottom:21px}
.under2{ background:url(images/line_hor2.gif) bottom repeat-x; padding-bottom:20px; margin-bottom:20px;}
.box1 .under{ border-bottom:1px solid #dbdbdb;}

.button1, .button2:hover{ display:inline-block; color:#fff; text-decoration:none; background:#2facfe; line-height:26px;}
.button1 span, .button2:hover span{ display:block; background:url(images/button_left.jpg) top left no-repeat}
.button1 span span, .button2:hover span span{ padding:0 11px; background:url(images/button_right.jpg) top right no-repeat}

.button2, .button1:hover{ display:inline-block; color:#fff; text-decoration:none; background: url(images/button2_bg.jpg) top repeat-x; line-height:26px;}
.button2 span, .button1:hover span{ display:block; background:url(images/button2_left.jpg) top left no-repeat}
.button2 span span, .button1:hover span span{ padding:0 11px; background:url(images/button2_right.jpg) top right no-repeat}

.box1 .button1, .box1 .button2:hover{ display:inline-block; text-decoration:none; background:#2facfe; line-height:26px;}
.box1 .button1 span, .box1 .button2:hover span{ display:block; background:url(images/button3_left.jpg) top left no-repeat}
.box1 .button1 span span, .box1 .button2:hover span span{ padding:0 11px; background:url(images/button3_right.jpg) top right no-repeat}

.box1 .button2, .box1 .button1:hover{ display:inline-block; text-decoration:none; background: url(images/button2_bg.jpg) top repeat-x; line-height:26px;}
.box1 .button2 span, .box1 .button1:hover span{ display:block; background:url(images/button4_left.jpg) top left no-repeat}
.box1 .button2 span span, .box1 .button1:hover span span{ padding:0 11px; background:url(images/button4_right.jpg) top right no-repeat}


.list1{ margin-top:-4px; margin-bottom:-3px;}
.list1 li{ line-height:29px;}
.list1 li a{ text-decoration:none; color:#5b5b5b; padding-left:13px; background:url(images/marker_1.jpg) 0 4px no-repeat}
.list1 li a:hover {text-decoration:underline;}
.box1 .list1 li a{ background:url(images/marker_2.jpg) 0 4px no-repeat}

.box1 { background:#f5f5f5; margin-top:22px;}
.box1_top_left{ background: url(images/box1_top_left.jpg) top left no-repeat}
.box1_top_right{ background:url(images/box1_top_right.jpg) top right no-repeat}
.box1_bot_left{ background:url(images/box1_bot_left.jpg) bottom left no-repeat}
.box1_bot_right{ background:url(images/box1_bot_right.jpg) bottom right no-repeat}
.box1 .pad1{ padding:0 22px 20px 22px;}

.font1{ color:#00bbde}
/* ============================= footer ====================== */

#footer { color:#9c9c9c;}
#footer a{ color:#9c9c9c;}
#footer span, #footer a:hover{ color:#4f4f4f}
#footer div{ width:213px; float:left;}
#icons{ float:left; padding-top:4px;}
#icons li{ float:left; padding-right:6px;} 
/* ============================= forms ============================= */

#ContactForm { line-height:18px;}
#ContactForm a{ margin-left:20px; margin-top:22px;}
#ContactForm .input {width:227px; height:15px; border:1px solid #c3c2bd; background:#fff; padding:2px 5px; margin-bottom:13px;color:#5b5b5b; font:12px Arial, Helvetica, sans-serif;}
#ContactForm textarea {width:247px; height:117px; border:1px solid #c3c2bd; background:#fff; padding:2px 5px;margin:2px 0 13px 5px;color:#5b5b5b; font:12px Arial, Helvetica, sans-serif; overflow:auto}

.col_1{ width:239px; float:left;}
.col_2{ width:259px; float:left; padding-left:42px}

#loginForm { line-height:18px;}
#loginForm a{ margin-left:20px; margin-top:22px;}
#loginForm .input {width:227px; height:15px; border:1px solid #c3c2bd; background:#fff; padding:2px 5px; margin-bottom:13px; color:#5b5b5b; font:12px Arial, Helvetica, sans-serif;}

.middle{ width:199px;margin-left:180px}


#database-form {
    margin-left: auto ;
    margin-right: auto ;
    background: url("images/form-fieldset.gif") repeat-x scroll left bottom #F8FDEF;
    border: 1px solid #DFDCDC;
    border-radius: 15px 15px 15px 15px;
    display: inline-block;
    padding: 25px 50px 10px;
    /*width: 600px;*/
}
#database-form .fieldgroup {
    background: url("images/form-divider.gif") repeat-x scroll left top transparent;
    display: inline-block;
    padding: 8px 10px;
    width: 340px;
}

#database-form  .fieldgroup label {
    float: left;
    padding: 20px 0 0;
    text-align: right;
    width: 110px;
}

#database-form  .fieldgroup input{
    float: right;
    margin: 15px 0;
    height: 25px;
}
#database-form .fieldgroup textarea{
    float: right;
    margin: 15px 0;
    height: 125px;
}

#database-form.fieldgroup select {
    width: 106px;
    margin: 15px;
    height: 20px;
}

#database-form  .submit {
    padding: 10px;
    width: 220px;
    height: 40px !important;
}
#database-form  .fieldgroup label.error {
    color: #FB3A3A;
    display: inline-block;
    margin: 4px 0 5px 125px;
    padding: 0;
    text-align: left;
    width: 220px;
	}
#top .img3 {
background: url(images/img_top3.jpg) 0 1px no-repeat;
}
#top .img2 {
background: url(images/img_top2.jpg) 0 1px no-repeat;
}
/* Start of Mark's styles */

.logo-style {
margin: 32px 0 25px 0;
}
.logo_top{text-align:center;margin:0 auto;display:inline-block;}

div.posE {
float: right;
margin:3px 140px 0px 0px;
color: darkgrey;
}

img.mail {
margin: 0px 0px -7px 0px;
border: 2px solid white;
border-radius: 5px;
width: 28px;
height: 22px;
}

img.tel {
margin: 0px 0px -7px 4px;
border: 2px solid white;
border-radius: 5px;
width: 28px;
height: 22px;
}

img.whatsApp {
margin: 0px 0px -7px 4px;
border: 2px solid white;
border-radius: 5px;
width: 28px;
height: 22px;
}


div#border {
border:17px solid #00a2ff;border-radius:50px;border-width:17px;
/*border-image: url(images/Border-image-m.png) 60 68 50 80 stretch repeat;
 -moz-border-image:url(images/Border-image-m.png) 60 68 50 80 stretch repeat; /* Old Firefox */
  /*-webkit-border-image:url(images/Border-image-m.png) 60 68 50 80 stretch repeat;*/ /* Safari */
  /*-o-border-image:url(images/Border-image-m.png) 60 68 50 80 stretch repeat;*/ /* Opera */
}
hr#border {
/*
height:2px;
background-color:#eeeeee;

-webkit-border-image:url(images/border-line.png)10 0 7 49 round stretch;  Safari and chrome ?*/
border:1px solid #a3cfec;
}

header#style {
background-color:white;
height:29px;
}

div#background-color {
background-color:white;
}

img#scc-logo {
border: 1px solid white;
border-radius: 10px;
}

.tooltip {
	display:none;
	position:absolute;
	border:1px solid #eeeeee;
	background-color:#eeeeee;
	border-radius:5px;
	padding:2px;
	color:#3DA7FB;
	font-size:12px Cambria;
}

/* SPECIALISED BLOCKS START */

div.b-main-content {
width:900px;
padding-left:0;margin:0 auto;
}

div.b-image-content {
border: 1px solid white;

}

div.pad-row-1 {
padding-left:33px;

}

#tabs{
/*  width:900px;
  margin:0 auto;*/
  text-align:center;
  
}
#tabs ul{
width:100%;
padding-top:.5%;
}
#tabs ul li{
position:relative;

margin:0;padding: 15px 0;
  border:none;
  float:left;
}


.ui-tabs .ui-tabs-panel{
margin-top:1%;
}
.ui-tabs .ui-tabs-nav{
padding:0;
margin:0;
}

.ui-tabs .ui-tabs-nav li a{
position:relative;
float:none;font-family:'Cambria';
font-size:13px ;background:url(images/linebg.png) no-repeat left center;padding:0 20px; 
text-align:center;
font-weight:normal;
}
.ui-tabs .ui-tabs-nav li:first-child a{background:url(images/linebg.png) no-repeat right center;}
/*#tabs ul:hover{background:#00A3FF;transition:all .4s ease .1s;-webkittransition:all- .4s ease .1s;-o-transition:all .4s ease .1s;-moz-transition:all .4s ease .1s;}*/
#tabs ul:hover li{transition:all .4s ease .1s;-webkittransition:all- .4s ease .1s;-o-transition:all .4s ease .1s;-moz-transition:all .4s ease .1s;}
#tabs ul li:hover {background:#00A3FF;transition:all .4s ease .1s;-webkittransition:all- .4s ease .1s;-o-transition:all .4s ease .1s;-moz-transition:all .4s ease .1s;border-top-left-radius:0;border-top-right-radius:0;}
#tabs ul li:hover a{color:#fff;transition:all .4s ease .1s;-webkittransition:all- .4s ease .1s;-o-transition:all .4s ease .1s;-moz-transition:all .4s ease .1s;}
#tabs ul li:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;padding-left:19px;}
#tabs ul li:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;padding-right:12px;}
.ui-widget-content {
background:none;
border:none;
}

a.img_anchor{
	border:solid 1px;
}
img.set-box {
	width:100;
height:135px;
}
/*edited by sharmi*/
.col-wrapper1 a{display:inline-block;margin-bottom:25px;margin-right:33px;}
.col-wrapper1{display:block;width:100%;}
.col-wrapper1 a:last-child{margin-right:0px !important}

/*edited by mahi*/
.col-wrapper a{display:block;margin-bottom:25px;}
.col-wrapper.col1 a{margin-left:0;}
#content{padding-top:25px;}
#tabs ul{padding:0;margin:0 0 20px;border:0;}
#tabs ul li{background:#EBEBEB;}
.banner_img {margin: 0 auto;width: 862px;padding-bottom:20px;}
.col_content {margin: 0 auto;width: 865px;}
#tabs{width:865px;margin:0 auto;}
.border_home{width:950px;margin:0 auto;}

.top_menu{ margin: 35px auto 0;width: 865px!important;}
.top_menu ul{width:100%;margin:0 auto 20px;}
.top_menu ul li{float:left;padding:15px 0;background:#ebebeb;}
.top_menu ul li a{color:#555555;text-transform:uppercase;text-decoration:none;font-family:'Cambria';font-size:13px;padding:0 6.5px;background:url(images/linebg.png) no-repeat left center;}
.top_menu ul li:first-child a{background:url(images/linebg.png) no-repeat right center;}
.top_menu ul li:hover {background:#00A3FF;transition:all .4s ease .1s;-webkittransition:all- .4s ease .1s;-o-transition:all .4s ease .1s;-moz-transition:all .4s ease .1s;}
.top_menu ul li:hover a{color:#fff;transition:all .4s ease .1s;-webkittransition:all- .4s ease .1s;-o-transition:all .4s ease .1s;-moz-transition:all .4s ease .1s;}
.top_menu ul li:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;padding-left:9px;}
.top_menu ul li:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;padding-right:7px;}
.clearfix:after {    content: ".";    display: block;    clear: both;    visibility: hidden;    line-height: 0;    height: 0;}
.clearfix {    display: inline-block;}
.map-div{margin:0 auto;}
p.bottom_para{padding-bottom:0;}
.banner_img > img{display:block;}



/* @media screen and (min-width:1780px){.top_menu ul li a{padding:0px 3.5px;}.ui-tabs .ui-tabs-nav li a{padding:0px 17.5px;}} */
@media screen and (max-width : 4607px){ .top_menu ul li a{padding:0px 5px;}.ui-tabs .ui-tabs-nav li a{padding:0px 18px;}.col-wrapper1 a{margin-right:27px;}}
@media screen and (max-width : 2764px){ .top_menu ul li a{padding:0px 5px;}.ui-tabs .ui-tabs-nav li a{padding:0px 18px;}.col-wrapper1 a{margin-right:29px;}}
@media screen and (max-width : 2073px){ .top_menu ul li a{padding:0px 5px;}.ui-tabs .ui-tabs-nav li a{padding:0px 18px;}.col-wrapper1 a{margin-right:31px;}}
@media screen and (max-width : 1728px){ .top_menu ul li a{padding:0px 5px;}.ui-tabs .ui-tabs-nav li a{padding:0px 18px;}.col-wrapper1 a{margin-right:31px;}}
@media screen and (max-width: 1200px){.top_menu ul li a{padding:0px 6px;}.ui-tabs .ui-tabs-nav li a {
    padding: 0 18.5px;
}
}
@media screen and (max-width: 1195px){.top_menu ul li a{padding:0px 5px;}.ui-tabs .ui-tabs-nav li a{padding:0px 18.2px;}}