/*


	author : Ahmad Albakri Zabri
	email  : greenjeli@gmail.com

 	" live long and prosper "

*/


@import 'reset.css';


/*		Global			*/
body{/*background:url('../images/bsg.gif') #fff top center repeat;*/font:62.5% Arial, Helvetica, sans-serif;line-height:1.8;color:#333}
a{text-decoration:none;color:#0095CB}a:hover{text-decoration:underline;color:#336699}a:visited{color:#416a94}h1,h2,h3{color:#000}
.indent{text-indent:-9999px}.rel{position:relative}.abs{position:absolute}.left{float:left}.right{float:right}.italic{font-style:italic}.underline{text-decoration:underline}.bold{font-weight:bold}.blue{color:#06F}
.block {display:block}
.aligncenter{text-align:center}
.alignright{text-align:right}
.alignleft{text-align:left}
.floatleft {display:inline;float:left;}
.floatright {display:inline;float:right;}

h1{font-size:2em}
h2{font-size:1.8em}
h3{font-size:1.6em}

.font6 {font-size:.6em}
.font7 {font-size:.7em}
.font8 {font-size:.8em}
.font9 {font-size:.9em}
.font10 {font-size:1em}
.font12 {font-size:1.2em}
.font14 {font-size:1.4em}
.font16 {font-size:1.6em}
.font18 {font-size:1.8em}

.cf:after {content: ".";display: block;height: 0;clear: both; visibility: hidden}
.cf {display: inline-block}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */

.notification{width:90%;font-size: .75em; color: #333; background: #FFECE8 url(../images/warning.png) 15px 5px no-repeat; border:1px solid #E05F5E;padding:3px 7px 3px 38px; -moz-border-radius: 3px;-webkit-border-radius: 3px;}
.notification a {text-decoration:underline;color:#4DA5CE;}

/*		end Global		*/



/*		  Grid			*/
.container_12{width:960px;margin:0 auto}
.grid{display:inline;float:left;margin-left:10px;margin-right:10px;-margin-left:5px;-margin-right:5px;}
.one{width:60px}.two{width:140px}.tri{width:220px}.four{width:300px}.five{width:380px}.six{width:460px}.seven{width:540px}.eight{width:620px}.nine{width:700px}.ten{width:780px}.eleven{width:840px}.twelve{width:940px}
/*		end Grid		*/



/*	   Container Background		*/
#header{}
#navigation{}
#content{}
#footer{background-color:#ecf2f8}
#searchbg{background:#0095cb;padding:0 0 22px;margin-bottom:36px}

.top{/*background:url('../images/bgtwop.gif') #ffffbb top right repeat*/ background-color:#fff;padding:12px 0 22px}
.bg{/*background:url('../images/lidne.gif') top right repeat-y;padding:36px 0 20px;*/ font-size:1.2em}
/*	  end Container	Background	*/


/*	  Header		*/
#header{margin-bottom:32px}
.top .panel{text-align:right;font-size:1.1em;padding:2px 0}
.top .panel img{vertical-align:middle;margin-right:2px}
.top .panel span{display:inline;float:right;position:absolute;top:-8px;right:0;
font-style: normal; 
color: ##425E6A; 
background: #ECF2F8;

text-shadow: 0 1px #fff; 
padding: 2px 10px; 
-moz-border-radius: 18px;

-webkit-border-radius: 18px;

-webkit-box-shadow: 0px 1px 0px #fff;

-moz-box-shadow: 0px 1px 0px #fff; 
z-index: 5; 
*zoom: 1; 
*padding: 2px 10px;
}
.top .panel span a {font-size:1.1em;margin:0 8px;}
.alt{background:#e6f0f2;-moz-border-radius:2px;-webkit-border-radius:2px}
.top .panel strong{font-family:Georgia, 'Times New Roman', Times, serif}
.st{background:url('../images/sprite.png') -1656px 0 no-repeat}
.lo{background:url('../images/sprite.png') -1069px 0 no-repeat}
.login{background:url('../images/sprite.png') -1556px 0 no-repeat}
.register{background:url('../images/register.png') 0 0 no-repeat}
.logo{font-size:3em;font-family:Georgia, "Times New Roman", Times, serif;width:206px;height:54px;background:url('../images/sprite.gif') top left no-repeat;display:block}
.logo:hover {opacity:.8;filter: alpha(opacity = 80);zoom:1}
.tagline {font-size:1em;text-transform:uppercase;position:relative;top:-6px;font-weight:bold;color:#0095cb}

/*Azrain*/
.employer_nav {position:absolute;top:-1px;left:700px;width:100px;background:#F90;border:1px solid #333;}
.employer_nav a {display:block;text-align:center}
/*	  end Header	*/

/* 	  Search		*/
#searchfield{text-align:center; padding-top:36px}
#searchfield span{display:block;width:670px;margin:0 auto;text-align:left;font-weight:bold; font-size:1.1em;color:#fff}
#searchfield span em{text-transform: capitalize}
#searchfield input{border:0;background:#fff;padding:8px 10px;font-family:Arial, Helvetica, sans-serif;font-size:1.6em;/*width:520px*/}
#searchfield input.button{
	border:0;
	min-width:70px;
	max-width:120px;
	-width:100px;
	padding:7px 8px 6px;
	margin-left:10px;
	border-left:1px solid #b1a819;
	border-bottom:1px solid #b1a819;
	background:url('../images/button_bg.gif') #ffff33 top right repeat-x;
	font-weight:bold;text-shadow: 0px 1px 0px #fff
}
#searchfield input.button:hover {cursor:pointer}
#searchfield input.button:active {position:relative;top:1px}
#searchfield a.adv_search_button {color:#FFF;font-size:1.2em}
#searchfield select {padding:10px 8px 7px;}

#searchfield ul.tab{top:-28px;left:0;width:620px;margin-left:160px}
#searchfield ul.tab li{display:inline;float:left;margin-right:5px}
#searchfield ul.tab li a{display:block;color:#fff;background:#7fcae5;padding:4px 18px 3px;font-size:1.2em}
#searchfield ul.tab li a:hover, #searchfield ul.tab li a.active{background:#0095CB}

.feat{background:url('../images/nst_featured.gif') top left no-repeat;position:absolute;z-index:100;top:-30px;right:0;width:279px;padding:10px 0;opacity:.9;filter:alpha(opacity=90);zoom:1}
.feat:hover{opacity:1;filter:alpha(opacity=100);zoom:1}

#searchfield #advsearchbar {text-align:left;}
#searchfield #advsearchbar label {display:block;float:left;width:180px;font-size:1.6em;text-align:right;margin-right:5px;}
#searchfield #advsearchbar input.field {float:left;margin-bottom:2px;}
#searchfield #advsearchbar input.button {margin-left:0;}

/*	  Content		*/
#content{font-size:1.2em;padding:0 0 20px; min-height:350px; height:auto !important; height:300px}

#content .detail label, #content .experience label{display:inline;float:left;margin-right:20px;width:120px; text-align:right;text-transform:capitalize;font-weight: bold}

#firstbox{padding:0 10px;-moz-border-radius:8px;-webkit-border-radius:8px; background:#f9f9f9;border:1px solid #f2f2f2}
#firstbox .img{overflow:hidden;float:left;display:inline;margin-right:10px;padding:10px 0;width:140px;text-align:center}
#firstbox .img img{background:#fff; padding:10px; border-right:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;
border-top:1px solid #f6f6f6;
border-left:1px solid #f6f6f6}

#firstbox #detail{width:528px;float:left;display:inline}
#firstbox ul.detail{padding:10px 0; border-left:1px solid #f2f2f2}
#firstbox ul.detail li {padding-top:4px; margin-right:20px;margin-left:10px;overflow:hidden}
#firstbox ul.detail li blockquote{float:left;width:350px;padding:0 0 4px;border-bottom:1px dotted #ddd}#firstbox ul li blockquote.none{border:none}
.contact_button{background:#09C;-moz-border-radius:4px;-webkit-border-radius:4px;padding:4px;color:#fff}
.contact_button:hover{color:#fff;text-decoration:underline}

.pager{float:left;font-size:.8em;margin-bottom:10px; width:400px;}
.pager span.btnPage img{width:16px;height:16px;vertical-align:middle}
/*.pager span.btnPage.prev img{background:url('../images/arrowleft.gif') #eee top left no-repeat}*/
.pager span.btnPage.prev img{background: url(../images/sprite.gif) no-repeat scroll -206px 0}
.pager span.btnPage.prev:hover img{background: url(../images/sprite.gif) no-repeat scroll -206px -16px}
/*.pager span.btnPage.next img{background:url('../images/arrowright.gif') #eee top left no-repeat}*/
.pager span.btnPage.next img{background: url(../images/sprite.gif) no-repeat scroll -222px 0}
.pager span.btnPage.next:hover img{background: url(../images/sprite.gif) no-repeat scroll -222px -16px}
.pager span.pageList a span{color:#0095CB;font-size:.9em;font-weight:bold}

.pager span.pageList .curr{margin-right:8px}

.pager a{margin-right:8px;border-bottom:1px dotted #e9e9e9;text-align:center}.pager a:hover{border-bottom:1px solid #999; text-decoration:none}

h1.title{font-size:1em;text-transform:capitalize;margin-bottom:8px}
h1.title em, .desc em{color: #222222; background-color: #FEFFAF; font-weight:bold}
/*h1.jobtitle a:hover{color:#0179a5}*/

.titlemain{line-height:1.2;padding:3px;margin-bottom:5px;border-top:1px solid #333;background-color:#0095CB;color:#fff}
.titlemain strong {color:#000}
.meta{font-size:.7em !important;margin-top:9px}

.meta ul.action{/*float:left;width:300px*/background:#f9f9f9;padding:4px 0;margin-top:9px}
.meta ul.action li{float:left;display:inline;margin-right:20px}
.meta ul.action li a{display:block;padding-left:20px; font-weight:bold}.meta ul.action li a.ia{opacity:.5;color:#333}
.meta ul.action li a:hover{text-decoration:underline}
.watch{background:url('../images/watch.gif') top left no-repeat}
.email{background:url('../images/email.gif') center left no-repeat}
.print{background:url('../images/print.gif') center left no-repeat}

/*.meta ul.detail{float:right;width:380px}*/
.meta ul.jobdetail li{float:left;display:inline;text-align:left;color:#999;line-height:1;text-transform:capitalize;width:140px; margin-right:20px}
.meta label{font-weight:bold;display:block;margin-bottom:2px;margin-right:2px;text-transform:uppercase;color:#333}

ul.content li.item{margin-bottom:18px;/*padding-bottom:9px;*/overflow:hidden;border-bottom:1px solid #dddac8}
ul.content li a, ul.sidebar li a{display:block}
ul.content li a{line-height:1.3}
ul.content li .desc{line-height:1.8;font-size:.8em}

ul.content.cv li{float:left;display:inline;padding:4px 0;border-bottom:1px dotted #ccc;width:100%}
ul.content.cv div.avatar{width:60px;float:left;display:inline}

ul.content.cv blockquote{margin-left:60px;position:relative}

ul.content.cv li a{line-height:1.2;font-weight:bold}
ul.content.cv li a:hover{text-decoration:none}
ul.content.cv li a em{background:#333;color:#fff;font-size:.7em;-moz-border-radius:4px;-webkit-border-radius:4px;margin-left:10px;vertical-align:middle;text-transform:uppercase;padding:2px 4px}
ul.content.cv li a em.loc{background:#f2f2f2;color:#666}
ul.content.cv li span{display:block;font-size:.7em !important;color:#b5b9bd}
ul.content.cv div.avatar img{vertical-align:middle;padding:4px;background:#333}

h2.sidebartitle{font-size:1.2em;color:#dce1e4;line-height:1;padding-top:12px; text-align:left}

ul.sidebar{background:#ECF2F8;border:1px solid #ddd; padding:9px 0 0;-moz-border-radius:8px;-webkit-border-radius:8px}
ul.sidebar.new{background:url('../images/sidebar_bg_left.gif') #fff top right repeat-y;border:none;padding:0;-moz-border-radius:0;-webkit-border-radius:0}
ul.sidebar.new li{margin:4px 0}
ul.sidebar.new li a,
ul.sidebar.new li.select{font-size:.8em !important;line-height:1.8;text-align:left;padding:0 10px;position:relative}
ul.sidebar.new li a:hover{text-decoration:none}
ul.sidebar.new li a span{position:absolute;top:0;right:-10px;display:block;background:url('../images/active_left.gif') center right no-repeat;width:10px;z-index:10px}

ul.sidebar.new li a.active {background:url('../images/active_left.gif') no-repeat scroll left center;color:#fff;font-weight:bold}

ul.sidebar em{font-family:Georgia, "Times New Roman", Times, serif;text-shadow: 0px 1px 0px #fff;font-size:1em;color:#0179a5}
ul.sidebar li{text-align:center}
ul.sidebar li p{color:#416A94}

ul.sidebar .cvbutt{background:url('../images/sprite.gif') 0 -53px no-repeat;width:220px}
ul.sidebar .cvbutt:hover{background:url('../images/sprite.gif') 0 -104px no-repeat}
ul.sidebar .editcvbutt{background:url('../images/sprite.gif') no-repeat scroll 0 -155px;width:220px;padding:12px 0}
ul.sidebar .editcvbutt:hover{background:url('../images/sprite.gif') no-repeat scroll 0 -206px}

ul.sidebar .cvbutt span{color:#090;font-weight:bold;top:0;right:0;position:absolute;display:block}

/* sidebar subcategory */
ul.sidebar li ul {padding-left:10px;}
ul.sidebar li ul li {font-size:1em;}

#sidebar{}
#sidebar p{font-size:.9em;line-height:1.5;margin:5px 0}
#sidebar p.about{font-family:Georgia, "Times New Roman", Times, serif}

/* Azrain - user panel */
.top_button {font-size: .9em;}
.top_button li {display:inline-block; padding:0 9px;}
.top_button li a:hover {color:#999; text-decoration:none}
.top_button li a.active {color:#F59139;text-decoration:underline}

.unpublished {opacity: 0.4;_color: #ccc;}
*html .unpublished img {filter: alpha(opacity=40)}
*html .unpublished a {_color: #ccc}

ul.remark_reason {font-size:0.8em; line-height:1.2; list-style-type:circle}
ul.remark_reason li {text-align:center}
/*	  End Content	*/


/*	  Footer		*/
#footer{padding:36px 0;border-top:1px solid #dddac8;font-size:1.2em}
/*	  end Footer	*/

/*	Form	*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform {width:100%;}

.cssform h3 {
border-bottom: 1px solid #999;
margin-bottom: 5px;
}

.cssform p.formblock{
min-width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
/*border-top: 1px dashed red;*/
height: 1%;
}

.cssform p.formblock span.formblock_view ul,
.cssform p.formblock span.formblock_view ol
{
	list-style-type:circle;
}

.cssform p.formblock span.formblock_view ul li,
.cssform p.formblock span.formblock_view ol li
{
	margin-left: 20px;
}

.cssform label{
	font: .9em bold Tahoma, Geneva, sans-serif;
color: #333;
text-align: right;
float: left;
padding-top: 3px;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform em.error {color:red;font-size:.7em;}
.cssform em.passed {background: url(../images/passed.gif) 0 0 no-repeat; padding-left:13px; padding-bottom:3px;}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
/*width: 180px;*/
}

/*.cssform textarea{
width: 650px;
height: 300px;
}*/

.send_email textarea{
width: 340px;
height: 200px;
}

textarea#street {
	width: 340px;
	height: 100px;
}

/* for captcha */
.cssform .simpleCaptchaSelected { border: 2px solid #393; }
.cssform .captchaText {font-size:1em;font-weight:bold; text-decoration:underline}

.cssform .reset {color: #F00}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
/*	End Form	*/

/* Azrain - Custom */

#spell_check_container span {cursor:pointer}

.notification {font-size: .75em; color: #333; background: #FFECE8 url(../images/warning.png) 15px 5px no-repeat; border:1px solid #E05F5E;padding:3px 7px 3px 38px; -moz-border-radius: 3px;-webkit-border-radius: 3px;}
.notification a {text-decoration:underline;color:#4DA5CE;}
.notification2 {font-size: .75em; color:#999}
.notification2 a {text-decoration:underline;color:#4DA5CE;}
#query_notification {position:fixed;top:0;left:0;z-index:999;padding: 0 10px;background-color: #fffa99;color:#333;opacity:0.8;filter:alpha(opacity=80);zoom:1}
#query_notification strong {text-decoration:underline;}
.fwarn {color: #333;font-size:0.7em;display:block;}

.browse {position:absolute;top: -30px; right:0; font-size:1.5em; font-family: Arial, Helvetica, sans-serif; font-weight:bold;background:url('../images/stat_start.gif') top left repeat-x;}
.browse p{padding:5px 20px;padding-right:28px;background:url('../images/stat_end.gif') top right no-repeat}
.browse strong {color:#F30;text-decoration:underline}

.personalized_url {color: #333;}
.personalized_url em {color:#999; font-style:italic}
.error_taken {font-size: .8em;}
.req {color:#F00}
.suspend {position:absolute;top:5px;right:0;font-size:0.7em;color:#666;}

#feedback {position:fixed;top:270px;left:-6px;z-index:999;width:36px;height:140px;background:#09C url(../images/feedback.png) top center no-repeat;border:3px solid #CCC;}
*html #feedback { position: absolute; }

/* Azrain - button */
.button100 {width:100px; height:24px; background-color:#ECF2F8; color:#999; -moz-border-radius: 8px; text-align:center; cursor:pointer}
.button100.hover {color:#333}

/* Azrain - uploaded file list */
ul.files {margin: 10px 0}
ul.files li {width:110px; display:inline; float:left}

/* Social 16x16 */
.facebook16 {background:url(../images/socialsprite.png) 0 0 no-repeat;}
.twitter16 {background:url(../images/socialsprite.png) -96px 0 no-repeat;}
.buzz16 {background:url(../images/socialsprite.png) -64px 0 no-repeat;}

/* close at contact me form */
img.close_send_email {position:absolute;top:10px;right:10px;cursor:pointer}

/* Azrain - View Posted Ad Page */
#content.viewad {background:url('../images/sidebar_bg.gif') 725px 0 repeat-y;}

.ad_title {font-family: Arial, serif;}
.ad_descr {margin:10px auto; padding: 1px 5px; background-color:#f6f6f6; border:1px solid #ccc}
.ad_descr ul, ol {margin: 0 0 10px 0}
.ad_descr ul li, ol li {margin:0 0 0 35px;}
.ad_descr ul li {list-style-type:disc}
.ad_descr ol li {list-style-type:decimal}

.ad_descr h1 {font-size:2em; margin:0; padding:0}
.ad_descr h2 {font-size:1.6em; margin:0; padding:0}
.ad_descr h3,
.ad_descr h4,
.ad_descr h5,
.ad_descr h6 {font-size:1.4em; margin:0; padding:0}

ul.img_post_ad_list li {display:inline-block;}
ul.img_post_ad_list li a {padding:5px; background-color:#f2f2f2; border:1px solid #ccc; text-decoration:none}
ul.img_post_ad_list li a:hover {border:1px solid #333}
ul.img_post_ad_list li.img_post_ad_list_enlarge {display:block; font-size:.9em; font-style:italic}

/* Azrain - TOS */
ol.tos {
	list-style-type:decimal;
}
ol.tos li {
	margin-left: 30px;
	margin-bottom:10px;
}

/* Azrain - ubus.my top bar (diggbar-like) */
#topbar {
	font-size: 12px;
	background:#FFFFFF url(../images/topbarbg.gif) scroll 0 0 repeat-x;
	border-bottom:1px solid #0189ba;
	height:38px;
	left:0;
	line-height:1;
	min-width:950px;
	position:absolute;
	top:0;
	width:100%;
	z-index:100;
}

#topbar ul.topbar_menu {
	left:0;
	top:0;
	position:absolute;
	width:auto !important;
}

#topbar ul.topbar_menu_right {
	float:right;
}

#topbar ul.topbar_menu_right li {
	height:38px;
	line-height:1.2;
	padding:0;
}

#topbar ul,
#topbar ul li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#topbar ul.topbar_menu li,
#topbar ul.topbar_menu_right li{
	border-right:1px solid #0095cb;
	height:33px;
	padding:5px 6px 0;
	position:relative;
	white-space:nowrap;
}

#topbar ul.topbar_menu li.desc_bar {
	border-right:0 none;
	overflow:hidden;
	padding-right:0;
}

#topbar ul.topbar_menu li.logo_bar a {
	background:transparent url(../images/back.gif) scroll center center no-repeat;
	display:block;
	height:28px;
	text-indent:-2000em;
	width:46px;
}
#topbar ul.topbar_menu li.logo_bar a:hover {
	background:transparent url(../images/back-hover.gif) scroll center center no-repeat;
}

#topbar a.desc_bar_title {
	display:block;
	font-weight:bold;
	line-height:1.2;
	overflow:hidden;
	width:90%;
}

#topbar a.desc_bar_link {
	color:#333;
	display:block;
	float:left;
	font-size:85%;
	line-height:1.2;
	margin-right:0.8em;
	padding-top:1px;
}

#topbar a {
	color:#09528B;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
}

iframe#hiredmy_frame {
	color:#666666;
	height:100%;
	width:100%;
	z-index:10;
}

/* Error 404 page */

#error404 .pathbar {
    font-weight: bold;
    border: silver solid 1px;
    border-width: 1px 0;
    margin: 8px 0 12px 0;
    padding: 3px 0;
    line-height: 1.3;
}

#error404 .pathbar a {
    white-space: nowrap;
}

/* Recent History */
.recent_history {
	font-size:1.1em;
	height:20px;
	margin:0;
	overflow:hidden;
	text-align:left;
	width:540px;
	margin-left:133px;
}
.recent_history a {
	display:inline-block;
	margin-right: 3px;
	color:#fff;
	text-decoration:underline;
}
.recent_history a:hover {
	text-decoration:none;
}

#ads_top_full_banner{float:right;display:inline}
#ads_top_full_banner img{float:right}

.cf:after {content: ".";display: block;height: 0;clear: both; visibility: hidden}
.cf {display: inline-block}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */