/*----------| HTML TAG |----------*/
html, body
{
	margin:0px;
	padding:0px;
	/*background:#e3fdad;*/
	background:#fff;
	font: normal 12px Tahoma, Verdana, Arial, Helvetica;
	color:#333;
}
form
{
	margin:0px;
	padding:0px;
}
.jsvalidation
{
	margin:0px;
	padding:0px;
	color:#900;
	font-weight:bold;
	font-size:8px;
}
.AlertIcon
{
	padding-right:15px;
	padding-bottom:15px;
}
img
{
	border:0px;
}
a, a:link, a:visited
{
	color:#004d9b;
	text-decoration:none;
}
a:hover
{
	color:#f60;
	text-decoration:none;
}
td
{
	border:0px;
}
table, tr, td
{
	border:0px;
}

input, textarea
{
	border:solid 0px #ccc;
	font:12px Tahoma, Verdana, Arial;
	color:#000;
	background:#f2f2f2;
}
select
{
	border:solid 0px #ccc;
	font:12px Tahoma, Verdana, Arial;
	color:#000;
	background:#f2f2f2;
}
option
{
	border-bottom:solid 1px #ebebeb;
	color:#000;
	background:#fff;
}
textarea
{
	scrollbar-face-color: #f50;
	scrollbar-shadow-color: #f50;
	scrollbar-highlight-color: #f50;
	scrollbar-3dlight-color: #f50;
	scrollbar-darkshadow-color: #f50;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #fff;
}
hr
{
	height:1px;
	color:#333;
	margin:5px;
}
.FormSpecial input, .FormSpecial textarea, .FormSpecial select, .FormSpecial option
{
	background:#F4F5FB;
	color:#036;
	padding:5px;
	border-bottom:dotted 1px #B4C6DB;
}


.FormSpecial .FormButton
{
	font-size:10px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	background-color: #c00;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border:0px;
	position:relative;
}
.FormSpecial .FormButton:hover, .FormSpecial .FormButton:visited
{
	color: #000;
	background-color: #f60;
	cursor:hand;
}

.Alert
{
	font-weight:bold;
	color:#900;
}

/*----------| CLASS |----------*/

.HeadArea
{
	background:#fff;
}
.Head
{
	background:#fff;
}
.TopMenuArea, .TopMenuArea a
{
	color:#000;
	font-size:8px;
	text-decoration:none;
	font-weight:bold;
}
.TopMenuArea a:hover
{
	color:#555;
}
.TabArea
{
	/*border-bottom:1px solid #333;*/
}
.TabBarArea
{
	background:#ff9;
	background-image: url(../Image/TabBarBack_02.jpg);
	background-repeat: repeat-x;
	background-position: top;
	/*border-bottom:1px solid #333;*/
}
.TabBarArea a, .TabBarArea a:link, .TabBarArea a:visited
{
	color:#000;
}
.TabBarArea a:hover
{
	color:#f60;
}
.SearchHead
{
	background:#fff;
	color:#333;
}
.SearchHead a, .SearchHead a:link, .TabBarArea a:visited
{
	color:#333;
}
.SearchHead a:hover
{
	color:#000;
}
.FooterArea
{
	background:#222;
	background-image: url(../Image/TabBarBack_02.jpg);
	background-repeat: repeat-x;
	background-position: top;
	/*border-top:3px solid #333;*/
	color:#000;
	font-size:10px;
	line-height:18px;
	padding:10px;
}
.FooterArea a:link, .FooterArea a:visited
{
	color:#fff;
}
.FooterArea a:hover
{
	color:#000;
}
.SearchBarArea
{
	background:#777;
	background-repeat: repeat-x;
	background-position: top;
	border-top:solid 1px #333;
	border-left:solid 1px #333;
	border-right:solid 1px #333;
}
.LoginArea
{
	color:#000;
}
.LoginArea a:hover
{
	color:#fff;
}
.ContentMiddle
{
	padding-left:10px;
}
.StrokeBack {
	background-image: url(../Image/Top_Stroke_Back.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.FormButton
{
	font-size:10px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	background-color: #c00;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border:0px;
	position:relative;
}
.FormButton:link
{
	color: #fff;
	background-color: #c00;
}
.FormButton:hover, .FormButton:visited
{
	color: #000;
	background-color: #f60;
	cursor:hand;
}

.FormButton2
{
	font-size:10px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	background-color: #777;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border:0px;
	position:relative;
	border:solid 1px #333;
}
.FormButton2:link
{
	color: #fff;
	background-color: #777;
}
.FormButton2:hover, .FormButton2:visited
{
	color: #fff;
	background-color: #000;
	cursor:hand;
}

.SearchBarArea .FormButton
{
	color: #fff;
	background:#333;
}
.SearchBarArea .FormButton:hover
{
	color: #fff;
	background:#000;
	cursor:hand;
}
#LoginArea .FormButton
{
	color:#fff;
	background:#000;
	cursor:hand;
}
#SearchArea .FormButton
{
	color:#000;
	background:#f67f1d;
	cursor:hand;
	border:solid 1px #333;
}
#SearchArea .FormButton:hover
{
	color:#000;
	background:#fff;
	cursor:hand;
}
#LoginArea .FormButton:link
{
	color:#fff;
	background:#000;
}
#LoginArea .FormButton:hover
{
	color:#000;
	background:#ff3;
	cursor:hand;
}

.SpanButton a
{
	font-size:10px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-color: #900;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border:0px;
	position:relative;
}
.SpanButton a:link, .SpanButton a:visited
{
	color: #fff;
	background-color: #c00;
}
.SpanButton a:hover, .SpanButton a:active
{
	color: #000;
	background-color: #f60;
}

.aButton submit
{
	font-size:10px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	background-color: #c00;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border:0px;
	position:relative;
}
.aButton a
{
	font-size:10px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	background-color: #c00;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border:0px;
}
.aButton a:link, .aButton a:visited
{
	color: #fff;
	background-color: #c00;
}
.aButton a:hover, .aButton a:active
{
	color: #000;
}

.SearchBarArea .aButton a
{
	color: #fff;
	background:#333;
	/*border:solid 3px #333;*/
}
.SearchBarArea .aButton a:hover, .aButton a:visited
{
	color: #fff;
	background:#000;
}
#LoginArea a:hover
{
	color:#fff;
}
#SearchArea .aButton a
{
	color:#fff;
	background:#000;
}
#SearchArea .aButton a:hover, .aButton a:visited
{
	color:#000;
	background:#fff;
}
#LoginArea .aButton a:link, .aButton a:visited
{
	color:#fff;
	background:#000;
}
#LoginArea .aButton a:hover
{
	color:#000;
	background:#ff3;
}
.ContentArea 
{
	padding:5px;
	background:#fff;
	height:100%;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
}
.PageHeader 
{
	padding:5px;
	color:#000;
	background:#f67e1d;
	width:100%;
	font-weight:bold;
	font-size:14px;
	letter-spacing:2px;
	margin-bottom:15px;
	
}
.ContentPart 
{
	margin-bottom:20px;
	
}

.SoftAlert
{
	position:relative;
	margin:3px;
	padding:3px;
	border:dotted 1px #900;
	background:#ccc url("../Image/Back_Alert.gif");
	color:#000;
	font-size:10px;
	font-weight:bold;
	text-align:justify;
}
.AlertExclamation
{
	font-weight:bold;
	font-size:20px;
	color:#fff;
	padding:5px;
	margin-right:10px;
	margin-bottom:10px;
	height:100%;
	text-align:left;
	position:relative;
	float:left;
	background:#900;
}

.PageImage
{
	border:solid 1px #333;
	margin-right:10px;
	margin-bottom:10px;
}
.MemberHomeArea
{
	background:#f2f2f2;
}
.MemberHomeArea td
{
	text-align:center;
	padding:10px;
	background:#fff;
}
.ContentBox01Header
{
	padding:5px;
	color:#000;
	background:#ebebae;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.ContentBox01
{
	padding-top:5px;
	padding-bottom:5px;
	color:#000;
	background:#fff;
	font-size:11px;
	font-weight:normal;
	text-align: justify;
}
.ContentBox01 a:link, .ContentBox01 a:visited
{
	color:#c30;
}
.ContentBox01 a:hover
{
	color:#000;
}
.ContentBox01 h5
{
	font-size:11px;
	color:#000;
	margin-bottom:3px;
	padding:2px;
	border:solid 1px #cc6;
	background:#D8D88B;
	text-align:left;
	margin:0px;
}
.ContentBox01  h5 a:link, .ContentBox01 h5 a:visited
{
	color:#000;
}
.ContentBox01  h5 a:hover
{
	color:#333;
}
.ContentBox01Footer
{
	padding:3px;
	color:#fff;
	background:#ebebae;
	font-size:11px;
	font-weight:normal;
	text-align:right;
}
.ContentBox01Footer a:link, .ContentBox01Footer a:visited
{
	color:#000;
}
.ContentBox01Footer a:hover
{
	color:#900;
}
.ContentBox02Header
{
	padding:5px;
	color:#000;
	background:#ebebae;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.ContentBox02
{
	padding:5px;
	color:#000;
	background:#f6f6cf;
	font-size:11px;
	font-weight:normal;
	text-align: justify;
}
.ContentBox02 a:link, .ContentBox02 a:visited
{
	color:#000;
}
.ContentBox02 a:hover
{
	color:#900;
}
.ContentBox02Footer
{
	padding:3px;
	color:#000;
	background:#dddd9d;
	font-size:11px;
	font-weight:normal;
	text-align:right;
}
.ContentBox02Footer a:link, .ContentBox02Footer a:visited
{
	color:#000;
}
.ContentBox02Footer a:hover
{
	color:#900;
}

.ContentBox03Header
{
	padding:5px;
	color:#000;
	background:#b5a5b5;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.ContentBox03
{
	padding:5px;
	color:#000;
	background:#f5e9f5;
	font-size:11px;
	font-weight:normal;
	text-align: justify;
}
.ContentBox03 a:link, .ContentBox03 a:visited
{
	color:#000;
}
.ContentBox03 a:hover
{
	color:#900;
}
.ContentBox03Footer
{
	padding:3px;
	color:#fff;
	background:#e0d5e0;
	font-size:11px;
	font-weight:normal;
	text-align:right;
}
.ContentBox03Footer a:link, .ContentBox03Footer a:visited
{
	color:#000;
}
.ContentBox03Footer a:hover
{
	color:#900;
}
.AdvertBox
{
	background:#fff;
	margin-bottom:10px;
	border-bottom:dotted 1px #ccc;
}
.AdvertBox a:link, .AdvertBox a:visited
{
	color:#000;
}
.AdvertBox a:hover
{
	color:#900;
}
.AdvertBoxLogo
{
	background:#fff;
	padding:5px;
}
.AdvertBoxMember
{
	font-weight:bold;
	background:#f7f7f7;
	padding:5px;
}
.AdvertBoxJob
{
	padding:5px;
	background:#f7f7f7;
}
.NoBorder
{
	border:0px;
	background:none transparent;
}
#uc_alertArea
{
	margin:10px;
	padding:10px;
	background:#c00;
	border:dotted 1px #666;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	display:none;
}
.FirmSelect
{
	margin:10px;
	background:#ffff99;
	border:dotted 1px #ccc;
	color:#000;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	width:98%;
}
.FirmSelect td
{
	padding:10px;
}
#SurveyHeader
{
	padding:5px;
	background:#666;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin-bottom:0px;
}
#SurveyQuestion
{
	padding:5px;
	background:#efefef;
	color:#000;
	margin-bottom:10px;
}
#SurveyRadio
{
	padding:5px;
	color:#000;
	margin-bottom:10px;
}
#SurveyFooter
{
	padding:5px;
	background:#efefef;
	color:#000;
}
#SurveyFooter a:link, #SurveyFooter a:visited
{
	color:#000;
}
#SurveyFooter a:hover
{
	color:#000;
}
#SurveyFooter .aButton a
{
	color:#fff;
}
.DataGridTable
{
	width:95%;
	padding:0px;
	margin:5px;
	background:#F7F7F7;
}
.DataGridTable th
{
	padding:2px;
	background:#666;
	color:#fff;
	height:20px;
}
.DataGridTable th a
{
	color:#fff;
}
.DataGridTable td
{
	padding:1px;
	margin:0px;
	background:#fff;
	color:#000;
	margin:5px;
}
.DataGridTable td input
{
	border:0px;
}
.DataGridPaging
{
	font-weight:bold;
	text-align:center;
}
.DataGridPaging td
{
	color:#fff;
	padding:5px;
	background:#f00;
	border:solid 0px #ccc;
}
.DataGridPaging td:hover
{
	background:#900;
}

.DataGridPaging a
{
	color:#000;
}
.DataGridPaging a:hover
{
	color:#fff;
}

.DivDesc
{	
	position:absolute;
	padding:5px;
	display:none;
	background-color:#ffc;
	border:solid 1px #f69;
	width:500px;
	font-family:Tahoma;
	font-size:12px;
	color:#000;
}


#FillArea
{	
	width:100%;
	background:#fff;
	background-image: url(../Image/Back_02.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#Header1_txtUserName
{
	border:solid 0px #ccc;
	font:11px Tahoma, Verdana, Arial;
	color:#000;
	background:#f2f2f2;
	padding:2px;
	width:100px;
}
#Header1_txtPassword
{
	border:solid 0px #ccc;
	font:11px Tahoma, Verdana, Arial;
	color:#000;
	background:#f2f2f2;
	padding:2px;
	width:100px;
}
/*----------| ID |----------*/



/*----------| Main Tab |----------*/
#MainTab {
	float:left;
	width:100%;
	/*border-bottom:1px solid #DD740B;*/
	padding:0px;
	background:#fff;
	font-size:11px;
}
#MainTab ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
}
#MainTab li {
	display:inline;
	margin:0;
	padding:0;
}
#MainTab a {
	float:left;
	background:url("../Image/TabLeft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
}
#MainTab a span {
	float:left;
	display:block;
	background:url("../Image/TabRight.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#000;
	font-weight:normal;
}
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#MainTab a span {float:none;}
/* End IE5-Mac hack */

#MainTab a:hover span {
	color:#000;
}
#MainTab a:hover {
	background-position:0% -42px;
}
#MainTab a:hover span {
	background-position:100% -42px;
}
#MainTab #current a {
	background-position:0% -42px;
}
#MainTab #current a span {
	background-position:100% -42px;

}
/*----------| Left Menu |----------*/
#LeftMenu dl {width: 100%; margin: 0 auto; padding: 0 0 0px 0; background: #777 bottom left;}
#LeftMenu dt {margin:0; padding: 10px; font-size: 1.4em; font-weight:bold; color: #fff; border-bottom:1px solid #fff; background: #777 top left;}
#LeftMenu dd {margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background: #777;}
#LeftMenuGallery a, #LeftMenuGallery a:visited {color:#fff; text-decoration:none; display:block; padding:5px 5px 5px 20px; background: #777 10px 10px; width:86%;}
#LeftMenuGallery a:hover {background: #999 11px 10px; color:#fff;}
#LeftMenu ol li {font-size:12px;}
#LeftMenu .selected a {background: #333 11px 10px; color:#fff;}

/*----------| CV Menu |----------*/
#CvMenu dl {width: 100%; margin: 0 auto; padding: 0 0 0px 0; background: #f67e1d bottom left;}
#CvMenu dt {margin:0; padding: 10px; font-size: 1.4em; font-weight:bold; color: #fff; border-bottom:1px solid #fff; background: #f67e1d top left;}
#CvMenu dd {margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background: #f67e1d;}
#CvMenuGallery a, #CvMenuGallery a:visited {color:#000; text-decoration:none; display:block; padding:5px 5px 5px 20px; background: #f67e1d 10px 10px; width:86%;}
#CvMenuGallery a:hover {background: #fac625 11px 10px; color:#000;}
#CvMenu ol li {font-size:12px;}
#CvMenu .selected a {background: #333 11px 10px; color:#fff;}

/* Decorative stuff */
/*body { font: 76%/1.4 Verdana, Arial, sans-serif; }
code { font: 1.2em Consolas, "Courier New," Courier, monospace; color: #149514; }*/

/* CSS for checklists */
.checklist
{
	border: 1px solid #ccc;
	list-style: none;
	height: 10em;
	overflow: auto;
	width: 16em;
}

/* Checklist */
.checklist, .checklist li { margin-left: 0; padding: 0; }
.checklist label { display: block; padding-left: 25px; text-indent: -25px; }
.checklist label:hover, .checklist label.hover { background: #CCEAE9; color: #fff; }
* html .checklist label { height: 1%; }
.checklist { font-size: 0.9em; }
.checklist .alt { background: #F4F5FB; }
.checklist input { vertical-align: middle; }
.checklist label:hover, .cl1 label.hover { background: #CCEAE9; color: #000; }