a.tableIcon img {
    border-style: none;
}

td.cell {
    padding       : 2px 0px 12px 3px;
    margin        : 0px;
    border-bottom : 1px solid #b8b8b8;
    border-right  : 1px solid #b8b8b8;
    font-size     : 11px;
    font-family: verdana, arial, helvetica, sans-serif;
    line-height: 12px;
    word-wrap:break-word
}

td.subHeadingCell {
    padding       : 2px 0px 2px 3px;
    margin        : 0px;
    border-bottom : 1px solid #b8b8b8;
    border-right  : 1px solid #b8b8b8;
    font-size     : 11px;
    font-weight: bold;
    font-family: verdana, arial, helvetica, sans-serif;
    line-height: 12px;
    border: 0;
}

.subHeading {
    font-size     : 11px;
    font-weight: bold;
    font-family: verdana, arial, helvetica, sans-serif;
}

th.first {
   border-left  : 1px solid #b8b8b8;
}

th.tableCellHeader {
   padding          : 2px 0px 2px 3px;
   text-align       : left;
   font-size        : 13px;
   border-top       : 1px solid #b8b8b8;
   border-right     : 1px solid #b8b8b8;
   background-color : white;
}

/*********************************************************************
     Scrollable table
*********************************************************************/

div.scrollableTable {
	overflow: auto;
	width: 100%;		/* table width will be 99% of this*/
	margin: 0 auto;
	position: relative;
	}

table.scrollableTable {
	width: 700px;		/* table width will be 99% of this*/
	border: 0!important;
	background-color: white;
        border: 0;
	}

div.scrollableTable thead tr	{
	position:relative;
	top: expression(offsetParent.scrollTop); /*IE5+ only*/
	left:0px;
	}

div.scrollableTable thead td, thead th {
	text-align: center;
	font-size: 11px;
	color: white;
	font-weight: bold;
	border-top: solid 0 #d8d8d8;
		word-wrap:break-word
}

td.scrollableTable {
	color: #000;
	padding-right: 2px;
	font-size: 11px;
	text-align: left;
	border-bottom: solid 0 #d8d8d8;
	border-left: solid 0 #d8d8d8;
	word-wrap:break-word;
        border: 0;
	}

div.scrollableTable td:last-child {padding-right: 20px;} /*prevent Mozilla scrollbar from hiding cell content*/

div.scrollableTableSize {
	height: 350px; 	/* must be greater than tbody*/
}
html>/**/body div.scrollableTable table>tbody	{  /* child selector syntax which IE6 and older do not support*/
	overflow: auto;
	overflow-x: hidden;
	}

html>/**/body div.scrollableTable table>tbody.scrollableTableSize	{  /* child selector syntax which IE6 and older do not support*/
	height: 305px;
	}

/*********************************************************************
     Other e-portfolio styles
*********************************************************************/

div.eportfolio-comment {
    background: white;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
}

div.bordered-help {
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
}

div.currentPortfolio {
    border: solid #333333 1px;
    padding:15px;
    background-color:#dddddd
}

h1.eportfolio {
	font-size: 16px;
	font-weight: bold;
}

h2.eportfolio {
	font-size: 14px;
	font-weight: bold;
}

.eportfolio {
	font-size: 11px;
	font-weight: normal;
	vertical-align:top;
}

/* used for import portlet success message */
.eportfolio-success-msg {
	font-size: 11px;
	font-weight: normal;
	background:#1FB25A;
	color:white;
   padding : 2px 0px 2px 3px;
}

.eportfolio-error {
	font-size: 11px;
	font-weight: bold;
	color: red;
}

td.eportfolio {
	font-size: 11px;
	font-weight: normal;
}

td.eportfolio-large {
	font-size: 13px;
	font-weight: normal;
}

.additionalInfo {
	text-decoration: underline;
	color: #0000CC;
}

div.eportfolio-pleaseWaitMsg {
	font-size: 11px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.elementsAccordion {
    margin-top:6px;
    border-top-width:0;
    border-top-style:solid
}

div.messageBlock {
    width:60%;
    border: solid #333333 0px;
    background-color:white;
    padding:15px;
    margin-bottom:15px;
    margin-top:5px
}

/**********************************************************************************
  competencies mapping panel
**********************************************************************************/

span.catHeader {
   font-weight : bold;
   font-size   : 11px;
   color       : #5b5b5b;
   margin-left : 8px;
   margin-top  : 12px;
   display     : block;
}

.listBox {
   padding-top      : 5px;
   padding-bottom   : 5px;
   background-color : #ffffff;
   border           : 1px solid #8b8b8b;
   width            : 420px;
   height           : 200px;
   overflow         : auto;
}

span.nameSpan {
   font-family  : Verdana;
   font-size    : 11px;
   margin-bottom: 5px;
   border-bottom: 1px #333333 solid;
}

span.nameSpan {
   font-family  : Verdana;
   font-size    : 11px;
   padding-bottom: 5px;
   border-bottom: 1px #EEEEEE solid;
}

span.heading0 {
    background-color:#FFFF99;
    font-weight:bold;
    font-size:14px;
}

span.heading1 {
    background-color:#EEEEEE;
    font-weight:bold;
}

div.sourceBox {
    display:inline;
    margin-left:16px;
    margin-bottom:8px;
    float:left;
}

div.targetBox {
    margin-bottom:8px;
    float:left;
}

button.img {
    border:0;
    background:transparent;
}

/**********************************************************************************
    Unit selection panel
**********************************************************************************/
table.eportfolio-selectedUnit {
	border: solid #333333 1px;
}

td.eportfolio-unitHeader {
	font-size: 14px;
	font-weight: bold;
	background-color: white;
	border-bottom: solid #333333 1px;
	padding:5px 5px 5px 5px ;
}

td.eportfolio-unitDescriptionToggle {
	font-size: 11px;
	background-color: white;
	border-bottom: solid #333333 1px;
	padding:5px 5px 5px 5px ;
}

td.eportfolio-unitDescription {
	font-size: 11px;
	background-color: #FFFFFF;
	padding:5px 5px 5px 5px ;
}

/**********************************************************************************
    AAT Forms - General - styles which should be in the main css
**********************************************************************************/

.portlet-form-value-field {
 	font-size: 11px;
}

/* for menu bar */
.menuBox {
   color            : white;
   font-size        : 11px;
   padding-top      : 6px;
   padding-bottom   : 6px;
   margin-top       : 6px;
}

.leftPadding {
   padding-left  : 7px;
   padding-right : 10px;
}

a.menuLink:visited, a.menuLink:link {
   color: white !important;
}

a.menuLink:hover {
   color: #CCCCCC !important;
}

.menuLink {
  margin-right : 25px;
  text-decoration: underline !important;
}