/* CSS Document */
body{padding:0px; margin:0px; background:url(images/mainbg5f.gif) 0 0 repeat-x #ffff00; font:14px/20px Tahoma, Helvetica, sans-serif; overflow-x:hidden;}
div, p, ul, h3, form, label{margin:0px; padding:0px;}
#myDivlabelClubs A:link {text-decoration: none; color:#000000}
#myDivlabelClubs A:visited {text-decoration: none; color:#404040;}
#myDivlabelClubs A:active {text-decoration: none;}
#myDivlabelClubs A:hover {text-decoration: none; color: #666666;}
A:link {text-decoration: none;}
A:visited {text-decoration: none;}
A:active {text-decoration: none;}
A:hover {text-decoration: none; color: #666666;}
h1, h2{margin:0px; padding:0px; font:26px/30px verdana, "Times New Roman", Times, serif; font-weight:bold;}
/*----ul{list-style-type:none;}----*/
P.one{font: 18pt arial; color: bronze; font-weight: bold;}
#myDivlabel{font:17px/22px verdana, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; color:#000000; padding:0 0 0 0;} 
#myDivlabelClubs{font:11px verdana, "Times New Roman", Times, serif; padding:0 0 0 0;} 
div.mylabel{font:17px/22px verdana, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; color:#000000; padding:0 0 0 0;} 
div.mylabelbig{font:22px/26px verdana, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; color:#000000; padding:0 0 0 0;} 
div.hr{background:url(images/dot-line.gif) 0% 50% repeat-x; height:1px; width:94%; padding:0 0 0 0; margin:20px;}
div.hrClubs{background:url(images/dot-line.gif) 50% 50% repeat-x; height:1px; width:98%; padding:0 0 0 0; margin:5px;}
#clubsTable {background-image:url(TEMPLATE/bombaY.gif) 50% 50% no-repeat; position:relative; top:0px; left:0px; padding:0px 0px 0px 0px;}
/*---Top Panel---*/



#topPan{width:100%; height:120px; position:relative; margin:0 auto;}
#topPan #BGnews{width:100%; height:203px; background:url(images/istoria3.gif) 0 0 no-repeat; position:absolute; top:0px; left:0px; z-index:0}
#topPan #BGax{width:100%; height:203px; background:url(images/BGax1.gif) 0 0 no-repeat; position:absolute; top:0px; left:0px; z-index:0}
#topPan #BGefhm{width:100%; height:203px; background:url(images/efhm.jpg) 0 0 no-repeat; position:absolute; top:0px; left:0px; z-index:0}
#topPan #BGistoria{width:100%; height:203px; background:url(images/BGistoriaB.gif) 0 0 no-repeat; position:absolute; top:0px; left:0px; z-index:0}
#topPan #BGAEKistoria{width:100%; height:203px; background:url(images/BGaekistoria10low.gif) 0 0 no-repeat; position:absolute; top:0px; left:0px; z-index:0}
#topPan #BGAEKistoria1280{width:100%; height:203px; background:url(images/BGaekistoria10.gif) 0 0 no-repeat; position:absolute; top:0px; left:0px; z-index:0}
#topPan #BGAEKyesterday{width:100%; height:203px; background:url(images/BGaekyesterday.gif) 0 0 no-repeat; position:absolute; top:0px; left:0px; z-index:0}
#topPan #BGmonopati{width:100%; height:203px; background:url(images/BGmonopati3.gif) 0 0 no-repeat; position:absolute; top:0px; left:0px; z-index:0}
#topPan #BG64{width:100%; height:203px; background:url(images/BG64.gif) 0 0 no-repeat; position:absolute; top:0px; left:0px; z-index:0}
#topPan #BGclubs{width:100%; height:203px; background:url(images/BGclubs.gif) 0 0 no-repeat; position:absolute; top:0px; left:0px; z-index:0}

#topPan ul{width:1020px; height:44px; background:url(images/home.jpg) 0 0 no-repeat; font-size:13px; position:absolute; top:0px; left:0px;}
#topPan ul li{width:114px; float:left;}
#topPan ul li.leftpadding{padding:0 0 0 59px; width:86px; background: url(images/home.gif) 100% 0 no-repeat #fff; color:#ffff00; text-decoration:none; text-align:center; line-height:44px;}
#topPan ul li a{width:114px; height:44px; display:block; background:url(images/home.gif) 0 0 repeat-x #F2F2F2; color:#ffff00; text-decoration:none; text-align:center; line-height:44px;}
#topPan ul li a:hover{width:114px; background:#ffff00; color:#000000;}

#topPan #logo{width:63px; height:100px; position:absolute; top:208px; left:46px;}
#topPan #page_specific_title {height:100px; position:absolute; top:200px; left:420px; color:#6F5D2B; font-size:48px; font-family:"enviro",Arial, Helvetica, sans-serif; font-weight:bold;}
/*#topPan h2{width:300px; height:118px; display:block; background:url(images/R_logo.gif) 0 0 no-repeat; color:#ffff00; position:absolute; top:20px; left:25px; font-size:12px; line-height:16px; padding:41px 0 0; font-weight:normal;}
#topPan h2{width:600px; height:149px; display:block; background:url(images/Rlogoboth.gif) 0 0 no-repeat; color:#ffff00; position:absolute; top:2px; left:25px; font-size:12px; line-height:16px; padding:41px 0 0; font-weight:normal;}*/
#topPan h2{width:300px; height:149px; display:block; background:url(images/RLOGOshine.gif) 0 0 no-repeat; color:#ffff00; position:absolute; top:2px; left:25px; font-size:12px; line-height:16px; padding:41px 0 0; font-weight:normal; z-index:10}
/* #topPan h2{width:310px; height:149px; display:block; background:url(images/RLOGOshine.gif) 0 0 no-repeat; color:#ffff00; position:absolute; top:2px; left:25px; font-size:12px; line-height:16px; padding:41px 0 0; font-weight:normal; z-index:10}*/
#topPan h1{width:315px; height:650px; background:url(images/aek_logo2.gif) 0 0 no-repeat; position:absolute; top:0px; right:0px; text-indent:-20000px;}



#topPan #rHistoryHellas{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/hellas.gif) 0 0 no-repeat; position:absolute; top:158px; left:10%;}
#topPan #rHistoryUK{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/uk.gif) 0 0 no-repeat; position:absolute; top:182px; left:12%;}
#topPan #rHistoryItalia{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/italia.gif) 0 0 no-repeat; position:absolute; top:222px; left:10%;}
#topPan #rHistoryDutch{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/nl.jpg) 0 0 no-repeat; position:absolute; top:246px; left:12%;}
#topPan #rHistoryRomania{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/ro.jpg) 0 0 no-repeat; position:absolute; top:286px; left:10%;}
#topPan #rHistoryDeutsch{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/ger.jpg) 0 0 no-repeat; position:absolute; top:310px; left:12%;}
#topPan #rHistoryFR{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/fr.jpg) 0 0 no-repeat; position:absolute; top:350px; left:10%;}
#topPan #rHistoryEspania{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/espania.jpg) 0 0 no-repeat; position:absolute; top:374px; left:12%;}
#topPan #rHistoryPortugal{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/portugal.gif) 0 0 no-repeat; position:absolute; top:414px; left:10%;}
#topPan #rHistoryRussia{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/russian.gif) 0 0 no-repeat; position:absolute; top:436px; left:12%;}
/*
#topPan #rHistoryHellas{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/hellas.gif) 0 0 no-repeat; position:absolute; top:190px; left:10%;}
#topPan #rHistoryUK{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/uk.gif) 0 0 no-repeat; position:absolute; top:214px; left:12%;}
#topPan #rHistoryItalia{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/italia.gif) 0 0 no-repeat; position:absolute; top:190px; left:20%;}
#topPan #rHistoryDutch{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/nl.jpg) 0 0 no-repeat; position:absolute; top:214px; left:22%;}
#topPan #rHistoryRomania{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/ro.jpg) 0 0 no-repeat; position:absolute; top:190px; left:30%;}
#topPan #rHistoryDeutsch{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/ger.jpg) 0 0 no-repeat; position:absolute; top:214px; left:32%;}
#topPan #rHistoryFR{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/fr.jpg) 0 0 no-repeat; position:absolute; top:190px; left:40%;}
#topPan #rHistoryEspania{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/espania.jpg) 0 0 no-repeat; position:absolute; top:214px; left:42%;}
#topPan #rHistoryPortugal{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/portugal.gif) 0 0 no-repeat; position:absolute; top:190px; left:50%;}
#topPan #rHistoryRussia{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/russian.gif) 0 0 no-repeat; position:absolute; top:214px; left:52%;}
*/
/*
#topPan #rHistoryHellas{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/hellas.gif) 0 0 no-repeat; position:absolute; top:60px; left:350px;}
#topPan #rHistoryUK{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/uk.gif) 0 0 no-repeat; position:absolute; top:84px; left:380px;}
#topPan #rHistoryItalia{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/italia.gif) 0 0 no-repeat; position:absolute; top:60px; left:470px;}
#topPan #rHistoryDutch{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/nl.jpg) 0 0 no-repeat; position:absolute; top:84px; left:500px;}
#topPan #rHistoryRomania{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/ro.jpg) 0 0 no-repeat; position:absolute; top:60px; left:590px;}
#topPan #rHistoryDeutsch{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/ger.jpg) 0 0 no-repeat; position:absolute; top:84px; left:620px;}
#topPan #rHistoryFR{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/fr.jpg) 0 0 no-repeat; position:absolute; top:60px; left:710px;}
#topPan #rHistoryEspania{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/espania.jpg) 0 0 no-repeat; position:absolute; top:84px; left:740px;}
#topPan #rHistoryPortugal{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/portugal.gif) 0 0 no-repeat; position:absolute; top:60px; left:830px;}
#topPan #rHistoryRussia{width:48px; height:32px; background:url(/ORIGINAL21/Istoria/russian.gif) 0 0 no-repeat; position:absolute; top:84px; left:860px;}
*/
#topPan span.rHistoryTitleBAK{width:600px; height:400px; color:#6F5D2B; font-size:38px; font-family:"mistral",Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; top:275px; left:160px;}
#topPan span.rNewsTitleBAK{width:600px; height:400px; color:#6F5D2B; font-size:38px; font-family:"wide latin",Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; top:275px; left:160px;}



#topPan ul.monopati li a{background:url(images/arrow2.gif) no-repeat; color:#3D3C2C; text-decoration:none;}
#topPan ul.monopati li a:hover{background:url(images/arrow3.gif) no-repeat; color:#7A7A77;}
/*
#topPan form.search{width:200px; height:20px; color:#000000; position:absolute; top:170px; left:114px; font:10px/12px verdana, "Times New Roman", Times, serif; z-index:2}
*/
#topPan form.search{width:200px; height:20px; color:#666666; position:absolute; top:210px; left:75px; font:10px/12px verdana, "Times New Roman", Times, serif; z-index:2}
#topPan form.monopati{width:380px; height:46px; background:url(images/monopati_select2.jpg) 0 0 no-repeat #fff;  color:#ffff00; position:absolute; top:242px; left:130px; font:18px/46px Georgia, "Times New Roman", Times, serif;}
#topPan form label{float:left; width:104px; display:block; padding:0 0 0 72px;}
#topPan form input.searchfield{cursor:pointer; border:inset 1px #ffff00; background:#666666; color:#666666; position:absolute; top:0px; left:50px; font-family:"arial" font-weight:bold; padding: 1px 2px; background:url(/imagess/formbg2.gif) repeat-x left top;}
#topPan form input.formbutton{cursor:pointer; border:outset 1px #ffff00; background:#000; color:#666666; position:absolute; top:0px; left:220px; font-family:"arial" font-weight:bold; background:url(/imagess/formbg2.gif) repeat-x left top;}
#topPan formBAK input{width:112px; height:18px; float:left; display:block; margin:12px 14px 0 0;}
#topPan formBAK input.button{width:50px; height:19px; float:left; display:block; border:none; background:url(images/button.gif) 0 0 no-repeat ##ffff00; font-size:14px; line-height:19px; font-weight:bold; color:#fff; text-align:center; margin:12px 0 0;}
/*---/Top Panel---*/

/*---Middle Panel---*/
#middlePan{width:800px; position:relative; margin:0 auto; padding:38px 5px 0 5px;}

/*--#middletopPan{width:800px; background:url(/images/pano1.gif) 50% 32% no-repeat;  background-attachment: fixed; position:relative; top:0px; left:0px;}---*/
#middletopPan{width:770px; background:url(/images/BGpano.jpg) 50% 32% no-repeat;  background-attachment: fixed; position:relative; top:0px; left:0px; padding:0px 10px 0px 10px;}
/*#middletopPanYellow{width:800px; position:relative; top:0px; left:0px; padding:0px 10px 0px 10px;}*/
#middletopPan{width:770px; background:url(/images/BGpano.jpg) 50% 33% no-repeat;  background-attachment: fixed; position:relative; top:0px; left:0px; padding:0px 10px 0px 10px;}
#middletopPanIE{width:800px; background:url(images/BGpano.jpg) 0 32% no-repeat;  background-attachment: fixed; position:relative; top:0px; left:0px; padding:0px 10px 0px 10px;}
#middletopPanYellow{width:800px; background:url(images/BGdwmatiaki2.gif) 50% 32% no-repeat;  background-attachment: fixed; position:relative; top:0px; left:0px; padding:0px 10px 0px 10px;}
#middletopPanYellowIE{width:800px; background:url(images/BGdwmatiaki2.gif) 0 32% no-repeat;  background-attachment: fixed; position:relative; top:0px; left:119px; padding:0px 10px 0px 10px;}
#middletopPanYellowIEnonmain{width:800px; background:url(images/BGdwmatiaki2.gif) 0 32% no-repeat;  background-attachment: fixed; position:relative; top:0px; left:10px; padding:0px 10px 0px 10px;}
#middletopPanYellowIE7{width:800px; background:url(images/BGdwmatiaki2.gif) 0 32% no-repeat;  background-attachment: fixed; position:relative; top:0px; left:43px; padding:0px 10px 0px 10px;}
#middletopPanYellowIE7nonmain{width:800px; background:url(images/BGdwmatiaki2.gif) 0 32% no-repeat;  background-attachment: fixed; position:relative; top:0px; left:0px; padding:0px 10px 0px 10px;}
div.middletopPanYellowIE{width:800px; background:url(images/BGdwmatiaki2.gif) 70% 32% fixed no-repeat top:0px; left:121px; padding:0px 10px 0px 10px;}
#middletopPanNoBG{width:800px; top:0px; left:5px; padding:0px 10px 0px 10px;}
#middletopPanNoBGIE{width:800px; top:0px; left:5px; padding:0px 10px 0px 50px;}
#middletopPanChat{width:800px; top:0px; left:300px; padding:0px 10px 0px 113px;}
#middletopPanChatIE{width:800px; top:0px; left:300px; padding:0px 10px 0px 221px;}
#middletopPanAlt1{width:800px; background:url(/images/BGnf3.gif) 50% 32% no-repeat; background-attachment:fixed; position:relative; top:0px; left:0px; padding:0px 0px 0p 0px;}
#middletopPanMonopati{width:800px; position:relative; top:0px; left:0px; padding:0px 0px 0p 0px;}
#middlePan p.captiontext{width:700px; font:17px/22px verdana, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; color:#000000; padding:0 310px 0 0;} 
#middlePan p.captiontextTitle{width:700px; font:24px/29px verdana, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; color:#000000; padding:0 0 0 0;} 
#middlePan p.captiontextTitleRight{width:700px; font:24px/29px verdana, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; color:#000000; padding:0 0 0 0; text-align: right;} 
#middletopPan p.two{color:#000; font-size:14px; font-family:"arial",Arial, Helvetica, sans-serif; padding:0 0 0 0px;}
#middletopPan p.name{width:77px; background:#fff; color:#000; font-size:14px; font-style:italic; font-weight:bold; padding:0 0 0 300px;}
#middletopPanYellow p.border{background:url(images/dot-line.gif) 0% 50% repeat-x; height:74px; padding:0px; margin:0px;}
#middletopPan #services{width:254px; height:101px; color:#000; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; top:0px; right:0px;}
#middletopPan #services p.largeone{font-size:24px; padding:18px 0 0 100px;}
#middletopPan #services p.largetwo{font-size:30px; padding:5px 0 0 100px;}
#middletopPan #services p.click{width:51px;}
#middletopPan #services p.click a{width:36px; height:18px; display:block; font-size:16px; background:url(images/arrow.gif) 0% 50% no-repeat #AC9248; line-height:14px; color:#fff; text-decoration:none; margin:14px 0 0 166px; padding:0 0 0 15px;}
#middletopPan #services p.click a:hover{text-decoration:underline;}
#middletopPan p.agwnes{width:300px; background:url(/images/agwnes.gif) 50% 32% no-repeat;  background-attachment: fixed; position:relative; top:0px; left:0px;}

#middlePan #RollingAgwnes{width:250px; height:50px; color:#000; font:verdana,Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; top:32px; left:75px;}
#middlePan #ContactInfoOUT{width:100px; height:66px; background:url(images/contactInfo.jpg) 0 0 no-repeat; color:#000; font:verdana,Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; top:33px; left:696px;}
#middlePan #EfhmMain{width:459px; height:66px; background:url(TEMPLATE/efhmeridaki_banner.jpg) 0 0 no-repeat; color:#000; font:verdana,Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; top:33px; left:240px;}


#RollingAgwnesFootballgif{width:50px; height:66px; background:url(images/football-icon4.gif) 0 0 no-repeat;  position:absolute; top:0px; left:-60px;}
#RollingAgwnesBasketgif{width:54px; height:66px; background:url(images/basket-icon3.gif) 0 0 no-repeat;  position:absolute; top:2px; left:-60px;}
#RollingAgwnesVolleygif{width:78px; height:66px; background:url(images/volley-icon3.gif) 0 0 no-repeat;  position:absolute; top:12px; left:-60px;}
#RollingAgwnesHandballgif{width:75px; height:66px; background:url(images/handball-icon3.gif) 0 0 no-repeat;  position:absolute; top:5px; left:-60px;}

#MyRightPan{width:200px; height:91px; background:url(images/alh8eias3.gif) 0 0 no-repeat;  position:absolute; top:400px; right:0px;}
#MyRightPanNews{width:200px; height:126px; background:url(images/Rnews_21.jpg) 0 0 no-repeat;  position:absolute; top:500px; right:0px;}
#MyRightPanAX{width:200px; height:42px; background:url(images/ax_tiny.jpg) 0 0 no-repeat;  position:absolute; top:630px; right:0px;}

/*
#RollingAgwnesFootballgif{width:38px; height:50px; background:url(images/football-icon3.gif) 0 0 no-repeat;  position:absolute; top:27px; left:-20px;}
#RollingAgwnesBasketgif{width:21px; height:21px; background:url(images/basket-icon.gif) 0 0 no-repeat;  position:absolute; top:27px; left:-20px;}
#RollingAgwnesVolleygif{width:21px; height:21px; background:url(images/volley-icon.gif) 0 0 no-repeat;  position:absolute; top:27px; left:-20px;}
#RollingAgwnesHandballgif{width:21px; height:21px; background:url(images/handball-icon2.gif) 0 0 no-repeat;  position:absolute; top:27px; left:-20px;}
*/

#middletopPanInclude{width:800px; height:100%; background:url(/images/BGnf3Wide.gif) 50% 32% no-repeat; background-attachment: fixed; position:relative; top:0px; left:2px; padding:0px 10px 0px 13px;}

#middlePanClubs{width:800px; position:relative; margin:0 auto; padding:38px 5px 5px 5px;}
#middletopPanClubs{width:800px; position:relative; left:0px; top:0px;}
/*---/Middle Panel---*/

/*---Left Panel---*/
/*#leftPan{width:428px; float:left; background:#fff;}*/
#leftPan{width:800px;}
#leftPan h2{width:200px; font:22px/28px Georgia, "Times New Roman", Times, serif; background:#fff; color:#3D3C2C;}
#leftPan h3{width:300px; height:70px; background:url(images/icon1.jpg) 0% 50% no-repeat #fff; color:#B38800; font:18px/70px Georgia, "Times New Roman", Times, serif; padding:0 0 0 65px;}

#leftPan p.redtext{font-size:18px; background:#fff; color:#D20039; padding:0 61px 0 0;}
#leftPan p.more{width:66px; height:25px;}
#leftPan p.more a{width:60px; height:25px; display:block; background:url(images/arrow1.gif) 85% 50% no-repeat #AC9145; color:#fff; font:14px/25px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; margin:0 0 0 300px; padding:0 0 0 6px;}
#leftPan p.more a:hover{background:url(images/arrow1.gif) 85% 50% no-repeat #D20039; color:#fff; text-decoration:none;}

#leftPan ul{padding:20px 62px 10px 0;}
#leftPan ul li{height:20px;}
#leftPan ul li.top-lipadding{padding:24px 0 0;}

#leftPan ul li a{background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#3D3C2C; font-size:14px; line-height:20px; text-decoration:none; padding:0 0 0 20px;}
#leftPan ul li a:hover{ background:url(images/bullet2.gif) 0 6px no-repeat #fff; color:#7A7A77;}

#leftPan #blog{width:367px; height:167px; background:url(images/image1.jpg) 0 0 no-repeat #fff; color:#3D3C2C; margin:39px 0 0; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;}
#leftPan #blog p.smalltext{font-size:20px; padding:16px 0 0 137px;}
#leftPan #blog p.bigtext{font-size:24px; padding:5px 0 0 137px;}
#leftPan #blog p.link{font:14px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:35px 19px 0 137px;}
#leftPan #blog p.link a{display:block; width:132px; height:54px; background:url(images/click-normal.gif) 100% 0% no-repeat #C4C4C4; color:#fff; font-weight:bold; text-decoration:none; padding:0 77px 0 0;}
#leftPan #blog p.link a:hover{text-decoration:none; background:url(images/click-hover.gif) 100% 0% no-repeat #C4C4C4; color:#fff;}

/*---/Left Panel---*/
/*---Right Panel---*/
#rightPan{width:254px; float:left;}
#rightPan h2{width:200px; height:36px; font:22px/20px Georgia, "Times New Roman", Times, serif; background:#fff; color:#3D3C2C;}
#rightPan h3{width:200px; height:36px; font:22px/20px Georgia, "Times New Roman", Times, serif; background:#fff; color:#3D3C2C;}

#rightPan ul{padding:0 0 25px 0;}
#rightPan ul li{width:220px; height:25px;}
#rightPan ul li a{background:url(images/arrow2.gif) 0 7px no-repeat #fff; color:#3D3C2C; line-height:25px; text-decoration:underline; padding:0 0 0 20px;}
#rightPan ul li a:hover{background:url(images/arrow3.gif) 0 7px no-repeat #fff; color:#7A7A77;}

#rightPan ul.nextone{padding:0 0 25px 0;}
#rightPan ul.nextone li{width:220px; height:25px;}
#rightPan ul.nextone li a{background:url(images/arrow2.gif) 0 7px no-repeat #fff; color:#D20039; line-height:25px; text-decoration:underline; padding:0 0 0 20px;}
#rightPan ul.nextone li a:hover{background:url(images/arrow3.gif) 0 7px no-repeat #fff; color:#7A7A77;}
/*---/Right Panel---*/
/*---Footer Panel---*/
#footermainPan{height:135px; width:100%; background:url(images/8elw8.gif) 50% 100% no-repeat; color:#6F5D2B; font:12px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:0 0 0 0;}
#footerPan{width:100%; position:relative; margin:0 auto;}
#footerlogoPan{display:block; width:300px; height:40px; position:absolute; top:83px; right:20px;}
#footerintimelogoPan{width:135px; height:87px; position:absolute; top:83px; left:5px;}
#AekaraGiaPanta{width:200px; font:17px/22px verdana, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; color:#000000;} 

#footerPan ul{width:546px; position:absolute; top:0px; left:142px;}
#footerPan li{float:left; }
#footerPan ul li a{color:#6F5D2B; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan p.copyright{width:204px; color:#D20039; position:absolute; top:23px; left:50px;}

#ghpedoCount {width:300px; height:10px; position:absolute; top:0px; left:0px; color:#fff; font-size:8px; font-family:"verdana",Arial, Helvetica; font-weight:bold; z-index:4}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}



input.black {
border: 1px solid black;
background-color: black;
font: 10pt arial; color: white; font-weight: bold;
background: url(http://www.original21.com/TempIm/input.jpg);
}

input { 
border: 1px solid black; 
background-color: #ffff00;
}

select {
 border: 1px solid black;
 background-color: #ffff00;
 color: #000000;
}













/*big menu*/

#container {
	width: 500px;
	margin: auto;
	text-align: left;
	margin-bottom: 50px;

#kwick {
	position: relative;
	/*border-bottom: 3px double #333;*/
	margin-top: 20px;
}

#kwick .kwicks {
	display: block;
	height: 200px;
	margin: 0px;
}

#kwick li {
	float: left;
}

li:after {
	content: "";
}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 200px;
	width: 97px;
	/*padding: 10px;*/
	background: #fff;
	/*border-right: 5px solid #202020;*/
	border-right: 2px solid #fff;
}

#kwick .kwick span {
	display: none;
}

#kwick .opt1 {
	background: #9ce782 url(images/R_logo.gif) ;
}

#kwick .opt2 {
	background: #92bdfa url(images/R_logo.gif);
}

#kwick .opt3 {
	background: #faa892 url(images/R_logo.gif);
}

#kwick .opt4 {
	background: #e78282 url(images/R_logo.gif);
}

#kwick .opt5 {
	background: #000 url(images/R_logo.gif);
	border-right: 0;
}


ul.menu {
	list-style: none;
}

ul.menu li, h1 {
	font-size: 4em;
	/*margin-top: 0.2em;
	margin-bottom: -0.1em;*/
	letter-spacing: -0.05em;
	line-height: 0.9em;
	font-weight: bold;
	color: #ccc;
}

ul.menu li:after, h1:after {
	content: ".";
	color: gold;
}

h1 {
	margin-bottom: 50px;
}

h2 {
	font-size: 2em;
	letter-spacing: -0.05em;
	line-height: 0.8em;
	font-weight: bold;
	color: #CCCCCC;
	margin-top: 1em;
}

p {
	margin-top: 1em;
}

ul {
	list-style: square;
	margin: 1em;
}
























#log {
	background: #f8f8f8;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	padding: 0.3em;
	margin-top: 10px;
}
 
#start a {
	font-weight: bold;
}





.dcountstyle{ /*Example CSS to style count up output*/
font: bold 36px arial;
padding: 3px;
}

.dcountlabel{
font: bold 36px arial;
padding: 1px;
}

.dcountstyle sup{ /*Example CSS to style count up output*/
font-size: 90%
}

/*---Ajax Window---*/

.content {
  margin:00px 30px 0px 30px;
  padding-right:10px;
}

iframe.frame_content {
  width:100%;
  height:100%;
  border:0;
  overflow:visible;
}

pre, xmp {
  font: 12px Courier;
  background:#F5F5F5;
  padding:10px;
  border: 1px dotted #272727;
  overflow:auto;
  width:95%;
  margin:0;
}

textarea.listing {
  width:100%;
  font: 12px Courier;
}




.navigation a.selected {
	background:#FFF;
	border-bottom:none;
  border-bottom: 1px solid #FFF;
}


span.title {
  font: 16px "Trebuchet MS",Verdana,Arial,sans-serif; 
 	color:#ED2123;
  cursor:pointer
}

span.title2 {
  font: 12px "Trebuchet MS",Verdana,Arial,sans-serif; 
 	color:#ED2123;
  cursor:pointer
}

.navigation ul {
  margin:0;
  padding:10px 0 5px 0;  
  text-align:center;
  border-bottom: 1px solid #272727;
}

.navigation li {
  display:inline;
  padding:0px;
  margin:0px;
}

.navigation a {
  border: 1px solid #272727;
  padding:5px;
  background:#DDD;
}

p.description {
  padding-bottom:0;  
  margin-bottom:0;  
}

p.buttons {
  margin:0;
  padding:0;
}

span.button {
  margin:0;
  padding:0;  
  border-bottom: 1px dotted #272727;
  border-right: 1px dotted #272727;
  border-left: 1px dotted #272727;  
  width:100px;
  text-align:center;
  float:left;
  background:#EEE;
  color:#ED2123;
}

span.selected {
  background:#ED2123;
  color:#FFF;
}

div.separator {
  margin:20px;
  clear:both;
}
div.versions {
  font-size: 12px;	
}
div.versions ul  {
  font-size: 12px;	
  margin:4px;
  padding-left:20px;
}

/* DOCUMENATION PART*/
div.function {
  border: 1px solid #888;
  background:#FAF1E4;
  float:left;
	width:825px;
	margin-bottom: 20px;
}
div.function .title {
	padding: 5px 5px 5px 10px;
  margin:0;
  background:#F9F7F4;
}

p.parameter, p.parameter_header {
  font-size: 12px;	
  margin:0;
  clear:left;
  border-top: 1px dotted #272727;
}

p.parameter_header {
  border-top: 1px dotted #272727;
  border-bottom: 1px dotted #272727;
  background:#F9F7F4;
  float:left;
}

span.field, span.explanation {
	float:left;
	width:200px;
	padding: 2px 2px 2px 10px;  
}

span.explanation {
  border-left: 1px dotted #272727;
}

span.explanation {
	width:600px;	
}

span.function {
  font-family:"Courier";
  display:block;
  color:#A57F00;
}

th {
  font: 14px "Trebuchet MS",Verdana,Arial,sans-serif; 
  font-variant: small-caps;
  color:#000;
  text-align:left;
}

th, td.key, td.default, td.detail {
  padding-right:10px;
  padding-bottom:3px;
  vertical-align: top;
}

td.key {
  font-style: italic ;
  color:#666;
}

span.key, span.default, span.detail {
  padding-bottom:3px;
}

span.header {
  font: 14px "Trebuchet MS",Verdana,Arial,sans-serif; 
  font-variant: small-caps;
  color:#000;
}

.explanation ul {
	padding:0;
	margin:0;
}

.explanation .details {
  float:left;
}

table.overview td {
  vertical-align: top;
  padding-right:30px;
}
table.overview ul {
  margin:0;
  padding-left:5px;
  padding-top:5px;
}

.versions ul {
  padding:0;
	padding-bottom:5px;
	margin:0;
}

/* Intro panel */
h2.intro_message {
  padding-top:0px;
  font-size:24px;
}
ul.intro_message {
  text-align:left;
  margin:10px;
}
ul.intro_message li {
  padding:0;
  margin:0;
  font-size:14px;
}
h3.intro_message {
  font-size:12px;
  color:#666;
  margin:0;
  padding:0;
  margin-top:10px;
  text-align:center;
  
}
h4.intro_message {
  font-size:12px;
  color:#666;
  margin:0;
  padding:0;
  text-align:left;
}

span.intro_message {
  text-align:left;
  font-size:18px;
}
xmp.intro {
  padding:5px;
  margin:0 2%;
  text-align:left;
  width:93%;
}


div#wrapper{
  float:left;
  width:100%
}
div#content{
  margin-right:200px;
  padding-right:10px;
  border-right: 1px solid #888;
}
div#navigation{
  float:left;
  width:200px;
  margin-left:-200px;
  text-align:left;
  background:#fef1e2;
}

#nm {
  float:left;
  background:#FFF;
  width: 200px;
  height:250px;
  text-align:center;
}

#g {
  float:left;
  padding-top:10px;
  padding-left:40px;
}

