@charset "utf-8"; 
* {	margin:0px; padding:0px; font-family:"Telex",sans-serif; color:#333; text-decoration:none;}

html, body {  margin:0 auto; overflow:auto;	background-color:#ffffff;}
a img {	border:none;}
div.mainContainer {	width:100%;	margin:0 auto;}
div.middleContainer{ margin:0 auto; width:100%; height:100%; min-height:540px;}
.wrap{ width:960px; height:100%; min-height:5px; margin:0 auto;}
.clear{ clear:both;}
.capitalize{ text-transform:capitalize;}
.bold{ font-weight:bold;}

/* HEADER ----------------------------------------------------- */

div.header{
	height:55px;
	border-bottom:4px solid #777;
	background-color: #F7F7F7;
	-moz-box-shadow: inset 0 1px 0 #fff, 0 0 0 1px #dcdcdc;
	-webkit-box-shadow: inset 0 1px 0 white, 0 0 0 1px gainsboro;
	box-shadow: inset 0 1px 0 white, 0 0 0 1px gainsboro;
	background-image: -moz-linear-gradient(90deg, #E2E1E1 0%, #F3F3F3 100%);
	background-image: -o-linear-gradient(90deg, #E2E1E1 0%, #F3F3F3 100%);
	background-image: -webkit-linear-gradient(90deg, #E2E1E1 0%, #F3F3F3 100%);
	background-image: linear-gradient(90deg, #E2E1E1 0%, #F3F3F3 100%);
}

div.logo{ float:left; position:relative; padding:10px 0;}


/* MENU ----------------------------------------------------- */

div.menu{ float:right; position:relative; padding:18px 0;}
div.menu ul{ list-style-type:none;}
div.menu ul li{	display:inline; font-size:15px; color:#333;}
div.menu ul li a{ padding:0 10px; color:#333; text-shadow:1px 1px #ffffff;}
div.menu ul li a:hover{	color:#c2434a; text-decoration:none; text-shadow:1px 1px #ffffff;}
div.menu ul .selected{ color:#c2434a; text-decoration:none;	text-shadow:1px 1px #ffffff;}

div.loginmenu{ float:right; position:relative; padding:3px 10px; background-color:#c2434a;}
div.loginmenu ul{ list-style-type:none;}
div.loginmenu ul li{ display:inline; font-size:13px; color:#fff;}
div.loginmenu ul li a{ padding:0 10px; color:#fff;}
div.loginmenu ul li a:hover{ color:#333; text-decoration:none;}
div.loginmenu ul .selected{ color:#333; text-decoration:none;}

/* SUB MENU ----------------------------------------------------- */

div.submenu{
	float:left;	position:relative; width:100%; color:#daceb6;
	background-color:#82522c; background: #82522c; /* for non-css3 browsers 82522c to 56381e*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82522c', endColorstr='#56381e'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#82522c), to(#56381e)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #82522c,  #56381e); /* for firefox 3.6+ */
	border-bottom: 1px solid #666; border-color: #E5E5E5;
}

div.submenu ul{	list-style-type:none; padding:5px; margin-left:5px;}
div.submenu ul li{ display:inline; color:#daceb6;}
div.submenu ul li a{ color:#daceb6;	padding:5px;}
div.submenu ul li a:hover{ color:#dca13d; text-decoration:none;}

/* For BANNER ----------------------------------------------------- */

div.bannerSection{ margin:0 auto; width:100%; height:auto; min-height:130px; background-color:#333; background-image:url(../ykimages/banner-bg.jpg);}
div.banner { padding:20px 0;}

div.insideBannerSection{ margin:0 auto; width:100%; height:auto; min-height:75px; background-color:#333; background-image:url(../ykimages/banner-bg.jpg);}
.insideBannerTitle{ float:right; padding:25px 0; font-size:25px; color:#8eb45c; text-transform:lowercase;}

/* For right CONTENT ----------------------------------------------------- */

div.rightcontent{ float:right; width:435px; padding:20px 0;}
div.rightcontent p{ float:right; font-size:15px; line-height:22px; color:whitesmoke; padding:20px 0; text-align:justify;}
.rightContentTitle{ float:right;}
.rightContentButton{ float:right; margin-bottom:15px;}

/* For THUMBNAILS ----------------------------------------------------- */

.homeContent{ float:left; position:relative; margin-top:15px;}
.homeContent p{ padding:5px 0; font-size:13px; color:#555; line-height:18px; text-align:justify;}

div.homeThumb1{ float:left; position:relative; margin:10px 0; width:300px; min-height:117px; padding-bottom:15px; background-color:#BF3939; }
div.homeThumb1 p{ padding:5px 15px; color:whitesmoke;}

div.homeThumb2{ float:left; position:relative; margin:10px 0; width:300px; min-height:117px; padding-bottom:15px; background-color:#8EB45C; }
div.homeThumb2 p{ padding:5px 15px; color:whitesmoke;}

div.homeThumb3{ float:left; position:relative; margin:10px 0; width:300px; min-height:117px; padding-bottom:15px; background-color:#5ca5b4; }
div.homeThumb3 p{ padding:5px 15px; color:whitesmoke;}

.homeThumbShadow1{ 
	float:left; position:relative; width:300px; margin-right:30px; padding-bottom:2px; background: url(../ykimages/box_shadow.png) center bottom no-repeat;}
.homeThumbShadow2{ 
	float:left; position:relative; width:300px; margin-right:30px; padding-bottom:2px; background: url(../ykimages/box_shadow.png) center bottom no-repeat;}
.homeThumbShadow3{ 
	float:left; position:relative; width:300px; padding-bottom:2px; background: url(../ykimages/box_shadow.png) center bottom no-repeat;}
.homeThumbTitle{ 
	margin-top:15px; padding:0px 15px; font-size:16px; color:#222;}

/* For CONTENT ----------------------------------------------------- */

div.content{ float:left; position:relative;	width:100%;	padding:15px 0;}
div.content p{ text-align:justify;}
div.content p img{ float:left; vertical-align:text-top;	padding-right:5px; clear:both;}

.LeftDiv{ 
	float:left; position:relative; width:100%; max-width:217px; margin:20px 0; margin-right:15px; padding:15px;
	background-color:#F7F7F7; border:1px solid #E8E8E8;
}
.RightDiv{ float:left; position:relative; width:680px; min-height:423px; margin:20px 0; padding-left:15px; border-left:1px dotted #ccc;}
.MiddleDiv{ float:left; position:relative; width:100%; max-width:930px; padding:15px 25px; margin:20px 0; background-color:#F7F7F7; border:1px solid #E8E8E8;}

.LeftDivContent{ float:left; position:relative; width:100%; max-width:245px; }
.LeftDivContent p{ font-size:14px; font-weight:bold; text-transform:uppercase; margin-bottom:10px; border-bottom:1px solid #333;}
.LeftDivContent ul{ list-style-type:none;}
.LeftDivContent ul li{ display:list-item; padding:5px 0; font-size:13px;}
.LeftDivContent ul li a{ font-size:13px; color:#333;}
.LeftDivContent ul li a:hover{ color:#c2434a; text-decoration:underline;}

.RightDivContent{ float:left; position:relative; width:628px; padding:15px 25px; margin-bottom:15px; background-color:#F7F7F7; border:1px solid #E8E8E8;}
.RightDivContent p{ font-size:13px; text-align:justify; line-height:18px;}
.RightDivContent p a{ font-size:13px; color:#333;}
.RightDivContent p a:hover{ color:#c2434a; text-decoration:underline;}
.RightDivContent p img{ float:left; vertical-align:top; margin:3px 15px 10px 0; border:4px solid #fff;}
.RightDivContentTitle{ 
	float:left; position:relative; margin-bottom:3px; padding-left:7px; font-size:13px; font-weight:bold; text-transform:uppercase; border-left:7px solid #D7D7D7;
}

.squareListDiv{ float:left; position:relative; width:100%;}
.squareListDiv ul{ list-style-type:square; margin-left:15px;}
.squareListDiv ul li{ display:list-item; padding:3px 0; font-size:13px; color:#333; line-height:18px;}

.createActSteps{ float:left; position:relative; width:100%; max-width:245px; }
.createActSteps p{ font-size:14px; font-weight:bold; text-transform:uppercase; margin-bottom:10px; border-bottom:1px solid #333;}
.createActSteps ul{ list-style-type:none;}
.createActSteps ul li{ display:list-item; padding:5px 0; font-size:13px;}

.newRegistration{ float:left; position:relative; width:430px; padding:15px 25px; margin-bottom:15px; background-color:#F7F7F7; border:1px solid #E8E8E8;}
.newRegistration p{ font-size:14px; font-weight:bold; text-transform:uppercase; margin-bottom:10px; border-bottom:1px solid #333;}
.newRegistration ul{ list-style-type:none;}
.newRegistration ul li{ display:inline-block; float:left; padding:5px 0; font-size:14px; text-align:right; min-width:210px;}
.newRegistration ul li p{ font-size:13px; text-align:left; font-weight:normal; text-transform:inherit; margin-bottom:0px; border-bottom:none;}
.newRegistration ul li p a{ font-size:13px; color:#c2434a; text-align:left;}
.newRegistration ul li p a:hover{ font-size:13px; color:#333; text-align:left;}
.newRegistration ul li input[type="text"]{ margin-left:5px; padding:5px; min-width:200px; color:#333333; border:1px #d1d3d4 solid;}
.newRegistration ul li input[type="password"]{ margin-left:5px; padding:5px; min-width:200px; color:#333333; border:1px #d1d3d4 solid;}
.newRegistration ul li input[type="submit"]{ padding:3px 15px; font-size:13px; color:whitesmoke; background-color:#c2434a; border:none; cursor:pointer;}
.newRegistration ul li input[type="button"]{ padding:3px 15px; font-size:13px; color:whitesmoke; background-color:#c2434a; border:none; cursor:pointer;}

.dLeftDiv{ 
	float:left; position:relative; width:100%; max-width:150px; margin:20px 0; margin-right:15px; padding:15px;
	background:#F7F7F7; border:1px solid #E8E8E8;
}
.dLeftDiv p{ font-size:12px; text-transform:uppercase; margin-bottom:10px;}

.dRightDiv{ float:left; position:relative; width:747px; margin:20px 0; padding-left:15px; border-left:1px dotted #ccc;}

.profile{ float:left; position:relative; margin-top:10px;}
.profile ul{ list-style-type:none;}
.profile ul li{ display:list-item; font-size:13px; padding:3px 0;}

.companyAlerts{ float:left; position:relative; width:100%; max-width:695px; padding:15px 25px; margin-bottom:15px; background-color:#F7F7F7; border:1px solid #E8E8E8;}
.companyAlerts ul{ list-style-type:square; margin-left:15px;}
.companyAlerts ul li{ display:list-item; padding:3px 0; font-size:12px; line-height:16px;}

.heading{ font-size:14px; font-weight:bold; text-transform:uppercase; margin-bottom:10px; border-bottom:1px solid #333;}

.projectsActive{ float:left; position:relative; width:100%; max-width:695px; padding:15px 25px; margin-bottom:15px; background-color:#F7F7F7; border:1px solid #E8E8E8;}
.projectsActive ul{ list-style-type:none;}
.projectsActive ul li{ display:list-item; padding:5px 0; font-size:14px; font-weight:bold;}
.projectsActive ul li a{ padding-left:5px; font-size:14px; color:#333; font-weight:normal !important; text-decoration:none; text-transform:capitalize;}
.projectsActive ul li a:hover{ color:#c2434a; text-decoration:underline;}

.open{ color:#c2434a !important; text-decoration:none !important;}
.open:hover{ color:#333 !important; text-decoration:underline !important;}

.importantAlert{ float:left; position:relative; width:100%; max-width:695px; padding:15px 25px; margin-bottom:15px; background-color:#F7F7F7; border:1px solid #E8E8E8; }
.importantAlert ul{ list-style-type:square; margin-left:40px;}
.importantAlert ul li{ display:list-item; padding:3px 0; font-size:12px; line-height:16px;}
.importantAlertTitle{ 
	margin-bottom:5px; padding-left:25px; font-size:16px; color:#c2434a;
	background-image:url(../ykimages/important-icon.jpg); background-repeat:no-repeat; background-position:center left;
}

.userProfileImg{ text-align:center; overflow:hidden;}
.userProfileImg img{ min-width:128px; max-width:128px; border:5px solid #fff;}

.companyProfileImg{ float:left; position:relative; width:100%; max-width:165px; background:#F7F7F7; border:1px solid #E8E8E8;}
.companyProfileImg img{ 
	min-width:128px; min-height:128px; max-width:128px; max-height:128px; margin-left:10px;
	background-image:url(../ykimages/userProfileImg.jpg); background-repeat:no-repeat;
}

.updateProfile{ float:left; position:relative; width:430px; padding:15px 25px; margin-bottom:15px; background-color:#F7F7F7; border:1px solid #E8E8E8;}
.updateProfile p{ font-size:14px; font-weight:bold; text-transform:uppercase; margin-bottom:10px; border-bottom:1px solid #333;}
.updateProfile ul{ list-style-type:none;}
.updateProfile ul li{ display:inline-block; float:left; padding:5px 0; font-size:14px; text-align:right; min-width:210px;}
.updateProfile ul li input[type="text"]{ margin-left:5px; padding:5px; min-width:200px; color:#333333; border:1px #d1d3d4 solid;}
.updateProfile ul li input[type="password"]{ margin-left:5px; padding:5px; min-width:200px; color:#333333; border:1px #d1d3d4 solid;}
.updateProfile ul li input[type="submit"]{ padding:3px 15px; font-size:13px; color:whitesmoke; background-color:#c2434a; border:none; cursor:pointer;}
.updateProfile ul li input[type="button"]{ padding:3px 15px; font-size:13px; color:whitesmoke; background-color:#c2434a; border:none; cursor:pointer;}
.updateProfile ul li textarea{ margin-left:5px; padding:5px; min-width:200px; color:#333333; border:1px #d1d3d4 solid;}

.resetPassword{ float:left; position:relative; width:430px; padding:15px 25px; margin-bottom:15px; background-color:#F7F7F7; border:1px solid #E8E8E8;}
.resetPassword p{ font-size:14px; font-weight:bold; text-transform:uppercase; margin-bottom:10px; border-bottom:1px solid #333;}
.resetPassword ul{ list-style-type:none;}
.resetPassword ul li{ display:inline-block; float:left; padding:5px 0; font-size:14px; text-align:right; min-width:210px;}
.resetPassword ul li input[type="text"]{ margin-left:5px; padding:5px; min-width:200px; color:#333333; border:1px #d1d3d4 solid;}
.resetPassword ul li input[type="password"]{ margin-left:5px; padding:5px; min-width:200px; color:#333333; border:1px #d1d3d4 solid;}
.resetPassword ul li input[type="submit"]{ padding:3px 15px; font-size:13px; color:whitesmoke; background-color:#c2434a; border:none; cursor:pointer;}
.resetPassword ul li input[type="button"]{ padding:3px 15px; font-size:13px; color:whitesmoke; background-color:#c2434a; border:none; cursor:pointer;}

.projectActivity{ float:left; position:relative; width:100%; max-width:714px; padding:15px 25px; margin-bottom:15px; background-color:#F7F7F7; border:1px solid #E8E8E8;}
.projectsActive tr td{ padding:5px 0; font-size:14px;}
.projectsActive tr td a{ font-size:14px; color:#8eb45c; text-decoration:none;}
.projectsActive tr td a:hover{ color:#333; text-decoration:underline;}

.projectActivityTitle{ margin-bottom:5px; font-size:20px; color:#333;}

.projectList{ float:left; position:relative; width:100%; max-width:165px;}
.projectList p{ font-size:14px; font-weight:bold; text-transform:uppercase; margin-bottom:10px; border-bottom:1px solid #333;}
.projectList ul{ list-style-type:none;}
.projectList ul li{ display:list-item; padding:5px 0; font-size:13px; color:#333;}
.projectList ul li a{ 
	padding-left:10px; font-size:13px; color:#333; text-decoration:none; 
	background-image:url(../ykimages/square.jpg); background-repeat:no-repeat; background-position:center left;
}
.projectList ul li a:hover{ color:#c2434a; text-decoration:underline; background-image:url(../ykimages/squareHover.jpg);}

/* For PORTFOLIO SECTION -----------------------------------------------------

.portfoliContent{ float:left; position:relative; margin-bottom:15px;}
.portfoliContentLeft{ float:left; position:relative; width:680px; height:426px;}
.portfoliContentRight{ 
	float:left; position:relative; width:208px; height:394px; background-color:#fff; margin-left:10px; padding:15px; background-color:white; border:1px solid #E8E8E8;
}
.portfoliContentRight p{ font-size:12px; color:#333; text-align:justify; line-height:16px; }
.portfoliContentRightTitle{ margin-bottom:10px; padding-left:7px; font-size:13px; font-weight:bold; border-left:7px solid #D7D7D7;}
.portfolioCloseButton{ position:absolute; left:930px; z-index:9999; cursor:pointer;}

.portfoliThumbnails{ float:left; position:relative;} */


/* For PORTFOLIO ----------------------------------------------------- */

.portfoliContent{ 
	float:left; position:relative; margin:15px 0px; margin-top:80px; background-color:whitesmoke;
	-webkit-box-shadow: 0 7px 7px -7px #777;
	-moz-box-shadow: 0 7px 7px -7px #777;
	box-shadow: 0 7px 7px -7px #777;
}
.portfolioCloseButton{ position:absolute; left:925px; z-index:9000; cursor:pointer;}
.portfoliThumbnails{ float:left; position:relative;}

/* For DETAILS ----------------------------------------------------- */

.details{ float:left; position:relative; top:39px; max-width:500px;}
.details tr td{	font-size:18px;	padding-bottom:5px;}

div.divider{ float:left; position:relative;	border-top:1px dashed #666666;margin-top:525px;
	background-image:url(../ykimages/bg.jpg); background-repeat:no-repeat; background-position:center top;
}
div.divider p{ margin-top:10px;	text-align:justify;}

/* For WEB DETAILS ----------------------------------------------------- */

.webdetails{ float:left; position:relative;	margin-top:15px; margin-bottom:25px; width:100%;}
.webdetails tr td{ font-size:18px; padding:5px 15px; vertical-align:top; text-align:justify;}

.bgblue{ background-color:#4EA1FF; color:#ffffff;	font-weight:bold;}

.bgbottom{
	background-image:url(../ykimages/bg-box.png); background-repeat:no-repeat; background-position:center;
	width:312px; height:145px;
}


/* For LOGIN ----------------------------------------------------- */

div.login{ margin:0 auto; margin-top:20px; padding:15px; max-width:230px; background-image:url(../ykimages/banner-bg.jpg);}
div.login ul{ list-style-type:none;}
div.login ul li{ display:list-item; padding:5px 0; font-size:14px; color:whitesmoke;}
div.login ul li a{ color:#c2434a;}
div.login ul li a:hover{ color:#fff;}
div.login ul li input[type="text"]{	padding:5px; min-width:200px; color:#333333; border:1px #d1d3d4 solid;}
div.login ul li input[type="password"]{ padding:5px; min-width:200px; color:#333333; border:1px #d1d3d4 solid;}
div.login ul li input[type="submit"]{ padding:3px 15px; font-size:13px; color:whitesmoke; background-color:#c2434a; border:none; cursor:pointer;}
div.login ul li input[type="button"]{ padding:3px 15px; font-size:13px; color:whitesmoke; background-color:#c2434a; border:none; cursor:pointer;}

/* For Forgot Password ----------------------------------------------------- */

div.forgotPassword{ margin:0 auto; margin-top:20px; padding:15px; max-width:230px; background-image:url(../ykimages/banner-bg.jpg);}
div.forgotPassword ul{ list-style-type:none;}
div.forgotPassword ul li{ display:list-item; padding:5px 0; font-size:14px; color:whitesmoke; text-align:center;}
div.forgotPassword ul li a{ color:#c2434a;}
div.forgotPassword ul li a:hover{ color:#fff;}
div.forgotPassword ul li input[type="text"]{ padding:5px; min-width:200px; color:#333333; border:1px #d1d3d4 solid;}
div.forgotPassword ul li input[type="password"]{ padding:5px; min-width:200px; color:#333333; border:1px #d1d3d4 solid;}
div.forgotPassword ul li input[type="submit"]{ padding:3px 15px; font-size:13px; color:whitesmoke; background-color:#c2434a; border:none; cursor:pointer;}
div.login ul li input[type="button"]{ padding:3px 15px; font-size:13px; color:whitesmoke; background-color:#c2434a; border:none; cursor:pointer;}

/* For Contact Us ----------------------------------------------------- */

.googlemap{ float:left; position:relative;}
.contactUs{	float:left; position:relative; width:100%; min-height:349px;}
.contactUs p{ line-height:18px;}

.address{ float:left; display:block; margin-bottom:5px; margin-right:25px; width:270px; min-height:100px;}
.address p{ font-size:14px; line-height:18px;}
.addressTitle{ margin-bottom:10px; font-size:14px; font-weight:bold; border-bottom:1px solid #333;}

/* For FOOTER ----------------------------------------------------- */

div.footer { float:left; position:relative;	width:100%;	background-color:#333; background-image:url(../ykimages/footer-bg.jpg); margin-top:20px; padding:15px 0;}
div.footerlinks{ position:relative;	margin:20px 0;}
div.footerlinks p{ margin-bottom:10px; padding-bottom:3px; font-size:15px; color:#fff; text-transform:uppercase; border-bottom:1px solid #fff;}
div.footerlinks ul{	list-style-type:none;}
div.footerlinks ul li{ display:list-item; padding-bottom:3px;}
div.footerlinks ul li a{ font-size:12px; color:#ccc; font-weight:400; line-height:150%; text-transform:uppercase;}
div.footerlinks ul li a:hover{ color:#fff; text-decoration:underline;}

.copyright{ float:left; font-size:12px; color:#ccc;}
.poweredBy{ float:right; position:relative; font-size:12px; font-weight:bold; color:#ccc;}
.poweredBy img{ vertical-align:middle; padding-left:5px;}

/* For UPLOADIFY BUTTON -----------------------------------------------------*/

.uploadify{ background-color:#333;}
.uploadify-button{ padding:0px 15px; background-color:#333;}
.uploadify-button-text{ font-size:13px; color:whitesmoke;}
.cancel{ margin:0 auto; margin-top:2px; padding:3px; max-width:20px; background-color:#C2434A;}
.cancel a{ font-size:11px; color:whitesmoke !important; text-align:center;}
.fileName{ font-size:12px; color:#333;}
.data{ font-size:12px; color:#C2434A; text-transform:uppercase;}

/* For rectable -----------------------------------------------------*/

.rectable{ float:left; position:relative; margin-top:5px; width:100%;}
.rectable thead td{
	padding:5px 3px; background-color:#333; background-image:url(../ykimages/banner-bg.jpg);
	font-size:13px;	color:#fff;	text-transform:uppercase; white-space:nowrap; 
}
.rectable tbody td{	padding:3px; font-size:12px; color:#333; vertical-align:top; border-bottom:1px solid #E8E8E8;}

/* For Showform ----------------------------------------------------- */

.showform { float:left; position:relative; width:100%; margin:15px 0;}
.showform td{ font-size:13px;}
.showform td{ padding:3px; min-width:200px;}
.showform td input[type="text"]{ padding:3px; min-width:200px; color:#333333; border:1px #d1d3d4 solid;}
.showform td input[type="submit"]{ margin-left:3px; padding:3px 15px; font-size:13px; color:whitesmoke; background-color:#c2434a; border:none; cursor:pointer;}
.showform td input[type="button"]{ margin-left:3px; padding:3px 15px; font-size:13px; color:whitesmoke; background-color:#c2434a; border:none; cursor:pointer;}

/* For ADDFORM ----------------------------------------------------- */

.addform{ float:left; position:relative; padding:10px;}
.addform td{ font-size:13px; vertical-align:top;}
.addform td input[type="text"]{ margin-bottom:5px; margin-right:5px; padding:3px; min-width:200px; color:#333333; border:1px #d1d3d4 solid;}
.addform td input[type="password"]{ margin-bottom:5px; margin-right:5px; padding:3px; min-width:200px; color:#333333; border:1px #d1d3d4 solid;}
.addform td input[type="submit"]{ padding:3px 15px; font-size:13px; color:whitesmoke; background-color:#c2434a; border:none; cursor:pointer;}
.addform td input[type="button"]{ padding:3px 15px; font-size:13px; color:whitesmoke; background-color:#c2434a; border:none; cursor:pointer;}
.addform td select{ margin-bottom:5px; margin-right:5px; padding:3px;}
.addform td textarea{ margin-bottom:5px; margin-right:5px; padding:3px; min-width:200px; color:#333333; border:1px #d1d3d4 solid;}
.formlable{ font-weight:bold;}

/* For FONT STYLE ----------------------------------------------------- */

.pagetitle{ font-size:16px; font-weight:bold;}
.formtitle{ color:#FFFFFF; font-weight:bold; background-color:#497517; height:20px; padding-left:10px;}

.bigfont { font-size:36px;}
.mediumfont { font-size:19px; line-height:30px;}
.smallfont { font-size:12px;}


/* For POP UP BOX -----------------------------------------------------*/

.dialoguecontent{ background-color:#f5f5f5; border-radius:5px; padding:20px;}

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;

}
   
#boxes .window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
 
 
/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:auto; 
  height:auto;
}

/* PREVIOUS - NEXT  ------------------------------------------------------- */

.prev-next{
	float:right;
	font-size:11px;
	color:#333333;
	font-weight:bold;
}

.prev-next a{
	font-size:11px;
	color:#bf3538;
	padding-right:5px;
}

.prev-next a:hover{
	color:#000000;
	text-decoration:none;
}


/* A LINK ------------------------------------------------------- */

a{ color:#333;}
a:hover{ color:#c2434a;	text-decoration:underline;}

/* PADDING ------------------------------------------------------- */

.pl15{
	padding-left:15px;
}

.arrow-right {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #333333;
}

/* TOOLTIP ------------------------------------------------------- */

.toolTip {
        color: #3366FF;
        cursor: pointer;
        position: relative;
}
.toolTipWrapper {
        width: 300px;
        position: absolute;
        top: 17px;
		margin-left:-55px;
        display: none;
        color: #ffffff;
        font-weight: bold;
        font-size: 10pt;
}

.toolTipMid {
        padding: 10px;
		color: #ffffff;
		text-align:justify;
		background-color:#ee3233;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
}


/*Back to top button */
#back-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#back-top a {
	display: block;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	display: block;
	margin-bottom: 47px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}