 
 
 
 /******  ADD ON  FOR THE LIST STYLE ******/
.listHeadF  {
	background:#58595b;
	font: 12px Tahoma, Verdana, Arial;
	color:#FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding-top:4px;
	padding-bottom:4px;
}
.listHead {
	background:#58595b url(images/list_head_sep.jpg) no-repeat left center;
	font: 12px Tahoma, Verdana, Arial;
	color:#FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding-left:7px;
}

.listDataF {
	font: 11px Tahoma, Verdana, Arial;
	color:#5a5a5a;
	padding-top:7px;
	padding-bottom:7px;
}
.listData {
	font: 11px Tahoma, Verdana, Arial;
	color:#5a5a5a;
	background:url(images/list_sep.jpg) no-repeat left center;
	padding-left:7px;
}
.listDataGray {
	font: 11px Tahoma, Verdana, Arial;
	color:#5a5a5a;
	background:#f3f3f3 url(images/list_sep.jpg) no-repeat left center;
	padding-left:7px;
}

.listDataF a, .listData a, .listDataGray a {
	color:#5a5a5a;
	text-decoration:underline;
}

.listLink {
	font: 12px Tahoma, Verdana, Arial;
	color:#000000;
	text-align:center;
	border-top: 1px solid #c4c4c4;
	padding-top:5px;
}
.listLink a {
	color:#000000;
	text-decoration:none;
	padding:0 10px;
}
.listLink a:hover {
	font-weight:bold;
}


/******  END OF ADD ON ******/

 		.tipper {
			background-color: #AAA;
			color: #222;
			font-weight: bold;
			padding: 0.2em;
			margin: 0.5em;
                       width : 400px;
		}
		a.tipper {
			background-color: #222;
                       width : 400px;
		}
		
 

 
 
 		.tool-tip {
			color: #fff;
			width: 139px;
			z-index: 13000;
		}
		 
		.tool-title {
			font-weight: bold;
			font-size: 0px;
			margin: 0;
			color: #9FD4FF;
			
			background: url(http://www.e-magine.ro/playground/tipsx3/bubble.png) top left;
		}
		 
		.tool-text {
			font-size: 11px;
			padding: 4px 8px 8px;
			background: url(http://www.e-magine.ro/playground/tipsx3/bubble.png) bottom right;
		}
		.tool-loading {
			background: url(http://www.e-magine.ro/playground/tipsx3/ajax_load.gif) center center no-repeat;
			width: 30px;
			height: 30px;
			margin: 0 auto;
		}

 
 
 .calDay {
	background:#58595b;
	font: bold 11px Tahoma, Verdana, Arial;
	color:#fbb508;
}

.calDate {
	font: bold 11px Tahoma, Verdana, Arial;
	color:#ff0000;
	background:#f0f0f0;
}
.calDateDark {
	font: 11px Tahoma, Verdana, Arial;
	color:#ff0000;
	background:#cccccc;
}

.partner a:link, .partner a:hover, .partner a:visited {
   color:Gray;
   text-decoration: none;
} 

 .red {
   color:Red;
   font-weight:bold;

}
 
 /*coursecalendar style*/
.coursecalendar
{
   border-top-width:1;
   border-bottom-width:1;
   border-right-width:1;
   border-left-width:1;
   border-style:solid;
   border-color:Gray;
   width:95%;
}

.calendarmonthheader
{
    background-color:Gray;
    color:White;
    font-weight:bold;
    width:25%;
    text-align:center;
    
}

.calendarmonth 
{
    /*style here*/
}

.calendarmonth a:link, .calendarmonth a:hover, .calendarmonth a:visited
{
    text-decoration:none;
   color:White;
   
}

.calendarmonth 
{
    /*style here*/
}

.calendareventcontent
{
    vertical-align:top;
    text-align:left;
}

.calendarevent
{     
   border-bottom-width:1;
   border-bottom-style:solid;
   border-right-width:1;
   border-right-style:solid;
   border-color:Gray;
   height:100px;
}

/*end*/

 /* Additional */

.calendarBg {
	background:#9ebfe8 url(images/calendar_bg.jpg) repeat-x top;
}
.dropdown {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
}

.day2 {
	background:#3f70b3;
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.date {
	font:11px Arial, Helvetica, sans-serif;
	border: 2px solid #FFFFFF;
	height:25px;
}
.greenDate {
	background:#00ff01;
	font:11px Arial, Helvetica, sans-serif;
	border: 2px solid #FFFFFF;
}
.redDate {
	background:#ff0101;
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border: 2px solid #FFFFFF;
}
.black {
	background:#000000;
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border: 2px solid #FFFFFF;
}

.legend, .legend td {
	font: 11px Arial, Helvetica, sans-serif;
	color:#58595b;
}
.legend h1 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#58595b;
}

.heading {
	background:#58595b;
	font: bold 12px Tahoma, Verdana, Arial;
	color:#FFFFFF;
}

#detail td {
	font: 11px Tahoma, Verdana, Arial;
	color:#00184b;
}
#detail .detailHead {
	font: bold 12px Tahoma, Verdana, Arial;
	color:#00184b;
}


#borderBottom {
	border-bottom:1px solid #676767;
	padding-bottom:2px;
}
#borderBottom td {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#59595b;
}

.orange {
	color:#feb30a;
}

.register {
	padding-left:80px;
}
.register td {
	font: 11px Arial, Helvetica, sans-serif;
	color:#00184b;
}
.register input, .register select {
	font: 11px Arial, Helvetica, sans-serif;
	color:#666666;
}
.regis input, .regis select {
	width:230px;
}

.register .btnRegister {
	background:#58595b;
	font: bold 11px Tahoma, Verdana, Arial;
	color:#FFFFFF;
	padding: 1px 7px;
}

.manageMenu, .manageMenu td {
	font: bold 12px Tahoma, Verdana, Arial;
	color:#FFFFFF;
}
.manageMenu a {
	color:#FFFFFF;
	text-decoration:none;
}
.manageMenu a:hover {
	color:#faba03;
}

#manage, #manage td {
	font: 12px Tahoma, Verdana, Arial;
}
.data input, .data select {
	width:155px;
}



h1 {
	font: bold 15px Tahoma, Verdana, Arial;
	color:#fbb508;
}
h2 {
	background:#58595b url(images/arrow_head_ar.jpg) no-repeat 640px center;
	font: bold 12px Tahoma, Verdana, Arial;
	color:#FFFFFF;
	height:28px;
	line-height:28px;
	padding-right:40px;
}
h3 {
	font: bold 12px Tahoma, Verdana, Arial;
	color:#fbb508;
	text-transform:uppercase;
}
h4 {
	font: bold 12px Tahoma, Verdana, Arial;
	color:#fbb508;
}
h5 {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#858585;
}


/* Additional */
.BreadCrumbs:link, .BreadCrumbs:visited, .BreadCrumbs:active {
	color:#333333;
	text-decoration:none;
}
.BreadCrumbs:hover {
	text-decoration:underline;
}

#content {
	padding: 30px 20px 40px 25px;
	font: 12px Tahoma, Verdana, Arial;
	width:670px;
}
 

body {
	margin:0;
	padding:0;
	font:11px Tahoma, Verdana;
	color:#000000;
}

#header {
	background:url(Images/header_ar.jpg) no-repeat;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#58595b;
}
#header a {
	color:#58595b;
	text-decoration:none;
}
#header a:hover {
	color:#000000;
}


#left TD {
	padding-bottom:1px;
}

#footer {
	background:#e7b430;
	height:40px;
	text-align:center;
}
#footer, #footer a {
	font:12px Tahoma, Verdana;
	color:#000000;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

.clear {
	clear:both;
}

#menudown {
	font: 14px Tahoma, Verdana, Arial;
	color:#FFFFFF;
	width:189px;
}

#menudown .parentLeftNav 
{
	color:#ffffff;
	text-decoration:none;
	padding:5px 35px 5px 0;
	width:154px;
	height:20px;
	display:block;
	background:#58595b url(Images/menu_on_ar.jpg) no-repeat right center;
	border-bottom:1px dashed #ffffff;
	text-align:right;
}

#menudown .parentLeftNav:hover {
	background:#58595b url(Images/menu_over_ar.jpg) no-repeat right center;
	color:#ffffff;
}

#menudown .childLeftNav {
	font: 12px Tahoma, Verdana, Arial;
	text-decoration:none;
	background-color:#efefef;
	color:#58595b;
	display:block;
	border:none;
	padding: 5px 0 5px;
}

#menudown .childLeftNav:hover {
	font: 12px Tahoma, Verdana, Arial;
	text-decoration:none;
	color:#cc0000;
	background-color:#efefef;
}

#menu {
	font: 14px Tahoma, Verdana, Arial;
	color:#FFFFFF;
	width:189px;
}
#menu ul {
	margin:0;
	padding:0;
}
#menu ul li {
	margin:0;
	padding:0;
	list-style:none;
	position: relative;
	text-align:left;
}
#menu h2 {
	margin:0;
	padding:0;
	font: 14px Tahoma, Verdana, Arial;
	color:#FFFFFF;
}
#menu a {
	color:#ffffff;
	text-decoration:none;
	padding:5px 0 5px 35px;
	width:154px;
	height:20px;
	display:block;
	background:url(Images/menu_on.gif) no-repeat #58595b left center;
	border-bottom:1px dashed #ffffff;
}
#menu a:hover {
	background:url(Images/menu_over.gif) no-repeat #58595b left center;
	color:#ffffff;
}


#menu ul ul {
	z-index: 500;
	top: 100%;
	left: 0;
	width:150px;
}

#menu ul ul li {
	display:block;
}
#menu ul ul li a {
	font: 12px Tahoma, Verdana, Arial;
	background:url(Images/submenu_on.gif) no-repeat #ffffff left center;
	color:#58595b;
	display:block;
	float:none;
	height:14px;
	border:none;
}
#menu ul ul li a:hover {
	font: 12px Tahoma, Verdana, Arial;
	color:#cc0000;
	background:url(Images/submenu_on.gif) no-repeat #ffffff left center;
}

#menu ul ul ul {
	top: 0;
	left: 100%;
}

#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul
{display: none;}

#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul
{display: block;}

	.mainx {
		width:700px;
		float:left;
	}
	
	.childx_left {
	    padding-left:10px;
		padding-top:10px;
padding-right:none;
		padding-bottom:10px;
		width:340px;
		height:89px;
		float:left;
	}
	
	.childx_right {
		padding-bottom:10px;
	    padding-left:20px;
		padding-top:10px;
padding-right:none;
		width:340px;
		height:89px;
		float:left;
	}
	
	.note {
		padding-left:5px;
		float:left;
		width:150px;
	}

    .linkimg {
		padding-left:0px;
		float:left;
		width:100px;

	}

        .note2 {
		padding-left:5px;
		float:left;
                text-align:justify;
                width:600px;
	}

.tevent {
	font:14px Tahoma, Verdana;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 10px;
	background:#545551;
}

.cevent {
	border:1px solid #545551;
	font:11px Tahoma, Verdana;
	color:#000000;
}

.tnews {
	font:14px Tahoma, Verdana;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 10px;
	background:#545551;
}

.cnews {
	font:11px Tahoma, Verdana;
	color:#000000;
	background:#efefef;
	padding:10px;
}

.breadcrumb {
	font:14px Tahoma, Verdana;
	color:#111111;
	font-weight:bold;
}

.search {
	font:12px Tahoma, Verdana;
	color:#666666;
	font-weight:bold;
}

.pagenav a {
	text-decoration:none;
	color:#666666;
}

.pagenav a:hover {
	text-decoration:underline;
	color:#666666;
}

.imgnews {
	padding:5px;
	border:1px solid #666666;
}

.titlenews {
	font:18px Tahoma, Verdana;
	color:#666666;
	font-weight:bold;
}

.pagetitle {
	font:14px Tahoma, Verdana;
	color:#ffffff;
	font-weight:bold;
}

.datenews {
	font:12px Tahoma, Verdana;
	color:#666666;
	font-weight:bold;
}

.contentnews {
	font:12px Tahoma, Verdana;
	color:#666666;
}

.medianews {
	font:12px Tahoma, Verdana;
	color:#666666;
	font-weight:bold;
	background:url(Images/bg_medianews.gif);
	border-top:1px solid #a7a6a6;
	border-left:1px solid #a7a6a6;
	border-right:1px solid #fdfdfd;
	border-bottom:1px solid #fdfdfd;
	height:24px;
}

.mediaevent {
	font:12px Tahoma, Verdana;
	color:#666666;
	font-weight:bold;
	background:url(Images/bg_mediaevent.gif);
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	height:24px;
}

.announce {
	font:11px Tahoma, Verdana;
	color:#ffffff;
}

.more {
	font:11px Tahoma, Verdana;
	color:#FF0000;
	font-weight:bold;
}

.more, .more a, .more a:link, .more a:active, .more a:visited {
	font:12px Tahoma, Verdana;
	color:#FF0000;
	font-weight:bold;
	text-decoration:underline;
}
.more a:hover {
	font:12px Tahoma, Verdana;
	color:#666666;
	font-weight:bold;
	text-decoration:underline;
}

.page{
       width:575px; 
       text-align:center;
       vertical-align:middle;
}

.page a, .page a:link, .page a:active, .page a:visited {
       text-decoration: none;
       font:12px Tahoma, Verdana;
       color:#6e6e6e;
       font-weight:bold;      
}

.page a:hover {
       text-decoration: none;
       font:12px Tahoma, Verdana;
       color:#000000;
       font-weight:bold;   
}

 .MultiBoxContainer {
	position: absolute;
	border: 20px solid #e3e3e3;
	background-color: #FFF;
	display: none;
	z-index: 2;
	text-align: left;
	/*overflow: hidden;*/
}

.MultiBoxLoading {
	background: url(images/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -20px;
	right: -20px;
	background: url(images/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
	display: none;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #000000;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(images/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(images/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(images/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(images/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}

<!--[if lt IE 7]>
#menu{float:none;}
body{behavior:url(csshover.htc); }
#menu ul li{float:left; }
#menu a{height:1%;font: 14px Tahoma, Verdana, Arial;}

<![endif]-->



