/* General */
html{
  height:100%;
}
body{
  background-position:center;
  background-image:url(../images/background.gif);
  background-repeat:repeat-y;
  text-align:center;
  height:100%;
  font-family:Arial, Helvetica, sans-serif;
  background-color:#666;
  font-size:12px;
  position:relative;
}
div.block {
  margin:10px 0pt;
}
ul, li, form, p, body, html, input, *{
  margin:0;
  padding:0;
}
a img{
  border:none;
}
a{
  text-decoration:none;
  color:#9E005D;
}
ul{
  list-style-type:none;
}
#botnavi{
  background:url(../images/bg_bottom_menu.gif) no-repeat center top;
  width:900px;
  height:9px;
  font-size:0px;
  margin:0 auto;
}

/* login box */
#member{
  float:right;
  background:url(../images/login.gif) no-repeat top right;
  width:240px;
  height:91px;
  text-align:left;
  padding-top:10px;
  padding-left:10px;
  margin-right:10px;
  color:#FFFFFF;
}
#member_area {
  font-variant:small-caps;
  margin-bottom:10px;
}
#member a{
  color:#990066;
}
#member #plus {
  border:none;
  position:relative;
  top:4px;
  left:3px;
}
#member input#userfield2 {
  border:1px solid #CCCCCC;
  color:#339933;
  font-family:Arial;
  font-size:10px;
  width:164px;
  padding:1px 2px;
  margin-top:5px;
}
select.log{
  color:#339933;
  font-family:Arial;
  font-size:10px;
  border:1px solid #CCCCCC;
  width:170px;
  margin:5px 0 0 0px;
}
input.log{
  /*background-image:url(../images/login_txtfield.gif);*/
  color:#339933;
  font-family:Arial;
  font-size:10px;
  /*padding-left:10px;*/
  /*padding-top:4px;*/
  /*border:none;*/
  width:168px;
  /*height:15px;*/
  border:1px solid #CCCCCC;
}
input#loginbtn {
  position:relative;
  top:4px;
  left:-6px;
}


/* Title logo */
#logo{
  float:left;
  margin-left:30px;
  margin-top:20px;
}


/* Flags */
#flags {
  float:right;
}
#flags li {
  float:right;
  margin-right:10px;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);
}
#flags li.active{
  opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=100);
}

/* Main image */
#titleimage
{
  height:202px;
  width:882px;
  margin-top:104px;
  margin-left:20px;
  background-image:url(../images/image.jpg);
  background-repeat:no-repeat;
}


/*content*/
#container{
  margin: 0 auto;
  width:920px;
  position:relative;
  min-height:100%;
}

/*Left box with map*/
#left{
  float:left;
  margin-top:40px;
  margin-left:10px;
  width:440px;
}
#pagecontent #google{
  margin-left:0;
  width:100%;
}
#google{
  margin-left:10px;
  width:440px;
  text-align:left;
}
#google h1{
  font-size:16px;
  color:#666;
  text-align:left;
  padding-bottom:10px;
  background: url(../images/bg_title.gif) repeat-x top right;
}
#google h1 span{
  background-color:white;
  padding:0 10px;
  top:-2px;
  position:relative;
}
#google table{
  width:100%;
  color:#666;
  text-align:left;
}
#google table img{
  padding-right:10px;
}
#google tr{
  height:30px;
}
#google th{
  text-align:center;
}
#google td{
  padding-left:5px;
}
#googlemap
{
  width:440px;
  height:450px;
  line-height:1.22em;
}


/* read more links */
.learnmore{
  float:right;
  margin-top:1px;
}
a.center_map, div#pagecontent a.center_map{
  display:block;
  padding:5px;
  color:#009966;
  text-decoration:none;
}
a.center_map:hover, div#pagecontent a.center_map:hover{
  color:#990066;
  font-size:bold;
}
a.center_map img, div#pagecontent a.center_map img{
  vertical-align: middle;
}
  
.newsmore{
  float:right;
  margin-top:1px;
}

/*odd lines of the table*/
.darkgreen{
  background-color:#CCCCCC;
  cursor:pointer;
}
/*even line of the table*/
.brightgreen{
  background-color:#EFEFEF;
  cursor:pointer;
}


/*right box*/
#right{
  background-image:url(../images/right_box_bg.gif);
  background-repeat:no-repeat;
  text-align:left;
  float:right;
  margin-top:40px;
  padding-left:30px;
  padding-right:20px;
  width:410px;
  color:#666;
}
#right span
{
  font-family:Arial;
}
#right h1
{
  padding-bottom:15px;
  font-size:16px;
}
#right ul
{
  margin-top:15px;
  margin-left:20px;
  list-style-image:url(../images/bullet.gif);
}
#right li
{
  height:20px;
}

/*Welcome text*/
#right_box_top
{
  padding-bottom:40px;
}



/*Latest news box*/
#right_box_bottom
{
  width:405px;
  margin-left:5px;
}

#right_box_bottom h2
{
  margin-left:5px;
}

#right_box_bottom p
{
  padding-left:5px;
  padding-right:5px;
}
div#right_box_bottom img
{
  line-height:0px;
  font-size:0px;
}
div#newsbottom{
  height:20px;
  background-image:url(../images/bottom_lastnews.gif);
  line-height:0px;
}

/*A news*/
img#topnews{
  margin-bottom:-10px;
}
.news{
  background:url("../images/bg_news.gif") repeat-x bottom left;
  border-right:10px solid #e4e4e4;
  border-left:10px solid #e4e4e4;
  padding:10px 0;
  height:111px;
  line-height:1.22em;
}
.news p{
  color:#666;
}
.news h2{
  background:none;
  padding:0px 0px 10px 0px;
  color:#386200;
  font-size:14px;
  border:none;
}
.content_news{
  width:260px;
  float:left;
}
.picture_news{
  float:right;
  width:110px;
}
.picture_news img{
  margin-bottom:1px;
}

/* news page */
img.news_img{
  float:left;
  margin-right:10px;
}
div.news_link{
  clear:both;
  margin-top:10px;
  padding:5px;
  background-color:#eee;
}

#spacer{
  height:110px;
}

.clear
{
  clear:both;
}

/*footer*/
#footer
{
  background-image:url(../images/footer.gif);
  background-repeat:no-repeat;
  background-position:center;
  overflow:hidden;
  color:#666;
  padding-top:50px;
  height:30px;
  position:relative;
  margin-top:-80px;
  margin-left: auto;
  margin-right: auto;
  clear:both;
  line-height:1.22em;
}
#innerfooter{
  width:900px;
  margin:0 auto;
  position:relative;
}
#footer_menu
{
  position:absolute;
  width:690px;
  padding-left:10px;
  top:-10px;
  left:0px;
}
#footer_copyright
{
  color:#666;
  float:right;
  padding-right:5px;
}
#footer_menu a
{
  color:#666;
  font-size:10px;
  text-decoration : underline;
}

/* for printing */
.print{
  display:none;
}

/* page content */
div#maincontainer{
  width:920px;
  text-align:left;
  line-height:1.22em;
}
div#pagecontent{
  float:right;
  width:695px;
  padding-right:20px;
  text-align:justify;
  color:#666666;
}
div#pagecontent p{
  padding-bottom:10px;
}
div#pagecontent a{
  text-decoration:underline;
  color:#009966;
}
div#pagecontent a:hover{
  color:#990066;
}
div#pagecontent ul{
  padding-left:20px;
}
div#pagecontent li{
  list-style-image:url(../images/bullet.gif);
}
div#leftnavi div#leftnavi_top{
  background:url(../images/leftnavi-top.gif) no-repeat top right;
  height:20px;
}
div#leftnavi div#leftnavi_bottom{
  background:url(../images/leftnavi-bottom.gif) no-repeat bottom right;
  height:20px;
}
div#leftnavi{
  width:180px;
  float:left;
  background:url(../images/leftnavi-back.gif) repeat-y top right;
}
div#leftnavi li{
  background:url(../images/leftnavi-separator.gif) no-repeat bottom right;
  padding-top:13px;
  padding-bottom:15px;
}
div#leftnavi li#firstlink{
  padding-top:5px;
}
div#leftnavi li#lastlink{
  background:none;
  padding-bottom:5px;
}
div#leftnavi div{
  background:url(../images/leftnavi-arrow.gif) no-repeat top left;
}
div#leftnavi a{
  color:#3B9D34;
  font-weight:bold;
  font-size:12px;
  padding-left:20px;
  padding-right:10px;
  display:block;
}

div#leftnavi li.active a{
  color:#990066;
}

div#leftnavi li ul{
  padding:0 5px 0 20px;
}
div#leftnavi li li{
  background:none;
  background:url(../images/leftnavi-subarrow.gif) no-repeat top left;
  padding:0 0 0 10px;
  margin-top:5px;
}
div#leftnavi li li a, div#leftnavi li.active li a{
  font-weight:normal;
  color:#666;
  padding:0;
}

div#leftnavi li.active li.active a{
  font-weight:normal;
  color:#990066;
  padding:0;
}



h1{
  border-bottom:1px dotted #999999;
  font-size:16px;
  color:#009900;
  margin-top:10px;
  margin-bottom:20px;
  padding-bottom:10px;
}
#breadcrumb{
  color:#999999;
  font-size:10px;
}

#breadcrumb a{
  color:#990066;
  text-decoration:underline;
}

#breadcrumb a:hover{
  text-decoration:none;
}

/* pharmacies */
table.details{
  border:1px solid #ddd;
}
table.details th{
  font-weight:bold;
  font-size:12px;
  padding:5px;
  text-align:center;
}
table.details td{
  padding:5px;
  text-align:left;
}

/* file attachements, external links and expand/collapse blocks */
.downloads{
  margin-top:10px;
  border-bottom:1px solid #CCCCCC;
  background-color:#f2f2f2;
}
.downloads h2{
  background-color:#e2e2e2;
  padding:5px 5px 5px 27px;
  margin:0;
  font-size:13px;
  color:#666666;
  background-image:url(../images/ico/disk.gif);
  background-repeat:no-repeat;
  background-position:5px 5px;
  border-bottom:1px solid #FFFFFF;
}
.downloads a{
  color:#666666;
}
.downloads a:hover{
  color:#666666;
  text-decoration:none;
}
.downloads div{
  padding:0 5px;
}
.downloads ul{
  padding:5px;
}
.downloads ul li{
  padding:5px;
}


/* forms */
div#pagecontent .description{
  margin-bottom:10px;
}
div#pagecontent form{
  width:695px;
  background-color:#f9f9f9;
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd;
  margin-bottom:10px;
}
div#pagecontent form div.submit{
  text-align:right;
  padding:4px 200px;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
}
div#pagecontent form div.submit input{
  border:1px solid #ccc;
}
div#pagecontent table.form{
  width:100%;
}
div#pagecontent table.form td{
  padding:5px;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
}
div#pagecontent table.form td div{
  float:left;
}
div#pagecontent table.form input, div#maincontainer table.form textarea{
  width:99%;
  border:1px solid #ccc;
}
div#pagecontent table.form input.box{
  width: auto;
  vertical-align: middle;
  margin:0 3px 0 4px;
}
div#pagecontent table.form th{
  text-align:left;
  padding:5px;
  color:#666;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
}

/* previsions */
div#previsions table td{
  padding:3px;
  text-align:left;
}
div#previsions table th{
  padding:3px;
  text-align:center;
}
h2{
  font-size:15px;
  color:#990066;
  background-color:#f2f2f2;
  padding:10px;
  border-left:5px solid #e2e2e2;
}/* top mainnavi */

table#navitop{
  height:40px;
  margin:0 auto;
}
table#navitop a{
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
  color:#fff;
}
table#navitop td{
  background:url(../images/bg_menu_1px.gif) repeat-x;
}
table#navitop td.separator{
  background:url(../images/sep.gif) repeat-x;
  width:2px;
  font-size:0px;
}
table#navitop td.active{
  background:url(../images/bg_menu_1px_active.gif) repeat-x;
}
table#navitop td#first{
  background:url(../images/bg_menu_first.gif) no-repeat;
  width:10px;
}
table#navitop td#first.active{
  background:url(../images/bg_menu_first_active.gif) no-repeat;
}
table#navitop td#last{
  background:url(../images/bg_menu_last.gif) no-repeat;
  width:10px;
}
table#navitop td#last.active{
  background:url(../images/bg_menu_last_active.gif) no-repeat;
}
div.fullrow{
  position:relative;
  height:0;
  font-size:0;
  line-height:0;
}
div.fullrow a{
  position:absolute;
}
#left div.fullrow a{
  left:-5px;
  top:-6px;
  width:440px;
  height:30px;
}
table.details{
  width:100%;
}
table.details div.fullrow a{
  left:-5px;
  top:-11px;
  width:695px;
  height:40px;
}
.today div.fullrow a{
  left:-5px;
  top:-6px;
  width:695px;
  height:30px;
}


/* forecast page */
#previsions{
  position:relative;
}
#previsions div.fullcell{
  position:relative;
}
#previsions div.fullcell a{
  display:block;
  color:#666;
  text-decoration:none;
}
#previsions div.fullcell a:hover{
  color:#666;
}
#popup_forecast{
  top:-120px;
  left:-120px;
}

/* popup box */
.popup{
  position:absolute;
  top:-30px;
  left:130px;
  text-align:left;
  width:222px;
  z-index:10000;
}
.popup_top{
  background:url(../images/popup-top.gif) no-repeat top left;
  height:7px;
  font-size:0;
}
.popup_body{
  background:url(../images/popup-back.gif) repeat-y top left;
  padding:0 10px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:1.22em;
  padding:10px;
  text-decoration:none;
  color:#000;
}
.popup_bottom{
  background:url(../images/popup-bottom.gif) no-repeat top left;
  height:7px;
  font-size:0;
}

/* page people */
#people td{
  margin:0;
}
#people td.portrait{
  padding:5px 0 5px 5px;
  background-color:#e2e2e2;
  line-height:0;
  font-size:0;
}
#people td.portrait img{
  margin:0;
  padding:0;
}
#people td.description{
  padding:5px 5px 5px 0;
  background:#e2e2e2 url(../images/corner_grey.gif) no-repeat bottom right;
  text-align:left;
}
#people td.description div{
  height:106px;
  padding:5px;
  background:#8BC541 url(../images/corner_green.gif) no-repeat bottom right;
}
#people td.separator{
  background:url(../images/people_back.gif) repeat-y top center;
}
#people .identity{
  color:white;
}
#people .identity strong{
  color:#906;
}
div.message{
  text-align:center;
  color:#9e005d;
  font-weight:bold;
  padding:5px;
  background-color:#ffd1ee;
  border:1px solid #ff77c8;
  margin-bottom:5px;
}


/* forecasts */
table.violet{
  border:1px solid #ff77c8;
  color:#9e005d;
}
table.violet tr{
  background-color:#ffd1ee;
}
table.violet th{
  font-weight:bold;
  padding:5px;
  text-align:center;
}
table.violet td{
  padding:5px;
  text-align:center;
}

/* buttons */
a.button {
  float:right;
  display:block;
  background:url(../images/buttons/learn_more/left.gif) no-repeat left center;
  padding-left:1px;
  color:#FFF;
  font-size:11px;
  font-weight:bold;
  margin-top:1px;
}
.button span {
  float:right;
  display:block;
  background:url(../images/buttons/learn_more/right.gif) no-repeat right center;
  padding-right:25px;
}
.button span span {
  float:right;
  display:block;
  background:#666 none;
  padding:0 10px 0 9px;
  line-height:20px;
}

/* Pharmacy search */
div#pagecontent form#search_pharm {
  border:none;
  background:none;
  margin-bottom:10px;
}