/*
Theme Name: Eniro HR
Theme Author: ADV/Optymalista.com
Theme URI: http://optymalista.com/
Description: GFX: Adv.pl; Code & integration: Optymalista.com
*/




@charset "utf-8";
/* CSS Document */

/* GLOBAL SETTINGS */

body { background:#25558b; margin:0; padding:0; color:#bbdbff; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
table { border-collapse:collapse; border-spacing:0; }
table td { margin:0; padding:0; vertical-align:top; }
img { border:0; }
form, input, p { margin:0; padding:0; }
a { text-decoration:none; color:#bbdbff; }
a:hover { text-decoration:underline; }
.hr { width:100%; height:15px; background:url(images/hr.gif) top repeat-x; }
.hr2 { width:100%; height:15px; background:url(images/hr2.gif) top repeat-x; }
.clear { clear:both; }
.strong { font-weight:bold; }
.fl-l { float:left; }
.fl-r { float:right; }
.divide { height:30px; }

/* CONTAINER */


#background { width:100%; background:url(images/bg-left.gif) top no-repeat; }


/* Banner */
/*
#background { width:100%; background:url(images/bg-left-banner.gif) top no-repeat;}
*/

#background #container { width:100%; background:url(images/bg-center.jpg) top center no-repeat; text-align:center; }


/* Banner */
/*
#background #container { width:100%; background:url(images/bg-center-baner.jpg) top center no-repeat; text-align:center;}
*/

#background #container #center { width:950px; text-align:left; margin:0 auto; }

/* MAIN MENU */

#top .menu { width:719px; margin:39px 0 10px 10px; padding:0; }
#top .menu div { float:left; }
#top .menu div a { height:38px; padding-top:24px; text-align:center; color:#fff; display:block; }
#top .menu div a:hover { text-decoration:none; background:#002247; }
#top .menu a.o-eniro { width:60px; }
#top .menu a.nasze-marki { width:93px; }
#top .menu a.jak-pracujemy { width:111px; }
#top .menu a.rekrutacja { width:79px; }
#top .menu a.sciezki-kariery { width:108px; }
#top .menu a.pierwsza-praca { width:150px; }
#top .menu a.faq { width:48px; }
#top .menu a.kontakt { width:70px; }

/* HOME POSTER */

#baner { padding:8px 9px 0 0; background:#fff; clear:both; }
#poster { clear:both; width:950px; height:260px; padding:11px 0 11px 0; background:#fff url(images/oferty-pracy-header-top.gif) left bottom no-repeat; }
#poster .left { padding:0; }
#poster .right { padding:0 11px 0 11px; background:#fff; }

/* HOME CONTENT */

#home-content { width:950px; clear:both; }
#home-content .left { width:709px; }
#home-content .right { width:230px; padding-left:11px; }
#home-content #kalkulator { height:26px; width:211px; background:url(images/kalkulator.gif); padding:66px 0 0 19px; margin:12px 0 13px 0; }
#home-content #biuro { height:175px; width:210px; padding:47px 0 0 19px; background:url(images/biuro-bg.gif) no-repeat; color:#062d57; }
#home-content #biuro form { height:23px; }
#home-content #biuro select { height:23px; width:192px; border:1px solid #d8d8d8; padding-left:4px; color:#6a6a6a; }
#home-content #biuro p { padding:9px 0 9px; }
#home-content #biuro .opis { padding-top:5px; width:143px; }
#home-content #oferty-pracy { margin-bottom:20px; }
#home-content #oferty-pracy ul { width:230px; height:162px; background:url(images/oferta-pracy-bg.gif); margin:0; padding:0; list-style:none; }
#home-content #oferty-pracy li { margin:0; padding:0; list-style:none; }
#home-content #oferty-pracy li a { padding:11px 0 0 30px; height:43px; display:block; width:200px; }
#home-content #oferty-pracy li a:hover { text-decoration:none; background:url(images/oferta-pracy-rollover.gif) top no-repeat; }
#home-content #oferty-pracy span.posada { color:#fff; font-weight:bold; }
#home-content #oferty-pracy-wiecej { width:220px; height:26px; padding:7px 10px 0 0; background:url(images/oferta-pracy-bottom.gif); text-align:right; }
#home-content #oczekiwania { width:115px; height:26px; background:url(images/home-oczekiwania.jpg); padding:237px 0 0 135px; }
#home-content #galeria { width:229px; height:263px; background:url(images/galeria-bg.jpg) top no-repeat; }


#home-content #galeria #gal-header { height:27px; padding:48px 0 0 15px; }
#home-content #galeria #gal-foto { height:162px; width:206px; padding-left:8px; }
#home-content #galeria #gal-foto div { padding:0 0 9px 7px; float:left; }
#home-content #galeria #gal-foto img { border:4px solid #fff; }
#home-content #galeria #gal-nav { clear:both; margin:0 0 0 15px; height:26px; }
#home-content #galeria #gal-nav #gal-arr-right { padding:0 35px 0 7px; }
#home-content #marki { width:709px; }
#home-content #marki td { vertical-align:top; padding-left:20px; padding-bottom:20px; }
#home-content #marki .title { width:200px; padding-left:0px; }

/* SPECIFIC CONTENT - O ENIRO */

.content #o-eniro p { margin:0 0 20px 0; padding:0; line-height:18px; }
.content #o-eniro ul { list-style:none; padding:0; margin:0 0 20px 0; }
.content #o-eniro li { padding:2px 0 2px 20px; margin:0; list-style:none; background:url(images/content/bullet-square.gif) top no-repeat; background-position:0 8px; }

/* SPECIFIC CONTENT - KOGO SZUKAMY */

#kogo-szukamy { margin:0; padding:0; }
.content ol#quiz { color:#b8d0e9; font-style:italic; font-size:30px; margin:0 0 0 50px; padding:0; }
.content ol#quiz p { color:#4f4f4f; font-weight:bold; font-style:normal; font-size:12px; line-height:46px; padding-left:10px; }
.content ol#quiz table { color:#4f4f4f; font-style:normal; font-size:12px; }
.content ol#quiz td { vertical-align:middle; height:30px; padding-right:20px; padding-left:10px; }
.content ol#quiz td input { margin-right:3px; }
.content ol#quiz li { margin-bottom:15px; }
.content ol#quiz li:hover { background:#f9f9f9;  }

/* SPECIFIC CONTENT - OFERTY PRACY */

.content #oferty-pracy #wybierz-miasto { text-align:right; border-bottom:1px solid #e5e5e5; padding:10px 0 10px 0; margin:0; height:20px; }
.content #oferty-pracy #wybierz-miasto select { border:1px solid #d8d8d8; width:190px; padding:2px; margin:0; }
.content #oferty-pracy p { margin-bottom:20px; }
.content #oferty-pracy table { width:650px; }
.content #oferty-pracy div.box { width:650px; border-bottom:1px solid #e5e5e5; }
.content #oferty-pracy div.box:hover { background:#f9f9f9; }
.content #oferty-pracy td { padding:0 7px 0 7px; }
.content #oferty-pracy .opis { width:500px; padding:15px 7px 15px 7px; }
.content #oferty-pracy .button { width:100px; text-align:right; padding:15px 7px 15px 7px; }
#content-page .content #post #oferty-pracy .button a { color:#a7a7a7; font-weight:normal; }
.content #oferty-pracy .button a:hover { text-decoration:none; }
.content #oferty-pracy .button img { margin-left:5px;}
.content #oferty-pracy .oferta { display:none; padding:0 7px 0 7px; }

/* SPECIFIC CONTENT - NASZE MARKI */

.content #nasze-marki img { margin-top:30px; }
.content #nasze-marki p { margin:0 0 20px 0; padding:0; line-height:18px; }
.content #nasze-marki p.strong { margin-top:20px; }
.content #nasze-marki ul { list-style:none; padding:0; margin:0 0 20px 0; }
.content #nasze-marki li { padding:2px 0 2px 20px; margin:0; list-style:none; background:url(images/content/bullet-square.gif) top no-repeat; background-position:0 8px; }

/* SPECIFIC CONTENT - WYŚLIJ CV */

.content #wyslij-cv table { width:540px; }
.content #wyslij-cv tr { background:url(images/content/kropki.gif) bottom repeat-x; }
.content #wyslij-cv td { height:40px; vertical-align:middle; }
.content #wyslij-cv #cv-plik-nazwa, .content #wyslij-cv #lm-plik-nazwa, .content #wyslij-cv input { font-weight:bold; color:#4f4f4f; }
.content #wyslij-cv input { border:0; padding:8px 5px 8px 5px; margin-top:6px; width:425px; }
.content #wyslij-cv input:hover { background:#f9f9f9; }
.content #wyslij-cv button.usun { width:74px; height:24px; background:url(images/content/usun-plik.gif); border:0; cursor:pointer; }
.content #wyslij-cv button.przegladaj { width:98px; height:24px; background:url(images/content/przegladaj.gif); border:0; cursor:pointer; }
.content #wyslij-cv #wyslij { width:124px; height:42px; background:url(images/content/wyslij.gif); border:0; margin-top:35px; cursor:pointer; }

/* SPECIFIC CONTENT - ENIRO PO GODZINACH */

.content #po-godzinach table#p-g tr:hover { background:#f9f9f9; }
.content #po-godzinach table#p-g td { padding:20px 0 20px 0; border-bottom:1px solid #e5e5e5; }
.content #po-godzinach table#p-g tr.last td { border-bottom:0; }
/*.content #po-godzinach table#p-g tr.rok { color:#bdd5f2; font-style:italic; font-weight:bold; }
.content #po-godzinach table#p-g tr.rok td { vertical-align:middle; padding-top:30px; height:90px; line-height:68px; font-size:68px; }
.content #po-godzinach table#p-g tr.rok:hover { background:none; }*/
.content #po-godzinach .image { width:175px; }
.content #po-godzinach .ramka { padding:8px 10px 8px 10px; background:#fff; border:1px solid #eee; width:125px; height:84px; }
.content #po-godzinach p { margin-bottom:20px; }
.content #po-godzinach #numbers { margin-top:40px; text-align:center; color:#aeaeae; }
.content #po-godzinach #numbers span a { color:#1a426f; font-weight:normal; }
.content #po-godzinach #numbers span { padding:4px; }
.content #po-godzinach #numbers span.active { background:#deeaf8; }

.content h3 { color:#bdd5f2; 
/*font-style:italic; font-weight:bold; */
font-family: 'DaxProRegular';
margin:0;
font-weight:normal;
}

.content h3 { font-size:20px; margin:0; padding:20px 0 0 0; border-bottom:1px dotted #e5e5e5; text-align:top; line-height:22px;}


/* SPECIFIC CONTENT - ENIRO PO GODZINACH - GALERIA */

.content #galeria { margin-bottom:20px; }
.content #galeria .foto { margin-top:30px; }
.content #galeria .foto img { padding:20px; border:1px solid #eee; }
.content #galeria #numbers { text-align:center; color:#aeaeae; margin:0 auto; padding:0; height:28px; }
.content #galeria #numbers td a { color:#1a426f; font-weight:normal; }
.content #galeria #numbers td { padding:4px; height:20px; width:10px; vertical-align:middle; }
.content #galeria #numbers td.active { background:#deeaf8; }

/* SPECIFIC CONTENT - BIURA REGIONALNE */

.content #biura-reg p { margin-bottom:20px; }
.content #biura-reg .foto { margin:20px 0 30px 0; }
.content #biura-reg .foto img { padding:20px; border:1px solid #eee; }
.content #biura-reg select { border:1px solid #d8d8d8; width:190px; color:#6a6a6a; padding:1px 1px 1px 5px; }

/* SPECIFIC CONTENT - CZY SPEŁNIMY TWOJE OCZEKIWANIA */

.content #czy-spelnimy p { margin-bottom:20px; }
.content #czy-spelnimy form { line-height:30px; margin-bottom:30px; }
.content #czy-spelnimy form label { margin-left:10px; }
.content #czy-spelnimy form #zobacz-informacje { margin-top:20px; width:156px; height:26px; background:url(images/content/zobacz-informacje.gif); border:0; cursor:pointer; }
.content #czy-spelnimy div.box { border-top:1px solid #e5e5e5; padding:20px 0 0 0; }
.content #czy-spelnimy div.box .header { font-weight:bold; padding-left:30px; background:url(images/content/check-icon.gif) top left no-repeat; height:17px; margin-bottom:15px; }
.content #czy-spelnimy div.box ul { list-style:none; padding:0; margin:0 0 20px 0; line-height:22px; }
.content #czy-spelnimy div.box li { padding:2px 0 2px 20px; margin:0; list-style:none; background:url(images/content/bullet-square.gif) top no-repeat; background-position:0 8px; }

/* SPECIFIC CONTENT - KONTAKT */

.content #kontakt table, .content #kontakt p { width:540px; }
.content #kontakt p { margin-bottom:20px; }
.content #kontakt tr { background:url(images/content/kropki.gif) bottom repeat-x; }
.content #kontakt td { height:40px; vertical-align:middle; }
.content #kontakt input { border:0; padding:8px 5px 8px 5px; margin-top:6px; width:425px; }
.content #kontakt input:hover { background:#f9f9f9; }
.content #kontakt select { border:1px solid #d8d8d8; width:190px; color:#6a6a6a; }
.content #kontakt textarea { width:540px; border:1px solid #d8d8d8; margin-top:10px; }
.content #kontakt #wyslij { width:124px; height:42px; background:url(images/content/wyslij.gif); border:0; margin-top:20px; cursor:pointer; }

/* PODSTRONA - PAGE CONTENT */

#content-page .sidebar { width:230px; padding-right:10px;}
#content-page .sidebar ul { background:url(images/podstrona-menu-bg.jpg); margin:0; padding:0; list-style:none; }
#content-page .sidebar li { margin:0; padding:0;}
#content-page .sidebar li a { color:#fff; font-size:14px; height:34px; padding-top:18px; padding-left:30px; display:block; }
#content-page .sidebar li a:hover { text-decoration:none; }
#content-page .sidebar li:hover { background:url(images/podstrona-menu-rollover.gif) top no-repeat; }

#content-page .sidebar1 { width:230px; padding-right:10px; }
#content-page .sidebar1 ul { background:url(images/podstrona-menu-bg.jpg); margin:0; padding:0; list-style:none; }
#content-page .sidebar1 li { margin:5; padding:0;}
#content-page .sidebar1 li a { height:52px; display:block; padding-top:1px;}
#content-page .sidebar1 li a:hover { text-decoration:none; }
#content-page .sidebar1 li:hover { background:url(images/podstrona-menu-rollover.gif) top no-repeat;}

#content-page .sidebar-blog { width:230px; margin-right:10px;  background:url(images/podstrona-blog-menu-bg-no-dots.jpg) top no-repeat; }
#content-page .sidebar-blog ul { list-style:square; }
#content-page .sidebar-blog li { margin:0; padding-right: 10px; padding-bottom: 10px; padding-top: 10px;}
#content-page .sidebar-blog li a { /*display:block; */ padding-top:1px;}
#content-page .sidebar-blog li a:hover { text-decoration:underline; }
/*#content-page .sidebar-blog li:hover { background:url(images/podstrona-menu-rollover.gif) top no-repeat;}*/

#content-page .content { width:650px; padding-top:10px; }
#content-page .content .nav { width:650px; height:32px; padding-top:18px; background:#fff; color:#aeaeae; } 
#content-page .content .nav div a { color:#aeaeae; font-weight:normal; }
#content-page .content .nav .left { text-align:left; padding-left:10px; }
#content-page .content .nav .right { text-align:right; padding-right:30px; }
#content-page .content .title { border-bottom:1px solid #e5e5e5; margin-top: 10px; margin-bottom: 20px;}
#content-page .content h1 { color:#062d57; font-size:41px; margin:0; padding:0; font-weight:normal; }
#content-page .content #post { background:#fff; color:#4f4f4f; padding:0 10px 10px 10px; }
#content-page .content #post a { color:#7fa5d1; font-weight:bold; }
#content-page .content .entry { line-height:18px; padding-top:5px; }
#content-page .content .entry p { padding-top:5px; padding-bottom:5px; }
#content-page .content .entry img { margin-right: 10px; margin-bottom: 10px; border: 0px; }
#podstrona-marki { width:75%; }
#podstrona-marki td { vertical-align:top; height:44px; padding-left:20px; text-align:right; padding-bottom:20px; }
#podstrona-marki .title { padding-left:0px; text-align:left; }


/* FOOTER */

#footer { width:950px; }
#footer .left { width:50%; text-align:left; height:50px; }
#footer .right { width:50%; text-align:right; height:50px; }

.noanswer { background: #FFAAAA; }

/* */

.a{position:absolute;}
.r{position:relative;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.fc{overflow:hidden;height:100%;}
.db{display:block;}
.clr{clear:both;height:0;overflow:hidden;}
.cnt{margin:auto;}
.tcnt{text-align:center;}
.tr{text-align:right;}
.cb{clear:both;}
.ht{text-indent: -10000px;}

@font-face {
	font-family: 'DaxProRegular';
	src: url('font/daxpro-regular-webfont.eot');
	src: local('☺'), url('font/daxpro-regular-webfont.woff') format('woff'), url('font/daxpro-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


.dax{
font-family: 'DaxProRegular';
margin:0;
font-weight:normal;
}

a{outline:none;color:#7fa5d1;}
a img{border:0;}


.wbanner{
background:#fff;
padding:10px 0;
}

.homebox{
background:#fff;
padding:7px 0;

}
.home-links{
margin:0 11px 0 0 ;
}


.bb-box,
.y-box,
.b-box{
width:209px;
display:block;
text-decoration:none;
padding:16px 0 0 14px;
}

.y-box span{
color:#062d57;
padding:0 0 0 29px;
display:block;
width:132px;
}

.bb-box h1,
.y-box h1,
.b-box h1{
font-weight:normal;
padding:2px 0 2px 29px;
background:url('img/arr.png') no-repeat left center;
font-size:16px;
margin:0;

}


.y-box:hover h1,
.b-box:hover h1{
background-position:2px center;

}
.bb-box:hover h1,
.b-box:hover h1{
text-shadow:1px 1px 2px #000;
}


.y-box h1{
font-weight:bold;
letter-spacing:-1px;
color:#062d57;
}
.bb-box h1,
.b-box h1{
color:#fff;
}
.bb-box h1{
position:relative;
top:14px;
padding-left:40px;
font-size:20px;
}
.bb-box{
margin-right:10px;
}

.y-box{
margin-bottom:7px;
height:68px;
background:url('img/y-box.png') no-repeat 0 0;
}
.b-box{

height:43px;
background:url('img/b-box.png') no-repeat 0 0;
}
.bb-box{
display:inline;
height:78px;
background:url('img/bb-box.png') no-repeat 0 0;
}

.qst{
padding-top:10px;

}
.qst h1{
background-image:url('img/q.png');
}
.exp{
width:335px;
height:160px;
background:url('img/oczekiwania.jpg');
}
.calc .bmore,
.exp .bmore{
background-image:url('img/dbmore.png');
bottom:0;
left:44px;
color:#1a426f;
}

.radial{
font-size:12px;
height:140px;
width:295px;
padding:20px;
background:url('img/radial.jpg') no-repeat top center;
color:#bbdbff;
}
.radial h1{
color:#fff;
font-size:19px;
margin:0 0 8px 0;
}

.radial .bmore{
bottom:0;
right:10px;
}



.bmore{
color:#fff;
text-decoration:none;
background:url('img/bmore.png');
padding:0 26px 0 30px;
height:26px;
line-height:26px;
}
.bmore:hover{

text-decoration:underline;
}

.gall{
padding:11px 16px;
background:#214d80;
margin:0 0 0 8px;
height:318px;
}

.gall .bmore{
bottom:0;
left:16px;
}

.gpic{
display:block;
}
.gpic img{
border:4px solid #fff;
display:block;
margin:0 0 8px 0;
}
.gpic:hover img{
position:relative;
left:-1px;
top:-1px;
-moz-box-shadow:1px 1px 2px #333;
-webkit-box-shadow:1px 1px 2px #333;
}


.wlist{
margin:0 0 0 7px;
width:230px;
height:340px;
background:#1e497a;

}

.wlist .bmore{
bottom:0;
right:10px;
padding:0 10px 0 20px;
}
.lnav h1,
.wlist h1{
text-align:center;
font-weight:bold;
margin:auto;
font-size:22px;
color:#062d57;
width:207px;
height:36px;
position:relative;
margin-top:-11px;
margin-bottom:11px;
background:url('img/y-box-pin.jpg');
padding:37px 0 0 0;
}






.wi{
border-top:2px solid #25558b;
color:#bbdbff;
padding:14px 28px;
background:url('img/li.gif') no-repeat 12px 17px;
display:block;
text-decoration:none;
}
.wi:hover{
background-color:#0b3058;
}
.wf{
border:none;
}


.wi strong{
color:#fff;
display:block;
}

.smap{
width:190px;
padding:15px 20px;
height:190px;
background:url('img/smap.gif') no-repeat;

}

.smap h1{
font-size:20px;
font-weight:bold;
color:#062d57;
margin:0 0 5px 0;
}
.smap .bmore{
bottom:0;
left:20px;
background-color:#3e6da1;
padding:0 10px 0 20px;
}


.calc{
width:230px;
margin:15px 0 0 0;
height:92px;
background:url('img/calc.jpg') no-repeat;
}

.calc h1{
font-size:19px;
padding:20px 0 0 18px;
color:#062d57;
}

.calc .bmore{
left:20px;
padding:0 10px 0 20px;
bottom:0;
}

.lstcol{
margin-left:13px;
}

.partners{
color:#bbdbff;

border:1px dotted #577faa;
border-width:1px 0 1px 0;
margin-top:30px;
padding:20px 0;
}
.partners a{
margin:0 5px;
}
.partners a img{
vertical-align:middle;
}

.foot{
color:#bbdbff;
padding:10px 0;
}
.foot a{
text-decoration:none;
color:#bbdbff;
}

.lnav{
background:#1b4676;
width:231px;
float:left;
}
.lnav a{
background:url('img/rab.gif') no-repeat 12px center;
height:34px;
line-height:34px;
padding:0 0 0 30px;
color:#fff;
display:block;
font-size:14px;
text-decoration:none;
border-bottom:1px solid #2f5e93;
}
.lnav .sel,
.lnav a:hover{
background-color:#092e56;
}

.content{
float:right;
margin:0px 0 0 0px;
position:relative;
top:11px;
background:#fff;
padding:20px 30px;
width:650px;
/*border: 1px solid red;*/
}

.ret{

padding:0 0 0 11px;
background:url('img/la.gif') no-repeat left center;
}
.ret,
.crumbs a
{
text-decoration:none;
color:#aeaeae;
}

.crumbs a{
background:url('img/ra.gif') no-repeat right center;
padding:0 11px 0 0 ;
margin:0 11px 0 0;
}
.crumbs a:last-child{
background:none;
}

.title{
font-size:40px;
color:#062d57;
padding:20px 0 ;
border-bottom:1px solid #e5e5e5;
margin:0 0 18px 0;
}


.title-blog{
font-size:22px;
line-height: 25px;
color:#062d57 !important;
padding:6px 0;
margin:0 0 6px 0;
}


.cblock{
width:288px;
float:left;
padding-top:15px;
}
.gwrap{
margin:0 0 0 5px;
}
.gmap{
margin-top:5px;
padding:10px;
border:1px solid #eeeeee;
}

.tabs{
clear:both;
overflow:hidden;

}
.tabs{
margin:10px 0 0 0;
border-bottom:1px solid #e5e5e5;
padding-bottom:3px;
}
.tabs a{
margin:0 1px 0 0;
float:left;
padding:0 15px;
height:34px;
background:#93bae6;
color:#1a426f;
text-decoration:none;
line-height:34px;
border-top:6px solid #fff;
}
.tabs .sel{
border:0;
height:40px;
line-height:40px;
font-weight:bold;
color:#fff;
background:#25558b;
}
.etab{
padding:15px 0;
clear:both;
}

.ipic{
float:left;
margin:0 27px 0 0;
}
.icont{
padding:15px 0;
}
.iitem{
padding:15px 0;
}
.icont h2{
margin:0;
font:bold 12px Arial;
}

.w0{width:950px;}

.lw{background:url('img/vt.gif') repeat-y center;}


.header{

padding-top:124px;
}
.logo{
width:202px;
height:53px;
background:url('img/logo.png');
top:32px;
margin-right:15px;
}

.alignright { float: right; border: 1px solid #cccccc !important; padding: 5px;}
.alignleft { float: left; border: 1px solid #cccccc;  }

.nbd { border: 0px; }

input[type="text"], textarea{
    margin: 0 0 9px;
    width: 98%;
    color: #333333;
    font-size: 13px;
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #CCCCCC;
    padding: 2px;
}

.grayCol { color: #4F4F4F; }

.commentlist { list-style:none; padding:0; margin:0 0 20px 0; }
.commentlist li { margin-top:5px; margin-bottom:5px; }
.commentlist p { margin-top:5px; margin-bottom:5px; }

.navigation #prev a { border: 1px solid red; }