/* __________________________________________________________________ */
/*-------------------------------------*/
/*-------- RESET CSS ELEMENTS ---------*/
/*-------------------------------------*/

/* reseting containers */
div, span, applet, object, iframe, 
/* reseting typo */
p, h1, h2, h3, h4, h5, h6, blockquote, pre, 
a, abbr, acronym, address, big, cite, code,
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
/* reseting tables */
table, caption, tbody, tfoot, thead, tr, th, td 
/* reseting forms */
fieldset, form, label, legend, 
/* reseting lists */
dl, dt, dd, ol, ul, li, 
/* resetind the rest */
del, dfn, em, font, img, ins, kbd, q, s, samp {
  margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
  }
:focus {
  outline: 0;
  }

/*-------------------------------------*/
/*------- Adding GLOBAL style ---------*/
/*-------------------------------------*/  
body {
  font-family: Verdana, sans-serif;
  font-size: 62.5%;
  line-height: 1.8em;
  color: black;
  background: url(images/page_bg.jpg) top center no-repeat;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  }
h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  margin: 0;
  padding: 0 0 0.3em 0;
  border-bottom: 0.05em solid #297399;
  }
h1 {font-size: 2.2em; color: #297399;}
h2 {font-size: 2.0em; color: #297399;}
h3 {font-size: 1.9em; color: #5aa1c5; border-bottom: none;}
h4 {font-size: 1.8em; color: #4f4f4f;}
h5 {font-size: 1.6em;}
h6 {font-size: 1.4em;}
p {
  font-family: inherit;
  margin: 0 0 0.5em 0;
  font-size: 1.2em;
  }
ul, ol {
  font-family: inherit;
  list-style-type: none;
  list-style-position: outside;
  }
a,
a:active,
a:visited  {
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  color: #555;
  }
a:hover {
  text-decoration: underline;
  }
table {
	border-collapse: collapse;
	border-spacing: 0;
  }
table th, table td {
  }#wrapper {
  color: inherit;
	margin: 0 auto;
  padding: 0;
  width: 96em;
  /* background: yellow; */
}

/* ------------ */
/* HEADER STYLE */
/* ------------ */
#header {
  height: 12.6em;
  padding: 0 1.5em;
  }
#header a#logo {
  position: relative;
  top: 3em;
  display: block;
  height: 7.8em;
  width: 34.2em;
  }
#header a#logo img {
  width: 22.1em;
  }
#header #banner {
  background: url(images/banner01.png) top right no-repeat;
  width: 45.6em;
  height: 9.6em;
  float: right;
  }
/* end of HEADER STYLE */

/* ------------- */
/* CONTENT STYLE */
/* ------------- */
#content {
  margin: 0 1.5em 0 1.5em;
  padding: 0;
  }
#content h1,
#content h2,
#content h3,
#content h4 {
  font-weight: normal;
  margin: .5em 0 .5em 0;
  }
#content ul,
#content ol {
  list-style-position: inside;
  }
  #content ul.bullets {
    margin: 1em 0 0 2em;
    }
  #content ul.bullets li {
    font-size: 1.1em;
    color: #444;
    padding: 0 0 0 1.7em;
    margin: 0 0 0.3em 0;
    background: url(images/bullet_green.png) no-repeat 0 50%;
    }
#content p {
  text-align: justify;
  }
#content p a,
#content p a:active,
#content p a:visited {
  color: brown;
  }
/* end of CONTENT STYLE */

/* -------------------- */
/* CONTENT > MAIN STYLE */
/* -------------------- */
#content #main {
  margin: 0 25em 0 0;
  padding: 0 0 2em 0;
  }
#content #main h2 {
  line-height: 1.2em;
  }
#content #main p img {
  float: left;
  margin: 0 1em 0 0;
  }
#content #main p {
  margin: 1.5em 0;
  }
#content #main div.company_desc {
  background: #E4F7FD;
  margin: 0;
  padding: 1em;
  text-align: left;
  }
#content #main ul {
  margin: 1.5em 0;
  }
#content #main ul li {
  list-style: square;
  margin: 0 0 0 2em;
  font-size: 1.2em;
  }
#content #main #home_page {
  margin: 4em 0 1em 0;
  }
#content #main #home_page ul#teasers {
  margin: 0;
  }
#content #main #home_page ul#teasers li {
  width: 21.5em;
  float: left;
  margin: 0 1em 0 0;
  list-style: none;
  font-size: 1em;
  }
#content #main #home_page ul#teasers li#certification p{
  background: url(images/teasers_certification.jpg) repeat-x;
  }
#content #main #home_page ul#teasers li#laboratory p{
  background: url(images/teasers_laboratory.jpg) repeat-x;
  }
#content #main #home_page ul#teasers li#research p{
  background: url(images/teasers_research.jpg) repeat-x;
  }
#content #main #home_page ul#teasers li ul {
  margin: 0 0 1em 1.5em;
  }
#content #main #home_page ul#teasers li h3 {
  font-size: 1.5em;
  font-weight: bold;
  }
#content #main #home_page ul#teasers li p {
  padding: 1em 1.2em;
  font-size: 1.1em;
  text-align: left;
  }
#content #main #home_page ul#teasers li p img {
  margin: 0 0 1em 0;
  text-shadow: 1px 1px 3px #989898;
  }
#content #main #home_page ul#teasers li p.desc a {
  display: block;
  margin: 0;
  padding: .3em 0 .3em 1em;
  border-bottom: 1px solid #cdcdcd;
  font-weight: normal;
  font-size: 1em;
  color: #000;
  text-align: left;
  width: 16em;
  }
#content #main #home_page ul#teasers li p a:hover {
  background: #ffe79c;
  text-decoration: none;
  }

#results {
  padding: 1.5em 0;
  }
#results table {
  width: 98%;
  margin: 2.5em 0 0 0;
  }
#results table tr {
  background: #f2f2f2;
  }
#results table tr:hover {
  background: #D1E6EF;
  }
#results table td {
  border: solid #fff;
  border-width: 3px 0;
  padding: .5em 1em;
  font-size: .9em;
  }
#results table td p {
  margin: 0;
  padding: 0;
  text-align: left;
  }
#content #main #results table td ul li{
  list-style: none;
  margin: 0 0 0 0;
  }
#results table td.company_name {
  font-weight: bold;
  font-size: 1.1em;
  }
#results table td.number {
  padding: .2em .5em;
  color: #477EBF;
  font-weight: bold;
  }
/* end of CONTENT > MAIN STYLE */


/* ----------------------------- */
/* CONTENT > SIDEBAR STYLE */
/* ----------------------------- */
#sidebar {
  width: 23.6em;
  margin: 0 0 3em 1.5em;
  padding: 0;
  float: right;
  }
/* end of CONTENT > RIGHT SIDEBAR STYLE */

#loadingDialog {
  position: absolute;
  top: 30%;
  left: 37%;
  display: none;
  
  font-size: 130%;
  width: 220px;
  height: 19px;
  /* filter:alpha(opacity=75);
  -moz-opacity:.75;
  opacity:.75; */ 
  background: #ffffff url(images/loader_big.gif) no-repeat;
	background-position: 50% 50%; /* x-pos y-pos */
	text-align: left;
	padding: 20px;
	border: 2px solid #889cad;
  
  z-index: 999;
}

/* ------------ */
/* FOOTER STYLE */
/* ------------ */
#footer {
  background: #d1e9f6;
  margin: 0 1.5em -.5em 1.5em;
  padding: 0;
  color: #555;
  clear: both;
  }
#footer p {
  font-size: 1.1em;
  padding: 1.5em 1.5em;
  }
#footer #sentel_credit {
  background: url(../../images/sentel_moving_logo.gif) 
                no-repeat 0.3em 0.5em;
  padding: 0.2em 0.3em 0.2em 2.7em;
  margin: 1em 1em 0 0;
  float: right;
  text-align: left;
  }
#footer #sentel_credit p {
  padding: 0;
  margin: 0;
  line-height: 1.2em;
  }
#footer #sentel_credit p a,
#footer #sentel_credit p a:active,
#footer #sentel_credit p a:visited {
  color: #555;
  font-weight: bold;
  }
#footer #sentel_credit p a:hover {
  color: #000;
  text-decoration: none;
  }
/* end of FOOTER STYLE */

/* ------------- */
/* SITEMAP STYLE */
/* ------------- */
#sitemap {
  position: relative;
  top: -6.5em;
  left: 1em;
  width: 12em;
  }
#sitemap img {
  opacity: .4;
  }
#sitemap a,
#sitemap a:active,
#sitemap a:visited {
  color: #878787;
  text-decoration: none;
  }
#sitemap a:hover {
  text-decoration: underline;
  }
#content ul.sitemap {
  list-style-type: none;
  }
#content ul.sitemap li {
  color: #000;
  margin: .8em 0;
  font-weight: bold;
  font-size: .8em;
  }
#content ul.sitemap li a,
#content ul.sitemap li a:active,
#content ul.sitemap li a:visited {
  color: #555;
  text-decoration: none;
  }
#content ul.sitemap li a:hover {
  color: #888;
  }
#content ul.sitemap li a.active {
  }
#content ul.sitemap li ul li {
  }
#content ul.sitemap li ul li a,
#content ul.sitemap li ul li a:active,
#content ul.sitemap li ul li a:visited {
  font-size: .8em;
  }
#content ul.sitemap li ul li ul li  {
  margin: 0.6em 0 0 0;
  }
/* end of SITEMAP STYLE */

/* ---------------- */
/* BREADCRUMB STYLE */
/* ---------------- */
p.breadcrumb {
  margin: 0;
  padding: 1em 1.5em .5em;
  font-size: 1em;
  color: #000;
  height: 2.5em;
  }
p.breadcrumb a,
p.breadcrumb a:active, 
p.breadcrumb a:visited {
  color: #000;
  font-weight: bold;
  font-size: 1em;
  text-decoration: none;
  }
p.breadcrumb a:hover {
  color: #000;
  text-decoration: underline;
  }
p.breadcrumb img {
  width: 1.6em;
  height: 1.6em;
  position: relative;
  top: 0.3em;
  }
/* end of BREADCRUMB STYLE */#user_panel {
  margin: 0;
  position: absolute;
  top: 0.7em;
  right: 1.3em;
  padding: 0;
  text-align: right;
  font-size: .9em;
  }
#user_panel form fieldset {
  border: 1px solid #9f9f9f;
  padding: 0.1em 0.5em;
  margin: 0;
  width: 36em;
  }
#user_panel form fieldset legend {
  margin: 0 0 0 0.5em;
  padding: 0 0.7em;
  font-weight: bold;
  color: black;
  }
#user_panel form {
  margin: 0;
  padding: 0.2em 0.5em 0.5em 0.5em;
  }
#user_panel form p {
  margin: 0;
  padding: 0;
  color: black;
  }
#user_panel form p label {
  width: 5em;
  margin: 0;
  color: gray;
  }
#user_panel form p input {
  width: 6.5em;
  margin: 0;
  border: 1px solid gray;
  font-size: 0.8em;
  padding: 0.1em;
  }
#user_panel form p input:focus {
  border: 1px solid #a7ce10;
  }
#user_panel form p input#login_button {
  width: 2em;
  margin: 0;
  border: none;
  cursor: pointer;
  color: black;
  background: url(images/login_button.png) no-repeat center center;
  }
#user_panel form p input#login_button:hover {
  background: url(images/login_button_hover.png) no-repeat center center;
  }
#user_panel form ul {
  padding: 0.2em 0.5em;
  }
#user_panel form ul li {
  display: inline;
  color: black;
  }
#user_panel form ul li a,
#user_panel form ul li a:visited,
#user_panel form ul li a:active {
  font-size: 1em;
  color: #666;
  text-decoration: none;
  }
#user_panel form ul li a:hover {
  color: #000;
  }/* ---------- */
/* FORM STYLE */
/* ---------- */  
#wrapper #content form.cert_search  {
  margin: 0;
  padding: 0;
  }
#wrapper #content form.cert_search fieldset {
  padding: 2em;
  }
#wrapper #content form.cert_search p {
  margin: 0.3em 0;
  padding: 0;
  clear: left;
  }
#wrapper #content form.cert_search p.search {
  background: url(images/form_input_focus.jpg) repeat-x top left;
  border: 1px solid #dedede;
  width: 26em;
  height: 8em;
  float: left;
  clear: none;
  padding: 1em 2em 0 2em;
  }
#wrapper #content form.cert_search p.search_cert {
  background: #f5f5f5;
  border: 1px solid #ededed;
  margin: .3em 0 0 0;
  padding: .5em 2em;
  float: left;
  width: 18em;
  height: 8em;
  clear: none;
  }
#wrapper #content form.cert_search p.captcha_help{
  margin: 0 0 0.5em 19em;
  }
#wrapper #content form.cert_search span.needed_hint {
  color: #999;
  font-size: .8em;
  display: block;
  clear: left;
  line-height: 1.2em;
  margin: .8em 0 0 0;
  }
#wrapper #content form.cert_search p.form_note {
  margin: 0 0 0 19em;
  }
#wrapper #content form.cert_search p label {
  width: 14em;
  float: left;
  text-align: left;
  padding: 0.3em 0.5em;
  }
#wrapper #content form.cert_search p label.cert_type {
  text-align: left;
  }
#wrapper #content form.cert_search p input, 
#wrapper #content form.cert_search p select, 
#wrapper #content form.cert_search p textarea {
  border: 2px inset #dedede;
  padding: 0.3em 0.5em;
  width: 16em;
  background: url(images/form_input_focus.jpg) repeat-x top left;
  }
#wrapper #content form.cert_search p textarea {
  width: 16.4em;
  margin: 0;
  }
#wrapper #content form.cert_search p select {
  width: 15.5em;
  cursor: pointer;
  }
#wrapper #content form.cert_search p input.epp {
  width: 2.5em;
  text-align: center;
  }
#wrapper #content form.cert_search p input.radio {
  width: 1em;
  margin: 0;
  cursor: pointer;
  position: relative;
  top: .6em;
  float: left;
  clear: left;
  border: none;
  }
#wrapper #content form.cert_search p label.no_float {
  float: none;
  }
#wrapper #content form.cert_search p input.button {
  background: url(images/form_input_focus.jpg) repeat-x top left;
  border: 3px double #dedede;
  margin: 0.5em 0 0 0;
  cursor: pointer;
  width: auto;
  color: #008BC5;
  font-weight: bold;
  float: right;
  }
#wrapper #content form.cert_search p.input_per_page {
  float: left;
  margin: 1em 0 0 0;
  }
#wrapper #content form.cert_search p.input_per_page input {
  width: 2em;
  text-align: center;
  }
#wrapper #content form.cert_search p input:focus,
#wrapper #content form.cert_search p select:focus,
#wrapper #content form.cert_search p textarea:focus {
  }
#wrapper #content form.cert_search p input.button:focus  {
  color: #555;
  cursor: pointer;
  }
#wrapper #content form.cert_search p img {
  border: none;
  margin: .5em 0 0 0;
  float: none; /* In cases of captcha,and when parent styles have floated img*/
  }
/* end of FORM STYLE */

/* ---------- */
/* CONTACT FORM STYLE */
/* ---------- */ 
#wrapper #content #contact_address {
  margin: 4em 0 0 0;
  float: left;
  background: url(images/contact_address_bg.jpg) repeat-y top left;
  width: 24em;
  }
  #wrapper #content #contact_address h2 {
    background: url(images/contact_address_header_bg.jpg) no-repeat top left;
    padding: .7em 0 0.4em 0;
    margin: 0 0 1em 0;;
    text-align: center;
    }
  #wrapper #content #contact_address p {
    margin: 0 2em 0.5em 2.8em;
    padding: 0 0 0.5em 0;
    font-size: 1.1em;
    border-bottom: 1px solid #c2c2c2;
    }
    #wrapper #content #contact_address p.end_contact_address {
      background: url(images/contact_address_end_bg.jpg) no-repeat 0 0;
      height: 4.3em;
      margin: 2.1em 0 0 0;
      padding: 0;
      border: none;
      }
#wrapper #content form.contact {
  background: #cce2ed;
  margin: 0 0 0 24em;
  padding: 1em 2em 1.5em 2em;
  width: 40em;
  border-left: 1px solid #c2c2c2;
  }
#wrapper #content form.contact p {
  margin: 0 0 0.6em 0;
  padding: 0 0 0.6em 0;
  font-size: 1em;
  border-bottom: 1px solid #c2c2c2;
  }
#wrapper #content form.contact p.asterisk {
  background: #0074b2 url(images/sections_item_bg.png) repeat-x top left;
  font-weight: bold;
  color: white;
  padding: 0.2em 0.4em;
  text-align: center;
  margin: 1em 0;
  border-bottom: none;
  }
#wrapper #content form.contact p.captcha_help   {
  margin: 0 0 0.5em 19em;
  }
#wrapper #content form.contact p.needed_hint{
  color: orange;
  font-weight: bold;
  font-size: 0.8em;
  }
#wrapper #content form.contact p label {
  width: 14em;
  float: left;
  text-align: left;
  padding: 0.5em 1em 0.3em 0;
  }
#wrapper #content form.contact p input,
#wrapper #content form.contact p select,
#wrapper #content form.contact p textarea {
  border: 2px inset #dedede;
  padding: 0.3em 0.5em;
  width: 16em;
  background: #fff url(images/form_input_focus.jpg) repeat-x top left;
  }
#wrapper #content form.contact p textarea {
  width: 16.4em;
  margin: 0;
  }
#wrapper #content form.contact p select {
  width: 15.5em;
  cursor: pointer;
  }
#wrapper #content form.contact p input.button {
  background: #0074b2 url(images/sections_item_bg.png) repeat-x top left;
  margin: 0.5em 0 0 0;
  border: none;
  cursor: pointer;
  width: auto;
  color: #fff;
  float: none;
  }
#wrapper #content form.contact p input:focus,
#wrapper #content form.contact p select:focus,
#wrapper #content form.contact p textarea:focus {
  }
#wrapper #content form.contact p input.button:focus    {
  background: #a7ce10;
  border: 1px solid #007bb9;
  color: #fff;
  cursor: pointer;
  }
#wrapper #content form p img {
  border: none;
  margin: .5em 0 0 0;
  float: none; /* In cases of captcha,and when parent styles have floated img*/
  }
/* end of CONTACT FORM STYLE */

#wrapper #content form#downloader {
  width: 65em;
  }/* ------------------- */
/* PAGE CONTROLS STYLE */
/* ------------------- */  
#content #main .page_controls {
  float: right;
  z-index: 4000;
  margin: 0 0 2em 0;;
  }
#content #main .page_controls .search {
  margin: -3em 0 0 0;
  }
#content #main .page_controls li{
  border: 0; 
  margin: 0; 
  padding: 0;
  font-size: 1.1em;
  list-style: none;
  margin: 0 .2em;
  float: left;
  font-weight: bold;
  list-style: none;
  }
#content #main .page_controls a{
  border: solid 1px #9f9f9f;
  color: #000;
  background: #fff;
  }
#content #main .page_controls .inactive {
  border: solid 1px #DEDEDE;
  color: #888;
  display: block;
  float: left;
  font-weight: bold;
  padding: .1em .5em;
  }
#content #main .page_controls .dots {
  border: none;
  }
#content #main .page_controls .active{
  background: #F3BE18;
  color: #000;
  font-weight: bold;
  display: block;
  float: left;
  }
#content #main .page_controls a:link,
#content #main .page_controls a:visited {
  display: block;
  float: left;
  padding: .1em .5em;
  text-decoration: none;
  }
#content #main .page_controls a:hover{
  border: solid 1px #F3BE18;
  }
/* end of PAGE CONTROLS STYLE */

/* ----------------------------- */
/* FORM > RESULTS PER PAGE STYLE */
/* ----------------------------- */  
#content #main form.results_perpage {
  margin: 0 0 0.7em 0;
  padding: 0 0 0.8em 0;
  height: 1.7em;
  width: 40em;
  position: relative;
  z-index: 5000;
  }
#content #main form.search {
  margin: 3.5em 0 0.5em 0 !important;
  }
#content #main form.results_perpage p {
  margin: 0;
  float: left;
  }
#content #main form.results_perpage p.show_pages {
  padding: 0.5em 0 0.3em 0;
  }
#content #main form.results_perpage p label {
  width: auto;
  margin: 0;
  }
#content #main form.results_perpage p input {
  width: 1.3em;
  height: 1em;
  padding: 0.1em 0.5em 0.3em 0.5em;
  margin: 0 0.5em 0 0;
  text-decoration: center;
  border: 1px solid #cdcdcd;
  }
#content #main form.results_perpage p input:focus {
  border: 1px solid #a7ce10;
  }
#content #main form.results_perpage p input.button {
  width: 1.8em;
  height: 1.5em;
  margin: 0.2em 0.5em 0 0;
  border: none;
  background: url(images/login_button.png) no-repeat center center;
  }
#content #main form.results_perpage p input.button:hover {
  background: url(images/login_button_hover.png) no-repeat center center;
  }
#content #main form.results_perpage p span {
  margin: 0;
  }
/* end of FORM > RESULTS PER PAGE STYLE */
/*Universal classes for the messages of the forms*/
p.info {
  padding: 1em 1em 1em 5em;
  margin: 2em;
  border-top: 1px solid blue;
  border-bottom: 1px solid blue;
  font-weight: bold;
  color: #444;
  background: #cbddff url(/images/info.png) no-repeat
              1em center;
  }
p.success {
  padding: 1em 1em 1em 5em;
  margin: 2em;
  border-top: 1px solid #95a556;
  border-bottom: 1px solid #95a556;
  font-weight: bold;
  color: #444;
  background: #e9f3c3 url(/images/check.png) no-repeat
              1em center;
  }
p.warning {
  padding: 1em 1em 1em 5em;
  margin: 2em;
  border-top: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
  font-weight: bold;
  color: #444;
  background: #fff033 url(/images/warn.png) no-repeat
              1em center;
  }
p.error {
  padding: 1em 1em 1em 5em;
  margin: 2em;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  font-weight: bold;
  color: #444;
  background: #ffdfdf url(/images/warn.png) no-repeat
              1em center;
  }

p.prompt {
  padding: 1em 1em 1em 5em;
  margin: 2em;
  border-top: 1px solid #95a556;
  border-bottom: 1px solid #95a556;
  font-weight: bold;
  color: #444;
  background: #e9f3c3 url(/images/arrow_right.png) no-repeat
              1em center;
  }
  p.notice a { color: #035503 }#language {
  float: right;
  background: url(images/lang_bg.png) no-repeat;
  width: 23.6em;
  text-align: center;
  margin: .7em 0 0 0;
  }
#language ul {
  padding: 0.2em 1.5em 0.2em 0;
  }
  #language ul li {
    display: inline;
    padding: 0;
    color: #4e829c;
    font-size: 1.1em;
    }
    #language ul li a,
    #language ul li a:active,
    #language ul li a:visited {
      color: #4e829c;
      text-decoration: none;
      font-weight: normal;
      font-size: 1.1em;
      }
    #language ul li a:hover {
      text-decoration: underline;
      }
    #language ul li a.active,
    #language ul li a:visited.active {
      color: #f3be18;
      font-weight: bold;
      }#main .portfolio_item {
  margin: 0 0 1.2em 0;
  padding: 0 0 0.5em;
  width: auto;
  min-height: 14.5em;
  border-bottom: 0.2em solid #a7ce10; 
  }
  * html #wrapper #content #main .portfolio_item {
      height: 15em; 
      h\eight: auto;
      }
#main .portfolio_item:hover {
  }
#main .portfolio_item .portfolio_item_thumb {
  width: 15em;
  height: 10em;
  background: silver;
  float: left;
  margin: 0 0 0.4em 0;
  }
  #main .portfolio_item .portfolio_item_thumb img.portfolio_item_magn {
    width: 2.2em; 
    height: 1.7em; 
    border: none;
    margin: 0 0 0 6.5em !important;
    margin: -1.5em 0 0 3.5em;
    display: block; 
    }
#main .portfolio_item .portfolio_item_txt {
  position: relative;
  margin: 0 0 0 16em !important;
  margin: 0 0 0 17em;
  }
  #main .portfolio_item .portfolio_item_txt h3,
  #main .portfolio_item .portfolio_item_txt h3 a,
  #main .portfolio_item .portfolio_item_txt h3 a:active,
  #main .portfolio_item .portfolio_item_txt h3 a:visited {
    color: #7a7a7a;
    font-size: 1.3em;
    margin: 0 0 0.3em 0;
    text-decoration: none;
    }
  #main .portfolio_item .portfolio_item_txt h3 a:hover {
    color: #a7ce10;
    }
  #main .portfolio_item .portfolio_item_txt p.comments {
    line-height: 1.3em;
    margin: 0 0 0.5em 0;
    color: #7a7a7a;
    }
  #main .portfolio_item .portfolio_item_thumb img {
    border: 2px solid #DCDCDC;
    margin: 0; 
    }
  #main .portfolio_item .portfolio_item_thumb a {
    }
    #main .portfolio_item img:hover {
      border: 2px solid #c1d075;
      }
  #main .portfolio_item .portfolio_item_txt p.read_more {
    font-weight: bold;
    padding: 0;
    }
  #main .portfolio_item .portfolio_item_txt p.read_more:hover {
    }
    /* #main .portfolio_item .portfolio_item_txt p.read_more a,
    #main .portfolio_item .portfolio_item_txt p.read_more a:active,
    #main .portfolio_item .portfolio_item_txt p.read_more a:visited {
      color: #696969;
      display: block;
      width: 460px !important;
      width: 452px;
      background: url(../images/visit_site_bg.jpg) repeat-y
                  top left #D3D3D3;
      padding: 2px 10px 2px 0;
      position: relative;
      top: 110px;
      right: 0; 
      }
    #main .portfolio_item .portfolio_item_txt p.read_more a:hover {
      color: white;
      background: url(../images/visit_site_bg_hover.jpg) repeat-y
                  top left #c1d075;
      } */
                /* MORE LINK */      
    #main .portfolio_item .portfolio_item_txt p.read_more a.portfolio_item_more,
    #main .portfolio_item .portfolio_item_txt p.read_more a:active.portfolio_item_more,
    #main .portfolio_item .portfolio_item_txt p.read_more a:visited.portfolio_item_more {
      font-size: 0.8em;
      font-weight: bold;
      padding: 0 1em 0.2em 1em;
      text-decoration: none;
      border-top: 1px dotted #777;
      border-bottom: 1px dotted #777;
      color: #777;
      }
    #main .portfolio_item .portfolio_item_txt p.read_more a:hover.portfolio_item_more {
      color: #000;
      }

                /* LESS LINK */      
    #main .portfolio_item .portfolio_item_txt p.read_more a.portfolio_item_less,
    #main .portfolio_item .portfolio_item_txt p.read_more a:active.portfolio_item_less,
    #main .portfolio_item .portfolio_item_txt p.read_more a:visited.portfolio_item_less{
      background: url(../../images/visit_site_bg.jpg) repeat-y
                  top left #D3D3D3;
      text-align: right;
      display: block;
      width: 46em !important;
      width: 45.2em;
      margin: 0;
      padding: 0.2em 1em 0.2em 0;
      color: #696969;
      font-weight: bold;
      text-decoration: none;
      display: none;
      }
    #main .portfolio_item .portfolio_item_txt p.read_more a:hover.portfolio_item_less {
      color: white;
      background: url(../../images/visit_site_bg_hover.jpg) repeat-y
                  top left #c1d075;
      }

  #main .portfolio_item .portfolio_item_txt p a,
  #main .portfolio_item .portfolio_item_txt p a:active,
  #main .portfolio_item .portfolio_item_txt p a:visited {
    color: #696969;
    font-weight: bold;
    }
  #main .portfolio_item .portfolio_item_txt p a:hover {
    text-decoration: underline;
    }
  #main .portfolio_item .portfolio_item_txt p a.active { 
    color: gray;
    }

              /* portfolio */
#main .portfolio {
  margin: 0 1em 1em 0;
  padding: 1.5em 1.5em 1em 1.5em;
  width: 18em !important;
  width: 17.8em;
  height: 27em;
  background: white url(../../images/project_bg.jpg)
              repeat-x;
  float: left;
  border-right: 2px solid silver;
  border-bottom: 2px solid silver;
  }
  * html #wrapper #content #main .portfolio {
      height: 27em; /* this must be higher than the #sidebar */
      h\eight: auto;
      }
#main .portfolio:hover {
  background: white url(../../images/project_bg_hover.jpg)
              repeat-x;
  border-right: 2px solid #c1d075;
  border-bottom: 2px solid #c1d075;
  }
  #main .portfolio p.comments {
    height: 3.5em;
    text-align: center;
    line-height: 13px;
    }
  #main .portfolio img {
    margin: 0 0 .1em .2em !important;
    margin: 0 0 .2em 0;
    width: 17.8em;
    height: auto;
    }
  #main .portfolio p.read_more {
    text-align: right;
    font-weight: bold;
    }
    #main .portfolio p.read_more a,
    #main .portfolio p.read_more a:active,
    #main .portfolio p.read_more a:visited {
      color: #696969;
      display: block;
      background: #D3D3D3;
      padding: .2em 1em .2em 0;
      }
    #main .portfolio p.read_more a:hover {
      color: white;
      background: #c1d075;
      }#content #sidebar #gallery_teaser {
  background: #e6e6e6 url(images/sidebar_bg.jpg) top left repeat-x;
  padding: 1.4em 2em 1em 1.5em;
  margin: 1.5em 0 0 0;
  height: 17.5em;
  }
  #content #sidebar #gallery_teaser h2 {
    padding: 0 0 0.3em 0;
    font-size: 1.6em;
    font-weight: bold;
    color: white;
    border-bottom: 0.05em solid #5b5b5b;
    }
    #content #sidebar #gallery_teaser h2 span a,
    #content #sidebar #gallery_teaser h2 span a:active,
    #content #sidebar #gallery_teaser h2 span a:visited {
      float: right;
      position: relative;
      top: 0.25em;
      color: #555;
      font-size: 0.6em;
      font-weight: bold;
      font-family: Helvetica, Arial, Verdana, sans-serif;
      text-decoration: none;
      }
    #content #sidebar #gallery_teaser h2 span a:hover {
      text-decoration: underline;
      }
#content #sidebar #gallery_teaser ul li {
  float: left;
  margin: 0 .5em .3em 0;
  cursor: pointer;
  }
/* -------------------------- */
/* GALLERY > VIEW TYPES STYLE */
/* -------------------------- */ 
#show {
  background: white url(../../images/gallery_cat_bg.jpg) repeat-x bottom left;
  border-top: 1px solid #efefef;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #ddd;
  padding: 0.3em 0 0.3em 0.7em;
  height: 2.2em;
  margin: 0;
  display: none;
  }
#show form#gallery p input.radio {
  border: none;
  position: relative;
  top: 0.3em;
  }
#show form#gallery p span {
  font-size: 1em;
  font-weight: bold;
  color: #666;
  }
#image.image{
  border: double medium #ccc;
  z-index: 9999;
  padding: 1em;
  color: #FFF;
  background-color: #000;
  overflow: hidden;
  }
#image.floating {
  position: absolute;
  left: -120em;
  top: -120em;
  }
#image.static {
  position: relative;
  left: 0;
  top: 0;
  width: 98%;
  margin-bottom: 2em;
  }
#image ul {
  list-style: none;
  }
#image ul.innerfade li{
  }
#image ul li {
  }
#image ul li img {
  }
#image ul li.none {
  display: none;
  }
#image ul li.positioned {
  position: relative;
  }
#image ul li.floating {
  position: absolute;
  }
/* end of GALLERY > VIEW TYPES STYLE */

/* ------------------------------- */
/* GALLERY > CATEGORIES LIST STYLE */
/* ------------------------------- */ 
ul#gallery_cat {
  clear: left;
  margin: 0;
  padding: 0.5em;
  border-top: 1px solid #efefef;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #ddd;
  background: url(../../images/gallery_cat_bg.jpg) 
                repeat-x bottom left;
  }
ul#gallery_cat li.title {
  background: none;
  color: #666;
  font-weight: bold;
  }
ul#gallery_cat li {
  display: inline;
  margin: 0 0.5em 0 0;
  }
ul#gallery_cat li a,
ul#gallery_cat li a:active,
ul#gallery_cat li a:visited {
  padding: 0.2em 0.5em;
  font-size: 1em;
  font-weight: bold;
  color: #888;
  text-decoration: none;
  }
ul#gallery_cat li a:hover {
  color: #000;
  }
ul#gallery_cat li a.active,
ul#gallery_cat li a:visited.active {
  color: #000;
  font-weight: bold;
  border-bottom: 1px dotted #000;
  }
/* end of GALLERY > THUMBS STYLE */

/* ---------------------- */
/* GALLERY > THUMBS STYLE */
/* ---------------------- */ 
#thumbs {
  display: none;
  margin: -2em 0 0 0;
  }
#thumbs ul {
  margin: 0;
  }
#thumbs ul li {
  float: left; 
  list-style: none; 
  padding: 1em;
  margin: 0 0.7em 1em 0;
  width: 7em;
  border: 1px solid #efefef;
  text-align: center;
  background: url(../../images/gallery_cat_bg.jpg) repeat-x bottom left;
  cursor: pointer;
  font-size: 0.9em;
  }
#thumbs ul li:hover {
  background: url(../../images/gallery_cat_bg_active.jpg) repeat-x bottom left;
  border: 1px solid #ddd;
  }
#thumbs ul li img {
  /* width: 6.3em;
  height: 6.3em; */
  }
/* end of GALLERY > THUMBS STYLE */

/* -------------------- */
/* FORM > GALLERY STYLE */
/* -------------------- */ 
#wrapper #content #show form#gallery {
  margin: 0;
  }
#wrapper #content #show form#gallery p {
  padding: 0;
  margin: 0 0.5em 0 0;
  width: 10.3em;
  float: left;
  }
#wrapper #content #show form#gallery p#view {
  width: 6em;
  padding: 0.3em 0 0 0;
  color: #666;
  font-weight: bold;
  }
#wrapper #content #show form#gallery p  input {
  width: 1.3em;
  cursor: pointer;
  }
div#back.back {
  left : 4em;
  background: url(../../admin/images/edit_previous.png) no-repeat;
  }
div#forward.forward {
  background: url(../../admin/images/edit_next.png) no-repeat;
  right : 4em;
  }
/* end of FORM > GALLERY STYLE */

div.button {
  text-align  : center;
  font-weight : bold;
  margin-top  : 3em;
  z-index     : 10001;
  position    : absolute;
  display     : none;
  width       : 5em;
  height      : 5em;
  cursor      : pointer;
  background-color : #000;
  }/* Iconize 0.5 */

/* websites (pictures and movies) */
a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_film.gif) no-repeat center right;
}

a[href *="flickr.com/photos/"], a[href *="zooomr.com"], a[href *="imageshack.us"], a[href *="bubbleshare.com"], a[href *="sevenload.com/bilder/"] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_pic.gif) no-repeat center right;
}

/* extensions */

a[href$='.doc'], a[href$='.rtf'], a[href$='.DOC'] {
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_doc.gif) no-repeat center right;
}

a[href$='.txt'] {
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_txt.gif) no-repeat center right;
}

a[href$='.xls'] {
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_xls.gif) no-repeat center right;
}

a[href$='.rss'], a[href$='.atom'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_feed.gif) no-repeat center right;
}

a[href$='.opml'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_opml.gif) no-repeat center right;
}

a[href$='.phps'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_phps.gif) no-repeat center right;
}

a[href$='.phps'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_phps.gif) no-repeat center right;
}

a[href$='.torrent'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_torrent.gif) no-repeat center right;
}

a[href$='.vcard'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_vcard.gif) no-repeat center right;
}

a[href$='.exe'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_exe.gif) no-repeat center right;
}

a[href$='.dmg'], a[href$='.app'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_dmg.gif) no-repeat center right;
}

a[href$='.pps'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_pps.gif) no-repeat center right;
}

a[href$='.pdf'], a[href$='.PDF'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_pdf.gif) no-repeat center right;
}

a[href$='.xpi'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_plugin.gif) no-repeat center right;
}

a[href$='.fla'], a[href$='.swf'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_flash.gif) no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'], a[href$='.ZIP'], a[href$='.RAR'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_archive.gif) no-repeat center right;
}

a[href$='.ical'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_ical.gif) no-repeat center right;
}

a[href$='.css'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_css.gif) no-repeat center right;
}

a[href$='.ttf'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_ttf.gif) no-repeat center right;
}

a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_pic.gif) no-repeat center right;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_film.gif) no-repeat center right;
}

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_music.gif) no-repeat center right;
}

/* messenger */
a[href ^="aim:"] {
	padding: 0.5em 2em 0.5em 0;
    background: transparent url(../../images/icons/icon_aim.gif) no-repeat center right;
}

a[href ^="msnim:"] {
	padding: 0.5em 2em 0.5em 0;
    background: transparent url(../../images/icons/icon_msn.gif) no-repeat center right;
}

a[href ^="xmpp:"] {
	padding: 0.5em 2em 0.5em 0;
    background: transparent url(../../images/icons/icon_jabber.gif) no-repeat center right;
}

a[href *="icq.com"] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_icq.gif) no-repeat center right;
}

a[href *="edit.yahoo.com/config/send_webmesg?"] { 
	padding: 0.5em 2em 0.5em 0;
	background: transparent url(../../images/icons/icon_yim.gif) no-repeat center right;
}

a[href ^="callto:"] {
	padding: 0.5em 2em 0.5em 0;
    background: transparent url(../../images/icons/icon_call.gif) no-repeat center right;
}

a[href ^="skype:"] {
	padding: 0.5em 2em 0.5em 0;
    background: transparent url(../../images/icons/icon_skype.gif) no-repeat center right;
}

a[href ^="gg:"] {
	padding: 0.5em 2em 0.5em 0;
    background: transparent url(../../images/icons/icon_gadugadu.gif) no-repeat center right;
}

/* email */
a[href ^="mailto:"] {
	padding: 0.5em 2em 0.5em 0;
    background: transparent url(../../images/icons/icon_mailto.gif) no-repeat center right;
}

/* use this class to make sure that images won't get iconized */

.imageLink {
	padding-right: 0px !important;
	background: none !important;
}/* ---------- */
/* NEWS SITEBAR STYLE */
/* ---------- */
#content #sidebar #latest_news {
  padding: 0 2em 1em 1.5em;
  }
  #content #sidebar #latest_news h2 {
    padding: 0 0 0.3em 0;
    margin: 0;
    font-size: 1.2em;
    font-weight: bold;
    color: #4f4f4f;
    border-bottom: 0.05em solid #777;
    }
    #content #sidebar #latest_news h2 span a,
    #content #sidebar #latest_news h2 span a:active,
    #content #sidebar #latest_news h2 span a:visited {
      float: right;
      position: relative;
      top: 0.25em;
      color: #555;
      font-size: 0.8em;
      font-weight: bold;
      text-decoration: none;
      }
    #content #sidebar #latest_news h2 span a:hover {
      text-decoration: underline;
      }
  #content #sidebar #latest_news h4 {
    font-size: 1.4em;
    font-weight: bold;
    color: #555;
    padding: 1em 0 0.2em 0;
    line-height: 1em;
    border: none;
    }
    #content #sidebar #latest_news h4 span {
      font-size: 0.7em;
      color: #3f7fa0;
      }
  #content #sidebar #latest_news p {
    color: #000;
    font-size: 1.1em;
    text-align: left;
    }
    #content #sidebar #latest_news p a,
    #content #sidebar #latest_news p a:active,
    #content #sidebar #latest_news p a:visited  {
      font-size: 0.9em;
      font-weight: bold;
      text-decoration: none;
      color: #777;
      }
    #content #sidebar #latest_news p a:hover {
      text-decoration: underline;
      }
    #content #sidebar #latest_news p span a,
    #content #sidebar #latest_news p span a:active,
    #content #sidebar #latest_news p span a:visited {
      font-size: 0.8em;
      font-weight: bold;
      padding: 0 0 0.2em 0;
      text-decoration: none;
      color: #dd860a;
      }
    #content #sidebar #latest_news p span a:hover {
      color: #5aa1c5;
      border-bottom: 1px dotted #5aa1c5;
      text-decoration: none;
      }
  #content #sidebar #latest_news hr {
    margin: 1.3em 0 0 0;
    border-top: 0.05em solid #999;
    border-bottom: none;
    border-left: none;
    border-right: none;
    }
    
/* ---------- */
/* NEWS STYLE */
/* ---------- */ 
ul#news {
  clear: left;
  margin: 0 0 1em 0;
  padding: 0.5em 0;
  border-top: 1px solid #efefef;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #ddd;
  background: url(../../images/gallery_cat_bg.jpg) 
                repeat-x bottom left;
  }
ul#news li.title {
  background: none;
  color: #666;
  font-weight: bold;
  }
ul#news li {
  display: inline;
  margin: 0 0.5em 0 0;
  }
ul#news li a,
ul#news li a:active,
ul#news li a:visited {
  padding: 0.2em;
  font-size: 1em;
  font-weight: bold;
  color: #888;
  text-decoration: none;
  }
ul#news li a:hover {
  color: #000;
  }
ul#news li a.active,
ul#news li a:visited.active {
  color: #000;
  font-weight: bold;
  border-bottom: 1px dotted #000;
  }
/* end of NEWS STYLE */

/* --------------- */
/* NEWS ITEM STYLE */
/* --------------- */
#content #main .newsitem {
  padding: 0 0 0.5em 0;
  margin: 1em 0 2em 0;
  clear: left;
  }
#content #main .newsitem h3 {
  color: #297399;
  font-weight: normal;
  margin: 0 0 0.3em 0;
  border: none;
  }
#content #main .newsitem h3 a,
#content #main .newsitem h3 a:active,
#content #main .newsitem h3 a:visited {
  color: #297399;
  }
#content #main .newsitem h3 span {
  font-weight: normal;
  font-size: 0.55em;
  color: #989898;
  }
#content #main hr {
  clear: left; 
  }
#content #main .newsitem img {
  margin: 0 1em 1em 0;
  }
#content #main .newsitem p {
  margin: 0 0 0.3em 0;
  }
#content #main .newsitem p.news_date {
  float: right;
  font-size: .9em;
  color: #2B8DAF;
  }
#content #main .newsitem p.newstitle {
  font-weight: bold;
  color: #5a5a5a;
  background: none;
  padding: 0;
  border: none;
  }
#content #main .newsitem p.last_edit {
  font-style: italic;
  font-size: 1em;
  text-transform: capitalize;
  }
#content #main .newsitem p a,
#content #main .newsitem p a:active,
#content #main .newsitem p a:visited {
  color: #888;
  }
#content #main .newsitem p a:hover {
  }
#content #main .newsitem p span a,
#content #main .newsitem p span a:active,
#content #main .newsitem p span a:visited {
  margin: 1em 0 0 0;
  font-size: 0.8em;
  padding: 0.2em 0 0.3em 0;
  color: #989898;
  text-decoration: none;
  }
#content #main .newsitem p span a:hover {
  text-decoration: none;
  color: black;
  border-bottom: 1px dotted #888;
  }
#content #main .newsitem p span a.active {
  background: #999;
  }
/* end of NEWS ITEM STYLE *//* $Id: sections_menu_data.php 4981 2007-03-15 14:51:50Z jfragoulis $ */
/* __________________________________________________________________ */

/* ____  GENERAL MANAGE TABLE ____ */
.manage_table {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  }
  .manage_table table {
    }
  .manage_table tr { 
    background-color: #fff;
    }
    .manage_table tr.static_page {
      background: #f5f5f5;
      color: #888;
      }
    .manage_table tr.parent {
      background: #f4f8fc url(../images/page_details_bg.png) repeat-x 0 -5px;
      color: black;
      border-bottom: 6px solid gray;
      }
    .manage_table tr.selected {
      background-color: #e0e0e0;
      }
    .manage_table tr.blank{
      background-color: white;
      height: 3em;
      }
      .manage_table tr.blank td {
        border: none; 
        }
  .manage_table tr:hover {
    background-color: #DCEFF9;
    }
  .manage_table th { 
    padding: .2em .6em;
    background: #1a69a2;
    color: white;
    text-align: center;
    font-weight: bold;
    }
  .manage_table .page_no {
    width: 6.6em;
    background: #1a69a2;
    color: white;
    }
  .manage_table th.head { 
    padding: .2em .6em;
    background: #1a69a2 url(../images/th_head_bg.png) repeat-x;
    color: white;
    text-align: center;
    font-weight: bold;
    }
    .manage_table th a,
    .manage_table th a:active,
    .manage_table th a:visited {
      color: white;
      text-decoration: none;
      }
      .manage_table th a span {
        }
  .manage_table td {
    padding: .2em .6em;
    text-align: center;
    border-top: 1px solid #1a69a2;
    border-bottom: 1px solid #1a69a2;
    }
  .manage_table td.title {
    font-weight: bold;
    }
  .manage_table td.status,
  .manage_table td.fixed_td {
    width: 5em;
    }
  .manage_table td.status img {
    width: 1.6em;
    }
  .manage_table td.classes {
    font-size: .6em;
    }
  .manage_table .parent td input,
  .manage_table td.fixed_td input {
    border: none;
    }
    .manage_table td img {
      position: relative;
      top: .2em;
      }
    .manage_table td a {
      color: #808080;
      text-decoration: none;
      }
      .manage_table td a:hover {
        color: black;
        text-decoration: underline;
        }
    .manage_table td input {
      border: 1px solid #cdcdcd;
      width: 5em;
      text-align: center;
      cursor: pointer;
      }
    .manage_table td select {
      border: 1px solid #cdcdcd;
      width: 8em;
      text-align: left;
      }
    .manage_table td span.emptyCell {
      font-size: .75em;
      font-style: italic;
      }
    .manage_table td.orderCell { 
      width: 7em;
      text-align: left;
      }
      .manage_table td.orderCell a { 
        padding: 0 0 0 .2em;
        text-decoration: none;
        }
        .manage_table th.order a img,
        .manage_table td.orderCell a img {
          width: 1em;
          }
        .manage_table td.orderCell a:hover { 
          }


/* ____  THEME MANAGER TABLE ____ */
table#theme_manager {
  margin: 1em 1em 0 1em;
  width: 64.5%;
  }
  table#theme_manager th {
    padding: 0.2em;
    text-align: center;
    font-weight: bold;
    color: white;
    background: #1a69a2 url(../images/th_head_bg.png) repeat-x;
    border: 1px solid #1a69a2;
    }
  table#theme_manager td {
    padding: 0.1em 1em;
    text-align: center;
    border: 1px solid #1a69a2;
    }
    table#theme_manager td input#current_theme {
      margin: 0.4em 0 0 0;
      }
    table#theme_manager td img {
      margin: 0.5em 0.5em 0 0.5em;
      }#header form#sform {
  background: url(images/sform_bg.jpg) repeat-x;
  width: 21.6em;
  height: 8em;
  padding: 1.6em 0 0 2em;
  float: right;
  clear: right;
  }
#header form#sform p.title {  
  color: #297399;
  text-transform: capitalize;
  font-size: 1.8em;
  font-family: 'trebuchet ms', Helvetica, Arial, Verdana, sans-serif;
  }
#header form#sform p input#search_term {
  width: 9.2em;
  height: 1.6em;
  padding: .3em 1em 0 1em;
  border: none;
  background: url(images/sform_input_bg.png) no-repeat;
  font-size: 1.1em;
  margin: 0;
  }
#header form#sform input.button {
  background: url(images/sform_button_bg.png) no-repeat;
  cursor: pointer;
  border: none;
  width: 3.2em;
  height: 1.8em;
  margin: 0 0 0 -.2em;
  position: relative;
  top: .1em;
  }

#content .searchresults {
  font-size: 1.1em;
  }
  #content .searchresults.sections p  {
    margin: 1.5em 0;
    }
    #content .searchresults.sections p a,
    #content .searchresults.sections p a:active,
    #content .searchresults.sections p a:visited {
      color: #696969;
      text-decoration: none;
      }
    #content .searchresults.sections p a:hover {
      color: #4682B4;
      }
    #content .searchresults.sections p a span {
      color: #4682B4;
      font-weight: bold;
      }
      #content .searchresults.sections p a span:hover {
        color: #696969;
        }
  #content .searchresults.news p  {
    margin: 0.5em 0;
    }
    #content .searchresults.news p a,
    #content .searchresults.news p a:active,
    #content .searchresults.news p a:visited {
      color: #696969;
      text-decoration: none;
      }
    #content .searchresults.news p a:hover {
      color: #4682B4;
      }
    #content .searchresults.news p a span {
      color: #778899;
      font-weight: bold;
      }
      #content .searchresults.news p a span:hover {
        color: #696969;
        }
  #content .searchresults.portfolio {
    border-top: 0.1em solid gray;
    margin: 0 0 0.1em 0;
    }
    #content .searchresults.portfolio img.screenshot_thump {
      height: 5em;
      width: 7.5em;
      background: silver;
      float: left;
      margin: 0 1em 0 0;
      }
    #content .searchresults.portfolio h3 {
      margin: 0;
      padding: 0;
      }
      #content .searchresults.portfolio h3 a,
      #content .searchresults.portfolio h3 a:active,
      #content .searchresults.portfolio h3 a:visited {
        font-size: 0.7em;
        font-weight: bold;
        color: #4682B4;
        text-decoration: none;
        }
      #content .searchresults.portfolio h3 a:hover {
        color: #696969;
        }
    #content .searchresults.portfolio p {
      margin: 0;
      }
    #content .searchresults.portfolio p a span {
      background: #4682B4;
      color: white;
      font-weight: bold;
      font-size: 0.7em;
      padding: 0.1em 0.2em;
      }
      #content .searchresults.portfolio p a span:hover {
        background: #696969;
        }
  
span.highlight {
  background: yellow;
  }#sections {
  color: #297399;
  background: #5aa1c5;
  background: url(images/sections_bg.png) no-repeat;
  font-family: 'tahoma', helvetica, sans-serif;
  width: 96em;
  height: 4.2em;
  margin: .5em 0 0 0;
  padding: 0 1em;
  }
/* First level */
#sections ul {
  padding: .5em 0 0 0; 
  margin: 0 0 0 1em;
  position: relative;
  z-index: 5001;
  list-style-type:none;
  }
#sections ul li {
  float: left;
  width: auto;
  margin: 0;
  position:relative;
  }
/* get rid of the table */
#sections table {
  position: absolute; 
  border-collapse: collapse; 
  top:0; 
  left:0; 
  z-index:100; 
  font-size:1em;
  }
#sections ul li a,
#sections ul li a:active,
#sections ul li a:visited {
  padding: 0.5em .8em; 
  color: #fff;
  display: block;
  font-size: 1.2em;
  text-decoration: none;
  margin: 0;
  text-shadow: 1px 1px 2px #0074b2;
  }
#sections ul li a:hover,
#sections li ul li a:hover {
  text-decoration: none;
   color: #fff;
  background: #0074b2 url(images/sections_item_bg.png) repeat-x top left;
  }
#sections ul li a span {
  display: none;
  }
#sections li:hover { position:relative; }
* html #sections a:hover { 
  position: relative;
  }
/* retain the hover colors for each sublevel IE7 and Firefox etc */
#sections li:hover > a, 
#sections li:hover > a:visited { 
  background: #0074b2 url(images/sections_item_bg.png) repeat-x top left;
   color: #fff;
  }

/* hide the sub levels and give them a positon absolute so that they take up no room */
#sections li ul {
  text-align: left;
  visibility: hidden;
  position: absolute;
  background: #1b7eb6;
  top: 3sem;
  left: -1em;
  padding: 0; /* set up the overrun area */
  /* this is for IE to make it interpret the overrrun padding */
  background: transparent;
  }
#sections li ul li {
  float: none;
  }
#sections li ul a,
#sections li ul a:active,
#sections li ul a:visited {
  width: 15em;
  display: block;
  background: #1b7eb6;
  padding: 0.4em 0.8em;
  color: #fff;
  font-size: 1.1em;
  border-bottom: 1px solid #6abbdb;
  }
#sections ul li ul li a:hover {
  text-decoration: none;
  }
#sections li:hover > ul a span { 
  display: inline;
  font-size: 1.4em;
  float: right;
  }
#sections ul li ul li ul {
  position: absolute;
  top: 0;
  left: 12.8em;
  padding: 0; /* set up the overrun area */
  /* this is for IE to make it interpret the overrrun padding */
  background: transparent;
  }
#sections ul li ul li ul li a{
  font-size: 1.1em;
  }
/* for browsers that understand this is all you need for the flyouts */
#sections li:hover > ul { visibility: visible; }

/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
#sections ul a:hover ul ul{ visibility: hidden; }
/* keep the fourth level+ hidden when you hover on second level link */
#sections ul a:hover ul a:hover ul ul{ visibility: hidden; }
/* keep the fifth level hidden when you hover on third level link */
#sections ul a:hover ul a:hover ul a:hover ul ul{ visibility: hidden; }

/* make the second level visible when hover on first level link */
#sections ul a:hover ul { visibility: visible; }
/* make the third level visible when you hover over second level link */
#sections ul a:hover ul a:hover ul{ visibility: visible; }
/* make the fourth level visible when you hover over third level link */
#sections ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
/* make the fifth level visible when you hover over fourth level link */
#sections ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }

/* style the active state of the anchors */
#sections a.active,
#sections a:visited.active { 
  background: #0074b2 url(images/sections_item_bg.png) repeat-x top left;
  }
#sections li ul li a.active,
#sections li ul li a:visited.active { 
  border-bottom: none;
  background: #0074b2 url(images/sections_item_bg.png) repeat-x top left;
  }#subsections {
  background: #9f9f9f;
  color: black;
  padding: 0.5em 0 0 0;
  }
/* First level */
#subsections ul {
  padding: 0; 
  margin: 0 0 0 2em;
  position: relative;
  z-index: 5001;
  list-style-type:none;
  }
#subsections ul li {
  width: 11em;
  margin: 0 0 .4em 0;
  position: relative;
  }
/* get rid of the table */
#subsections table {
  position: absolute; 
  border-collapse: collapse; 
  top:0; 
  left:0; 
  z-index:100; 
  font-size:1em;
  }
#subsections ul li a,
#subsections ul li a:active,
#subsections ul li a:visited {
  padding: 0.4em 1em; 
  color: #000;
  display: block;
  font-size: 1.2em;
  text-decoration: none;
  margin: 0;
  }
#subsections ul li a:hover,
#subsections a:hover {
  text-decoration: none;
  background: #a7ce10;
  }
#subsections ul li a span {
  display: none;
  }
#subsections li:hover { position:relative; }
* html #subsections a:hover { 
  position: relative;
  }
/* retain the hover colors for each sublevel IE7 and Firefox etc */
#subsections li:hover > a, 
#subsections li:hover > a:visited { 
  color: #000;
  }

/* hide the sub levels and give them a positon absolute so that they take up no room */
#subsections li ul {
  text-align: left;
  visibility: hidden;
  position: absolute;
  background: #f0f4f7;
  top: 2.8em;
  left: -2em;
  padding: 0; /* set up the overrun area */
  /* this is for IE to make it interpret the overrrun padding */
  background: transparent;
  }
#subsections li ul li {
  }
#subsections li ul a,
#subsections li ul a:active,
#subsections li ul a:visited {
  width: 12em;
  background: #d0d0d0;
  padding: 0.4em 0.8em;
  color: #6c6c6c;
  font-size: 1.1em;
  border-left: 2px solid #6c6c6c;
  }
#subsections ul li ul li a:hover {
  color: white; 
  text-decoration: none;
  background: #a7ce10;
  }
#subsections li:hover > ul a span { 
  display: inline;
  font-size: 1.4em;
  float: right;
  }
#subsections ul li ul li ul {
  position: absolute;
  top: 0;
  left: 12.8em;
  padding: 0; /* set up the overrun area */
  /* this is for IE to make it interpret the overrrun padding */
  background: transparent;
  }
#subsections ul li ul li ul li a{
  font-size: 1.1em;
  }
/* for browsers that understand this is all you need for the flyouts */
#subsections li:hover > ul { visibility: visible; }

/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
#subsections ul a:hover ul ul{ visibility: hidden; }
/* keep the fourth level+ hidden when you hover on second level link */
#subsections ul a:hover ul a:hover ul ul{ visibility: hidden; }
/* keep the fifth level hidden when you hover on third level link */
#subsections ul a:hover ul a:hover ul a:hover ul ul{ visibility: hidden; }

/* make the second level visible when hover on first level link */
#subsections ul a:hover ul { visibility: visible; }
/* make the third level visible when you hover over second level link */
#subsections ul a:hover ul a:hover ul{ visibility: visible; }
/* make the fourth level visible when you hover over third level link */
#subsections ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
/* make the fifth level visible when you hover over fourth level link */
#subsections ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }

/* style the active state of the anchors */
#subsections a.active,
#subsections a:visited.active,
#subsections a:focus { 
  background: #a7ce10;
  color: #fff;
  }
#subsections li ul li a.active,
#subsections li ul li a:visited.active,
#subsections li ul li a:focus { 
  border-bottom: none;
  color: #fff; 
  background: #a7ce10;
  }/* $Id: extra_styling.css 15270 2008-04-18 06:26:43Z cchiotis $ */
/* __________________________________________________________________ */

/* --- EXTRA Styling --- */

#customMessage p.error {
  padding: 1em 1em 1em 5em;
  margin-bottom: 1em;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  font-weight: bold;
  color: #444;
  background: #ffdfdf url(/var/www/vhosts/ekevyl.gr/httpdocs/admin/images/warn.png) no-repeat
              2em center;
  }
#customMessage p.ok {
  padding: 1em 1em 1em 5em;
  margin-bottom: 1em;
  border-top: 1px solid blue;
  border-bottom: 1px solid blue;
  font-weight: bold;
  color: #444;
  background: #dce8fe url(/var/www/vhosts/ekevyl.gr/httpdocs/admin/images/info.png) no-repeat
              2em center;
  }
#user_extra { 
  position: absolute;
  top: -5000em;
  left: -5000em;
  width: 0;
  height: 0;
  z-index:99999;
  background-color: #fff;
  border: double medium #234967;
  }
span#strength {
  padding: 0 1em;
  font-weight: bold;
  }
span.poor {
  background-color: #ff3300;
  color: #fff;
  }

span.average {
  background-color: #ffcc66;
  color: #fff;
  }
span.good {
  background-color: #33cc66;
  color: #fff;
  }
span.strong {
  background-color: #33ccff;
  color: #fff;
  }
.opaque {
  position         : absolute;
  left             : 0;
  top              : 0;
  -moz-opacity     : 0.5;
  filter           : alpha(opacity=50);
  background-color : #000;
  z-index          : 9998;
  overflow         : hidden;
  display          : none;
  text-align       : center;
  vertical-align   : middle;
  }

table {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
}

  th.head {
    padding: 2px 6px;
    background: #1a69a2 url(../../../admin/images/th_head_bg.png) repeat-x;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 12px;	
    }