/* CSS Document  */

* { 
margin: 0;
} 

/* BBM Rating Styles */
.bbmr-text-green-medium { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 20px; font-weight: normal; color: #9faa00; line-height: 24px;}
.bbmr-text-grey-medium { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 20px; font-weight: normal; color: #666666; line-height: 24px;}

/* blue links */
.blue-link, .blue-link:link, .blue-link:visited {font-weight: normal; color: #0170B2; text-decoration: none; } 
.blue-link:hover {color: #abbf38; text-decoration: underline; } 

hr {
	background-color: none;
	color: none;
	height: 1px;
	width: 100%;
	border:1px dotted #666;
}

.dataheadline1 {color:#FFFFFF}

img[src$='http://works.workopolis.com/images/en/images/next.gif'] {display:none !important;}


/*****************************************************************************/

/* png fix 
img, div { behavior: url(../css/iepngfix.htc) }*/

img, a img, a:hover img { border: 0; text-decoration: none; }

body {
	font-family:  Helvetica, Arial, Verdana, sans-serif; 
	font-size: 10px; 
	background-color: #fff; 
	width: 570px !important;
	margin-top: 5px;
}

/* Layout */
#wrapper {  margin: 0 auto; width: 770px; padding: 0 8px 0 10px; border: 0px solid red;}

#logo {}

#logo h1 {
  width:150px;
  height:70px;
  overflow:hidden;
  background: url(../images/bbmlogo.gif) no-repeat;
}

tr.datatablehead {
	vertical-align:middle;
	border: #c5c3b6 solid;
}

.datatablehead {
	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; 
	font-size: 10pt;
	font-weight:bold !important;
	background-color: #CCCCCC;
	color: #FFFFFF !important;
	height:30px;
	}

#logo h1 a {
  display:block;
  padding:70px 0 0 0;  
  height:0px !important; /*Set height for compliant browsers*/
  overflow:hidden;
  height /**/:108px; /*Set this for IE 5 & 5.5*/
}

#side-column-wrapper {
	width: 150px;
	float: left;
	padding-top: 5px;
}

#side-column {
	margin-top: 20px;
}

#main-column-wrapper {
	width: 612px;
	float: right;
}

#login {
	clear: both;
	height: 23px;
	padding-bottom: 0px;
	text-align: right;
}

#login .button {
	height: 20px;
	font-family: Helvetica, Arial, Verdana;
	font-size:11px;
	text-transform:uppercase;
	color:#ffffff;
	font-weight:bold;
	background: url(../images/bg_mainmenu.gif) repeat-x;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	padding: 0px;
	cursor: pointer;
}

#login .button:hover { background: url(../images/bg_mainmenu-ON.gif) repeat-x; }

#main-menu {
	clear: both;
	height: 30px;
	background-color: #b2b2a4;
	padding: 2px 0 0 2px;
}

#menu-keyline {
	clear: both;
	height: 5px;
	background-color: #4f4040;
	margin-top: 2px;
}

#language {
	clear: both;
	height: 25px;
	text-align: right;
	margin-top: 3px;
}

#language ul {list-style: none; margin: 0; padding: 0; }

#language li {}

#language a, #language a:link, #language a:visited {
	font-family:  Helvetica, Arial, Verdana, sans-serif; 
	font-size: 11px;
	color: #b2b2a4;
	text-decoration: none;
}

#language a:hover {
	color: #0170b2;
	text-decoration: none;
}

#main-body {
	clear: both;
	padding-left: 20px;
}

#main-body-left {
	float: left;
	width: 280px;
}

#graphic {
	float: right;
	width: 300px;
	height: 445px;
	background: url(../images/hmpg-electronics.jpg) no-repeat; 
}

.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
/************************************************************************
MENUS
************************************************************************/
/* 
mambo top menu layout
you need to add menu class suffix: -nav
*/


/** unordered list top menu **/
ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;

}

/** unordered list item for top menu **/
ul#mainlevel-nav li
{
	padding-left: 0px;
	padding-right: 2px;
	float: left;
	margin: 0;
	width: 120px;
    height: 28px;
	font-size: 11px;
	line-height: 23px;
	white-space: nowrap;
}

/** unordered list item link for top menu **/
ul#mainlevel-nav li a
{
    display: block;
    font-family: Helvetica, Arial, Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url(../images/bg_mainmenu.gif);
    background-repeat: repeat-x;
    height: 26px; /* plus the padding - 28px */
    width: 120px;
    text-decoration: none;
    text-align: center;
	padding-top: 2px;
}

/** unordered list item link for top menu for firefox only **/
#topmenu>ul#mainlevel-nav li a {
	width: auto;
}

/** unordered list item for top menu for firefox only **/
ul#mainlevel-nav li a:hover {
    background-image: url(../images/bg_mainmenu-ON.gif);
    background-repeat: repeat-x;
}

ul#mainlevel-nav li a#active_menu-nav {
	color: #a6a699;
}

ul#mainlevel-nav li a#active_menu-nav:hover {
	color: #fff;
}

.moduletable-nav {} /* no style like regular .moduletable */


/*****************************************************/
/** for BBM Ratings main menu button *****************/
ul#mainlevel-ratings
{
	list-style: none;
	padding: 0;
	margin: 0;

}

/** unordered list item for top menu **/
ul#mainlevel-ratings li
{
	padding-left: 0px;
	padding-right: 2px;
	float: left;
	margin: 0;
	width: 120px;
    height: 28px;
	font-size: 11px;
	line-height: 23px;
	white-space: nowrap;
}

/** unordered list item link for top menu **/
ul#mainlevel-ratings li a
{
    display: block;
    font-family: Helvetica, Arial, Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #4e3f3f;
    background-image: url(../images/bg_mainmenu-ratings2.gif);
    background-repeat: repeat-x;
    height: 26px; /* plus the padding - 28px */
    width: 120px;
    text-decoration: none;
    text-align: center;
	padding-top: 2px;
}

/** unordered list item link for top menu for firefox only **/
#topmenu>ul#mainlevel-ratings li a {
	width: auto;
}

/** unordered list item for top menu for firefox only **/
ul#mainlevel-ratings li a:hover {
    background-image: url(../images/bg_mainmenu-ON.gif);
    background-repeat: repeat-x;
	color: #fff;
}

.moduletable-ratings {} /* no style like regular .moduletable */

/*****************************************/
/* Top User Menu */
ul#mainlevel-usermenu {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#mainlevel-usermenu li {
	float: left;
	margin: 0;
	padding-right: 5px; 
	padding-left: 5px;
	border-left: 1px solid #999;
}

ul#mainlevel-usermenu li a,
ul#mainlevel-usermenu li a:link,
ul#mainlevel-usermenu li a:visited {
	color: #999;
	text-decoration: none;
}

ul#mainlevel-usermenu li a:hover {
	color: #0170B2;
	font-weight: bold;
	text-decoration: none;	
}

ul#mainlevel-usermenu li a#active_menu-usermenu { color: #0170B2; font-weight: bold; }

/*****************************************/
/* Side column menus */

#side-column-wrapper .moduletable td {  } /*for spacing of menu top level sections */

#side-column-wrapper .moduletable td div {	padding: 1px 0; } /*for spacing of menu sub level sections */

#side-column-wrapper a.mainlevel,
#side-column-wrapper a.mainlevel:link,
#side-column-wrapper a.mainlevel:visited {
	display: block;
	border: 1px solid #e4e4df;	
    font-family: Helvetica, Arial, Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #b2b2a4;
	text-decoration: none;
	padding: 3px 0 0 5px;	
	margin-bottom: 1px;

}

#side-column-wrapper a.mainlevel:hover {
	background-color: #e4e4df;
	color: #0170b2; /*blue*/
	text-decoration: none;	
}

#side-column-wrapper a.sublevel,
#side-column-wrapper a.sublevel:link,
#side-column-wrapper a.sublevel:visited {
	display: block;
	background-color: #e3ebf2;
    font-family: Helvetica, Arial, Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #7c7e80; /*dark grey */
	text-decoration: none;	
	padding: 3px 0 0 5px;
	margin-left: -4px; /*to remove the indent */
}
#side-column-wrapper a.sublevel:hover {
	background-color: #e3ebf2;
	color: #0170b2; /*blue*/
}

#side-column-wrapper a.mainlevel#active_menu {
	background-color: #e4e4df;
	color: #0170b2; /*green #abbf38;*/
	font-weight: bold;
}

#side-column-wrapper a.sublevel#active_menu {
	color: #0170b2; /*green #abbf38;*/
	font-weight: bold;
}
/* end table version */

/************************************************************************
TEXT AND LINKS
************************************************************************/
/* Headings and Titles */
hi, h2, h3, h4, h5 {margin: 1em 0; padding: 0 0em; font-weight: normal; line-height: 0;}

h3, h4, h5 /*.contentheading, .contentheading h1, .contentpagetitle, .componentheading*/ {
	font-family:  Helvetica, Arial, Verdana, sans-serif; 
}

.contentheading, a.contentheading:link, a.contentheading:visited, .contentpagetitle, a.contentpagetitle:link, a.contentpagetitle:visited {
	font-family:  Helvetica, Arial, Verdana, sans-serif; 
	color: #4e3f3f; /* nice too but #1970b0; /* nice but #5e95bd; old #bc6106; */
	font-size:2em;
	font-weight: normal;
	line-height: 1.5em;
}

td.contentheading {
	width: 100%;
	border-bottom: 1px dotted #666;
}

.componentheading {	
	font-family:  Helvetica, Arial, Verdana, sans-serif; 
	font-size: 2.5em; 
	font-weight: normal;
	color: #ccc; /* baby blue;  */
	letter-spacing: -1px;
	line-height:normal;
	margin: .5em 0 1em; 
}

h1 {
	font-family:  Helvetica, Arial, Verdana, sans-serif; 	
	font-size:26px;
	color: #4e3f3f; /* autumn brown */
	font-weight: bold;
	line-height: 1.5em;
	letter-spacing: -1px;
}

h2 { font-family:  Helvetica, Arial, Verdana, sans-serif;  font-size: 18px; font-weight: bold; color: #4e3f3f; line-height: 1em; margin: .5em 0 .25em; }

h3 { font-size: 14px; font-weight: bold; color: #abbf38; line-height: 1em; margin: 1em 0 .3em; /*muted orangish-red */ }

h4 { font-family:  Helvetica, Arial, Verdana, sans-serif; font-size: 1.3em; font-weight: normal; color: #ccc; line-height: 1em; }

h5 { font-size: 1.0em; font-weight: bold; color: #333; line-height: 1em; }


/* ------------ Non-title text -------------*/
p, td, tr, div { 
	/*font: 14px/22px georgia, 'times new roman', serif; */
	font-family:  Helvetica, Arial, Verdana, sans-serif; 
	font-size: 12px;
	color: #999; 
	letter-spacing: 0px;
	line-height: 1.5em;
}	
p {margin-bottom: 1.5em; }

/* --------------- Lists -------------------*/
ol, ul {margin: 5px 0 5px 20px; color: #999; }

li {margin: 0 0 0 20px;}

li.bullet-arrow { 
	background: url(../images/bullet-arrow.gif) no-repeat left 4px; 
	list-style: none;	
	margin-left: 0;
	margin-bottom: 5px; 
	padding-left: 20px;
} 
 
/*blockquote {
	font-family:  Helvetica, Arial, Verdana, sans-serif;
	font-style: italic;
	font-size: 12px;
	color: #333;
	text-align: left;
	margin-left: 2em;
	margin-bottom: 1em;
	padding: 20px; 
	background-color: #ccc; 
	border: 2px solid #999;	
}

blockquote p { color: #333; }*/

dl { 
	font-family:  Helvetica, Arial, Verdana, sans-serif;
}

dt {
	font-weight: bold;
	font-size: 14px;
	line-height: 1.5em;
}

dd {
	margin-left: 20px;
	line-height: 1.5em;
}

/* -------------- Link Styles ---------------*/

a:link, a:visited {font-weight: normal; color: #abbf38; text-decoration: none; } 
a:hover {color: #0170B2; text-decoration: underline; } 

a.readon:link, a.readon:visited{font-family:  Helvetica, Arial, Verdana, sans-serif; color: #abbf38; font-weight: bold; } 
a.readon:hover{color: #d1e561; text-decoration: none; }

.readon {					/* put the "Read More" link on the right */
	letter-spacing: 0px; 
	padding: 3px 0px 3px 20px; 
	text-align: right; 
	position: relative;
	left: 0; 
} 

/************************************************************************
OTHER JOOMLA STYLES
************************************************************************/
/* -------------Content Page Settings ------------*/
a.category:link, a.category:visited{}
a.category:hover{}

.blogsection {} /* Formatting the links in Blog section */
.blog_more {} /*The "More" text in blog section*/
a.blogsection:link, a.blogsection:visited{} /* set the link format */
a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */

.contentpane {background-color: none; } /* Table that holds all non-article information (components, category lists, contact forms, etc).*/
.contentpaneopen {width: 100%; line-height:1.5em; letter-spacing: 0px;  padding-top:0px; background-color: none;} /* Table that holds the actual text for an article.*/

a.contentpagetitle:link, a.contentpagetitle:visited{
	font-size: 1em;
}
a.contentpagetitle:hover {} /*Title of articles when appeare as links */

.contentdescription {} /* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */

table.contenttoc {} /* Formating the table of the Tables of Contents for multiple pages content or article */
table.contenttoc td {} /* same as above, used to format the td and table cells */
table.contenttoc th {} /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/
table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/
a.toclink:link, a.toclink:visited {} /* same as above, used to format toc link text status*/
a.toclink:hover {} 

/* SECTIONS LISTINGS */
.sectiontableheader {} /* This is for styling the section table headers on a SECTION's page.
Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry1 {color: #999;} 
.sectiontableentry2 {color: #999;}

/**************************************************************************************************/

a.pagenav_prev:link, a.pagenav_prev:visited, a.pagenav_next:link, a.pagenav_next:visited {} 
a.pagenav_prev:hover, a.pagenav_next:hover {}

a.back_button:link, a.back_button:visited{}
a.back_button:hover{}

/* For styling the date the content/articles are created under contents title */
.createdate{color: #fff; font-size: .8em; font-weight: normal; padding-bottom: 20px; }

/* Formating "Last updated on" text at the end of articles/contents */
.modifydate{ font-size: .9em; font-style:oblique; font-variant:small-caps;}

/* Formating "Written by:...." text. You can also use for any 'fine print' on your site by defining it in the html while adding content*/
.small{color: #a0bad4;} /* light blue */

/*Found in poll result page, for " Number of Voters".. text */
.smalldark{color: #ddd;  } 


.article_seperator { width:100%; height: 30px; display: none; border-top: 0px solid #eee; margin: 0; padding: 20px 0; visibility:visible; 
					background: url(../images/article-separator.jpg) no-repeat center center; }


.button {
	height: 20px;
	font-family: Helvetica, Arial, Verdana;
	font-size:11px;
	text-transform:uppercase;
	color:#ffffff;
	font-weight:bold;
	background: url(../images/bg_mainmenu.gif) repeat-x;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	margin-left: -2px;
	padding: 0px;
	cursor: pointer;
}

.button:hover { background: url(../images/bg_mainmenu-ON.gif) repeat-x; }

.inputbox{ border: 1px solid #ccc; font-family:  Helvetica, Verdana, Arial, sans-serif; font-size: 9px; padding: 2px; margin-right: 5px; background-color: #ebebeb; }
.search{ margin-right: 10px; }



ul.latestnews {}

.latestnews li {
 	margin: 0 0 0 5px;
	padding: 0;
	color: #4e3f3f;
}

.latestnews li a,
.latestnews li a:link,
.latestnews li a:visited {
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #4e3f3f;
}

.latestnews li a:hover {
	color: #fff;
}

ul.mostread {}

.mostread li {
 	margin: 0 0 0 5px;
	padding: 0;
	color: #4e3f3f;
}

.mostread li a,
.mostread li a:link, 
.mostread li a:visited {
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #4e3f3f;	
}

.mostread li a:hover {
	color: #fff;
}

/* Polls */
.poll {} /* format the td of poll table */
.pollstableborder {} /* set the border properties of the polls voting table */


/* Weblinks */
.weblinks{} /* well.. to format the link's titles under the "Weblinks" 
section on the frontend */
a.weblinks:hover {} /* same as above, but for link with mouseover */

/* Newsfeeds */
.newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */
.newsfeeddate {} /* yeah.. the date on the newsfeed */
.fase4rdf {} /* this is the body text of the newsfeed */

/* Search page */
table.searchintro {} /* This is for formatting the box with "Search Keyword: test returned 4 matches" box
that appears after you have entered a search value. It appears on the mainbody
with the search results */

/* Generic Module Tables */
.moduletable { 
	margin-bottom: 3px; 
}

.moduletable h3 {
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4e3f3f;
}

/***************/
/* -use suffix "-tan" for these modules including latest news and mostread */
.moduletable-tan { 
	margin-bottom: 3px; 
	background: url(../images/bg_module.jpg) repeat-x #c4c4b9;
	padding-bottom: 7px;
}

.moduletable-tan h3 {
background-color: #b2b2a4;
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
padding: 8px 0 8px 10px;	
}

ul.latestnews-tan {}

.latestnews-tan li {
 	margin: 0 0 0 5px;
	padding: 0;
	color: #4e3f3f;
}

.latestnews-tan li a,
.latestnews-tan li a:link,
.latestnews-tan li a:visited {
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #4e3f3f;
}

.latestnews-tan li a:hover {
	color: #fff;
}

ul.mostread-tan {}

.mostread-tan li {
 	margin: 0 0 0 5px;
	padding: 0;
	color: #4e3f3f;
}

.mostread-tan li a,
.mostread-tan li a:link, 
.mostread-tan li a:visited {
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #4e3f3f;	
}

.mostread-tan li a:hover {
	color: #fff;
}
/***************/

.moduletable-welcome { margin-bottom: 3px; }

.moduletable-welcome h3 {
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	font-size: 26px;
	font-weight: bold;	
	color: #4e3f3f; /* autumn brown */
	line-height: 1.2em;
	letter-spacing: -1px;
	margin: .25em 0 .25em;
}

.moduletable-becomeMember {
	/*width: 100%;*/
	width: 270px;
	height: 216px;
	min-height: 216px;
	background: url(../images/bg_becomeMember.jpg) repeat-x #c3ca65;
	color: #fff;
	padding: 1px 10px 1px 10px;
}

* > .moduletable-becomeMember {
	height: auto;
}

.moduletable-becomeMember h3 {
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;	
	color: #fff; 
	line-height: 1.2em;
	margin: 1em 0 .25em;
}

.moduletable-becomeMember p {
	color: #fff;
}


/* Edits */
#search_job_posting { 
	display:none; 
}
html body div table tbody tr td table tbody tr td table {
	width:450px!important;
}
#job_apply_link-LTD {
	display:none;
}