/*
Site: Jobsplace - The Star Tracker.com
Autor: log, Open Source Consulting - www.log.pt
*/

/* 
Cores 
Para substituir as cores, fazer "find and replace" neste documento.
As cores utilizadas neste site sao as seguintes:

*********

PURPLE: #923EC7;
LILAC:	#D3BIE9;

GREYS, Light to dark:

Input BG: #F7F7F7;
Outlines, seperators etc: #E5E5E5;
Text: #333333;

**********

*/

*							{padding:0; margin:0; }

html 						{overflow: -moz-scrollbars-vertical; } /* Forcing vertical scrollbar to eliminate horizontal shift in FF */

body 					{background:#fff; font-size: 12px; font-family: Tahoma, Helvetica, Arial, sans-serif; text-align:center;} /*ie center hack*/

blockquote 			{ margin-left:20px; color:#666; background: #f4ebf9; border-left: #923ec7:}


/* Tool Classes*/
.clear 					{clear:both; height:1%;}	
.left						{float:left;}
.right						{float:right;}

.teste					{border: 1px solid red;}

.roundedcorners		{border-radius:7px;	-moz-border-radius:7px; -webkit-border-radius:7px; border: 1px solid #CCC; margin-bottom: 15px;}

p							{margin: 5px;}

a 							{color:#923EC7; text-decoration:none;}

a:hover,
	a:active,
	a:focus 			{text-decoration: underline; outline: 0;}

a img					{border: none 0;}
	
h1						{font-size: 22px; padding-bottom: 5px;}
h2						{}
h3						{}
h4						{}
h5						{}
h6						{}

/* Caixas de aviso, sucesso, erro */
.result 					{font-weight: bold; text-align: center; border: 1px dashed #CCCCCC; background: #EEE; padding: 5px; }
.succes				{font-weight: bold; padding: 7px 8px 7px 7px; background: #f3fff3;}
/*  */
.aviso 					{border:1px solid #f6e699; background: #feffde url(../images/warning.png) no-repeat 3px center; padding:4px 4px 4px 24px; color: #916019; font-size: 1.1em;}
.sucesso				{border:1px solid #a9d300; background: #e6ffe5 url(../images/accept.png) no-repeat 3px center; padding:4px 4px 4px 24px; color: #28531e; font-size: 1.1em; }
.erro 					{background:#ffe2d6 url(../images/error.png) no-repeat 3px center; padding:4px 4px 4px 24px; border:1px solid #e80000; color: #b30016; font-size: 1.1em; }
.info						{background:#e6ecf4 url(../images/information.png) no-repeat 3px center; padding:4px 4px 4px 24px; border:1px solid #466182; color: #3452a8; font-size: 1.1em; }

/*Mensagens de Aviso das Páginas Status*/
.msg_frame			{}

.sucess_msg		{background: url(../images/success_big.png) no-repeat 0 center; padding: 10px 0; padding-left: 70px; color: #71a619;}
.warning_msg		{background: url(../images/warning_big.png) no-repeat 0 center; padding: 10px 0; padding-left: 70px; color: #ee9e09;}
.error_msg			{background: url(../images/error_big.png) no-repeat 0 center; padding: 10px 0; padding-left: 70px; color: #bb3737;}



#wrapper				{width:960px; margin: 0 auto; text-align:left; } /* END ie center hack */
#wrapper h2			{font-size:14px; color: #923EC7; font-weight:bold; margin:5px; }
#wrapper h3			{line-height: 18px; font-size:11px; color: #923EC7; font-weight:bold; border-bottom: 1px solid #923EC7; margin: 7px 5px 0 5px;}
#wrapper h4			{line-height: 18px; font-size:11px; color: #923EC7; font-weight:normal; border-bottom: 1px solid #D3B1E9; margin: 10px 5px 0 5px;}

#header				{width:960px; height: 70px; float:left; position:relative; margin-top:10px;}
#logo					{width:220px; height:55px; background: url(..//images/tstFrontHdrLogo.png) no-repeat; text-indent:-9999px;}

#toolbar				{width:190px; float:left; margin-right:8px;}
#photo					{width:190px; text-align:center;}
#photolink				{width:190px; background:#FFFF00;}
.profile_photo			{width:150px; min-height:100px; border: 1px solid #CCC; margin: 20px; background-color:#CCCCC0; text-align:left;}
.tools 					{width: 190px; }

#content				{float:left; width: 760px;}

.button					{font-size:10px; font-weight:bold; text-decoration:none; line-height:17px;}
.btn_connect			{background:url(../images/icon_add_contact.png) left no-repeat; padding-left: 20px;}
.btn_message		{background:url(../images/icon_message.png) left no-repeat; padding-left: 20px;}

.btn_search			{width:57px; height:15px; }
.gosearch				{width:170px; text-align: right; padding-top:5px; border-top:1px solid #D3B1E9; padding-top:10xp;}


/*MENUS */
#usermenu				{}
#usermenu ul			{}
#usermenu ul li			{list-style:none; float:left; margin-left:20px; margin-top:10px; font-weight:bold; padding-bottom:3px;}
#usermenu ul li:first-child	{margin-left:0;}

#notuser					{text-align:right; border-top:1px solid #D3B1E9; clear:both; margin-top:5px; font-size:10px;}

#invite a					{width:136px; height:30px; background: url(../images/btn_invite.png) no-repeat top left; text-indent:-9999px; display:block; margin-left:20px; margin-top:10px;}

#menu						{width:960px; height:30px; float:left; background:url(..//images/fundo_menu2.png) repeat-x; margin-bottom:15px;} /*ie menu bg defined in ie css on page*/

.search 					{width:170px; height:25px; margin-top:3px; margin-right:5px; margin-left: 10px;}
.searchtxt	 				{width:145px; height:25px; border:0 hidden; background: url(../images/search_bg.png) no-repeat top left; color:#333; float:left; padding-left:5px; padding-top:4px;}
.searchbtn	 				{width:25px; height:25px; float:left; margin-left:-6px;}
input[type=text]:focus {outline: 0 none;} /* To get rid of Safari's blue outline */

#submenu		{float:left; clear:both; width: 760px; margin-bottom:10px;}

#bartop							{font-size:13px; color:#3b5d14; background:#fff; font-weight:bold; padding:0px 6px 6px 0px; margin-top:2px; margin-bottom:0px; /* overflow:auto;*/ height:1%; clear:both;}
#bartop a						{color:#A40AE1; text-decoration:none; margin:0px 20px 5px 0px; height:23px; line-height:23px; float:left; display:block;}
#bartop a.active				{line-height:23px; background:url(..//images/tb_a.png) right top no-repeat ; padding-right:10px;}
#bartop a.active span		{color:#fff; background:url(..//images/tb_span.png) left top no-repeat; height:23px; display:block; padding-left:10px;} /*ie fix on page*/

/*DROPDOWN MENUS*/
	/* LEVEL ONE */
	ul.dropdown							{position: relative; list-style: none; margin-top:1px;font-size:12px;}
	ul.dropdown li						{font-weight: bold; float: left; zoom: 1; }
	ul.dropdown a:hover				{color: #000; }
	ul.dropdown a:active				{color: #FFF; }
	ul.dropdown li a						{display: block; padding: 6px 10px 6px 10px; border-right: 1px solid #aaa; color: #333; text-decoration:none; }
	ul.dropdown li a.arrow 			{background: url(../images/icons/menu_arrow.gif) right no-repeat; padding-right:20px; padding-left:10px;}
	/* ul.dropdown li:last-child a	{border-right: none; } */ /* Doesn't work in IE */
	
	ul.dropdown li.hover, 
		ul.dropdown li:hover 			{background: #CCC; color: #333; position: relative; }
	ul.dropdown li.hover a				{color: #000; text-decoration:none; }
	ul.dropdown li.hover a:hover	{color: #000; text-decoration:none; }

	/* LEVEL TWO */
	ul.dropdown ul 						{width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; margin:0px 0px 0px -1px; padding:0px;list-style: none; font-size:13px; text-align:left; border-top:1px solid #333; border-left:1px solid #ccc; border-right:1px solid #ccc;}
	ul.dropdown ul li 					{font-weight: normal; background: #eee; color: #000; border-bottom: 1px solid #ccc; float: none; clear:both; }
		ul.dropdown ul li a				{border-right: none; width: 100%; display: inline-block; } /* IE 6 & 7 Needs Inline Block */

	/* LEVEL THREE */
	ul.dropdown ul ul 					{left: 100%; top: 0; }
	ul.dropdown li:hover > ul			{visibility: visible; }

/* BANNERS */
#banner_mrec				{width: 300px; height:250px; float:left; background-color:#99FF66;}
#banner_txt					{width: 300px; font-size:10px; color: #999; text-align:center; float:left;}

/* PROFILE PAGE */
#userinfo						{float:left;  width:760px; position:relative;}
#usercontent					{width:450px; height:260px; float:left; margin-right:8px; }

#tags							{float:left; clear:both; margin-bottom:15px; width:100%;}
#tags-talent					{float:left; width:250px; border-right: 1px solid #E5E5E5; margin-bottom:10px; margin-top:10px;}
#tags-power					{float:left; width:250px; border-right: 1px solid #E5E5E5; margin-bottom:10px; margin-top:10px;}
#tags-passion				{float:left; width:250px; margin-bottom:10px; margin-top:10px;}

/* SEARCH PAGE*/

.h3search						{background: url(../images/icons/h3search.png) no-repeat left; padding-left:20px;}
h2 span						{color:#333; font-weight:normal; font-size:12px;}
#pageinfo						{width:760px; min-height: 70px; background:#F4EBF9;}
#infoimg						{width:50px; height:50px; margin: 10px; float:left;}
#pageinfo_txt					{width:680px; min-height:50px; border-left:1px solid #D3B1E9; color:#923EC7; margin: 10px 0px 10px 0px; float:left;}

#searchresultsbox			{width:760px;}
#searchresults_top		{width: 740px; margin:8px; border-bottom:1px solid #923EC7;}
#searchresults_bottom 	{width: 740px; margin:8px; border-top: #D3B1E9 1px solid; margin-top:0;}

.searchresults				{width: 740px; margin:8px; border-top:1px solid #E5E5E5; overflow: auto; line-height:16px;}
.searchresults.first			{width: 740px; margin:8px; border-top:1px solid #ffffff; margin-top:0;}

.searchresults .pic			{width:50px; height:50px; background-color:#00CCFF; margin-right:10px; margin-top:10px;}

.searchresults .persona 	{float:left; width: 380px; margin-top:5px; margin-bottom:5px;}
.searchresults .connection	{float:left; width: 160px; margin-top:5px; margin-bottom:5px;}
.searchresults .contact	{float:left; width: 120px; margin-top:5px; margin-bottom:5px;}

.persona span				{display:block;}
.persona span.name		{color:#923EC7; font-weight:bold; }	
.persona span.position	{font-size:10px;}
.persona span.industry	{}
.persona span.location	{background:url(../images/flag_pt.png) left no-repeat; padding-left: 20px; }

.connection span			{display:block;}
.connection span.network	{}	
.connection span.views		{}
.connection span.groups		{}
.connection span.registered	{}

.contact span		{display:block;}

.paginator 				{float:right; margin:5px;}
.paginator a 			{color:#FFF; text-decoration:none; padding:4px; margin:4px; /*background:#923EC7; */} /*please note seperate css rule on page for ie*/

.profilecolumn1			{width: 250px; margin-right:5px; float:left;}
.profilecolumn2			{width: 250px; margin-right:5px; float:left;}
.profilecolumn3			{width: 250px; float:left;}

.toolbar_table		{width: 150px; margin: 0 auto; text-align:left; margin-bottom:15px;}
.toolbar_table td 	{font-size: 12px; border-bottom:solid 1px #E5E5E5;}

#moreinfo				{width: 760px;}
.box						{width: 248px; margin-bottom:10px;}

#footer					{width: 100%; float:left; clear:left; border-top:1px solid #923EC7; background: url(..//images/fundo_footer.png) repeat-x; padding-top:10px; padding-bottom:10px; text-align:left;}
#footermenu			{display: inline; float:left;}
#footermenu ul li	{list-style:none; float:left; margin-right:10px; height: 14px; padding-left: 10px; border-left: 1px solid #333;}
#footermenu ul li:first-child	{border-left:0 none;}

#fundacaotalento a	{background: url(..//images/logo_fundacao_talento.png) no-repeat right; padding-right:110px; display:block; float:right; color:#333; padding-left:10px; border-left:1px solid #333;}
#lowe a 				{background: url(..//images/lowe.gif) no-repeat right; padding-right: 30px; float:right; margin-right:20px; color:#333; }

/* CUSTOM FORMS. */
.customforms 			{width: 170px; margin: 8px; margin-bottom:15px;}
.customforms p			{margin-top:3px; margin-bottom:0}/**/

.select						{width:160px; height:20px; background:#F7F7F7; border:1px solid #E5E5E5; padding-left:5px;}
.txtfield						{width:150px; height:20px; background:#F7F7F7; border:1px solid #E5E5E5; padding-left:5px; padding-top:3px;}


/* Mapa Talentos */
.mapa_info					{width:360px; text-align:left;} /* ie center hack */
.mapa_info .col1			{width:100%; margin:8px 8px 8px 0; border-left: #d3bie9;}
.mapa_info .col2			{width:45%; float:left; margin:8px 8px 8px 0; border-left: #d3bie9;}
.mapa_info .col3			{width:30%; float:left; margin:8px 8px 8px 0; border-left: #d3bie9;}
.mapa_info .end 			{text-align:right;}
.mapa_info span			{display:block; line-height:16px;}