/* START COMMON ELEMENTS */
body {
	background-color: #FFFFFF;
	margin: 0em;
	padding: 0em;
	font-family: 'arial', verdana, geneva, helvetica, san-serif;
	font-size: 9pt;
	color: #000000;
	/*clear: both;*/
}
img {
	border: 0px;
}
form {
	margin: 0em;
 	display: inline;
}
fieldset, legend {
	margin: 0em;
	padding: 0;
	border: 0;
}
* { ?
	padding: 0;
	margin: 0;
}
.hidden	{
	display: none;
}
/*br {
	clear: both;
 }*/
.arrow {
	height: 1.29em; /* original size 14px */
	width: 1.29em; /* original size 14px */
}

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* END COMMON ELEMENTS */



/* START CONTENT HOLDER */
#content_holder {
	/*width: 850px;*/
	width: 98%;
	border-left: 5px solid #666666;
	border-right: 1px dashed #666666;
	/*clear: both;*/
}
/* END CONTENT HOLDER */

/* HACK TO STOP IE FLOAT DROP BUG */
/* hide from MacIE \*/ 
* html #hollyhack { 
	height: 1%; 
	} 
/* end hide */


/* START PAGE DISPLAY */
#page_display {
	width: 47.6em;
	/*clear: left;*/
	padding-top: 0.8em;
	
}
/* START PAGE DISPLAY */

.page_container {
	padding-top: 0em;
}


/* START SURROUNDING GRAY BAR */
#top_links {
	font-size: 100%;
	background-color: #666666;
	width: 100%;
	color: #FFFFFF;
	height: 1.6em;
	padding-right: 15%;
	voice-family: "\"}\""; 
	voice-family: inherit;
  	width: 85%;
}
#bottom_links {
	background-color: #666666;
	width: 100%;
	color: #FFFFFF;
	height: 1.4em;
	clear: both;
	padding-right: 15%;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 85%;
}
#bottom_links_align {
	line-height: 100%;
	padding-right: 1.2em;
}
.grey_bar_elements {
	float: right;
	background-color: transparent;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	vertical-align:top;
	line-height: 0.8em;
}
ul.grey_bar_elements {
	position: relative;
	top: 0.37em;
}
.grey_bar_elements li {
	position: relative;
	font-size: 8pt;
	list-style: none;
	margin-left: 0.6em;
	text-decoration: none;
	display: inline;
	padding: 0;
}

/* END SURROUNDING GRAY BAR */

/* START SEARCH BOX */
#grey_bar_form {
	margin-left: 0.6em;
	width: 12.55em;
}
#grey_bar_form div {
	position: relative;
	top: 0.5em;
	font-size: 0.7em;
	vertical-align: top;
	display: inline;
	padding: 0;
}
div #searchform_field {
	position: relative;
	top: -0.4em;
 	padding: 0;
	margin: 0;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin-left: 0.3em;
}
#searchform_field {
	font-size: 90%;
	color: #666666;
	background-color: #ffffff;
	width: 12em;
	border: 1px solid #666666;
	padding: 0;
	margin: 0;
	vertical-align: top;
}
#searchform_submit {
	font-size: 100%;
	position: relative;
	margin-left: 0.1em;
	vertical-align: top;
	height: 1.29em; /* original size 14px */
	width: 1.29em; /* original size 14px */
}
/* END SEARCH BOX */

/* START TOP RIGHT LOGO */
#top_logo_afrilib {
	float: right;
	padding-left: 30px;
	padding-top: 4px;
}
/* END TOP RIGHT LOGO */


/* START TOP ROUNDED CORNER, LOGO AND BANNER */
#top_logo_bar {
	width: 46.7em;
}
#top_logo_bar_corner {
	float: left;
	background-image: url(../images/cont_topbar_corner.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 24px;
	width: 23px;
}
#top_logo_holder {
	/*float: left;*/
	padding-top: 1.1em;
	padding-bottom:7px
}


/* GENERIC PORTLET STYLES */



.heightfix {

    height: 8.1em;

    margin-top: -6px; 

    margin-bottom: -9px;

    voice-family: "\"}\"";

    voice-family: inherit;

    margin-top: -6px; 

    margin-bottom: -7px;

}



/*.portlet_padding {

    padding: 0.2em;

    padding-top: 0.5em;

    clear: both;

    voice-family: "\"}\"";

    voice-family: inherit;

    /*padding: 0.37em;*/

    padding: 0.4em;

    padding-right: 0.41em*/

}

.contentBoxInstance {

    /*height: 9.6em;*/

    /*background-repeat: no-repeat;*/

    /*voice-family: "\"}\"";

    voice-family: inherit;*/

    /*height: 8.9em;

    min-height: 8.9em;*/

}



/*.smallContentBoxInstance {

    height: 11em !important;

    padding: 0.5em;

    voice-family: "\"}\"";

    voice-family: inherit;

    height: 9.8em !important;

    min-height: 9.8em !important;

  

}*/

html>body .smallContentBoxInstance {

	height: auto;

	

}

.image_content_box {

    padding: 0.5em;

}



.content_box {

    font-size: 9pt;

    color: #FFFFFF;

}


#yellowbox {
	background: rgb(248, 244, 213);
}

#infobox {
	background: rgb(190, 244, 150);
}

#errorbox {
	background: rgb(250, 113, 103);
}



.main_content_smallbox_holder {

    margin: 0px;

    padding: 0px;

    background-color: #990033;  /* chrome background colour */

    width: 200px; /* width control of the chrome for IE5.5- */

}


.main_content_bigbox_holder {


    margin: 0px;

    padding: 0px;

    background-color: #990033;  /* chrome background colour */

    width: 100%; /* width control of the chrome for IE5.5- */


}


.main_content_smallbox_middle {

    width: 100%;

    font-size: 100%;

}


.main_content_bigbox_middle {

    width: 100%;
    font-size: 100%;

}



.main_content_smallbox_content {

    padding-right: 10px;

    padding-left: 10px;

    /*min-height: 7.5em;*/

}



.main_content_bigbox_content {

    padding-right: 1px;
    padding-left: 1px;
    border-right: 1px solid #969696;
    border-left: 1px solid #969696;
    

}


.main_content_smallbox_top {

    height: 6px;
    font-size: 1px;

}



.main_content_bigbox_top {

    height: 6px;
		background: url(../images/midgrey.gif) repeat-x;
    font-size: 1px;

}



.main_content_smallbox_top_l {

    background-image: url(../images/main_content_small4_t1.gif);

    background-repeat: no-repeat;

    background-position: left top;

    width: 6px;

    height: 6px;

    float: left;

    position: relative;

}

.main_content_smallbox_top_r {

    background-image: url(../images/main_content_small4_t2.gif);

    background-repeat: no-repeat;

    background-position: right top;

    width: 6px;

    height: 6px;

    position: relative;

    float: right;

}

.main_content_bigbox_bottom {

    height: 6px;
		background: url(../images/midgrey.gif) bottom left repeat-x;
    font-size: 1px;

}


.main_content_smallbox_bottom {

    height: 6px;

    font-size: 1px;

}


.main_content_smallbox_bottom_l {

    background-image: url(../images/main_content_small4_b1.gif);

    background-repeat: no-repeat;

    background-position: left bottom;

    width: 6px;

    height: 6px;

    float: left;

    position: relative;

}

.main_content_smallbox_bottom_r {

    background-image: url(../images/main_content_small4_b2.gif);

    background-repeat: no-repeat;

    background-position: right bottom;

    width: 6px;

    height: 6px;

    position: relative;

    float: right;

}

/* END GENERIC PORTLET STYLES */

















/* OTHER STUFF */

p
{
    margin-left:        0px;
    margin-right:       6px;
    margin-top:         6px;
    margin-bottom:      12px;
}

hr
{
	color:				#94B8CF;
	height:				1px;
	width:				100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

tip, .tip{
	font-family: arial, helvetica, sans-serif;
	font-size:   7pt;
}

.ptext {
	font-family: Arial, Helvetica, sans-serif;
	font-size:   small;
}

/**** heading styles **********************************************************/

h1, .h1
{
    font-family:        arial, helvetica, sans-serif;
    font-size:          14pt;
    font-weight:        bold;
    color:              #000000;
    margin-top:         0px;
    margin-bottom:      7px;
}

h2, .h2
{
    font-family:        arial, helvetica, sans-serif;
    font-size:          14pt;
    font-weight:        bold;
    color:              #B1B2B3;
    margin-top:         6px;
    margin-bottom:      15px;
}

h3, .h3
{
    font-family:        arial, helvetica, sans-serif;
    font-size:          12pt;
    font-weight:        bold;
    color:              #4C5C92;
    margin-top:         6px;
    margin-bottom:      0px;
}

/* Used when displaying the details of a record */
.tableheading {
	font-family:        arial, helvetica, sans-serif;
	font-size:			10px;
	/*font-weight:		bold;*/
}


.tableheadingprint {
	font-family:        arial, helvetica, sans-serif;
	font-size:			16px;
	font-weight:		bold;
}

.headingprint {
	font-family:        arial, helvetica, sans-serif;
	font-size:			22px;
	font-weight:		bold;
}

.tablefooter {
	font-family:        arial, helvetica, sans-serif;
	font-size:			10px;
	text-align:				right;
}

/**** link and navigation styles **********************************************/

.content_box a:link,
.content_box a:visited,
.grey_bar_elements a:link,
.grey_bar_elements a:visited
{
	color:            #fff;
	text-decoration:	none;
}

.content_box a:hover,
.grey_bar_elements a:hover
{
	color:            #fff;
	text-decoration:	underline;
}


.resultsRow a:link,
.resultsRow a:visited
{
	color:      #9F7609;      /*#AF6815;*/
	text-decoration:	none;
}

.resultsRow a:hover
{
	color:            #CFAE19;
	text-decoration:	underline;
}


a,
a:link
{
    color:   #A4940D;
	text-decoration:	none;
}

a:visited
{
    color:   #A4940D;
	text-decoration:	none;
}

a:hover,
a:active
{
		text-decoration: underline;
    color:   #8C7C3C;

}
/********************* Forms ***********************************************/

form 
{
	margin-top: 0;  /* Get stupid IE to stop putting extra padding */
	margin-bottom: 0;  /* Get stupid IE to stop putting extra padding  */
}

select,
option,
textarea,
input,
{
    font-family:        verdana, arial, helvetica, sans-serif;
    font-size:          10pt;
}

.citeg
{
	font-family:        verdana, arial, helvetica, sans-serif;
    font-size:          10pt;
	border:             1px solid #7F9DB9;
}


/*textarea
{
    border:             1px solid #666666;
    font-family:        verdana, arial, helvetica, sans-serif;
    font-size:          small;
    background: #FFFFFF URL(_images/input_text_bg.gif) repeat-x;
}*/

.textfield {  /* need this because evil IE has serious problems with class attributes*/
    border:             1px solid #666666;
    padding:            2px 2px 2px 2px; /* TOP RIGHT BOTTOM LEFT */
    /*font-family:        verdana, arial, helvetica, sans-serif;*/
    /*font-size:          small;*/
    background: #FFFFFF URL(_images/input_text_bg.gif) repeat-x;
	width: 				100px;
	height:				20px;
}


/****   menus   *******************************************************/

.menuBody {
		border-top: 1px solid #94B8CF;
		border-left: 1px solid #94B8CF;
		border-right: 1px solid #94B8CF;
		border-bottom: 1px solid #94B8CF;
		background-color: #F3F8FC;
		padding-top: 2px; 
		padding-bottom: 2px;
	}
	

.menuSelectedItem {
	background-color: #DAC97E;
	background-image: URL(_images/menu/menu_sel_bg.gif);
	border-top: 1px solid #FEF2B7;
	border-bottom: 1px solid #C7A401;

	padding-top: 2px; 
	padding-bottom: 2px;

}

.menuItem {
	background-color: #F3F8FC;
	background-image: URL(_images/menu/menu_bg.gif);
	/*border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #DDDDDD;*/

	padding-top: 2px; 
	padding-bottom: 2px;
	
	font-size:			10px;

}

/*.menuTable {

	background-color: #F3F8FC;
	background-image: URL(_images/menu/menu_bg.gif);
	border: 1px solid #EFEFEF;
	padding-top: 2px; 
	padding-bottom: 2px;

}*/

th,
.menuTitle{
	font-family:        arial, helvetica, sans-serif;
	font-weight:		bold;
	font-size:			12px;
	color:				#FFFFFF;
}


.resultsRow{
	
	border-top: 1px solid #E5DE9D;
	padding-top: 4px; 
	padding-bottom: 4px;
	padding-right: 8px;
	
	font-size:			9pt;
}


.resultsRow1{
	
	padding-top: 4px; 
	padding-bottom: 4px;
	padding-right: 8px;
	font-size:			10px;
	background: #FAF8E2
}



.resultsRow2{
	
	padding-top: 4px; 
	padding-bottom: 4px;
	padding-right: 8px;
	font-size:			10px;
	background: #F8F4D5
}


.printable{
	font-size: 12px;
	background: #fff;
	border-color: #000;
}


.admintable{
	
	border-top: 1px solid #BDB944;
	padding: 15px 15px 15px 15px; 
	background-color: #F9F8E0;
}


.resultsRowPrint{
	
	border-top: 1px solid #C5DAE7;
	padding-top: 2px; 
	padding-bottom: 2px;

}

.tinted{
	background: #E6F1F8;
}

.error {
	color: #AE1010;
}

.icon {
	margin-right: 10px;
	vertical-align: middle;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#ErrorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}