@font-face
{
    font-family: 'AvenirNextLTPro-Regular';
    src: url('fonts/AvenirNextLTPro-Regular.ttf');
    src: url('fonts/AvenirNextLTPro-Regular.otf') format('embedded-opentype'), url('fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('fonts/AvenirNextLTPro-Regular.ttf') format('truetype');
}

 *{ margin: 0px; padding: 0px; }
 body {  font:12px Arial, Helvetica, sans-serif; 
color:#000000; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; 
<!--background:url(../img/BG.jpg) repeat-x #D5F2FA;-->
}


#wrapper {
	width:978px;
	margin:0px auto 50px auto;
	background:#fff;
	position:relative;
	box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
		min-height:500px;
		height:auto;
}


#shortcur-bar ul li a,.sc-icon,.shortcut-icon {
	/*background:url(../img/icon-sprite.png) no-repeat;*/
}

/*-----------SHORTCUT BAR-----------*/ 
#shortcur-bar {
	height:240px;
	width:100%;
	background-position:0 -311px;
	position:relative;
}
#shortcur-bar ul {
	width:1000px;
	margin:auto;
}
#shortcur-bar ul li {
	height:220px;
	width:130px;
	float:left;
	list-style:none;
	margin:10px 9px 0 0px;
	/*border:1px solid #F00;*/
}
#shortcur-bar ul li a {
	height:35px;
	width:100px;
	display:block;
	background-position:-400px 0px;
	text-align:center;
	position:relative;
	padding-top:65px;
	color:#1f1f1f;
	font-weight:bold;
}
#shortcur-bar ul li a:hover {
	background-position:-400px -100px;
	font-weight:bold;
}
.sc-icon {
	width:130px;
	height:200px;
	position:absolute;
	left:0px;
	top: 0px;
}

/*---------------------------------SHORTCUT BAR 42x42 PX ICONS SPRITE-----------------------------------*/


.S_R {
	background:url(../img/S_R.png);
	background-position:0px 0px;
}
.S_R:hover {
	background-position:0px 200px;
}

.D_S {
	background:url(../img/Dental-Student.png);
	background-position:0px 0px;
}
.D_S:hover {
	background-position:0px 200px;
}


.J_D {
	background:url(../img/Junior-Doctor.png);
	background-position:0px 0px;
}
.J_D:hover {
	background-position:0px 200px;
}

.J_S {
	background:url(../img/Junior-Scientist.png);
	background-position:0px 0px;
}
.J_S:hover {
	background-position:0px 200px;
}


.Professor {
	background:url(../img/professor.png);
	background-position:0px 0px;
}
.Professor:hover {
	background-position:0px 200px;
}


/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr {  width:100%; position:relative;}


/* ### HEADER CONTAINER ### */



#headerCntr { position: relative;  width: 1000px; height: 168px; overflow:hidden;  margin: 0 auto; background:url(../img/repeatbbb.png) repeat-x; }


/*	#headerCntr { position: relative;  width: 1000px; height: 158px; overflow:hidden; background: url(../img/header_bg1.jpg) top  center no-repeat; margin: 0 auto; border:1px solid #F00; margin-top:50px; }*/
	#headerCntr h1 { padding:0; overflow: hidden; float:left;}
	#headerCntr h1 a { display: block; width: 982px; height:121px; overflow: hidden; text-indent: -9999px; background: url(../img/DA_Logo1.png) center left no-repeat; }
	
	.controls { position: absolute; top: 55px; height: 48px; margin-top: 20px; right: 0px;
font-family: 'AvenirNextLTPro-Regular';
			font-size:28px; color:#42b3e5;
			display: inline-block;
	

	}
	
		/* ### MENU CONTAINER ### */		
		#menuCntr{ width: 585px; height:45px; float:right; background: rgb(2, 59, 121);}
		#menuCntr ul{ margin:0px;}						
		#menuCntr li { list-style: none; float:left; }						
		#menuCntr li a { display:block; width: auto; font-family:Arial, Helvetica, sans-serif; line-height:50px; font-size:14px; color:#FFFFFF; text-decoration:none; text-align:center; padding-left:10px; padding-right:10px; border-left:#333 1px dashed; }
		#menuCntr li a:hover {text-decoration: none;  height:52px; background:#CCC; opacity: 0.85; filter: alpha(opacity=85); border-top-right-radius:5px; border-top-left-radius:5px; /*background: url(../img/menu_hover.png) left top no-repeat;*/ color:#000;}	
		#menuCntr li a.select {text-decoration: none; height:52px; border:2px solid #999;  /*background: url(../img/menu_hover.png) left top no-repeat;*/ background:#CCC; border-top-right-radius:5px; border-top-left-radius:5px; color:#000;}	
		
		
		
		/* ### BANNER CONTAINER ### */
		#bannerCntr { width: 100%; background: url(../img/banner_bg.jpg) left top repeat-x ;}
		#bannerCntr .center { position: relative; padding:0px 15px 0px 17px; width: 948px; overflow: hidden; height:442px; background: url(../images/banner_contener_bg.jpg) left top no-repeat; margin: 0 auto;}
		
		.loginbar 
{
    position:relative; width:965px; height:35px; background-color:#666; color:#FFF; font-family:Arial; font-size:25px; font-weight:bold; padding-top:5px;
    border: 1px solid #333;   
    margin-bottom: 10px;   
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    box-shadow:
        0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
        0px 0px 0px 3px rgb(254, 254, 254),
        0px 5px 3px 3px rgb(210, 210, 210);
    transition: all 0.2s linear;
}

#footer { border-top:dashed 1px #cfcfcf; padding:10px; color:#ffffff; background:#023B79;text-align:center;}

.left, .alignleft { float:left; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:center; }



/* Course Start  */

.course_main
{
	width:215px;
	border:solid #FFF 1px;
	height:200px;
	position:relative;
}

.course_name
{
	width:205px;
	height:30px;
	position:relative;
	top:0px;
	left:0px;
	background: #03B7D8;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:5px;
	text-align:center;
}

.course_image
{
	width:215px;
	height:116px;
	position:relative;
	top:0px;
	left:0px;
}

.course_button
{
	width:205px;
	background: #03B7D8;
	height:35px;
	position:relative;
	top:0px;
	left:0px;
	padding:5px;
}

#title {
position: relative;
width: 963px;
height: 25px;
padding-top:5px;
background: #CCC;
font-family: Arial;
font-size: 16px;
color: #333;
font-weight: bold;
border: 2px solid #999;
}


table#course td:hover {
background-color: #FFEBE1;
}

table#course .cou {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
border: 1px solid #C1DAD7;
padding: 6px 12px 6px 12px;
color: black;
text-align: left;
background-color: white;
}

table#course td {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: black;
font-weight: bold;
border: 1px solid #C1DAD7;
letter-spacing: 1px;
text-align: left;
padding: 8px 12px 4px 12px;
background: aliceBlue;
vertical-align: middle;
}

td, th {
display: table-cell;
vertical-align: inherit;
}

a.imglink
{
    width: 100px;
    cursor: pointer;   
    background: rgb(61, 157, 179);
    padding: 5px 3px;
    font-family: Arial;
    color: #fff;
    font-size: 16px;   
    border: 1px solid rgb(28, 108, 122);   
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    box-shadow:
        0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
        0px 0px 0px 3px rgb(254, 254, 254),
        0px 5px 3px 3px rgb(210, 210, 210);
    transition: all 0.2s linear;
}

a.imglink:hover{
    background: rgb(74, 179, 198);
}

#popUpYes
{  
  border:none; width:176px; height:40px;background-image: url('../imgNew/review1.png');
   
}

#popUpYes:hover
{
  width:176px; height:40px;background-image: url('../imgNew/review01.png'); /* SET COLOR IN BLACK */
}
#popUpinf
{  
  border:none; width:176px; height:40px;background-image: url('../imgNew/inf1.png');
   
}

#popUpinf:hover
{
  width:207px; height:85px;background-image: url('../imgNew/reg1.png'); /* SET COLOR IN BLACK */
}
#popUpNo
{  
  width:207px; height:85px;background-image: url('../imgNew/reg01.png'); /* SET COLOR IN BLACK */
}

#popUpNo:hover
{
  background-color: #FF5050	;
  color: white; /* SET COLOR IN BLACK */
}
#popUpYes1
{  
  border:thin; width:270px; height:50px;background-color:#5cb1e9; color:#FFFFFF;
}

#popUpYes1:hover
{
  background-color: #24465d;text-decoration:underline; cursor: pointer;
  color: white; border: 0px solid #CCC; /* SET COLOR IN BLACK */
}
#popUpYes2
{  
  border:thin; width:270px; height:50px;background-color:#2795d5; color:#FFFFFF;
}

#popUpYes2:hover
{
  background-color: #1b6895; border: 0px solid #CCC;text-decoration:underline; cursor: pointer;
  color: white; /* SET COLOR IN BLACK */
}
#popUpYes3
{  
  border:thin; width:270px; height:50px;background-color:#2d7aa4; color:#FFFFFF;
}

#popUpYes3:hover
{
  background-color: #2d98a4; border: 0px solid #CCC;text-decoration:underline; cursor: pointer;
  color: white; /* SET COLOR IN BLACK */
}
#popUpYes4
{  
  border:thin; width:270px; height:50px;background-color:#4e5eb1; color:#FFFFFF;
}

#popUpYes4:hover
{
  background-color: #36417b; border: 0px solid #CCC;text-decoration:underline; cursor: pointer;
  color: white; /* SET COLOR IN BLACK */
}