/* Theme Name: Job Board Author URI: http://www.templatic.com/ Version: 3.1.0 Author: Templatic Description: Job Board is a theme by Templatic. */ /* Import GRID styling for grid framework*/ @import url('skins/grey.css'); * { margin: 0; padding: 0; border:none } body { font: 16px Georgia, "Times New Roman", Times, serif } /* Links -----------------------------------------------------------------------*/ a { text-decoration: none; outline:none } ul { list-style:none } .clear { clear:both } .alignleft { float:left } .alignright { float:right } /* STRUCTURE ----------------------------------*/ #header-in { width:960px; margin:0 auto } .logo h1 { margin-bottom: 0 } .logo h1 a { font-size: 28px; color: #ffffff; float: left; margin: 13px 20px 15px 0 } #search_section-in { width:960px; margin:0 auto; padding:22px 0 5px; position:relative; z-index:99 } #main_tab-in { width:960px; margin:0 auto } #content-wrap, .container_row { width:960px; margin:0 auto; overflow:hidden; padding: 30px 0 } #content { float:left; width:69%; padding-right:3.5%; min-height:350px; border-right: 1px solid #c9c9c9 } #sidebar { color: #444444; float: left; font-size: 13px; overflow: hidden; padding-left: 3.2%; width: 24% } .right-side #content { float: left } .right-side #sidebar { float: right } .left-side #content { float: right; border-left: 1px solid #c9c9c9; border-right: none; padding: 0 0 0 3.5% } .left-side #sidebar { float: left; padding: 0 3.2% 0 0 } #footer-in { margin:0 auto; overflow:hidden; padding-top:25px } .category_list { font:12px Arial, Helvetica, sans-serif } .category_list-in { width:940px; margin:0 auto; padding: 15px 15px 14px } .category_list-in li { margin:0; padding:0 8px; display: block; float: left } .category_list-in li a { text-decoration:none } .category_list-in li a:hover { text-decoration:none } .category_list-in li.bnone { border:none } .category_list-in li:last-child { border:none } /* Wordpress default image css class format ----------*/ .alignleft { float:left; padding:4px; margin:7px 25px 18px 0; text-align:center } .alignright { float:right; padding:4px; margin:7px 0 0px 12px; text-align:center } .aligncenter { text-align:center; padding:5px; margin:10px 0; background:#fff; border:2px solid #eee } .alignleft { border:1px solid #a9a9a9; background:#fff } .alignright { border:1px solid #a9a9a9; background:#fff } .wp-caption .alignleft { margin:0 15px 10px 15px; padding:0; } .wp-caption p { margin:0; padding:3px 5px; font:bold 12px Arial, Helvetica, sans-serif } .wp-caption .alignright { float:right; margin:0 0 10px 15px; padding:0; } .wp-caption { width:auto !important } /* Headings ----------------------------------*/ h1 { margin: 0 0 10px 0; padding:0; font-size:28px; font-weight:normal } h1.headin { font-size:18px } h3.title { font-size:28px } h1 a, h3 a { text-decoration: none } h1 a:hover, h3 a:hover { text-decoration:none } h2 { margin:0; padding: 5px 0 0 0; line-height: 150%; font-size:22px; font-weight:normal } h2 a { text-decoration: underline } h2 a:hover { text-decoration: none } h3 { margin:0 0 10px 0; padding:0; font-size:22px; font-weight:normal } h4 { margin: 0; padding: 5px 0; font-size:18px; font-weight:normal } #content h4.sub_head { margin:35px 0 15px 0; border-bottom:1px dotted #ccc; display:block } h5 { margin: 0; padding: 5px 0; font-size:16px; font-weight:normal } h6 { margin: 12px 0; padding:0; line-height: 150%; font-size:20px; font-weight:normal } /*tab start ----------------------------------------------- */ #tab { padding:0px; list-style:none; float:left; padding-top: 10px; position:relative; text-align:right; margin-bottom: -5px } #tab li { float:left; margin: 0 0 0 5px } #tab .page_item a { display: block; text-decoration: none; padding:16px 28px 13px 28px; _padding:16px 28px 14px 28px; font:17px Georgia, "Times New Roman", Times, serif; text-shadow: 0 -1px 0 #000; color: #fff } *+html #tab .page_item a { padding:16px 28px 14px 28px } html>body #tab .page_item a { padding: 15px 30px 13px } #tab li a:hover, #tab li.current_page_item a { background: #fff; border-radius: 10px 10px 0 0; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) inset; background-image: none; text-shadow: 0 -1px 0 #fff; color: #000 } #tab li.current_page_item { text-decoration: none } #tab .current_page_item a { text-decoration: none } .b_postajob a { display:block; float:right; background: #e2e2e2; background-image: linear-gradient(top, #e2e2e2 0%, #a7a7a7 100%); background-image: -o-linear-gradient(top, #e2e2e2 0%, #a7a7a7 100%); background-image: -moz-linear-gradient(top, #e2e2e2 0%, #a7a7a7 100%); background-image: -webkit-linear-gradient(top, #e2e2e2 0%, #a7a7a7 100%); background-image: -ms-linear-gradient(top, #e2e2e2 0%, #a7a7a7 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #e2e2e2), color-stop(1, #a7a7a7) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#a7a7a7'); font-family: arial; font-size:14px; color:#373737; text-align: center; text-transform: uppercase; width:170px; padding: 8px 10px; margin: 10px 0 9px; text-shadow: 0 1px 0 #ffffff; border-radius: 35px; border-radius: 0\0; border: 1px solid #c8c8c8; box-shadow: 1px 1px 2px #000 } .b_postajob a:hover { background: #e2e2e2; background-image: linear-gradient(top, #a7a7a7 0%, #e2e2e2 100%); background-image: -o-linear-gradient(top, #a7a7a7 0%, #e2e2e2 100%); background-image: -moz-linear-gradient(top, #a7a7a7 0%, #e2e2e2 100%); background-image: -webkit-linear-gradient(top, #a7a7a7 0%, #e2e2e2 100%); background-image: -ms-linear-gradient(top, #a7a7a7 0%, #e2e2e2 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #a7a7a7), color-stop(1, #e2e2e2) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7a7a7', endColorstr='#e2e2e2') } /*nav start ----------------------------------------------- */ .currentmenu span { display: none } #nav h3 { display:none } #nav ul { height: 26px; padding:0px; list-style:none; float:right; position:relative; text-align:right; margin-top:10px } #nav ul li { float:left; margin:0 } #nav ul li a { display: block; text-decoration: none; padding:3px 20px 3px 28px; _padding:3px 20px 4px 28px; font:bold 16px Arial, Helvetica, sans-serif } *+html #nav ul li a { padding:3px 20px 4px 28px } #nav ul li.current_page_item { margin-left:10px } #nav ul .current_page_item a { text-decoration: none; margin-right:10px } /* Header ----------------------------------*/ #header { border-bottom: 1px solid #343434; background: #e2e2e2; background-image: linear-gradient(top, #3b3b3b 0%, #222222 100%); background-image: -o-linear-gradient(top, #3b3b3b 0%, #222222 100%); background-image: -moz-linear-gradient(top, #3b3b3b 0%, #222222 100%); background-image: -webkit-linear-gradient(top, #3b3b3b 0%, #222222 100%); background-image: -ms-linear-gradient(top, #3b3b3b 0%, #222222 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #3b3b3b), color-stop(1, #222222) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b3b3b', endColorstr='#222222')} #header-in .logo-image { font-size:32px; margin-bottom: 0 } #header-in .logo-image a { display:block; width:161px; float:left; overflow:hidden; margin:20px 20px 0 0; text-indent:-9009px; text-decoration:none } #header-in .logo-text { float:left; font:bold 40px Arial, Helvetica, sans-serif; margin:9px 25px -5px 0; overflow:hidden; text-transform:uppercase; text-align:center } #header-in .logo-text a { overflow:hidden; text-decoration:none } #header-in .description { margin:0; padding: 24px 0 18px; float: left; font:italic 16px Georgia, "Times New Roman", Times, serif; text-align:left; text-shadow: 2px -2px 0px #000 } .h_left { width:600px; float:left } #header ul { margin:25px 0 0 6px; padding:0; list-style:none; float:right } #header li { margin:0 15px 0 0; float:left; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase } #header li a { text-decoration:none; padding: 1px 0 0 20px } #header li a:hover { text-decoration:none } #header li a.i_email { padding-left:18px } /* TOP SEARCH FORM inner page -----------------------------------------------------------------------*/ #search { width:470px; float:left } #search .s { margin:6px 5px 5px 32px; padding:3px 2px; font:18px Georgia, "Times New Roman", Times, serif; width:305px; float:left } #search .sgo { border: none; background: none; font:18px Georgia, "Times New Roman", Times, serif; color: #ffffff; text-shadow: 0 -1px 1px #000000; float:right; width:59px; height:39px; display:block; padding: 10px 0 8px !important; cursor: pointer; border-radius:0 35px 35px 0 } *+html #search .sgo { height:41px } /*-----IE 7-----*/ #search a.advance_search { float:left; display:block; padding:5px 0px 0 18px; margin-left:15px; text-decoration:none; cursor:pointer; font-size:11px; color: #ffffff; text-shadow: 0 -1px 0 #000000 } #search a:hover.advance_search { text-decoration:none; color: #000000; text-shadow: none } #search .textfeild_bg { float: left; background: #FFFFFF url(images/mag.png) no-repeat 12px 12px; border-radius: 35px 0 0 35px; border-radius: 0\0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) inset; color: #000000; text-shadow: 0 -1px 0 #FFFFFF; padding: 7px 132px 7px 38px; position:relative } #search .no { padding: 7px 0 7px 38px !important } #search .submit_bg { float: left; background: #e2e2e2; background-image: linear-gradient(top, #575757 0%, #2d2d2d 100%); background-image: -o-linear-gradient(top, #575757 0%, #2d2d2d 100%); background-image: -moz-linear-gradient(top, #575757 0%, #2d2d2d 100%); background-image: -webkit-linear-gradient(top, #575757 0%, #2d2d2d 100%); background-image: -ms-linear-gradient(top, #575757 0%, #2d2d2d 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #575757), color-stop(1, #2d2d2d) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#2d2d2d'); border-radius: 0 35px 35px 0 } *+html #search .submit_bg { width:59px } /*-----IE 7-----*/ #search .textfeild_bg input[type="text"] { width: 100px; border: none; background: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; color: #353535; padding: 2px 0 } .searchjob, .location { border-right: 1px solid #c9c9c9 !important; padding-right: 10px !important } .location { padding-left:10px!important } .textfeild_bg .radius { padding-left:10px } /* search 404 ------------------------ */ .search404 { width:397px; height:39px; margin:25px 0 15px 0; clear:both } .search404 .s { padding:2px; margin:2px 5px 5px 32px; font-size:18px; width:320px } .search404 .sgo { float:right; width:38px; display:block } #content .search404 a.advance_search { color:#777; text-transform:capitalize } #content .search404 a:hover.advance_search { color:#333 } /* Content start -----------------------------------------------------------------------*/ #content h1 { margin:0 0 18px 0; padding:0 0 5px; border-bottom: 1px dashed #CCCCCC } #content h1.title { margin:0; padding:0; font-size:40px } #content .post_top { font-size:11px; padding-bottom:10px; overflow:hidden; width:100%; margin-bottom:5px } #content .post_top { font-size:11px } #content .post_top a { font-size:11px } #content .post_top a:hover { font-size:11px } #content p.company_name { font-size:22px; padding-top:8px; margin-bottom:0; overflow:hidden } #content .company_logo, .nav_recent li a img { float:left; padding:4px; border:1px solid #ccc; margin:1px } #content p.company_name a { text-decoration:none } #content p.company_name a:hover { text-decoration:none } #content span.address { margin-bottom:22px; font:bold 14px Arial, Helvetica, sans-serif; padding-top:3px; display:block; width:100% } #content span.website { font:12px Arial, Helvetica, sans-serif; float:left; display:block; width:100% } #content .post_top .date { font-size:11px } #content .post_bottom { padding:10px 0 30px 0; margin-top:15px; overflow:hidden; width:100%; margin-bottom:5px } #content .posts { padding-bottom:30px } #content .posts_spacer { padding-bottom:18px } #content .posts h3 { margin:0 0 5px 0; padding:0; font-size:22px } #content h2 { margin:0 0 18px 0; padding: 5px 0 0 0; font-size:28px; color: #313131 } #content p { margin:10px 0 10px 0; line-height:22px } #content .posts p.time_blog { font-size:11px } .lblue { font-size:18px } #content .rss { float:right; position:relative; top:-45px; padding-left:15px } #content p a, #banner .classified p a { text-decoration:underline } #content a { text-decoration: none } #content a:hover { text-decoration: none } #content .featured { padding:10px 0; width:100%; overflow:hidden; cursor:pointer } #content .featured img, .listings img, .nav_recent li a img { margin: 0 0 0 10px !important; width: 40px; height: 40px; box-shadow: 0 0 3px #CCCCCC } #content .listings { padding:20px 0; width:100%; overflow:hidden; cursor:pointer } #content .listings:hover, .nav_recent li:hover { background: #f2f2f2 } #content .listings h3 { margin:0; padding: 0 0 0 8px; font-size:20px; float:left; width:380px; line-height:22px } #content .listings h3 a { text-decoration:none; display:block; padding:0; margin:0 } #content .listings h3 a:hover { text-decoration:none } #content .featured h3 { margin:0; padding: 0 0 0 8px; font-size:17px; float:left; width:380px } #content .featured h3 a { text-decoration:none; display:block; padding:0; margin:0 } #content .featured h3 a:hover { text-decoration:none } .job_title { width:410px; float:left } #content .listings h3 span a.jp_title { width:330px; float:left; font-size:18px } #content .listings h3 span a.edit, #content .listings h3 span a.delete, #content .listings h3 span a.renew { float:left; margin-right:5px; display:block; font:12px Arial, Helvetica, sans-serif } #content .listings h3 span a.edit, #content .listings h3 .status_active, #content .listings h3 span a.renew { color:#228400 !important } #content .listings h3 span a:hover.edit, #content .listings h3 .status_active:hover, #content .listings h3 span a:hover.renew { color:#000 !important } #content .listings h3 span a.delete { color:#c62601 } #content .listings h3 span a:hover.delete { color:#000 } #content .listings h3 span { font-size:16px; padding-top:0; display:block } #content .listings h3 span a { font-size:10px } #content .listings span.jobs { font-weight:bold; float:left; padding-right:8px } #content .listings span.jobs a { text-decoration:none } #content .listings span.jobs a:hover { text-decoration:none } .job_title { width:330px; float:left } #content .featured h3 span a.jp_title { width:300px; float:left; font-size:18px } #content .featured h3 span a.edit, #content .featured h3 span a.delete { float:left; margin-right:5px; display:block; font:12px Arial, Helvetica, sans-serif } #content .featured h3 span a.edit { color:#228400 } #content .featured h3 span a:hover.edit { color:#000 } #content .featured h3 span a.delete { color:#c62601 } #content .featured h3 span a:hover.delete { color:#000 } #content .featured h3 span { font-size:11px; padding-top:3px; display:block } #content .featured h3 span a { font-size:10px } #content .featured span.jobs { font-weight:bold; float:left; padding-right:8px } #content .featured span.jobs a { text-decoration:none } #content .featured span.jobs a:hover { text-decoration:none } #content .listings, .nav_recent li { background:#fff; border-bottom:1px solid #d7dce3 } .date { font:11px Arial, Helvetica, sans-serif; float:right; width:68px; padding-top:8px; text-align:left; text-transform:uppercase } .date small { font-size:11px; letter-spacing:3px } .place { float:left; padding:8px 0 0 8px; width:130px; font:16px Georgia, "Times New Roman", Times, serif; text-align:left } .place small { font-size:12px; text-transform:uppercase } #content .listings p.time, #content .featured p.time { margin: 0 0 8px 0; padding:0; font:11px Arial, Helvetica, sans-serif; line-height:19px; text-align:justify } #content ul { margin:0 0 25px 0; padding:0 } #content li { list-style:disc; margin: 0 0 0 15px; padding: 3px 0 } *+html #content li { list-style:none; width:100% } /*-----IE 7-----*/ #content ul li ul { margin:8px 0 5px 0; padding:0; list-style:outside } #content li ul li { margin:0 0 5px 0; padding:0 0 0 12px } #content ol { list-style-type: decimal; line-height:18px; margin:0; padding: 0 0 10px 22px } #content ol li ol { margin:8px 0 5px 18px; padding:0 } #content ol li { margin:0 0 5px 0; padding:0; background:none } #content p.aligncenter { text-align:center } #content p.aligright { text-align:right } #content p.more { font-size:10px; text-transform:uppercase } #content p.more a { text-decoration:none } #content blockquote { margin:15px 0 20px 0; padding:5px 10px 5px 35px; font-weight:normal; clear:both; overflow:hidden; clear:both } #content blockquote p { font-size:17px; line-height:22px } #content blockquote cite { float:right; margin-top:10px; font:14px Arial, Helvetica, sans-serif; font-style:normal; padding-bottom:20px } #pagenavi { padding:5px 0; font-weight:bold; clear:both; overflow:hidden; } #content p.i_previous { padding:0 0 0 15px; margin:0 } #content p.i_next { padding:0 15px 0 0; margin:0 } /*Create a Job ----------------------------------*/ #content .createjob h2 { margin: 18px 0 12px 0; padding:0 0 4px 0; font:bold 14px Arial, Helvetica, sans-serif } #content .createjob { overflow:hidden } .jobform { overflow:hidden; font-size:12px; margin-bottom:20px } .jobform_l { width:150px; float:left; font:14px Arial, Helvetica, sans-serif } .jobform_r { width:505px; float:left; text-align:left; font:13px Arial, Helvetica, sans-serif } #advancedsearch .jobform_r { width:330px } .job_note { width:505px; float:right; text-align:left; font:11px Arial, Helvetica, sans-serif; padding-top:5px; color:#777 } #login_user_frm_id .jobform_l { width:100px } #login_user_frm_id .jobform_r { width:550px } .login_spacer { margin-left:115px } .select_login_options { overflow:hidden; padding-top:3px; font:13px Arial, Helvetica, sans-serif; margin-bottom:20px } .select_login_options span { display:block; float:left; margin-right:12px } .select_login_options span.field { width:100px } .jobform_r div { margin-bottom:10px } #termandconditions { float:left; margin:0 10px 10px 0 } .jobtextfield { background:#fff; padding:4px; width:425px } #advancedsearch .jobtextfield { width:320px } .mini { width:318px; border-radius:3px } .wordscal { margin-top:5px; padding:3px; font:12px Arial, Helvetica, sans-serif; width:45px } .note { font-size:11px } #description_ifr { height:300px !important } .jobcheckbox { padding:0; margin:0 } .checkbox { float:left; margin-top:2px } .form_cat { float:left; display:block; width:300px; padding-right:15px; padding-bottom:8px; margin-bottom:5px } .textright { text-align:right } .breviewyourlist { padding:30px 0 5px 155px; display:inline-block; clear:both } .breviewyourlist input { padding:9px 28px } .login a { width:81px; height:26px; float:left; margin-left:128px; _margin-left:63px; text-indent:-9009px; display:block; margin-top:10px } .jobtextfield2 { padding:4px; font:12px Arial, Helvetica, sans-serif; width:225px } /*post css start ----------------------------------*/ .category { float:left; width:48% } .archives { float:right; width:48% } #content .category h2 { margin-bottom:15px } #content .archives h2 { margin-bottom:15px } .more-link { text-align:right; float:right; font-size:10px; width:72px; height:17px; text-transform:uppercase; padding-right:10px; text-indent:-9009px; margin-bottom:8px } .more-link a { text-indent:-9009px; overflow:hidden; margin:0; padding:0 } #content .auth { float:left } #content .commentp { float:right } /* Previous/Next Page Navigation ----------------------------------*/ .page-nav { clear: both; margin: 0 0px; padding: 2px 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; margin-bottom: 20px } .nav-previous { width: 249px; float: left; text-align: left; margin: 2px 0px } .nav-next { width: 249px; float: right; text-align: right; margin: 2px 0px } .page-nav a { text-decoration: none } .page-nav li { list-style:none !important; margin-left:0 !important } .nav-previous a { padding-left: 11px; margin-left:-8px; text-transform:uppercase } .nav-next a { padding-right: 11px; margin-right:-8px; text-transform:uppercase } /************************************************ * Comments * ************************************************/ #content h3.commment_head { margin:0; border-bottom:1px dotted #ccc } #content .commentlist li .avatar { float: right; padding:5px; margin-left:10px; width:35px; height:35px } #commentform input, #commentform textarea { width: 410px; padding: 7px; margin: 0px 5px 20px 0px; font:14px Arial, Helvetica, sans-serif } #commentform input { width:290px } #commentform { margin: 5px 10px 0px 0px; overflow:hidden } *+html #recaptcha-submit-btn-area .normal_button { display:none } /*----- IE 7-----*/ *+html #commentform p .normal_button { margin-top:-2px!important } /*----- IE 7-----*/ #commentform label { font-weight:bold; display:block; float:left; width:110px; padding-bottom:3px } .cancel-comment-reply a { font-size:12px } #commentform .field { overflow:hidden; margin-bottom:5px; font:11px Arial, Helvetica, sans-serif } #commentform .field label { font:14px Arial, Helvetica, sans-serif } #commentform textarea { width:420px; padding: 2px; margin-bottom:5px } #respond:after { content: "."; display: block; height:0px; clear: both; visibility: hidden } #content .commentlist p { font-weight: normal; width:535px; text-transform: none } #content .commentmetadata { font-weight: normal; font-size:11px } #commentform p { margin: 5px 0px 5px 0px } #commentform #submit { margin:15px 0 0 110px; float:left; width:100px; padding:7px 0; font:bold 14px Arial, Helvetica, sans-serif; cursor:pointer } #commentform #recaptcha-submit-btn-area { width:100%; display:block } *+html #commentform .normal_button { float:left; width:100px; margin-left:110px } /*-----IE 7-----*/ .alt { margin: 0px; padding: 10px } #content .commentlist { margin: 10px 0 10px 0; padding: 0px; overflow:hidden; font:12px Arial, Helvetica, sans-serif } #content .commentlist ol { margin: 0px; padding: 10px } #content .commentlist li { margin: 15px 0px 10px; padding: 10px 8px 10px 0px; list-style: none } #content .commentlist li ul li { margin-right:5px } #content .commentlist cite { font-size:14px; font-weight:bold; font-style:normal } #content .comment-meta { margin-bottom:12px; font-size:10px; text-transform:uppercase } .commentlist p { margin: 10px 5px 10px 0px; padding: 0px } .children { margin:0px; padding:0px } .nocomments { text-align: center; margin:0px; padding:0px } .reply { display:block } .commentmetadata { font-size: 11px; margin: 0px; display: block } .navigation { display: block; text-align: center; margin-top:10px; margin-bottom:10px } .alignright { float: right } .alignleft { float: left } .thread-alt { margin: 0px; padding: 0px } .alt { margin:0px; padding:0px } .gravatar { float:right; margin:0px 0 10px 15px; width:40px; height:40px } .commetmainauthor { overflow:hidden; } .commetmain { overflow:hidden; margin-bottom:15px } #content .post-meta-top { margin:0px 0px 15px 0px; padding:5px 0px; overflow:hidden} #content .post-bottom { margin:0px 0px 25px 0px; padding:5px 0; clear:both; overflow:hidden; font-size:11px } .cat { float:left; width:25%; text-align:left; padding:0px 0px 0px 15px; font-size:11px } .comm { float:right; width:38px; height:39px; font-size:22px; line-height:27px; text-align:center } .comm span { text-align:center; padding:5px 0 0 0 } .comm a { text-decoration:none } #content .search404 { margin:4px 8px 0 0; padding:5px 0 0 0px; width:298px } #content .category { float:left; width:48%; padding-right: 2.2% } #content .archives { float:right; width:48% } /************************************************ * Comments * ************************************************/ #content .commentlist li .avatar { background:#fff url(../images/gravtar.png) no-repeat center; border:1px solid #ccc } #commentform input { border:1px solid #ccc } #commentform .field { color:#666; } #commentform .field label { color:#333 } #commentform textarea { border:1px solid #ccc } #content .commentlist li { background:none } #content .commentlist li a:hover { color:#000 } .thread-alt { background:#fff } .thread-even { background:#fff } .depth-1 { border-bottom:1px dotted #bfc2b2 } .even { background:#fff !important } .alt { background:#fff !important } .sucess_msg { padding:5px; margin-bottom:15px; text-align:center; font-size:12px; font-weight:bold; clear:both; margin-bottom:20px } .error_msg { padding:5px; margin-bottom:15px; text-align:center; font-size:12px; font-weight:bold; color:#FF0000 } .gravatar { border:2px solid #999; background:url(../images/gravtar.png) no-repeat } .commetmainauthor { background:#eee; overflow:hidden; margin-bottom:15px; border-bottom:1px solid #ccc } .commetmain { background:#f8f8f8; border-bottom:1px solid #ccc } /* Contact Form ----------------------------------------------------------------*/ .contactform { width:96%; font-size:12px; font-weight:bold; margin-top:25px; min-height:340px } .contactform textarea, .contactform input { font:12px Arial, Helvetica, sans-serif; font:12px Arial, Helvetica, sans-serif; padding:3px; width:340px } .contactform textarea { height:150px } .contactform #contactsubmit { width:133px; font:bold 12px Arial, Helvetica, sans-serif } .contactleft { font:bold 12px Arial, Helvetica, sans-serif !important; width:120px; float:left; margin-bottom:12px } .contactright { font:normal 9px Arial, Helvetica, sans-serif !important; width:420px; font-weight:normal!important; float:right; margin-bottom:12px } /*Page navigatoin 2 ----------------------------- */ .pagenavi { padding:35px 0 } #content .wp-pagenavi { text-align:center; height:25px; font:bold 14px Arial, Helvetica, sans-serif; line-height:24px } #content .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active { padding: 8px 12px 8px 12px; text-shadow: 0 1px 0 #ffffff; margin: 2px; text-decoration: none; line-height:24px } #content .wp-pagenavi span.pages { padding: 3px 8px 3px 8px; margin: 2px 2px 2px 2px } #content .wp-pagenavi span.current { padding: 3px 8px 3px 8px; margin: 2px; line-height:25px; font-weight: bold } #content .wp-pagenavi span.extend { padding: 3px 8px 3px 8px; margin: 2px; line-height:25px } #content .wp-pagenavi .on { padding: 8px 12px 8px 12px; text-shadow: 0 -1px 0 #000000 } #content .wp-pagenavi a:hover { text-shadow: 0 -1px 0 #000000 } /* tagcloud ----------------------------------*/ #tag_cloud a { margin-right:10px; line-height:18px } /*widget calendar css =================================================== */ #wp-calendar { width:100% } #sidebar .widget_calendar h2, #sidebar .widget_calendar h2 { display:none } #calendar_wrap caption { margin:0; padding:11px 10px; text-transform:uppercase; text-align:left } #wp-calendar th { text-align: right; padding: 5px; border-bottom: 1px solid #ccc } #wp-calendar td { text-align: right; padding: 5px } #wp-calendar td a { display: block; color: #ff0000 !important; font-weight: bold } .textwidget { line-height:22px } /* widget search css =================================================== */ #sidebar #search { padding:0; overflow:hidden; width:110px } #sidebar input { margin-bottom:3px } #sidebar br { display:none } .xboxcontent { padding:8px 15px; margin-bottom:20px } #sidebar ul { margin-bottom: 10px; display:inline-block } #sidebar .widget_tag_cloud, #sidebar .widget { list-style: none; margin-bottom: 20px; overflow:hidden } #sidebar .widget_tag_cloud a { font-size:14px !important; float:left; margin:5px 5px; display:block } #sidebar .Sponsors { text-align:center; margin:0 0 8px 0; overflow:hidden } #sidebar .ads { text-align:center; margin-bottom:10px } #sidebar h2, #sidebar .widget h3 { margin: 0 0 10px 0; padding:2px 0; font-family: Helvetica, Arial, sans-serif; font-size: 18px; text-align:left; text-transform:none } #sidebar h3 { margin:0 0 8px 0; padding:11px 0 11px 0; font-size:11px; text-transform:uppercase; text-align:left; text-align:center; overflow:hidden } #sidebar p { margin:5px 0 8px 0; padding:0 0 5px 0; line-height:18px; font-size:13px } #sidebar p a { text-decoration:none } #sidebar p a:hover { text-decoration:none } .spacer { padding:0 5px } .spacer2 { padding-right:8px } .advt_spacer { margin:0 0 10px 0 } #sidebar ul { padding:0; list-style: none; width:100% } #sidebar ul li { margin:0 0 8px 0; padding:0 } #sidebar ul li ul { margin:0; padding:0; list-style:none; padding-left: 1px } #sidebar ul li { padding: 3px 0 3px 0; list-style:disc inside } #sidebar ul li ua { line-height:18px } #sidebar ul li a:hover { text-decoration: none } #sidebar ul li ul li ul { padding: 8px 0 0 14px } #sidebar ul li ul li ul li { margin-bottom: 0px } .Sponsors img { max-width: 100% } #content .posts h1 { border-bottom: none } #sidebar .featured_companies {padding:0; list-style:none} #sidebar .featured_companies li { margin:11px 12px 8px 0; padding:0; float:left; list-style:none } #sidebar .featured_companies li img { border:1px solid #ccc } /* footer ---------------------------------- */ #footer p { margin:0 0 5px 0; padding:0; font:12px Arial, Helvetica, sans-serif; line-height:22px; text-align:center } #footer span { position:relative; top:-5px } #footer span a { text-decoration:none } #footer span a:hover { text-decoration:none } #flinks { list-style:none; text-align:center; margin-bottom:5px } #flinks li { display: inline; line-height:26px; font:bold 12px Arial, Helvetica, sans-serif; text-align:center } #flinks li a { padding:0px 8px 0 8px; margin:0; text-decoration:none } #flinks li a:hover { display: inline } #footer p span.templatic { width:80px; display:block; overflow:hidden; color:#fff; background:url(images/templatic.png) no-repeat 0 7px } #footer p span.templatic a { text-indent:-9009px; padding-left:120px; height:40px; display:block } #footer p.by { width:200px; margin:0 auto } .themeby { padding:8px 8px 0 0; float:left } /* P.I.E. FLOAT CLEARING See http://www.positioniseverything.net/easyclearing.html --------------------- */ .clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block } .clearfix { display: inline-block; /* Fixes IE/Mac */ } /* Hides from IE-mac \*/ * html .clearfix { height: 1% } .clearfix { display: block } /* End hide from IE-mac */ .clear { clear: both } .form_row { margin:20px 0 0 } .form_row label { float:left; font-size:13px } .form_textfield { padding:4px; width:150px } .login_form { margin-bottom:60px; clear:both; float:right; width:260px; padding:15px; background:#f4f4f4; border:1px solid #ccc; position:relative } .form_row .textfield { border:1px solid #ccc; padding:4px; color:#000; width:250px } p.rember { margin-bottom:8px } .lostpassword_form .textfield { border:1px solid #ccc; padding:4px; font:13px Arial, Helvetica, sans-serif; color:#000; width:200px; clear:both } .registration_col { width:318px; float:left; margin-bottom:25px; background:#f4f4f4; border:1px solid #ccc; padding:15px } .registration_col h5 { margin-top:20px } .lostpassword_form { height:110px; margin-bottom:20px } .lostpassword_form h3 { font-size:16px; font-weight:bold } .login { margin-bottom:25px; border:none } .forgot_pass { font:bold 14px Arial, Helvetica, sans-serif; text-align:center; padding:5px; cursor:pointer } .lostpass_textfield { padding:4px; width:250px; margin-bottom:8px } /* registration style \*/ .row_spacer_registration { margin-bottom:10px } .reg_row { margin-bottom:10px; overflow:hidden; margin-right:25px; float:left } .reg_row label { display:block; margin-bottom:5px } .reg_row_textfield, .inquiry_row .reg_row_textfield { padding:4px; width:360px } .reg_row_textfield2 { padding:4px; width:190px } .row_hide { display:none } .reg_row .error { border:2px solid #F00 !important } .login_form .error { border:2px solid #F00 !important; width:247px } .reg_row .reg_row_textfield { border:1px solid #ccc; padding:5px; font:13px Arial, Helvetica, sans-serif; color:#000; width:255px; clear:both } .registration_l_col { float:left; width:560px; padding-bottom:24px } .b_registration { float:right; margin-top:8px; margin-right:28px } .sucess_msg { padding:5px; margin-bottom:15px; text-align:center; font-size:12px; font-weight:bold; clear:both; margin-bottom:20px } .error_msg { padding:5px; margin-bottom:15px; text-align:center; font-size:12px; font-weight:bold; background:#FFB7B7; color:#990000; border-top:1px solid #990000; border-bottom:1px solid #990000 } .registration { font:bold 14px Arial, Helvetica, sans-serif; text-align:center; float:right; padding:5px; cursor:pointer } .message_error2 { font-weight:bold; color:#990000; padding-top:4px } .normal_button, #content .hight_button { cursor:pointer; padding:9px 18px; font:bold 13px Arial, Helvetica, sans-serif; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px } .edit_profile_form {overflow:hidden; margin-bottom:20px; float:left } .edit_profile_col { width:45%; margin-bottom:20px; } .edit_profile_form .alignleft { margin: 0 } .edit_profile_form .alignright { margin: 0 } .edit_profile_form .textfield, .textbox { border:1px solid #ccc; padding:4px; font:13px Arial, Helvetica, sans-serif; color:#000; width:286px; clear:both } .indicates { color:#F00 } .edit_profile_row { margin-bottom:15px; overflow:hidden } .edit_profile_row label { display:block; /*width:290px;*/ float:left; padding-bottom:5px; font: 13px Arial, Helvetica, sans-serif } .status_active { float:left; color:#00CC33 !important; padding-top:0!important; margin-right:5px; line-height:15px } .status_expired { color:#FF0000 !important } .edit_profile_col h5 { margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid #ccc } #content p.sucess_msg { margin:0 0 10px 0; padding:12px 0; font:bold 14px Arial, Helvetica, sans-serif; background:#ddffce; border-top:1px solid #5ea83e; border-bottom:1px solid #5ea83e; color:#5ea83e } .publish { padding:20px 0 20px 210px; clear:both } .publish a.normal_button { font:normal 18px Georgia, "Times New Roman", Times, serif } #content .delete_msg { background:#ffd7d7; border-top:1px solid #943438; border-bottom:1px solid #943438; padding:10px 0; margin:20px 0 } #content .delete_msg h5 { text-align:center; font-weight:normal } #content .delete_msg h4 { text-align:center; font-weight:normal } #content .delete_msg h5 a, #content .delete_msg h4 a { color:#8a1218; text-decoration:underline } #content .delete_msg h5 a:hover, #content .delete_msg h4 a:hover { color:#333; text-decoration:underline } /* contact us -------*/ #content .form_row label { width:160px; display:block; margin-right:10px } #content #chngpwdform .form_row label { width:163px; margin-right:6px } #content .form_row label ~ .form_row {float:left} #content .form_row .textfield, #login_user_frm_id .slog_prop { float: left; width:300px; padding:8px } #content .login_form .textfield { width:240px } #content .login_form a { margin:-7px 0 0 10px; display:inline-block } *+html #content .login_form a { padding-left:10px; display:block } /*-----IE 7-----*/ *+html .dark .FB_login_button { margin-left:-10px; display:inline-block } /*-----IE 7-----*/ #content .form_row .textarea { width:436px; padding:6px } #content .error, .message_error2 { display:block; padding-top:4px } #contact_frm { width:100% } #contact_frm .b_submit { margin-left:75px; padding:6px 24px; cursor:pointer } #content p.success_msg { padding:5px; margin-top:20px; text-align:center } /* contact us -------*/ #content .form_row .textfield { color:#000 } #content .error, .message_error2 { color:#FF0000 } #contact_frm .b_submit { border:1px solid #5d0c0a; color:#fff } #content p.success_msg { color:#356c1d; background:#cee8c3; border-top:1px solid #7ea96b; border-bottom:1px solid #7ea96b } #content p.error_msg { color:#690c0a; background:#ffd1d0; border-top:1px solid #e38381; border-bottom:1px solid #e38381 } .text_success_msg { color:#356c1d; font:12px Arial, Helvetica, sans-serif; margin-left:10px; padding:5px 10px; background:#cee8c3; display:block; margin:10px 0 20px; clear:both } .text_error_msg { color:#690c0a; font:12px Arial, Helvetica, sans-serif; padding:5px 10px; background:#ffd1d0; display:block; margin:10px 0 20px; clear:both } .text_success_msg2 { color:#356c1d; font:12px Arial, Helvetica, sans-serif; margin-left:10px; padding:5px 10px; background:#cee8c3 } #content .fav_link { text-align:center; margin:0 0 35px 0; padding:20px 0 20px 0px; clear:both; border-bottom:1px dotted #ccc; min-height:25px } #content .fav_link li { margin:0; display:inline; padding:8px 10px 8px 30px; font:bold 12px Arial, Helvetica, sans-serif } #content .fav_link li a { text-decoration:none; color:#666 } #content .fav_link li a:hover { text-decoration:none; color:#000 } #content .fav_link li.print { background:url(images/i_print.png) no-repeat 5px 5px } #content .fav_link li.sharethis { background:url(images/i_sharethis.png) no-repeat 8px 6px; border-right:none } #content .fav_link li.rss { background:url(images/i_rss_s.gif) no-repeat 5px 6px; float:none; position: static; z-index:1 } #content .fav_link li.emailtofriend { background:url(images/i_email.png) no-repeat 7px 9px; cursor:pointer; border-right:none } #content .fav_link li.emailtofriend small { font-size:10px; color:#F00 } /* popup window ---------------------------- */ #simplemodal-overlay { background-color:#000; cursor:wait; position:relative } /* Container */ #simplemodal-container { color:#666; background-color:#fff; border:4px solid #ccc; padding:12px; display:block } #simplemodal-container a.modalCloseImg { background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer } #simplemodal-container #basic-modal-content { padding:8px} #simplemodal-container h3 { margin:0 0 20px 0; padding:0 0 5px 0; font:22px Georgia, "Times New Roman", Times, serif; color:#333; border-bottom:2px solid #ccc } #simplemodal-container .row { display:block; margin-right:10px; margin-bottom:10px; height:100%; overflow:hidden; font:11px Arial, Helvetica, sans-serif } #simplemodal-container .row label, #simplemodal-container .row2 label { display:block; font-size:13px; color:#333; padding:5px 0; float:left; display: block; width:110px } #simplemodal-container .row input, #simplemodal-container .row2 input, #simplemodal-container .row .textarea { border:1px solid #ccc; padding:5px; width:270px; float:left; font:12px Arial, Helvetica, sans-serif; color:#333 } #simplemodal-container .row .textarea { height:120px } #simplemodal-container .button { background:#bd4e37; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; padding:5px; margin-right:5px; border:none; clear: left; cursor:pointer;} #simplemodal-container .button:hover { background:#423d30 } #simplemodal-container { top:50px !important; left:40% !important; width:auto !important; height:auto !important } #inviteafriend { width:440px } #inviteafriend .normal_button { float:left; margin-left:110px } #apply_online_here .button_spacer { margin-left:110px; margin-right:10px } #simplemodal-container .row .note { font-size:10px; clear:both; float:left; margin-left:110px } #simplemodal-container .row2 input { width:270px } .thumb { border:1px solid #ccc; padding:5px; margin:10px; margin-left:0 } /* navigation ============================== */ #navmenu-h ul, #navmenu-h ul li, #navmenu-h ul ul { margin: 0; padding: 0; border: 0 none; list-style: none } #navmenu-h ul { float:right; padding:8px 0 0 } #navmenu-h ul ul ul { margin-top:-1px } #navmenu-h ul ul:after /*From IE 7 lack of compliance*/ { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden } #navmenu-h ul li { float: left; display: block; position: relative; border-radius: 35px } #navmenu-h ul ul { width: 160px; top: 26px; left: 0; display: none; position: absolute } #navmenu-h ul ul li { width: 160px; float: left; display: block !important; display: inline; margin-bottom: 0px } /* Root Menu */ #navmenu-h ul li a, ul#navmenu-v li a { border-left: none; padding: 0 10px; float: none !important; float: left; display: block; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; line-height:26px } /* 2nd Menu */ #navmenu-h ul li:hover li a, ul#navmenu-v li:hover li a, #navmenu-h ul li.iehover li a, ul#navmenu-v li.iehover li a { float: none; _border-top:none } #navmenu-h ul ul ul, #navmenu-h ul ul ul ul, #navmenu-h ul ul ul ul ul { display: none; position: absolute; top: 1px; left: 159px } /* NO EDIT PAST THIS LINE - Do Not Move - Must Come Before display:block for Gecko */ #navmenu-h ul li:hover ul ul, ul#navmenu-v li:hover ul ul, #navmenu-h ul li:hover ul ul ul, ul#navmenu-v li:hover ul ul ul, #navmenu-h ul li:hover ul ul ul ul, ul#navmenu-v li:hover ul ul ul ul, #navmenu-h ul li.iehover ul ul, ul#navmenu-v li.iehover ul ul, #navmenu-h ul li.iehover ul ul ul, ul#navmenu-v li.iehover ul ul ul, #navmenu-h ul li.iehover ul ul ul ul, ul#navmenu-v li.iehover ul ul ul ul { display: none } #navmenu-h ul li:hover ul, ul#navmenu-v li:hover ul, #navmenu-h ul ul li:hover ul, ul#navmenu-v ul li:hover ul, #navmenu-h ul ul ul li:hover ul, ul#navmenu-v ul ul li:hover ul, #navmenu-h ul ul ul ul li:hover ul, ul#navmenu-v ul ul ul li:hover ul, #navmenu-h ul li.iehover ul, ul#navmenu-v li.iehover ul, #navmenu-h ul ul li.iehover ul, ul#navmenu-v ul li.iehover ul, #navmenu-h ul ul ul li.iehover ul, ul#navmenu-v ul ul li.iehover ul, #navmenu-h ul ul ul ul li.iehover ul, ul#navmenu-v ul ul ul li.iehover ul { display: block } /* VERTICAL and HORIZONTAL dropmenu settings */ ul#navmenu-v, #sidebar ul#navmenu-v, ul#navmenu-v li, #sidebar ul#navmenu-v li, ul#navmenu-v ul, #sidebar ul#navmenu-v ul { margin: 0; border: 0 none; padding: 0; width: 180px; /*For KHTML*/ list-style: none } ul#navmenu-v:after /*From IE 7 lack of compliance*/ { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden } ul#navmenu-v li { float: left; /*For IE 7 lack of compliance*/ display: block !important; /*For GOOD browsers*/ display: inline; /*For IE*/ position: relative } ul#navmenu-v ul, ul#navmenu-v ul ul, ul#navmenu-v ul ul ul { display: none; position: absolute; top: 0; right:180px;/*If you wish to use vertical dropmenu on left sidebar, simply change the value right to left here. e.g. = left:180px;*/} #r_sidebar h3.vmenuspcaer { padding-top:18px } #navmenu-v li { float:left; list-style-type:none; margin:10px -4px 10px 4px; padding:0px; background:none } #navmenu-v li:hover a, #navmenu-v li.hover a, #navmenu-v li.current_page_item a { text-decoration:none } #nav ul li.current_page_item a:hover { text-decoration:none } #navmenu-h ul li { margin:0 10px 5px 0 } #navmenu-h ul li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-shadow: 0 -1px 0 #561226; text-decoration:none; padding: 0 15px; text-transform:uppercase } #nav ul li a:hover { text-decoration:none } #navmenu-h ul li ul li a { margin:0; padding-left:10px; border-radius: 0 !important; box-shadow: none !important } #navmenu-h ul li ul li ul li { height:26px } /* -------------------------------------------------- :: Template styles -------------------------------------------------- */ .rs_list { list-style: none; display: block; margin: 0; padding: 0 } .rs_list li { display: block; border-bottom: 1px solid #ccc; font-size: 12px; margin: 0 !important; padding: 20px 0 15px !important } .rs_list li a.img { display: block; float: left; width: 40px; border: 1px solid #aaaaaa; padding: 4px; box-shadow: 0 2px 2px #cccccc; margin: 0 15px 0 10px } .rs_list li a.img:hover { -moz-transition: all 0.26s ease-out 0s; opacity: .4 } .rs_list li .col1 { float: left; width: 319px; color: #333333 } .rs_list li .col2 { float: left; width: 268px } .rs_list li p { margin:0 0 2px 0!important } .rs_list li .col1 h1 { font-size: 18px; color: #84203f !important; border: 0 none !important; margin-bottom: 0 !important; padding-bottom: 5px !important } .rs_list li .col1 h1 a { color: #84203f } .rs_list li .col1 h1 a:hover { color: #000000 } .rs_list li .col1 span { color: #84203f } .rs_list li .col2 span { display: block; float: left; color: #666666; width: 115px } .detail_list { margin-bottom:25px } .detail_list a.img { display: block; float: left; width: 140px; height: 140px; border: 1px solid #aaaaaa; padding: 4px; box-shadow: 0 2px 2px #cccccc; margin: 14px 30px 0 0 } .detail_list a.img:hover { -moz-transition: all 0.26s ease-out 0s; opacity: .4 } .detail_list .col_right { float: left; width: 660px } .detail_list .col_right h2 { font-size: 22px !important; color: #831F1F !important; border: none !important } .newlisting .detail_list .col_right h2 { color:#333333!important } .profiledesc { width:100%; margin-bottom:10px; display:inline-block } .detail_list .col_right p span, .detail_list .col_right .text-editor span, .profiledesc span { display: block; float: left; color: #666666; width: 150px; margin-right:10px } .text-editor p span { width:500px!important; margin-right:0!important } .profiledesc p { float:right; margin:0!important } .profiledesc p, .newlisting .col_right .text-width, .newlisting .text-editor p, .newlisting .text-editor p span { width:322px!important } .detail_list hr { border-bottom: 1px solid #cccccc; height: 0; background: none; margin: 16px 0 13px } .applied { font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #333333; border-bottom: 1px solid #ccc; padding-bottom: 5px !important; margin-top: 40px !important } .list_01 ul { list-style: none; margin-top: 18px !important } .list_01 ul li { list-style: none !important; border-bottom: 1px solid #cccccc; margin-left: 0 !important; padding: 12px 0 10px !important } .list_01 ul li:last-child { border-bottom: 0 } .list_01 ul li a img { width:40px; height:40px; border:none!important } .list_01 a.img { display: block; float: left; width: 50px; border: 1px solid #aaaaaa; box-shadow: 0 2px 2px #cccccc; margin-right: 15px } .list_01 a img:hover { -moz-transition: all 0.26s ease-out 0s; opacity: .4 } .list_01 li .col_1 h2 { font-size: 18px !important; color: #84203f !important; border: 0 none !important; margin-bottom: 0 !important; padding: 0 !important } .list_01 li .col_1 h2 a { color: #84203f } .list_01 li .col_1 h2 a:hover { color: #84203f } .list_01 li .col_1 { float: left; width: 400px; font-size: 12px; color: #444444; line-height: 26px } .list_01 li .col_2 { float: left; width: 130px } .list_01 li .col_3 { float: left; width: 50px } .list_01 li .col_1 a.link { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #009f13 !important; text-decoration: none !important } .list_01 li .col_1 a.link span { color: #ff0000 } .list_01 li .col_1 a.link:hover, .list_01 li .col_1 a.link span:hover { color: #000000 !important } .list_01 li .col_2 { font-size: 12px; color: #313131; padding-top: 6px; line-height: 20px } .list_01 li .col_2 small { display: block; font-size: 14px; color: #84203f } .list_01 li .col_3 { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #313131; padding-top: 6px; line-height: 20px } .list_01 li .col_3 small { display: block; font-size: 12px } .posted { font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #333333; border-bottom: 1px solid #ccc; padding-bottom: 5px !important; margin: 40px 0 0 !important } .widget #searchform label { line-height: 24px; display: block } .widget #searchform #s { padding: 10px; width: 134px; border-radius: 5px } input[type="text"], #login_user_frm_id .slog_prop, #content .wpcf7 p span .wpcf7-textarea, .jobtextfield, #content .form_row .textarea, .form_row .select { font-size: 13px; color: #000; font-family: Georgia, "Times New Roman", Times, serif } input[type="text"], #login_user_frm_id .slog_prop, #content .wpcf7 p span .wpcf7-textarea { border: 1px solid #cccccc; border-radius: 3px } input[type="submit"], input[type="reset"], input[type="button"], button, a.button, .applyjob, .removejob { border: none !important; background: #e2e2e2; background-image: linear-gradient(top, #575757 0%, #2d2d2d 100%); background-image: -o-linear-gradient(top, #575757 0%, #2d2d2d 100%); background-image: -moz-linear-gradient(top, #575757 0%, #2d2d2d 100%); background-image: -webkit-linear-gradient(top, #575757 0%, #2d2d2d 100%); background-image: -ms-linear-gradient(top, #575757 0%, #2d2d2d 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #575757), color-stop(1, #2d2d2d) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#2d2d2d'); border-radius: 5px; font:18px Georgia, "Times New Roman", Times, serif; color: #ffffff !important; text-shadow: 0 -1px 1px #000000; float:right; display:block; padding: 6px 15px !important; cursor: pointer; } input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover, a.button:hover, .applyjob:hover, .removejob:hover { background: #575757; background-image: linear-gradient(top, #2d2d2d 0%, #575757 100%); background-image: -o-linear-gradient(top, #2d2d2d 0%, #575757 100%); background-image: -moz-linear-gradient(top, #2d2d2d 0%, #575757 100%); background-image: -webkit-linear-gradient(top, #2d2d2d 0%, #575757 100%); background-image: -ms-linear-gradient(top, #2d2d2d 0%, #575757 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #2d2d2d), color-stop(1, #575757) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d2d2d', endColorstr='#575757')} .submit_job_form label { width: 160px !important } .submit_job_form #map_canvas { clear: both; margin-left: 170px !important; border: 1px solid #CCCCCC } .submit_job_form .btn_input_normal { float: left; margin: 0 0 20px 170px } *+html .submit_job_form .btn_input_normal { margin-left:170px } /*-----IE 7-----*/ .form_row ul.no_float { float: left; max-width: 540px } .form_row ul.no_float li { } .form_row ul.checkbox { float: left; max-width: 540px } .form_row ul.checkbox li { width: 23%; padding-bottom: 0 } .submit_property_form .form_row input[type="text"], .submit_property_form .form_row input[type="password"], #categoryform .form_row input[type="text"], #categoryform .form_row input[type="password"] { clear:both; float:none; width:320px !important; margin:0 0 3px 0 !important; *clear: none} #jobform .form_row .textarea { width:398px } .textarea { height:120px } #respond #commentform .textarea { height:auto } .registration_col .mceLayout #company_name_ifr { height:120px!important } #registerform .form_row .textarea { width:304px; margin:0 0 3px 0 } #jobform .form_row .mceLayout { width:410px !important } .form_row .mceLayout { width:318px } .registration_col .form_row .mceLayout { width:318px!important } .error_msg { color: red } .category_label { float: left; width: 492px } #resumeform .category_label { width:490px } #jobform .category_label label { width: 250px; padding:5px 5px 5px 0 } .form_row .select_s { width: 214px; padding: 6px } .form_row .btn_spacer, .form_row .message_note, .btn_spacer { display:inline-block; float: left!important } .message_note { font-size: 12px; color: #777; clear:both; width:auto; margin: 0 0 0 170px; display:inline-block } .submit_resume_form .message_note { margin-left:170px } .msgcat { width:500px } span.message_error2 { float: left; clear:both; color: #ff0000; font-size: 12px; font-weight: normal; margin-left:170px } #jobform #price_package_error { margin-top:-20px } *+html span.message_error2 { width:270px!important } /*-----IE 7-----*/ *+html #jobform .form_row .message_note { width:500px } #packages_checkbox, #packages_select { margin-top: 20px } #packages_select label { width: 100% !important; padding-top: 0 !important } .package { padding:10px 35px; border:1px solid #CCCCCC; margin-bottom:20px } .package h3 { font-weight: normal; margin-bottom: 0 } .package label { margin-bottom: 15px } .package input { cursor: pointer; left: -20px; position: relative !important; top: 23px !important } .feature_label { float: left; width: 100% !important; padding-bottom:8px } .feature_label label { padding-top:8px } .feature_label input { margin: -2px 5px 0 0 } .category_label .form_cat input { margin-right: 5px; vertical-align:top } .submit_job_form #is_featured label { width: 100% !important } #packages_checkbox { margin: 0 0 0 170px } #packages_checkbox .message_error2 { margin-left:0 } .breviewyourlist .normal_button { margin-left:14px; float: left !important } #resumeform .breviewyourlist .normal_button { margin-left:15px } .yo_note { clear: both; margin-left: 0px; float: none !important } .nextprev { margin-top:0 } #is_featured { clear: both; margin:0 0 0 170px } .job_detail_p .first { width: 170px; float: left } .published_box .btn_input_normal { float:left; margin-left:10px } .success p { line-height: 26px } .success { width: 960px !important } .clear_both { margin-top:0 } .form_title { font-size:18px; border-bottom: 1px dotted #CCCCCC; margin-bottom:20px } .published_box { width:640px; background:#E3E3E3; margin-bottom:20px; padding:10px; border:1px solid #CCCCCC; border-radius:5px; display:inline-block } #content .list li, #content .payment_method li { list-style:none; margin-left:0; display:table } *+html #content .list li, *+html #content .payment_method li { display:inline-block } /*-----IE 7-----*/ .published_box .left { float:left; margin:9px 0 0 10px } #content .list li .colon { float:left; margin:12px 3px 0 0 } #content .list li .first ~ p, #content .list li .colon ~ p {width:485px; display:inline-block} .apply_resume { display:inline; margin-top:3px } /*------------------Opera Hack---------------------*/ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { .apply_resume {border:1px solid #CCCCCC} } /*--------------------------------------------------*/ #rememberme { float:left; margin-right:5px } .b_registernow { margin-top:30px } .published_box .fr { margin-left:0 } #lostpassword_form { display:block; margin-top:30px } #lostpassword_form .form_row { margin-top:0; display:block } #lostpassword_form .form_row label { padding:0 } #lostpassword_form .form_row label p { margin:0 0 10px 0; display:inline-block } #lostpassword_form .btn_input_highlight { float:left; margin-top:10px } #lostpasswordform { display:inline-block } *+html #lostpassword_form .btn_input_highlight { width:185px; margin-top:20px } .lab1, .lab2 { float:left; min-width:160px; padding:0 10px 0 0 } .lab2 { } .user_define { float:left; margin-right:35px } .lab2_cont { margin-top:20px; display:inline-block } .submit { float:left!important; margin:0 0 10px 170px } .free_property { margin-bottom:10px } .title-container .fr { float:left!important } .radius { width:125px; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#353535; position:absolute; right:8px; top:10px; background: none; outline: none } .jobform_r .normal_button { float:left; margin-left:150px } #srch_lo { width:435px } #user_email_error, #user_fname_error, .registration_col #login_type_error { margin-left:0 } #description { float:left } #registerform { display:block } #registerform .form_cat { padding-bottom:0 } #registerform .btn_input_highlight, #chngpwdform .btn_input_highlight { margin:15px 0 0 170px } #registerform .btn_input_normal, #chngpwdform .btn_input_normal { float:left; margin:15px 0 0 10px } #change_pw { margin-top:80px } .page_head .fr { float:none!important; margin-left:0 } #catdrop, #post_type { width:125px; background:#fff; border:1px solid #CCCCCC; padding:2px } .applyjob, .removejob { float:left; text-decoration:none!important } .nav_recent { width:100% } .nav_recent li { list-style:none!important; list-style-position:outside!important; width:100%; display:inline-block; padding:10px 0!important; margin-bottom:0!important; cursor:pointer } .nav_recent li .recent-icon { float:left } .nav_recent li a .photo { margin-right:10px!important } *+html .nav_recent li a .photo { margin-right:0 !important } /*-----IE 7-----*/ .nav_recent li h4 { float:right; font-size:14px; width:160px; padding:0; line-height:22px } *+html .nav_recent li h4 { width:145px } /*-----IE 7-----*/ .nav_recent li h4 span, .nav_recent li h4 label { display:block } .nav_recent li h4 span, .nav_recent li h4 .resume-link { font-size:12px; color:#666666!important } .nav_recent li h4 label { cursor:pointer } .fbplugin { margin:25px 0 0 0 } .fbplugin .fbconnect_login_button { margin:0!important } .map_category { background: none repeat scroll 0 0 #FFFFFF; bottom: 0px; float: right; max-height: 50%; overflow-y: scroll; position: absolute; right: 0px; width: 200px } .map_category label { display: block; padding: 4px 0; width: 100% } .map_category label img { margin-left:3px } .plist_map { margin-bottom: 22px; position: relative } #toggle { bottom: 0; cursor: pointer; padding: 18px; position: absolute; right: 0; z-index: 9999 } .toggleoff { background: url("images/minus_btn.png") no-repeat scroll center center #FFFFFF } .toggleon { background: url("images/add_btn.png") no-repeat scroll center center #FFFFFF } .wpcf7-form .form_row { display:inline-block } .wpcf7-form .b_submit { float:none; margin:10px 0 0 160px!important } /*-------------------About----------------------*/ .post-content p { margin:20px 0; line-height:23px } .content p.alert, .content p.download, .content p.info, .content p.note { margin: 10px 0; padding: 9px 10px 9px 40px } .content p.download { background: url("images/i_download.png") no-repeat scroll 10px 13px #EDFCD5; border-bottom: 1px solid #D4EBAF; border-top: 1px solid #D4EBAF } .content p.alert { background: url("images/i_alert.png") no-repeat scroll 12px 13px #FFD9C8; border-bottom: 1px solid #F0BAA2; border-top: 1px solid #F0BAA2 } .content p.note { background: url("images/i_info.png") no-repeat scroll 14px 13px #FEF6D2; border-bottom: 1px solid #EFE3AE; border-top: 1px solid #EFE3AE; margin: 10px 0 } .specialnote { background: url("images/i_info.png") no-repeat scroll 14px 13px #FEF6D2; border-bottom: 1px solid #EFE3AE; border-top: 1px solid #EFE3AE; margin: 10px 0; padding:9px 10px 9px 40px !important } .content p.info { background: url("images/i_note2.png") no-repeat scroll 12px 13px #EEEEEE; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC } .entry .post-content .about_author { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC; border-radius: 10px 10px 10px 10px; box-shadow: 1px 1px 1px #DDDDDD; clear: both; color: #444444; margin: 20px 0; overflow: hidden; padding: 20px; text-shadow: 1px 1px 1px #FFFFFF } .small_button { float: left; margin: 0 15px 15px 0 } .entry .post-content .small_button a { margin-left:15px; display:block; float:left; font:bold 14px Arial, Helvetica, sans-serif; padding:9px 25px 9px 10px; text-decoration:none } .entry .post-content .small_button a:hover { background-position:right -35px } .entry .post-content .red:hover, .entry .post-content .grey:hover, .entry .post-content .pink:hover, .entry .post-content .purple:hover, .entry .post-content .blue:hover, .entry .post-content .lightblue:hover, .entry .post-content .yellow:hover, .entry .post-content .orange:hover, .entry .post-content .black:hover, .entry .post-content .magenta:hover, .entry .post-content .green:hover { background-position:left -35px } .entry .post-content .red a, .entry .post-content .pink a, .entry .post-content .purple a, .entry .post-content .blue a, .entry .post-content .lightblue a, .entry .post-content .yellow a, .entry .post-content .orange a, .entry .post-content .black a, .entry .post-content .magenta a, .entry .post-content .green a { color:#fff; text-shadow:1px 1px 1px #333 } .entry .post-content .red { background: url("images/b_red_l.png") no-repeat scroll left top transparent } .entry .post-content .red a { background: url("images/b_red_r.png") no-repeat scroll right top transparent } .entry .post-content .grey { background: url("images/b_grey_l.png") no-repeat scroll left top transparent } .entry .post-content .grey a { background:url("images/b_grey_r.png") no-repeat right top; color:#666; text-shadow:1px 1px 1px #fff } .entry .post-content .black { background: url("images/b_black_l.png") no-repeat scroll left top transparent } .entry .post-content .black a { background:url(images/b_black_r.png) no-repeat right top } .entry .post-content .blue { background: url("images/b_blue_l.png") no-repeat scroll left top transparent } .entry .post-content .blue a { background:url(images/b_blue_r.png) no-repeat right top } .entry .post-content .lightblue { background: url("images/b_lightblue_l.png") no-repeat scroll left top transparent } .entry .post-content .lightblue a { background:url(images/b_lightblue_r.png) no-repeat right top } .entry .post-content .purple { background: url("images/b_purple_l.png") no-repeat scroll left top transparent } .entry .post-content .purple a { background:url(images/b_purple_r.png) no-repeat right top } .entry .post-content .magenta { background: url("images/b_magenta_l.png") no-repeat scroll left top transparent } .entry .post-content .magenta a { background:url(images/b_magenta_r.png) no-repeat right top } .entry .post-content .green { background: url("images/b_green_l.png") no-repeat scroll left top transparent } .entry .post-content .green a { background:url(images/b_green_r.png) no-repeat right top } .entry .post-content .orange { background: url("images/b_orange_l.png") no-repeat scroll left top transparent } .entry .post-content .orange a { background:url(images/b_orange_r.png) no-repeat right top } .entry .post-content .yellow { background: url("images/b_yellow_l.png") no-repeat scroll left top transparent } .entry .post-content .yellow a { background:url(images/b_yellow_r.png) no-repeat right top } .entry .post-content .pink { background: url("images/b_pink_l.png") no-repeat scroll left top transparent } .entry .post-content .pink a { background:url(images/b_pink_r.png) no-repeat right top } #post_601 hr { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 transparent; border-color: -moz-use-text-color -moz-use-text-color #CCCCCC; border-style: none none solid; border-width: medium medium 1px; clear: both; height: 1px; padding: 0 } .post-content .check_list ul { list-style: none outside none; margin: 15px 0; padding-left: 0 } .post-content .check_list ul li { background: url("images/tick.png") no-repeat scroll left top transparent; list-style: none outside none; margin: 0 0 8px; padding-left: 25px } .post-content p.dropcaps:first-letter { float: left; font-size: 40px; line-height: 35px; margin-right: 8px; margin-top: 5px } .post-content p.dropcaps { padding: 20px 10px 0 0 } .entry .post-content .normal_box { background: none repeat scroll 0 0 #F4F4F4; border: 1px solid #D7D7D7; } .entry .post-content .boxes { border-radius: 10px 10px 10px 10px; box-shadow: 1px 1px 1px #DDDDDD; color: #444444; margin: 40px 0; overflow: hidden; padding: 20px; text-shadow: 1px 1px 1px #FFFFFF } .entry .post-content .warning_box, .entry .post-content .download_box, .entry .post-content .info_box, .entry .post-content .about_box, .entry .post-content .alert_box { padding-left: 85px } .entry .post-content .warning_box { background: url("images/box_warning.png") no-repeat scroll 13px 18px #FDE3E3; border: 1px solid #DBA7A7 } .entry .post-content .warning_box h3 { color: #960E00 } .entry .post-content .boxes h3 { margin: 0 } .entry .post-content .download_box { background: url("images/box_download.png") no-repeat scroll 13px 13px #D8F3D1; border: 1px solid #7AB16B; } .entry .post-content .download_box h3 { color: #40912B } .entry .post-content .about_box { background: url("images/box_about.png") no-repeat scroll 13px 13px #E5EBFF; border: 1px solid #A4ADC9; } .entry .post-content .about_box h3 { color: #4D5B8B; } .entry .post-content .info_box { background: url("images/box_info.png") no-repeat scroll 13px 13px #DDF4FF; border: 1px solid #8EC1D8 } .entry .post-content .info_box h3 { color: #1489BF; } .entry .post-content .alert_box { background: url("images/box_alert.png") no-repeat scroll 13px 13px #FFFDDF; border: 1px solid #DFB150 } .entry .post-content .alert_box h3 { color: #BE8305; } .small { display: inline; float: left; margin: 0 3.5% 2% 0 !important; width: 20% } .one_half_column, .one_third_column, .one_third_column_last, .one_fourth_column, .one_fourth_column_last { margin-bottom: 30px } .one_half_column { width: 45% } .one_third_column { padding: 0 40px 0 0; width: 30%; } .one_third_column_last { width: 24%; } .one_fourth_column { padding: 0 57px 0 0; width: 20%; } .one_fourth_column_last { width: 20%; } .two_thirds_last { width: 62%; } .two_thirds { width: 65.33%; padding: 0 50px 0 0; } .one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { float: left; margin-bottom: 20px; margin-right: 4%; position: relative } .left { float: left } #content-wrap { float:none } .right { float: right } #post_601 h3 { font-size:16px; font-weight:bold } .right-side .content p.note, .left-side .content p.note { background:none; border:none } #loginform .prop_sub_login { margin-bottom:10px } .left-side #content { display:block } *+html .title-container { display:inline-block } /*-----IE 7-----*/ *+html .menu-menu-container { width:490px; display:inline-block } /*-----IE 7-----*/ *+html #navmenu-h { width:100% } /*-----IE 7-----*/ .odd { padding-left:70px !important } .content_spacer .fr { width:302px; float:right } .form_cat_right { float:left; width:490px } .form_cat_right .form_cat .r_lbl, .category_label .form_cat label { padding: 0px !important } .col_right .text-width, .col_right .text-editor p { display:table; width:500px; margin-top:0 !important } .newlisting h3 { border-bottom:1px dashed #CCCCCC; padding-bottom:5px } .registration_form_box .upload_img .message_note { margin-left:0 } #fbc_login .fbconnect_login_button { margin:15px 0 0!important; display:inline-block } .word-verification { margin:15px 0 5px; display:inline-block } .text-or { display:inline-block; margin:15px 0 0 82px } #login_user_frm_id .text-or { margin:9px 0 0 205px } #login_user_frm_id .fbc_connect_button_area { float:none; display:block; margin-left:170px; padding-top:0 } *+html #login_user_frm_id .text-or { margin-left:200px } *+html #login_user_frm_id .fbconnect_login_button { margin-left:10px!important } #lostpassword_form .fbc_connect_button_area { margin-top:5px; display:inline-block } .registration_form_box #registerform .form_row label { width:96%; margin-bottom:5px } .registration_form_box #registerform .form_row .form_cat { width:120px; margin-bottom:10px } .registration_form_box #registerform .form_row .message_note { float:none!important; margin-left:0!important } .registration_form_box #registerform .upload_img .message_note { display:inline-block } #registerform .message_note { margin:5px 0 0 170px } #fbc_login .dark. FB_login_button {display:inline-block} #fbc_login span small { font-size:13px } #jobform .recaptcha_nothad_incorrect_sol { display:inline-block; margin-left:-4px } *+html #jobform .recaptcha_nothad_incorrect_sol #recaptcha_area { margin-left:-3px } .form_row #company_name_parent { display:inline-block } .registration_col .form_row .mceEditor { margin-top:-15px } #registerform .select { width:150px; border:1px solid #CCCCCC; padding:2px } .my-dashboard .col_right, .newlisting .detail_list .col_right { width:482px } .newlisting #recaptcha_area { margin:15px 0 0 107px } .detail_list .Professional-info { width:100%; display:inline-block } .detail_list .Professional-info span { float:left; width:150px; margin-right:10px } .detail_list .Professional-info p { float:right; width:502px!important; margin-top:0!important } .newlisting-block h1 { margin-bottom:0!important; border-bottom:none!important } .newlisting-block .posted-date { font-size:12px; border-bottom:1px dashed #CCCCCC; padding-bottom:5px; margin-bottom:20px } .newlisting-block .posted-date a { margin-left:2px } .newlisting-block .detail_list a img { border:none!important; width:130px; height:130px } .tagwise_listing_widget a { font-size:13px!important } .total-price { margin-top:0 } .registration_col .container-02, .form_col_1 #loginform { margin-top:-20px } .simplemodal-container .row .message_error2 { margin-left:110px } .form_title .required { font-size:13px } #content p .normal_button { text-decoration:none!important; margin-left:10px } .form_row .resumback { margin-left:170px!important } #recaptcha_area, #recaptcha_table { width:318px !important } *+html .registration_col .container-02 { margin-top:-30px } /*-----IE 7-----*/ *+html .form_col_1 #loginform { margin-top:-45px } /*-----IE 7-----*/ *+html input[type="submit"], *+html input[type="reset"], *+html input[type="button"], *+html button, *+html a.button, *+html .applyjob, *+html .removejob { padding-left:0!important; padding-right:0!important } /*--------------------Contact Form---------------------*/ #content .wpcf7 p { width:100%; line-height:26px; display:inline-block } #content .wpcf7 p label, #content .wpcf7 p span, #content .wpcf7 p .wpcf7-submit { float:left } #content .wpcf7 p label { width:180px; margin-right:10px } #content .wpcf7 p span { display:inline-block } #content .wpcf7 p span .wpcf7-text, #content .wpcf7 p span .wpcf7-textarea { color:#000; padding:8px } #content .wpcf7 p span .wpcf7-text { width:300px } #content .wpcf7 p span .wpcf7-textarea { width:410px } .listings .normal_button { float:right; margin:8px 10px 0 0 } /*---------------------Contact Us----------------------*/ #contact_frm .form_row { width:100% } #contact_frm .recaptcha_nothad_incorrect_sol { display:inline-block } #contact_frm .recaptcha_nothad_incorrect_sol #recaptcha_area { margin-left:-3px } #contact_frm .b_submit { margin-left:170px!important } #contact_frm .form_row .message_error { margin-left:170px; display:inline-block } #contact_frm .form_row .textarea { color:#000 } /* -------------------------------------------------- :: Tablet (Portrait) -------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 960px) { .container_row, .category_list-in, #header-in, #search_section-in, #main_tab-in, #content-wrap { width: 748px; padding-left: 10px; padding-right: 10px } #footer-in { width:100% } .edit_profile_form .textfield, .textbox { width: 226px } #content .listings h3 { width: 520px } #content .listings h3 span.company_name { text-align: right; padding-right: 10px } .login_form { float: none; margin:0 auto 60px } .registration_col { float: none; margin: 0 auto 25px } #content .listings h3, #content .featured h3 { width:255px } .status_active, #content .listings h3 span.company_name { text-align: left } .rs_list li .col1 { float: left; width: 440px } .rs_list li .col2 { clear: both; float: none; width: 440px; margin-left: 75px; padding-top: 20px } .detail_list .col_right { width: 515px } .my-dashboard .col_right, .newlisting .detail_list .col_right { width:336px } .detail_list .Professional-info p { width:356px!important } .list_01 li .col_1 { width: 270px } .newlisting .list_01 li .col_1 { width: 240px } .newlisting .list_01 li .col_1, .newlisting .list_01 li .col_2 { margin-right:10px } .newlisting #recaptcha_area, #commentform #submit { margin-left:0 } .newlisting .recaptcha_nothad_incorrect_sol { float:none; margin-left:-3px } #header ul { margin-bottom: 20px } .profiledesc p, .newlisting .col_right .text-width, .newlisting .col_right .text-editor p, .newlisting .text-editor p span { width:176px!important } .nav_recent li h4 { width:109px!important } .form_cat { width:150px } .form_cat_right, .msgcat { width:345px!important } .content_spacer { width:67%; margin:0 auto; display:table } .content_spacer .fr { float:left !important; width:350px!important; margin:0 auto!important } .login_form { width:318px; margin-bottom:40px; display:inline-block } #content .login_form .textfield { width:300px } .registration_col { float:left } .place { width:125px } .rs_list li .col1 { width:226px } .rs_list li .col2 { float:left; width:200px; margin-left:15px; padding-top:0; clear:none } .category_label { width:346px } .form_row #map_canvas { width:350px } .submit_resume_form .form_row .mceLayout { width:346px!important } #content .submit_resume_form .form_row .textarea { width:332px } #jobform .form_row #map_canvas, #jobform .form_row .mceLayout, #jobform .jobtextfield, #registerform .form_row .mceLayout { width:318px!important } .recaptcha_nothad_incorrect_sol { float:left; margin-left:-7px } #jobform .form_row textarea { width:304px!important } .published_box { width:494px!important } #content .list li .first ~ p, #content .list li .colon ~ p { width:338px!important } #resumeform .category_label { width:346px } .col_right .text-width { width:193px!important } .registration_col #registerform .form_row label { width:318px; margin-right:0 } #registerform .recaptchatable { margin-left:7px!important } .col_right .text-width, .col_right .text-editor p, .text-editor p span { width:350px!important } .small { width:16% } .one_fourth_column { width:19% } .two_thirds { width:65.3% } #contact_frm .form_row .textfield { width:328px } #contact_frm .form_row .textarea { width:332px } #contact_frm .recaptcha_nothad_incorrect_sol #recaptcha_area { margin-left:4px } #commentform label { width:100% } #simplemodal-container { left:28%!important } } /* -------------------------------------------------- :: Mobile (Landscape) -------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container_row, .category_list-in, #header-in, #search_section-in, #main_tab-in, #content-wrap { width: 460px; padding-left: 10px; padding-right: 10px } #content { min-height:inherit } #footer-in { width:100% } #header ul { margin-bottom: 20px; float: left } #navmenu-h ul { clear: both; float: left; padding: 10px 0 0 } #navmenu-h ul li { margin-bottom: 5px } .b_postajob a { float: left } #content { width: 100%; float: none } #sidebar { width: 100%; float: none; clear: both; padding-left: 0; border: 0 } .category_list-in li { margin: 5px 0 } .login_form { float: none; margin:0 auto 60px } .registration_col { float: none; margin: 0 auto 25px } .breviewyourlist { padding-left: 0 } .jobform_l { margin-bottom: 5px; width: 100% } .jobform_r { width: 460px } .jobtextfield { width: 450px } .edit_profile_form { float: none } .edit_profile_col { clear: both; float: none; width: 100% } .edit_profile_row label { width: 155px; text-align: left } .edit_profile_form .alignleft { border: none; text-align: left } .edit_profile_form .alignright { border: none; margin-top: 25px; text-align: left } #registerform input[type="submit"] { margin-left:152px } .job_title { width: 465px } #content .listings h3 { width: 100% } #content .listings h3 span a.jp_title { width: 380px } #content .listings h3 span a.edit { float: right } html > body #tab .page_item a { padding: 16px 23px 14px } .rs_list li .col1 { float: left; width: 380px } .rs_list li .col2 { clear: both; float: none; width: 380px; margin-left: 75px; padding-top: 20px } .detail_list .col_right { float:none; clear:both; padding: 30px 0 } .detail_list .col_right, .newlisting .detail_list .col_right { width:100% } .list_01 li .col_1 { width: 390px } .newlisting .list_01 li .col_1 { width: 185px } .newlisting .list_01 li .col_1, .newlisting .list_01 li .col_2 { margin-right:10px } .newlisting #recaptcha_area, #commentform #submit { margin-left:0 } .newlisting .recaptcha_nothad_incorrect_sol { float:none; margin-left:-3px } .form_row label { float: none } .#content .form_row .textfield { width: 286px !important } #packages_checkbox { margin-left: 0 !important } .submit_job_form #packages_checkbox .message_error2 { margin-left:0!important } .submit_job_form .btn_input_normal, .submit_job_form #map_canvas { margin-left: 0 !important } span.message_error2 { float: none } #is_featured, .nextprev { margin-left: 0 } html > body #tab .page_item a { padding:12px 23px 10px } #tab li a:hover, #tab li.current_page_item a { border-radius:10px } .b_postajob a { margin-top:20px } .profiledesc p, .newlisting .col_right .text-width, .newlisting .text-editor p, .newlisting .text-editor p span { width:300px!important } .nav_recent li h4 { width:385px!important } #content .listings h3, #content .featured h3 { width:199px } .form_row label { float:left } #content .form_row .textfield, #login_user_frm_id .slog_prop { width:300px } #registerform .form_row #description { width:294px!important } #chngpwdform .form_row label { width:158px!important; margin-right:6px } #content #chngpwdform .form_row .textfield { width:277px } #content .form_row label { width:305px } .form_cat { width:100px; margin-bottom:5px } .message_note { margin:5px 0 0 143px } #chngpwdform .btn_input_highlight { margin-left:164px } .right-side #sidebar, .left-side #sidebar { margin-top:25px } .form_cat { width:135px } .form_cat_right, .msgcat, #registerform .form_cat_right { width:308px } #registerform .message_note { line-height:20px; margin-left:152px } #content { padding-right:0; border:none } .content_spacer { width:67%; margin:0 auto; display:table } .content_spacer .fr { float:left !important; width:350px!important; margin:0 auto!important } .login_form { width:318px; margin-bottom:40px; display:inline-block } #content .login_form .textfield { width:300px } .registration_col { float:left } .place { width:125px } .rs_list li .col1 { width:190px } .rs_list li .col2 { float:left; width:185px; margin-left:10px; padding-top:0; clear:none } .category_label, .jobtextfield { width:300px } #jobform .form_row #map_canvas, #jobform .form_row .mceLayout, #resumeform .form_row .mceLayout, #jobform .jobtextfield, .submit_resume_form .jobtextfield { width:308px!important } #content .form_row .textfield, #login_user_frm_id .slog_prop { width:290px } #jobform .form_row .textarea { width:294px!important } #jobform .btn_input_normal, #jobform #map_canvas, #jobform .breviewyourlist, #jobform #packages_checkbox, #jobform #is_featured, #jobform span.message_error2 { margin-left:143px!important } .user_define { margin-right:14px!important } #jobform .form_row label { width:132px!important } #jobform #is_featured label { width:100%!important } .recaptcha_nothad_incorrect_sol { float:left } #loginform .lab1, .lab2 { min-width:132px!important } #loginform .submit { margin-left:142px } #jobform .breviewyourlist .normal_button { margin-left:-1px } .published_box { width:438px!important } #content .list li .first ~ p, #content .list li .colon ~ p { width:282px!important } #resumeform .category_label { width:300px } #content .submit_resume_form .form_row label { width:142px } .submit_resume_form .message_note, .submit_resume_form .breviewyourlist .normal_button { margin-left:152px!important } #resumeform .form_row textarea { width:294px !important } #content .listings .job_title, #content .listings h3 span a.jp_title { width:180px } #content .listings h3 span a.edit { float:left } .col_right .text-width, .col_right .text-editor p, .text-editor p span { width:300px!important } #advancedsearch .jobform_l { width:150px } #advancedsearch .jobform_r { width:310px } #advancedsearch .jobtextfield { width:300px } #registerform .form_row label { width:142px } #registerform .form_row .mceLayout { width:308px!important } .registration_form_box #registerform .form_row label { margin-right:0 } .small { width:76%; margin:0 0 40px 0!important } .about_box { margin-top:0!important } .one_third_column, .one_third_column_last, .one_fourth_column, .one_fourth_column_last, .two_thirds_last, .two_thirds { width:100%; padding-right:0 } .two_thirds { margin-right:0 } #contact_frm .form_row label { width:130px } #contact_frm .form_row .textfield { width:302px } #contact_frm .form_row .textarea { width:306px } #contact_frm .recaptcha_nothad_incorrect_sol { width:320px } #contact_frm .recaptcha_nothad_incorrect_sol #recaptcha_area { margin-left:-3px } #contact_frm .form_row .message_error { margin-left:140px } #contact_frm .b_submit { margin-left:140px!important } .h_left { width:520px } #commentform label { width:100% } #simplemodal-container { left:22%!important } .form_row .resumback { margin-left:150px!important } #login_user_frm_id .text-or { margin-left:180px } #login_user_frm_id .fbc_connect_button_area { margin-left:140px } } /* -------------------------------------------------- :: Mobile (Portrait) -------------------------------------------------- */ @media only screen and (max-width : 479px) { .container_row, .category_list-in, #header-in, #search_section-in, #main_tab-in, #content-wrap { width: 300px; padding-left: 10px; padding-right: 10px } #content { min-height:inherit } #footer-in { width:100% } #header ul { margin-bottom: 20px; float: left } #header-in .logo-image a { float: none } #header-in .description { padding-left: 0 } .h_left { width: 300px } #navmenu-h ul { clear: both; float: left; padding: 10px 0 0 } #navmenu-h ul li { margin-bottom: 5px } .b_postajob a { float: left } #content { width: 100%; float: none } #sidebar { width: 100%; float: none; padding-left: 0; border: 0 } .category_list-in li { margin: 5px 0 } .breviewyourlist { padding-left: 0 } .jobform_l { margin-bottom: 5px; width: 100% } .jobform_r { width: 300px } .jobtextfield { width: 290px } .edit_profile_form { float: none } .edit_profile_col { clear: both; float: none; width: 100% } .edit_profile_row label { width: 100px; text-align: left } .edit_profile_form .textfield, .textbox { float: left; width: 306px } .edit_profile_form .alignleft { border: none; text-align: left } .edit_profile_form .alignright { border: none; text-align: left; margin-top: 25px } #content .listings h3, #content .featured h3 { width:220px; margin-bottom:5px } .job_title { width: 312px } #content .listings h3 span a.edit, #content .listings h3 span a.delete { } #search { width: 300px } #search .s { width: 200px } #search .no { padding-left: 0px !important } .registration_col { width: 274px } html > body #tab .page_item a { padding: 16px 10px 14px; font-size: 15px } #commentform input { width: 274px } #commentform textarea { width: 284px } .newlisting #recaptcha_area, #commentform #submit { margin-left:0 } .newlisting .recaptcha_nothad_incorrect_sol { float:none; margin-left:-3px } .rs_list li .col1 { float: left; width: 224px } .rs_list li .col2 { clear: both; float: none; width: 224px; margin-left: 75px; padding-top: 20px } .detail_list .col_right { width: 100%; float:none; clear:both; padding: 30px 0 } .list_01 li .job-listed { display: inline-block } .list_01 li .job-listed, .list_01 li .col_1 { width: 225px } .list_01 li .col_2 { width: 120px; margin-right:10px } .list_01 li .col_2, .list_01 li .col_3 { padding-top:8px } .form_row label { float: none } .#content .form_row .textfield { width: 200px !important !important } #packages_checkbox { margin-left: 0 !important } .submit_job_form .btn_input_normal, .submit_job_form #map_canvas { margin-left: 0 !important } span.message_error2 { float: none } #is_featured, .nextprev { margin-left: 0 } #header li { margin:0 10px 0 0 } html > body #tab .page_item a { padding:8px } #tab li a:hover, #tab li.current_page_item a { border-radius:10px } #tab li { margin-bottom:5px } .my-dashboard .col_right, .newlisting .detail_list .col_right { width:100% } .detail_list .col_right p span, .detail_list .col_right .text-editor span, .profiledesc span { width:125px } .profiledesc p { width:165px } .detail_list .Professional-info span { width:125px } .detail_list .Professional-info p { width:165px!important } #content .listings h3, .job_title, #content .listings h3 span a.jp_title { width:160px !important } .nav_recent li h4 { width:230px!important } #content h1 span .myprofile { width:300px!important; display:inline-block } .form_row label { float:left } #content .form_row .textfield, #login_user_frm_id .slog_prop { width:282px } #content .form_row label { width:auto; float:none } .form_cat { width:100px; margin-bottom:8px } .message_note { width:auto; margin:5px 0 0 114px } #registerform input[type="submit"], #registerform .btn_input_highlight, #chngpwdform .btn_input_highlight, #registerform .message_note, #jobform span.message_error2, #jobform .message_note, #loginform .submit, .published_box .left, #resumeform .message_note, #resumeform .breviewyourlist .normal_button, #advancedsearch .jobform_r .normal_button { margin-left:0!important } .right-side #sidebar, .left-side #sidebar { margin-top:25px } .form_cat { width:110px } .form_cat_right, .msgcat { width:auto!important } .form_cat_right { float:none!important; } #registerform .message_note { line-height:20px } #content { padding-right:0; border:none } .content_spacer { width:300px; display:inline-block } .content_spacer .fr { float:left !important; width:310px!important; margin:0 auto!important } .login_form { width:280px; margin-bottom:40px; display:inline-block } #content .login_form .textfield { width:300px } .registration_col { float:left } #content .login_form .form_row .textfield { width:260px!important } #content .form_row .textfield, #login_user_frm_id .slog_prop { width:255px!important } #content .form_row .textfield { width:252px!important } .registration_form_box #registerform .upload_img .message_note { display:inline-block } .registration_form_box #registerform .form_row .message_note { width:270px!important } #registerform .message_note { margin-left:0 } .place { width:125px } .lab1, .lab2 { width:100%; padding:0 0 5px 0!important } .user_define { margin-right:14px!important } #loginform .lab2_cont .textfield, #jobform .form_row .textfield, #resumeform .form_row .textfield { width:282px!important } #jobform .form_row label { width:100%!important; margin:0 0 5px 0!important } #jobform .jobtextfield, #jobform .category_label, #resumeform .category_label, #resumeform .jobtextfield { width:300px } #jobform #map_canvas { width:298px!important } #jobform .form_cat { padding-bottom:0px } #jobform .form_row #map_canvas, #jobform .form_row .mceLayout, #resumeform .mceLayout { width:300px!important } #jobform .form_row textarea, #resumeform .form_row textarea { width:286px!important } #jobform .breviewyourlist .normal_button { margin-left:0 } #loginform .fbc_connect_button_area { float:none; margin-top:5px } .feature_label { margin-bottom:3px } .published_box { width:278px!important } .published_box .left { clear:both } #content .list li .first ~ p, #content .list li .colon ~ p { width:198px!important } .job_detail_p .first { width:95px } #content .map { height:300px!important } #resumeform .form_row label { width:100%; margin-bottom:5px } #resumeform .form_row .form_cat label { margin-bottom:0 } #resumeform .form_row .form_cat { width:135px; margin-bottom:0 } .col_right .text-width, .col_right .text-editor p, .text-editor p span { width:165px!important } #advancedsearch .jobform_r { width:300px } #advancedsearch .jobtextfield { width:290px } #registerform .form_row label, #registerform .form_row .mceLayout { width:300px!important; margin:0 0 5px 0 } #content #chngpwdform .form_row label { margin-bottom:5px } .registration_col #registerform .form_row .mceLayout { width:273px!important } #registerform .form_row .textfield { width:282px!important } .registration_col #registerform .form_row label { width:273px!important } .registration_col #registerform .form_row .textfield { width:256px!important } #registerform .form_row .textarea { width:286px!important } .registration_col #registerform .form_row .textarea { width:259px!important } .featured-data { width:230px; display:inline-block } #content .fav_link li { display:inline-block } .profiledesc p, .newlisting .col_right .text-width, .newlisting .text-editor p, .newlisting .text-editor p span { width:165px!important } #content .wpcf7 p span .wpcf7-text, #content .wpcf7 p span .wpcf7-textarea { width:282px } #content .wpcf7 p .wpcf7-submit { margin-left:0 } #contact_frm .form_row label { } #contact_frm .form_row .textfield { width:282px!important } #contact_frm .form_row .textarea { width:286px } #contact_frm .recaptcha_nothad_incorrect_sol #recaptcha_area { margin-left:-3px } #contact_frm .form_row .message_error { margin-left:0 } #contact_frm .b_submit { margin-left:0!important } .listings .normal_button { float:left; margin:15px 0 0 8px } #search .textfeild_bg { background: none; border-radius: 0; box-shadow: none; padding: 0 } #search .textfeild_bg input[type="text"] { width: 290px; margin-bottom: 10px; padding: 5px !important } #search .textfeild_bg .radius { position: static; background: #ffffff; padding: 2px; border: 1px solid #ffffff; margin-bottom: 10px; width: 300px } #search .submit_bg { border-radius: 3px !important } #header li { margin-bottom: 10px } .small { width:64.5%; margin:0 0 40px 0!important } .about_box { margin-top:0!important } .one_half_column, .one_third_column, .one_third_column_last, .one_fourth_column, .one_fourth_column_last, .two_thirds_last, .two_thirds { width:100%; padding-right:0 } .two_thirds { margin-right:0 } #search_section { padding-bottom: 10px } #simplemodal-container, #inviteafriend { width:250px!important } #simplemodal-container { left:18%!important } #simplemodal-container .row { margin-right:0 } #simplemodal-container .row input, #simplemodal-container .row2 input, #simplemodal-container .row .textarea { width:128px } #content p .normal_button { margin:10px 0 0; display:table } .form_row .resumback { margin-left:0!important } #login_user_frm_id .text-or { margin-left:35px } #login_user_frm_id .fbc_connect_button_area { margin:10px 0 0 } .currentmenu { padding: 30px 0 0px; clear: both } .currentmenu span { display: block !important; height: 17px; color: #ffffff; display: block; font-size: 15px; text-shadow: 0 -1px #004779; padding: 12px; text-transform: uppercase; white-space: nowrap; cursor: pointer; clear: both; background: #e2e2e2; background-image: linear-gradient(top, #3b3b3b 0%, #222222 100%); background-image: -o-linear-gradient(top, #3b3b3b 0%, #222222 100%); background-image: -moz-linear-gradient(top, #3b3b3b 0%, #222222 100%); background-image: -webkit-linear-gradient(top, #3b3b3b 0%, #222222 100%); background-image: -ms-linear-gradient(top, #3b3b3b 0%, #222222 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #3b3b3b), color-stop(1, #222222) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b3b3b', endColorstr='#222222'); border-radius: 3px; } #navmenu-h ul { padding-top: 0 } #navmenu-h ul li { display: block; float: none; width: 300px; border-top: 1px dashed #cccccc; border-radius: 0; margin-bottom: 0; clear: both } #navmenu-h ul ul { position: static !important; display: block; background: none; width: 100%; background: none !important; margin: 10px 0 15px 30px } #navmenu-h ul li a { text-shadow: none; display: block; padding: 4px 15px 3px !important } #navmenu-h ul li a:hover { color: #000000 !important } #navmenu-h ul ul li { background: none !important; display: block; float: none; margin-bottom: 0; width: 270px !important; border-top: none } #navmenu-h ul li ul li a { line-height: 20px; color: #ffffff; display:block } #navmenu-h ul li ul li a:hover { color: #000000 !important } #navmenu-h li:hover a, #navmenu-h li.iehover a, #navmenu-h li.current_page_item a, #navmenu-h li.current_page_ancestor a, #navmenu-h li.current_page_ancestor a:hover { background: none !important; box-shadow: none !important; border-radius: 0px !important } #navmenu-h li a:hover { background: none !important } #navmenu-h li.current_page_ancestor a, #navmenu-h li.current_page_ancestor a:hover, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor a, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor a:hover, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor li.current_page_item a, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor li.current_page_item a:hover, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a:hover, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a:hover, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a:hover, #navmenu-h ul li:hover li a:hover, ul#navmenu-v li:hover li a:hover, #navmenu-h ul li:hover li:hover a, ul#navmenu-v li:hover li:hover a, #navmenu-h ul li.iehover li a:hover, ul#navmenu-v li.iehover li a:hover, #navmenu-h ul li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover a, #navmenu-h ul li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li a:hover, #navmenu-h ul li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover a, #navmenu-h ul li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li a:hover, #navmenu-h ul li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover a, #navmenu-h ul li:hover li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover li a:hover, #navmenu-h ul li:hover li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover li:hover a, #navmenu-h ul li.iehover li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li a:hover, #navmenu-h ul li.iehover li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover a, #navmenu-h ul li:hover li:hover li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover li:hover li:hover a, #navmenu-h ul li.iehover li.iehover li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li.iehover a, #navmenu-h ul li:hover li:hover li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover li:hover li a:hover, #navmenu-h ul li.iehover li.iehover li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li a:hover, #navmenu-h li:hover, #navmenu-h li.iehover, #navmenu-h li.current_page_item, #navmenu-h li.iehover, #navmenu-h li.current_page_ancestor { background: none !important; color: #000000 !important } #navmenu-h ul li:hover li a, ul#navmenu-v li:hover li a, #navmenu-h ul li.iehover li a, ul#navmenu-v li.iehover li a { border: none !important } .menu-header { display:none } div.menu { display:none } } .select_all { width: 100% !important } .container1 { width:45%; float:left; margin-right:5px } .container2 { width:45%; float:left; margin-right:5px } .detail_list:after { clear: both; display: block; height: 0; content: "."; } .style101 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }