/*
Copyleft 2010
Noor Alhiraki
N'N Design Studio
*/


@import url('../stylesheets/pagination.css');
@import url('../stylesheets/drawer.css');
@import url('../stylesheets/tipper.css');
/*@import url('../stylesheets/gallery.css');*/

/*@font-face {
  font-family:'Your typeface';
  src:url('type/filename.eot');
  src:local('Alternate name 1'), local('Alternatename2'),
      url('type/filename.woff') format('woff'),
      url('type/filename.otf') format('opentype'),
      url('type/filename.svg#filename') format('svg');
}

@font-face {
  font-family:"Your italic typeface";
  src:url("type/filename-ital.eot");
  src:local("Alternate name"), local("Alternatename"),
      url("type/filename-ital.woff") format("woff"),
      url("type/filename-ital.otf") format("opentype"),
      url("type/filename-ital.svg#filename-ital") format("svg");
}
*/

html, address, body,
dd, dl, dt, fieldset,
form, frame, frameset,
noframes, center, hr,
menu, select, button,
cite, pre,
input, textarea         { font:1em 'Lucida Grande', 'Segoe UI', Arial, Verdana, Helvetica, sans-serif; color:#FFFFFF; line-height:1.2em; }

html, body { height:100%; }


body                    { background:#202529 url('../images/background.jpg') no-repeat fixed center top; /*height:100%; position:relative;*/ /*padding:40px 0;*/ }

/* IE Fixes
img                     { behavior:url('../scripts/iefix/iepngfix.htc'); }
body                    { behavior:url('../scripts/iefix/csshover3.htc'); }*/

/* html 5 fix */
section, article,
header, footer,
nav, aside, hgroup      { display:block; }


*                       { margin:0; padding:0; }
a                       { color:#909699; /*background:#404649; padding:.1em; -moz-border-radius:.25em; -webkit-border-radius:.25em; border-radius:.25em;*/ }
a:hover                 { color:#FFFFFF; /*background:#000000; padding:.1em; -moz-border-radius:.25em; -webkit-border-radius:.25em; border-radius:.25em;*/ }
:link, :visited         { text-decoration:none; }
img                     { border:none; }
p, ul                   { /*margin-bottom:.8em;*/ }
p                       { /*padding:1em; background:#FFFFFF; border:0px solid #999999;color:#404649; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em;*/  }
li                      { /*margin-right:2em;*/ }
blockquote              { font-family:Georgia, 'Trebuchet MS', sans-serif; font-size:1.25em; font-style:italic;
                          letter-spacing:-.05em; line-height:1.2em; text-align:justify; }
cite                    { display:block; font-size:.75em; letter-spacing:0em; }
h1, h2, h3, h4, h5, h6  { /*font-weight:normal; letter-spacing:-.05em; margin:.6em 0; line-height:1em;*/ }
h1, h2, h3, h4, h5, h6  { /*background:#909699; border:2px solid #909699; padding:.1em .25em .25em .25em; -moz-border-radius:.25em; -webkit-border-radius:.25em; border-radius:.25em;*/ }
h2                      { font-size:2.2em; }
h3                      { font-size:1.8em; }
h4                      { font-size:1.5em; }

label                   { display:inline-block; /*margin:0 .3em .5em 0;*/ }

/*.volunteerForm label    { display:block; padding-bottom:12px; }*/

input[type=submit],
input[type=reset],
a.button,
button                  { color:#CCCCCC; background:#606669; border:none;/*border:1px solid #FFFFFF;*/
                          overflow:visible; height:1.6em; /*margin:0 .3em .5em 0; position:relative; top:-1px;*/ /*font-weight:bold;*/ text-transform:capitalize; width:auto; cursor:pointer; white-space:nowrap;  -moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em; }
input[type=submit],
input[type=reset]       { padding:.0em .3em .3em .3em; }
button span             { display:block; height:1.2em; line-height:1.2em; padding:.0em .3em .3em .3em; }
input[type=submit]:hover,
input[type=reset]:hover,
a.button:hover,
button:hover            { color:#FFFFFF; background:#707679; }
input[type=submit]:active,
input[type=reset]:active,
a.button:active,
button:active,
.button.pressed,
button.pressed          { background:#909699; }

a.button                { display:inline-block; /*position:relative; top:-1px;*/ /*font-weight:bold;*/ padding:.1em .5em .3em .5em; }

input[type=text],
input[type=email],
input[type=password]    { width:321px; height:1.2em;  /*margin:0 .3em .5em 0;*/ }
select                  { width:330px; /* height:1.75em;*/ }
select[multiple=multiple] { height:auto; }
textarea                { display:block; width:652px; /*width:99%;*/ height:10em;
                          /*margin:0 .3em .5em 0;*/ /*float:right; clear:both;*/ overflow:auto; resize:vertical; }

input[type=text],
input[type=email],
input[type=password],
select,
textarea                { color:#CCCCCC; background:#404649; border:1px solid #222222;
                          line-height:1.2em; padding:.2em; outline:none;
                          -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em }
select                  { padding:0; /*border:none;*/ }
option                  { padding:2px 4px; /*border:none;*/ }
input[type=radio]       { margin-left:8px; }
/*option:focus            { background:#ff0000; }*/

input[type=text].inactive,
input[type=email].inactive,
input[type=password].inactive,
textarea.inactive       { /*color:#222222;*/ }

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus          { /*color:#FFFFFF;*/ background:#606669; /*border-color:#707679;*/ }

input[type=hidden]      { display:none !important; }

input[type=file]        { /*position:absolute; top:-20px; left:0px; display:none; font-size:7em;*/ cursor:pointer; }
input[type=file]:hover  { border:1px solid #00ff00; }
input[type=file]:active { border:1px solid #00ffff; }

/*input[type=file] { direction:ltr; position:relative; float:right; overflow:hidden; max-width:327px; height:20px; line-height:19px; padding-left:5px; margin-left:4px; background:url('../images/ui/button.gif') no-repeat 100% 0; }
input[type=file] label { color:#666666; display:inline-block; height:100%; padding-right:5px; background:url('../images/ui/button.gif') no-repeat 0 0; }
input[type=file] input	{ position:absolute; display:none; font-size:7em; top:-20px; left:0px; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); cursor:pointer; buggy, works in ie and safari }
.filebutton:hover label	{ background-position:right -20px; color:#333333; }
.filebutton:hover	{ background-position:left -20px; color:#333333; }
.filebutton:active { background-position:left -40px; color:#FFFFFF; }
.filebutton:active label{ background-position:right -40px; }*/
.controlsgroup          { display:inline-block; padding:3px; margin-top:0px; margin-bottom:.5em;
                          border:1px solid #222222; background:#272C30; width:890px;
                          -moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em;
                          /*display:list-item; float:right; clear:both; width:auto; position:absolute; */  }
.controlsgroup li       { margin:0; padding:5px; list-style:none; /*border:0px solid #44ff00*/ }
.hcontrols li           { float:right; }
/*.controlsgroup button   { top:0; }*/
.controlsgroup input[type=text],
.controlsgroup input[type=email],
.controlsgroup input[type=password] { position:relative; top:1px; margin-top:-2px; }
.controlsgroup textarea { /*width:634px;*/ width:874px; }

.volunteerForm select:disabled { opacity:1; }
.volunteerForm label[for="expertise"] { display:block; }
.volunteerForm label.options-label { font-size:1.5em; }

.hidden                 { display:none; }
.visible                { display:block; }
.rightfloat              { float:right !important; }
.leftfloat             { float:left !important; }
.clearfloat             { clear:both !important; }


/*#wrapper                { width:900px; margin:0 auto; position:relative; }*/
.wrapper                { width:900px; margin:0 auto; position:relative; }
#viewport               { /*position:relative; right:0; top:0; width:100%; height:100%;*/ }

header                  { display:block; width:100%; height:94px; padding:18px 0; background:#000000; cursor:default; /*margin-bottom:70px;*/ }
header a                { /*background:none;*/ }
header #logo            { float:left; position:relative; left:-2px; }

#lang                   { position:absolute; z-index:1; top:138px; right:0; width:42px; }
#lang .sidelinks a.en   { background-image:url('../images/ui/english.gif'); }
#lang .sidelinks a.ar   { background-image:url('../images/ui/arabic.gif'); }
/*  * html #lang            { position:absolute; }  IE6 Fixed position fix */


.ar                     { font:1em 'Tahoma', Arial, Verdana, Helvetica, sans-serif; line-height:1em; }


nav                     { /*position:absolute; right:150px; left:0; top:0; height:100%;*/ }
#mainnav              { position:absolute; top:32px; right:-5px; white-space:nowrap; width:760px; /*height:100%;*/ }
#mainnav li           { list-style:none; float:right; /*text-shadow:1px 1px 0px #666666;*/ /*#606669*/ }
#mainnav a         { display:block; padding:4px 10px 7px 10px; margin:0px 5px;
                          text-shadow:0px 0px 0px #FFFFFF, 0px -1px 0px #000000; border:0px solid #999999;
                          background:#404040; color:#FFFFFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
/*8888888888888888888888888888
#mainnav              { top:10px; }
#mainnav a         { font-size:1.8em; padding:20px; background:#303030; margin:10px; }*/

#mainnav a.current { /*background:#333333; font-weight:bold;*/ text-shadow:0px 0px 0px #FFFFFF, 0px -1px 0px #999999; }
#mainnav a:hover   { background:#909699; color:#FFFFFF; border-color:#CCCCCC; text-shadow:0px 0px 0px #FFFFFF, 0px -1px 0px #606669; }

section                 { /*min-height:200px; height:auto !important; height:200px;*/  }
section p, section ul   { margin-bottom:.5em; }
section li              { margin-right:2em; }
section h1, section h2,
section h3, section h4,
section h5, section h6  { font-weight:normal; letter-spacing:-1px; margin:.6em 0; line-height:1em; /*font-weight:bold;*/
                          /*padding:.1em .25em .25em .25em;*/ /*background:#909699; border:2px solid #909699;
                          -moz-border-radius:.25em; -webkit-border-radius:.25em; border-radius:.25em*/ }
section h4,
section h5, section h6  { letter-spacing:-1px; }

.topper                 { min-height:100%; height:auto !important; height:100%; margin:0 auto -173px; }
.pusher                 { height:173px; clear:both; /*background:#ff0000;*/ }

footer                  { display:block; position:relative; /*position:absolute; bottom:0;*/ width:100%; color:#999999; /*font-family:Verdana; letter-spacing:-.05em;*/ font-size:.7em; cursor:default; }
footer .sponsors        { width:100%; height:94px; padding:18px 0; background:#000000;/*position:absolute; bottom:0;*/ /*min-height:20px; padding-bottom:40px; height:100px; padding-bottom:40px;*/ }
footer .sponsors a      { float:right; margin:18px 0 18px 20px; height:52px; line-height:52px; }
footer .sponsors a.last { float:left; margin:18px 18px 20px 0; }
footer .sponsors a img  { vertical-align:middle; }
footer .sidelinks       { position:absolute; z-index:2; right:0; bottom:134px; margin:0 0 6px 0; height:30px; line-height:30px; }
footer .sidelinks a     { background-image:url('../images/ui/top.gif'); }

#bottomlinks            { text-align:center; padding:13px 0; line-height:1.5em; }
#bottomlinks p          { display:inline; padding-left:4px; }
#bottomlinks ul         { display:inline; margin:0; padding:0; }
#bottomlinks li         { display:inline; list-style:none; white-space:nowrap; }
#bottomlinks li a       { display:inline-block; padding:0px 4px 2px 4px; color:#FFFFFF; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#bottomlinks li a.current { font-weight:bold; background:#606666; }
#bottomlinks li a:hover   { background:#707677; }

.sidelinks              {  }
.sidelinks li           { position:relative; /*margin:0 6px 6px 0;*/ padding:0 0 8px;
                          height:30px; line-height:30px; list-style:none; float:right; clear:right; }
.sidelinks a            { display:block; /*position:absolute;*/ margin:0 6px 0 0; width:30px; height:30px;
                          background-color:#404649; background-position:0 0; background-repeat:no-repeat;
                          -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px #26262F solid; }
.sidelinks a.current    { background-color:#707677; background-position:0px -30px; }
.sidelinks a:hover      { background-color:#909699; background-position:0px -30px; }
.sidelinks a span       { display:none; }


#phaseSlider            { position:relative; /*margin:0 auto;*/ width:100%; margin:0 0 30px 0;
                          background:url('../images/ui/loader-small-dark.gif') no-repeat scroll center center; /*margin-top:15px; width:100%*/ /*border-right:2px solid #999999; -moz-border-radius:3em; -webkit-border-radius:3em; border-radius:3em;*/ }
#phaseSlider .arrows a  { top:245px; }
#phaseSlider ol         { height:240px; padding-top:30px; }
#phaseSlider li         { position:relative; display:none; height:100%; /*border:1px solid #ff0000;*/ }
#phaseSlider h3         { position:absolute; margin:0; font-size:2.6em; /*z-index:50;*/ /*height:240px;*/ }
#phaseSlider h3 a       { display:inline-block; text-align:center; color:#FFFFFF; /*width:256px;*/
                          padding:15px; height:100%; text-shadow:0px 0px 2px #FFFFFF;
                          /*background:#440000; opacity:.3; /*padding-right:35px;
                          background:url('../images/ui/dotlarge.png') no-repeat right 5px;*/ }
#phaseSlider h3 a:hover { text-shadow:0px 0px 1px #FFFFFF, 0px 0px 8px #CCCCCC; }
#phaseSlider h3 a.inactive { cursor:default; }
#phaseSlider h3 a span  { /*display:none;*/ }

#phaseSlider .prev,
#phaseSlider .next                { font-size:1.25em; color:#33DDFF; /*display:none;*/ /*opacity:0;*/
                                    /*font-family:Georgia, 'Trebuchet MS', sans-serif; font-style:italic;*/
                                    /*text-shadow:1px 1px 0px #000000;
                                    letter-spacing:-.04em; line-height:1.2em; text-align:justify;*/ }
#phaseSlider .prev                { position:absolute; bottom:25px; right:0px; }
#phaseSlider .next                { position:absolute; bottom:25px; left:0px; }

#phaseSlider .curve               { width:100%; height:100%; background:url('../images/curves/right.gif') no-repeat; }
#phaseSlider .introduction .curve { background-position:0px 0px; }
/*#phaseSlider .about .curve        { background-position:-900px 0px; }*/
#phaseSlider .assessment .curve   { background-position:-1800px 0px; }
/*#phaseSlider .vision .curve       { background-position:-2700px 0px; }*/
#phaseSlider .vision .curve       { background-position:-3600px 0px; }
#phaseSlider .activities .curve        { background-position:-4500px 0px; }
/*#phaseSlider .projects .curve     { background-position:-5400px 0px; }*/

#phaseSlider .introduction h3     { right:50px; top:60px; /*height:200px;*/ }
/*#phaseSlider .about h3            { right:165px; top:45px; }*/
#phaseSlider .assessment h3       { right:240px; top:25px; }
/*#phaseSlider .vision h3           { right:395px; top:15px; }*/
#phaseSlider .vision h3           { right:465px; top:0px; }
#phaseSlider .activities h3       { right:590px; top:-15px; }
/*#phaseSlider .projects h3         { right:655px; top:-40px; }*/

#phaseSlider.home      { background:url('../images/curves/right.png') no-repeat 0 0; margin-bottom:20px; }
#phaseSlider.home li   { list-style:none; display:block; float:right; }
#phaseSlider.home .curve   { background:none; width:165px; /*border-left:2px dotted #999999;*/ /*background:#ff0000;*/ }
#phaseSlider.home h3 a  { display:block; width:165px; position:absolute; }
#phaseSlider.home .problems .curve   { /*border-right:2px dotted #999999; width:162px;*/ }
#phaseSlider.home .actions .curve   { /*width:162px;*/ }


.drawer                 { /*margin-bottom:20px;*/ }
.drawer h4              { /*position:relative; display:block;*/ margin:0; font-size:1.5em; padding:.3em 0; }
.drawer .holder a       { color:#FFFFFF; /*font-style:italic;*/ text-decoration:underline; }
.drawer .map            { /*overflow:hidden;*/ }
.drawer .map iframe     { border:none; width:100%; height:350px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }

.drawer-item            { background-image:url('../images/ui/closernd.gif'); background-repeat:no-repeat;
                          background-position:900px 18px;/* background-attachment:fixed;*/ }


#sliderdesc             { /*height:200px;*/ }

#vertical               { width:400px; height:400px; }

/*.zcontain               { display:block; position:relative; width:900px; overflow:hidden; height:100px; margin:0 auto; background:#000000; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em;}
#zoomer                 { position:absolute; right:0px; height:100%; width:1800px; background:#ff0000 }
#zoomer div             { display:block; float:right; width:200px; }
#zoomer div img         { display:block; width:100%; }
#zoomer #z1             { background:#ff0000 }
#zoomer #z2             { background:#00ff00 }
#zoomer #z3             { background:#0000ff }*/

.newsticker             { margin-bottom:20px; text-align:justify; }
.newsticker h2          { position:absolute; z-index:3; display:block; width:100%; font-weight:normal; font-size:1.4em; line-height:1em; letter-spacing:normal; margin:0; padding:0; }
.newsticker h2 a        { display:block; width:100%; padding:.2em .4em 0 .4em; }
.newsticker,
#newsticker             { background:#606669; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em; }
.newsticker a           { color:#FFFFFF; }
#newsticker             { display:block; overflow:hidden; padding:1.6em .5em .3em .5em; height:40px; /*letter-spacing:-1px;*/ }
#newsticker,
#newsticker:hover       { background:#404649; }

#top                    { height:0px; }

.introtext              { text-align:justify; /*letter-spacing:-.04em;*/ margin-bottom:30px; line-height:1.2em;
                          /*font-family:Georgia, 'Trebuchet MS', sans-serif; font-style:italic; /*text-align:justify; font-size:1.2em;*/ /*letter-spacing:-.02em;*/
                          /*border:1px solid #222222; background:#272C30; padding:.3em .5em 0em .5em; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em;*/ }
.introtext h2           { /*margin:0 0 .3em 0; padding:0;*/ }
.introtext a            { color:#CCCCCC; background:#272C30; padding:0 .2em .15em .2em;
                          -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.introtext a:hover      { color:#FFFFFF; background:#000000; /*404649padding:.1em; -moz-border-radius:.25em; -webkit-border-radius:.25em; border-radius:.25em;*/ }
/*.introtext h2 a         { margin:0; padding:0; line-height:1em; color:#FFFFFF; }*/


/*
.imageloader            { position:relative; width:660px; height:240px; margin-bottom:20px; background:url('../images/ui/loader-small-dark.gif') no-repeat scroll center center; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em; }
.mainimage              { width:660px; height:240px; position:absolute; top:0; right:0; background:transparent url('../images/headers/about.jpg') no-repeat; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em; }
*/

.scrolly {/*display:block; overflow:scroll; height:80px;*/ }

#moretarget {position:relative;}
.closer                 { display:block; width:20px; height:20px; padding:0; background:#404649 url('../images/ui/close.gif') no-repeat center center; position:absolute; top:0; left:0; -moz-border-radius:.25em; -webkit-border-radius:.25em; border-radius:.25em; }
.closer:hover           { background-color:#909699; }

form .error             { margin:0em .5em; display:inline-block; color:#CC0000; padding:0em .3em;
                          -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em; }
.validation             { margin-top:50px; margin-bottom:-30px; background:#CC0000;
                          padding:.3em .5em .3em .5em; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em; }
.validation a           { color:#FFFFFF; text-decoration:underline; }
.validform              { margin-top:50px; margin-bottom:-30px; background:#00CC00;
                          padding:.3em .5em .3em .5em; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em; }
.required               { border-color:#CC0000 !important; }


#homeintro              { width:780px; margin:0px auto; padding:40px 0 60px 0; cursor:default; }
#homeintro blockquote   { text-shadow:1px 1px 0px #000000; }
#homeintro cite         { display:block; font-size:.75em; letter-spacing:0em; }
#homeintro a            { color:#bbbbbb; }
#homeintro a:hover      { color:#FFFFFF; }
#madinatuna             { margin-bottom:22px; font-size:3em; letter-spacing:-.05em;
                          /*text-align:center;*/ line-height:1.3em; text-shadow:0px 0px 6px #000000; }
#madinatuna a           { color:#FFFFFF; }

#homey                  { background:#FFFFFF; position:relative; height:234px; margin:0; padding:8px;
                          -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
#homey li               { float:right; /*position:absolute;*/ list-style:none; width:163px; margin:0; padding:0 8px; border-left:1px dotted #CCCCCC; }
#homey li a             { display:block; width:149px; height:220px; overflow:hidden; /*position:relative;*/ color:#666666; padding:6px; border:1px solid #FFFFFF; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
#homey li a:hover       { background-color:#F2F2F2; border-color:#EEEEEE; }
#homey li.first         { padding-right:0; }
#homey li.last          { border-left:none; padding-left:0; position:absolute; left:8px; /*IE 6 Hover Height bug */ }
#homey h2               { font-size:1.41em; margin:0 0 13px 0; padding:0; color:#000000; letter-spacing:-.05em; text-shadow:0px 0px 1px #999999; }
#homey p                { line-height:1.2em; font-size:.75em; /*text-align:justify;*/ }
#homey img              { width:100%; }
#homey .imageloader     { position:relative; width:100%; height:183px;
                          /*background:url('../images/ui/loader-small-dark.gif') no-repeat scroll center center; */}
#homey .imgticker       { width:149px; height:183px; position:absolute; z-index:4;
                          -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; /*bottom:0; right:0;*/
                          /*background:transparent url('../images/homey/01.jpg') no-repeat;*/ }
#homey .more            { line-height:1em; font-size:.75em; color:#000000;  /*font-style:italic; font-weight:bold; */ }
#homey span             { display:block; position:relative; width:149px; overflow:hidden; cursor:pointer; }
span#homeActivities     { display:block; position:relative; height:230px; }
span#homeActivities b   { font-weight:normal; color:#000000; display:block; padding-bottom:7px; }

.welcome h3             { font-size:1.5em; margin-bottom:25px; }
.welcome blockquote     { margin:0 -62px; padding:0 62px; font-size:1.2em; background:transparent url('../images/ui/quoteopen-right.gif') right top no-repeat; }
.welcome blockquote p   { /*text-indent:1em;*/ }
.welcome blockquote div { background:transparent url('../images/ui/quoteclose-right.gif') left bottom no-repeat; width:100%; padding-left:62px; }
.welcome blockquote cite { margin:20px auto; }


.blogcomm .controlsgroup { margin-top:0; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; }

.comment                { position:relative; color:#CCCCCC; background:#272C30; min-height:64px; height:auto !important; height:64px;
                          overflow:hidden; padding:10px 10px 8px 10px; margin:10px 0px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; list-style:none; }
.comment:hover          { background:#000000; }
.comment cite           { font-size:1em; display:block; margin:0 0 8px 0; }
.comment cite img       { float:right; margin:0 0 0 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.comment .number        { display:block; color:#2C3135; position:absolute; left:10px; top:26px; font-family:Georgia; font-size:5.8em; }
.comment .commenttext   { position:relative; font-size:1em; line-height:1.3em; padding-right:75px; color:#FFFFFF; }
.comment .commenttext p,
.comment .commenttext ol,
.comment .commenttext ul,
.comment .commenttext pre { margin:0 0 .75em 0; }
.comment .commenttext pre { padding:0px 8px 4px 8px; background:#666666; }
.comment a { color:white; text-decoration:underline; }
/*.comment:hover .author { color:rgb(204, 153, 255); }*/
.comment .author { font-weight:bold; color:#00CCFF; }
.comment .date { font-size:.8em; color:#999999; }


/*.gallery { height:430px; width:500px; }*/


.buttonlinks    { padding:0; list-style:none; margin:10px 0px 8px 0px; }
.buttonlinks li { padding:0 0 0 8px; display:inline; margin:0; }

a.download,
.buttonlinks a  { display:inline-block; font-size:.8em; text-decoration:none !important;
                  color:#FFFFFF !important; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
                  border-radius:5px; border:1px #FFFFFF solid; }
a.download      { padding:5px 30px 5px 5px; margin-left:7px; }
.buttonlinks a  { padding:3px 5px 7px 5px; }

a.download      { background:transparent url('../images/ui/pdf.png') right center no-repeat; }
.pdflink        { font-size:.8em; margin-top:10px; padding:5px 26px 5px 5px;
                  background:transparent url('../images/ui/pdfg.png') right center no-repeat; }
.download:hover,
.buttonlinks a:hover { background-color:#CCCCCC; /* Fall-back color for older browsers. */
                  background-color:rgba(255,255,255,0.2); /*zoom: 1;  /*Force hasLayout in IE. */
                  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF); }
.pdfmap         { display:inline-block; text-decoration:none !important; color:#666666 !important;
                  padding:12px; margin:0px 40px 3000px 30px; float:left;
                  background-color:#CCCCCC; /* Fall-back color for older browsers. */
                  background-color:rgba(255,255,255,0.7); /*zoom: 1;  /*Force hasLayout in IE. */
                  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF,endColorstr=#B2FFFFFF); }
.pdfmap img     { width:280px; }
.pdfmap:hover   { background-color:#CCCCCC; /* Fall-back color for older browsers. */
                  background-color:rgba(255,255,255,0.8); /*zoom: 1;  /*Force hasLayout in IE. */
                  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF); }
.maplimit       { min-height:385px; height:auto !important; height:385px; }

.introtext a.download { padding-right:30px; }
.introtext a.download:hover { background-image:url('../images/ui/pdf.png');
                              background-position:right center; background-repeat:no-repeat; }


.act_types       { margin:-12px 0 24px 0; }
.act_types a     { padding:1px 6px 4px 6px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
                  border-radius:5px; display:inline-block; }
.act_types .current { color:#FFFFFF;/* font-weight:bold;*/ background:#669900; }
.act_types ul,
.act_types h4    { padding:2px 0; }
.act_types ul    { list-style:none; padding-right:120px; }
.act_types h4    { width:120px; font-size:1.2em; float:right; margin:0; }
.act_types li    { padding:0 0 0 4px; display:inline; margin:0; }
.act_types .count  { /*display:inline-block; width:12px; height:12px; line-height:12px; text-align:center;
                     color:#669900; background:url('../images/ui/backdot.gif') center center no-repeat;
                     font-size:6px; font-weight:bold;*/ display:none; }


.center { text-align:center; }