body {
  font-family:'Trebuchet MS',Verdana,sans-serif;
  background: #fff;
  width: 100% !important;
  margin: 0px !important;
  padding: 0px !important;
  background: transparent url('/img/bg_small.jpg') repeat;
  }

a:link {
    color: #CC6633;
    outline: none;
}
a:visited,
a.visited {
    outline: none;
    color: #CC6633;
}
a:hover {
    outline: none;
    color: #000;
}
a:active {
    outline: none;
    color: #000;
}

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

img
{
    border: none;
}

#logo {
  position: absolute;
  top: 6px;
  left: 8px;
  }

#userInfoBox {
  position: absolute;
  right: 40px;
  top: 5px;
  color: #FCD8C5;
  }

#loginInfo {

  float: left;
  font-weight: bold;
  font-size: 18px;
  border: 0px solid #000;
  margin-top: 10px;
  margin-left: 10px;
  color: #CF852C;
  }

/* contents part central de sa pagina
----------------------------------------------- */

#container {

    margin: 0px auto;
    background: transparent url('/img/bg.jpg') top center no-repeat;
}

#content {
  font-family:'Trebuchet MS', Helvetica,serif;
  margin: 0px auto;
  margin-bottom: 0px !important;
  padding: 0px;
  font-size: 13px;
  color: #444837;
  line-height: 140%;
  width: 1000px;
  background: url('/img/bg_content.png') repeat;
  }

#content h2 {
  font-size: 160%;
  padding-left: 0px;
  margin-bottom: 10px;
  margin-top: 15px;
  padding-bottom: 7px;
  border-bottom: 1px solid #e5ebef;
  font-family: "Trebuchet MS", "Helvetica", "serif";
  }

#content_bottom
{
    height: 40px;
    width: 1000px;
    background: url('/img/content_bottom.png') repeat-x;
}


/*   Formularis   */
div.cols {
  clear: both;
  overflow: hidden;
  position: relative;
}

div.cols_content {
    margin-right: 10px;
}

.cols_2 {
  float: left;
  width: 49%;
  margin-right: 0.5%
  }

.cols_3_4{
 float: left;
 width: 74%;
 margin-right: 0.5%
}
.cols_3 {
  float: left;
  width: 33%;
  margin-right: 0.5%
  }
.cols_2_3{
    float: left;
    width: 66%;
    margin-right: 0.5%;
}
.cols_4 {
  float: left;
  width: 24%;
  margin-right: 0.5%
  }

.cols_tiny {
    float: left; width: 170px
}

.cols_tiny .cols_content {
    padding-top: 10px;
}

.cols_main {
    float: left;  width: 620px;
}

.right_border {
border-right: 1px solid #eee;
}


.mainLogo {
    margin-bottom: 5px;
}


.tinyList {
    margin: 0; padding: 0; padding-left: 15px;
}

/* functional boxes */

.instructions {
    border: 1px solid #ddd;
    padding: 5px;
}


/* teaserBox */
.teaserBox {
    background: #fff; overflow: hidden; border: 1px solid #A1C0C8; color: #5B6146; line-height: 150%; padding-bottom: 10px;
}

.teaserBoxHeader {
    background: #A1C0C8; color: white; padding: 3px; padding-left:10px; font-weight: bold;
}

.mediaBox {
    float: left; width: 335px;
}

.teaserBox .data {
    float: left; width: 270px
}


h2.projectName {
    color: black;
}

.projectTagline {
    margin-bottom: 10px; margin-top: 0px;
    font-size: 12px;
    font-style: italic;
    font-family: Verdana;
    padding-left: 30px;
    padding-right: 20px;
    text-align: right;
    border: 1
}

.projectDescription {
    margin-bottom: 10px;
}

/* tables */
table {
  width: 100%;
  border-top: 0px solid #999;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  color:#333;
  background-color: #fff;
  clear:both;
  padding: 0;
  margin: 0 0 0.5em 0;
  white-space: normal;
  border-collapse: collapse;
  }
th {
  background-color:#70879C;
  border-top: 0px solid #fff;
  border-left: 0px solid #fff;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  text-align: left;
  padding: 1px 4px;
  color: #D3D9DF;
  font-weight: normal;
  }
th a {
  text-decoration: none;
  color: #D3D9DF;
  font-weight: bold;
  }
th a:hover {
  color: #fff;
  }
table tr td {
  border-right: 1px solid #ccc;
  padding:4px 4px;
  vertical-align:top;
  text-align: left;
  border-bottom: 1px solid #ccc;
  }
table tr td a {
  text-decoration: none;
  color: #444;
  font-weight: bold;
  }
table tr td a:hover {
  color: #f89828;
  }
table tr.altrow td, .altrow {
  background: #f4f4f4;
  }

 table tr.valid td {
 	background: #DFF9E0;
 }

 table tr.not_valid td {
 	background: #FFE3DF;
 }

td.idColumn {
  width: 40px;
  }

td.fotoColumn {
  width: 110px;
  }

td.actionsColumn, td.actions {
  width: 110px;
  }




/* action links */
div.actions {
  float: right;
  margin-bottom: 5px;

  }

div.actions ul {
list-style-type: none;
}


div.actions ul li {
  float: left;
  margin-left: 5px;
  background: #FFE2D3;
  padding: 0px 5px 0px 5px;
}

div.actions ul li a, a.action {
    color: #cc6633;
    text-decoration: none;
    font-weight: bold;
}

a.action {
    background: #FFE2D3;
    padding: 5px 5px 5px 5px;

}

div.actions ul li a:hover, a.action:hover {
    color: #6c6633;
}

/*------------- pagination ------------------------------*/
.paging {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #ccc;
  padding: 4px;
  text-align: center;
  }

.paging div {
	display: inline;
}

.paging .disabled {
	color: #bbb;
}

/* clear floats fix  http://positioniseverything.net/easyclearing.html  */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

.clearfix {
  display: inline-table;
  }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/*-------------------- footer --------------------------*/
#footer {

  margin-top: 25px;
  text-align: right;
  font-size: 11px;
  overflow: hidden;
  padding-right: 20px;
  width: 100%;
  float:left;
}

#footer ul {

    margin: 0px;
    padding: 0px;
    list-style-type: none;
    border: 0px solid #ccc;
    float: right;
    overflow: hidden;
}

#footer ul li {
    float: left;
    margin-right: 10px;
}

.copyright {
    margin-right: 20px;
}

.processingBig {
    display: none;

}

.spinner1 {
    margin: 5px;
    margin-right: 10px;
}


.active-1 { background: #F3F9E3 }
.active-0 { background: #F9ECE8 }


div.error-message {
  	/*background-image: url('/img/ayd_icons/caution.gif');
  	background-position: 0px 2px;
  	background-repeat: no-repeat;*/
  	padding-left: 10px;
  	/*font-weight: bold;*/
  	color: #ff0000;
  	font-size: 11px;
}

#flashMessage.message, #flashMessage {

    background: transparent url('/img/flashbox.png') no-repeat;
    color: #fff;
    text-align: center;
    background-position: 0px;
    padding-left: 0px;
    border: 0px;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 15px;
    margin-top: 15px;
    float: left;
    width: 100%;
}



#notification {
	position: fixed;
	top: 0px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	background-color: #fff;
	display: none;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #CC6633;
	border-bottom: 1px solid #CC6633;
	color: #666;
	height: 25px;
	line-height:25px;
}

#notification .element
{
    display: inline;
    width: 49%;
    float: left;
}

#notification img
{
    margin-right: 10px;
    display: inline;
}

/*----------------------------------------------*/


/*-----login box styles----------------------*/

#loginBox
{
    text-align: left;
    float: left;
    width: 300px;
    height: 115px;
    padding: 0px;
    font-size: 11px;
    background: transparent url('/img/loginBoxBg.png') 110px 10px no-repeat;
}

#loginBox label
{
    float: left;
    width: 90px;
    display: inline;
    height: 19px;
    line-height: 19px;
    font-size: 16px;
    font-family: Trebuchet MS;
    color: #fff;
    font-weight: bold;
    padding-left: 15px;
}

#loginBox input
{
    margin-top: 2px;
    padding-left: 2px;
    border: none;
    float: left;
    height: 21px;
    line-height: 21px;
    margin-left: 12px;
    font-size: 15px;
    font-weight: bold;
    font-family: Helvetica;
    color: #39470d;
    background: transparent;
}
/*
#loginBox input[type=checkbox]
{
    width: 15px;
    height: 15px;
    color: #000;
    border: 0px;
    float: left;
    margin: 0px;
    padding: 0px;
    background: transparent;
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 4px;
}
*/

#loginBox a
{
    font-size: 13px;
    font-family: Trebuchet MS;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

#loginBox .submit input
{
    padding: 0px;
    margin: 0px;
    width: 54px;
    margin-right: 15px;
    margin-top: 3px;
    height: 23px;
    font-size: 12px;
    color: #cccc99;
    background: url('/img/button_small.png') no-repeat;
    cursor: pointer;
}

#logged_as
{
    float: left;
    color: #fff;
    width: 270px;
    margin-left: 15px;
    font-size: 14px;
    font-family: Trebuchet MS;
    text-align: center;
    margin-top: 15px;
}

#logged_as a
{
    height: 23px;
    line-height: 23px;
    width: 74px;
    font-size: 14px;
    font-family: Trebuchet MS;
    background: url('/img/button_average.png') no-repeat;
    float: left;
    text-align: center;
    text-decoration: none;
    margin-top: 10px;
}

#logged_as a:link,
#logged_as a:visited,
#logged_as a.visited
{
     color: #cccc99;
}

#logged_as a:hover,
#logged_as a.hover,
#logged_as a:active
{
    color: #fff;
}

/* recover password */

#recoverData
{
    width: 620px;
    margin-left: 20px;
    float: left;
    color: #fff;
}

#recoverData h2, #recoverData h3
{
    border: none;
}

#recoverData fieldset
{
    border: none;
    padding: 0px;
}




#recoverData label
{
    float: left;
    width: 250px;
    display: inline;
    padding: 0px;
    font-size: 16px;
    font-family: Helvetica;
    color: #fff;
}

#recoverData input
{
    float: left;
    width: 250px;
    height: 18px;
    margin-top: 4px;
    margin-left: 7px;
    display: inline;
    font-size: 14px;
    padding-left: 0px;
    background: #fff;
    border: 1px solid #fff;
}

#recoverData .input_line
{
    float: left;
    height: 32px;
    line-height: 32px;
    margin-top: 8px;
    margin-bottom: 5px;
    width: 100%;
}

#recoverData .submit
{
    float: right;
    width: 74px;
}

#recoverData .submit input
{
    padding: 0px;
    margin: 0px;
    width: 74px;
    height: 23px;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    color: #cccc99;
    background: url('/img/button_average.png') no-repeat;
    cursor: pointer;
    border: none;
}

#recoverData .error-message
{
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    background: #444837;
    color: #cccc99;
    margin-bottom: 3px;
}

#recoverData .link
{
    padding: 0px;
    margin: 0px;
    width: 74px;
    margin-left: 15px;
    margin-top: 15px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
    color: #cccc99;
    float: right;
    text-align: center;
    background: url('/img/button_average.png') no-repeat;
}

#recoverData .link a:link,
#recoverData .link a:visited,
#recoverData .link a.visited
{
    color: #cccc99;
    text-decoration: none;
}

#recoverData .link a:hover,
#recoverData .link a.hover,
#recoverData .link a:active
{
    color: #fff;
    text-decoration: none;
}

/*-----------------------------------*/

/* galleries styles */

.photo_bg
{
    padding: 3px;
    padding-bottom: 1px;
    text-align: left;
    background: #f2f2f2;
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    border: 1px solid #aaa;
}
/*
.photo_bg_0
{
    background: #F9ECE8 !important;
}

.photo_bg_1
{
    background: #F3F9E3 !important;
}
*/
.photo
{
}

.title
{
}

.title .photo_title
{
    float: left;
    overflow: hidden;
    height: 18px;
    line-height: 18px;
    margin-left: 3px;
}


/*------------------------------------*/

.white_top
{
    background: url('/img/white_top.png') left no-repeat;
    height: 10px;
    float: left;
}

.white_bottom
{
    background: url('/img/white_bottom.png') right no-repeat;
    height: 10px;
    float: left;
}

.darkgray_top
{
    background: url('/img/darkgray_top.png') left no-repeat;
    height: 10px;
    float: left;
}

.darkgray_bottom
{
    background: url('/img/darkgray_bottom.png') right no-repeat;
    height: 10px;
    float: left;
}

.gray_top
{
    background: url('/img/gray_top.png') left no-repeat;
    height: 10px;
    float: left;
}

.gray_bottom
{
    background: url('/img/gray_bottom.png') right no-repeat;
    height: 10px;
    float: left;
}

.lightgreen_top
{
    background: url('/img/lightgreen_top.png') left no-repeat;
    height: 10px;
    float: left;
}

.lightgreen_bottom
{
    background: url('/img/lightgreen_bottom.png') right no-repeat;
    height: 10px;
    float: left;
}

.darkgreen_top
{
    background: url('/img/darkgreen_top.png') left no-repeat;
    height: 10px;
    float: left;
}

.darkgreen_bottom
{
    background: url('/img/darkgreen_bottom.png') right no-repeat;
    height: 10px;
    float: left;
}

.tricolor_top
{
    background: url('/img/tricolor_top.png') left no-repeat;
    height: 10px;
    width: 640px;
    float: left;
}

.tricolor_bottom
{
    background: url('/img/tricolor_bottom.png') right no-repeat;
    height: 10px;
    width: 640px;
    float: left;
}

#banner
{
    width: 100%;
    height: 200px;
    float: left;
    position: relative;
}

#banner a.banner_a
{
    float: left;
    width: 445px;
    height: 140px;
    margin-top: 30px;
    margin-left: 30px;
    background: url('/img/main_logo.png') no-repeat;
}

#banner a.top_logo_small_a
{
    position: absolute;
    top: 25px;
    left: 670px;
    width: 200px;
    height: 150px;
    background: url('/img/top_logo_small.png') no-repeat;
}

#main_content
{
    width: 950px;
    float: left;
    margin-left: 25px;
}

#credits
{
    width: 950px;
    height: 255px;
    float: left;
    background: #40413b;
    margin-left: 25px;
}



.credits_content
{
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
}

.credits_content .small_title
{
    font-size: 12px;
    font-family: Trebuchet MS;
    color: #000;
    position: absolute;
    letter-spacing: -1px;
}

.credits_content .logo
{
    position: absolute;
}

#content_wrap
{
    width: 640px;
    min-height: 300px;
    float: left;
}

#rightbox
{
    width: 295px;
    float: right;
}

.gray
{
    width: 100%;
    /*background: url('/img/gray.png') repeat;*/
    background: #505348;
    float: left;
    position: relative;
}

.gray .title
{
    margin-left: 15px;
    margin-top: -32px;
    float: left;
    font-family: Trebuchet MS;
    font-weight: bold;
    color: #505348;
    font-size: 28px;
    height: 28px;
    line-height: 28px;
}

.white
{
    width: 100%;
    /*background: url('/img/white.png') repeat;*/
    background: #fff;
    float: left;
}

.white .title
{
    margin-left: 15px;
    margin-top: -32px;
    float: left;
    font-family: Trebuchet MS;
    font-weight: bold;
    color: #fff;
    font-size: 28px;
    height: 28px;
    line-height: 28px;
}

.lightgreen
{
    width: 100%;
    /*background: url('/img/lightgreen.png') repeat;*/
    background: #929d72;
    float: left;
}

.lightgreen .title
{
    margin-left: 15px;
    margin-top: -32px;
    float: left;
    font-family: Trebuchet MS;
    font-weight: bold;
    color: #929d72;
    font-size: 28px;
    height: 28px;
    line-height: 28px;
}

.darkgreen
{
    width: 100%;
    /*background: url('/img/darkgreen.png') repeat;*/
    background: #39460e;
    float: left;
}

.darkgreen .title
{
    margin-left: 15px;
    margin-top: -32px;
    float: left;
    font-family: Trebuchet MS;
    font-weight: bold;
    color: #39460e;
    font-size: 28px;
    height: 28px;
    line-height: 28px;
}
/*
.mask
{
    z-index: 1;
    direction: ltr;
    position: absolute;
    top: 0px;
    left: 10px;
    width: 275px;
    height: 250px;
    float: left;
    margin: 0px;
    padding: 0px;
    background: transparent url('/img/mask.png') no-repeat;
    cursor: pointer;
}
*/

.mask_top
{
    z-index: 2;
    direction: ltr;
    position: absolute;
    top: 0px;
    left: 10px;
    width: 275px;
    height: 15px;
    margin: 0px;
    padding: 0px;
    background: transparent url('/img/mask_top.png') no-repeat;
    cursor: pointer;
}

.mask_bottom
{
    z-index: 2;
    direction: ltr;
    position: absolute;
    bottom: 0px;
    left: 10px;
    width: 275px;
    height: 15px;
    margin: 0px;
    padding: 0px;
    background: transparent url('/img/mask_bottom.png') no-repeat;
    cursor: pointer;
}

.maskedlogo
{
    z-index: 1;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
    width: 265px;
    float: left;
    cursor: pointer;
}

.maskedlogo img
{
    z-index: 0;
    width: 265px;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
}

.articles
{
    width: 265px;
    height: 335px;
    margin: 0px;
    margin-top: 0px;
    margin-left: 15px;
    padding: 0px;
    float: left;
    overflow: hidden;
}

.articles .element
{
    width: 265px;
    height: 48px;
    margin: 0px;
    padding: 0px;
    float: left;
    color: #cccc99;
    font-family: Trebuchet MS;
    font-size: 12px;
    line-height: 17px;
    overflow: hidden;
    margin-top: 6px;
    border-bottom: 1px dashed #acb47b;
}

.articles .element a:link,
.articles .element a:visited,
.articles .element a.visited
{
    margin-left: 1px;
    font-size: 15px;
    font-style: italic;
    color: #fff;
    text-decoration: none;
}

.articles .element a:hover,
.articles .element a.hover,
.articles .element a:active
{
    margin-left: 1px;
    font-size: 15px;
    font-style: italic;
    color: #cccc99;
    text-decoration: none;
}

.articles_link
{
    width: 74px;
    height: 23px;
    line-height: 23px;
    margin: 0px;
    margin-top: 5px;
    margin-left: 110px;
    padding: 0px;
    float: left;
    color: #cccc99;
    text-align: center;
    background: transparent url('/img/button_average.png') no-repeat;
}

.articles_link a:link,
.articles_link a:visited,
.articles_link a.visited
{
    color: #cccc99;
    text-decoration: none;
}

.articles_link a:hover,
.articles_link a.hover,
.articles_link a:active
{
    color: #fff;
    text-decoration: none;
}

.articles_list
{
    float: left;
    height: 600px;
    color: #cccc99;
    font-size: 12px;
    font-family: Helvetica;
    padding-left: 18px;
    width: 620px;

}

.articles_list a:link,
.articles_list a:visited,
.articles_list a.visited
{
    margin-left: 1px;
    font-style: italic;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}

.articles_list a:hover,
.articles_list a.hover,
.articles_list a:active
{
    margin-left: 1px;
    font-style: italic;
    font-size: 18px;
    color: #aaa;
    text-decoration: none;
}

.articles_paginator, .companies_paginator
{
    width: 620px;
    float: left;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    font-size: 14px;
    font-family: Trebuchet MS;
}

#pag_prev
{
    width: 130px;
    height: 23px;
    line-height: 23px;
    float: left;
    text-align: right;
    background: transparent url('/img/button_large_left2.png') no-repeat;
}

#pag_prev a, #pag_prev .disabled
{
    margin-right: 15px;
}

#pag_next
{
    width: 130px;
    height: 23px;
    line-height: 23px;
    float: left;
    margin-left: 15px;
    text-align: left;
    background: transparent url('/img/button_large_right2.png') no-repeat;
}

#pag_next a, #pag_next .disabled
{
    margin-left: 15px;
}

#pag_prev2
{
    width: 154px;
    height: 23px;
    line-height: 23px;
    float: left;
    text-align: right;
    background: transparent url('/img/button_large_left.png') no-repeat;
}

#pag_prev2 a
{
    margin-right: 7px;
}

#pag_next2
{
    width: 154px;
    height: 23px;
    line-height: 23px;
    float: left;
    margin-left: 15px;
    text-align: left;
    background: transparent url('/img/button_large_right.png') no-repeat;
}

#pag_next2 a
{
    margin-left: 7px;
}

.articles_paginator .elem, .companies_paginator .elem
{
    float: left;
    color: #aaa;
    display: inline;
}


.articles_paginator a:link, .companies_paginator a:link,
.articles_paginator a:visited, .companies_paginator a:visited,
.articles_paginator a.visited, .companies_paginator a.visited
{
    color: #cccc99;
    text-decoration: none;
}

.articles_paginator a:hover, .companies_paginator a:hover,
.articles_paginator a.hover, .companies_paginator a.hover,
.articles_paginator a:active, .companies_paginator a:active
{
    color: #fff;
    text-decoration: none;
}

.articles_sort
{
    width: 620px;
    float: left;
    height: 35px;
    line-height: 35px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    font-family: Trebuchet MS;
    background: transparent url('/img/articles_sort.png') 280px 0px no-repeat;
}

.articles_sort span
{
    float: left;
    display: inline;
}

.articles_sort input
{
    border: none;
    font-size: 18px;
    font-weight: bold;
    display: inline !important;
    width: 105px;
    padding: 0px;
    background: transparent;
    font-family: Trebuchet MS;
    margin-top: 6px;
    margin-left: 4px;
    margin-right: 0px;
}
.date-picker-control span
{
    display: inline !important;
}

#fd-but-InfoDateFrom, #fd-but-InfoDateTo
{
    float: left;
    display: inline !important;
}

.date-picker-control
{
    float: right !important;
    display: inline !important;
    padding: 0px !important;
    margin: 0px !important;
    margin-top: 9px !important;
    margin-right: 3px !important;
}

.articles_sort .submit
{
    float: left;
    margin: 0px !important;
    padding: 0px !important;
    margin-left: 8px !important;
    margin-top: 7px !important;
    width: 54px !important;
    height: 23px;
    background: transparent url('/img/button_small.png') no-repeat;
}

.articles_sort .submit input
{
    width: 54px !important;
    float: left;
    margin: 0px !important;
    padding: 0px !important;
    font-size: 12px;
    color: #cccc99 !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer;
}

.directory
{
    width: 265px;
    min-height: 330px;
    margin: 0px;
    margin-top: 5px;
    margin-left: 15px;
    padding: 0px;
    float: left;
    overflow: hidden;
}

.directory .element
{
    width: 100%;
    min-height: 65px;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    border-bottom: 1px dashed #acb47b;
}

.directory .element .image
{
    width: 80px;
    float: left;
    min-height: 70px;
    margin-right: 15px;
    display: inline;
    cursor: pointer;
}

.directory .element .title, .directory .element .title a
{
    float: left;
    display: inline;
    width: 168px;
    font-family: Helvetica;
    color: #cccc99;
    font-size: 16px;
    line-height: 18px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    text-decoration: none;
}

.directory_link
{
    width: 54px;
    height: 23px;
    line-height: 23px;
    margin: 0px;
    margin-top: 3px;
    margin-left: 120px;
    padding: 0px;
    float: left;
    color: #cccc99;
    text-align: center;
    background: transparent url('/img/button_small.png') no-repeat;
}

.directory_link a:link,
.directory_link a:visited,
.directory_link a.visited
{
    color: #cccc99;
    text-decoration: none;
}

.directory_link a:hover,
.directory_link a.hover,
.directory_link a:active
{
    color: #fff;
    text-decoration: none;
}

.tricolor
{
    width: 640px;
    background: transparent url('/img/tricolor.png') repeat-y;
    float: left;
    height: 185px;
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    line-height: 15px;
    color: #333;
    font-family: Trebuchet MS;
}

.section1
{
    width: 210px;
    height: 100%;
    margin-right: 6px;
    float: left;
}

.section2
{
    width: 210px;
    height: 100%;
    margin-right: 5px;
    float: left;
}

.section3
{
    width: 209px;
    height: 100%;
    float: left;
}

.section1 .title, .section2 .title, .section3 .title
{
    float: left;
    font-family: Trebuchet MS;
    font-weight: bold;
    color: #000;
    font-size: 28px;
    height: 28px;
    line-height: 28px;
    width: 190px;
    margin-left: 15px;
    margin-top: -32px;
}

.tricolor ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    float: left;
    width: 195px;
    height: 183px;
    overflow: auto;
    padding-left: 12px;
}

.tricolor ul li
{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 166px;
    font-size: 15px !important;
    line-height: 17px !important;
}

.tricolor a:link,
.tricolor a:visited,
.tricolor a.visited
{
    color: #333;
    text-decoration: none;
}

.tricolor a:hover,
.tricolor a.hover,
.tricolor a:active
{
    color: #fff;
    text-decoration: none;
}

#sortIslands
{
    height: 100%;
    float: left;
}

#sortIslands ul li .selected, #sortCategories ul li .selected, #sortTypes ul li .selected
{
    font-weight: bold;
}

#sortIslands ul li, #sortCategories ul li, #sortTypes ul li
{
    margin-top: 4px;
}

#companiesList
{
    width: 640px;
    float: left;
    display: none;
    margin: 0px;
    padding: 0px;
}

#companiesList .element
{
    width: 640px;
    float: left;
    margin: 0px;
    padding: 0px;
    margin-top: 18px;
}

#companiesList .element .image
{
    width: 90px;
    margin-left: 10px;
    margin-top: 2px;
    float: left;
    display: inline;
    min-height: 60px;
    cursor: pointer;
}

#companiesList .element .title, #companiesList .element .title a
{
    width: 520px;
    float: left;
    font-family: Helvetica;
    color: #cccc99;
    font-size: 16px;
    height: 16px;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    text-decoration: none;
}

#companiesList .element .text
{
    width: 520px;
    float: left;
    font-family: Trebuchet MS;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
    margin-top: 4px;
}

#companiesList #current_page, #companiesList #page_count
{
    display: none;
}

#companiesList #page_numbers
{
    float: right;
}

#companiesList #paginator
{
    width: 520px;
    float: left;
    margin-left: 110px;
    height: 20px;
    line-height: 20px;
    float: left;
    color: #cccc99;
    margin-top: 10px;
}

#companiesList #paginator a:link,
#companiesList #paginator a:visited,
#companiesList #paginator a.visited
{
    background: url('/img/button_average.png') no-repeat;
    width: 74px;
    height: 23px;
    line-height: 20px;
    float: left;
    color: #cccc99;
    text-decoration: none;
    text-align: center;
    margin-left: 10px;
}

#companiesList #paginator a:hover,
#companiesList #paginator a.hover,
#companiesList #paginator a:active
{
    background: url('/img/button_average.png') no-repeat;
    width: 74px;
    height: 23px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin-left: 10px;
}

.gTitle
{
    font-size: 15px;
    line-height: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.gSubtitle
{
    float: left;
    width: 100%;
    margin-bottom: 2px;
}

#companyDesc
{
    width: 640px;
    float: left;
    margin: 0px;
    padding: 0px;
    position: relative;
}

#companyDesc .title
{
    width: 280px;
    float: left;
    margin: 0px;
    padding: 0px;
    margin-left: 20px;
    margin-right: 280px;
    margin-top: 15px;
    font-size: 18px;
    line-height: 20px;
    font-family: Helvetica;
    color: #fff;
}

#companyDesc .text
{
    width: 610px;
    float: left;
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
    margin-left: 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #fff;
}

#companyDesc .text a
{
    float: left;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    font-style: italic;
    color: #fff;
    text-decoration: none;
    margin-right: 10px;
}

#companyDesc .imagebox
{
    width: 315px;
    height: 150px;
    display: inline;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 5px;
    left: 325px;
    z-index: 1;
    direction: ltr;
}

#companyDesc #copyright
{
    display: none !important;
}

#companyDesc .imagebox img
{
    width: 145px;
    float: left;
    display: inline;
}

#smallMap
{
    position: absolute;
    top: 5px;
    left: 485px;
    width: 145px;
    height: 130px;
    float: right;
    z-index: 2;
    direction: ltr;
}

#articleDesc
{
    width: 625px;
    margin-left: 10px;
    float: left;
}

#articleDesc .art_title
{
    float: left;
    width: 100%;
    padding-bottom: 3px;
    margin-top: 15px;
}

#articleDesc .title
{
    height: auto;
    width: 610px;
    margin: 0px;
    padding: 0px;
    float: left;
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
    font-family: Helvetica;
    font-style: italic;
    padding-left: 5px;
    border-bottom: 1px solid #c7cf96;
    padding-bottom: 5px;
}

#articleDesc .date
{
    color: #cccc99;
    font-size: 12px;
    margin-left: 10px;
    font-weight: normal;
    font-style: normal;
}

#articleDesc .art_text
{
    width: 615px;
    margin: 0px;
    padding: 0px;
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin-top: 20px;
    margin-left: 4px;
    font-family: Helvetica;
}

#articleDesc .art_text p
{
    margin-top: 20px;
}

.contact_text
{
    width: 610px;
    margin-left: 15px;
    font-size: 14px;
    line-height: 18px;
    font-family: Helvetica;
    color: #fff;
    float: left;
    margin-bottom: 20px;
}

.contact_text .contact_title
{
    float: left;
    width: 610px;
    margin-top: 15px;
    text-decoration: underline;
}

.contact_text .contact_text
{
    float: left;
    width: 610px;
    margin-top: 5px;
}

.contact_text span
{
    margin-top: 8px;
    float: left;
    width: 100%;
}

.contact_text a:link,
.contact_text a:visited,
.contact_text a.visited
{
    color: #cccc99;
    text-decoration: none;
}

.contact_text a:hover,
.contact_text a.hover,
.contact_text a:active
{
    color: #fff;
    text-decoration: none;
}

.contact_form
{
    width: 610px;
    height: 580px;
    float: left;
    margin-left: 15px;
    background: url('/img/bg_contact.png') 97px 0px no-repeat;
}

.contact_form label
{
    float: left;
    width: 100px;
    display: inline;
    padding: 0px;
    font-size: 16px;
    font-family: Helvetica;
}

.contact_form input, .contact_form textarea
{
    float: left;
    width: 400px;
    height: 18px;
    margin-top: 6px;
    margin-left: 7px;
    display: inline;
    font-size: 14px;
    padding-left: 0px;
    background: #fff;
    border: 1px solid #fff;
}

.contact_form .input_line
{
    float: left;
    height: 32px;
    line-height: 32px;
    margin-top: 4px;
    margin-bottom: 5px;
    width: 600px;
}

.contact_form .submit
{
    float: right;
    width: 74px;
}

.contact_form .submit input
{
    padding: 0px;
    margin: 0px;
    width: 74px;
    height: 23px;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    color: #cccc99;
    background: url('/img/button_average.png') no-repeat;
    cursor: pointer;
    border: none;
}

.contact_form .error-message
{
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    background: #444837;
    color: #cccc99;
    margin-bottom: 3px;
}

p.error a
{

}

p.error
{
    width: 54px;
    height: 23px;
    line-height: 23px;
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    float: left;
    color: #cccc99;
    text-align: center;
    background: transparent url('/img/button_small.png') no-repeat;
}

p.error a:link,
p.error a:visited,
p.error a.visited
{
    color: #cccc99;
    text-decoration: none;
}

p.error a:hover,
p.error a.hover,
p.error a:active
{
    color: #fff;
    text-decoration: none;
}


/* register pages styles: */

#registerWrap
{
    width: 610px;
    height: 100px;
    float: left;
    padding-right: 15px;
    padding-left: 20px;
    color: #fff;
}

#registerData h3
{
    color: #cccc99;
    border: none !important;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 20px;
}

#registerData
{
    width: 100%;
    float: left;
}

#registerData form
{
    float: left;
}

#registerData fieldset
{
    padding: 0px;
    margin: 0px;
    float: left;
    display: inline;
    border: none;
}

#registerData label
{
    float: left;
    width: 170px;
    display: inline;
    padding: 0px;
    font-size: 16px;
    font-family: Helvetica;
    color: #fff;
}

#registerData input, #registerData textarea
{
    float: left;
    width: 250px;
    height: 18px;
    margin-top: 4px;
    margin-left: 7px;
    display: inline;
    font-size: 14px;
    padding-left: 0px;
    background: #fff;
    border: 1px solid #fff;
}

#registerData select
{
    float: left;
    width: 254px;
    height: 25px;
    margin-top: 4px;
    margin-left: 7px;
    display: inline;
    font-size: 14px;
    padding-left: 0px;
    background: #fff;
    border: 1px solid #fff;
}

#registerData .input_line2
{
    float: left;
    height: 28px;
    line-height: 28px;
    margin-top: 3px;
    margin-bottom: 4px;
    width: 450px;
}

#registerData .submit
{
    float: right;
    width: 74px;
}

#registerData .submit input
{
    padding: 0px;
    margin: 0px;
    width: 74px;
    height: 23px;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    color: #cccc99;
    background: url('/img/button_average.png') no-repeat;
    cursor: pointer;
    border: none;
}

#registerData .error-message
{
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    background: #444837;
    color: #cccc99;
    margin-bottom: 3px;
}

#registerData .link
{
    padding: 0px;
    margin: 0px;
    width: 74px;
    margin-left: 15px;
    margin-top: 15px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
    color: #cccc99;
    float: right;
    text-align: center;
    background: url('/img/button_average.png') no-repeat;
}

#registerData .link a:link,
#registerData .link a:visited,
#registerData .link a.visited
{
    color: #cccc99;
    text-decoration: none;
}

#registerData .link a:hover,
#registerData .link a.hover,
#registerData .link a:active
{
    color: #fff;
    text-decoration: none;
}


#registerWrap #fieldset_left
{
    width: 450px;
    height: auto;
    float: left;
}

#registerWrap #fieldset_right
{
    width: 460px;
    height: auto;
    float: right;

}

#registerWrap #fieldset_left label
{
    font-size: 14px;
}

#registerWrap #fieldset_right label
{
    font-size: 14px;
    width: 290px;
}

#registerWrap #fieldset_left input
{
    width: 200px;
    height: 16px;
    font-size: 12px;
}

#registerWrap #fieldset_right input
{
    width: 140px;
    height: 16px;
    font-size: 12px;
}

#registerWrap #fieldset_left select
{
    width: 205px;
    height: 23px;
    font-size: 12px;
    margin-top: 4px;
    margin-left: 7px;
}

#registerWrap #fieldset_right select
{
    width: 145px;
    height: 23px;
    font-size: 12px;
    margin-top: 4px;
    margin-left: 7px;
}

#registerWrap #fieldset_left textarea
{
    float: left;
    margin: 0px;
    margin-left: 7px;
    margin-top: 1px;
    width: 370px;
    height: 114px;
    font-size: 12px;
}

#registerWrap .input_line3
{
    float: left;
    margin-top: 4px;
    height: 28px;
    width: 100%;
}

#registerWrap .input_line3 #CompanyImage
{
    width: 220px !important;
    float: left !important;
    height: auto !important;
    margin-right: 5px !important;
    margin-top: 3px !important;
    display: inline !important;
}


#registerWrap .input_line3 label
{
    width: 212px !important;
}

#rssPage #paginator
{
    width: 520px;
    float: left;
    margin-left: 110px;
    height: 20px;
    line-height: 20px;
    float: left;
    color: #cccc99;
    margin-top: 10px;
}

#rssPage #paginator a:link,
#rssPage #paginator a:visited,
#rssPage #paginator a.visited
{
    background: url('/img/button_large.png') no-repeat;
    width: 154px;
    height: 23px;
    line-height: 20px;
    float: left;
    color: #cccc99;
    text-decoration: none;
    text-align: center;
    margin-left: 10px;
}

#rssPage #paginator a:hover,
#rssPage #paginator a.hover,
#rssPage #paginator a:active
{
    background: url('/img/button_large.png') no-repeat;
    width: 154px;
    height: 23px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin-left: 10px;
}

#rssPage
{
    width: 625px;
    margin-left: 10px;
    float: left;
}

#rssPage .rss_title
{
    float: left;
    width: 100%;
    padding-bottom: 3px;
    margin-top: 15px;
}

#rssPage .title
{
    height: auto;
    width: 610px;
    margin: 0px;
    padding: 0px;
    float: left;
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
    font-family: Helvetica;
    font-style: italic;
    padding-left: 5px;
    border-bottom: 1px solid #c7cf96;
    padding-bottom: 5px;
}

#rssPage .rss_text
{
    width: 615px;
    margin: 0px;
    padding: 0px;
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin-top: 20px;
    margin-left: 4px;
    font-family: Helvetica;
    margin-bottom: 20px;
}

#rssPage .rss_text p
{
    margin-top: 20px;
}