.topSection
{
	height: 23px;
	border-bottom: solid 1px #dedddd;
}
/*.topLink
{
	float: right;
	text-align: right;
	width: 10%;
	padding: 3px 3px 0 0;
	vertical-align: middle;
	height: 19px;
}
.topLink a
{
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.topLink a:hover
{
	color: #f76422;
	font-weight: bold;
	text-decoration: none;
}*/
.topRight
{
	float: right;
	text-align: right;
	width: 20%;
	font-weight: bold;
	padding: 4px 2px 0 0;
	vertical-align: middle;
	height: 19px;
}
.logo
{
	padding: 17px 0 0 10px;
	margin: 0px;
	float: left;
	width: 382px;
	clear: both;
}
.searchSection
{
	float: right;
	vertical-align: bottom;
	padding: 14px 0 16px 0;
	width: 593px;
	text-align: left;
}
.searchLabel
{
	color: #999999;
	font-weight: bold;
	padding-bottom: 8px;
	text-align: left;
}
.searchTextbox
{
	font-family: Arial, Helvetica, sans-serif;
	width: 251px;
	color: #c1c1c1;
	padding-left: 5px;
	vertical-align: bottom;
}
.searchDropdown
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 116px;
	height: 22px;
	color: #000000;
	vertical-align: bottom;
}
.btnSrch
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff6600;
	background-color: White;
	font-weight: bold;
	border: solid 2px #aaaaaa;
	width: 64px;
	padding: 0 0 5px 0;
	height: 22px;
	vertical-align: bottom;
}
.banner
{
	border: solid 1px #dcdbdb;
	padding: 10px;
	text-align: center;
	height: 375px;
}
.bannerText, .bannerText1
{
	font: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}
.bannerText span
{
	color: #f26522;
}
.bannerText1
{
	font-size: 15px;
	color: #595959;
}
.bannerSeperator
{
	border-right: solid 3px #dedddd;
	height: 76px;
	float: left;
}
.bannerSection
{
	float: left;
	padding-top: 15px;
}

.bannerSection a, .bannerSection a:hover
{
	text-decoration: none;
}


.bannerSectionText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #f26522;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}
.bannerSectionText:hover
{
	color: #333333;
}
.bannerSectionText span
{
	color: #000000;
	text-transform: capitalize;
}
.bannerSectionText span span
{
	color: #737373;
	font-size: 13px;
	text-transform: none;
}
.newsSection
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	padding: 0 0 0 15px;
	border-right: solid 1px #dedddd;
	text-align: left;
	font-weight: bold;
}
.newsSectionHead
{
	color: #000000;
}
.newsSectionText, newsSectionText a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000ff;
	font-weight: bold;
}
.newsLink a
{
	color: #0000ff;
	font-weight: normal;
	font-size: 10px;
	text-align: right;
	padding-right: 10px;
}
.newsLink a:hover
{
	color: #0000ff;
}
.newsMain
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	padding: 0 0 0 13px;
	border-right: solid 1px #dedddd;
	text-align: left;
	font-weight: bold;
}
.marketSection
{
	float: left;
	padding-top: 15px;
}
.marketTitle
{
	font-weight: bold;
	font-size: 12px;
}
.marketGrid
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 11px;
}
.marketHead
{
	font-size: 11px;
	color: #818181;
	font-weight: bold;
}

.marketHead a, marketHead a:hover
{
	font-size: 11px;
	color: #818181;
	font-weight: bold;
}

.loginBox
{
	border: solid 1px #dcdbdb;
	padding: 10px;
	text-align: center;
}
.loginHead
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f76422;
	vertical-align: top;
}
.loginCaption, .loginText
{
	font-size: 11px;
	color: #818181;
	font-weight: bold;
	text-align: right;
}
.loginText
{
	font-size: 10px;
	font-weight: normal;
	text-align: left;
}

.loginLink
{
	font-size: 11px;
}

.loginLink:hover
{
	font-size: 11px;
	text-decoration: underline;
}


.loginTextLink
{
	font-size: 11px;
	color: #818181;
	font-weight: bold;
	text-align: left;
}

.loginTextLink:hover
{
	color: #f76422;
	text-decoration: none;
}


/*  -------- Content Classes -------- */

.content
{
	border: solid 1px #dcdbdb;
	padding: 15px;
	text-align: left;
	display: inline-block;
}

.contentTable
{
	border: solid 1px #dcdbdb;
	padding: 15px;
	text-align: left;
	width: 792px;
}

.contentHead, .contentHead1
{
	font: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	text-align: left;
}

.contentHead1
{
	font-size: 12px;
	color: #595959;
}

.subTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f76422;
	vertical-align: top;
}

.subTitle1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #f76422;
}

.contentTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.contentText
{
	text-align: left;
	padding-top: 3px;
}

.contentDesc
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #848383;
	font-weight: bold;
	text-align: left;
	padding-right: 30px;
}

.contentRight
{
	padding-top: 83px;
}


.contentSeperator
{
	border-right: solid 3px #dedddd;
	float: left;
	height: 143px;
}

.blackBold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}



.footerLink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f76422;
}

.footerLink:hover
{
	text-decoration: underline;
}

.clear
{
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

.imgFlag
{
	border-bottom: solid 1px #b6b6b6 !important;
	border-left: solid 1px #b6b6b6 !important;
	border-right: solid 1px #b6b6b6 !important;
	border-top: solid 1px #b6b6b6 !important;
}

.gridHeader_arrow
{
	background: url(images/meneSeperator.gif) right 10px no-repeat;
	padding: 0px 10px 0px 0px;
	text-decoration: none;
	color: #000000;
}

.orangeText
{
	color: #f66420;
}

.poll
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	padding: 0 0 0 13px;
	border-right: solid 1px #dedddd;
	text-align: left;
}

.login_left_top
{
	background: url(images/login_top_left.gif) right top no-repeat;
	width: 9px;
	height: 9px;
}

.login_left_bottom
{
	background: url(images/login_bottom_left.gif) right top no-repeat;
	width: 9px;
	height: 9px;
}

.login_right_top
{
	background: url(images/login_top_right.gif) left top no-repeat;
	width: 9px;
	height: 9px;
}

.login_right_bottom
{
	background: url(images/login_bottom_right.gif) left top no-repeat;
	width: 9px;
	height: 9px;
}




/* ----- Added on 12.10.09 ----- */

.projInfo
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	padding: 0 10px 0 0; /*border-right: solid 1px #dedddd;*/
	text-align: left;
	font-weight: bold;
}
.projInfoHead
{
	font-size: 14px;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
}
.projInfoText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: justify;
}

.projInfoList
{
	font-weight: bold;
	padding-left: 8px;
}

.imgSaved
{
	vertical-align: middle;
}

.imgBrd
{
	border: solid 1px #000000;
}

.grdReport td
{
	border-bottom: dotted 1px #999999;
}


ul.bullet_s
{
	list-style-image: url(images/bullet.gif);
	margin-top: 0px;
	text-align: left;
}

ul.bullet_s li, ul.bullet_s li a
{
	padding: 0px 0px 5px 0px;
	color: #000;
	font-weight: bold;
}

ul.square_bullet
{
	list-style-type: circle;
	list-style-image: none;
	margin: 5px 0px 10px 15px;
	padding: 5px 0px 5px 15px;
	font-weight: normal;
}

ul.square_bullet li a
{
	color: Blue;
	font-weight: normal;
}

.bullet_lnk
{
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.textGrey
{
	color: #818181;
	font-weight: bold;
	text-align: left;
}



/* ------------Taken From App_Themes - StyleSheet.css ------------*/

.body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
}
.btn
{
	font-family: Arial;
	font-size: 12px;
	color: #999999;
	background-color: White;
	font-weight: bold;
	border-bottom: outset 1pt #999999;
	border-left: solid 1pt #999999;
	border-top: solid 1pt #999999;
	border-right: solid 1pt #999999;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1px;
	/*padding-left:0px;*/
	
}
.textfield
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.TabBtn_on
{
	width: 150px;
	height: 25px;
	background-color: #f4f3f2;
	border-top: 1px solid #e2ccb4;
	border-left: 1px solid #e2ccb4;
	border-right: 1px solid #e2ccb4;
	text-align: center;
}
.TabBtn_off
{
	width: 150px;
	height: 25px;
	background-color: #ffffff;
	border-bottom: 1px solid #e2ccb4;
	text-align: center;
}

.GridAlternateColor
{
	background-color: #FAFAFA;
}

.grid_item
{
	padding-left:2px;
	padding-right:2px;
}

.Tab_on
{
	width: 100px;
	height: 25px;
	color: #000000;
	background-color: #f4f3f2;
	border-top: 1px solid #e2ccb4;
	border-left: 1px solid #e2ccb4;
	border-right: 1px solid #e2ccb4;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
.Tab_off
{
	width: 100px;
	height: 25px;
	color: #000000;
	background-color: #ffffff;
	border-bottom: 1px solid #e2ccb4;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

.Tab_on a
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.Tab_off a
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.Tab_on-back
{
	width: 160px;
	height: 25px;
	color: #000000;
	background-color: #f4f3f2;
	border-top: 1px solid #e2ccb4;
	border-left: 1px solid #e2ccb4;
	border-right: 1px solid #e2ccb4;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
.Tab_off-back
{
	width: 160px;
	height: 25px;
	color: #000000;
	background-color: #ffffff;
	border-bottom: 1px solid #e2ccb4;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

.Tab_on-back a
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.Tab_off-back a
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.btnSearch
{
	font-family: Arial;
	font-size: 12px;
	color: #fc6404;
	background-color: White;
	font-weight: bold;
	border-bottom: solid 2px #aaaaaa;
	border-left: solid 2px #aaaaaa;
	border-top: solid 2px #aaaaaa;
	border-right: solid 2px #aaaaaa;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1px;	
}

.grdPadding
{
	padding: 0px 5px 0px 5px;
}


/*-----------------------Updated on 22-08-09-----------------------*/

.topSection {
	height: 23px;
	border-bottom: solid 1px #dedddd;
}





/* ------------Taken From UI - StyleSheet.css ------------*/


body, td, th
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
Table
{
	text-align: left;
}

#logo
{
	float: left;
	padding: 0px 0 0px 0px;
	color: white;
	vertical-align: bottom;
}
#login
{
	float: right;
	padding: 0 0px 0 0;
	color: #999999;
}
#Add
{
	float: right;
	padding: 0 0px 0 0;
	color: #999999;
}
#footer
{
	float: left;
	padding: 0px 0 0px 0px;
	vertical-align: bottom;
	color: #999999;
	text-align: center;
}
#rightsReserved
{

	padding: 0px 0 0px 0px;
	vertical-align: bottom;
	color: #999999;
	text-align: center;
}

.BodyHeight
{
	height: 458px;
	padding-left: 2px;
	vertical-align: top;
}

a
{
	color: Blue;
	text-decoration: none;
}

a:link
{
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
}
a:hover
{
	text-decoration: none;
}
a:active
{
	text-decoration: none;
}
a:disable
{
	color : Gray;
}

.errors
{
	border: 1px solid red;
	color: red;
	margin: 0px 0px 10px;
	padding-left: 40px;
	padding-bottom: 4px;
	padding-top: 4px;
	background: #fff url(../../UI/images/ValErrors.gif) no-repeat 10px 50%;
}

.LoginButton
{
	font-family: Arial;
	font-size: 9px;
	color: #999999;
	background-color: White;
	font-weight: bold;
	border-bottom: outset 1pt #999999;
	border-left: solid 1pt #999999;
	border-top: solid 1pt #999999;
	border-right: solid 1pt #999999;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1px;
	padding-left: 0px;
}

/*.loginText
{
	font-size: 8pt;
	color: #666666;
}*/

.loginLink
{
	font-size: 8pt;
}

.CreateNewLink
{
	font-size: 8pt;
	font-weight:bold;
}

.textfield
{
	border-bottom: solid 1pt #999999;
	border-left: solid 1pt #999999;
	border-top: solid 1pt #999999;
	border-right: solid 1pt #999999;
	margin-left: 0px;
	margin-right: 0px;
}
.page_heading
{
	font-size: 11pt;
	color: #999999;
}

.nav_heading
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

.tab_heading
{
	color: #999999;
	font-weight: bold;
	font-size: 9pt; /*cursor:hand;*/
}

.label_heading
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.sub_category
{
	color: #999999;
}

.sub_category a
{
	color: black;
}

/*.grid_color
{
	background-color: #fafafa;
}*/

.grid_header a
{
	color: #000;
	text-decoration: bold;
}

/*.grid_header
{
	color: #999999;
	text-decoration: bold;
}*/

.gridHeader_work
{
	color: #000000;
	font-weight: normal;
}

.grid_headerSearch a
{
	color: #000;
	text-decoration: bold;
	padding-left: 1px;
	padding-right: 1px;
}

.section_header
{
	font-weight: bold;
	font-size: 9pt;
	color: #999999;
	padding: 0px 5px 0px 2px;
	float: left;
}

.subsection_header
{
	font-weight: bold;
	color: #999999;
}

.help
{
	margin-left: 20px;
	text-align: right;
}

.cursorPointer
{
	cursor:pointer;
}

.scroll
{
	/* scrollbar-arrow-color: black; 	scrollbar-base-color: white; 	 		scrollbar-darkshadow-color: white; 	 		scrollbar-face-color: WHITE;  		scrollbar-highlight-color: white; 	 		scrollbar-shadow-color: white; 	*/
}

.modalBackground
{
	background-color: #000000;
	filter: alpha(opacity=45);
	opacity: 0.45;
}

.modalContent
{
	background:#e1e1e1 url(../../UI/images/modal-bg.gif) left top repeat-x scroll;
	border-color:#FFFFFF #9EA3A9 #9EA3A9 #FFFFFF;
	border-style:solid;
	border-width:2px;
	width:400px;
	padding: 0 20px 20px 20px;
}
.modalClose
{
	background: url(../../UI/images/x.png) top right no-repeat;
	text-align: right;
    position: relative;
    display: block;
    top: -13px;
    right: -404px;
    height: 29px;
    width: 25px;
    cursor: pointer;
}
.modalTitle
{
	font-size: 16px;
	color: #333;
	border-bottom: solid 2px #999;
	font-weight: bold;
}

.msgError
{
	background:url(../../UI/images/Errors.gif) left top no-repeat;
	padding:5px 0 5px 25px; 
}

.msgSuccess
{
	background:url(../../UI/images/Success.gif) left top no-repeat;
	padding:5px 0 5px 25px; 
}

/*.OrangeButton
{
	color: #F68F1E;
	font-family: Arial;
	font-size: 12px;
	background-color: White;
	font-weight: bold;
	border-bottom: solid 1pt #F68F1E;
	border-left: solid 1pt #F68F1E;
	border-top: solid 1pt #F68F1E;
	border-right: solid 1pt #F68F1E;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1px;
	cursor: pointer;
}*/

.asterisk
{
	color: Red;
	font-size: 8pt;
}

.text, select
{
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	width: 158px;
}

select
{
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	width: 160px;
}

.text_search
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	width: 185px;
}

/*.selectedRow
{
	background-color: #ffffda;
}
.unselectedRow
{
	background-color: #ffffff;
}*/

.sub_categorySignout
{
	color: black;
	/*padding-left: 3px;*/
}

/*.ContentTable
{
	padding-left: 5px;
	padding-right: 5px;
}*/

.sectionHeader td, .sectionHeader
{
	background-color: #FAFAFA;
	height: 20px; /*font-family: Geneva, Arial, Helvetica, sans-serif;*/
	color: #000000;
	font-size: 9pt;
}

/*.sectionHeaderWorkspace 
{
	background-color: #FAFAFA;
	height: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
}*/

.sectionHeaderText
{
	/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
	color: #000000;
	font-size: 9pt;
}


.gridHeader_mast
{
	/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
	color: #000000;
	font-size: 9pt;
	padding: 2px 0px 0px 0px;
}

.dottedSeperator, .seperator
{
	margin-top: 0px;
	padding-top: 0px;
	border-bottom: dotted 1px #CCCCCC;
	height: 1px;
}

.lnkRight, .lnkRight a
{
	background-color: #FAFAFA;
	height: 20px;
	text-align: right;
	vertical-align: middle;
	padding-right: 3px;
	font-size: 9pt;
}

.page_text
{
	font-weight: bold;
	text-decoration: underline;
}

.Orangetab
{
	background-color: #FF8C01;
	color: #FFFFFF;
	font-family: Gill Sans MT;
	font-size: 12px;
	font-weight: bold;
	text-indent: 5px;
}

.RedText
{
	color: red;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}

.CaptionsContactUS
{
	color: #333333;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

.footer_rights
{
	font-size: 8pt;
	text-align: center;
}

.subHead
{
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9c9c9c;
	font-weight: bold;	
} 

/* added for Backoffice menu */

a.menulink, a.menulink:hover, a.menulink:visited
{
	color: #000000;
	text-decoration: none;
}

a.menulinkTitle, a.menulinkTitle:hover, a.menulinkTitle:visited
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

/* added for Big5 */

.secHead td, .secHead
{
	border-bottom: solid 1px #cccccc;
	color: #666;
	height: 22px;
	font-size: 10pt;
	font-weight: bold;
}

a.linkDisable
{
	color:Gray;
} 

.textBlue
{
	color:Blue;
	font-weight:bold;
}

.subHeadNoBold
{
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9c9c9c;
}


/*---------------Added for New Design Change------------------*/

.pageHeading
{
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.pageHeadingMedium
{
	font: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

.pageHeadingLarge
{
	font: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}

.OrangeText
{
	font: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FB6520;
	font-weight: bold;
}

.textWatermark
{
	color: #c1c1c1;
}

.sepVert
{
	background: url(images/seprator.gif) top left repeat-x;
	height: 1px;
}

.sepVertDotted
{
	background: url(images/seprator-dotted.gif) top left repeat-x;
	height: 1px;
}

.sepHor
{
	background: url(images/seprator.gif) top center repeat-y;
	width: 1px;
}

.pageHead
{
	font: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: bold;
}

