@charset "utf-8";
/* CSS Document */

body{ background:url(../images/main-bg.jpg) repeat-x; margin:0px; padding:0px; }

h1,h2,h3,h4,h5,h6,p,div,input,form,lebel,ul,li{ margin:0px; padding:0px;}


/* Home Page */

#wrapper{ margin:0 auto; padding:0px; width:1144px;}

.top-link{ width:1144px; margin:0 auto; padding:0px;}
.top-rt-link{ width:455px; padding:18px; float:right; font:normal 15px Helvetica; color:#AEAEAE; text-align:right;}
.top-rt-link a{ font:normal 15px Helvetica; color:#AEAEAE; text-decoration:none; padding-left:12px; }
.top-rt-link a:hover{ font:normal 15px Helvetica; color:#AEAEAE; text-decoration:underline;}
.logo{ float:left; width:274px; height:74px; padding-top:13px;}
h1{font:bold 18px Arial, Helvetica, sans-serif; color:#FFFFFF;}
.clear{ clear:both;}
#mid-contain{width:1144px; margin:0 auto; padding-top:15px;}
#left-nav{ width:253px; float:left;}
.left-nav-tit{ width:232px; float:left; background:#0b4b79; height:40px; padding:14px 0px 0px 20px; margin:0px 1px 0px 0px; font:normal 22px Georgia; color:#FFFFFF;}
.left-nav-bg{ width:212px; background:#FFFFFF; padding:0px 20px;}

h2{ font: normal 20px Georgia; color:#CC6633; line-height:30px; padding:20px 0px 0px 5px;}
h2 span{ font: normal 15px Georgia; color:#333; border-bottom:1px dotted #AEAEAE;}
.left-nav-links ul{ margin:15px 0px 0px 8px; padding:0px;}
.left-nav-links li{ list-style:none;}
.left-nav-links li a{ font:normal 15px Georgia; color:#333333; text-decoration:none; line-height:25px;}
.left-nav-links li a:hover{ font:normal 15px Georgia; color:#333333; line-height:25px; text-decoration:none; border-bottom:2px solid #d50045;}

#srch-area{ width:858px; float:right; height:24px; padding:15px 15px 15px 0px; background:#333333;}

.banner-area{ width:858px; float:right; padding:0px 15px 0px 0px; margin-top:5px; }

.srch-tit{ font:normal 22px Georgia; color:#FFFFFF;}
.srch{ width:424px; height:21px; font:normal 16px Arial, Helvetica, sans-serif; padding-top:3px; color:#666666;} 

#mid-prod-area{ width:880px; float:right; padding-top:7px; background:#FFFFFF;}
.prod-bxShadow{ float:left; width:214px; background:url(../images/thum-shadow.png) repeat-y; margin:0px 2px;}
.prod-bx{ width:206px; float:left; }
.prod-bx2{ width:206px; float:left; }
.prod-bx1{ width:206px; height:159px; float:left; }
.prod-bxDescr{  padding-top:5px; margin:0px 3px; width:200px; height:20px; border-top:1px solid #d1d1d0; font: normal 12px "Georgia"; color:#0889cd; }
.prod-bxbotShadow{ float:left; width:214px;}

.prod-date{ width:147px; height:32px; float:left; background:url(../images/box-lt-icon.jpg) 0px 4px no-repeat; text-align:right; padding:5px 5px 0px 0px; font:normal 12px Arial, Helvetica, sans-serif; color:333333;}

.prod-view{ width:142px; height:32px; float:left; text-align:left; padding:5px 5px 0px 0px; font:normal 12px Arial, Helvetica, sans-serif; color:333333;}

.prod-thumb{width:43px; height:32px; float:left; background:url(../images/thumb-icon.jpg) 0px 4px no-repeat;  padding:5px; text-align:right; font:normal 12px Arial, Helvetica, sans-serif; color:333333;}
.hor-line{ border-bottom: 1px solid #c8c8c8;}

.bot-hor-line{ border-bottom:1px solid #cc7f99; height:40px;}

.prod-numeric ul{ margin:0px; padding-top:10px; float:right}
.prod-numeric li{ float:left; list-style:none; padding-left:5px; }
.prod-numeric li a{ display:block; font:bold 18px Georgia; padding:8px; color:#000000; text-decoration:none; border:1px solid #990033; }

#footer{ margin:0px; padding:0px; width:100%; background:#333333; height:98px;}



/* creative info */
#creative-info-contain{ width:873px; float:right; background:#fff;}

.thombnail-img{ width:145px; float:left; padding:10px;}
.small-thumb-img{ width:50px; float:left; padding:10px;}
.title-name{ font: normal 32px Helvetica; color:#333333; padding-top:25px;}
.sub-title-name{ font: normal 15px Helvetica; color:#0000FF; padding-top:15px;}
.sub-title-name span{ font: normal 12px Helvetica; color:#CC3300;}
.small-thumb-divid{ border-bottom: 1px dotted #999999;}
.creat-info-descr{ width:500px; float:left; margin-left:15px;}
.creat-url{ font:normal 18px Helvetica; color:#0066FF;}
.creat-url_desc{ font: normal 15px Helvetica; color:#333; line-height:30px;}
.creat-text-normal{ font: normal 15px Helvetica; color:#333; line-height:24px;}
.creat-text-normal span{ font: normal 15px Helvetica; color:#0066FF;}



/* Select image page */
.slt-img-page{ width:700px; margin:0px auto; padding-top:15px;}
.blue-title{ width:185px; float:left;}
.icon-set{ width:120px; float:right; text-align:right; padding-bottom:10px;}
.slt-img-page_fild{ height:376px;}
.slt-img-page_fild_desc{ font:normal 15px Helvetica; color:#333; text-align:center; line-height:24px;}

.sml-thumb-field{ width:872px; float:left;}

.get-notice{ width:878px; float:right; padding-top:15px;}
.get-notice-bg{width:848px; background:url(../images/get-notice-bg.png) right repeat-y; font:normal 15px Georgia; color:#333333; padding:20px 15px 25px 15px}
.get-notice_bot{ width:878px; float:right;}
.get-notice-title{ font:normal 22px Georgia; color:#0066FF;}


.portfolio-link_desc{ font:normal 15px Helvetica; color:#333; padding-left:20px;}


.admin-mid-category-area{ width:876px; margin:0 auto; padding:0px; background:url(../images/admin-cate-bg.jpg) repeat-x;}


.captcha-area{ width:800px; margin:0 auto; padding-top:15px;}
.captcha-desc{float:left;}
.captcha-desc1{float:left; padding:15px 50px 0px 0px; font:normal 15px Helvetica; color:#333;}
.captcha-desc2{float:left; padding:15px 0px 0px 10px;}
.submit-butt{ float:right; padding:10px 20px 0px 0px;}









#selectedpackage{color:#993333;margin-left:20px;font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold;}

/* Dashboard section */


#admin-mid-contain{ width:1000px; margin:0 auto; padding-top:42px;}
.admin-mid-top{ width:876px; float:left;}
.admin-mid-mid{ width:876px; float:right; background:url(../images/admin-mid-bg.jpg) repeat-y;}
.admin-mid-bot{ width:996px; float:left;}
.admin-site-stats ul{ margin-bottom:35px; padding:21px 0px 0px 39px;}
.admin-site-stats li{ list-style:none; font: normal 18px Georgia; color:#000000;}
.admin-site-stats li a{ list-style:none; font: normal 18px Georgia; color:#000000; text-decoration:none; line-height:22px;}
.admin-site-stats li a span{color:#0066FF; font: normal 18px Georgia; text-decoration:none;}
.admin-mid-category-area{ width:876px; margin:0 auto; padding:0px; background:url(../images/admin-cate-bg.jpg) repeat-x;}
.admin-mid-category-area_none{ width:876px; margin:0 auto; padding:0px;}
.password{ font:normal 15px Helvetica; color:#333333;}
.password-contain{ width:400px; float:left; padding:15px 0px 0px 20px;}
.pending-img-contain{ font:bold 16px Helvetica; color:#000;}
.pend-img-con-gray{ font:bold 16px Helvetica; color:#999999; padding-left:88px;}

.pend-img-droplist{ width:326px; border:1px solid #666666; height:22px;}

.url-contain{ width:750px; float:left; padding:15px 0px 0px 20px;}
.text-area-contain{ width:750px; float:left; padding:15px 0px 0px 110px;}
.pending-image_input{ width:840px; float:left; padding:15px 0px 0px 20px;}

.pend-comt-field{ width:750px; float:left; padding:15px 0px 0px 20px;}

.add-cat-contain{ width:500px; float:left; padding:7px 0px 0px 20px;}
.pass-input{ width:211px; border:1px solid #AEAEAE; border-top:2px solid #999; height:22px; height:22px;}
.url-input{ width:580px; border:1px solid #AEAEAE; border-top:2px solid #999; height:22px;}
.pending-imageinput{width:571px; border:1px solid #666666; height:22px;}

.pending-comment{width:632px; border:1px solid #A0A0A1; height:22px;}

.text-area-textarea{ width:580px; border:1px solid #666666; height:155px; overflow:scroll;}

.add-cat-input{width:313px; height:22px;}
.change-btn{ padding:50px 0px;}

.admin-cate ul{ margin:35px 0px 100px 100px;}
.admin-cate li{list-style:none; font: normal 15px Georgia; color:#000000;}
.admin-cate li a{ display:block; width:163px;list-style:none; font: normal 15px Georgia; color:#000000; text-decoration:none; line-height:28px; background:url(../images/red-cross.jpg) 135px 0px no-repeat;}


h3{ font: bold 15px Helvetica; color:#333333; padding:20px 0px 0px 20px;}

.close-ok_btn{width:150px; padding:10px 0px; float:right;}
.pend-comt_btn{width:100px; padding-top:5px; float:right;}
.green-btn_tick{ padding-left:15px;}

.pending-image{ background:url(../images/image_bg.jpg) repeat-x top left; width:698px; margin:0 auto; padding:0px; height:432px;}

.admin-pend_img{ font: normal 18px Georgia; color:#333333; padding-top:30px; width:400px; float:left;}
.upload-img-tit{ font: normal 20px Georgia; color:#CC6633; line-height:18px; padding:20px 0px 0px 60px;}
.upload-img-sub_tit{ font: normal 18px Georgia; color:#000; line-height:30px; padding:5px 0px 5px 20px; }

.upload-img-fields{ width:873px; margin:0 auto; padding:0px;}
.upload-input-tit{ font: normal 16px Helvetica; color:#000; width:165px; float:left; padding-top:5px;}
.upload-img-input{ font: normal 16px Helvetica; color:#000; width:165px; float:left; margin-top:3px; width:494px; height:26px; border:1px solid #AEAEAE; border-top:2px solid #999;}
.upload-img_btn{ padding-left:10px;}
.upload-img_btn-green{ padding-left:12px;}

.upload-img_desc{width:175px; float:left; padding:10px 0px 0px 10px; font:normal 12px Helvetica; color:#000000;}
.upload-img_droplist{ width:326px; border:1px solid #AEAEAE; margin-top:3px; height:28px; border-top:2px solid #999;}
.upload-btn{ width:174px; float:right; padding-top:20px;}

.pend-img_tit{ font:normal 20px  Georgia; color:#CC6633; border-bottom:1px solid #990033; line-height:30px; }

.pend-apro-img_bx{ width:206px; float:left; }
.pend-apro-img_bx2{ width:206px; margin-left:15px; float:left; background:url(../images/pending_img.jpg) top no-repeat;}
.pend-apro-img_bx1{ width:206px; height:159px; float:left; background: url(../images/pending_img.jpg) top no-repeat;}

.upload-numeric ul{ margin:0px; padding:10px 40px 0px 0px; float:right}
.upload-numeric li{ float:left; list-style:none; padding-left:5px; }
.upload-numeric li a{ display:block; font:bold 18px Georgia; padding:8px; color:#000000; text-decoration:none; border:1px solid #990033; }


.gen-info-tit{ font: normal 20px Georgia; color:#CC6633; line-height:25px; padding:20px 0px 0px 10px;}
.gen-info-sub_tit{ font: normal 18px Georgia; color:#000; line-height:30px; padding:5px 0px 5px 20px; }

.gen_info-input-tit{ font: normal 16px Helvetica; color:#000; width:165px; float:left; padding:5px 0px 0px 20px;}



.thum-close-btn{ width:43px; height:44px; position:relative; right:-150px; top:-210px;}


.frontend-cms{ width:850px; padding:0px; float:right; background:#FFFFFF }
.frontend-cms p{ line-height:18px; font:normal 13px "Arial MT",Arial, Helvetica, sans-serif; color:#333; }




.notifi_box{ width:400px; float:left;}

.notifi_error ul{ margin:0px; padding:0px; background:#fccac3;}
.notifi_error li{ display:block; list-style:none;  padding:15px 0px 0px 55px;  width:342px; height:35px; border:1px solid #ea5338; background: url(../images/erro-icon.jpg) 15px 8px no-repeat; }
.notifi_error li a{ display:block; text-decoration:none; font: normal 12px Arial, Helvetica, sans-serif; color:#333333;}
.notifi_error li a:hover{text-decoration:none;}

.notifi_warning ul{ margin-top:10px; padding:0px; background:#ffeaa9;}
.notifi_warning li{ display:block; list-style:none; width:342px; height:35px; border:1px solid #f9b418; background: url(../images/warnn-icon.jpg) 15px 8px no-repeat; padding:15px 0px 0px 55px; }
.notifi_warning li a{ display:block; text-decoration:none; font: normal 12px Arial, Helvetica, sans-serif; color:#333333; }
.notifi_warning li a:hover{text-decoration:none;}

.notifi_success ul{ margin-top:10px; padding:0px; background:#effeb9;}
.notifi_success li{ display:block; list-style:none;  padding:15px 0px 0px 55px;  width:342px; height:35px; border:1px solid #9ac601; background: url(../images/succ-icon.jpg) 15px 8px no-repeat; }
.notifi_success li a{ display:block; text-decoration:none; font: normal 12px Arial, Helvetica, sans-serif; color:#333333; }
.notifi_success li a:hover{text-decoration:none;}


.myaccount{float:right; width:495px;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#FFFFFF;}

.login-acc{float:left; width:120px;}
.designer-name { color:#FFFF00;text-decoration:none; }
.style1{color:#FF0000; }


/* 11Aug,2010 */
#mid-prod-area{ width:873px; float:right; padding-top:7px; background:#FFFFFF;}
.prod-bxShadow{ float:left; width:214px; background:url(../images/thum-shadow.png) repeat-y; margin:0px 2px;}
.prod-bx{ width:206px; float:left; }
.prod-bx2{ width:206px; float:left; }
.prod-bx1{ width:206px; height:159px; float:left; }
.prod-bxDescr{  padding-top:5px; margin:0px 3px; width:200px; height:20px; border-top:1px solid #d1d1d0; font: normal 12px "Georgia"; color:#0889cd; }
.prod-bxbotShadow{ float:left; width:214px;} 

.prod-view{ width:142px; height:20px; float:left; text-align:left; padding:5px 5px 0px 0px; font:normal 12px Arial, Helvetica, sans-serif; color:333333;}
.prod-thumb{width:43px; height:20px; float:left; background:url(../images/thumb-icon.jpg) 0px 4px no-repeat;  padding:5px; text-align:right; font:normal 12px Arial, Helvetica, sans-serif; color:333333;}

.crown{ width:31px; height:20px; float:left; text-align:left; }
.meter{width:166px; height:20px; float:left; background:url(../images/meter.jpg) 0px 0px no-repeat; background-position:right;  text-align:left;}

.left-nav-tit{ width:232px; float:left; background:#0b4b79; height:40px; padding:14px 0px 0px 20px; margin:0px 1px 0px 0px; font:normal 22px Georgia; color:#FFFFFF;}

/* bread crumb */
.breadcrumb {
	-x-system-font:none;
	color:#CC6633;
	font-family:Georgia;
	font-size:20px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:30px;
	margin-left:20px;
	padding:20px 0 0 5px;
}

.breadcrumb a{
	-x-system-font:none;
	color:#CC6633;
	font-family:Georgia;
	font-size:20px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:30px;
	padding:20px 0 0 5px;
}

.top-menu{ font: normal 18px Georgia, "Times New Roman", Times, serif; color:#FFFFFF; height:25px; width:435px; float:right;}
.top-menu a{ font: normal 18px Georgia, "Times New Roman", Times, serif; color:#FFFFFF; padding:0px 15px; text-decoration:none;}
.top-menu a:hover{ font: normal 18px Georgia, "Times New Roman", Times, serif; color:#FFFFFF; border-bottom:2px solid #F7941E;text-decoration:none;}

/* Jobs WTD Date: 23-08-2010 */
.postJobpage{ width:852px; padding:10px; float:right; background:#FFFFFF url(../images/forntain-cms_bg.jpg) repeat-x;}
.postJobpage-tit{ width:165px; height:32px; float:left;}
.postJob_btn{ width:165px; height:32px; float:right; padding-bottom:10px;}
.new-jobpostArea{ width:850px; float:left; background:#FFFFFF;}

.new-add{ width:30px; height:15px; float:left; padding:5px;}
.new-add-blank{width:30px; height:15px; float:left; padding:5px; background:#FFFFFF;}
.post-containWhite{ width:850px; height:25px; float:left; border-bottom:#EDEDED 1px solid; cursor:pointer;}
.post-containWhite-blank{ width:850px; height:25px; float:left; border-bottom:#EDEDED 1px solid;}

.post-pageContain{ width:850px; background:#FFFFFF; float:left;}
.post-containyellow{ width:850px; height:25px; float:left; border-bottom:#EDEDED 1px solid; background:#FFFFCC;}
.post-containyellow-blank{ width:850px; height:25px; float:left; background:#FFFFCC; border-bottom:#EDEDED; cursor:pointer;}

.post-title{ width:350px; height:20px; float:left; padding-top:5px; font:normal 12px Arial, Helvetica, sans-serif; color:#000000;}
.post-location{ width:150px; height:20px; float:left; padding-top:5px; font:normal 12px Arial, Helvetica, sans-serif; color:#000000;}
.post-company{ width:265px; height:20px; float:left; padding-top:5px; font:normal 12px Arial, Helvetica, sans-serif; color:#000000;}


.post-date{ width:40px; height:20px; padding-top:5px; float:right; font:normal 11px Arial, Helvetica, sans-serif; color:#FF9966;}

/* Pay for Job Posting */

.payment-page{ width:872px; float:right;}

.payment-page h3{ float:left; text-align:left; width:300px; font:normal 20px Georgia; color:#CC6633; margin-top:0px; padding:0px; }
.Pay-Job{width:872px; padding-top:40px; float:right; background:#FFFFFF url(../images/admin-cate-bg.jpg) repeat-x;}
.package-type{ width:850px; float:left;}
.pack1{ width:150px; height:20px; float:left; margin-left:20px; font:bold 12px Arial, Helvetica, sans-serif; color:#000000;}
.packpay{ width:250px; float:left;}
.radio-field{ width:20px; height:20px; float:left;}
.packpay label{font:bold 12px Arial, Helvetica, sans-serif; color:#000000; padding-top:5px;}

.packpost{ width:400px; float:left; font:bold 11px Arial, Helvetica, sans-serif; color:#000000;}
.packpost label{font:bold 12px Arial, Helvetica, sans-serif; color:#000000; padding-top:5px;}

.billing-info{ float:left; width:450px;  margin-left:20px; margin-top:20px; border-right:1px solid #000000;}
.billing-info h2{ margin:0px; padding:0px; height:35px; font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#5A99CC; border:none;}

.pay-info{ float:left; width:350px; margin-left:20px; margin-top:65px; }

.pay-info h2{margin:0px; padding:0px; height:35px; font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#6B882D; border:none;}

.billing-lt{width:120px; float:left; height:31px; padding-top:4px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#000000;}
.billing-rt{width:325px; float:left; height:35px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#000000;}

.billing-listMenu{ width:140px; border:1px solid #DBDFE6; border-top:#ABADB3 1px solid}
.billing-input{ width:220px; height:20px; border:1px solid #DBDFE6; border-top:#ABADB3 1px solid; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#000000;}

.billing-dateList{ width:120px; float:left;}
.billing-yearList{ width:60px; float:left; margin-left:10px;}

.billing-inputZip{ width:120px; height:20px; border:1px solid #DBDFE6; border-top:#ABADB3 1px solid; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#000000;}
.billing-inputccvn{ width:50px; float:left; height:20px; border:1px solid #DBDFE6; border-top:#ABADB3 1px solid; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#000000;}
.billingVisa{ width:60px; float:left; height:32px; padding-left:4px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#888888; text-align:center;}
.billingVisa label{padding-top:10px; height:25px;}

.pay-input{ width:330px; height:22px; float:left; font: bold 12px Arial, Helvetica, sans-serif; color:#333333;}
.paydotLine{ border-bottom:dotted 1px #999999;}

.forgotTitle{ padding-top:10px; }
.forgotPass{ background:url(../images/submit-paymnt_field.jpg) no-repeat; width:326px; height:71px; padding:10px; margin-top:10px;}
.payMail{width:35px; float:left; font:bold 11px Arial, Helvetica, sans-serif; color:#333333; padding-top:3px;}
.payMail-input{ width:200px; float:left; height:20px; border:1px solid #DBDFE6; border-top:#ABADB3 1px solid; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#000000;}
.paySendbtn{ width:78px; float:left; text-align:right;}
.payorder-btn{ width:253px; float:left; margin-top:20px;}

/* post job */
.blue-box{ width:872px; float:right;}
.blueTitle-box{ width:852px; margin-top:15px; padding:10px 10px 0px 10px; float:left; background:url(../images/top-blue-tit_bg.png) repeat-y; font: normal 18px Georgia, "Times New Roman", Times, serif; color:#333333;}
.blueTitle-box h2{ font:normal 22px Georgia, "Times New Roman", Times, serif; color:#0066FF; border:none;}
.blueTitlebxbtn{width:872px; float:left;}

.post-Job{padding:30px 10px 10px 30px; width:832px; float:right; background:#FFFFFF url(../images/admin-cate-bg.jpg) repeat-x;}

.job-tit{ width:600px; float:left;}
.job-location{width:600px; float:left; }
.job-desc h2{ height:40px; font:bold 16px Arial, Helvetica, sans-serif; color:#3399D5; border:none;}

.job-titlelt{ width:70px; padding-top:10px; float:left; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#000000;}
.job-titlert{ width:500px; float:left; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#FF0000;}
.job-titlert-input{ width:320px; height:22px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#666666; border:1px solid #FF0000;}

.job-desc{ width:600px; float:left; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#000000;}
.job-desc p{width:350px; padding-top:20px; height:20px; float:left; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#000000;}
.job-desc span{font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#FF0000; float:left; height:20px;}
.job-desc-gray span{font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#888888; width:600px; float:left; height:30px;}

.editor{ width:600px; float:left; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#000000;}
.editor-p{width:350px; padding-top:20px; height:20px; float:left; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#000000;}
.editor-span{font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#FF0000; float:left; height:20px;}
.editor-gray-span{font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#888888; width:600px; float:left; height:30px;}
.job-fckeditor li{ margin:4px; padding:0px; }

.job-fckeditor{ width:550px; float:left;}
.job-textfield{width:450px; float:left; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; height:80px; border:1px solid #DBDFE6; border-top:#ABADB3 1px solid;}

.visitor-type{width:800px; float:left; padding-top:30px;}
.job-visible{ width:150px; height:20px; float:left; font:bold 12px Arial, Helvetica, sans-serif; color:#000000;}
.divide-horline{ border-bottom:1px solid #D1D1D0; width:600px;}
.gray-urlinput{  border:1px solid #DBDFE6; border-top:#ABADB3 1px solid; width:320px; height:22px;}
.gray-logoinput{  border:1px solid #DBDFE6; border-top:#ABADB3 1px solid; width:200px; float:left; height:22px;}
.gray-logo-browsebtn{ width120px; float:left;}

.tellus-logort{ width:500px; float:left; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#FF0000;}
.tellus-logort span{ font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#888888; height:35px;}
.stp2-adbtn{width:auto; float:right; padding-top:10px;}

.top-menu{ font: normal 22px Georgia, "Times New Roman", Times, serif; color:#FFFFFF; height:40px; padding-top:25px; width:450px; float:right;}
.top-menu a{ font: normal 22px Georgia, "Times New Roman", Times, serif; color:#FFFFFF; padding:0px 15px; text-decoration:none;}
.top-menu a:hover{ font: normal 22px Georgia, "Times New Roman", Times, serif; color:#FFFFFF; text-decoration:underline;}
#mid-contain{width:1144px; margin:0 auto; padding-top:10px;}

/* Job Post step2 preview ad */
.post-Jobstep{padding:40px 10px 10px 30px; width:832px; float:right; background:#FFFFFF url(../images/admin-cate-bg.jpg) repeat-x;}
.postJob-step2{ background:#EDF3FE; width:717px; float:left;}
.postJob-step2bg{background:#FFFFFF; float:right; width:661px;}
.postJob-step1bg{ background:#EDF3FE url(../images/step-arrow.jpg) 350px 0px no-repeat; width:661px; float:right; padding:20px 0px 20px 0px;}
.postJob-step1bg h2{ font:normal 24px Verdana, Arial, Helvetica, sans-serif; color:#000000; margin:0px; padding:5px 0px; border:none;}
.grapDesigner{width:641px; padding:40px 0px 0px 20px; float:right; background:#FFFFFF; font:bold 12px Arial, Helvetica, sans-serif;}
.grapDesigner h1{ padding:0px; border:none;font:normal 26px Georgia, "Times New Roman", Times, serif; color:#000000; }

.step3btn{ width:263px; float:left;}
.step3btn-desc{width:100px; float:left; font:bold 11px Arial, Helvetica, sans-serif; color:#333333; padding:15px 0px 0px 10px;}
.step3btn-desc span{font:bold 11px Arial, Helvetica, sans-serif; color:#FF0000; text-decoration:underline;}

ul.designerDestn{ list-style:none; margin:15px 0px 0px 20px; padding:0px;}
ul.designerDestn li{ padding:3px 0px; list-style:square; font:bold 14px tahoma; color:#000000;}
ul.designerDestn li a{ line-height:22px; font:bold 14px tahoma; color:#000000; text-decoration:none;}
ul.designerDestn li a:hover{ color:#000000; text-decoration:underline;}

.apply-lt{ width:10px; float:left;}
.apply-rt{ width:600px; float:left; padding-top:20px; font:bold 15px Arial, Helvetica, sans-serif;}

.tell-frnd-frm{width:607px; float:left; font:bold 15px Arial, Helvetica, sans-serif; background-color:#FFFFFF;border:2px solid #CCCCCC;}

.tell-frnd-frm span{ font-size:10px;cursor:pointer;}
.frnd-txt{display:none;margin-left:20px;}

.apply-position{ width:610px; float:left; background:#EFEBE3;font-size:15px; margin-bottom:10px;}

.apply-rt span{ color:#0066CC; font:left;}

.wtbg-botn{ width:626px; float:right;}
.step3btn1{ padding-left:65px; float:left;}

/* UI Developer page */
.ui_developerbg{width:811px; padding:10px 10px 10px 10px; float:left; background:#FFFFFF; font:bold 12px Arial, Helvetica, sans-serif;}
.developerpage_bg{padding:10px 20px 20px 20px; width:832px; float:right; background:#FFFFFF url(../images/admin-cate-bg.jpg) repeat-x;}
.developerpage-top{ float:left; width:590px;}

.developerpg-lt{ float:left; width:602px; text-align:left;}
.developerpg-lt h1{ float:left; text-align:left; font: normal 28px Georgia, "Times New Roman", Times, serif; color:#000000;}
.developerpg-rt{ float:right; width:192px;}

.developerpg-cont-lt{ float:left; font:bold 12px Arial, Helvetica, sans-serif; width:300px; text-align:left;}
.developerpg-bluelink{float:left; height:20px; font:bold 12px Arial, Helvetica, sans-serif; color:#0066DD; width:300px;}
.developerpg-bluelink a{font:bold 12px Arial, Helvetica, sans-serif; color:#0066DD; text-decoration:none;}

.developerpg-cont-mid{ float:left; font:bold 12px Arial, Helvetica, sans-serif; width:600px; padding-left:12px; text-align:left;}

.comment-posted{ font:bold 12px Arial, Helvetica, sans-serif; color:#999999; height:20px;}

.developerpg-cont-lt h3{float:left; text-align:left; height:25px; font: bold 16px Arial, Helvetica, sans-serif; color:#000000; margin:0px; padding:0px;}

.dev_msg-link{ width:180px; float:right; background:url(../images/msg-icon.jpg) 0px 14px no-repeat; padding:12px 0px 0px 25px; border-bottom:1px solid #DeDeDe; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#999999; height:20px; }

.dev_msg-link a{font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#999999; text-decoration:none;}
.dev_msg-link a:hover{ text-decoration:underline;}

.dev-horline{ border-bottom:1px solid #D1D1D1; height:15px;}

.dev_twit-link{width:180px; float:right; background:url(../images/twitter-icon-sml.jpg)0px 14px no-repeat; padding:12px 0px 0px 25px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#999999; height:35px;}

.dev_twit-link a{font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#999999; text-decoration:none;}
.dev_twit-link a:hover{ text-decoration:underline;}
