@import url(http://fonts.googleapis.com/css?family=Pontano+Sans);
@import url(http://fonts.googleapis.com/css?family=Josefin+Slab);


@charset "utf-8";
/* CSS Document */
html, body, div, span,h1, h2, h3, h4, h5, h6, p, a,em, font, img,small, strong, center, ul, li,form, label  {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
}

body {
/*background: #ffffff;*/
background-image:url(../images/body-bg.gif); color: #333333; margin: 0; line-height: 1.5; 
/*font-family: Lucida Grande, Tahoma, Helvetica, Arial, sans-serif;*/
font-family: 'Pontano Sans', sans-serif;/*font-family: 'Josefin Slab', serif;*/
}

h1,h2,h3,h4,h5 { font-weight: bold; }
h2 { font-size: 18px; }h3 { font-size: 14px; }h4 { font-size: 12px; }p { font-size: 12px; }a { color: #005c96; text-decoration: none; }a:hover { text-decoration: underline; cursor: pointer; }

.div_title{text-align:center; font-size:20px; color:#000; font-weight:bold;font-family: 'Josefin Slab', serif;
}
.div_sub_title{font-size:15px; color:#000; font-weight:bold;font-family: 'Josefin Slab', serif; padding-bottom:5px;
}
.page_title{text-align:center; padding-bottom:30px; margin-top:-20px; color:#000;
	 /*font-size:30px; font-family: 'Francois One', sans-serif;*/
	font-family: 'Josefin Slab', serif;   font-size: 40px; font-weight:bold;
}

.page_title1{text-align:center; padding-bottom:2px; margin-top:-20px; color:#000;
	 /*font-size:30px; font-family: 'Francois One', sans-serif;*/
	font-family: 'Josefin Slab', serif;   font-size: 30px; font-weight:bold;
}

.clear{clear:both}
.error{ background: #f8dbdb;	border-color: #e77776;}
.readmore{ padding:2px 5px; font-weight:bold;}
.readmore a,.today-event a{color:#f1592b;}

/* header */
#header { width: 100%; height: 35px; background-image:url(../images/body-bg.gif); padding-bottom:50px;}
#header-container { width: 1000px; margin: 0 auto; height: 40px;  }

#menu-nav{list-style:none; text-transform:uppercase; font-size:14px; color:#000000; padding-left:5px; float:right;}
#menu-nav li{ padding:10px 9px; float:left;}
#menu-nav li span{border-bottom:1px solid #00acef;}
#menu-nav li span a{text-decoration:none; color:#000000;}

ul#menu-nav li a.selected {
    color:#ff0000;
}


/** login box*/
    #login-link{  
        /*position: absolute;  
        top: 0px;  
        rightright: 0px;  
        display: block;  
        background: #d2e0ea;  
        padding: 5px 15px 5px 15px;  
        color: #FFF; */ 
    }  
    #login-panel{  
    border:1px solid #899caa;
    border-radius:3px 3px 3px 3px;
    -moz-border-radius:3px 3px 3px 3px;
	
        position: absolute;  
		z-index:1;
        top: 30px;  
        rightright: 0px;  
        width: 220px;  
        /*padding: 10px 15px 5px 15px;  
        background: #2a2a2a;  */
        font-size: 8pt;  
        font-weight: bold;  
        color: #FFF;  
        display: none;  
		
    margin-top:-1px;
    background:#d2e0ea;
    padding:6px;
		
    }  
/* Default Input */
 #login-panel input {
    width:200px;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}
 #login-panel label {
    color:#3a454d;
    margin:9px 0 0 0;
    display:block;
    float:left;
	padding-bottom:10px;
}
 #login-panel small{color:#3a454d;}
#login-panel #login {
    width:auto;
    float:left;
    background:#339cdf url(../images/loginbuttonbg.png) repeat-x;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}
/* end login box */

#main{background-image:url(../images/body-bg.gif); padding-top:15px;}
#main-container { width: 1000px; margin: 0 auto;min-height:600px; }
#top-content{width:1000px; padding-top:20px;}
#left-top-content{float:left; width:650px; padding-top:20px;}
#right-top-content{float:right; width:300px; padding:10px; display:none;}

#recent-poll{width:350px; float:left; padding-right:10px; padding-top:15px;padding-bottom: 15px; margin-top:15px;margin-bottom: 15px; border:1px solid #c6c3c3; min-height:200px;background-color: #fefefe;}
#list-events,#event-details
{
box-shadow: #c6c3c3;
padding-top: 15px;
padding-bottom: 15px;
background-color: #fefefe;
margin-top: 15px;
margin-bottom: 15px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
width:600px;
min-height:250px;
border:1px solid #ccc;
float:right;
}
#list-events ul,#event-details ul{padding-left:50px;}
#list-events li{padding:20px 5px; list-style:circle; border-bottom:1px dotted #0066FF;}
#recent-poll h3,#list-events .h3Img{
background-color: #24a9da;
background-image:url(../images/arrow.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
color:#fff;
padding:4px 0px 4px 20px;
width:250px;
}
#title-content h1{ padding:10px; letter-spacing:1px; font-size:30px;}
#title-content h2{ padding:10px; letter-spacing:1px; font-size:20px;}
#title-content h5{text-align:justify; line-height:25px; padding:20px; font-size:14px; font-weight:bold}
#nav{/*background-color:#fefefe;*/ padding:10px; margin:10px 0px;}
#nav ul{display:inline; list-style:none;}
#nav ul li{width:280px; padding:20px; min-height:200px; float:left;}
#nav ul li:hover{color:#00267f;}
#nav h3{padding:5px 0px; text-transform:uppercase; letter-spacing:2px;}
#nav h4{padding:10px 0px;}
#nav h2{padding:10px 0px; font-size:14px;}
#nav p{font-size:14px; line-height:25px; text-align:justify; padding-bottom:5px;}
#bottom-content,#bottom-content-2 { padding-bottom:20px;}
#bottom-content h1,#bottom-content-2 h1{padding:10px; letter-spacing:1px; font-size:30px; text-align:center}
#bottom-content h2,#bottom-content-2 h2{padding:10px; letter-spacing:1px; font-size:20px;}
#bottom-content .cols,#bottom-content-2 .cols{float:left;width: 450px;margin-left: 36px;}
#bottom-content .cols .split,#bottom-content-2 .cols .split{padding:20px;}

.user-form input[type="text"],.user-form input[type="password"] {	width:300px;}
.user-form textarea {width: 300px;	height: 100px;}
.user-form input[type="text"],.user-form input[type="password"],
.user-form textarea {
	border: 1px solid #ccc !important;
	color: #888 !important;
	background: #f7f7f7 url(../images/input-shadow.png) repeat-x !important;
	padding: 15px !important;
	cursor: text;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom:10px;
}
.user-form input[type="text"]:hover,
.user-form input[type="text"]:focus,
.user-form input[type="password"]:hover,
.user-form input[type="password"]:focus,
.user-form textarea:hover,
.user-form textarea:focus {
	border: 1px solid #aaa !important;
	color: #000 !important;
	background: #fff url(../images/input-shadow.png) repeat-x !important;
}
.user-form select {	width: 300px;height: 50px;	padding:15px;}
.user-form select option{padding:15px;}
.user-form label {
	display: block !important;
	margin: 0 0 0.5em 0;
	font-size:14px;
	color:#222;
	padding:5px 0px;
}
.user-form .star{color:#FF0000;}

#authMessage,.flash_failure,.errorMessage{ margin:2px; background:url(../images/alert-message.png) no-repeat; background-color:#e77776; border:1px solid #e77776; font-size:12px; padding-left:30px; padding-top:5px; padding-bottom:5px;	border-radius: 5px;	-moz-border-radius: 5px;-webkit-border-radius: 5px; width:75%;}
.flash_success{margin:2px; background:url(../images/success.png) no-repeat; background-color:#9ed98b; border:1px solid #317023; font-size:12px; padding-left:30px; padding-top:5px; padding-bottom:5px;	border-radius: 5px;	-moz-border-radius: 5px;-webkit-border-radius: 5px; width:75%;}
.feature { margin: 30px 0px; list-style: none; width:300px; }
.feature li{ min-height:30px; }
.feature-xl { display: inline-block; background: url(../images/excel.png) no-repeat; padding-left: 25px; font-size: 14px;color: #244371; }
.feature-cal { display: inline-block; background: url(../images/cal_icon.png) no-repeat; padding-left: 25px; font-size: 14px;color: #244371; }
.feature-pl { display: inline-block; background: url(../images/planning.png) no-repeat; padding-left: 25px; font-size: 14px;color: #244371; padding-right:25px; }
.feature-st-pl { display: inline-block; background: url(../images/student_planning.png) no-repeat; padding-left: 25px; font-size: 14px;color: #244371; }
.feature-st-user { display: inline-block; background: url(../images/user_icon.png) no-repeat; padding-left: 25px; font-size: 12px;color:#FF0000; }
.signup{ color: #ffffff; padding:10px;background-color: #d64c00; font-size:11px; text-decoration:none;	border-radius: 5px;	-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.schoolsignup{ color: #ffffff; padding:10px;background-color: #535353; font-size:11px; text-decoration:none;	border-radius: 5px;	-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.signup:hover,.schoolsignup:hover{background-color: #58bdce; text-decoration:none;}
.h1-title{text-align:center; font-size:35px; padding-bottom:30px; margin-top:-20px;}
.h1-text{text-align:center; font-size:35px; margin-top:-20px; margin-bottom:20px;}
.h2-text{margin:10px 0px; text-align:left}
.p-text{text-align:justify; font-size:14px; line-height:25px; padding-top:30px ;}
.p-text-1{text-align:justify; font-size:14px; line-height:25px; padding-top:5px;}
.p-text-bottom{text-align:justify; font-size:14px; line-height:25px; padding-top:5px; padding-bottom:50px;}
.ul-text{text-align:left; margin:30px;}
.li-text{list-style:inside; line-height:30px; padding-bottom:10px;font-size:14px;}

.course_content{
float:left; position: relative;width:192px; padding:15px 15px 0px 15px;background-color: #ffffff;box-shadow: 0pt 1px 2px rgba(34, 25, 25, 0.4); min-height:150px; margin-right:15px;margin-bottom:15px;}
.course_content_list{padding-top: 10px;padding-right: 15px;padding-bottom: 10px;padding-left: 15px;background-color: #f2f0f0; color:#372b27; border-bottom:1px solid #d9d4d4;overflow-x: hidden;overflow-y: hidden;}
.course_content_list_bottom{
padding-top: 10px;padding-right: 15px;padding-bottom: 10px;padding-left: 15px;background-color: #f2f0f0; color:#372b27; border-bottom:0px solid #d9d4d4;overflow-x: hidden;overflow-y: hidden;}


.search-div{float:left; position: relative;width:192px; padding:15px 15px 0px 15px;background-color: #ffffff; margin-right:15px;margin-bottom:15px;border:1px solid #e6e4df;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height:50px;max-height:50px;}
.search-title{font-size:12px; padding-left:5px;word-wrap: break-word;}
.search-span{font-size: 10px;font-style: italic;color: #999999;  float:right;}
.no-record{font-weight:bold; background-color:#CC6600; padding:20px 5px; color:#fff;border-radius: 5px;	-moz-border-radius: 5px;-webkit-border-radius: 5px;}


 .hr-img-line {
  background: url(../images/intro.png) left top no-repeat;
  width: 940px;
  height: 92px;
  position: relative;
  z-index: 12;
  margin-bottom: 45px;
 }
.listing{
	padding:10px; list-style:none; border-bottom:1px solid #007DB6;font-weight:bold;
}
.listing:hover a{
	color:#FFFFFF;
}

.listing:hover {
	background: #007db6 url(../images/listing-hover.jpg) 100% 50% no-repeat;
	padding:10px; z-index: 2;
	text-shadow: none;
	color:#FFFFFF;
	
}
.listing a:hover{color:#FFFFFF; text-decoration:none;}
/** dropdownlist**/
aside#contents {
 position: relative;
 top: 0px;
 right: 0;
 z-index: 40;
 width: 147px;
 color: #fff;
 float:left;
 margin-bottom:10px;
}

aside#contents h1 {
 width: 127px;
 height: 30px;
 text-shadow: none;
 overflow: hidden;
 background: url(../images/filter.jpg) 0 0 no-repeat;
 padding-left: 20px;
 line-height: 30px;
 cursor: pointer;
}

aside#contents ul {
 display: none;
 position: absolute;
 top: 30px;
 left: 0;
 list-style: none;
 margin: 0;
 padding: 0;
 background: url(../images/filter-drop-down.jpg) 0 0 repeat;
 width: 950px;
 padding: 2px 10px;
 border-top: 1px solid #dadada;
}

aside#contents ul li {
 margin: 0;
 border-top: 1px solid rgba(255,255,255,0.25);
 float:left;
}

aside#contents ul li:first-child {
 border-top: none;
}

aside#contents ul li a:link, aside#contents ul li a:visited, aside#contents ul li a:focus, aside#contents ul li a:active {
 color: #fff;
 text-shadow: none;
 display: block;
 padding: 5px 10px;
}

aside#contents:hover h1 {
 background-position: 0 -30px;
}

aside#contents:hover ul {
 display: block;
}
.bg-div{
background: url(../images/noise.png);min-height: 55px; width:100%;
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
padding:10px 15px 10px 5px;
float:left; width:600px; margin-top:20px; margin-left:10px;
border:1px solid #ccc; font-size:10px;
}
.bg-list{
background: url(../images/noise.png);
min-height:120px; width:100%;
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border:1px solid #ccc; font-size:10px;

margin:5px;
padding-left:5px;
}

.expand-collapse { padding: 0; border-bottom: 1px solid #DCDDDE; margin:20px 0 40px 0; font-size: 14px; }
.expand-collapse h3 { color: #333333; font-size: 21px; margin: 0px; }
.expand-collapse h3.blue { color:#0FB1FF; }
.expand-collapse a.heading { display: block; position: relative; width: auto; padding: 13px 0; text-decoration: none; color: #333333; border-top:#DCDDDE 1px solid; }
.expand-collapse a.heading:hover { color: #007CB8; }
.expand-collapse a.heading:focus { color: #007CB8; }
.expand-collapse a.heading:active { color: #007CB8; }
.expand-collapse a.heading .statusicon { position: absolute; top: 15px; right: 5px; border: none; }
.expand-collapse .contentBox { margin-bottom:15px; }
.blackList ul { list-style-type: none; margin: 15px 0 20px 0; padding: 0px; }
.blackList li { background: url(../images/black-bullet.gif) no-repeat left 7px; padding-left: 20px; padding-bottom:13px; line-height:25px; }
.csDetails ul { list-style-type: none; margin: 15px 0 0 0; padding: 0px; }
.csDetails li { background: url(../images/black-bullet.gif) no-repeat left 7px; padding-left: 20px; padding-bottom:13px; line-height:25px; }
.cscolumn1 ul { list-style-type: none; margin: 15px 0 20px 0; padding: 0px; }
.cscolumn1 li { background: url(../images/black-bullet.gif) no-repeat left 7px; padding-left: 20px; padding-bottom:13px; line-height:25px; }

/* footer */
#footer { width: 100%; height: 35px; background-color:#443535; }
#footer-container { width: 1000px; margin: 0 auto; height: 40px; }
#footer-container .links{ float:left; }
#footer-container .links a{ color:#fefefe; font-size:12px; padding-right:10px;}
#footer-container .copy{ float:right; }
#footer-container .copy p{color:#fefefe; font-size:12px; padding:10px; letter-spacing:1px;}

/* features */

		#features-admin {
			width: 200px;
			height: 150px;
			padding: 20px 0px 20px 0px;
			background: 	url('../images/back_yellow.png') repeat;
			-moz-border-radius:150px 150px 150px 150px;
			border-radius: 150px 150px 150px 150px;
			float:left;
			margin-right:20px;
		}
		#features-fac {
			width: 200px;
			height: 150px;
			padding: 20px 0px 20px 0px;
			background: 	url('../images/back_yellow.png') repeat;
			-moz-border-radius:150px 150px 150px 150px;
			border-radius: 150px 150px 150px 150px;
			float:right;
			margin-left:20px;
		}
		#features-student {
			width: 200px;
			height: 150px;
			padding: 20px 0px 20px 0px;
			background: 	url('../images/back_blue.png') repeat;
			-moz-border-radius:150px 150px 150px 150px;
			border-radius: 150px 150px 150px 150px;
			float:left;
			margin-right:20px;
		}
		#features-admin:hover,#features-student:hover {
			width: 200px;
			height: 150px;
			padding: 20px 0px 20px 0px;
			background: 	url('../images/back_blue.png') repeat;
			-moz-border-radius:150px 150px 150px 150px;
			border-radius: 150px 150px 150px 150px;
			margin-right:20px;
			cursor:pointer;
		}
		#features-fac:hover {
			width: 200px;
			height: 150px;
			padding: 20px 0px 20px 0px;
			background: 	url('../images/back_blue.png') repeat;
			-moz-border-radius:150px 150px 150px 150px;
			border-radius: 150px 150px 150px 150px;
			float:right;
			margin-left:20px;
			cursor:pointer;
		}		
		.features {
			width: 160px;
			height: 100px;
			padding: 20px 0px 20px 0px;
			background: 	url('../images/back_yellow.png') repeat;
			-moz-border-radius:100px 100px 100px 100px;
			border-radius: 100px 100px 100px 100px;
			float:left;
			margin-right:20px;
		}
		.features:hover,.features_hover {
			width: 160px;
			height: 100px;
			padding: 20px 0px 20px 0px;
			background: 	url('../images/back_blue.png') repeat;
			-moz-border-radius:100px 100px 100px 100px;
			border-radius: 100px 100px 100px 100px;
			float:left;
			margin-right:20px;
			color:#FFFFFF;
			
		}
		.arrow_1{
			background: 	url('../images/arrow_1.png'); background-repeat:no-repeat;
			width:100px; height:100px;
			top:-13px; left:80px; position:relative; z-index:1;
			display:none;
		}
		.arrow_2{
			background: 	url('../images/arrow_1.png'); background-repeat:no-repeat;
			width:100px; height:100px;
			top:-13px; left:260px; position:relative; z-index:1;
			display:none;
		}
		.arrow_3{
			background: 	url('../images/arrow_1.png'); background-repeat:no-repeat;
			width:100px; height:100px;
			top:-13px; left:440px; position:relative; z-index:1;
			display:none;
		}
		.arrow_4{
			background: 	url('../images/arrow_1.png'); background-repeat:no-repeat;
			width:100px; height:100px;
			top:-13px; left:620px; position:relative; z-index:1;
			display:none;
		}
		.arrow_5{
			background: 	url('../images/arrow_1.png'); background-repeat:no-repeat;
			width:100px; height:100px;
			top:-13px; left:800px; position:relative; z-index:1;
			display:none;
		}
		.feature-text-content{top:-92px; position:relative;border:1px solid #0870db; width:100%; min-height:100px; margin-top:50px;-moz-border-radius:10px 10px 10px 10px;border-radius: 10px 10px 10px 10px; background-color:#fff; padding:10px;}
.finder
{
	color: #ffffff;
	background-color: #58bdce;
	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size:20px; font-weight:bold; padding:10px 20px; text-decoration:none;
}
.finder a{color: #ffffff;text-decoration:none;}
.finder a:hover{color: #ffffff;text-decoration:none;}
.finder:hover
{
	padding:10px 20px;font-size:20px; 
	background-color: #d64c00;text-decoration:none;
}
/*------------------Support pages------------------------*/
.contents {
		padding:5px 0px 5px 60px;
		position:relative;
    }
	
	 .heading{
		cursor: pointer;
		 color: #005c96; 
		font-size:14px;
		padding:5px 0px 5px 20px;
		position:relative;
    }
	 .sub_heading {
		font-size:14px;
		padding:5px 0px 5px 20px;
		position:relative;
    }
	 .sub_heading1 {
		font-size:13px;
		padding:5px 0px 5px 0px;
		position:relative;
    }
	.contents p{
		padding:3px;
		text-align:justify;
	}
	.sub_content p{
		padding:3px;
		text-align:justify; 
	}
	.list_padding{padding-left:25px;}
	.list_item{
		list-style:inside;
		padding:3px 0px;
		font-size:12px;
	}
	.line_div{
		margin:20px 0px; 
		border-top:1px solid;
		color:#E5E5E5;
		position:relative;
	 }
	.text_contents{padding-left:40px;position:relative;}
	
.sociallinks{right:0;list-style:none; margin:10px 0px; padding-top:20px;}
.sociallinks li{list-style:none;text-indent:-99999px;display:block;width:25px;height:25px;float:left;margin:0 0 0 3px}
.sociallinks{display:block;height:25px;margin-top:-23.5px}
.sociallinks a{width:25px;height:25px;display:block;background:url('../images/social-share.png') 0 0 no-repeat}
.sociallinks li.twitter a{background-position:0 0}
.sociallinks li.facebook a{background-position:-25px 0}
.sociallinks li.google a{background-position:-50px 0}
.sociallinks li.linkedin a{background-position:-75px 0}
.sociallinks li.mail a{background-position:-100px 0}
.sociallinks li.twitter a:hover{background-position:0 -25px}
.sociallinks li.facebook a:hover{background-position:-25px -25px}
.sociallinks li.google a:hover{background-position:-50px -25px}
.sociallinks li.linkedin a:hover{background-position:-75px -25px}
.sociallinks li.mail a:hover{background-position:-100px -25px}

.mail-icon {width:30px;height:19px;display:block;background:url('../images/mail-icon.png') 0 0 no-repeat; padding-left:35px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #d64c00; padding-bottom:10px; font-weight:bold;}
span.linkedin_imgswap {
float:left; border:0;padding-bottom:10px; margin-top:-5px; 
background-image:url("../images/linkedin.png"); 
background-repeat: no-repeat; display:block;}
span.linkedin_imgswap:hover img {visibility:hidden;} 
	.rounded{
		width: 200px;
		height: auto;
		border-radius: 15px;
		border:1px solid #ccc;
		padding:1px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		box-shadow: 0 0 8px rgba(0, 0, 0, .8);
		-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
		-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8); float:left; margin-right:20px;
	}
	
.related_links{
	list-style-type:none;
}


.layered_list{
  list-style-type: none;
	margin-top:30px;padding:0px 15px;
	color:#000; font-size:12px; /* font-family: verdana,arial,sans-serif; */ font-family: 'Pontano Sans', sans-serif;}
 
.layered_list li h3 {
  border:none;
  margin-left:0px;  background:none;
}
 
.layered_list li img {
  float: left;
  margin: 0 15px 0 0;
}
 
.layered_list li p {
  font-size:11px;  color:#737CA1;
}

.layered_list li a {
  font-size:14px; color:#28466C;text-align:left;font-weight:bold; text-decoration:none;padding:0px;
}
 
.layered_list li {
  padding: 10px 0px; margin:0px;
  overflow: auto;
  border-bottom:1px solid #E6E6E6;  background:#fff;
}
 
.p_code{
	float:left;color:#000; font-weight:bold; font-size:11px;/* font-family: verdana,arial,sans-serif; */ text-transform:capitalize;  font-family: 'Pontano Sans', sans-serif;}
.college_sub_data .right_text a,.college_sub_data p a, .table_wrapper .normal_links,.college_list_table p a{
	font-size:12px;/*font-family: verdana,arial,sans-serif; */ color:#005c96;text-decoration:none;font-weight:normal;
	font-family: 'Pontano Sans', sans-serif;}

.layered_list .p_code{
	float:left;color:#000; font-weight:bold; font-size:11px;/*font-family: verdana,arial,sans-serif;*/text-transform:capitalize; font-family: 'Pontano Sans', sans-serif;}

.layered_list .right_text, .college_list_table .right_text,#list_table .location{
	color:#000; font-size:12px;/*font-family: verdana,arial,sans-serif;*/ font-family: 'Pontano Sans', sans-serif;}
.layered_list .right_text a, .college_list_table .right_text a,#list_table .location a{
	font-size:12px;/*font-family: verdana,arial,sans-serif; */ color:#005c96;text-decoration:none;font-weight:normal;
	font-family: 'Pontano Sans', sans-serif;}

	
	
.p_location{float:right;color:#737CA1;}
.related_page_links { margin-left:25px; list-style-type:none; font-size:13px; font-weight:bold;}
.related_page_links li{ padding:3px;}
.related_page_links li a{  color:#28466C;text-decoration:none;}
.related_page_links li a:hover{text-decoration:underline;}
.search_form{float:right;margin:2px;}


.cutoff_form{padding:20px 0px 0px 10px;}

.cutoff_form label{
  float: left;
  width: 160px;
  padding:10px 5px;
  text-align: left; font-size:13px; color:#005c96;
}

select {
	background-color: #ffffff;
  	 border: 1px solid #cccccc;
	 display: inline-block;
  	font-size: 12px;
	  color: #555555;
	  vertical-align: middle;
	  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
}
input[type="text"]{ 
	 height: 15px;	 display: inline-block;
	 font-size: 12px; color: #555555;
	 vertical-align: middle;
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 border-radius: 3px; 
	 background-color: #ffffff;
	 border: 1px solid #cccccc;
}

.cutoff_form select { margin-top:10px;
	 width:200px; clear:both;
	  padding:5px;   }

.cutoff_form select option{ padding:5px 2px;}

.cutoff_form input[type="text"]{ margin-top:10px; width:190px; clear:both; padding:5px;}

.cutoff_form  .btn{
	margin:20px 0px 10px 170px; border-radius: 5px; 
}

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}


.ul-list{text-align:center;padding:20px 0px;}
	.ul-list li{
	list-style:none;
	padding:10px;
	color:#000000;
	float:left;
	font-weight:bold;
	font-size:20px;
	}
	.ul-list li a:hover{
		background-color: #292929;
		color:#fff;
		text-decoration:none;
	}
	#layered_list .last{border:none;}
	
 .box_div{background-color: #ffffff;padding:20px 1px;margin:10px 0px;font-size:25px;overflow: auto;
	border-radius:10px;
 }
 
 .cutoff_form_box_shadow{
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px#888;
	box-shadow: 0 0 5px 5px #888;
	
 }
 
 .more_link_div{float:right;margin:25px 10px 10px 0px;}
 .more_link_div a {text-decoration:none;}
 
 .link_button{position:relative;font-size:12px;background-color: #58bdce;padding:4px;border-radius:10px; font-weight:bold; text-decoration:none;color:#28466C;}
  
 
 .more_style{font-size:11px;}

.container_content{padding:20px 2px;font-size:12px;color:#000;}


label{font-size:13px;color:#005c96;}
input,select{width:200px;margin:0px;padding:5px;}
.hide_li{display:none;}

.ajax_form_heading{padding:10px 5px; color:#00486A;}

.branch_list{font-size:12px; margin:5px 25px;padding:0px; }

.branch_data{padding:15px 5px;width:260px;}

.location_list{font-size:12px; margin:5px 25px;padding:0px; }

.location_data{padding:15px 5px;width:260px;}

.radio_style{float:left;margin-left:-90px;}
.radio_span{float:left;margin-left:-85px;margin-top:-3px;width:200px;padding-bottom:10px;}

#list_table {padding:10px;width:100%; }

#list_table tbody tr td {padding:20px 10px 20px 0px; border-bottom:1px solid #E6E6E6;  background:#fff;}
#list_table .last{border:none;}
.round_numbered_list{background-color:#00486A;border-radius: 50%;width: 30px;height: 30px;padding:0px;margin:0px 10px 20px 0px;float:left;}

.round_numbered_list h2{color:#fff;text-align:center;}

.left_padding{float:left;padding:0px;width:450px;}

.rating_div{float:right;margin:0px 0px 0px 10px;padding:0px;}

.rating_image{border:0px;width:100px;height:17px;float:right}

.college_sub_links{margin:0px 10px 0px 0px;font-size:14px;}

/*.college_sub_data{padding:0px;margin-left:40px;margin-top:-20px;}*/
.college_sub_data{padding:0px;margin-left:40px;margin-top:0px;}
.cutoff_mark_link{font-weight:bold; padding:5px 5px; font-size:15px; margin:1px; text-align:left; float:left;}

.table_wrapper{font-size:14px;/*font-family: verdana,arial,sans-serif;*/color:#333333;  font-family: 'Josefin Slab', serif;}

.table_wrapper a,.college_list_table a{font-size:14px; color:#28466C;text-align:left;font-weight:bold; text-decoration:none;padding:0px;}

.table_wrapper .college_link{font-size:14px; color:#28466C;text-align:left;font-weight:bold; text-decoration:none;padding:0px;}

.table_wrapper .college_name{width:450px;font-size:14px;}
.table_wrapper .rating_image_div{width:110px;}



.bg-list a{font-size:13px; color:#28466C;text-align:left;font-weight:bold; text-decoration:none;padding:0px;}

.current{ color:#D20000; }

table.gridtable {
/*	font-family: verdana,arial,sans-serif;*/  font-family: 'Pontano Sans', sans-serif;	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	border:1px solid #666;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color:#eee;
	/*border-color: #666666;
	background-color: #d8dfea;*/
	background-color:#666666;
	color:#eee;
	text-align:left;
	margin-left:10px;
	text-transform:uppercase;
	font-size:10px;
}
table.gridtable td {
	border-width: 1px;
	border-right:1px;
	border-bottom:1px;
	border-top:1px;
	border-left:1px;
	padding: 8px;
	border-style: solid;
	border-color: #dedede;
	background-color: #ffffff;
	
	
}
table.gridtable td.even {
	/*background-color: #dedede;*/
}

.flag_message
{
	color:#CC0000;
	font-size:11px;
}

.link_style{ text-decoration:none;}

.error_flag_message{font-size:13px;color:#b94a48;background-color:#f2dede;border-color:#eed3d7;padding:10px;margin:2px;}
.right_text{float:right;}
.search_form input{ width:100px;float:left;padding:5px;}
.search_form_label{width:150px;float:left;padding:0px;}
.code_search_form{padding:20px 0px;}
.code_search_form label{color:#000;width:30%;}
.code_search_form input{width:100px;padding:8px 0px;}
.padding_10{padding:10px;}
.left_text{float:left;}
.padding_r_5{padding-right:5px;}
.black_label{color:#000;width:40%;}
.margin_l_5{margin-left:5px;}
.advanced_form_button{margin:20px 0px  10px 72px;}
.full_width{width:100%;}
.college_list_cutoff_link{float:right;margin:-40px 10px 10px 10px;}
.p_15{padding:15px;}
.p_t_8{padding-top:8px;}
.courses_image{float:left; padding:5px;width:100px;}
.course_data{margin-left:10px;padding:0px;float:left;width:420px;}
.branch_description{width:420px;padding-top:10px;font-size:18px;}
.branch_description p{font-size:13px;font-family: 'Pontano Sans', sans-serif;}
.p_t_10{padding-top:10px;}
/*.branch_page_image{float:left;padding:0px;width:200px;}
.branch_page_image img{float:left; padding:2px; width:200px;height:200px;}
.career_details{float:left;padding:0px 0px 0px 30px;width:400px;font-size:13px;}*/
.career_details p{ font-size:12px;padding-bottom:3px; }
.career_details p strong{ padding:10px 0px;}
.career_details ul li{font-size:12px;padding:3px 0px;  list-style-position:outside; }
.career_details ul {margin-left:20px; }
.career_details h3 {margin-left:20px; }

.branch_page_last_div{width:330px;}
.collge_list_right_div{border:1px solid #737CA1; border-radius:5px;margin:10px 10px 0px 10px;padding:0px;}
.center_text{text-align:center}
.college_details{padding:50px 10px 10px 20px;}
.college-cutoff_chart{width:250px;margin-top:30px;}
.college-cutoff_chart select{font-size:10px;}
.college-cutoff_chart a {font-weight:bold;font-size:12px; text-decoration:none;}
.college-cutoff_chart #chart_div {width: 250px; height: 230px;}
.facilities{width:250px;}
#info p{padding-bottom:5px;}
.info_div{width:50px; float:left;}
.about p{padding:10px 2px 5px 10px; text-align:justify; font-size:11px;}
.college_branches li{list-style:none; float:left;width:300px; margin:2px 5px 0px 5px;}
.college_branches li h5{padding-top:5px; color:#CC0000}
.college_branches{margin:0px;padding:0px;}


.college_branch_image{float:left; padding-top:5px; padding-right:5px; border:0px;}
.start_year{font-size:10px; font-weight:bold; text-align:right;color:#666666;float:right;padding:10px 2px 0px 0px;}
.branch_seats{font-size:10px; font-weight:bold;float:left;padding:10px 0px 0px 10px;}
#branches{padding:30px 0px;}
.p_l_20{padding-left:20px;}
.cutoff_search_page_submit{width:100px;margin-top:7px;}
#search_contents{margin:20px 0px;}
.refine p{font-size:10px;}
.refine input{border:0; color:#f6931f; font-weight:bold;width:30px; font-size:10px;}
.refine_div{margin:10px;width:80%;padding-left:30px;}
.p_code_table{font-size:11px;width:40%;}
.location_table_font{font-size:11px;}
.round_numbered_list_table{width:20px;height:20px;}
.round_numbered_list_table h4{color:#FFFFFF; text-align:center;}
.college_list_table{padding:5px 0px;}
.rsvp_link_style{font-size:14px; font-weight:bold; padding:5px 10px;}
.average_performance{width:200px; height:20px; background-color:#CCC;}
.average_performance div{height:20px; background-color:#666; border-right:1px #FFF solid;}
.max-width{width:100px;}
.info_data{float:left;font-size:10px;}


/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
	/*position: absolute;*/
}
.popup_block{
	display: none;
	background: #fff;
	padding: 20px; 	
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 25%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right; 
	margin: -55px -55px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}

#counselling-container{
	background: #f3f3f3; 
	border: 1px solid #d2d2d2;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
		
}
#counselling-container div, #counselling-container p {
	margin: 0; padding: 0; border: 0; 
}
#counselling-container h2{ padding:0px 10px;}
.date {
	width: 130px; height: 120px;
	background: #fcfcfc; 
	background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
	background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%); 
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
	border: 1px solid #d2d2d2;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
.time {
	width: 230px; min-height:70px;
	
	background: #fcfcfc; 
	background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
	background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%); 
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
	border: 1px solid #d2d2d2;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}

	.date p {
		font-family: Helvetica, sans-serif;
		font-size: 45px; text-align: center; color: #9e9e9e; 
	}
	.time p {
		font-family: Helvetica, sans-serif;
		font-size: 30px; text-align: center; color: #9e9e9e; font-weight:bold; 
	}
	
	
	.date p span,.time p span {
		background: #d10000; 
		background: linear-gradient(top, #d10000 0%, #7a0909 100%);
		background: -moz-linear-gradient(top, #d10000 0%, #7a0909 100%);
		background: -webkit-linear-gradient(top, #d10000 0%, #7a0909 100%);
		font-size: 25px; font-weight: bold; color: #fff; text-transform: uppercase; 	
		display: block;
		border-top: 3px solid #a13838;
		border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
		padding: 6px 0 6px 0;
	}

@-moz-document url-prefix() {
    .date {
        padding: 16px 0 0 0;
    }
    .date p span {
    	padding: 9px 0 3px 0;
    }
}
	
#demo-frame > div.demo { padding: 10px !important; };

.thumbnails a
{
	display: block;
	float: left;
	margin: 4px;
}
.thumbnails a img{ border: solid 1px Black; }
.thumbnails a:hover img{ border: solid 1px #aaa }

.counselling_container_div{width:370px; float:left;
}

counselling_container_div h2{font-size:15px;}

.counselling_container_div .time{float:right; margin-top:0px;}

.counselling_container_div .time p{padding-top:22px;}

#joinus img {
   display: block;
   width: 100%;
}


table.notification_table {
	/*font-family: verdana,arial,sans-serif; */ font-family: 'Pontano Sans', sans-serif;	font-size:14px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	border:1px solid #666;
}
table.notification_table th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color:#eee;
	/*border-color: #666666;
	background-color: #d8dfea;*/
	background-color:#666666;
	color:#eee;
	text-align:left;
	margin-left:10px;
	text-transform:uppercase;
	font-size:10px;
}
table.notification_table td {
	border-width: 1px;
	border-right:1px;
	border-bottom:1px;
	border-top:1px;
	border-left:1px;
	padding: 8px;
	border-style: solid;
	border-color: #dedede;
	background-color: #ffffff;
	
	
}
table.notification_table td.even {
	/*background-color: #dedede;*/
}
.faq_div{padding:0px;font-family: 'Pontano Sans', sans-serif; font-size:14px;}
.zero_padding{padding:0px;};
.result_page_heading{padding-left:20px; font-size:20px; font-family: 'Josefin Slab', serif; }
.result_page_sub_heading{padding-left:20px;font-size:17px; font-family: 'Josefin Slab', serif; }
.result_page_padding{padding:15px 5px 15px 25px;}
.result_page_padding p {font-family: 'Pontano Sans', sans-serif; font-size:14px;}
ul.result_page_links li{padding:3px 0px;}
ul.result_page_links li a{text-decoration:none;color:#005c96;font-size:12px;}
ul.result_page_links li p{font-size:14px;}
.result_page_links{font-size:14px;margin:20px;font-family: 'Pontano Sans', sans-serif; }
.show_more_link{border:1px solid #E4EEF3;color:#28466C;margin:0px 10px;padding:5px 205px;font-size:12px;text-decoration:none;font-weight:bold; background-color:#E8E8E8;}
.disclaimer{ min-height:100px; background-color:#75c4d3; color:#fff;border-radius: 5px; margin-left:10px;margin-top:10px;  padding-left:5px;}
.cutoff_form_vertical_message{margin-left:170px;}
.career_details{padding-left:30px;}
.branch_image{float:left; padding:2px 15px 5px 10px; width:200px;height:200px;}
.branches_box_list{padding:0px 0px 10px 10px ;}
.branch_details_padding{padding:0px 2px;}
.round_numbered_list_margin{margin-top:5px;}
.cutoff_trends{padding:10px 0px 10px 30px;}
.about_div{padding:10px 0px 30px;}
table.facilities_table {
	font-family: 'Pontano Sans', sans-serif; 
	font-size:14px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	border:1px solid #666;
}
table.facilities_table th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #d8dfea; color:#000; font-weight:bold;
}
table.facilities_table td {
	border-width: 1px;
	border-right:1px;
	border-bottom:1px;
	border-top:1px;
	border-left:1px;
	padding: 4px 2px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
table.facilities_table td.even {
	background-color: #dedede;
}
.margin2{margin:2px;}
.width3{width:300px;}
.home_left_div{width:450px;}
.home_left_div_disclaimer{width:180px;}
.home_right_div{width:500px;}
.engg_list_right_div{width:675px;}
.branch_right_div{width:400px;}
.branch_left_div{width:580px;}
.course_details_disclaimer{width:220px;}
.community_select{width:70px;}
.rank_text{width:50px;}
.top_list{width:650px;}

.search_page_text_div{width:150px;}

.college_details_left_nav{width:630px;}
.search_college_list{width:670px;}
.search_fb_links{float:left;width:295px;}
.search_fb_links p{font-size:11px; font-style:italic; font-weight:bold;}
#placement-range{margin:10px 0px;}
.search_counselling_data{margin-bottom:50px;}
.shadow_form_margin{margin-top:17px;}
.course_data .h3_subheading, .table_wrapper .h3_subheading, .table_wrapper .college_name  .h3_subheading{font-size:20px;font-weight:bold; font-weight:bold;font-family: 'Josefin Slab', serif;}

.table_wrapper .college_name  .h3_subheading{font-size:20px;font-weight:bold; font-weight:bold;font-family: 'Josefin Slab', serif;}

.fb_share_div{padding:0px; width:65px; margin-right:10px;}
.faq_table_div{padding:20px 0px; margin-left:20px;}

.colleg_info{font-family: 'Pontano Sans', sans-serif; 
	font-size:14px;}

.course_content li, .result_data li{margin-left:20px; padding-top:10px;}
.course_content p, .result_data p{margin-bottom:10px;}

/*#244371 #186FA3*/  
.tipsy { font-size: 14px; position: absolute; padding:5px ; z-index: 100000;  width: 240px; background-color:#186FA3;   border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
		
  .tipsy-inner { background-color:#186FA3; color: #FFF; max-width: 200px; padding: 10px 8px ; text-align: center; line-height:20px; font-weight:bold; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  .tipsy { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }
  
  
  .tipsy-close { position: absolute; height: 0; width:10px; line-height: 0; background-color:#186FA3; padding: 10px 10px 10px 8px; margin-left:215px; margin-top:-90px;}
  
  .tipsy-close a{ font-size: 14px; text-decoration:none;color: #FFF; font-weight:bold;}
  
   .tipsy-arrow { position: absolute; width: 2px; height: 0; line-height: 0; border: 20px dashed #000; }
  
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color:#186FA3; margin-top:-20px;}
  .tipsy-arrow-s { border-top-color:#186FA3; margin-bottom:-20px;}
  .tipsy-arrow-e { border-left-color:#186FA3; margin-right:-22px; }
   .tipsy-arrow-et, .tipsy-arrow-eb { border-left-color:#186FA3; margin-right:-22px; }
  .tipsy-arrow-w { border-right-color:#186FA3;  margin-left:-22px;}
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 15px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  
 /* .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }*/
 .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -18px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
 
 .tipsy-et .tipsy-arrow { right: 0; top: 30%; margin-top: -18px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
 
 
 .tipsy-eb .tipsy-arrow { right: 0; top: 60%; margin-top: -18px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -18px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }