#myAccordion{width: 740px;	margin:0px auto ; padding:0px;	font-family:Arial, Helvetica, sans-serif;	font-size:12px; overflow:hidden;} 

#myAccordion dt{ line-height:30px; height:30px; padding: 0px 10px; margin:3px 0px 0px 0px; font-weight: bold; color: #707070; background-image:url(../images/accordion_bg.gif); background-repeat:no-repeat; overflow:hidden; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }


#myAccordion dd{overflow: auto; border:1px solid #e1e1e1; border-top:none; padding:0px; margin:0px; background-image:url(../images/dotted_line_bg.gif); background-repeat:repeat-y; padding:0px 5px 5px 5px; margin:0px 0 0 0; background-color:#FFFFFF;}



#myAccordion dd #masters, #myAccordion dd #operations, #myAccordion dd #reports, #myAccordion dd #mastersschool, #myAccordion dd #reportsschool,#myAccordion dd #masterscourse,#myAccordion dd #reportscourse, #myAccordion dd #mastersstudent, #myAccordion dd #operationsstudent, #myAccordion dd #reportsstudent, #myAccordion dd #mastersexam, #myAccordion dd #operationsexam, #myAccordion dd #reportsexam, #myAccordion dd #masterstimeTable, #myAccordion dd #operationstimeTable, #myAccordion dd #reportstimeTable, #myAccordion dd #mastersfee, #myAccordion dd #operationsfee, #myAccordion dd #reportsfee, #myAccordion dd #mastersLibrary, #myAccordion dd #operationsLibrary, #myAccordion dd #reportsLibrary, #myAccordion dd #mastershr, #myAccordion dd #operationshr, #myAccordion dd #reportshr, #myAccordion dd #mastersaccount, #myAccordion dd #operationsaccount, #myAccordion dd #reportsaccount{ height:300px; padding:0px; margin:0px; font-size:10px;}

#myAccordion dd #masters{float:left; width:260px; }
#myAccordion dd #operations{float:left; width:260px; }
#myAccordion dd #reports{float:left; width:191px; }


#myAccordion dd #masters .header{ font-size:11px; font-weight:bold; background-color:#dfe5e8; color:#626262; padding:5px 10px 5px 10px; }
#myAccordion dd #operations .header{ font-size:11px; font-weight:bold; background-color:#dfe5e8; color:#626262; padding:5px 10px 5px 10px; }
#myAccordion dd #reports .header{ font-size:11px; font-weight:bold; background-color:#dfe5e8; color:#626262; padding:5px 10px 5px 10px; }

#myAccordion dd #mastersaccount .header, #myAccordion dd #operationsaccount .header, #myAccordion dd #reportsaccount .header, #myAccordion dd #mastersschool .header, #myAccordion dd #reportsschool .header,#myAccordion dd #masterscourse .header,#myAccordion dd #reportscourse .header, #myAccordion dd #reportscourse .header, #myAccordion dd #mastersstudent .header, #myAccordion dd #operationsstudent .header, #myAccordion dd #reportsstudent .header, #myAccordion dd #mastersexam .header, #myAccordion dd #operationsexam .header, #myAccordion dd #reportsexam .header, #myAccordion dd #masterstimeTable .header, #myAccordion dd #operationstimeTable .header, #myAccordion dd #reportstimeTable .header, #myAccordion dd #mastersfee .header, #myAccordion dd #operationsfee .header, #myAccordion dd #reportsfee .header, #myAccordion dd #mastersLibrary .header, #myAccordion dd #operationsLibrary .header, #myAccordion dd #reportsLibrary .header, #myAccordion dd #mastershr .header, #myAccordion dd #operationshr .header, #myAccordion dd #reportshr .header {font-size:11px; font-weight:bold; background-color:#d7d7d7; color:#626262; /*background-color:#f7f7f7;*/ padding:5px;}

#myAccordion dd #masters p, #myAccordion dd #operations p, #myAccordion dd #reports p{width:65px; padding:5px; text-align:center; margin: 3px 10px; float:left;}

/*School management*/
#myAccordion dd #mastersschool{float:left; width:600px; }
#myAccordion dd #reportsschool{float:left; width:275px;}

#myAccordion dd #masterscourse{float:left; width:240px; border-right:1px dotted #CCCCCC;overflow:auto; }
#myAccordion dd #operationscourse{float:left; width:240px; border-left:1px dotted #CCCCCC; border-right:1px dotted #CCCCCC;}
#myAccordion dd #reportscourse{float:left; width:240px;}


#myAccordion dd #mastersschool p, #myAccordion dd #reportsschool p{width:65px; padding:5px; text-align:center; margin: 3px 10px; float:left;}

/*Student management*/
#myAccordion dd #mastersstudent{float:left; width:125px; }
#myAccordion dd #operationsstudent{float:left; width:395px; border-left:1px dotted #CCCCCC; border-right:1px dotted #CCCCCC;}
#myAccordion dd #reportsstudent{float:left; width:200px;}

/*Exam management*/
#myAccordion dd #mastersexam{float:left; width:260px; }
#myAccordion dd #operationsexam{float:left; width:260px; border-left:1px dotted #CCCCCC; border-right:1px dotted #CCCCCC;}
#myAccordion dd #reportsexam{float:left; width:200px;}

/*Timetable management*/
#myAccordion dd #masterstimeTable{float:left; width:265px; }
#myAccordion dd #operationstimeTable{float:left; width:190px; border-left:1px dotted #CCCCCC; border-right:1px dotted #CCCCCC;}
#myAccordion dd #reportstimeTable{float:left; width:265px;}

/*Fee management*/
#myAccordion dd #mastersfee{float:left; width:305px; }
#myAccordion dd #operationsfee{float:left; width:150px; border-left:1px dotted #CCCCCC; border-right:1px dotted #CCCCCC;}
#myAccordion dd #reportsfee{float:left; width:265px;}

/*Library management*/
#myAccordion dd #mastersLibrary{float:left; width:405px; }
#myAccordion dd #operationsLibrary{float:left; width:150px; border-left:1px dotted #CCCCCC; border-right:1px dotted #CCCCCC;}
#myAccordion dd #reportsLibrary{float:left; width:165px;}

/*HR management*/
#myAccordion dd #mastershr{float:left; width:345px; }
#myAccordion dd #operationshr{float:left; width:190px; border-left:1px dotted #CCCCCC; border-right:1px dotted #CCCCCC;}
#myAccordion dd #reportshr{float:left; width:185px;}

/*Accounts Management*/
#myAccordion dd #mastersaccount{float:left; width:125px; }
#myAccordion dd #operationsaccount{float:left; width:395px; border-left:1px dotted #CCCCCC; border-right:1px dotted #CCCCCC;}
#myAccordion dd #reportsaccount{float:left; width:200px;}

.iconsList ul{ list-style:none; padding:0px; margin:0px;}
.iconsList li{  float:left; padding:0px; margin:0px; padding:10px; margin:0 auto; text-align:center; width:65px; height:75px;}
.iconsList li a{ text-decoration:none; color:#000000;  }
.iconsList li a:hover{ text-decoration:underline; color:#0099FF; }

#myAccordion dt.myAccordionHover{ cursor:pointer; background-image:url(../images/accordion_hover.gif); background-repeat:no-repeat; overflow:hidden; color:#FFFFFF; margin:0px 0 0 0; height:30px; margin:3px 0px 0px 0px }
#myAccordion dt.myAccordionActive{ /*background-color:#e4efc7;*/ background-image:url(../images/accordion_active.gif); background-repeat:no-repeat; overflow:hidden; color:#FFFFFF; height:30px; }


