/**************************************
 * THEME NAME: custom
 *
 * Files included in this sheet:
 *
 *   custom/custom.css
 *   custom/ilp.css
 *   custom/menubar.css
 **************************************/

/***** custom/custom.css start *****/

/**************************************
 * THEME NAME: custom
 *
 * Files included in this sheet:
 *
 *   custom/custom.css

 **************************************/

/***** custom/custom.css start *****/

body {
     	color: #111111; 
     	margin: 0;
     	font-family:Verdana, Arial, Helvetica, sans-serif;
     	background:#fff; 
     	font-size:.94em; 
}
p, li, ul, tr, td, h1, h2, h3, th, .navbar li, .header, table{ 
     	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.clearer {
  	font-size:1px
}
/*--- Links ---*/

a, a:link, a:visited  {
    	color: #00438B;
    	text-decoration:none;
}
a:hover  {
    	color: #EF7D15;
    	text-decoration:underline;
}

/*--- Structure ---*/

#page{
	min-width: 800px;
	margin: 0px;
	background: transparent;
}
#content {
    margin: 0;
	padding: 0 10px 0 0;
	background: transparent;
	font-size: .95em;
}
#layout-table #middle-column{
	padding:0 10px;
	font-size: .9em;	
}
#left-column {
	background: url(sidebarleft.jpg) right repeat-y;
    padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	font-size: .9em;	
}
#right-column {
	padding: 0 0 0 10px;
	margin: 0;
	font-size: .9em;
}
#footer{
    	padding: 10px;
    	margin:0px;
    	background: url(footer_bg.jpg) repeat-x; 
    	color: #a4a4a4;
    	font-size: .9em ; 
}

/*--- login box ---*/

.loginbox{
     	background: #f7f7f7;
     	margin-bottom: 10px;
}
.loginbox h2 {
  	margin:0;
  	background: #fff url(columns_header_bg.jpg) repeat-x bottom;
  	color:#333;
}
.loginbox th{
     background: #fff url(columns_header_bg.jpg) repeat-x bottom;
     color: #fff;     
}

/********** HEADER ****************/

.headermain{
     font-weight:bold;
	margin: 0;
	padding: 0;
	height: 80px;
}
.headermain img{
	padding: 20px;
}
.headermenu {
  	float:none;
}
#header-home {
    	color: #000;
	/*background: #fff url(background-lines.gif) bottom right no-repeat;*/
		background: #fff;
    	height: 100px;
    	margin: 0; 
	padding: 0;
}
.logininfo, #header-home .headermenu font {
    	font-size:0.8em;
    	padding: 0;    
    	height: 20px;  
    	font-weight:normal;
    	margin: 3px;
    	text-align: right; 
}
.headermenu a:link,.headermenu a:visited,.headermenu a {
    	color: #00A4E4;
    	padding: 0 3px 0 3px;
    	text-decoration: underline;
}
.headermenu a:hover {
    	color: #000;   
}

/***breadcrumb trail ****/

.breadcrumb {
     	padding: 0 0 0 8px;  
     	margin:0px;
     	height: 20px;  
     	font-size:0.8em;
     	font-weight:normal; 
		background: transparent;     
}
.navbar .breadcrumb {
     	float:left;
     	margin:0.2em 0.5em;
}
.breadcrumb .sep, #admin-report-simpletest-index .sep {
     	color:#fff;
}
img.resize {
     	width: 100px;
     	height: 100px;
}
.navbar {
      color: #fff;
      background: #00438B; 
      margin:0;    
}
.navbar a,.navbar a:visited,.navbar a:hover,.navbar a:link {
      color: #fff;
      text-decoration: underline;       
}
#coursesearchnavbar{
	font-size: .8em;
}

/***** 
PROFILE 
*****/

#profileblock {
	background: transparent;
	float: right;
	text-align: right;
	max-width: 550px;
	right: 0px;
}
#profilepic {
	text-align:right;
	float: right;
	margin: 8px 15px 8px 8px;
	width: 80px;
	height: 80px;
	border: 1px solid #cccccc;
}
#profilename {
	background: transparent;
	text-align:right;
	width: 440px;
	margin: 12px 5px 0 0;
	text-transform: lowercase;
}
.profilename, .profilename a {
	background: transparent;
	color:#00428B !important;
    font-size:1.3em;
	letter-spacing: -1px;
	text-decoration: none;
	font-weight:bold;
	margin:0px ;
}
.profilename, .profilename a:hover {
	background: transparent;
	color: #333;
	text-decoration:none;
}
#profileoptions {
	text-align:right;
	width: 440px;
	margin: 0px;
}
#profileoptions ul li { 
	padding: 0 0 0 20px;	
	display: inline; 
	margin:0 0 0 0;
	font-size:1em;
}
.profileoptions {
	background: transparent;
	color:#2f2f2f;
	text-decoration: none;
	letter-spacing: 0;
}
.profileoptions, .profileoptions a {
	background: transparent;
	color:#00428B;
	font-size:0.90em;
	font-weight:bold;
}
.profileoptions a:hover {
	background: transparent;
	color: #333;
	text-decoration:none;
}

/***************** FOOTER *****************/
#footer .logininfo{
	text-align: center;
}
.homelink {
  	font-size:0.8em
}
.headingblock {
    	font-weight: bold;
    	font-size: .8em;
}

/*************** CONTENT ******************/

#content {
     	margin: 0px 10px;
}

/* Headings  */

h1 {
     font-weight:bold; 
     margin: 0.5em 0 0.5em 0;
     padding: 0;                
     color: #444444;
     font-size: 1.5em;
}
h2.main {
     margin: 10px;
     padding: 0px;  
     line-height: 1.3em; 
     color: #444444;
     text-align: center;  
     font-size: 1.4em;
}
h2.title, .title h2{
     font-weight:bold; 
     color: #fff;
     margin: 0 0 0.5em 0;
     padding: 0;  
}
h2.header, h2.section, .section h2{
     background:transparent;
     color: #444444;      
}
th.header{
     	background: #9a9a9a;
     	color: #fff;
     	border: 1px solid #ccc; 
     	font-weight: bold;
	padding: 5px 5px;
	font-size:.9em;
}
td.header, div.header{
     	background: #9a9a9a;
     	color: #fff;
     	border: 1px solid #ccc; 
     	font-weight: bold;
	padding: 3px 5px;
}
div.header  h2{
    	color: #fff;
    	background: transparent;
    	margin: 0px 0px;
	font-size: .95em;
	padding: 3px 0;
}
h2.headingblock{
     	color:#fff;
     	background: #9a9a9a;
     	font-weight:bold; 
	font-size: .9em;  
}
h2.headingblock .title{
     	color: #000;
} 
h2.headingblock .link a{
     color: #000;
} 

/****Home page site description ****/

.sitetopic{
	background: #fff;
}
.sitetopiccontent{
     	background: #fff;
     	border: 1px solid #ccc; 
}

/********* Left/Right Columns  ********/

.title{
     color:#fff;
}
.block_online_users{
	font-size: 1.3em;
}

#left-column li, #right-column li{
	line-height: 1.6em;
}

/***Boxes around admin header icons ***/

.singlebutton{
     	margin: 5px 0;
}
.commands {
	padding: 2px 2px 3px 0px; 
}
.commands .icon {
	background: #fff;
	padding:2px 2px 1px 2px;
	border:1px solid #27849a;
 	margin:1px;
}
.commands a:hover.icon {
     	border:1px solid #f00;
}

/*** - boxes on header sideboxes ***/

.hide-show {
    	background: transparent;
    	color: #fff;
}
.hide-show img {
    	border: 1px solid #fff;
    	color: #fff;
}

/*************Tables *******/

table{
	width: 100%;
}
.generaltable{
     	width: 100%;
	border:1px solid #ccc;
} 
.generalboxcontent {
     	line-height: 1.4em;
     	background: #fff;
	border:1px solid #ccc;
}
table.generalbox {
     	border:1px solid #ccc;
     	width:100%; 
} 
table.rolecap{
	background: #fff;
	width: 80%;
}
table.rolecap td{
	padding:5px;
}
table.userinfobox{
	font-size: .8em;
}
table.files{
	font-size: .9em;
}
/*******Logs and Reports tables *****/

.log .plugin{
     	background: #fff;
}
.logtable{
    	background: #fff;
	font-size: 1em;
}
.c0{
     	font-weight: bold;
     	background: transparent;
     	color: #000;
}
.controls{
     	width: 100%;   
}

/****All THs *****/

.generaltable th, .generaltable th.header, .generalbox th {
     	color: #fff;
     	background: #9a9a9a;
     	font-weight:bold; 
	padding: 5px;	
}
.files th{
     	background: #9a9a9a;
     	color: #fff;
     	font-weight: bold;
}
#movecourses th{
     	background: #9a9a9a;
     	color: #fff;
     	font-weight: bold;
	font-size: 1.1em;
}
.formtable th{
     	font-weight: bold;
     	color: #000;     
}
.info{
    	background:#EBE4E4;
}
.prompt{
    	font-weight: bold;
} 
.list .info {
    	background: #fff;
}
#section-0 .section .main{
    	background:#EFEBE0;
}
.generalboxcontent {
  	font-size:0.8em;
}
.generaltable .cell {
  	font-size: 0.8em;
	background: #EFEBE0;
	border: 1px solid #fff;
}
.categorybox .category {
  	font-size:0.9em;
  	font-weight:bold
}
.helplink {
  	font-size:0.8em
}
.headingblock {
  	font-weight:bold
}
.headingblock .link {
  	font-size:0.9em
}
.files .file, .files .folder {
  	font-size:0.9em
}
.files .folder .size {
  	font-weight:bold
}
.sitetopiccontent {
  	font-size:0.8em
}

/***  
 ***  Admin
***/

.block_admin_tree.sideblock .link.current{
	background: #fff;
}
#admin-index .generalboxcontent,
#admin-config .generalboxcontent {
  	font-size:0.9em
}
#admin-config .linklist {
  	font-size:0.9em
}
#admin-config .r1 {
  	font-size:0.9em
}
#admin-config #content > center {
  	font-size:0.8em
}
.admin .generalboxcontent {
  	background:#EFEBE0;
}
.admin .generalbox {
  	border-color:#ccc;
  	background:#EFEBE0;
}
#adminsettings fieldset {
    	background: #EFEBE0;
    	border-color: #ccc;
    	color: #000;
	font-size: .8em;
}
.boxwidthwide{
	width: 100%;
	background: #efebe0;
}
#notice.generalbox {
	width: 100%;
}
.tag-management-form .generalbox{
	background: #EFEBE0;
}
/*--- Left/Right Sideblocks ---*/

#left-column .sideblock, #right-column .sideblock{
    border: 1px solid #ccc;
	width: 210px;
	font-size: 1.2em;
}
div.header h2{
    	color: #333;
    	margin: 2px;
}
.sideblock .header, .sideblock h2 {
  	font-size:.95em;
	padding: 5px;
	border: 0;
}
#left-column li, #right-column li{
	line-height: 1.2em;
	margin: 0;
	 background:#f7f7f7;
}
.sideblock .content {
      background:#fff;
      border: 0;
      line-height:1.2em;
      font-size:.8em;
}
.sideblock .content a{
	line-height: 1.5em;
}
.sideblock .header {
    background: #fff url(columns_header_bg.jpg) repeat-x bottom;
    color: #333; 
    font-weight:bold; 
}
.sideblock .content *, .sideblock .content .message {
  	text-align:centre;
}
.sideblock .content h3,.sideblock .content h2 {
  	font-size:1.4em
}

/****** *Calendar *****/

#calendar .minicalendarblock{
	background: #f4f4f4;
}
.maincalendar .header{
      	background:#9a9a9a;
      	color:#fff;
}
#calendar .event_course,.minicalendar .event_course,.block_calendar_month .event_course {
  	border-color:#fff !important; /* #EEC2AC */
  	background:#fff;
}
.block_calendar_month .content {
     	background:#EBE4E4;
}
.maincalendar, .minicalendar{
    	background: #fff;
}
.sidecalendar .sideblock{
    	background:transparent;
	width:100%;
}
.sidecalendar .header{
       background:#9a9a9a;
}


/***
 *** RSS
 ***/

.block_rss_client .link{
	border-top: 1px solid #fff;
	padding-bottom: 5px;
	font-size: 0.9em;
}

/***
 *** Course
 ***/
 
#middle-column{
	font-size: .95em;
	padding: 0 10px;
}
body#course-view .headingblock {
	color:#FFFFFF !important;
	background:#00438B;
	display: block;
	margin:0 0 10px 0;
	padding:3px 5px;
	font-size: 1.5em;
	text-align: left;
	font-weight: normal;
}
.course-content .summary {
	line-height: 220%;
}
h1.summary, .summary h1{
    color:#000;
	background: #e1e1e1;
	font-weight: normal;
	margin:0 0 10px 0;
	padding:8px 0;
	font-size: 2em;
	text-align: left;
	line-height: 1.7em;
}
h2.summary, .summary h2{
    color: #000;
	font-weight: normal;
	padding: 5px  0;
	margin: 0 0 10px 0;
	font-size: 1.8em;
	text-align: left;
	line-height:1.6em;
}
h3.summary, .summary h3{
	font-size: 1.6em;
	font-weight: normal;
	color: #000;
	padding: 5px 0;
	margin: 0 0 10px 0;
	text-align: left;
	line-height: 1.5em;
}
h4.summary, .summary h4 {
	font-size: 1.4em;
	font-weight: normal;
	background: none;
	color: #000;
	padding: 5px 0;
	margin: 0 0 10px 0;
	line-height: 1.2em;
}
h5.summary, .summary h5{
	font-size: 1.2em;
	font-weight: bold;
	color:  #000;
	padding: 5px 0;
	margin: 0 0 10px 0;
}
h6.summary, .summary h6 {
	font-size: 1em;
	color:  #000;
	padding: 5px 0;
	margin: 0 0 10px 0;
}
body#course-view .topics {
	background: transparent;
	margin: 10px 0;
}
body#course-view .weekscss .current,
body#course-view .current td.side {
  	background: transparent;
}
body#course-view .weekscss .section, #course-view .section td.side {
	background:transparent;
}
body#course-view .section .activity {
	border-bottom:1px dashed #ccc;
	padding:0.5em 0;
}
body#course-view .section {
	line-height:1.2em;
}
body#course-view .section .left {
	display:none;
}
body#course-view .section td.content {
	border-left:0 none;
	border-right:0 none;
	border-top: 0 none;
	border-style:solid none;
	border-width:0 0 3px 0;
	padding:0 0 10px;
	border-color: #00438B;
}
body#course-view .section td.side{
	border-top: 0 none;
	border-right: 0 none;
	border-style: solid none;
	border-width: 0 0 3px 0;
	border-color: #00438B;
}
.name a{
	font-weight: bold;
}
.course .generalbox{
  	font-size:0.9em; 
} 
#movecourses{
	font-size: .9em;
}
#movecourses a{
	font-weight: bold;
}
.weeklydatetext {
  	font-size:0.8em;
  	font-weight:bold
}
.coursebox .info {
  	font-size:0.8em
}
.coursebox .teachers,
.coursebox .cost {
  	font-size:1em;
}
.coursebox .summary {
  	font-size:0.8em
}
#course-recent h2.main {
  	font-size:1.1em
}
.category {
     	border-bottom: 1px solid #27849a;
	padding: 2px 0; 	
}
.categorybox{
     	border: 1px solid #ccc; 
	background: #fff; 
	font-size: .9em; 
}
.userinfobox {
     	border: 1px solid #ccc;
}
.coursebox, .categoryboxcontent{     	
	border: 1px solid #ccc;
}
.coursebox .info{
	background: transparent; 
}
.coursebox{
	background: #EBE4E4; 
	border: 1px solid #999;
	line-height:  1.1em;
}
.coursebox a:link.dimmed,
.coursebox a:visited.dimmed
.coursebox a:hover.dimmed
.coursebox a:active.dimmed{
     	color: #ccc; 
}
.courseboxcontent{
     background: transparent;
}
.courseboxcontent .info{
    	background: #fff;
    	padding: 5px;
}
.courseboxcontent .summary{
   	 background: #fff;
    	padding: 5px;
}
.questioncategories, .questionbank{
	background: #EFEBE0;
	font-size: .9em;
	line-height: 1.4em;
}

/***
 *** Modules:Forum
 ***/

.forumpost{
	width:100%;
	background:#ddd;
}
.forumpost .content{
	background: #fff;
}
.forumpost,.forumheaderlist  {
  	font-size:0.8em;
}
.forumpost .topic .author {
  	font-size:0.9em;
}
.forumheaderlist .discussion .lastpost {
  	font-size:0.9em;
}
body#mod-forum-index .cell {
  	font-size:0.85em
}
.forumheaderlist .discussion .starter {
  	background:#EFEBE0;
}

/***
 *** Logs
 ***/

.logtable td,.logtable th {
  	padding: 10px; 
	font-size: .9em;
}

/***
 *** General 
 ***/

.subject {
     color: #333;
}
hr {
     border:0;
     border-top: 1px solid #00667D;
     height: 0;
     background:#00667D;
}
.clearfix{
	border: none;
}
.clearfix .fitemtitle{
	background: #fff;
}
.errorbox{
    	background: #666;
    	border: 1px solid #aaa;
    	padding: 5px;
}
.errorboxcontent{ 
     	background: #900;
     	color: #fff;
}
.notifyproblem{
     	color: #900;
     	background: transparent;
}
.paging {
  	font-size:0.8em
}
.section{
    	background: #fff;
}
.graph img{
    	border: 1px solid #ccc;
}
.name{
    	font-weight: bold;
    	color: #204164;
}
#intro{
    	font-weight: bold;
    	text-align:center;
}

.authsui{
	background: #fff;
	font-size: 1.1em;
	line-height: 1.4em;
}
/***
 *** Forms
 ***/ 

fieldset{
	border: 1px solid #ccc;
}
label{ 
	font-weight: bold;
       font-size: 1em;
	font-color: #333;
}
form.mform {
  	font-size: .8em;
}
.mform fieldset legend {
	color: #444444;
	font-size: 1.4em;
}
legend{ 
	font-weight: bold;
       font-size: 1em;
	color: #444444;
}

/*** ULCC Course Menu ***/

.block_course_menu .content li {
  background: #E8112D;
  border: 1px solid #DBD3D3;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 2px;
}

/***** custom/custom.css end *****/

/***** custom/ilp.css start *****/

/* Barnsley Specific */

#blocks-ilp-view table td { margin: 0px; padding: 0px; }

div.generalbox#ilp-target-overview th, div.generalbox#ilp-profile-attendance th {
     color: #fff;
     background: #9a9a9a;
}

td.attendance { width: 10px; }
td.attendance-green {width: 10px; background:#00984b; }
td.attendance-amber {width: 10px; background:#ff7e00; }
td.attendance-red {width: 10px; background:#ff0000; }

#ilp-student_info-overview input.student_info_edit {position:fixed; top:220px; right:120px; width:80px}

td.present, li.present {background-color: #BFFFBF}
td.authorised, li.authorised {background-color:#BFE4FF}
td.unauthorised, li.unauthorised {background-color:#FFBFBF}
td.late, li.late {background-color:#FFDFBF}
td.sick, li.sick {background-color:#FFFFBF}
th.start, th.end, th.day, th.room {text-align:center}
td.attendance, td.present, td.authorised, td.unauthorised, td.late, td.sick {text-align:center}
td.key, li.key {font-size:0.85em; margin:2px; padding:5px; text-align:left;}/***** custom/ilp.css end *****/

/***** custom/menubar.css start *****/

@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

div.menubar {
  background: #3d3d3d;
}

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

ul.dropdown {

 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 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: 1px;
 left: 99%;
}

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

/*------------------------------------------------------------------------------------------------------/
	@section	Style Framework  */


	/* First-level expected directory tag - li */

	ul.dropdown li {
	 padding: 3px;
	}

	ul.dropdown *.dir {
	 padding-right: 30px;
	 background-image: none;
	 background-position: 100% 50%;
	 background-repeat: no-repeat;
	}

		/* Non-first level */
		ul.dropdown ul *.dir {
		 padding-right: 15px;
		 background-image:  url(images/nav-arrow-right.png);
		 background-position: 100% 50%;
		 background-repeat: no-repeat;
		}

		ul.dropdown ul ul *.dir {
		 background-image:  url(images/nav-arrow-right2.png);
		}


	/* Components override */

	ul.dropdown-vertical *.dir {
	 background-image:  url(images/nav-arrow-right.png);
	}

	ul.dropdown-vertical-rtl *.dir {
	 padding-right: 15px;
	 background-image:  url(images/nav-arrow-left.png);
	 background-position: 0 50%;
	}



/*------------------------------------------------------------------------------------------------------/
	@section	Base Drop-Down Styling  */



	/* ALL LEVELS (incl. first) */

	ul.dropdown {
	 font: 15px/normal Arial, Helvetica, sans-serif;
	}

		ul.dropdown li {
		 background-color: #333;
		 color: #fff;
		}

		ul.dropdown li.hover,
		ul.dropdown li:hover {
		}

		/* Links */

		ul.dropdown a:link,
		ul.dropdown a:visited { color: #fff; text-decoration: none;}
		ul.dropdown a:hover {
		 border-top-color: #71BF44 !important;
		 border-left-color: #71BF44;
		 background-color: #71BF44;
		 color: #fff;
		}

		ul.dropdown ul a.dir:hover { /* proposal */
		 background-color: #71BF44;
		 background-image:  url(images/comnav-arrowon.png);
		 color: #fff;
		}

		ul.dropdown a:active {
		 background: ##71BF44 url(images/nav-sub-press.png) 0 0 repeat-x !important;
		 color: #fff;
		}


		/* NON-FIRST LEVEL */

		ul.dropdown ul {
		 left: auto;
		 right: 0;
		 width: auto;
		 margin-top: -1px;
		 border-top: 1px solid #1a1a1a;
		 border-left: solid 1px #4c4c4c;
		 font: bold 11px/1em Tahoma, Geneva, Verdana, sans-serif;
		}

			ul.dropdown ul li {
			 background-color: #3a3a3a;
			}

		ul.dropdown ul ul {
		 top: 0;
		 right: auto;
		 left: 100%;
		 margin-top: 0;
		 border-top: none;
		 border-left: none;
		 font-weight: normal;
		}

			ul.dropdown ul ul li {
			 background-color: #4c4c4c;
			}

		ul.dropdown ul ul ul li {
		 background-color: #71BF44;
		}



/* Mixed */

ul.dropdown li a,
ul.dropdown *.dir {
 border-style: solid;
 border-width: 1px;
 border-color: #404040 #1a1a1a #1a1a1a #505050;
}

ul.dropdown ul li a,
ul.dropdown ul *.dir { border-color: #4a4a4a #242424 #242424; border-left: none; }

ul.dropdown ul ul li a,
ul.dropdown ul ul *.dir { border-color: #595959 #333 #333; }

ul.dropdown ul ul ul li a,
ul.dropdown ul ul ul *.dir { border-color: #767676 #404040 #404040; }



/* Custom elements */

#n-left { width: auto; text-align: center; }
#n-left ul { right: auto; left: 0; width: 249px; text-align: left; }
#n-left ul ul { left: 249px; width: 150px; }
#n-left ul a { width: 232px; }
#n-left ul a.dir { width: 210px; }
#n-left ul ul a { width: 133px; }
#n-left ul ul a.dir { width: 111px; }
#n-left ul ul ul { left: 100%; }

#n-right { width: auto; text-align: center; }
#n-right ul { right: 0; left: auto; width: 249px; text-align: left; }
#n-right ul ul { left: 249px; width: 150px; }
#n-right ul a { width: 232px; }
#n-right ul a.dir { width: 210px; }
#n-right ul ul a { width: 133px; }
#n-right ul ul a.dir { width: 111px; }
#n-right ul ul ul { left: 100%; }

/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 5px 15px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Base Style Override
 */


ul.dropdown li {
 padding: 0;
}

ul.dropdown ul a,
ul.dropdown ul span { /* POI, proposal: override abstract a, span */
 padding: 8px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */


ul.dropdown *.dir { /* POI */
 padding: 5px 15px;
}

ul.dropdown ul *.dir {
 padding: 8px 30px 8px 8px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Custom Styles
 */


ul.dropdown ul a {
 width: 133px;
}

ul.dropdown ul a.dir {
 width: 111px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */


ul.dropdown *.open {
 background-color: #3d3d3d;
}
ul.dropdown ul *.open {
 background-color: #4c4c4c;
 background-image:  url(images/comnav-arrowover.png);
 color: #fff;
}
ul.dropdown ul ul *.open {
 background-color: #595959;
 background-image:  url(images/comnav-arrowover2.png);
 color: #fff;
}
/* Override UPPER TWO definitions */
ul.dropdown a.open:hover {
 background-color: #71BF44;
 color: #fff;
}
ul.dropdown ul a.open:hover {
 background-image:  url(images/comnav-arrowon.png);
 color: #fff;
}


/* Clone in CSS 2 */

ul.dropdown li:hover > *.dir {
 background-color: #3d3d3d;
}
ul.dropdown ul li:hover > *.dir {
 background-color: #4c4c4c;
 background-image:  url(images/comnav-arrowover.png);
}
ul.dropdown ul ul li:hover > *.dir {
 background-color: #595959;
 background-image:  url(images/comnav-arrowover2.png);
 color: #fff;
}

/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir:hover {
 background-color: #71BF44;
 color: #fff;
}
ul.dropdown ul li:hover > a.dir:hover {
 background-image:  url(images/comnav-arrowon.png);
 color: #fff;
}



/***** custom/menubar.css end *****/