/* =reset & basics
----------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;
}
ol, ul { list-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; }
a img { border: 0; background: none; }
img	{ vertical-align: middle; }ins { text-decoration: none; }
   img.border { background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    display: inline;
    margin-right: 10px;
    padding: 1px; }
	img.right {
    float: right;
    margin: 0 0 12px 12px;}
	.textRight {
    text-align: right;}

del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }
abbr, acronym { border-bottom-width : 0; }
 
em { font-style : italic; }

/* =visuallyHide / accessibility */
.visuallyHidden { position: absolute; top: -500px; left: 0px; width: 1px; height: 1px; overflow: hidden; }

/* =text-selection */
::selection { color: #fff; background-color: #316c9a; text-shadow: none; }
::-moz-selection { color: #fff; background-color: #316c9a; text-shadow: none; } /* mozilla */

/* =defaults
----------------------------------------------------------------------------------------- */
a { color: #014481; text-decoration: none; border: none;  }
a:hover, a:focus { color: #A01B1B; }
a img { margin-left: auto; margin-right: auto; }

.floatLeft { float: left; padding:10px 10px 10px 0; }
.floatRight { float: right; padding: 10px 0 5px 10px; }
img.block { margin: 0 auto 12px; }

/* =clearfix (Alsett) */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* backslash hack hides from IE Mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* end backslash hack */

 

/* =layout / divisions
----------------------------------------------------------------------------------------- */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; /*background:url(../images/bg.jpg)repeat;*/ }

/*#outerWrapper { position: relative; overflow: hidden; width: 1000px; margin: 0 auto;  padding:0; }
#contentWrapper { overflow: hidden; width: 1000px; margin: 0 auto; display: block; position: relative; padding:10px 0px} 
 */


/* =header
----------------------------------------------------------------------------------------- */
#sidebarWrapper { float: left; display: block; width: 215px; }
#contentFullWrapper { display: block; }

/*#header { position: fixed; z-index: 1000; width: 1000px; padding: 0; margin: 0 auto; border-bottom:10px solid #ffffff;}*/
#logo { position: relative; left:0px; top: 0; width: 960px; height:122px; background: url(../images/layout/icat-logo.png) 0 0 no-repeat; text-indent: -9999px; float: left; }
#logo a { display: block; width: 376px; height:122px;}
#logoII{background:url(../images/layout/image-group-logo.jpg) no-repeat;float:left;padding:17px 53px;position:relative;top:30px;left:542px;}
/*#navSub { float: right; position: relative; display:block; top:48px; right: 185px; }*/
#navSub{ display: block;left: 305px;position: relative;top: 22px;}
#navSub li { float: left; display: block; /*background:url(../images/layout/nav-sub-separator.gif) 0 0 no-repeat;*/ }
#navSub li a { float: left; color: #000000; background-color: #b8c0c8; padding: 0  10px; margin-top: 5px; }
#navSub li a:hover { color: #ffffff; }
#social-Icons{position:absolute;right:31px;bottom:20px;}#social-Icons li{float:left;margin-left:12px;}
h1 { font-family: verdana, "Times New Roman", Times, serif; font-size: 20px; line-height: 122px; padding-bottom: 10px; overflow:hidden;}
h2 { font-family: verdana, "Times New Roman", Times, serif; font-size: 20px; line-height: 35px; padding-bottom: 10px; overflow:hidden;}


/* =sideBar
----------------------------------------------------------------------------------------- */

#sideBar { float: left; width: 171px; display: block; margin-bottom:15px; margin-top:10px;}
#socialNetwork { margin-bottom: 15px; margin-top:15px; margin-left:5px; overflow: hidden; }
#socialNetwork a { padding-left: 26px; display: block; float: left; }
#socialNetwork a.first { padding-left: 0; }

#advisor { width: 161px; background-color: #014481; clear: both; color: #fff; margin-top:9px;}
#advisor h2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; padding-left: 5px; } 
#advisor p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding-left: 5px; padding-right: 5px; }
.contactAdvisor { margin: 5px; padding-left: 10px; padding-bottom: 10px; }
.contactAdvisor li { background: url(../images/layout/phone-icon.png) 0 center no-repeat; padding-left: 15px; padding-bottom: 5px;  }
#advisor .contactAdvisor li p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; padding: 0; }

#indexContact { width: 154px; display: block; margin-left:15px; }
#indexContact h3 { font-size: 12px; font-weight: normal; margin-top:5px; font-family: "Myriad Pro"; }
#indexContact p { color: #807b91; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; } 
.contactAddress { border-bottom: 1px solid #a4a4a4; padding-bottom: 19px; }
#indexContact p.phoneIcon { background: url(../images/layout/phone-icon.jpg) 0 0 no-repeat; padding: 9px 0 0px 23px; margin: 15px 0 0 0; color: #000; }
/* =coursesWrapper
----------------------------------------------------------------------------------------- */
#coursesWrapper { float: left; width: 210px; }
#coursesWrapper h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px;/* background: url(../images/layout/courses-title-bg.png) 0 0 repeat-x;*/ background:#d5dadf; width: 195px; border: 1px solid #b8c0c8; font-weight: normal; padding:4px 0 3px 8px; color:#014481; border-bottom: none;}
h4 { font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: normal; margin-bottom: 10px; background: none #F6F6F6; color: #014481; padding: 5px; overflow:hidden; font-size:11px; }
h4 a { padding-right: 10px; text-decoration: underline; }
#coursesWrapper .courses { width: 203px; background: none #f6f6f6; border: 1px solid #b8c0c8; margin-bottom: 5px; padding: 3px 0 3px;  } 
#coursesWrapper .courses li { padding-left: 8px; }
#coursesWrapper .courses li a { padding: 0 0 0 2px; color: #000; width: 4px; height: 4px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#coursesWrapper .courses li a:hover { color: #a01b1b; /*background:url(../images/layout/courses-bullet-hover.png) 0 center no-repeat;*/ }

/* =content
----------------------------------------------------------------------------------------- */
/*#homeIndex #content { width: 626px; }
#content { float: left; width: 785px; display: block; overflow: hidden;}*/
#content p { line-height: 16px;  font-size: 11px; margin: 0 0 10px 0; padding-left:5px; }
#content h3 { font-size: 16px; font-weight: bold; color:#014481; padding: 5px;  margin: 10px 0;
    text-align: center;
}
h3 .topLink, h2 .topLink { float: right; font-size: 11px; }

h3 .topLink a, h2 .topLink a { color: #ffffff; }
h3 .topLink a:hover, h2 .topLink a:hover { color: #b5babf; }
#content h4 { font-size: 12px; background: none #F6F6F6; color: #014481; padding: 5px;  margin: 10px 0; }

#content ul.bullet, #content ol.bullet{ margin: 0 0 0; padding: 0 0 10px 30px; }
#content ul.bullet li, #content ol.bullet li { list-style-image: none; list-style-position: outside; list-style-type: disc; padding-bottom: 5px; color:#333333; font-size:11px;}
#content ol.bullet li { list-style-type: decimal; }
#content ol.bullet ul, #content ul.bullet ul { padding: 12px 18px 0 38px; margin: 0; }
#content ol.bullet ul li, #content ul.bullet ul li { list-style: outside disc; padding-bottom: 6px; }
#content ol { margin: 0 0 12px; padding: 0 0 0 33px; }
#content ol li { list-style-type: decimal; }
#content #breadCrumb { margin-bottom:20px; padding: 5px; background-color:#F3F3F3;}
abbr { border-bottom: thin dotted; }
abbr, acronym { border-bottom-width: 0; }
abbr:hover, abbr:focus, abbr.noVisual { border-bottom: 0 none;}

/* =newEvents
----------------------------------------------------------------------------------------- */
#newEvents { float: right; display: block; width: 151px; overflow: hidden; }
#newEvents img { margin-bottom: 5px;  border: 2px solid #B8C0C8; }

/* gallery */

#content .gallery { overflow: hidden; padding: 18px 0 0 22px; margin: 6px 2px 16px; background: #F6F6F6; border: 1px solid #dedede; }
#content .gallery li { float: left; display: block; width: 124px; height: 110px; margin: 0 15px 20px 0; padding: 0; text-align: center; }
#content #courseContent .alumniProjects { background: none repeat scroll 0 0 transparent;
    border: medium none; margin: 0; padding: 0; }
#content #courseContent .alumniProjects li { height: 176px; width: 170px; background-color:#f6f6f6;padding-bottom:22px; }

#content #courseContent .alumniProjects li p{ display: block; color : #000000; line-height: 5px;
    text-align: center; font-size:10px; font-weight:bold; margin-top:8px; }
#content #courseContent .alumniProjects li small { color:#033a6c; font-weight:normal; font-size:10px; display:block; line-height:12px; margin: 0 3px 0 5px;}

#content #courseContent .alumniProjects li span { color:033a6c; font-weight:bold;}

#content .gallery li strong { display: block; }
#content .gallery li a { float: left; display: block;}
#content .gallery li img { display: block; width: 115px; height: 100px; border: 3px solid #014481; margin:7px auto;}
#content .gallery a:hover img, #content .gallery a:focus img { border: 3px solid #8d0707; filter:alpha(opacity=150); -moz-opacity:10; opacity:10; }

/* =footerWrapper
----------------------------------------------------------------------------------------- */
#footerWrapper { clear: both; overflow: hidden; position: relative; z-index: 100000px; background-color: #DF1000; width: 1000px; }
#footer{ clear: both; overflow: hidden; position: relative; background: none #DF1000; padding-bottom: 17px; display: block; padding-top:10px; }

.footerLinks { float: left; display: block; width: 185px; padding-left: 20px; }
.footerLinks.first  { padding-left: 0; }
.footerLinks li a { border-bottom: 1px solid #fff; color: #fff; padding: 5px 0 7px 0; display: block; font-size:11px; }
.footerLinks li a:hover,.footerLinks li a:focus { color: #fff; }
/*.footerContent { float: left; display: block; width: 355px; margin-right: 25px; padding-left: 10px; overflow: hidden; font-size:11px; }*/
#footerWrapper h5{ color: #000; font-size: 25px; margin-top: 7px; padding-bottom: 5px; }
.footerContent h3 { font-size: 22px; color: #fff; }
.footerContent p { color: #fff; line-height: normal; }
.footerContent .validation {width:100%; padding-top:10px;}
.footerContent .validation img { display:block; float:left; padding-right:14px;  padding-top: 4px;}
.validation span{   color: #D5DADF;
    display: block;
    line-height: 14px; margin-bottom:5px;float:left;}

.validation span:hover, .validation span:focus { color:#FFFFFF; }
	

/*.footerInfo { float: left; display: block;} */
#footerWrapper #copyright { clear: both; background: none #fff; overflow: hidden; display: block; font-size:11px;}
#copyright .floatLeft { padding: 10px; }
#copyright .floatRight { padding: 10px; }
a.special { color: #a01b1b; }
a.special:hover,a.special:focus { text-decoration: underline; }


/*---------------- menu ----------------*/

.mainManu { margin:0; padding:0; clear:both; background:#ececec; padding-bottom:3px;}

/* November 19 */

.hNav { background:url(../images/menu-gradient.gif) repeat-x center; height:38px; border:1px solid #dee2e8 }
.hNav li { display: inline-block; height:38px; border-right:1px solid #dee2e8; position:relative }
.hNav li a { color:#204682; font-size:12px; font-family:Arial; padding:0px 10px; line-height:38px; display:block; vertical-align:middle; }

.hNav li:hover { background:#DF1000; }

.hNav li li:hover  { background:#DF1000 }
 
.hNav li:hover a { color:#fff; }

.hNav ul li a { color:#204682 !important; }

.hNav ul, .hNav ul ul { display:none; position:absolute; z-index:9999; width:270px; background:#fff  }

.hNav .current:hover ul { background:##DF1000 }

.hNav ul { top:38px; border:1px solid #DEE2E8 }
.hNav ul li { display:block; float:none; width:100%; border-bottom:1px solid #DEE2E8 }

.hNav li:hover .child { display:block; background:#fff; }

.hNav ul li:hover .child-nested { display:block }

.hNav ul .child-nested { position:absolute; z-index:9999; width:350px; background:#bac4d3 !important; left:270px; top:0px }

.hNav ul .child-nested a:hover { text-decoration:underline }

.hNav .current { background:#204682; }

.hNav .current a {color:#fff }


/* November 19 Ends */




		#nav a#home { }
		#nav a#home:hover, #nav a#home:focus, #nav li.current a#home { background:#b5cee6;color:#fff; }
		#nav a#about { }
		#nav a#about:hover, #nav a#about:focus, #nav li.current a#about { background:#b5cee6;color:#fff;   }
		#nav a#courses {  }
		#nav a#courses:hover, #nav a#courses:focus, #nav li.current a#courses { background:#b5cee6;color:#000000;   }
		#nav a#admissions {  }
		#nav a#admissions:hover, #nav a#admissions:focus, #nav li.current a#admissions { background:#b5cee6;color:#000000;    }
		#nav a#life {  }
		#nav a#life:hover, #nav a#life:focus, #nav li.current a#life { background:#b5cee6;color:#000000;  }
		#nav a#placements { }
		#nav a#placements:hover, #nav a#placements:focus, #nav li.current a#placements { background:#b5cee6;color:#000000;  }
		#nav a#alumni {  }
		#nav a#alumni:hover, #nav a#alumni:focus, #nav li.current a#alumni { background:#b5cee6;color:#000000;   }
		#nav a#news {  }
		#nav a#news:hover, #nav a#news:focus, #nav li.current a#news { background:#b5cee6;color:#000000;   }
		#nav a#gallery {  }
		#nav a#gallery:hover, #nav a#gallery:focus, #nav li.current a#gallery { background:#b5cee6; color:#000000;  }
		#nav a#contact {  }
		#nav a#contact:hover, #nav a#contact:focus, #nav li.current a#contact { background:#b5cee6;color:#000000;   }
		#nav a#download {  }
		#nav a#download:hover, #nav a#download:focus, #nav li.current a#download { background:#b5cee6;color:#000000;   }


ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none;}

ul.dropdown {
 position: relative;
 z-index: 597;

}

ul.dropdown li {
float:none; 
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 4px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible; }

ul.dropdown-vertical {
  }

ul.dropdown-vertical ul {
 top: 4px; left: 99%; }

ul.dropdown-vertical li { float: none; }


ul.dropdown { font-family:"Myriad Pro", sans-serif; font-size:12px; }

	ul.dropdown li { color:#ffffff; margin-bottom:1px;/* border-bottom:1px solid #FFFFFF;*/background-color: #014481;}
	
	ul.dropdown li a{ position:relative; padding: 1px 10px 0;color:#ffffff; text-decoration: none; display:block; clear:both;}	
	ul.dropdown li a img { position: absolute; right:-22px; border:none; *margin-top:-5x; -margin-top:-5px; _margin-top:-5px;}


	/* -- level mark -- */

	ul.dropdown ul li{ width:174px; background:url(../images/layout/menu-sep.jpg) repeat-x left bottom;}
	ul.dropdown ul li, ul.dropdown ul li ul li{font-weight: normal; margin:0; /*background: url(../images/layout/menu_dropdown.png) repeat-x;*/ background-color:#006699;}	
	
		ul.dropdown ul li:hover { background:#b5cee6;}
		ul.dropdown ul li:visited { background:none; }
		ul.dropdown ul li a:visited { background:none; }
		ul.dropdown ul li a:hover { background:none; color:#fff; }

ul.dropdown *.dir { background-position: 100% 100%; }
/* -- Components override -- */
ul.dropdown-horizontal ul *.dir { padding-right: 15px; background-position: 100% 50%; }
ul.dropdown-vertical-rtl *.dir { padding-right: 10px;padding-left: 15px; background-position: 0 50%; }


table { width: 100%; margin: 0 auto 12px; text-shadow: none; }
td, th { border: 1px solid #ddd; border-collapse: collapse; padding: 7px 18px; font-size:11px;}
th { background: none #f0f0f0; font-weight: bold; text-align: left; }
.uow { border: 1px solid #DEDEDE; float: left; margin: 0 0 20px; width: 300px; }
.uowMain img { margin: 0 auto; padding: 10px;}
.uowMain p { text-align: center;}
.uow img{ margin: 0 auto; padding: 10px;}
#content .uow p {text-align: center; padding:0 18px 9px; margin-bottom: 0; }

.annamalai{ float: left; padding: 44px 0 43px; border: 1px solid #DEDEDE; border-left: none;}


<!--------  Top Menu ---------->

#navSub
{	margin: 0;
	padding: 0;
	z-index: 30;}

#navSub li
{
position: relative; 
	list-style: none;
	float: left;
	font: bold 11px arial;}

#navSub li a
{	
	margin: 0 13px 0 0;
	padding: 4px 7px;
	background: none;
	color: #dadbdb;
	text-align: center;
	text-decoration: none;
		}

#navSub li a:hover
{	color:#ffffff;}

#navSub div
{	position: absolute;
	visibility: hidden;
	margin-top:25px;
	padding: 0;
	background: url(../images/layout/tob-menu-bg.png) repeat-x;
	width:165px;
	border:1px solid #b8c1c8; *margin-left:-110x; -margin-left:-110px; _margin-left:-110px; }

	#navSub div a
	{
		margin: 0;
		padding: 4px 10px;	
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: none;
		color: #000000;
		font-size: 11px;
		font-weight:normal;
		width:145px;
		}

	#navSub div a:hover
	{	background: url("../images/layout/top-menu-bg-hover.png") repeat-x scroll 0 0 transparent; color: #FFF;}

<!---------- Admission Fees Table --------->

table.fees { width: 618px; }
table.fees td, table.fees th { padding: 5px; }
th { font-weight: bold; text-align: left; color:#999999; font-size:11px}
table.fees .animationHeading, table.fees .animation, table.fees .animationOdd, table.fees .vfxHeading, table.fees .vfx, table.fees .vfxOdd, table.fees .gdHeading, table.fees .gd, table.fees .gdOdd, table.fees .gdsHeading, table.fees .gds, table.fees .gdsOdd, table.fees .adHeading, table.fees .ad, table.fees .adOdd, table.fees .journalismHeading, table.fees .journalism, table.fees .journalismOdd, table.fees .idHeading, table.fees .id, table.fees .idOdd { border: 1px solid #fff; text-align: center; }
table.fees .animationHeading { background-color: #f6adcd; font-weight: bold; }
table.fees .animation { background-color: #f9cbdf; }
table.fees .animationOdd { background-color: #f8bbd5; }
table.fees .vfxHeading { background-color: #8dd8f8; font-weight: bold; }
table.fees .vfx { background-color: #daf1fd; }
table.fees .vfxOdd { background-color: #c7eafc; }
table.fees .gdHeading { background-color: #c7bc9a; font-weight: bold; }
table.fees .gd { background-color: #e3dcc2; }
table.fees .gdOdd { background-color: #daccaf; }
table.fees .gdsHeading { background-color: #d7cb70; font-weight: bold; }
table.fees .gds { background-color: #ece7bc; }
table.fees .gdsOdd { background-color: #e4dc9f; }
table.fees .adHeading { background-color: #a9c1b2; font-weight: bold; }
table.fees .ad { background-color: #dbe5de; }
table.fees .adOdd { background-color: #c7d6cb; }
table.fees .journalismHeading { background-color: #f29e30; font-weight: bold; }
table.fees .journalism { background-color: #f7d192; }
table.fees .journalismOdd { background-color: #f6ba52; }
table.fees .idHeading { background-color: #c7a0cb; font-weight: bold; }
table.fees .id { background-color: #e3d3e7; }
table.fees .idOdd { background-color: #d5bcda; }

th.alt { background: none #ddd; font-weight: normal; border: 1px solid #eee; }
th.strong { font-weight: bold; color: #222; background: transparent; }
th.note, td.note { text-align: left; }
td.center { text-align: center; }
th.wide, td.wide { width: 120px; }

.industry td, .industry th { padding: 2px 5px; }

.w70 { width: 70px; }
.w151 { width: 151px; }
.w210 { width: 210px; }
.w85{ width: 149px; }
.w125 { width: 125px; }
.w150 { width: 150px; }
.w449 { width: 449px; }
.w375 { width: 375px; }
.w90 { width:90px; }

<!-------  Course Content Table  ------->
#courseContent .tabs li {
	float: left; padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 10px; /*--Vertically aligns the text within the tab--*/
	margin: 0 -4px -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	cursor:pointer;
}
#courseContent ul.tabs li.lastTab {  padding-right:0px; }

#courseContentTable { margin: 0; }
#courseContent .tab_container { padding:0; }
#courseContent .tab_container { border:none; clear:both; overflow:hidden; width:784px; }
#courseContent .tab_content {font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999;font-size: 10px; width: 784px; margin:0 auto;}
#courseContent .tabSubcotent { list-style:none; overflow:hidden; padding:0; margin:0; }
#courseContent .tabSubcotent li { padding:10px 6px; overflow:hidden; }
#courseContent .tabSubcotent li img { float: left; padding-right:15px; padding-top:7px; }
#courseContent .tabSubcotent li .linkContent p { margin:5px 0 0; padding-bottom:10px; }
#courseContent .tabSubcotent li .linkContent p a { color:#000000; padding:0; }
#courseContent .tabSubcotent li .linkContent .readMore a { color:#000000; padding:0; text-decoration:none; float:right;}
#courseContent .tabSubcotent li .linkContent p a:hover, #courseContent .tabSubcotent li .linkContent p a:focus { color:#b41c1c; }
#courseContent .tabSubcotent li .linkContent { float:left; width:315px; overflow:hidden; display:block; }



/* Placement List Table
----------------------------------------------- */
#placeList .tab_container { padding:0; }
#placeList .tab_container { border:none; clear:both; overflow:hidden; width:784px; }
#placeList ul.tabs li a:hover { }
#placeList table { width: 100%; margin: 0px auto 12px; text-shadow: none; }
#placeList ul.tabs li.active { background:#4c7498; height:25px;}



/* forms
----------------------------------------------- */
form { margin-bottom: 20px;}
fieldset { clear: both; margin:10px 0 10px 0; }

/* forms
----------------------------------------------- */
form { padding: 0 18px 12px; margin: 0; }
fieldset { clear: both; }
legend { padding: 2px 0 18px 0; margin: 0; font-size: 14px; font-weight: bold; color: #111; }
legend.inline, #register legend.inline { padding: 0 0 10px 0; margin: 0; font-size: 12px; font-weight: normal; color: #555; }

legend.inline2 {padding: 0 0 10px 0; margin: 0; font-size: 11px; font-weight: normal; }

* html legend, * html #register legend.inline { margin-left: -7px; } /* ie6 */
*+html legend, *+html #register legend.inline { margin-left: -7px; } /* ie7 */

form .field, form .buttons { padding-bottom: 12px; }
form .field { padding-left: 220px; }


form .field label { display: inline; float: left; width: 220px; margin-left: -220px; font-size:11px;line-height:15px; }
#content .fields, #content .fields-checkbox { line-height: 18px; }
#content .fields li, #content .fields-checkbox li { padding-top: 0; list-style-type: none; list-style-position: outside; margin-left: 0; }
#content .fields-checkbox { float: left; margin-left: 220px; display: inline; margin-top: -27px; padding: 0; }
#content .twoLines { margin-top: -42px; }
#content .threeLines { margin-top: -53px; }
#content .twoLinesInput { padding-bottom: 25px; }
#content .threeLinesInput { padding-bottom: 45px; }

label, button, input.submit { cursor: pointer; }
input.radio, input.checkbox { vertical-align: top; }
* html input.radio, * html input.checkbox { vertical-align: middle; } /* ie6 */
*+html input.radio, *+html input.checkbox { vertical-align: middle; } /* ie7 */
input.extraInfo { vertical-align: middle; margin-left: 16px; margin-top: 2px; }

input.submit { margin-top: 10px; margin-left: 220px; background-color: #014481; border-top: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; border-bottom: 1px solid #888; border-right: 1px solid #888; color: #fff; }
input.reset { margin-left: 10px; }
input.submit:hover { background-color: #014D91; }

.text, .password,  select { width: 140px; border-top: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; border-bottom: 1px solid #888; border-right: 1px solid #888; font-size: 12px; color: #555; }
.std { width: 40px;}
.dob { width: 50px;}
.phone{ width: 95px;}
#Country { margin-bottom:7px; }
#Local { margin-right:10px; }

textarea
{
width: 500px; border-top: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; border-bottom: 1px solid #888; border-right: 1px solid #888; font-size: 12px; color: #555;

}

.city { }
input.text:focus, input.password:focus, textarea:focus, select:focus { background-color: #eee; }


input.datepicker { vertical-align: top; }
img.ui-datepicker-trigger { padding: 3px 0 0 5px; }

.required { color: #d10605; font-size: 12px; }
#ui-datepicker-div { display: none; }

table.form { margin: 0 0 12px 0; background: none; }
table.form td { padding: 2px; text-align: left; }
table.form th { padding: 2px; }
table.form input.text { width: 110px; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { font: 13px/16px Arial, Helvetica, sans-serif;color: #fff; text-decoration: none; outline: none; border-right: 1px solid #fff; border-left: 1px solid #fff; text-shadow: 1px 1px 1px #111; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background: #ffad01; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { background: #ffad01; text-decoration: none; outline: none; text-shadow: 0 0 1px #eee; }
.ui-state-active, .ui-widget-content .ui-state-active { background: #ffad01; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { background: #ffad01; color: #fff; outline: none; text-decoration: none; font: 13px/16px Arial, Helvetica, sans-serif; text-shadow: 0 0 1px #eee; border-right: 0 none; border-left: 0 none; }


/* Tabs
----------------------------------*/
.ui-tabs { padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; margin: 4px 0 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 3px 12px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; padding: 7px 12px 3px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected, .ui-tabs .ui-tabs-nav li.ui-state-disabled, .ui-tabs .ui-tabs-nav li.ui-state-processing { margin-top: 0; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 8px; border-right: 2px solid #c38401; border-bottom: 2px solid #c38401; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Alt Tabs
----------------------------------*/

#quickOverviewSection .ui-tabs-panel { border-right: 2px solid #666; border-bottom: 2px solid #666; }

#quickOverviewSection .ui-state-default a, #quickOverviewSection .ui-state-default a:link, #quickOverviewSection .ui-state-default a:visited { background: none #ffad01; color: #fff; text-shadow: 0 0 1px #eee; }
#quickOverviewSection .ui-state-hover, #quickOverviewSection .ui-widget-content .ui-state-hover, #quickOverviewSection .ui-state-focus, #quickOverviewSection .ui-widget-content .ui-state-focus { text-shadow: 1px 1px 1px #111; }
#quickOverviewSection .ui-state-hover a, #quickOverviewSection .ui-state-hover a:hover { text-shadow: 1px 1px 1px #111; }
#quickOverviewSection .ui-state-active, #quickOverviewSection .ui-widget-content .ui-state-active { background: #ffad01; outline: none; }
#quickOverviewSection .ui-state-active a, #quickOverviewSection .ui-state-active a:link, #quickOverviewSection .ui-state-active a:visited { text-shadow: 1px 1px 1px #111; }

/* placement-testimonials
----------------------------------*/
img.right {    float: right; margin: 0 0 12px 12px; }
p.courseHead {   background-color: #DF1000;color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 13px; height: 10px; padding-bottom: 14px; padding-left: 9px; padding-top: 3px; width: 196px; font-weight:bold }
p.courseHead span { padding-top:5px; }

/* placement-testimonials
---------------------------------------------------------------------------------------------*/

.testimonials {   margin: 0; overflow: hidden; }
.testimonials .avatar {   float: left; margin: 0 10px 10px 0; }
.name { padding:0; text-align:right;}


 
/* slideShow
---------------------------------------------------------------------------------------------*/

#content #slideShow { overflow: hidden; display: block; width: 644px; height: 307px; margin: 0 0 12px 0; padding: 0; }
#content #slideShow li { list-style-type: none; width: 636px; height: 291px; padding: 8px 4px; margin: 0; }
#content #slideShow img { display: block; width: 636px; height: 291px; }

.addEvent a img{margin-top:6px; margin-left:0; border:2px solid #B8C0C8; display:block; }
.addEvent {  }
.addEvent img { margin-top:6px; border:2px solid #B8C0C8; overflow:hidden;}
.starBold{font-size:17px;font-weight:bold;}


.career-advisor { background:#e95324; font-family:Arial; color:#fff; padding:10px; text-align: center; }

.career-advisor h2 { font-size:14px; text-align:center; line-height:22px; color:#e0f2b6; padding: 10px 0 0; }

.career-advisor ul { font-size:12px; font-weight:bold; padding: 0 !important; }

.career-advisor ul li { padding:10px 0px; border-bottom:1px solid #81aa40 }

.career-advisor ul li span { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif }

.no-borders { border:none !important }

.branches { clear:both; width:203px; border:1px solid #B8C0C8; }

.branches ul { font-size:11px; font-weight:bold; color:#000; margin:0px; padding:0px 5px; }

.branches ul li { line-height:22px; font-weight:normal; border-bottom:1px dotted #999999; padding:7px 5px 6px 5px; }

.branches ul li h5 { line-height:22px; font-size:14px; margin:0px; padding:0px }

.section-head { background-color: #014481; color:#fff; padding:5px; font-size:13px; font-weight:bold; line-height:15px; margin:0}

.branch-address { line-height:18px; color:#717171 }

.mobile-number { color:#003f6b; line-height:18px; padding-top:7px; }



#cycler{position:relative;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}


/*#nk
{ width: 1010px;
  overflow: hidden;
  margin: 0 auto;
     -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border: 15px 15px 15px 15px;
  background:#F0F8FF;
 
    }*/
	
	
	#toper
{ width: 112px;
height:117px;
  overflow: hidden;
  margin: 0 auto;
     -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border: 15px 15px 15px 15px;
  background:#F0F8FF;
 
    }
	
	#sub {
  overflow: hidden;
  margin: 0 auto;
     -moz-box-shadow: rgba(0, 6, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  background:#F0F8FF;
    }