/**

  * Site CSS 

  *

  * Custom hand made CSS to facilitate us with all the 

  * necessary classes for the home page.

  *

  * @author     Md Emran Hasan

  * @copyright  Copyright (c) 2008, Md Emran Hasan

  * @link       http://www.phpfour.com

  * @since      Version 1.0

  *

  * Modified By: Anis uddin Ahmad

  */

  

* {

    font-family: "Lucida Grande","Tahoma","Lucida Sans Unicode",Tahoma,Verdana;

}



/* ---------------------- COMMON UTILITY CLASSES ----------------------  */



.left           { display: block; float: left;}

.right          { display: block; float: right;}

.invisible      { display: none;}

.padded         { padding: 10px;}

.specias        { margin: 10px;}

.padded-clear   { clear: both; padding: 5px 0px}

.clear          { clear: both; height: 0px; line-height: 0px}

.clear-left     { clear: left; }

.clear-right    { clear: right;}

.text-left		{ text-align: left !important;}

.text-right		{ text-align: right !important;}

.text-center	{ text-align: center;}

.transperent    { background: transparent !important; border-color: transparent !important;}





/* Colors */

.gray			{ color: gray;}

.green			{ color: green;}

.red			{ color: red;}

.jm-red			{ color: #eb2d2e;}



/* Lengths */

.px-80	{ display: block; width: 80px  !important;}

.px-100	{ display: block; width: 100px !important;}

.px-150	{ display: block; width: 150px !important;}

.px-200	{ display: block; width: 200px !important;}

.px-250	{ display: block; width: 250px !important;}

.px-300	{ display: block; width: 300px !important;}

.px-500	{ display: block; width: 500px !important;}



.pc-95	{ display: block; width: 95% !important;}

.pc-80	{ display: block; width: 80% !important;}

.pc-50	{ display: block; width: 50% !important;}

.pc-30	{ display: block; width: 30% !important;}



/* ---------------------- Generic Styles ----------------------  */



h3{

	font-size: 14px;

	padding: 5px 0px;

	color: #666;

}



p{

	font-size: 12px;

	line-height: 110%;

	letter-spacing: .02em;

}



/* ---------------------- PAGE LAYOUT SPECIFIC ----------------------  */



body {

    background-color: #000000;

/*	background:url(../images/bg.jpg);*/

    border-top: 5px solid #000;

    color: #333;

    font-size: 11px;

    padding: 20px 0 40px;

}



#container {

    background-color: #fff;

    overflow:hidden;

    /*border: 1px solid #ccc;*/

}



#footer {

    color: #aaa;

    font-size: 10px;

    padding: 10px;

    text-align: center;

}



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



#header div#logo {

    height: 140px;

}



#header div#logo img {

    padding: 10px;

}



#header div#top-header img {

    padding: 35px 0;

    float: right;

}



#body h2 {

    clear:both;

    color:#333;

    font-size:14px;

    font-weight:bold;

    margin-bottom:8px;

    text-align:left;

}



#header, #footer, #body{

	clear: both;

}

/* ---------------------- NAVIGATION SPECIFIC ----------------------  */



/*#nav {

    clear: both;

    background-color: #fff;

    font-size: 12px; 

    font-weight: normal;

    height: 35px; 

    position: relative; 

    text-align: center;

}*/



.nav-main {

    background-color: #000;

    overflow: auto;

	 width: 100% !important;

}



.nav-main ul { 

    background-color: #000;

    height: 25px; 

    padding: 0; 

    margin-left: 0px;

    text-align: left;  

    width: 974px;

}



.nav-main li { 

    display: block; 

    float: left;

    border-right: 2px solid #fff;

}



.nav-main li a:link,

.nav-main li a:active,

.nav-main li a:visited,

.nav-main li a:hover{ 

    color: #fff; 

    background-color: #000;

    display: block;

    padding: 8px 17px;

    font-weight: bold; 

    text-decoration: none;

    text-align: center; 

}





.nav-main li a:hover { 

    background-color: #EB2D2E !important;

}



.nav-main li a.selected:link,

.nav-main li a.selected:visited { 

    background-color: #EB2D2E  !important;

}



.nav-sub {

    clear: both;

    background-color: #397CC6;

    margin-top: 2px;

    padding: 7px 0 4px 0;

    height: 25px;

}



#footer p#footer-links{

	font-size: 11px;

}

#footer p#footer-links a{

	color: blue;

	font-size: 11px;

}

#footer p#footer-links a:hover{

	text-decoration: underline;

	color: #eb2d2e;

}



/* ---------------------- LINK SPECIFIC ----------------------  */



a, a:visited {

    color: #112233;

    text-decoration: none;

}



a:hover {

    color: #EB2D2E;

    text-decoration: none;

}

/*

a.iconized {

	display:block;

	float: left; 

	background-repeat: no-repeat; 

	height:16px; 

	line-height:16px; 

	margin-right: 10px;

	padding:0 0 0 20px;

	text-align:left; 

	white-space: nowrap; 

}



a.add, a.add:hover    		{ background-image: url(../images/icons/add2.png);}

a.accept, a.accept:hover    { background-image: url(../images/icons/accept.png);}

a.edit, a.edit:hover        { background-image: url(../images/icons/pencil.png);}

a.delete, a.delete:hover    { background-image: url(../images/icons/delete.png);}

a.baned, a.baned:hover    { background-image: url(../images/icons/cancel.png);}

a.save, a.save:hover        { background-image: url(../images/icons/disk.png);}

a.view, a.view:hover        { background-image: url(../images/icons/magnifier.png);}

a.page, a.page:hover        { background-image: url(../images/icons/post.png);}

a.list-add, a.list-add:hover          { background-image: url(../images/icons/notebook_plus.png);}

*/



/* ---------------------- GENERIC FORM SPECIFIC ----------------------  */



.form {

    /*border: 2px solid #b7ddf2;

    background:#ebf4fb;

    padding:15px;

    margin:0 10px; */

    margin-top: 10px;

}



.form h2{

    font-size:16px;

    font-weight:bold;

    margin-bottom:8px;

    text-align: left;

}



.form p.desc {

    font-size:11px;

    color:#666666;

    margin-bottom:20px;

    border-bottom: 1px solid #b7ddf2;

    padding-bottom:10px;

    text-align: left;

}



.form p.errors, .form p.error {

    color: #ff0000;

    /*font-weight: bold;*/

    padding: 3px 0;

}



.form dt, .form dd {

    display: block;

}



.form dd {

    margin: 2px 0px 10px;

}



.form .desc{

    padding-bottom: 5px;

    display: block;

    font-size: 85%;

}



.form dt label {

    display:block;

    font-weight:bold;

}



.form dt .small{

    color:#666666;

    font-size:11px;

    font-weight:normal;

}



.form dd input:focus, .form dd textarea:focus, .form dd label:focus {

    border: 1px solid #79A3DA;

}



.form dd input,.form span input, .form div input, .form dd textarea, .form dd select {

    background: #FFF;

    border: 1px solid #E6E6D9;

    color:#333;

    margin:0;

    padding: 5px;

    

    font-size: 12px;

}



.form dd input.error, .form dd textarea.error, .form dd select.error {

    border: 1px #ff0000 solid;

}



.form .btn{

    clear:both;

    background:#888888;

    color:#FFFFFF;

    border: 1px solid #666666;

    font-size:11px;

    font-weight:bold;

    padding:4px 6px; 

}

label.right-label{

    margin-left: 6px;

    clear: right; 

}

.form .instruction

{

	font-size:11px;

    color:#666666;

    margin-bottom:20px;

    padding-bottom:10px;

    text-align: left;

}



/* ---------------------- STYLIZED FORM SPECIFIC ----------------------  */



.form-header{

    margin: 5px 10px;

    font-size: 18px;

    color: #397cc6;

}



.stylized{

    border:solid 2px #ddd;

    background:#f3f3f3;

    font-size: 12px;

    margin:0 auto;

    padding:14px;

    width:400px;

}



.stylized h2{

    font-size:14px;

    font-weight:bold;

    margin-bottom:8px;

    text-align: left;

}



.stylized p.desc{

    font-size:11px;

    color:#666666;

    margin-bottom:20px;

    border-bottom:solid 1px #b7ddf2;

    padding-bottom:10px;

    text-align: left;

}



.stylized dt {

    float:left; 

    clear: both;

    display:block;

    text-align:right;

    width:140px;  

}



.stylized dd {

    float:left;

    display: block;

    width:200px;

    margin:2px 0 15px 10px;

    padding-left: 10px;

    text-align: left;

}



.stylized label{

    font-weight:bold;

    width:140px;  

}



.stylized .small{

    color:#666666;

    display:block;

    font-size:11px;

    font-weight:normal;

    text-align:right;

    width:140px;  

}



.stylized input, .stylized select {

    font-size:12px;

    padding:4px 2px;

    border: 1px solid #aacfe4;

    width:200px;

    margin:0;

}



.stylized select {

    /*@margin-left: 20px;*/

}



.stylized textarea {

    font-size:12px;

    padding:4px 2px;

    border: 1px solid #aacfe4;

    width:200px;

    margin:0;

}



.stylized option {

    @padding:4px 2px;

}



.stylized input.radio{

    display: inline;

    border: none;

    float: none;

    width:20px;

}



.stylized input.btn{

    clear:both;

    margin-left:160px;

    @margin-left:0px;

    margin-top: 10px;

    background:#888888;

    color:#FFFFFF;

    border:solid 1px #666666;

    font-size:11px;

    font-weight:bold;

    padding:4px 6px;

    width: 100px;

}



.stylized p.errors, .stylized p.error {

    color: #ff0000;

    /*font-weight: bold;*/

    padding: 3px 0;

}



.stylized dd input.error, .stylized dd textarea.error, .stylized dd select.error {

    border: 1px #ff0000 solid;

}



/* ---------------------- MESSAGE SPECIFIC ----------------------  */



.clean-default{

    border:solid 1px #DEDEDE; 

    background:#EFEFEF;

    color:#222222;

    padding:5px;

    text-align: center;

}



.clean-info{

    border:solid 1px #DEDEDE; 

    background:#FFFFCC;

    color:#222222;

    padding:5px;

    text-align: center;

}



.clean-success{

    border:solid 1px #349534; 

    background:#C9FFCA;

    color:#008000;

    font-weight:bold;

    padding:5px;

    text-align: center;

}



.clean-error{

    border:solid 1px #CC0000; 

    background:#F7CBCA;

    color:#CC0000;

    font-weight:bold;

    padding:5px;

    text-align: center;

}



.icon-default{

    border:solid 1px #DEDEDE; 

    background:#EFEFEF;

    color:#222222;

    padding:5px;

}



.icon-info{

    border:solid 1px #DEDEDE; 

    background:#FFFFCC url(../images/icons/lightbulb.png) 8px 3px no-repeat;

    color:#222222;

    padding:5px;

    padding-left: 30px;

}



.icon-success{

    border:solid 1px #90ac13; 

    background:#eef4d3 url(../images/icons/accept.png) 8px 6px no-repeat;

    color:#6b800d;

    font-weight:bold;

    padding:5px;

    padding-left: 30px;

}



.icon-error{

    border:solid 1px #CC0000; 

    background:#F7CBCA url(../images/icons/cancel.png) 8px 6px no-repeat;

    color:#CC0000;

    font-weight:bold;

    font-weight:bold;

    padding:5px;

    padding-left: 30px;

}



.clean-login{

	border:solid 1px #DEDEDE; 

    background:#FAFAFA;

    color:#222222;

    padding:5px;

    text-align: center;

    color: #666;

    margin-bottom: 5px;

}

.clean-login input{

	font-size: 10px;

	color: #777;

	border: 1px solid #eee;

}

.clean-login input:focus{

	border: 1px solid #ddd;

}

.clean-login a{

	color: #666;

}

/* ---------------------- GENERIC STYLES ----------------------  */



.small  { width: 30%; }

.lesssmall  { width: 20%; }

.medium { width: 50%; }

.large  { width: 98%; }



.bold   { font-weight: bold !important; }

/* ---------------------- LIST SPECIFIC ---------------------- */



ul.list-data{

    list-style-image: url ("../images/bullets/industry.png");

    margin-bottom: 10px;

    line-height: 120%;

    overflow: auto;

}



ul.list-data li {

    background: transparent url(../images/bullets/bullet.jpg) no-repeat 3px;

    padding-left: 15px; 

    margin: 5px 0;

    font-size: 12px;

}

/* ---------------------- TABLE SPECIFIC ----------------------  */



table.generic, table.wide {

    border-collapse:collapse;

    border-color:#D9D9D9;

    border-style:solid;

    border-width:1px 0pt;

    clear:both;

    /*margin:0pt 0pt 15px;*/

    

}



table.generic td, table.wide td {

    padding:3px 5px;

    border:1px solid #CCC;

    text-align:center;

}



table.generic td td, table.wide td td {border:none;}



table.generic th, table.wide th {

    height:20px;

    background:#EEE;

    line-height:24px;

    color:#333;

    padding:0 5px;

    text-align:center;

    border:1px solid #CCC;

    border-width:0 1px 1px;

}



table.generic th[scope=row], table.wide th[scope=row] { background:none; padding:3px 5px; color:#333; font-weight:bold; }

table.generic br[clear=all], table.wide br[clear=all] { display:none; }



table.generic tr.alternate, table.generic li.alternate, table.wide tr.alternate, table.wide li.alternate {

    background:#E0E2F3;

}



table.wide {

    /*margin-left: 10px;*/

    width: 99%;

}



.wide {

    width: 100%;

}



.wide td, .wide th {

    padding: 5px 6px;

}





/* ---------------------- PAGINATION SPECIFIC ----------------------  */



ul.pagination {

    margin-left: 10px;

    margin-top: 15px;

}



.pagination li{

    border:0; 

    float: left;

    font-size:11px;

    list-style:none;

    margin-right:2px;

    margin:0; padding:0;

}



.pagination a{

    border:solid 1px #000;

    margin-right:2px;

    font-weight:bold;

}



.pagination .previous-off, .pagination .next-off {

    border:solid 1px #DEDEDE;

    color:#eb2d2e;

    display:block;

    float:left;

    font-weight:bold;

    margin-right:2px;

    padding:4px 7px;

}



.pagination .next a, .pagination .previous a {

    font-weight:bold;

}



.pagination .active{

    background:#eb2d2e;

    color:#000;

    font-weight:bold;

    display:block;

    float:left;

    padding:5px 8px;

    margin-right:2px;

}



.pagination a:link, .pagination a:visited {

    color:#000;

    display:block;

    float:left;

    padding:4px 8px;

    text-decoration:none;

}



.pagination a:hover{

    border:solid 1px #eb2d2e;

    color: #eb2d2e;

}



#nav-personal

{

	width:100%;

	border:1px solid #ddd;

	background-color: #f3f3f3;

	padding: 10px 5px;

}



#nav-personal ul li a {

color:#006699 !important;

display:block;

padding:6px 19px 5px 31px;

text-decoration:none;

}



#search-box{

	float: left;

    padding-left: 0px;

	/*margin: 10px 0px 15px;*/

    width: 300px;

}



#search-for {

    float: left;

    font-weight: bold;

    padding-top: 25px;

    padding-right: 10px;

    text-align: right;

    width: 150px;

}



/* seeker profile specific */



.stylized-no-border

{

	background-color: #fff;

}

#nav-personal-editprofile a {

background:transparent url(../images/application_edit.png) no-repeat scroll 5% 50%;

}

#nav-personal-appliedjobs a {

background:transparent url(../images/accept_24.png) no-repeat scroll 5% 50%;

}

#nav-personal-updateresume a {

background:transparent url(../images/pencil.png) no-repeat scroll 5% 50%;

}

#nav-personal-savedjobs a {

background:transparent url(../images/email.png) no-repeat scroll 5% 50%;

}



/* Public View CSS */



ul#industries {

    list-style-image: url ("../images/bullets/industry.png");

    margin-bottom: 10px;

    line-height: 150%;

    overflow: auto;

}



ul#industries li {

    display: block;

    float: left;

    font-size: 1em;

    background: transparent url(../images/bullets/bullet.jpg) no-repeat 3px;

    padding-left: 15px; 

    margin: 5px 0;

    width: 200px;

    

    font-size: 10px;

    font-weight: bold;

}



#body h2.big {

    color: #eb2d2e;

    font-size: 16px;   

    margin-bottom: 10px;

}



table.job {

    margin-bottom: 15px;

}



table.job td {

    padding: 0 10px;

    vertical-align: top;

}



table.job td h3 {

    font-size: 14px;

    font-weight: bold;

    color: #1F2D54;

    margin-bottom: 5px;

}



table.job td p.employer {

    color: #666;

    margin-bottom: 5px;

}



table.job td p.desc {

    font-size: 12px;

    line-height: 140%;

    margin-bottom: 10px;

    text-align: justify;

}



table.job td p.meta {

    font-style: italic;

    font-size: 11px;

}



.table-filter, .table-filter select{

	margin: 3px 0px;

	font-size: 12px;

}



#sidebar-ads {

    clear: both;

    margin: 0 auto;

    margin-top: 25px;

    line-height: 150%;

    text-align: center;

}



	ul.menu li{

		display: block;

		width: 160px;

		height: 25px;

		line-height: 25px;

		padding: 3px;

		margin: 5px 3px;

		border: 1px solid #ddd;

		

		background-color: #fafafa;	

	}

	

	ul.menu li a{	

		padding-left: 28px;

		font-size: 12px;

		font-weight: bold;

		color: #999;

		text-align: left;

	}

	ul.menu li a:hover{

		color: #666;

		 text-decoration: none;

	}	

	

	ul.menu li:hover{

		background-color: #ccc;

		border: 1px solid #666;

	}

	

	ul.menu li.newad{

		background: transparent url(../images/icons/add_page.png) no-repeat scroll 5% 50%;

	}

	ul.menu li.profile{

		background: transparent url(../images/icons/user.png) no-repeat scroll 5% 50%;

	}

	ul.menu li.edit-profile{

		background: transparent url(../images/icons/edit_profile.png) no-repeat scroll 5% 50%;

	}

	ul.menu li.logout{

		background: transparent url(../images/icons/delete_home.png) no-repeat scroll 5% 50%;

	}

	ul.menu li.password{

		background: transparent url(../images/icons/lock.png) no-repeat scroll 5% 50%;

	}

	ul.menu li.info{

		background: transparent url(../images/icons/info.png) no-repeat scroll 5% 50%;

	}

	ul.menu li.manage{

		background: transparent url(../images/icons/page_process.png) no-repeat scroll 5% 50%;

	}

	ul.menu li.viewprofile{

		background: transparent url(../images/icons/users.png) no-repeat scroll 5% 50%;

	}

	ul.menu li.manage{

		background: transparent url(../images/icons/page_process.png) no-repeat scroll 5% 50%;

	}

	ul.menu li.applied-jobs{

		background: transparent url(../images/icons/accept_page.png) no-repeat scroll 5% 50%;

	}

	ul.menu li.resume{

		background: transparent url(../images/icons/add_page.png) no-repeat scroll 5% 50%;

	}

	ul.menu li.saved-jobs{

		background: transparent url(../images/icons/folder_full.png) no-repeat scroll 5% 50%;

	}

	ul.menu li.go-back{

		background: transparent url(../images/icons/back.png) no-repeat scroll 5% 50%;

	}

	ul.menu li.mail{

		background: transparent url(../images/icons/mail_send.png) no-repeat scroll 5% 50%;

	}

	

	

.info-title{

		height: 25px;

		line-height: 25px;

		padding-left: 28px;

		margin: 20px 3px 5px 0px;

		border-bottom: 2px solid #ddd;

		color: #666;

		background-color: #fafafa;

		font-size: 14px;

		font-weight: bold;

		background: transparent url(../images/icons/user.png) no-repeat scroll 0% 50%;

	}

ul.profile-data li .data{

		line-height: 20px;

		color: #666;

		font-size: 12px;

		padding-left: 5px;

		display: block;

		float: left;

		}

ul.profile-data li .title{

	line-height: 20px;

	color: #999;

	font-size: 12px;

	display: block;

	float: left;

	width: 130px;

	clear: left;

}



.info-title span:first-child{

	display: block;

	float: left;

	width: 300px;

	color: #444;

}

div.info-title .edit{

		background: transparent url(../images/icons/edit_profile.png) no-repeat scroll 295px 50%;

		padding-top: 5px;

}

div.info-title .add{

		background: transparent url(../images/icons/add_page.png) no-repeat scroll 215px 50%;

}

div.info-title .add a{	

	color: #999;

}

div.info-title .edit a{	

	color: #999;

}

div.info-title .edit a:hover{

		 color: #666;

		 text-decoration: none;

}

div.info-title .add a:hover{

		 color: #666;

		 text-decoration: none;

}



div.desc-heading{

	margin-top: 10px;

	border-bottom: 1px solid #f3f3f3;	

}



div.desc-heading span.title,

div.desc-data span.edit{

	line-height:24px;

	display: block;

	float: left;

}

div.desc-data span.title{

	width: 610px; 

	color: #666;

}

div.desc-data span.edit{

	background: transparent url(../images/icons/edit_profile.png) no-repeat scroll 5px 50%;

	padding-left:28px;

	height:24px;

}

div.desc-data span.edit a{

	color: #999;

}

		



ul.desc-data .desc-heading

{

	font-weight: bold;

	font-size: 13px;

	color:#333;

	padding:2px;

}



div.desc-data .desc-heading

{

	font-weight: bold;

	font-size: 13px;

	color:#333;

	padding:2px;

}

div.desc-data .desc-title

{

	font-weight: bold;

	font-size: 11px;

	color:#666;

	padding:2px;

}

div.desc-data .desc-industry

{

	

	font-size: 11px;

	color:#666;

	padding:2px;

}

div.desc-data .desc-period

{

	font-size: 11px;

	color:#666;

	padding:2px;

}

div.desc-data .desc-duty

{

	font-size: 11px;

	color:#000;

	padding:1px;

	margin:3px;

}

.fixedwidth{

	width:300px;

}



ul#employers li{

	display: block;

	float: left;

	margin: 15px;

	text-align: center;

}

div.emp-logo{

	width: 100px;

	height: 125px;

	padding: 5px;

	border: 1px dotted #ddd;

}

div.emp-logo:hover{

	border-style: solid;

	cursor: pointer;

}

div.emp-logo span.logo{

	display: block;

	height: 100px;

}



/* jQuery UI Fixings */

.ui-dialog-buttonpane {

	text-align: right !important;

	right: 10px;

}



.star

{

	color: red;

}



.profile-actions a

{

	font-size: 16px;

    color: blue;

    margin-bottom: 20px;

    padding-top: 10px;

    padding-bottom:10px;

    text-align: right;

    

    

    

}

.profile-actions a:visited

{

	text-decoration: none;

	color: blue;

	  

}

.profile-actions a:hover

{

	text-decoration: none;

	color: blue;

	text-decoration: underline;

    

}

.avatar-img

{

	padding: 10px;

	border: 1px solid #ddd;

}

.no-border{

	border: none !important;

}



ul.profile-data li.skill {

    background: transparent url(../images/icons/accept.png) no-repeat 3px;

    padding-left: 25px;

    padding-top: 6px;

    

}



.static-content {

    line-height: 200%;

}



.static-content h2 {

    font-size: 16px !important;

    margin: 30px 0;

}



.static-content h3 {

    margin-top: 20px;

}



.static-content p {

    line-height: 200%;

    text-align: justify;

}



.static-content ul {

    list-style: square;

}



.static-content li {

    margin-bottom: 5px;

    margin-left: 40px;

}



p.sizes { text-align: center; margin-top: 20px; }



p .size0 { font-size: 14px; font-weight: bold;}

p .size1 { font-size: 16px; font-weight: bold;}

p .size2 { font-size: 18px; font-weight: bold;}

p .size3 { font-size: 20px; font-weight: bold;}

p .size4 { font-size: 19px; font-weight: bold;}

p .size5 { font-size: 20px; font-weight: bold;}

p .size6 { font-size: 22px; font-weight: bold;}

p .size7 { font-size: 24px; font-weight: bold;}

p .size8 { font-size: 26px; font-weight: bold;}

p .size9 { font-size: 28px; font-weight: bold;}

p .size10 { font-size: 30px; font-weight: bold;}

p .size11 { font-size: 32px; font-weight: bold;}

p .size12 { font-size: 34px; font-weight: bold;}





/* Inline form styles */



dl.inline {

	margin: 10px 0;

	overflow: auto;

}



dl.inline dt {

	float: left;

	margin-right: 5px;

}



dl.inline dt label {

	line-height: 18px;

}



dl.inline dd {

	float: left;

	margin-right: 5px;

}