/* ============================================================================================	*/
/* ============================= COLOR CODES USED ARE LISTED BELOW ============================ */
/* ============================================================================================ */
/* Dark Green  	color used for Group  				= #006633 			*/
/* Light Green  color used for active subnevmenu		= #23913C			*/
/* Orange 	color used for Business Banking 		= #FF801F 			*/
/* Blue 	color used for Personal Banking 		= #0892ED 			*/
/* Purple 	color used for Private Banking 			= #6D009F 			*/
/* Pink 	color used for Financial Institutions 		= #9F0055 			*/
/* Gray 	color used for Body Text and Other Normal Text	= #9F0055			*/
/* ============================================================================================ */
/* ============================= COLOR CODE USED ARE LISTED ABOVE ============================= */
/* ============================================================================================ */

@font-face {
	font-family: "MyriadPro-Light";
	src: 	url('../fonts/MyriadPro-Light.otf') format("opentype"),
		url('../fonts/MyriadWebPro.ttf') format("truetype");
	}
	
@font-face {
	font-family: "MyriadPro-Regular";
	src: 	url('../fonts/MyriadPro-Regular.otf') format("opentype"),
		url('../fonts/MyriadWebPro.ttf') format("truetype");
}

@font-face {
	font-family: "MyriadPro-Bold";
	src: 	url('../fonts/MyriadPro-Bold.otf') format("opentype"),
		url('../fonts/MyriadWebPro-Bold.ttf') format("truetype");
}
	
@font-face {
	font-family: "MyriadPro-Italic";
	src: 	url('../fonts/MyriadPro-It.otf') format("opentype"),
		url('../fonts/MyriadWebPro-Italic.ttf') format("truetype");
}

h5 {
	font-family: "MyriadPro-Regular";
	padding-top: 0px;
	font-size: 12px;
	color: #23913C;
	text-align: left;
	vertical-align: top;
}

.notice-details {
	font-family: "MyriadPro-Light";
	padding-top: 0px;
	font-size: 11px;
	color: #666666;
	text-align: left;
	vertical-align: top;
}

a.notice-link {
	font-family: "MyriadPro-Light";
	padding-top: 0px;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
}

a.notice-link:hover {
	font-family: "MyriadPro-Light";
	padding-top: 0px;
	font-size: 11px;
	color: #006633;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
}


 
h3 {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	padding-top: 0px;
	font-size: 13px;
	color: #23913C;
	text-align: left;
	vertical-align: middle;
}

td.HBZtitle {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding-top: 35px;
	padding-left: 20px;
	font-size: 13px;
	color: #006633;
	font-style: normal;
}

td.HCBtitle {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding-top: 35px;
	padding-left: 20px;
	font-size: 11px;
	color: #006633;
	font-style: normal;
}

font.HBZtitle {
	font-size: 25px; 
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	color: #006633;
}

font.HCBtitle {
	font-size: 28px; 
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	color: #006633;
}

td.vline-left {
	background-image: url('leftVerticalLine.jpg');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

td.vline-right {
	background-image: url('rightVerticalLine.jpg');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

td.blank {
	font-family: "MyriadPro-Light";
	text-align: left;
	color: #006633;
	background-color: #FFFFFF;
}

div.searchbar {
	padding: 0px;
	height: 18px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	text-align: center;
	color: #006633;
}

div.FXbuttonBorder {
	width: 214px;
	height: 30px;
	padding-top: 7px;
	padding-bottom: 8px;
	padding-left: 10px;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
}

div.FXbutton {
	padding-top: 4px;
	padding-right: 5px;
	width: 190px;
	height: 16px;
	color: #FFFFFF;
	background-image: url('buttons/FXbuttonBackground.png');
	background-repeat: repeat-x;
	background-color: #FEFEFE;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em; 
	-moz-border-top-left-radius: .5em;
	-moz-border-top-right-radius: .5em;
	-moz-border-bottom-left-radius: .5em;
	-moz-border-bottom-right-radius: .5em; 
	-webkit-border-top-left-radius: .5em;
	-webkit-border-top-right-radius: .5em;
	-webkit-border-bottom-left-radius: .5em;
	-webkit-border-bottom-right-radius: .5em; 
	font-family: "MyriadPro-Bold";
	font-weight: bold;
	font-style: normal;
	font-size: 11px; 
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
}

div.buttons {
	border: 1px; 
	border-color: #CCCCCC;
	padding-top: 6px;
	padding-right: 5px;
	padding-left: 5px;
	width: 196px;
	height: 16px;
	border-style: solid;
	color: #006633;
	background-image: url('buttons/buttonBackground.jpg');
	background-repeat: repeat-x;
	background-color: #F7F7F7;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	font-family: "MyriadPro-Bold";
	font-weight: normal;
	font-style: normal;
	font-size: 11px; 
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
}

div.buttonsDualLeft {
	margin-right: 1px;
	border: 1px; 
	border-color: #CCCCCC;
	padding-top: 6px;
	padding-right: 7px;
	padding-left: 7px;
	width: 89px;
	height: 16px;
	border-style: solid;
	color: #006633;
	background-image: url('buttons/buttonBackground.jpg');
	background-repeat: repeat-x;
	background-color: #F7F7F7;
	border-top-left-radius: .5em;
	border-top-right-radius: 0em;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: 0em; 
	-moz-border-top-left-radius: .5em;
	-moz-border-top-right-radius: 0em;
	-moz-border-bottom-left-radius: .5em;
	-moz-border-bottom-right-radius: 0em; 
	-webkit-border-top-left-radius: .5em;
	-webkit-border-top-right-radius: 0em;
	-webkit-border-bottom-left-radius: .5em;
	-webkit-border-bottom-right-radius: 0em; 
	font-family: "MyriadPro-Bold";
	font-weight: normal;
	font-style: normal;
	font-size: 11px; 
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
}

div.buttonsDualRight {
	margin-left: 1px;
	border: 1px; 
	border-color: #CCCCCC;
	padding-top: 6px;
	padding-right: 7px;
	padding-left: 7px;
	width: 89px;
	height: 16px;
	border-style: solid;
	color: #006633;
	background-image: url('buttons/buttonBackground.jpg');
	background-repeat: repeat-x;
	background-color: #F7F7F7;
	border-top-left-radius: 0em;
	border-top-right-radius: .5em;
	border-bottom-left-radius: 0em;
	border-bottom-right-radius: .5em; 
	-moz-border-top-left-radius: 0em;
	-moz-border-top-right-radius: .5em;
	-moz-border-bottom-left-radius: 0em;
	-moz-border-bottom-right-radius: .5em; 
	-webkit-border-top-left-radius: 0em;
	-webkit-border-top-right-radius: .5em;
	-webkit-border-bottom-left-radius: 0em;
	-webkit-border-bottom-right-radius: .5em; 
	font-family: "MyriadPro-Bold";
	font-weight: normal;
	font-style: normal;
	font-size: 11px; 
	vertical-align: middle;
	text-align: right;
	text-decoration: none;
}

button {
	border: 1px; 
	border-color: #CCCCCC;
	padding-top: 6px;
	padding-right: 7px;
	padding-left: 7px;
	/* 
	width: 198px;
	height: 16px;
	*/
	border-style: solid;
	color: #006633;
	background-image: url('buttons/buttonBackground.jpg');
	background-repeat: repeat-x;
	background-color: #F7F7F7;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em; 
	-moz-border-top-left-radius: .5em;
	-moz-border-top-right-radius: .5em;
	-moz-border-bottom-left-radius: .5em;
	-moz-border-bottom-right-radius: .5em; 
	-webkit-border-top-left-radius: .5em;
	-webkit-border-top-right-radius: .5em;
	-webkit-border-bottom-left-radius: .5em;
	-webkit-border-bottom-right-radius: .5em; 
	font-family: "MyriadPro-Bold";
	font-weight: normal;
	font-style: normal;
	font-size: 11px; 
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
}

input.search {
	height:18px;
	width:190px;
	padding-top:3px;
	padding-left:20px;
	border:1px solid #EFEFEF;
	color:#444444;
	vertical-align: middle;
	background: url('icons/search-icon.png');
	background-repeat: no-repeat;
	background-position: 3px 6px;
	background-color: #FFFFFF;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em; 
	-moz-border-top-left-radius: .5em;
	-moz-border-top-right-radius: .5em;
	-moz-border-bottom-left-radius: .5em;
	-moz-border-bottom-right-radius: .5em; 
	-webkit-border-top-left-radius: .5em;
	-webkit-border-top-right-radius: .5em;
	-webkit-border-bottom-left-radius: .5em;
	-webkit-border-bottom-right-radius: .5em; 
}

input.go {
	height:20px;
	width:23px;
	padding-top:4px;
	padding-left:4px;
	color: #444444;
	border:1px solid #666666;
	background-image: url('buttons/buttonBackground.jpg');
	background-repeat: repeat-x;
	background-color: #EFEFEF;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em; 
	-moz-border-top-left-radius: .5em;
	-moz-border-top-right-radius: .5em;
	-moz-border-bottom-left-radius: .5em;
	-moz-border-bottom-right-radius: .5em; 
	-webkit-border-top-left-radius: .5em;
	-webkit-border-top-right-radius: .5em;
	-webkit-border-bottom-left-radius: .5em;
	-webkit-border-bottom-right-radius: .5em; 
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 11px; 
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

select.buttons {
	border: 1px; 
	border-color: #CCCCCC;
	/* padding: 5px; */
	padding-left: 5px;
	padding-right: 5px;
	padding-top:3px;
	padding-bottom: 5px;
	width: 214px;
	height: 25px;
	border-style: solid;
	color: #006633;
	background-image: url('buttons/buttonBackground.jpg');
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em; 
	-moz-border-top-left-radius: .5em;
	-moz-border-top-right-radius: .5em;
	-moz-border-bottom-left-radius: .5em;
	-moz-border-bottom-right-radius: .5em; 
	-webkit-border-top-left-radius: .5em;
	-webkit-border-top-right-radius: .5em;
	-webkit-border-bottom-left-radius: .5em;
	-webkit-border-bottom-right-radius: .5em; 
	font-family: "MyriadPro-Bold";
	font-weight: normal;
	font-style: normal;
	font-size: 12px; 
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
}

a.button {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #006633;
	text-decoration: none;
}

a.smallLink {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 9px;
	color: #006633;
	padding-bottom: 15px;
	text-decoration: none;
}

td.note {
	text-align: left;
	width: 750px;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 17px;
	padding-right: 150px;
	font-size: 9px;
	color: #AAAAAA;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
}

td.white {
	text-align: justify;
	background-color: #FFFFFF;
}

li {
	min-height: 15px;
	padding-left: 10px;
	font-size: 12px;
	color: #444444;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	text-align: left;
}	

/* ============================================================================================	*/
/* =============================== TOP NAVIGATION BAR STARTS HERE =============================	*/
/* ============================================================================================	*/

td.topmenubar {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	color: #444444;
	background-image: url('buttons/topNavBar/topNavBar_background.gif');
	background-repeat: repeat-x;
	background-color: #EFEFEF;
}

ul.download {
	padding-left: 125px;
	height: 17px;
	vertical-align: middle;
	list-style-image: url('icons/pdf-icon.gif');
}

ul.downloadDoc {
	/* padding-left: 125px; */
	/* height: 17px; */
	/* vertical-align: middle; */
	list-style-image: url('icons/pdf-icon.gif');
}

ul.topmenubar {
	list-style-type: none;
	height: 34px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

li.topmenubar {
	float: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
	height: 34px;
}

td.filler {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	color: #444444;
	background-image: url('buttons/topNavBar/topNavBar_background.gif');
	background-repeat: repeat-x;
	background-color: #EFEFEF;
}	
	
a.home:link, a.home:visited {
	display: block;
	width: 36px;
	height: 34px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url('buttons/topNavBar/topNavBar_home_off.gif');
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	padding-top: 0px;
	text-decoration: none;
}

a.home:hover, a.home:active {
	background-image:url('buttons/topNavBar/topNavBar_home_on.gif');
	background-repeat:repeat-x;
	height:36px;
}

a.business:link, a.business:visited {
	display: block;
	width: 105px;
	height: 34px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url('buttons/topNavBar/topNavBar_off.gif');
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	padding-top: 12px;
	text-decoration: none;
}

a.business:hover, a.business:active {
	background-image: url('buttons/topNavBar/topNavBar_business_on.gif');
	background-repeat: repeat-x;
}

a.personal:link, a.personal:visited {
	display: block;
	width: 105px;
	height: 34px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url('buttons/topNavBar/topNavBar_off.gif');
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	padding-top: 12px;
	text-decoration: none;
}

a.personal:hover, a.personal:active {
	background-image: url('buttons/topNavBar/topNavBar_personal_on.gif');
	background-repeat: repeat-x;
}

a.private:link, a.private:visited {
	display: block;
	width: 105px;
	height: 34px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url('buttons/topNavBar/topNavBar_off.gif');
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	padding-top: 12px;
	text-decoration: none;
}

a.private:hover,a.private:active {
	background-image: url('buttons/topNavBar/topNavBar_private_on.gif');
	background-repeat: repeat-x;
}

a.institutions:link, a.institutions:visited {
	display: block;
	width: 105px;
	height: 34px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url('buttons/topNavBar/topNavBar_off.gif');
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	padding-top: 12px;
	text-decoration: none;
}

a.institutions:hover,a.institutions:active {
	background-image: url('buttons/topNavBar/topNavBar_institutions_on.gif');
	background-repeat: repeat-x;
}

a.careers:link, a.careers:visited {
	display: block;
	width: 105px;
	height: 34px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url('buttons/topNavBar/topNavBar_off.gif');
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	padding-top: 12px;
	text-decoration: none;
}

a.careers:hover,a.careers:active {
	background-image: url('buttons/topNavBar/topNavBar_careers_on.gif');
	background-repeat: repeat-x;
}

a.publications:link, a.publications:visited {
	display: block;
	width: 105px;
	height: 34px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url('buttons/topNavBar/topNavBar_off.gif');
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	padding-top: 12px;
	text-decoration: none;
}

a.publications:hover,a.publications:active {
	background-image: url('buttons/topNavBar/topNavBar_publications_on.gif');
	background-repeat: repeat-x;
}

a.islamic:link, a.islamic:visited {
	display: block;
	width: 105px;
	height: 34px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url('buttons/topNavBar/topNavBar_off.gif');
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	padding-top: 12px;
	text-decoration: none;
}

a.islamic:hover,a.islamic:active {
	background-image: url('buttons/topNavBar/topNavBar_islamic_on.gif');
	background-repeat: repeat-x;
}

td.leftoftopmenubar {
	background-image: url('buttons/topNavBar/topNavBar_left.png');
	background-repeat: repeat-x;	
}

td.rightoftopmenubar {
	background-image: url('buttons/topNavBar/topNavBar_right.png');
	background-repeat: repeat-x;	
}

td.centeroftopmenubar {
	vertical-align:top;
	padding-top:3px;
	background-image: url('buttons/topNavBar/topNavBar_background.gif');
	background-repeat: repeat-x;	
}

td.topmenubarshadow {
	background-image: url('buttons/topNavBar/topNavBar_shadow.gif');
	background-repeat: repeat-x;	
}

/* ============================================================================================	*/
/* ================================ TOP NAVIGATION BAR ENDS HERE ==============================	*/
/* ============================================================================================	*/

/* ============================================================================================	*/
/* =============================== SUB NAVIGATION BAR STARTS HERE =============================	*/
/* ============================================================================================	*/

td.submenubar {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	color: #444444;
	background-image: url('buttons/subNavBar/subNavBar_background_center.gif');
	background-repeat: repeat-x;
	background-color: #006633;
}

ul.submenubar {
	list-style-type: none;
	height: 29px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

li.submenubar {
	float: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
	height: 29px;
}

a.one:link, a.one:visited {
	display: block;
	width: 125px;
	height: 29px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url('buttons/subNavBar/subNavBar_off.gif');
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	padding-top: 9px;
	text-decoration: none;
}

a.one:hover, a.one:active {
	background-image: url('buttons/subNavBar/subNavBar_on.gif');
	background-repeat: repeat-x;
}

a.two:link, a.two:visited {
	display: block;
	width: 125px;
	height: 29px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url('buttons/subNavBar/subNavBar_off.gif');
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	padding-top: 9px;
	text-decoration: none;
}

a.two:hover, a.two:active {
	background-image: url('buttons/subNavBar/subNavBar_on.gif');
	background-repeat: repeat-x;
}

a.three:link, a.three:visited {
	display: block;
	width: 125px;
	height: 29px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url('buttons/subNavBar/subNavBar_off.gif');
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	padding-top: 9px;
	text-decoration: none;
}

a.three:hover, a.three:active {
	background-image: url('buttons/subNavBar/subNavBar_on.gif');
	background-repeat: repeat-x;
}

a.four:link, a.four:visited {
	display: block;
	width: 125px;
	height: 29px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url('buttons/subNavBar/subNavBar_off.gif');
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	padding-top: 9px;
	text-decoration: none;
}

a.four:hover, a.four:active {
	background-image: url('buttons/subNavBar/subNavBar_on.gif');
	background-repeat: repeat-x;
}

a.five:link, a.five:visited {
	display: block;
	width: 125px;
	height: 29px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url('buttons/subNavBar/subNavBar_off.gif');
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	padding-top: 9px;
	text-decoration: none;
}

a.five:hover, a.five:active {
	background-image: url('buttons/subNavBar/subNavBar_on.gif');
	background-repeat: repeat-x;
}

a.six:link, a.six:visited {
	display: block;
	width: 125px;
	height: 29px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url('buttons/subNavBar/subNavBar_off.gif');
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	padding-top: 9px;
	text-decoration: none;
}


a.six:hover, a.six:active {
	background-image: url('buttons/subNavBar/subNavBar_on.gif');
	background-repeat: repeat-x;
}

td.leftofsubmenu {
	background-image: url('buttons/subNavBar/subNavBar_background_left.png');
	background-repeat: repeat-x;	
}

td.rightofsubmenu {
	background-image: url('buttons/subNavBar/subNavBar_background_right.png');
	background-repeat: repeat-x;	
}

td.centerofsubmenu {
	background-image: url('buttons/subNavBar/subNavBar_background_center.gif');
	background-repeat: repeat-x;	
}

td.submenushadow {
	background-image: url('buttons/subNavBar/subNavBar_background_shadow.gif');
	background-repeat: repeat-x;	
}

/* ============================================================================================	*/
/* ================================ SUB NAVIGATION BAR ENDS HERE ==============================	*/
/* ============================================================================================	*/

/* ============================================================================================	*/
/* =============================== ACCORDION FUNCTION STARTS HERE =============================	*/
/* ============================================================================================	*/

a.accordion-heading {
	padding: 6px;
	text-align: left;
	vertical-align: middle;
	/* color: #23913C; */
	color: #FF801F;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	text-decoration: none;
}

div.rightNavMenu {
	width: 214px;
	min-height: 20px;
	padding: 4px;
	border: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	color: #999999;
	background-color: #FFFFFF;
	border-radius: 1em;
	text-align: justify;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px; 
	vertical-align: top;
}

div.socButton {
	width: 220px;
	min-height: 20px;
	border: 1px;
	border-color: #888888;
	border-style: solid;
	border-radius: .8em;
	text-align: right;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 10px; 
	vertical-align: top;
}

div.soc {
	width: 220px;
	min-height: 15px;
	border: 1px;
	border-color: #777777;
	border-style: solid;
	color: #FFFFFF;
	border-radius: .75em;
	text-align: right;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 10px; 
	vertical-align: top;
	/*	*/
	background-color: #999999;
}

td.socdark {
	height: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #888888;
	vertical-align: middle;
	/* */
	font-size: 12px;
}

td.soclight {
	height: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #999999;
	vertical-align: middle;
	/* */
	font-size: 12px;
}

td.socheading {
	padding: 6px;
	text-align: left;
	vertical-align: middle;
	color: #FFFFFF;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	text-decoration: none;
}

a.socbutton {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

div.baserates {
	width: 220px;
	min-height: 15px;
	border: 1px;
	border-color: #777777;
	border-style: solid;
	color: #FFFFFF;
	border-radius: .75em;
	text-align: right;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 10px; 
	vertical-align: top;
	/*	*/
	background-color: #999999;
}


div.hrSOC {
	height: 12px;
	padding-left: 0px;
	padding-right: 0px;
	background: url(socSeperator.png) no-repeat scroll center;
}

div.FXrateBox {
	width: 214px;
	min-height: 20px;
	padding:4px;
	border-color: #CCCCCC;
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	background-color: #FFFFFF;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 0em;
	border-bottom-right-radius: 0em; 
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px; 
	text-align: justify;
	vertical-align: top;
	color: #999999;
}

div.networkBoxIOM {
	width: 214px;
	min-height: 20px;
	padding: 4px;
	border-color: #CCCCCC;
	border-style: solid;
	background-color: #FFFFFF;
	border-width: 1px;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em; 
	text-align: justify;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px; 
	vertical-align: top;
	color: #999999;
}

div.networkBox {
	width: 214px;
	min-height: 20px;
	padding: 4px;
	border-color: #CCCCCC;
	border-style: solid;
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-left-radius: 0em;
	border-top-right-radius: 0em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em; 
	text-align: justify;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px; 
	vertical-align: top;
	color: #999999;
}

div.termsBox {
	width: 214px;
	min-height: 26px;
	border-color: #CCCCCC;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-style: solid;
	color: #999999;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em; 
	text-align: justify;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px; 
	vertical-align: top;
}

div.uktermsBox {
	width: 214px;
	min-height: 77px;
	border-color: #CCCCCC;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-style: solid;
	color: #999999;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em; 
	text-align: justify;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px; 
	vertical-align: top;
}

div.socBox {
	width: 214px;
	min-height: 26px;
	border-color: #CCCCCC;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-style: solid;
	color: #999999;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em; 
	text-align: justify;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px; 
	vertical-align: top;
}

div.rightNavDivider {
	width: 222px;
	border-style: solid;
	border-color: #CCCCCC;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	height: 8px;
	text-align: justify;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 11px; 
	vertical-align: top;
	background-image: url('right-nav-divider.png');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

div.adnibDivider {
	width: 222px;
	border-style: solid;
	border-color: #CCCCCC;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	height: 2px;
	text-align: justify;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 11px; 
	vertical-align: top;
	background-image: url('right-nav-divider.png');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

.ac-container {
	padding-top: 1px;
}

.ac-container label {
    color: #444444;
}

.ac-container label:hover {
	background: #FFFFFF;
}

.ac-container input:checked + label,
.ac-container input:checked + label:hover
{
	color: #444444;
}

.ac-container label:hover:after,
.ac-container input:checked + label:hover:after {
	content: '';
	position: absolute;
	background: transparent url(icons/open-close-single.png) no-repeat center center;
}

.ac-container input:checked + label:hover:after {
	background-image: url('icons/open-close-single.png');	
}

input.nonvisible {
	display: none;
}

.ac-container article {
	background: rgba(255, 255, 255, 0.0);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 1;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

.ac-container input:checked ~ article {
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}


.ac-container article p {
	color: #444444;
	line-height: 15px;
		font-family: "MyriadPro-Regular";
		font-weight: normal;
		font-style: normal;
	font-size: 12px;
	text-align: left;
	padding-left: 85px;
	padding-right: 115px;
}

/* ============================================================================================	*/
/* ================================ ACCORDION FUNCTION ENDS HERE ==============================	*/
/* ============================================================================================	*/

div.mainContents {
	padding-top: 0px;
	padding-right: 150px;
	padding-left: 15px;
	padding-bottom: 0px;
	color: #999999;
	text-align: left;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px; 
	vertical-align: top;
}

div.acordionContents {
	padding-top: 0px;
	padding-right: 35px;
	padding-left: 10px;
	padding-bottom: 0px;
	color: #444444;
	text-align: left;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px; 
	vertical-align: top;
}

p {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	padding-top: 0px;
	font-size: 12px;
	color: #444444;
	text-align: left;
	vertical-align: middle;
}

ul.sub {
	list-style-type: square;
	width:450px;
	padding-top: 0px;
	padding-left: 125px;
	font-size: 12px;
	color: #444444;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	text-align: left;
	vertical-align: middle;
}

ol.sub {
	list-style-type: square;
	width:450px;
	padding-top: 0px;
	padding-left: 125px;
	font-size: 12px;
	color: #444444;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	text-align: left;
	vertical-align: middle;
}

ul.top {
	list-style-type: square;
	padding-top: 0px;
	padding-left: 40px;
	font-size: 12px;
	color: #444444;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	text-align: left;
	vertical-align: middle;
}

ul.fine {
	list-style-type: square;
	padding-top: 0px;
	padding-left: 14px;
	padding-bottom:0px;
	font-size: 10px;
	color: red;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	text-align: left;
	vertical-align: middle;	
}
	
li.fine {
	list-style-type: square;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 8px;
	color: #444444;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	text-align: left;
	vertical-align: middle;	
}

div.open-close {
	height: 19px;
	width: 105px;
	padding-left: 606px;
	text-align: right;
	top: 0px;
}	

div.open-close-banner {
	line-height: 20px;
	padding-top: 0px;
	padding-left: 0px;
	text-align: right;
	vertical-align: bottom;
	top: 0px;
	width: 120px;
}	


div.section {
	padding-bottom: 5px;
	vertical-align: top;
}	

div.hr {
	height: 9px;
	padding-left: 5px;
	padding-right: 0px;
	background: #fff url(accordionLongLine.png) no-repeat scroll center;
}

div.hr hr {
	display: none;
}

div.hr1 {
	height: 6px;
	padding-top: 5px;
	background: #fff url(separator.jpg) no-repeat scroll left;
}

div.hr1 hr {
	display: none;
}

/*
div.hr2 {
	height: 6px;
	padding-bottom: 5px;
	background: #FFFFFF url(accordionShortLine.jpg) no-repeat scroll center;
}
*/

div.hr2 {
	height: 6px;
	padding-bottom: 3px;
	background-image: url("accordionShortLine.png");
	background-repeat: no-repeat;
	background-position: center top;
}


div.hr2 hr {
	display: none;
}

div.hr3 {
	height: 9px;
	padding-top: 10px;
	background: #fff url(accordionLongLine.png) no-repeat scroll center;
}

div.quoteFooterSeparator {
	height: 7px;
	padding: 5px;
	background: #EFEFEF url(quoteFooterSeparator.png) no-repeat scroll center;
}

div.hr3 hr {
	display: none;
}

th.grid {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 11px; 
	color: #006633;
	vertical-align: top;
}

td.grid {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 10px;
	color: #006633;
	background-color: #F7F7F7;
	vertical-align: top;
}

hr.fine {
	height: 1px;
	border-width: 0;
	color: #FEFEFE;
	background-color: #DDDDDD;
}

.clock {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px; 
	color: #FEFEFE;
	text-align: center; 
}

a.fine {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 10px; 
	color: #677F53;
	text-decoration: none;
}

a.footerLinks {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 10px; 
	color: #FFFFFF;
	text-decoration: none;
}

a.copyrightLink {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 11px; 
	color: #FFFFFF;
	text-decoration: none;
}

font.fine {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 9px; 
	font-weight: normal; 
	font-style: italic; 
	color: #999999;
	text-align: left;
	text-decoration: none;
}

font.quote {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 10px; 
	color: #444444;
	text-align: left;
}

li.fine {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 9px; 
	color: #AAAAAA;
	text-align: left;
	text-decoration: none;
}

th.sitemap {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	padding-top:18px;
	padding-left: 20px;
	font-size: 13px; 
	color: #FEFEFE;
	vertical-align: top;
	text-align: left;
}

th.sitemapOption4 {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	padding-top:18px;
	padding-left: 13px;
	font-size: 13px; 
	color: #FEFEFE;
	vertical-align: top;
	text-align: left;
}

td.sitemap {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	padding-left: 20px;
	font-size: 13px; 
	color: #FEFEFE;
	vertical-align: top;
	text-align: left;
}

td.sitemapOption4 {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	padding-left: 13px;
	font-size: 13px; 
	color: #FEFEFE;
	vertical-align: top;
	text-align: left;
}

td.sitemapAccordian {
	vertical-align: top;
	text-align: right;
}

div.sitemap {
	color: #FEFEFE;
	width: 740px;
	/* height: 147px; */	
	min-height: 160px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 10px;
	border: 0px; 
	background-image: url('footer-bg1.gif');
	background-repeat: repeat-x;
	background-color: #787A7C;
	border-top-left-radius: .8em;
	border-top-right-radius: .8em;
	border-bottom-left-radius: 0em;
	border-bottom-right-radius: 0em;
}

div.sitemapOption2 {
	color: #FEFEFE;
	width: 740px;
	height: 140px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 10px;
	border: 0px; 
	background-image: url('footer-bg1.gif');
	background-repeat: repeat-x;
	background-color: #787A7C;
	border-top-left-radius: .8em;
	border-top-right-radius: .8em;
	border-bottom-left-radius: 0em;
	border-bottom-right-radius: 0em;
}

div.sitemapOption3 {
	color: #FEFEFE;
	height: 185px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 10px;
	border: 0px; 
	background-image: url('footer-bg1.gif');
	background-repeat: repeat-x;
	background-color: #787A7C;
	border-top-left-radius: .8em;
	border-top-right-radius: .8em;
	border-bottom-left-radius: 0em;
	border-bottom-right-radius: 0em;
}

div.sitemapOption3left {
	color: #FEFEFE;
	height: 185px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 10px;
	border: none; 
	vertical-align: middle;
	background-image: url('footer-bg1.gif');
	background-repeat: repeat-x;
	background-color: #787A7C;
	border-top-left-radius: .8em;
	border-top-right-radius: 0em;
	border-bottom-left-radius: 0em;
	border-bottom-right-radius: 0em;
}

div.sitemapOption3right {
	color: #FEFEFE;
	height: 185px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 10px;
	border: 0px; 
	background-image: url('footer-bg1.gif');
	background-repeat: repeat-x;
	background-color: #787A7C;
	border-top-left-radius: 0em;
	border-top-right-radius: .8em;
	border-bottom-left-radius: 0em;
	border-bottom-right-radius: 0em;
}

td.sitemapDivider {
	background-image: url('footer-separator.png');
	background-repeat: no-repeat;
}

div.copyright {
	color: #FFFFFF;
	width: 720px;
	min-height: 22px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 30px;
	vertical-align: bottom;
	border: 0px; 
	background-image: url('footer-bg2.gif');
	background-repeat: repeat-x;
	background-color:#737577;
	font-size: 10px; 
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
}

div.copyrightOption3 {
	color: #FFFFFF;
	min-height: 22px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 25px;
	vertical-align: bottom;
	border: 0px; 
	background-image: url('footer-bg2.gif');
	background-repeat: repeat-x;
	background-color:#737577;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 10px; 
}

div.bannerbar {
	width: 100%;
	height: 2px;
	border: 0px; 
	border-style: solid; 
	background-color: #CCCCCC;
}

div.financials  {
	width: 214px;
	min-height: 20px;
	border-color: #CCCCCC;
	padding: 4px;
	border-style: solid;
	color: #999999;
	background-color: #FFFFFF;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em; 
	text-align: justify;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 11px; 
	vertical-align: top;
}

td.silver {
	height: 18px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	vertical-align: middle;
}

td.silvergrid {
	height: 18px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	background-color: #F7F7F7;
	vertical-align: middle;
}

td.headingLink {
	height: 20px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	vertical-align: middle;
}

td.BGwhite {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	background-color: #FFFFFF;
	vertical-align: bottom;
}

li.sitemap {
	color: #FFFFFF;
}

a.sitemaplink {
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 11px; 
	color: #FFFFFF;
	text-decoration: none;
}

td.footer {
	min-height: 160px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
	/* vertical-align: middle; */
	vertical-align: top;
	color: #FFFFFF;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
}

div.grid {
	width: 575px;
	padding: 4px;
	border-style: none;
	color: #999999;
	background-color: #EFEFEF;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em; 
	text-align: justify;
	vertical-align: top;
}

div.quotesBox {
	width: 575px;
	padding: 10px;
	border-style: none;
	color: #444444;
	background-color: #EFEFEF;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em; 
	text-align: justify;
	vertical-align: top;
}

td.gridHeading {
	height: 35px;
	width: 200px;
	padding-right: 25px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	vertical-align: middle;
	text-align: right;
	color: #23913C;
}

td.gridDetail {
	height: 35px;
	width: 370px;
	padding-left: 20px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	vertical-align: middle;
	text-align:left;
	color:#333333;
}

div.rankingGrid {
	width: 575px;
	min-height: 136px;
	border-color: #006633;
	padding: 0px;
	border-style: solid;
	color: #999999;
	background-color: #FFFFFF;
	border-top-left-radius: .8em;
	border-top-right-radius: .8em;
	border-bottom-left-radius: .8em;
	border-bottom-right-radius: .8em; 
	text-align: justify;
	vertical-align: top;
}

th.gridTitle {
	height: 25px;
	padding-right: 3px;
	padding-left: 3px;
	font-family: "MyriadPro-Regular";
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	vertical-align: middle;
	text-align: left;
	background-color: #006633;
	color: #FFFFFF;
}

td.gridLightRow {
	height: 30px;
	padding-right: 3px;
	padding-left: 3px;
	font-family: "MyriadPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	vertical-align: middle;
	text-align: left;
	color: #444444;
}

font.fine { font-family: "MyriadPro-Regular"; font-size:10px; font-weight: normal; font-style: italic; color: #23913C; text-decoration: none; }

p.popup	{ font-family: "MyriadPro-Regular"; font-weight: bold; padding-top: 0px; font-size: 16px; font-style: normal; color: #23913C; text-align: left; vertical-align: middle; }

a.learnMorePop { font-family: "MyriadPro-Regular"; font-size: 12px; font-weight: Bold; font-style: normal; color: #23913C; text-decoration: none; }

h2.popup { font-family: "MyriadPro-Bold"; font-weight: normal; padding-top: 0px; font-size: 28px; font-style: normal;color: #23913C; text-align: left; vertical-align: middle; }

/* ==================================  TOOLTIP - STARTS HERE  ================================	*/

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 350px;
    background-color: #EFEFEF;
    text-align: center;
    border: solid;
    border-width: 1px;
    border-color:#CCCCCC;
    border-radius: 4px;
    padding: 5px 0; 
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -175px;
    opacity: 0;
    transition: opacity 0.3s;
    font-family: "MyriadPro-Regular"; 
    font-weight: normal; 
    font-size: 12px;
    color: #006699;
    vertical-align: middle;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* ===================================  TOOLTIP - ENDS HERE  =================================	*/

/* ===================================  MODAL - STARTS HERE  =================================	*/

.modalDialog { 
	position: fixed; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0; 
	background: rgba(0, 0, 0, 0.8); 
	z-index: 2; 
	display: none; 
	opacity:0;
	-webkit-transition: opacity 520ms ease-in; 
	-moz-transition: opacity 520ms ease-in; 
	transition: opacity 520ms ease-in; 
	pointer-events: none; 
}

.modalDialog:target { 
	opacity:1; pointer-events: auto; 
	display: block;
}

.modalDialog > div { 
	position: relative; 
	min-width:750px; 
	min-height:600px; 
	max-width:70%; 
	max-height:75%; 
	/* border: 10px; */
	border-radius: .5em; 
	-moz-border-radius: .5em; 
	-webkit-border-radius: .5em;	
	/* margin: 5% auto; */
	margin: 5% auto;
	padding: 10px;
	text-align:center; 
	vertical-align:top; 
	background-color:#FEFEFE; 
}

.close { 
	background: #23913C; 
	color: #FFFFFF; 
	line-height: 24px; 
	position: fixed; 
	text-align: center; 
	width: 24px;
	text-decoration: none; 
	font-weight: bold; 
	-webkit-border-radius: 12px; 
	-moz-border-radius: 12px; 
	border-radius: 12px; 
	-moz-box-shadow: 1px 1px 3px #000; 
	-webkit-box-shadow: 1px 1px 3px #000; 
	box-shadow: 1px 1px 3px #000; 
}

/* ===================================  MODAL - ENDS HERE  =================================	*/

a.tinyButton {
	font-family: "MyriadPro-Regular"; 
	font-size: 10px; 
	font-weight: normal; 
	font-style: normal; 
	color: #FFFFFF; 
	text-decoration: none; 
}

/* ===================================  DROP-DOWN MENU - STARTS HERE  =================================	*/

.dropdown {
    position: relative;
    display: inline-block;
    border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; 
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #EFEFEF;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: left;
    border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em;
    margin-left: 44px;
    margin-top: -15px;
}

.dropdown-content a {
    color: #336600;
    padding: 3px 6px; 
    text-decoration: none;
    display: block;
    border-bottom: solid;
    border-width: .1em;
    border-color: #DDDDDD;
}

.dropdown-content a:hover {background-color: #ddd; }

.dropdown:hover .dropdown-content {
    display: block;
}

img.dropdown {
	width: 16px;
	height: 12px;
	padding-right:15px;
	padding-left: 6px;
}
/* ===================================  DROP-DOWN MENU - ENDS HERE  =================================	*/

/* ===================================  MODAL - STARTS HERE  =================================	*/

.modalPopup { 
	position: fixed; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0; 
	background: rgba(0, 0, 0, 0.8); 
	z-index: 2; 
	display: none; 
	opacity:0;
	-webkit-transition: opacity 520ms ease-in; 
	-moz-transition: opacity 520ms ease-in; 
	transition: opacity 520ms ease-in; 
	pointer-events: none; 
}

.modalPopup:target { 
	opacity:1; pointer-events: auto; 
	display: block;
}

.modalPopup > div { 
	width: 225px; 
	position: relative; 
	border-radius: .5em; 
	-moz-border-radius: .5em; 
	-webkit-border-radius: .5em;	
	margin: 5% auto;
	padding: 0px;
	text-align:center; 
	vertical-align:top; 
	background-color:#FEFEFE; 
}

/* ===================================  MODAL - ENDS HERE  =================================	*/

table.loginMenu { 
	width: 100%; 
	background-color: #EFEFEF; 
	border-radius: .75em; 
	-webkit-border-radius: .75em; 
	-moz-border-radius: .75em;
}

td.loginMenu { 
	height: 20px; 
	border:solid; 
	border-color: #FFFFFF; 
	border-width: 1px; 
	background-color: #EFEFEF; 
	vertical-align: middle; 
	font-family: "MyriadPro-Regular"; 
	font-weight: normal; 
	font-size:20px; 
	color: #23913C; 
	text-align: left;
}

a.loginMenu:link, a.loginMenu:visited { 
	display: block; 
	width: 100%; 
	height: 20px; 
	font-family: "MyriadPro-Regular"; 
	font-size: 15px; 
	font-weight: Bold; 
	font-style: normal; 
	color: #23913C; 
	text-align: left; 
	vertical-align: middle; 
	padding-top: 9px; 
	text-decoration: none; 
	background-color: #EFEFEF;
}

a.loginMenu:hover { 
	background-color: #CCCCCC;
}

/* ========================================================================================== */
/* ================================= COOKIE MODAL FOR NOTICE ================================ */
/* ========================================================================================== */
/*
.cookiemodal 			{ display:none; position:fixed; z-index:1; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color: rgba(0,0,0,0.4); -webkit-animation-name:fadeIn; -webkit-animation-duration:0.4s; animation-name:fadeIn; animation-duration:0.4s; }
.cookiemodal-content 	{ position:fixed; bottom:0; background-color:#FEFEFE; width:100%; -webkit-animation-name:slideIn; -webkit-animation-duration:0.4s; animation-name:slideIn; animation-duration:0.4s; }
.cookieclose 			{ border:1px; border-color:#CCCCCC; padding-left:25px; padding-right:25px; padding-top:10px; padding-bottom:5px; width:196px; height:20px; border-style: solid; color:#006633; background-image: url('buttons/buttonBackground.jpg'); background-repeat:repeat-x; background-color:#F7F7F7; border-radius:.5em; -moz-border-radius:.5em; -webkit-border-radius:.5em; font-family:MyriadPro-Regular; font-weight:normal; font-style:normal; font-size:11px; vertical-align:middle; text-align:center; text-decoration:none; }
.cookieclose:hover, 
	.cookieclose:focus	{ color:#000000; text-decoration:none; cursor:pointer; }
.cookiemodal-header 	{ padding:2px 16px; background-color:#006633; color:#EFEFEF; }
a.cookie 				{ font-family: "MyriadPro-Regular"; font-size:15px; font-weight:normal; font-style: normal; color: #EFEFEF; text-decoration: underline; }
@-webkit-keyframes slideIn	{ from {bottom: -300px; opacity: 0}  to {bottom: 0; opacity: 1} }
@keyframes slideIn			{ from {bottom: -300px; opacity: 0} to {bottom: 0; opacity: 1} }
@-webkit-keyframes fadeIn 	{ from {opacity: 0} to {opacity: 1} }
@keyframes fadeIn			{ from {opacity: 0} to {opacity: 1} }
*/
/* ========================================================================================== */

.cookiemodal {
	display:none; 
	position:fixed; 
	z-index:1; 
	left:0; 
	top:0; 
	width:100%; 
	height:100%; 
	overflow:auto; 
	background-color: rgb(0,0,0); 
	background-color: rgba(0,0,0,0.4); 
	-webkit-animation-name:fadeIn; 
	-webkit-animation-duration:0.4s; 
	animation-name:fadeIn; 
	animation-duration:0.4s; 
}

.cookiemodal-content { 
	position:fixed; 
	bottom:0; 
	background-color:#999999;  
	width:100%; 
	-webkit-animation-name:slideIn; 
	-webkit-animation-duration:0.4s; 
	animation-name:slideIn; 
	animation-duration:0.4s; 
}

.cookieclose {
	border:1px; 
	border-color:#CCCCCC; 
	padding-left:25px; 
	padding-right:25px; 
	padding-top:10px; 
	padding-bottom:5px; 
	width:196px; 
	height:20px; 
	border-style: solid; 
	color:#006633; 
	background-image: url('buttons/buttonBackground.jpg'); 
	background-repeat:repeat-x; 
	background-color:#F7F7F7; 
	border-radius:.5em; 
	-moz-border-radius:.5em; 
	-webkit-border-radius:.5em; 
	font-family:MyriadPro-Regular; 
	font-weight:normal; 
	font-style:normal; 
	font-size:11px; 
	vertical-align:middle; 
	text-align:center; 
	text-decoration:none; 
}

.cookieclose:hover, .cookieclose:focus {
	color:#000000; 
	text-decoration:none; 
	cursor:pointer; 
}

.cookiemodal-header { 
	padding:2px 16px; 
	/* color:#EFEFEF; */ 
	border-top-left-radius: .8em;
	border-top-right-radius: .8em;
	border-bottom-left-radius: 0em;
	border-bottom-right-radius: 0em; 

	-webkit-border-top-left-radius: .8em;
	-webkit-border-top-right-radius: .8em;
	-webkit-border-bottom-left-radius: 0em;
	-webkit-border-bottom-right-radius: 0em; 

	-moz-border-top-left-radius: .8em;
	-moz-border-top-right-radius: .8em;
	-moz-border-bottom-left-radius: 0em;
	-moz-border-bottom-right-radius: 0em; 
	
	background-color: #CCCCCC;
	/* background-image: linear-gradient(to bottom right, #588E80, #3F655B); */
	background-image: linear-gradient(to bottom right, #006633, #274142);
	
}

a.cookie { 
	font-family: "MyriadPro-Regular"; 
	font-size:15px; 
	font-weight:normal; 
	font-style: normal; 
	color: #EFEFEF; 
	text-decoration: underline; 
}

@-webkit-keyframes slideIn	{ 
	from {bottom: -300px; opacity: 0}  to {bottom: 0; opacity: 1} 
}

@keyframes slideIn	{
	from {bottom: -300px; opacity: 0} to {bottom: 0; opacity: 1} 
}

@-webkit-keyframes fadeIn { 
	from {opacity: 0} to {opacity: 1} 
}

@keyframes fadeIn { 
	from {opacity: 0} to {opacity: 1} 
}


button.play { background:url(buttons/play.png) no-repeat; cursor:pointer; border:none; width:20px; height:20px; }
button.read { background:url(buttons/read.png) no-repeat; cursor:pointer; border:none; width:20px; height:20px; }