
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'hand';
    src: url('../fonts/lh1.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: 'Hairline';
    src: url('../fonts/Hairline.ttf') format('truetype');
    font-style: normal;
}


html {scroll-behavior:smooth;height:101%}

body {padding:0px;margin:0px;font-family:Figtree;width:100%;background-color:#222222;color:#a0a0a0;vertical-align:top;text-align:center}
table, td {padding:0;font-family:Figtree;text-align:left}
p {font-weight:inherit}

.tab {border-right:0px solid #000000;border-left:0px solid #000000;margin:auto;xbackground-color:#08485D;background-color:#000000;height:100%;width:1110px;max-width:1110px;min-width:1110px}
.lefttab {border-left:0px solid red;width:1200px;max-width:1200px;min-width:1200px;height:100%}
.maintab {background-color:#000000}

.img1 {width:100%;height:auto;min-width:662px;max-width:662px;}
.img2 {width:100%;height:auto;min-width:400px;max-width:400px;}
.img3 {width:200px;height:auto;min-width:200px;max-width:200px;cursor:pointer}
.memo {color:#709070;font-size:18px}
.ma {margin-top:50px;margin-right:115px;}

.fl1 {background-color:#000000;border-top:5px solid #000000;position:fixed;width:1110px;z-index:19}



.fland {

pointer-events:none;
width:100%;
height:270px;
max-height:270px;
min-height:270px;
position:fixed;
top:100px;
border-top:5px solid #709070;
border-bottom:1px solid #709070;
z-index:10;
}

.flander, .ww1914 {

background-position:center;
background-size:cover;
background-repeat:no-repeat;
background-image:url(../img/flanderland.webp);
opacity:30%
}

.ww1914 {background-image:url(../img/1914-18.jpg);opacity:30%;filter:xgrayscale(40%)}

.left1 {position:fixed;bottom:0px;display:block}
.left2 {vertical-align:top;position:sticky;top:120px;display:block}
.tp20 {padding-left:6px;padding-top:130px}
.tp3 {background-color:#000000}
.pt0 {padding-top:0px}
.simg {width:100%;height:auto}
.y {height:100%}

.left {
    
    width:0px;
    min-width:0px;
    background-color:#c0c0c0;
}

.chap1, .chap0 {width:165px;height:260px;background-position:center;background-size:cover;background-repeat:no-repeat;cursor:pointer;}
.chap2, .chap22 {color:#000000;background-color:#928052;text-align:center;font-weight:bold;cursor:pointer;position:sticky;top:0;display:block}
.chap2:hover {background-color:#A5171E} 
.chap1:hover, .chap0:hover {filter: grayscale(100%)}

.chapclg {width:165px;height:260px;}
.chappic {}

.chapmen, .chapmena, .chapmen2, .chapmen2a {color:#000000;background-color:#928052;text-align:center;padding:2px;font-weight:bold;cursor:pointer;text-decoration:none; position:sticky;top:0;display:block}
.chapmena, .chapmen:hover, .chapmen2a, .chapmen2:hover {background-color:#A5171E} 

.chapter {color:#A5171E;font-family:SairaExtra;font-size:70px;font-weight:bold;rotate:270deg;transform:translate(-100px, -15px);display:block;position:absolute;}

.gray {filter:grayscale(100%)}
.gray:hover {transition-duration:0.3s;filter:grayscale(0%)}

.x50, .x33 {background-position:center;background-size:cover;background-repeat:no-repeat}

.x50, .cls2 {width:49%}
.x33, .cls3 {width:32%;background-position:center;background-size:cover;background-repeat:no-repeat}
.x100, .cls1 {width:100%}
.clx, .cly, .clz, .cly3 {text-align:right;color:#c0c0c0;background-color:#000000 !important;padding-top:3px;font-family:SairaExtra;font-size:18px;}
.clz {font-size:16px;font-weight:normal}
.cly, .cly2, .cly3 {font-family:Hairline;font-weight:bold;font-size:20px;color:#80a080}
.cly2 {padding-top:10px;text-align:center;cursor:pointer}
.cly2:hover {color:#a0c0a0 !important}
.cly3 {font-size:16px}
.green {color:#80a080}

.cldoc, .cldoc3, .cldoc4 {border:4px solid #202020;background-color:#000000;font-weight:normal;font-size:18px;color:#a0a0a0;padding:20px;xfilter:sepia(0.63)}
.cldoc2 {width:100%}
.cldoc1 {background-color:#202020;font-weight:normal;font-size:18px;color:#a0a0a0;padding-top:5px;text-align: center;}
.cldoc3 {border-bottom:0;}
.cldoc4 {border-top:2px solid #202020;}

.filter, .search {font-family:Figtree;background-color:#000000;font-weight:normal;font-size:16px;color:#a0a0a0;padding:2px;border:2px solid #303030;outline:0;margin-bottom:10px;}
.filter:focus, .search:focus, .filter:hover, .search:hover {border:2px solid #606060}
.search {width:100%}
.search2 {font-size:50px;line-height:40%;margin-bottom:15px;color:#303030;cursor:pointer}
.search2:hover {color:#606060}

#pout {padding-top:30px}
#sout {padding-top:50px;vertical-align:top;text-align:right}
.mla, .mla100 {margin-left:auto;width:100%}
.mla100 {width:100%}

.w40 {width:40px}

.cls2, .cls3 {vertical-align:bottom}

.top1, .top2 {color:#c0c0c0;font-size:80px;font-family:Hairline;line-height:88%}
.top2 {color:#A7A49F;text-align:right}
.top4 {vertical-align:top;padding-top:5px;padding-left:5px;text-align:right}
.top3 {padding-left:15px}
.top5 {margin-left:auto}

.bbb, .bbx {color:#c0c0c0;padding-right:20px;font-family:Hairline;font-size:21px;font-weight:bold;cursor:pointer}
.bbb:hover {color:#a0c0a0;text-decoration:underline}
.bbx {font-size:20px;color:#a0c0a0}

.contrast {filter:contrast(105%)}
.hair {font-family:Hairline;font-weight:bold;color:#a0a0a0;font-size:19px}
.hair2 {color:#80a080;font-size:21px}

.x {width:100%}
.txt {padding:40px;padding-left:80px;padding-right:130px;font-family:Figtree;color:#928052}
.fix {position:sticky;top:0;background-color:#000000;display:block}

.topx {transform:translate(4px, 0px)}
.top {font-family:SairaExtra;color:#808080;xfont-weight:bold;font-size:26px}
.top:hover {color:#a0c0a0}
.no {text-decoration: none;}
.bold {font-weight: bold;padding-right:10px;}
.impr {color:#c0c0c0;margin:auto;margin-top:50px}

.starttop {width:1172px;height:120px;background-image:url("../img/logo-top.jpg");vertical-align:top}
.rand {width:36px}
.menu, .menua, .menu2, .menu22, .menu2a, .menu22a, .menu23, .menu23a {color:#000000;text-decoration:none;font-size:25px;font-family:SairaExtra;line-height:100%;cursor:pointer}
.menu:hover {color:#a0c0a0;transition: transform 0.3s; transform: scale(1.1, 1.1)}
.menu2:hover, .menu22:hover, .menu23:hover {color:#a0c0a0;transition: transform 0.3s; transform: scale(1.1, 1.1)}
.menua, .menu2a, .menu22a {color:#80a080}
.menu23a {color:#608060}
.menu2, .menu22 {color:#A7A49F}
.menuh {text-decoration:none;color:#000000;display:block}
.menuh:hover {color:#a0c0a0 !important;transition: transform 0.3s; transform: scale(1.02, 1.02)}
.menu22, .menu22:hover, .menu22a {font-size:20px}

.menu23, .menu23a {font-size:18px;color:#808080}

.login {color:#ffffff;text-decoration:none;font-size:10px}
.login:hover {color:#ffffff;text-decoration:none;font-size:10px;font-style:italic}
.newsline {font-size:12px;padding-top:25px;padding-left:200px}
.newsout {font-size:12px;padding-left:10px}
.promobild {width:290px;height:auto;float:left;margin-right:10px;margin-bottom:10px}
.artbild, .artbild2 {width:190px;height:auto;float:left;margin-right:20px}
.artbild2 {width:450px;margin-bottom:20px}

.infolink, .artlink {padding:5px;border:1px solid #000000;text-decoration:none;font-size:12px;font-weight:bold;color:#000000;display:block;width:fit-content}
.infolink:hover, .artlink:hover {padding:5px;border:1px solid #000000;text-decoration:none;font-size:12px;font-weight:bold;background-color:#ffffff;font-style:italic;
    
    transition: transform 0.3s; transform: scale(1.1, 1.1); box-shadow:3px 3px 3px rgba(0,0,0,0.5)
    }
    
.artlink:hover {transition: transform 0.3s; transform: scale(1.1, 1.1)}
.hmenue:hover {transition: transform 0.3s; transform: scale(1.05, 1.05)}

.buttong:hover {transition: transform 0.3s; transform: scale(1.1, 1.1); box-shadow:3px 3px 3px rgba(0,0,0,0.5)}

.grayteam {width:0px;height:100%;filter: grayscale(100%);background-image:url('../img/teampic-2.jpg')}
.colteam {background-image:url('../img/teampic-2.jpg')}

.artlink, .artlink:hover {border:1px solid #B89B5B;background-color:transparent;color:#B89B5B}

.teampic {background-size:cover;width:147px;height:180px}
.teaminf {background-color:#B89B5B;width:146px;height:180px;vertical-align:bottom;padding:4px;text-align:left}
.inftab {margin-bottom:auto;font-size:11px;text-align:left;color:#ffffff;font-weight:bold}
.bhead, .bhead:hover {background-size:cover;width:140px;height:140px;border:0px solid red;vertical-align:bottom}
.btext, .btext:hover {width:100%;height:100%;color:#ffffff;font-size:9px;font-weight:bold;text-shadow:1px 1px 3px #000000;margin-top:auto}
.rtop {background-color:#D0BD93;min-width:103px;max-width:103px;width:103px;height:36px}

.bhref, .bhref:hover {cursor:pointer;width:100%;height:100%;vertical-align:bottom;text-decoration:none}

.bhead:hover {box-shadow: 4px 4px 6px rgba(0,0,0,0.6)}

.bhead:hover {
    
    transition: transform 0.6s, filter 4s; transform: scale(1.3, 1.3); filter: grayscale(100%)
    
    }

.bhref {display:none}

.lw1, .lw2, .lw3, .lw4, .lw5, .lw6, .lw7, .lw8, .lw9, .lw0  {

  opacity:1;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -moz-animation-name: wi1;
  -webkit-animation-name: wi1;
  animation-name: wi1;
  }

.lw2 {
  -moz-animation-name: wi2;
  -webkit-animation-name: wi2;
  animation-name: wi2;
  }

.lw3 {
  -moz-animation-name: wi3;
  -webkit-animation-name: wi3;
  animation-name: wi3;
  }

.lw4 {
  -moz-animation-name: wi4;
  -webkit-animation-name: wi4;
  animation-name: wi4;
  }

.lw5 {
  -moz-animation-name: wi5;
  -webkit-animation-name: wi5;
  animation-name: wi5;
  }

.lw6 {
  -moz-animation-name: wi6;
  -webkit-animation-name: wi6;
  animation-name: wi6;
  }

.lw7 {
  -moz-animation-name: wi7;
  -webkit-animation-name: wi7;
  animation-name: wi7;
  }

.lw8 {
  -moz-animation-name: wi8;
  -webkit-animation-name: wi8;
  animation-name: wi8;
  }

.lw9 {
  -moz-animation-name: wi9;
  -webkit-animation-name: wi9;
  animation-name: wi9;
  }

.lw0 {
  -moz-animation-name: wi0;
  -webkit-animation-name: wi0;
  animation-name: wi0;
  }


.bhref, .slide {

  opacity:1;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -moz-animation-name: slidein;
  -webkit-animation-name: slidein;
  animation-name: slidein;
  }

.blend, .chap1, .chap0 {
  -moz-animation-duration: 1.3s;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
    
    animation-name: blendin;}

@-moz-keyframes slidein {
  from {margin-left:100%;opacity:0.0}
  to {margin-left:0%;opacity:1;filter:grayscale(0)}
  }

@-webkit-keyframes slidein {
  from {margin-left:100%;opacity:0.0}
  to {margin-left:0%;opacity:1}
  }

@keyframes slidein {
  from {margin-left:100%;opacity:0.0}
  to {margin-left:0%;opacity:1}
  }


@-moz-keyframes blendin {
  0% {margin-left:0%;opacity:0.0;filter:grayscale(1)}
  70% {margin-left:0%;opacity:1;filter:grayscale(1)}
  100% {margin-left:0%;opacity:1;filter:grayscale(0)}
  }

@-webkit-keyframes blendin {
  0% {margin-left:0%;opacity:0.0;filter:grayscale(1)}
  70% {margin-left:0%;opacity:1;filter:grayscale(1)}
  100% {margin-left:0%;opacity:1;filter:grayscale(0)}
  }

@keyframes blendin {
  0% {margin-left:0%;opacity:0.0;filter:grayscale(1)}
  70% {margin-left:0%;opacity:1;filter:grayscale(1)}
  100% {margin-left:0%;opacity:1;filter:grayscale(0)}
  }


@-moz-keyframes wings {
  0% {margin-top:-1000%;rotate:0deg}
  100% {margin-top:0;rotate:250deg}
  }


@-webkit-keyframes wings {
  0% {margin-top:-1000%;rotate:0deg}
  100% {margin-top:0;rotate:250deg}
  }

@keyframes wings {
  0% {margin-top:-1000%;rotate:0deg}
  100% {margin-top:0;rotate:250deg}
  }



.rmen, .mmen, .lmen {padding:8px;padding-top:8px;padding-bottom:8px}
.mmen, .lmen {border-right:5px solid #ffffff}
.lmen {border-left:5px solid #ffffff}

.round25 {

    border-bottom-left-radius: 25px;  
	border-bottom-right-radius: 25px; 
    border-top-left-radius: 25px;
	border-top-right-radius: 25px; 
	-webkit-border-bottom-left-radius: 25px;  
	-webkit-border-bottom-right-radius: 25px;  
	-webkit-border-top-left-radius: 25px;  
	-webkit-border-top-right-radius: 25px;  
	-moz-border-radius-bottomleft: 25px;  
	-moz-border-radius-bottomright: 25px;
	-moz-border-radius-topleft: 25px;  
	-moz-border-radius-topright: 25px;

}

.round5, .leftwings, .x33, .x50 {

    border-bottom-left-radius: 5px;  
	border-bottom-right-radius:5px; 
    border-top-left-radius:5px;
	border-top-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px;  
	-webkit-border-bottom-right-radius: 5px;  
	-webkit-border-top-left-radius: 5px;  
	-webkit-border-top-right-radius: 5px;  
	-moz-border-radius-bottomleft: 5px;  
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;  
	-moz-border-radius-topright: 5px;

}


.roundt5, .chap1, .chapmen2, .chap22, .chapmen2a {

    border-top-left-radius:5px;
	border-top-right-radius: 5px; 
	-webkit-border-top-left-radius: 5px;  
	-webkit-border-top-right-radius: 5px;  
	-moz-border-radius-topleft: 5px;  
	-moz-border-radius-topright: 5px;
}


.roundb5, .chap2, .chapmen, .chapmena {

    border-bottom-left-radius: 5px;  
	border-bottom-right-radius:5px; 
	-webkit-border-bottom-left-radius: 5px;  
	-webkit-border-bottom-right-radius: 5px;  
	-moz-border-radius-bottomleft: 5px;  
	-moz-border-radius-bottomright: 5px;

}

.kontxt1 {padding:10px}
.kontd, .kontd1 {padding: 10px;padding-left:40px;color:#A7A49F;font-family:Hairline;font-size:24px;font-weight:bold;white-space:nowrap;}
.kontd1, .kontd2 {border-bottom: 1px solid #80a080}
.kontd2 {padding:5px;padding-right:15px;width:100%;vertical-align:middle}
.kontd1 {width:10px}
.koninp {width:100%;height:30px;font-size:20px;border:0;background-color:transparent;color:#ffffff}

.kontab {border:1px solid #80a080;
    

    border-bottom-left-radius: 5px;  
	border-bottom-right-radius: 5px; 
    border-top-left-radius: 5px;
	border-top-right-radius: 5px; 
	-webkit-border-bottom-left-radius:5px;  
	-webkit-border-bottom-right-radius: 5px;  
	-webkit-border-top-left-radius: 5px;  
	-webkit-border-top-right-radius: 5px;  
	-moz-border-radius-bottomleft: 5px;  
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;  
	-moz-border-radius-topright: 5px;
}
.kontext {color:#ffffff;width:600px;height:250px;border:0;background-color:#000000;font-size:20px}

.buttong {border:0px solid #A7A49F;
    padding:5px;padding-left:35px;padding-right:35px;
    color:#000000;
    text-decoration:none;
    background-color:#A7A49F;
    font-family:SairaExtra;
    font-weight:bold;
    font-size:20px;
    margin:auto;
    letter-spacing:1px;
    display:block;width:fit-content;
    
    border-bottom-left-radius: 25px;  
	border-bottom-right-radius: 25px; 
    border-top-left-radius: 25px;
	border-top-right-radius: 25px; 
	-webkit-border-bottom-left-radius: 25px;  
	-webkit-border-bottom-right-radius: 25px;  
	-webkit-border-top-left-radius: 25px;  
	-webkit-border-top-right-radius: 25px;  
	-moz-border-radius-bottomleft: 25px;  
	-moz-border-radius-bottomright: 25px;
	-moz-border-radius-topleft: 25px;  
	-moz-border-radius-topright: 25px;
}

.buttong {color:#000000}
.buttong:hover, .buttonk:hover {background-color:#80a080}

.tac {text-align: center;}

.overtab {width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000000;opacity:0.7;z-index:1;display:none;
  -moz-animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; 
  -moz-animation-name: opac7;
  -webkit-animation-name: opac7;
  animation-name: opac7; }
  
.alerttab {width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}
.alertwin {text-align:center;vertical-align:middle}
.mainback {z-index:2;height:100%;padding:0;padding-top:0;padding-right:0}

@-moz-keyframes opac7 {from {opacity:0} to {opacity:0.7}}
@-webkit-keyframes opac7 {from {opacity:0} to {opacity:0.7}}
@keyframes opac7 {from {opacity:0} to {opacity:0.7}}


.upltxt {font-family:arial;font-size:11px;font-weight:600;color:#000000;visibility:visible;text-shadow:1px 1px 0 #ffffff,-1px -1px 0 #ffffff,-1px 1px 0 #ffffff,1px -1px 0 #ffffff}
a.roundButton, .roundButton, .roundButton_active {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f2f2f2)) !important;
	background:-moz-linear-gradient(top, #ffffff 5%, #f2f2f2 100%) !important;
	background:-webkit-linear-gradient(top, #ffffff 5%, #f2f2f2 100%) !important;
	background:-o-linear-gradient(top, #ffffff 5%, #f2f2f2 100%) !important;
	background:-ms-linear-gradient(top, #ffffff 5%, #f2f2f2 100%) !important;
	background:linear-gradient(to bottom, #ffffff 5%, #f2f2f2 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0) !important;
	background-color:#ffffff !important;
	-moz-border-radius:4px !important;
	-webkit-border-radius:4px !important;
	border-radius:4px !important;
	border:1px solid #d9d9d9 !important;
	display:inline-block !important;
	cursor:pointer !important;
	color:#444444 !important;
	font-family:Verdana;
	font-size:11px;
	padding:2px 22px;
	text-decoration:none !important;
}
a.roundButton:hover, .roundButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f2f2f2), color-stop(1, #ffffff)) !important;
	background:-moz-linear-gradient(top, #f2f2f2 5%, #ffffff 100%) !important;
	background:-webkit-linear-gradient(top, #f2f2f2 5%, #ffffff 100%) !important;
	background:-o-linear-gradient(top, #f2f2f2 5%, #ffffff 100%) !important;
	background:-ms-linear-gradient(top, #f2f2f2 5%, #ffffff 100%) !important;
	background:linear-gradient(to bottom, #f2f2f2 5%, #ffffff 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0) !important;
	background-color:#f2f2f2 !important;
    border:1px solid #42a1e5 !important;
}
a.roundButton:active, .roundButton:active, .roundButton_active {
	border:1px solid #42a1e5 !important;
}
.uplbox {
    
    background-color:#f0f0f0;
    vertical-align: middle;
    text-align: left;
    padding: 5px;
	border: 1px dotted #c0c0c0;
    display:block;
    margin:0;
    
}


.myway {font-family:hand;text-transform:lowercase}

