/* =================================================================================================
	Style for eppp Theme Site,
	must Include the Whole Section as some elements in a section override by another element
	(as at 2010.09.03 - need Changes)
================================================================================================= */

/* =================================================================================================
	NAVIGATION MENU
================================================================================================= */
#navigation{
	background:#3f3530;
}

/*active item*/
.eppp		#navigation	li.eppp,
.businessbenefits		#navigation	li.businessbenefits,
.supplier		#navigation	li.supplier,
.training		#navigation	li.training,
.terms		#navigation	li.terms,
.usefulinfo  	#navigation li.usefulinfo,
.faqs		#navigation	li.faqs,
.forms		#navigation	li.forms,
.research		#navigation	li.research,
.consultation 	#navigation li.consultation,
.contactus 		#navigation li.contactus,
.facilitation 	#navigation li.facilitation,
.feeds  			#navigation li.feeds,
.glance 		 	#navigation li.glance,
.new		#navigation	li.new,
.rss 		 	#navigation li.rss,
.smart  			#navigation li.smart,
.highlights  			#navigation li.highlights,
.links  			#navigation li.links
{
	padding:0;
	margin-top:-1px; /*cover the border of previous one*/
}

/*active item*/
.eppp		#navigation	li.eppp  a,
.businessbenefits		#navigation	li.businessbenefits  a,
.supplier		#navigation	li.supplier  a,
.training		#navigation	li.training  a,
.terms		#navigation	li.terms  a,
.usefulinfo  	#navigation li.usefulinfo  a,
.faqs		#navigation	li.faqs  a,
.forms		#navigation	li.forms  a,
.research		#navigation	li.research  a,
.consultation 	#navigation li.consultation  a,
.contactus 		#navigation li.contactus  a,
.facilitation 	#navigation li.facilitation  a,
.feeds  			#navigation li.feeds  a,
.glance 		 	#navigation li.glance  a,
.new		#navigation	li.new a,
.rss 		 	#navigation li.rss  a,
.smart  			#navigation li.smart  a,
.highlights  			#navigation li.highlights  a,
.links  			#navigation li.links a
{
	background:#e98713;
	border:none;
	padding-left:20px;
}

#navigation li a {
	color:#fff;
	border-color:#5f524a;
}
#navigation li a:hover, #navigation li a:focus {
	background:#534741;
}


/* =================================================================================================
	SUB NAVIGATION MENU (Second level menu Only)
================================================================================================= */

#subNavigation{
	padding:20px 0;
	list-style-position:outside;
	list-style-type:disc;
	background:#FEFEFE;
}
#subNavigation li{
	display:list-item;
	padding:5px 0;
	margin:0 20px 0 30px;
}
#subNavigation li a{
	display:inline;
	border:none;
	padding:0;
	line-height:1.2;
}
#subNavigation li, #subNavigation li a{
	color:#000;
	background:#FEFEFE !important;
}


.eppp		#subNavigation li a,
.businessbenefits		#subNavigation li a,
.supplier		#subNavigation li a,
.training		#subNavigation li a,
.terms		#subNavigation li a,
.usefulinfo  	#subNavigation li a,
.faqs		#subNavigation li a,
.forms		#subNavigation li a,
.research		#subNavigation li a,
.consultation 	#subNavigation li a,
.contactus 		#subNavigation li a,
.facilitation 	#subNavigation li a,
.feeds  			#subNavigation li a,
.glance 		 	#subNavigation li a,
.new 		 	#subNavigation li a,
.rss 		 	#subNavigation li a,
.smart  			#subNavigation li a,
.highlights  			#subNavigation li a,
.links  			#subNavigation li a
{padding-left:0 !important;}



/*generic active color*/
.sec1 #subNavigation .sec1 a, .sec2 #subNavigation .sec2 a,
.sec3 #subNavigation .sec3 a, .sec4 #subNavigation .sec4 a,
.sec5 #subNavigation .sec5 a, .sec6 #subNavigation .sec6 a,
.sec7 #subNavigation .sec7 a, .sec8 #subNavigation .sec8 a,
.sec9 #subNavigation .sec9 a, .sec10 #subNavigation .sec10 a,
.sec11 #subNavigation .sec11 a, .sec12 #subNavigation .sec12 a
{color:#D9BD7C !important;}

/* PageHeader and TabMenu Color */
.theme.bf	#pageHeader,
.theme.bf	#tabMenu a {border-left-color:#D9BD7C;}
/* take employment color first */

.theme.bf	#pageHeader{
	padding-left:10px;
}


/* =================================================================================================
	EVENT CALENDAR
================================================================================================= */
.calendar{
	overflow:hidden;
	width:100%;
}
.calendar table{
	border-collapse:separate;
	border:1px solid #CCC;
	float:left;
	width:214px;
	margin:0 4px 0 6px;
}
.calendar th, .calendar td{
	border:none;
	padding:5px 7px;
	line-height:1em;
	text-align:center;
}
.calendar p{
	display:none;
}

/* =================================================================================================
	SURVEY FORM
================================================================================================= */
#surveyForm{
    display:none;   /*hide the form by default*/
}
#surveyForm div{
    margin-bottom:.5em;
}
#surveyForm label{
    display:block;
}
#surveyForm select{
    width:27em;
}
#surveyForm select, #surveyForm input{
    font-size:1em;
}
#surveyForm #captchaBox{
    overflow:hidden;
}
#surveyForm #captcha{
    float:left;
    margin-right:5px;
    border:1px solid #CCC;
}
#surveyForm #loading{
    font-style:italic;
}
#surveyForm .error{
    color:red;
    display:none;
}
#surveyForm .button{
    font-size:1em;
}


/* =================================================================================================
	collapsible Menu override (2009.12.23)
================================================================================================= */
.collapsibleMenu table td {
	vertical-align:top;
}


.content ul li{
list-style-image: url(/en/theme/eprocurement/images/tri-ff9900.gif);
}

.content ul li ul li{
list-style-image: url(/en/theme/eprocurement/images/bullet_sub_sub.gif);
}

.content h4{
color: #C73535;
}

.content td {
padding: 0px;
}

.content th, .content td {
}

.content table {
}

.content .odd, .content .odd td, .content .odd th {
	background-color: transparent !important;
}

.content .even, .content .even td, .content .even th {
	background-color: transparent !important;
}


.content1 th, .content1 td {
	border:0;
}

.content1 table {
	border:0;
}