/* CSS Document */


p {
	font-family:Gorgia, Geneva, sans-serif;
	font-size:100%;
  
}
H2 {
	font-size:120%;
}

.whatsnew {
	color:#F00;
	font-style:italic;
	
		   
}

ol li {
	padding:3px;
}

.label{
	float:left;
	display:block;
	width:250px;
	font-size:85%;
}

.value{
	font-size:85%;
}

img {
	border:none;
	
	
}
li a {
	text-decoration:none;
}

.applybox{
	border-style:solid;
	padding:2px;
	border-color:#CCC;
	display:block;
	width: 100%;
}



/*  For Site map styling  */
div h2 a {
	font-size:85%;
	text-decoration:none;
}

.sitemap,.sitemap-separator {
	font-size:80%;
	list-style:none;
	padding:3px;
}

.sitemap-separator{
	background-color:#36C;
	display:block;
	color:#FFF;
	width:210px;
	
}

.sitemap a:hover{
	text-decoration:underline;
}
/*  END Site map styling  */



/* Country Styling */


.countrycol{
	float:left;
	display:block;
	width:30%;
}

.country {
	
	list-style:none;
	padding:2px;
}

/*  End Country Styling */

/* Country Detail Styling */

.Country-details{
	text-align:center;
}

.Country-details .CountryListObs{
	text-align:left;
	display:block;
    margin-left:10px;
	

	
}


/*  start CDROM available  styling  */

.cdrom{
	list-style:none;
	float:left;
	display:block;
	padding:2px;
	font-size:95%;
	
	
}





.CdromByYearImage{

  float:left;
}

.CdromByYearHeader{
	text-align:center;		
}
.ImageContainer{
	text-align:center;
}


.CdromByYearObs{
	

	margin-left:700px;
	
	
	
}

/*  END CDROM available styling  */


/* institute styling */



.TableParticipatingInst a {
	text-decoration:none;
}

.institute-row{
	background-color:#FFFFCC;
}

.institute-col{
	font-size:14px;
	
}

/*  LIst of imo styling */

.table-imo{
	width:100%;
	margin-top:10px;
}

.table-imo .imo-header{
	background-color:#FFC;
	font-weight:bold;
	height:30px;
 
}

.table-imo tr{
	height:30px;
	
	
}

.table-imo tr td a{
	text-decoration:none;
	
}

.table-imo tr:hover{
	background-color:#FC6;	
}

.table-imo tr.closed-row:hover{
	background-color:#00D500;
}

.table-imo td,.table-imo th{
	border:1px solid #000;
	text-align:center;
	font-size:80%;
}

.GinCode{
	

	
	width:45px;	
	padding:2px;
}

.GinValue{
	
	width:150px;
	padding:2px;		
}





.ColorLegend{
	
	width:145px;	
	padding:2px;	
}


.notclosed-imo{
	
	font-weight:bolder;
}

.closed-imo{
	color:#008000;
	font-weight:bolder;
}

.ListedYears{
	width: 80px;
}


.republish{
 	color:red;
	font-weight:bolder;	
	
}

.publish{
 	color:blue;
	font-weight:bolder;	
	
}



.Years-Complete {
	font-family: Georgia, "Times New Roman", Times, serif;
	border: 1px solid #09F;
	visibility: hidden;

	position:absolute;
	width:70px;
	text-align:center;
	background-color:#FFC;
	
}

.Years {
	font-family: Georgia, "Times New Roman", Times, serif;
	
	visibility: visible;
    
	
	width:70px;

	text-align:center;

	
	

}

.Expand{
	text-decoration:none;

}
.YearsContainer{
	

	margin-left:30%;
}

/* Imo Details Styling */

#mainContent-imo {
	padding-left:5px;
	padding-bottom:5px;
	
}

#mainContent-imo {
	padding-left:5px;
	padding-bottom:5px;
	
}

#mainContent-imo .Imo-details .imo-label{
	display:block;
	width:160px;
	float:left;
	padding-bottom:5px;
	
}


#mainContent-imo .Imo-details .imo-label-description{
	display:block;
	/*width:80%;*/
	background-color:#FFF;
	margin-left:160px;
	padding-bottom:5px;
	
	
}


/*  List of Obs Photos --------------- */

.PhotoCol{
	display:block;
	float:left;
	width:40%;
	
}
.PhotoCol ul{
	list-style:none;
	font-size:80%;
  
	
}


/* ------------ Production Table Styling  */

.ProductionTable td, .ProductionTable, .ProductionTable th{
	border: 1px solid #000;	
	padding:1px;
	margin-top:5px;
}

.ProductionTable tr:hover{
	background-color:#FC6;
}

.Production-header{
	background-color:#FF9;
	
}

tr.Production-closed:hover{
	background-color:#00D500;
	
}

/* Contact info styling  */

.ContactHeader{
	text-align:center;
}

.ContactImageContainer{
	display:block;
	height:50px;
}
.ContactAddress, .ContactTel, .ContactFax, .ContactEmail{
	float:left;	
	display:block;
	font-size:80%;
	width:24%;
}

.ContactAddress p, .ContactTel p, .ContactFax p, .ContactEmail p{

    padding:10px;
	font-size:90%;

}


/* Styling for Committee  structure */

.OperationStucture{
	text-align:center;
	width:100%;
}

.OpChairman,.OpSecretary{
	
	margin-bottom:10px;
	
}

.OperationTypeContainer{
	background-color:#DBDB95;
	margin-bottom:5px;
	width:19%;
	float:left;
	font-size:95%;
	min-height:200px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
}

.OperationTypeContainer .OperationType{
	margin-bottom:10px;
	min-height:40px;
}

.OperationTypeContainer .OperationMembers{
	text-align:left;
	padding-left:10px;
}
/* List of OBs for specific Year on cdrom */

.obscol{
	float:left;
}

.obscol ul{
	list-style:none;	
}

.obscol ul li{
	padding:1px;
	font-size:80%;
}

/* Download apps */

#mainContent table b {
	font-size:90%;
}

/* Yearbooks styling */

.YearbooksPlaceholder{
	
	min-width:730px;

  
}

.YearbooksContainer{
	
	font-size:90%;
	
	min-height:130px;
	float:left;
	margin-right:2em;
	
}

.YearbooksContainer a{
	text-decoration:none;
}

/* ALIGNMENT UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE D'ALIGNEMENT */
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
.alignLeft {
	text-align: left;
}
.alignTop {
	vertical-align: top;
}
.alignBottom {
	vertical-align: bottom;
}
.alignTopRight {
	text-align: right;
	vertical-align: top;
}
.alignTopCenter {
	text-align: center;
	vertical-align: top;
}
.alignTopLeft {
	text-align: left;
	vertical-align: top;
}
.alignBottomRight {
	text-align: right;
	vertical-align: bottom;
}
.alignBottomCenter {
	text-align: center;
	vertical-align: bottom;
}
.alignBottomLeft {
	text-align: left;
	vertical-align: bottom;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.image-left { 
	float: left;
	vertical-align: text-top;
}
.image-right {
	float: right;
	vertical-align: text-top;
	margin-left: 10px;
}
.indent1 {
	padding-left: 18px;
}
.indent2 {
	padding-left: 36px;
}
.indent3 {
	padding-left: 54px;
}
.indent4 {
	padding-left: 72px;
}
.indent5 {
	padding-left: 90px;
}
/* ALIGNMENT UTILITY CSS ENDS | FIN DU CSS D'UTILITE D'ALIGNEMENT */

/* LIST UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE DE LISTE */
ul.noBullet {
	list-style-type: none;
}
ul.disc {
	list-style-type: disc;
}
ul.square {
	list-style-type: square;
}
ul.circle {
	list-style-type: circle;
}
ol.lower-alpha {
	list-style-type: lower-alpha;
}
ol.upper-alpha {
	list-style-type: upper-alpha;
}
ol.lower-roman {
	list-style-type: lower-roman;
}
ol.upper-roman {
	list-style-type: upper-roman;
}
/* LIST UTILITY CSS ENDS | FIN DU CSS D'UTILITE DE LISTE */

/* TEXT UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE DE TEXTE */
.noWrap {
	white-space: nowrap;
}
.doubleLineSpace {
	line-height: 24.0pt;
}
.uppercase {
	text-transform: uppercase;
}
.lowercase {
	text-transform: lowercase;
}
.black {
	color: #000000;
	background-color: transparent;
}
.white {
	color: #FFFFFF;
	background-color: transparent;
}
.red {
	color: #FF0000;
	background-color: transparent;
}
.blue {
	color: #0000FF;
	background-color: transparent;
}
.green {
	color: #009933;
	background-color: transparent;
}
.grey {
	color: #999999;
	background-color: transparent;
}
.deepyellow {
	color: #FFCC33;
	background-color: transparent;
}
.blackBG {
	background-color: #000000;
}
.whiteBG {
	background-color: #FFFFFF;
}
.redBG {
	background-color: #FF0000;
}
.blueBG {
	background-color: #0000FF;
}
.greenBG {
	background-color: #009933;
}
.lightgreyBG {
	background-color: #CCCCCC;
}
.deepyellowBG {
	background-color: #FFCC33;
}
div.highlight, p.highlight {
	border: 1px solid #030;
	background-color: #9F9;
	padding: 5px;
}

/* TEXT UTILITY CSS ENDS | DEBUT DU CSS D'UTILITE DE TEXTE */