/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
ArcaSolutions Design 
Author:   Daniel Sim�es Augusto
Version:  26 Nov 2004
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/*
 Esses codigos s�o de usos exclusivo da Area Administrativa
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Aqui est�o alguns c�digos CSS que s�o utilizados no Front page e tamb�m na 
�rea administrativa 
*/

/*
 Page Structure - Arquivos que usamos no front page e no amdin
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/*
 Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#wrapper 						/* This code, control the width and main aligment of all structure of the layout 				*/
								/* This code uses a Hack to make Browser IE rendering the correct value of the width			*/
{
	width: 797px;				/* False value for IE 30px more																	*/
	margin: 0 auto;				/* The 'auto' code align the wrapper in the center												*/
	
	background:;				/* Define here the Background Color 															*/
	voice-family: "\"}\""; 		/* The Hack start here																			*/
	voice-family:inherit;		/* This code tricks the IE5win to get the correct value											*/									
	width: 767px;				/* This the correct value																		*/
	}
html>body #wrapper				/* Be nice to Opera																				*/
{
	width: 767px;				/* Opera Browser has some problems with reder...So this code helps to render the correct value */ 
								/* IE5win fudge ends 																			*/
}

#bg-main{						/* This class is inside the Wrapper but don't have a complex purpose. It only places background 
									main of the content, this background don't repeat											*/
	width: 765px;
	margin: 0 auto;
	text-align: center;
	background: transparent url("../images/layout_yrem/bg_main.gif") top center no-repeat;
}

#bg-main-repeat					/* This class is inside the Wrapper but don't have a complex purpose. It only places background 
									main of the content	tis background repeat in the y direction								*/
{
	width: 765px;
	margin: 0 auto;

	background: transparent url("../images/layout_yrem/bg_main_repeat.gif") top center repeat-y;
}

#logo-base{						/* This code is inside the 'wrapper' and control the size of the div that go to be shown the 
									logo and banner																				*/
	width: 797px;
	height: 128px;
	
	background: transparent url("../images/layout_yrem/img_top.jpg") no-repeat bottom center; /* Define the path of image			*/
	voice-family: "\"}\""; 		/* The Hack start here																			*/
	voice-family:inherit;		/* This code tricks the IE5win to get the correct value											*/									
	width: 767px;				/* This the correct value																		*/
	}
html>body #logo-base			/* Be nice to Opera																				*/
{
	width: 767px;				/* Opera Browser has some problems with reder...So this code helps to render the correct value 	*/ 
								/* IE5win fudge ends 																			*/
}

.logo-image						/* This code define the logo image																*/
{
	display: none;
	width: 122px;
	height: 112px;
	cursor: pointer;			/* We have a tag 'a href' out of the div, we need showed the point that the link has be showed	*/
	cursor: hand;				/* We have a tag 'a href' out of the div, we need showed the hand link bellow the logo			*/
	margin: 10px 0 0 10px;		/* Define the margin																			*/

	background: transparent url("../images/layout_yrem/img_logo.gif") no-repeat center; /* Define the path of image			*/
	float: left;				/* Define the position of the logo in the screen												*/
}


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

	Welcome to wonderfull world of CSS style!
	
	This CSS control the style in the FOOTER!
	Be careful with the changes!!!!
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* FOOTER of LAYOUT */

#footer							/* This is the footer, you can define the width, height, color of link inside, font size		*/
{
	width:790px;
	height: 64px;
	color:#555;
	text-align: center;
	font-size: 11px;
	margin: 0 auto;
	padding: 0;
	background: transparent url("../images/layout_yrem/img_bottom.gif") no-repeat bottom;	/* Define here the Background Color	*/	

	voice-family: "\"}\""; 		/* The Hack start here																			*/
	voice-family:inherit;		/* This code tricks the IE5win to get the correct value											*/									
	width: 767px;				/* This the correct value																		*/
}
html>body #footer				/* Be nice to Opera																				*/
{
	width: 767px;				/* Opera Browser has some problems with reder...So this code helps to render the correct value 	*/ 
								/* IE5win fudge ends 																			*/
}

#footer div						/* This code control the DIV inside the style #FOOTER											*/
{
	width: 780px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 13px 0 0 0;		/* Padding make the distance between the "div" and "p"											*/

	voice-family: "\"}\""; 		/* The Hack start here																			*/
	voice-family:inherit;		/* This code tricks the IE5win to get the correct value											*/									
	width: 740px;				/* This the correct value																		*/
}
html>body #footer div/* Be nice to Opera																			*/
{
	width: 740px;				/* Opera Browser has some problems with reder...So this code helps to render the correct value 	*/ 
								/* IE5win fudge ends 																			*/
}


#footer div p					/* This code control the P inside the style #FOOTER > DIV 										*/
{
	font: 10px/25px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0;
	margin: 0;
	
	background: #F4F4F4;
}


#footer a, 
#footer a:link, 
#footer a:visited
{
	color:#555;
	font-size: 11px;
}

#footer a:hover
{
	color: #6F5A7F;
	font-size: 11px;
}

/*
Aqui est�o arquivos que estamos usando apenas no front page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


#logo-detail{
	width: 703px;
	height: 112px;
	background: url(../images/layout_blue/logo_topdetail.jpg) no-repeat top;
}

#session{
/*	font-size: 11px;
	color: #555;
	text-align: right;
	padding: 0 10px 0 0;
	border:1px solid red;*/
}

/*
 Aqui est�o alguns arquivos principais da area administrativa. estes c�digos abaixo s�o especificos
do lado direito da pagina, eles s�o assenciais para o alinhamento do layout e para o posicionamento.
   PageStructure - Main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#main-right						/* This code, control the width and main aligment of all structure of the layout 				*/
								/* This code uses a Hack to make Browser IE rendering the correct value of the width			*/
{
	width: 600px;				/* False value for IE 30px more																	*/
	margin: 0 0 0 20px;					/* The 'auto' code align the wrapper in the center												*/
	float: left;
	
	background:;				/* Define here the Background Color 															*/
	voice-family: "\"}\""; 		/* The Hack start here																			*/
	voice-family:inherit;		/* This code tricks the IE5win to get the correct value											*/									
	width: 570px;				/* This the correct value																		*/
	}
html>body #main-right			/* Be nice to Opera																				*/
{
	width: 570px;				/* Opera Browser has some problems with reder...So this code helps to render the correct value */ 
								/* IE5win fudge ends 																			*/
}

#top-content{
/*	background:url(../images/bg_content_top.gif) repeat-x bottom;*/
	width: 475px;
	height: 35px;
/*	ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 100%;
	}
html>body #top-content{
	width: 100%; 
	/* ie5win fudge ends */
}

#header-content h1
{
}

#content-content {
	width: 578px;
/*	background: url(../images/bg_content_main.gif) repeat-y top;*/
	padding:0;
	text-align:center;
	clear: left;
	/*	ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 100%;
/*	background: url(../images/streck_vert.gif) repeat-y left;*/
	}
html>body #content-content {
	width: 100%;
	/* ie5win fudge ends */
}


#bottom-content{
/*	background: url(../images/bg_content_bottom.gif) no-repeat top;*/
	width: 475px;
	height: 13px;
	voice-family: "\"}\"";	/*	ie5win fudge begins */
	voice-family:inherit;
	width: 100%;
	}
html>body #bottom-content{
	width: 100%;	/* ie5win fudge ends */
}

/* 
	Aqui est�o alguns c�digos principais da �rea administrativa. Estes c�digos 
	abaixo, s�o especificos do lado esquerdo da p�gina, eles s�o essenciais para
	o alinhamento do layout e posicionamento do mesmo.
	PageStructure - Main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#main-left 						/* This code, control the width and main aligment of all structure of the layout 				*/
								/* This code uses a Hack to make Browser IE rendering the correct value of the width			*/
{
	width: 180px;				/* False value for IE 30px more																	*/
	margin: 0;					/* The 'auto' code align the wrapper in the center												*/
	padding: 0 0 0 15px;		/* The 'auto' code align the wrapper in the center												*/
	float: left;
	
	background:;				/* Define here the Background Color 															*/
	voice-family: "\"}\""; 		/* The Hack start here																			*/
	voice-family:inherit;		/* This code tricks the IE5win to get the correct value											*/									
	width: 150px;				/* This the correct value																		*/
	}
html>body #main-left			/* Be nice to Opera																				*/
{
	width: 150px;				/* Opera Browser has some problems with reder...So this code helps to render the correct value */ 
								/* IE5win fudge ends 																			*/
}

#content-navbar ul{
	width: 140px;
	list-style: none;
	clear: left;
	text-align: left;
	margin: 0;
	padding:0;
}

#content-navbar li{
	font: 11px/18px  Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #134678;
	font-weight: bold;
	text-decoration: none;
	padding:0 0 0 15px;
	background: url(../images/layout_blue/img_bullet.gif) no-repeat 0 60%;
	list-style: none;
}

#content-navbar a,
#content-navbar a:link,
#content-navbar a:visited, 
#content-navbar a:active
{
/*	color: #6A6A6A;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	margin: 0;*/
}

#content-navbar a.sublink-navbar, 
#content-navbar a:hover.sublink-navbar
{
/*	font-weight: normal;*/
}

#content-navbar a:hover
{
/*	color: #6A6A6A;
	font-size: 11px;
	font-weight: bold;
	text-align: left;*/
}

#main-center
{
	width:575px;
	padding:0 0 0 11px;
	text-align:left;
	background:#fff;
	margin:0 auto;
	voice-family: "\"}\""; /* ie5win fudge begins */
	voice-family:inherit;
	width: 545px;
}

html>body #main-center {
	width: 545px; /* ie5win fudge ends */
}

/*
  form
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/*Estes c�digos est�o sendo usados na pagina view.php*/
#header-view{
	font-size: 11px;
	text-align: left;
	font-weight: bolder;
	color: #6F5A7F;
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	border: 0;
	background: transparent url(../images/img_dothorizontal.gif) repeat-x bottom ;
}

.list-view
{
	text-align: left;
	margin: 0 0 5px 0;
	color: #555;
	list-style:none;
}

.list-view ul
{
	margin: 0 0 0 20px;
	padding: 0;
}
.list-view li
{
	margin: 0;
	padding: 0;
}

.link-view{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EF413D;
	font-weight: bold;
	text-decoration: none;
}

/*
 Subtitle with dashed bellow
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#header-form{
	font-size: 11px;
	text-align: left;
	font-weight: bolder;
	color: #6F5A7F;
	background: transparent url(../images/img_dothorizontal.gif) repeat-x bottom ;
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	border: 0;
}

.subheader-form{
	font-size: 7pt;
	color: #EF413D;
	margin: 0 0 0 2px;
	font-weight:100;
}

.table-form{
	clear: left;
	margin: 0 auto;
	width: 95%;
}

.tr-form{
}

.td-form{
}

.label-form{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: /*#003365*/ /*#C5601B*/ #6A6A6A;
	font-weight: 100;
}

.label-field-form{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #598526;
	font-weight: bold;
}

/*
List
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#list-content ul{
	text-align: left;
	color: #6A6A6A;
	font-weight: 100;
	list-style:none;
}

#list-content li{
	list-style:none;
	padding: 0;
	margin:0;
	text-align: left;
	color: #6A6A6A;
	font-weight: 100;
}


/*
  Tables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.table-subtitle-table{
	clear: left;
	text-align: left;
	float: left;
	margin: 15px 0px 15px 0px;
}

.tr-subtitle-table{
}

.td-subtitle-table{
}

.font-subtitle-table{
	font-size: 11px;
	color: #364954;
	font-weight: 100;
	text-align: left;
	float: left;
	margin: 0px 2px 0px 0px;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.table-table
{
	font: 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 550px;
	clear: left;
	border:0;
	border-right:1px solid #E1E5E8;
	border-bottom:1px solid #E1E5E8;
	border-left:1px solid #EDEDEF;
	border-top:1px solid #EDEDEF;
	background:#FCFCFC;
	margin: 10px auto;

}

.th-table{
	font-size: 14px;
	font-weight: bold;
	color: #364954;
	background-color: #A6A6A6;
}

.td-th-table{
	font-size:12px;
	padding: 2px;
	color: #FFFFFF;
	text-align:left;
	background-color: #9E8EAB;
	border:1px solid #EEEEEE;
}

.reports-title
{
	font-size:12px;
	padding: 2px;
	color: #604E6D;
	text-align:left;
	background-color:/* old color #99B5CD*/ #F9F9F9;
	border:1px solid #EEEEEE;
/*	border-top: 5px solid #EEEEEE;*/
}

.tr-table{

}

.tr-table:hover{

}

.td-table{
	font-size: 11px;
	padding: 2px;
	color:#555;
	background-color: #F9F9F9;
	border:1px solid #EEEEEE;
	text-align:left;
}

.link-table{
	font-size: 11px;
	color: #647C84;
	font-weight: 100;
	text-align: left;
	text-decoration: none;
}

/*----------------------------------------------------------------------------------------------------
   STATUS
----------------------------------------------------------------------------------------------------*/
.status-active{
	font-size: 11px;
	color: #587F51;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
}

.status-deactive{

	font-size: 11px;
	color: #EF413D;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
}

.status-expired{

	font-size: 11px;
	color: #EF413D;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
}

.status-pending{

	font-size: 11px;
	color: #990000;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
}

/*
Submenu - Still I don't know where is was used
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#submenu{
	width:475px;
	font: 10px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color:/*#80564A*/ #BC302F;
	font-weight:normal;
	background: #FFF /*url(../images/layout_blue/bg_submenu.gif)*/ repeat-x top;
	padding: 0;
	margin:0;
	list-style-type: none; 
}

#submenu ul{
	text-align:center;
	margin: 0;
	padding: 0;
}

#submenu li{
	text-align:center;
}

/* 
Divider
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#divider{
	clear: left;
}

/*
 Tags LI in the left menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.sublink-navbar{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 11px;
	color: #5F7A9C;
	text-decoration: none;
	list-style:none;
	padding: 0 0 0 3px;
	}

#bottom-navbar{
	background: url(../images/layout_blue/bg_bottomnavbar.gif) no-repeat center top;
	width: 166px;
	height: 14px;
	margin-right:1px;
}

/* 
Itens used in Results.php
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#results{
	float: left;
	padding: 10px;
	width: 505px;
	margin: 0 0 0 10px;
/*	ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 475px;
	}
html>body #results {
	width: 475px; 
	/* ie5win fudge ends */
	}

.move-page{
	color:#555;
	font: 10px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
}

.advertisiment{
	width:450px;
	background: url(../images/layout_blue/bg_advertisiment.gif) top center no-repeat;
}
.advertisiment p{
	color: #555;
}


#results-top{
	width: 100%;
	height: 35px;
}

#results-content{
	width: 100%;
	padding:0;
	text-align:left;
	clear: right;
/*	border:1px solid #EDEFEF;
/*	border-bottom:1px solid #B4BFC0;
	border-right:1px solid #B4BFC0;*/
}


#results-bottom{
/*	background: url(../images/layout_blue/bg_resultsbottom.gif) no-repeat top;*/
	width: 100%;
	height: 15px;
	clear: right;
}

.alphabetically, .alphabetically:link, .alphabetically:active, .alphabetically:visited{
	color: #555;
	font-size: 7pt;
	font-weight: normal;
	display: inline;
	margin:1px;
	text-decoration: none;}

.alphabetically a
{
	display: block;
}
.alphabetically:hover{
	color: #555;
	font-size: 7pt;
	font-weight: normal;
	display:inline;
	margin:1px;
	background:#EBEBEB;}

.alphabetically-decoration{
	text-align:left;
	background: red;
	padding:5px;
	margin: 0 auto;
/*	border:1px solid #EDEFEF;
	border-top: 1px solid #B4BFC0;
	border-left: 1px solid #B4BFC0;*/
}
.back ,.back:link, .back:visited, .back:active{
	font-size:10px;
	margin:15px 15px 15px 0;
	color: #555555;
	font-weight: normal;
	text-decoration: none;
	border:0;
}

.back:hover{
	font-size:10px;
	margin:15px 15px 15px 0;
	color: #71A9C6;
	font-weight: normal;
}

.results-option a:link, .results-option a:visited, .results-option a:active, .results-option a:hover{
	text-decoration: underline;
	margin: 0 10px 0 10px;
}

/* 
Simple Search - used in results.php
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#simplesearch {
	float: left;
	padding: 10px;
	margin: 2px;
	width: 200px;/*False value for IE4-5.x/Win.*/
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 170px;
	text-align:left;
	}
html>body #simplesearch {/*Be nice to Opera*/
	width: 170px; 
	/* ie5win fudge ends */
}

#simplesearch-top{
	width: 100%;
	height: 35px;
	text-align:left;
}

#simplesearch-content{
	width: 100%;
}

#simplesearch-bottom{
	width: 100%;
	height: 16px;
}

.input-button-simplesearch, .input-button-horizontal{
/*	height: 19px;
	width:60px;
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	font-weight:;
	color: #C5601B;
	background-color: #F2EFEC;
	margin: 10px;
	border: 0;
	border-bottom:1px solid #59819B;
	border-right:1px solid #59819B;
	border-top: 1px solid #D9DFDF;
	border-left: 1px solid #D9DFDF;*/
}


.horizontal-simple-search-align{
	width: 600px;
	padding: 10px;
	text-align:center;
	margin: 0 auto;
}

.input-button-horizontal{
	margin:0;
	display: inline;
}
.vertical-simplesearch{
	margin: 2px 0 2px 0;
}

.vertical-input-simplesearch{
	width: 150px;
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
}

.vertical-input-dd-simplesearch{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	width: 150px;
	height: 18px;
	border-top: 1px solid #B4BFC0;
	border-left: 1px solid #B4BFC0;
}

.horizontal-simplesearch{
}

.horizontal-input-simplesearch{
	width: 100px;
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
}

.horizontal-input-dd-simplesearch{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	width: 130px;
	height: 18px;
	border-top: 1px solid #B4BFC0;
	border-left: 1px solid #B4BFC0;
}

/* 
Left list
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.left-list{
	width: 150px;
	font: 10px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #555;
	font-weight:normal;
	padding: 0;
	margin:0;
	background: url(../images/layout_blue/bg_dots_horizontal.gif) top repeat-x;
}
.left-list ul{
	margin:0 0 0 15px;
	padding:10px 0 0 0;
}
.left-list li{
	margin:0;
	padding:2px 0 0 15px;
	background: url(../images/layout_blue/img_bullet.gif) no-repeat 0 60%;
	list-style: none;
}

.create-account, .create-account ul, .create-account li{
	width: 150px;
	font: 10px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #C5601B;
	font-weight: bold;
	padding: 0;
	margin:0;
	background:#F9F9F9 url(../images/layout_blue/bg_dots_horizontal.gif) top repeat-x;
	list-style:none;
}

.create-account a, .create-account a:link, .create-account a:active, .create-account a:visited{
 font-weight: bold;
 color:#C5601B;
}

/*	Button style
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.button
{
	font-size:11px;
	height: 18px;
	margin: 10px auto 10px auto;
	text-align: center;
	border:0;
	background: transparent;
}

.button ul
{
	height: 19px;
	margin: 0;
	padding:0;
}

.button li
{
	height: 19px;
	float:left;
	border:0;
	background:url("../images/layout_blue/bg_button_right.gif") no-repeat right top;
	margin: 0;
	list-style: none;
}

.button a, .button a:link, .button a:visited, .button a:active
{
	height: 19px;
	margin: 0 auto;
	padding: 0 5px 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 11px;
	text-align: center;
	color: #6A6A6A;
	border: 0;
	cursor: pointer;
	cursor: hand;
	display: block;
	background: transparent url("../images/layout_blue/bg_button_left.gif") no-repeat left top;
}
.button a:hover{
	color: #8AACC8;
}

.button input
{
	height: 19px;
	margin: 0 auto;
	padding: 0 5px 0 5px;
	font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #6A6A6A;
	border: 0;
	cursor: pointer;
	cursor: hand;
	background: transparent url("../images/layout_blue/bg_button_left.gif") no-repeat left top;
}

button input:hover
{
	color:#8AACC8;
}
/* 
	Detail
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#detail{
	width:703px;
	float:left;
	background:#fff;
	text-align: left;
}

.body-noshadow{
	width: 703px;
	background: #FFF top center repeat;
	margin: 0 auto;
}

#detail-top{
	width: 703px;
	height: 35px;
}

#detail-content{
	width: 703px;
}

#detail-bottom{
	width: 703px;
	height: 17px;
}

.detail-decoration{
	padding: 5px;
	background: #FCFCFC;
	border: 1px solid #EDEFEF;
	border-top: 1px solid #B4BFC0;
	border-left: 1px solid #B4BFC0;
}


/*  
	FEATURED
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.featured{
	float: left;
	padding: 10px;
	width: 490px;
	margin: 0 auto;
/*	ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 460px;
	border:0;
	}
html>body #featured {
	width: 460px; 
	/* ie5win fudge ends */
}

.title-featured a, .title-featured a:link, .title-featured a:active, .title-featured a:visited{
	width: 100%;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	color: #BC302F;
	margin: 0 ;
	padding-bottom: 5px;
	border: 0;
/*	border-top:1px dashed #C0C0C0;
	border-bottom:1px dashed #C0C0C0;*/
	clear:left;
}

.featured-view{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-align: justify;
}

.table-featured{
	border:0;
	border-bottom:1px solid #F2EFEC;
	background:#FFF;
	padding:10px;
	margin:10px 0 20px 0;

}
.table-featured img{
}

.img-featured{
	width:203px;
	padding:5px 0 5px 0;
	border:0;
	border-right:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	border-left:1px solid #B6B6B6;
	border-top:1px solid #B6B6B6;
	background-color: #FFFFFF;
	text-align: center;
}

/* 
	PROMOTIONS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.promotion-padding{
	padding:20px;
}

#promotion-main{
	width: 680px;
/*	height: 300px;*/
	margin: 0 auto;
	padding: 0;
	border: 1px solid #9F9D8C;
/*	ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 98%;
	background: #FFF;
	text-align:left;
	}
html>body #promotion-main {
	width: 98%; 
	/* ie5win fudge ends */
}

.img-promotions{
	float:left;
	margin: 0 20px 0 0;
}

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

.promotion-content p{
	text-align:left;
}

#promotion-bellow{
	margin: 20px 0 0 0;
}

/*
Listing Details
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.body-noshadow{
	width: 703px;
	background: #FFF top center repeat;
}

#detail-top{
	width: 703px;
	height: 35px;
}

#detail-content{
	width: 703px;
}

#detail-bottom{
	width: 703px;
	height: 17px;
}

.detail-decoration{
	padding: 5px;
	background: #FCFCFC;
	border: 1px solid #EDEFEF;
	border-top: 1px solid #B4BFC0;
	border-left: 1px solid #B4BFC0;
}

/*
	Classes used in website
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.alphabetically, .alphabetically:link, .alphabetically:active, .alphabetically:visited{
	color: #555;
	font-size: 7pt;
	font-weight: normal;
	display: inline;
	margin:1px;
	text-decoration: none;}

.alphabetically:hover{
	color: #555;
	font-size: 7pt;
	font-weight: normal;
	display: inline;
	margin:1px;
	background:#EBEBEB;
}

.alphabetically-decoration{
	text-align:left;
	width:100%;
	background:#FCFCFC;
	padding:5px;
}
.back ,.back a:link, .back a:visited, .back a:active{
	font-size:10px;
	margin:15px 15px 15px 0;
	color: #555555;
	font-weight: normal;
	text-decoration: none;
	border:0;
}

.back a:hover{
	font-size:10px;
	margin:15px 15px 15px 0;
	color: #71A9C6;
	font-weight: normal;
}

.results-option a:link, .results-option a:visited, .results-option a:active, .results-option a:hover{
	text-decoration: underline;
	margin: 0 10px 0 10px;
}

/*
	LOGIN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.table-login{
	border:0;
	border-right:1px solid #E1E5E8;
	border-bottom:1px solid #E1E5E8;
	border-left:1px solid #EDEDEF;
	border-top:1px solid #EDEDEF;
	background:#FCFCFC;
}

.tr-login{
}

.td-login{
	border:1px solid #F7F7F7;
}

.label-login{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #876D8F;
}

.input-text-login{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	border-top: 1px solid #B4BFC0;
	border-left: 1px solid #B4BFC0;

}

.input-button-login{
/*	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	font-weight:;
	text-align: left;
	color: #C5601B;
	background-color: #F2EFEC;
	border: 0;
	border-bottom:1px solid #59819B;
	border-right:1px solid #59819B;
	border-top: 1px solid #D9DFDF;
	border-left: 1px solid #D9DFDF;
	height: 19px;
	width:60px;*/
}

/*
	Table Listing details
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.general-item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 11px;
	color: #647C84;
	text-align: left;
}

.table-view{
	width: 550px;
	font: 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	clear: left;
	border:0;
	margin: 4px auto;
	padding:5px;
	
	background:#F9F9F9;
	border-top: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
}

/* 
	Admin Page - List details
	This code control the table in the listing details!
*/

.table-listing-detail{
	width:98%px;
	font: 10px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 4px auto;
	padding:5px;
		/*border-right:1px solid #B6B6B6;
		border-bottom:1px solid #B6B6B6;
		border-top: 1px solid #E2E2E2;
		border-left: 1px solid #E2E2E2;*/
	background:#F9F9F9;
	clear: left;
}


.tr-view{
}

.td-view{
	vertical-align: top;
	text-align:left;
}



/* 
	h2 used in result level
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


.level-title-showcase h2, .level-title-basic h2, .level-title-premium h2{
	font-size:11px;
	text-align: left;
	font-weight: bold;
	color: /*#D52126*/#0066B3;
	border: 0;
	margin:0;
	padding:2px;
	background: bottom repeat-x;
}

/*
	fonts used in listing details used in results.php
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.font-bold-view					/* This code control the visual that the header of listigins are using, this code 
									it's in the "results.php" page																*/
{
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: justify;
	color: #FFFFFF;
	margin: 0;
	padding: 0 0 0 5px;

	border: 0;
	border-bottom: #E2E2E2;
	background: #9E8EAB;

}

.font-bold-view a, .font-bold-view a:visited, .font-bold-view a:link
								/* it controls the effect with mouse over													*/
{
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-align: justify;
	margin: 0;
}

.font-bold-view a:hover{
	color: #FFF;
}
.font-view{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #646464;
/*
This code is from front page
*/
/*
	font-size: 11px;
	color: #555555;
	text-align: justify;
*/	
}

.img-view{
	border:0;
	border-right:1px solid #EDEDEF;
	border-bottom:1px solid #EDEDEF;
	border-left:1px solid #C9C9C9;
	border-top:1px solid #C9C9C9;
	background-color: #F3F3F3;
	height: 95%;
}

.img-view-summary{
/*
This code is from front page
*/
/*
	width:160px;
	padding:5px 0 5px 0;
	border:0;
	border-right:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	border-left:1px solid #B6B6B6;
	border-top:1px solid #B6B6B6;
	background-color: #E5E5E5;
	text-align: center;
*/	
}

.font-bold-normal a:link, .font-bold-normal a:visited, .font-bold-normal a:active, .font-bold-normal a{
	color: #CF3733;
}

.font-bold-normal a:hover{
	color: #555;
}
/*itens used in Listing details*/

.custom-fields{
	text-align:center;
	color:/*#8A1F1D*/ #C5601B;
	font: 10pt/18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding:15px;
	border:1px solid #B6B6B6;
	border-right:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	background: #FFF;

}

.img-view-detail{
/*
This code is from front page
*/
/*
	width:210px;
	padding:5px 0 5px 0;
	border:0;
	border-right:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	border-left:1px solid #B6B6B6;
	border-top:1px solid #B6B6B6;
	background-color: #E5E5E5;
	text-align: center;
*/
}