﻿/* -----------------------------------------------------------------------------------------*/
/* IE 7 */
a div {
	cursor: pointer;
}
/* IE 7 */

/* -----------------------------------------------------------------------------------------*/
.csstextbox
{
 font-family    :  verdana, arial, snas-serif;
 font-size      :  11px;
 color          :  #000000;
 padding        :  3px;
 background     :  #f0f0f0;
 border-left    :  solid 1px #c1c1c1;
 border-top     :  solid 1px #cfcfcf;
 border-right   :  solid 1px #cfcfcf;
border-bottom  :  solid 1px #6f6f6f;
}

input.textbox, select, textarea, unfocus,textbox
{
 font-family    :  verdana, arial, snas-serif;
 font-size      :  11px;
 color          :  #000000;
 padding        :  3px;
 background     :  #f0f0f0;
 border-left    :  solid 1px #c1c1c1;
 border-top     :  solid 1px #cfcfcf;
 border-right   :  solid 1px #cfcfcf;
border-bottom  :  solid 1px #6f6f6f;
}

.focus
{
    border-color:#646464;
    background-color:#ffffc0;
}


TextBox:focus
{
background-color:yellow;
}



.LoginInfo {
	float: right;
	background-color: #03cc9e;
	color: white;
	padding: 0px 10px;
}

.ContentTB img {
	vertical-align: text-bottom;
}

#mHeader #Search,
#mHeader #News {
	float: right;
	text-align: right;
	line-height: normal;
	margin-left: 20px;
	font-size: 11px;
}
#mHeader #Search #SearchTitle,
#mHeader #News #NewsTitle {
	color: #003b87;
	font-weight: bold;
	padding-bottom: 2px;
}

#mHeader #News #NewsDetail marquee {
	padding-top: 3px;
	text-align: right;
	width: 200px;
	height: 20px;
	background: url('images/NewsBG.gif') no-repeat;
}
#mHeader #News #NewsDetail .NewsItem {
	padding: 0px 5px;
	border-right: 1px #dddddd solid;
}
#mHeader #News #NewsDetail a {
	color: #2291d9;
}
#mHeader #News #NewsDetail div,
#mHeader #News #NewsDetail p {
	padding: 0px;
	margin: 0px;
	display: inline;
}

#mHeader #Search input {
	width: 139px;
	padding: 3px 10px;
	background: url('images/SearchInputBG.gif') no-repeat;
	border: 0px;
	float: right;
	height: 21px;
}
#mHeader #Search .BTN {
	width: 20px;
	height: 20px;
	background: url('images/SearchBTN.gif') no-repeat;
	border: 0px;
	float: right;
	cursor: pointer;
}

.underConstruction {
	font-size: 22px;
	font-weight: bold;
	color: red;
	text-align: center;
	padding: 80px 0px;
}

/* -----------------------------------------------------------------------------------------*/
SPAN {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
H5 {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
H3 {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
H1 {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
IMG {
	padding: 0px;
	margin: 0px;
	border: 0px;
	vertical-align: bottom;
}
UL {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
OL {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
LI {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
P {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
FORM {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
DIV {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
BODY {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
HTML {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
BODY {
	font-family: Arial, Tahoma, Verdana;
}
body {
	width: 100%;
	margin: 0px auto;
	background: #ebe8e8;
}
A:link {
	text-decoration: none;
}
A:active {
	text-decoration: none;
}
A:visited {
	text-decoration: none;
}
A:hover {
	text-decoration: none;
}


/* CLEAR BOTH-------------------------------------------------------------------------------*/
.clear {
	clear: both;
}


/* ABOUT FORM-------------------------------------------------------------------------------*/
INPUT  {
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	color: #212121;
}
SELECT  {
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	color: #212121;
}
TEXTAREA  {
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	color: #212121;
}
INPUT {
	padding: 0px 2px;
	height: 15px;
}
SELECT {
	padding: 0px;
	}
.BTN {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	 
	height: 25px;
}
.More {
	color: #212121;
	margin-top: 10px;
	float: right;
	background: url('images/Bullet-03.gif') no-repeat left 6px;
	padding-left: 10px;
	font-size: 11px;
}
.More a:link {
	color: #212121;
}
.More a:visited {
	color: #212121;
}
.More a:hover {
	color: #474f5b;
	text-decoration: underline;
}


/* HEADER-----------------------------------------------------------------------------------*/
#mContainer {
	width: 943px;
	margin: 0px auto;
/*
	overflow: hidden;
*/
	font-size: 12px;
	color: #474f5b;
	line-height: 20px;
	background: #fff;
/*
	padding: 20px 30px 10px 30px;
*/
	padding: 10px 30px 10px 30px;
}



.pagecol
{
padding-top:10px;
padding-left:10px;
padding-right:10px;
margin: 0px auto;
font-size: 12px;
color: #474f5b;
line-height: 20px;
}

.pagecol1
{
padding-top:1px;
padding-left:1px;
padding-right:1px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto;
font-size: 12px;
color: #474f5b;
line-height: 20px;
text-align:justify;
 
}
	

/* added to solve user agent stylesheet in firefox, chrome and safari */
#mContainer table {
	font-size: 12px;
	color: #474f5b;
	line-height: 20px;
}

#mHeader {
}
#mHeader #Logo {
	width: 250px;
	float: left;
	margin-bottom: 10px;
}
#mHeader #Country {
	text-align: right;
	padding-top: 15px;
	color: #003a88;
}
#mHeader #Language {
	float: right;
	font-size: 11px;
	font-weight: bold;
	color: #999;
	padding-left: 10px;
	padding-top: 35px
}
#mHeader #Language a:link {
	color: #333;
}
#mHeader #Language a:visited {
	color: #333;
}
#mHeader #Language a:hover {
	color: #333;
}
#mHeader #Language .Active a:link {
	color: #005595;
}
#mHeader #Language .Active a:visited {
	color: #005595;
}
#mHeader #Language .Active a:hover {
	color: #005595;
}


/* MAINMENU-----------------------------------------------------------------------------------*/
#mTopNav 
{
 PADDING-LEFT: 20%;	FONT-FAMILY: verdana, Tahoma; BACKGROUND: url(images/mTopNavBG.jpg) #0a55a6 repeat-x; HEIGHT: 30px; width:auto; COLOR: #fff; FONT-SIZE: 13px
}
#mTopNav DIV {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 12px; WIDTH: auto; PADDING-RIGHT: 12px; BACKGROUND: url(../images/mTopNavLine.gif) no-repeat right top; FLOAT: left; PADDING-TOP: 5px
}
#mTopNav A:link {
	COLOR: #fff
}
#mTopNav A:visited {
	COLOR: #fff
}
#mTopNav A:hover {
	COLOR: #90dcc4; TEXT-DECORATION: none
}
#mTopNav .Active A:link {
	COLOR: #6eb4fb
}
#mTopNav .Active A:visited {
	COLOR: #6eb4fb
}
#mTopNav .Active A:hover {
	COLOR: #6eb4fb; TEXT-DECORATION: none
}
#pContent {
	
}

/* FOOTER-----------------------------------------------------------------------------------*/
#mFooter a,
#mFooter {
	font-size: 11px;
	color: #999;
}

/* -----------------------------------------------------------------------------------------*/
#mContainer #Content1,
#mContainer #Content2 {
/*
	line-height: normal;
*/
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------- Move from page.css ---------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

/* Drop Down Menu -----------------------------------------------------------------------------------*/
#divProductList,
#divCountryList,
#divProductListRef,
#divCountryListRef,
#divProjectListRef,
#divDocTypeListRef,
#divLangListRef,
#divProductListHome,
#divCountryListHome,
#divProduct {
	line-height: normal;
}

/* added to solve user agent stylesheet in firefox, chrome and safari */
#divProductList table,
#divCountryList table,
#divProductListRef table,
#divCountryListRef table,
#divProjectListRef table,
#divDocTypeListRef table,
#divLangListRef table,
#divProductListHome table,
#divCountryListHome table,
#divProduct table {
	line-height: normal;
}

/*
#divProductList #xpMenuCont .mainCont > table {
	width: 260px;
}
*/

/* Dialog -----------------------------------------------------------------------------------*/
.uiDivHeader
{
	vertical-align: top;
	text-align: left;
}
.uiDivHeader .uiTitle
{
	color: #003988;
}
.ui-dialog .ui-dialog-titlebar
{
	display: none;
}
.uiDivBody
{
	background-color: #e4e7ec;
	width: 100%;
	vertical-align: top;
	text-align: center;
	padding: 10px 0px;
	margin-top: 10px;
}
/*
.uiDivBodyApply {padding: 28px 0px;}
.uiDivBodySend {padding: 14px 0px;}
.uiDivBodyLgn {padding: 23px 0px;}
.uiDivBodyReg {padding: 16px 0px;}
*/

/* CONTENT-----------------------------------------------------------------------------------*/
#pContent #SearchBar {
	background: url('images/SearchBarBG.gif') no-repeat left bottom;
	padding: 4px 20px;
	position: relative;
}
#pContent #SearchBar .END{
	background: url('images/SearchBarBG.gif') no-repeat right bottom;
	height: 31px;
	width: 10px;
	position: absolute;
	right: 0px;
	top: 0px;
}
#pContent #SearchBar .ContentGR {
	float: left;
	margin-right: 50px;
	position: relative;
}
#pContent #SearchBar .ContentGR .Title {
	font-size: 13px;
	font-family: verdana, Tahoma;
	color: #003a88;
	float: left;
	padding-top: 1px;
	padding-right: 10px;	
}
#pContent #SearchBar .ContentGR select {
	width: 200px;
	float: left;
}
#pContent #SearchBar .Language {
	float: right;
	font-size: 11px;
	font-weight: bold;
	color: #999;
}
#pContent #SearchBar .Language a:link {
	color: #005595;
}
#pContent #SearchBar .Language a:visited {
	color: #005595;
}
#pContent #SearchBar .Language a:hover {
	color: #005595;
}
#pContent #mBreadcrumb {
	font-family: verdana, tahoma;
	padding: 10px 0px 20px 20px;
	font-size: 11px;
}

.bggreen
{
padding-right:20px;
padding-top: 20px;
background:#06CBA0;
width:40px;

}

#pContent #mBreadcrumb span {
	padding-right: 10px;
	background: url('images/Bullet-01.gif') no-repeat left 4px;
	padding-left: 10px;
}



#pContent #mBreadcrumb span.Active {
	color: #1381c9;
}
#pContent #mBreadcrumb span a:link {
	color: #474f5b;
}
#pContent #mBreadcrumb span a:visited {
	color: #474f5b;
}
#pContent #mBreadcrumb span a:hover {
	color: #474f5b;
	text-decoration: underline;
}
#pContent #mBreadcrumb span.Active a:link {
	color: #1381c9;
}
#pContent #mBreadcrumb span.Active a:visited {
	color: #1381c9;
}
#pContent #mBreadcrumb span.Active a:hover {
	color: #1381c9;
	text-decoration: underline;
}
#pContent #Topic {
	color: #003a88;
	font-size: 22px;
	padding-left: 20px;
	padding-bottom: 20px;
}
#pContent #PageDesc {
	padding-left: 20px;
	font-size: 11px;
}

/* added to solve user agent stylesheet in firefox, chrome and safari */
#pContent #PageDesc table {
	font-size: 11px;
}
.ui-widget table {
	font-size: 12px;
}

#pContent #PageDesc ul {
	list-style: none;
	float: left;
	margin: 0px 0px;
}
#pContent #PageDesc li {
	background: url('images/Bullet-02.gif') no-repeat 0px 8px;
	padding: 0px 0px 0px 10px;
}
#pContent #PageDesc strong{
 	color: #212121;
}

#pContent #PageDesc .ContentGR {
	float: left;
}
#pContent #PageDesc #ProductList .END {
	margin-right: 0px;
}
#pContent #RightPart {
	width: 170px;
	float: right;
}



/* FOOTER-----------------------------------------------------------------------------------*/
#mFooter {
	border-top: 1px solid #bcbdc1;
	margin-top: 20px;
}
