A:link
{
    BORDER-RIGHT: medium none;
    PADDING-RIGHT: 0px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: medium none;
    COLOR: #484848;
    LINE-HEIGHT: normal;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: medium none;
    FONT-STYLE: normal;
    FONT-FAMILY: 'Arial';
    LETTER-SPACING: normal;
    TEXT-DECORATION: underline
}

A:hover
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #96c285;
    PADDING-TOP: 0px;
    FONT-STYLE: normal;
    FONT-FAMILY: 'Arial';
    TEXT-DECORATION: underline
}
A:active
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #484848;
    PADDING-TOP: 0px;
    TEXT-DECORATION: underline
}
#container
{
    PADDING-RIGHT: 175px;
    PADDING-LEFT: 110px;
    BACKGROUND: url(zen-bg.jpg) no-repeat left top;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#intro
{
    MIN-WIDTH: 470px
}
#pageHeader
{
    MARGIN-BOTTOM: 20px
}
#pageHeader H1
{
    MARGIN-TOP: 10px;
    BACKGROUND: url(h1.gif) no-repeat left top;
    FLOAT: left;
    WIDTH: 219px;
    HEIGHT: 87px
}
#pageHeader H1 SPAN
{
    DISPLAY: none
}
#pageHeader H2
{
    MARGIN-TOP: 58px;
    BACKGROUND: url(h2.gif) no-repeat left top;
    FLOAT: right;
    MARGIN-BOTTOM: 40px;
    WIDTH: 200px;
    HEIGHT: 18px
}
#pageHeader H2 SPAN
{
    DISPLAY: none
}
#quickSummary
{
    CLEAR: both;
    FLOAT: left;
    MARGIN: 20px 20px 20px 10px;
    WIDTH: 160px
}
#quickSummary P
{
    FONT: italic 10pt/22pt georgia;
    TEXT-ALIGN: center
}
#preamble
{
    CLEAR: right;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
#supportingText
{
    PADDING-LEFT: 10px;
    MARGIN-BOTTOM: 40px
}
#footer
{
    TEXT-ALIGN: center
}
#footer A:link
{
    COLOR: #440a0a;
    MARGIN-RIGHT: 20px
}
#footer A:visited
{
    MARGIN-RIGHT: 20px
}
#linkList
{
    RIGHT: 0px;
    MARGIN-LEFT: 600px;
    POSITION: absolute;
    TOP: 0px
}
#linkList2
{
    PADDING-RIGHT: 10px;
    MARGIN-TOP: 150px;
    PADDING-LEFT: 10px;
    BACKGROUND: url(paper-bg.jpg) repeat-y left top;
    PADDING-BOTTOM: 10px;
    FONT: 10px verdana, sans-serif;
    WIDTH: 130px;
    COLOR: #440a0a;
    PADDING-TOP: 10px
}
#linkList H3.select
{
    BACKGROUND: url(h3.gif) no-repeat left top;
    MARGIN: 10px 0px 5px;
    WIDTH: 97px;
    HEIGHT: 16px
}
#linkList H3.select SPAN
{
    DISPLAY: none
}
#linkList H3.favorites
{
    BACKGROUND: url(h4.gif) no-repeat left top;
    MARGIN: 25px 0px 5px;
    WIDTH: 60px;
    HEIGHT: 18px
}
#linkList H3.favorites SPAN
{
    DISPLAY: none
}
#linkList H3.archives
{
    BACKGROUND: url(h5.gif) no-repeat left top;
    MARGIN: 25px 0px 5px;
    WIDTH: 57px;
    HEIGHT: 14px
}
#linkList H3.archives SPAN
{
    DISPLAY: none
}
#linkList H3.resources
{
    BACKGROUND: url(h6.gif) no-repeat left top;
    MARGIN: 25px 0px 5px;
    WIDTH: 63px;
    HEIGHT: 10px
}
#linkList H3.resources SPAN
{
    DISPLAY: none
}
#linkList UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#linkList LI
{
    DISPLAY: block;
    BACKGROUND: url(cr1.gif) no-repeat center top;
    MARGIN-BOTTOM: 5px;
    LINE-HEIGHT: 2.5ex;
    PADDING-TOP: 5px;
    LIST-STYLE-TYPE: none
}
#linkList LI A:link
{
    COLOR: #440a0a
}
#linkList LI A:visited
{
    COLOR: #b3ae94
}
#extraDiv1
{
    RIGHT: 0px;
    BACKGROUND: url(cr2.gif) no-repeat left top;
    WIDTH: 148px;
    POSITION: absolute;
    TOP: 40px;
    HEIGHT: 110px
}

A
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #484848;
    PADDING-TOP: 0px;
    FONT-FAMILY: 'Arial';
    TEXT-DECORATION: underline
}
#titlesub
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #7aa2ff;
    PADDING-TOP: 0px;
    FONT-FAMILY: 'Arial';
    TEXT-DECORATION: none
}
FONT
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #484848;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
INPUT
{
    BORDER-RIGHT: #96c285 1px solid;
    BORDER-TOP: #96c285 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: #96c285 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #96c285 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #f0eeee;
}
.DivScroll
{
    SCROLLBAR-FACE-COLOR: #000000;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    OVERFLOW: auto;
    SCROLLBAR-SHADOW-COLOR: #ffffff;
    SCROLLBAR-3DLIGHT-COLOR: #ffffff;
    SCROLLBAR-ARROW-COLOR: #ffffff;
    SCROLLBAR-TRACK-COLOR: #ffffff;
    SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}


.topbuttons A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.topbuttons A:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.topbuttons A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #d8db9e;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.topbuttons A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.topbuttons A:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.topbuttons FONT
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.member
{
    BORDER-RIGHT: medium none;
    PADDING-RIGHT: 0px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: medium none;
    WIDTH: 0pt;
    CURSOR: auto;
    COLOR: #604437;
    LINE-HEIGHT: normal;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: medium none;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial;
    LETTER-SPACING: normal;
    HEIGHT: 0pt;
    TEXT-ALIGN: justify;
    TEXT-DECORATION: none
}
.member FONT
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}
.buttons
{
    BORDER-RIGHT: #579800 1px solid;
    BORDER-TOP: #579800 1px solid;
    MARGIN-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND-IMAGE: url(../img/back-b.gif);
    MARGIN-LEFT: 0px;
    BORDER-LEFT: #579800 1px solid;
    MARGIN-RIGHT: 0px;
    BORDER-BOTTOM: #579800 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}


OPTION.injured
{
    FONT-SIZE: 10px;
    COLOR: white;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: orangered
}
SELECT.players
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    WIDTH: 184px;
    HEIGHT: 106px;
    COLOR: #484848;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #ffffff;
    BORDER: 0px;
}
SELECT
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #484848;
    FONT-FAMILY: Arial
    BACKGROUND-COLOR: #EEECEC
}
H6
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial
}
.WHITE
{
    FONT-SIZE: 11px;
    COLOR: #e8e8e8;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.imgBorder
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #e6e6e6 1px solid;
    BORDER-LEFT: #fafafa 1px solid;
    BORDER-BOTTOM: #999999 1px solid
}
.style2 {
	FONT-SIZE: 7.5pt;
	FONT-FAMILY: Verdana;
}
.vertical
{
writing-mode: tb-rl;
filter: flipH flipV;
}


/**/

html
{
    scrollbar-base-color: #b3bead;
scrollbar-arrow-color: #0F2600;
scrollbar-3dlight-color: #293800;
scrollbar-darkshadow-color: #252D00;
scrollbar-track-color: #8f8e91;


}
body
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px;
}
DIV
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px
}

H1
{
    BORDER-RIGHT: medium none;
    PADDING-RIGHT: 0px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: medium none;
    COLOR: #e8e8e8;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: medium none;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial;
    LIST-STYLE-TYPE: none;
}

H2
{
    FONT-WEIGHT: bold;
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    COLOR: #484848;
    FONT-SIZE: 10pt;
}

H3
{
    BORDER-RIGHT: medium none;
    PADDING-RIGHT: 0px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: medium none;
    COLOR: #398cc0;
    LINE-HEIGHT: normal;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: medium none;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
    LIST-STYLE-TYPE: none;
}

H4
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #484848;
    PADDING-TOP: 0px;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

H5
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #ff4500;
    PADDING-TOP: 0px;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

P
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px
}
UL
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px
}
OL
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px
}
LI
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px
}
IMG
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px
}
header
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px
}
section
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px
}
aside
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px
}
footer
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px
}
BUTTON
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px
}
.bg
{
    
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: 50% top;
    width:100%;  
    height:100%; 
    top:0px;
    left:0px;
}
#top_menu
{
    BACKGROUND-IMAGE: url(menu_log_in.png);
    MARGIN: 0px auto;
    WIDTH: 1006px;
    HEIGHT: 187px
}
.head_nav
{
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    FONT-FAMILY: Arial,Helvetica, sans-serif;
    PADDING-TOP: 0px
}
.head_nav A
{
    COLOR: #ffffff;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.head_nav A:hover
{
    COLOR: #333333
}
.font12
{
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    FONT-FAMILY: arial;
    COLOR: #333333;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
    PADDING-TOP: 5px
}
.titleFont
{
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    FONT-FAMILY: arial;
    COLOR: #141414;
    FONT-SIZE: 15px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    PADDING-TOP: 8px
}
.brownFont
{
    FONT-STYLE: italic;
    FONT-FAMILY: arial;
    COLOR: #702913;
    FONT-SIZE: 12px;
    TEXT-DECORATION: none
}
.brownFont14
{
    FONT-FAMILY: arial;
    COLOR: #702913;
    FONT-SIZE: 14px;
    TEXT-DECORATION: none
}
.font12_yell
{
    FONT-FAMILY: arial;
    COLOR: #ebfca1;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.font12_green
{
    FONT-FAMILY: arial;
    COLOR: #57712e;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.font12_green A
{
    FONT-FAMILY: arial;
    COLOR: #57712e;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.font12_green A:hover
{
    TEXT-DECORATION: underline
}
.font13_gray
{
    MARGIN: 0px auto;
    FONT-FAMILY: Arial,Helvetica, sans-serif;
    COLOR: #333333;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bolder;
    TEXT-DECORATION: none
}
.font12_gray
{
    MARGIN: 0px auto;
    FONT-FAMILY: Arial,Helvetica, sans-serif;
    COLOR: #666666;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.font_gray A
{
    MARGIN: 0px auto;
    FONT-FAMILY: Arial,Helvetica, sans-serif;
    COLOR: #333333;
    FONT-SIZE: 13px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.news_font
{
    FONT-FAMILY: Arial,Helvetica, sans-serif;
    COLOR: #ffffff;
    FONT-SIZE: 14px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.news_font A
{
    FONT-FAMILY: Arial,Helvetica, sans-serif;
    COLOR: #ffffff;
    FONT-SIZE: 14px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.news_font A:hover
{
    FONT-FAMILY: Arial,Helvetica, sans-serif;
    COLOR: #647644;
    FONT-SIZE: 14px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.font12_gray A:hover
{
    COLOR: #ffffff
}

.bg_bottom
{
    BACKGROUND-IMAGE: url(bg_bottom.gif);
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 14px;
}
.bottom-streep
{
    BACKGROUND-IMAGE: url(bottom-streep.png);
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 136px;
}
.date-bg
{
    BACKGROUND-IMAGE: url(date-bg.jpg);
    TEXT-ALIGN: center;
    WIDTH: 72px;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT: 46px;
    COLOR: #ffffff;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold
}
.forum-bg
{
    BACKGROUND-IMAGE: url(forum-bg.png);
    WIDTH: 662px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 373px;
}
.font_white
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #ffffff;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal
}
.font_white A
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #ffffff;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.font_white A:hover
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #647644;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.on-line-games-streep
{
    BACKGROUND-IMAGE: url(on-line-games-streep.jpg);
    MARGIN: 0px auto;
    WIDTH: 662px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 70px
}
.news-streep
{
    BACKGROUND-IMAGE: url(news-streep.jpg);
    MARGIN: 0px auto;
    WIDTH: 288px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 70px
}
.news-tyrnirs
{
    BACKGROUND-IMAGE: url(news-tyrnirs.jpg);
    MARGIN: 0px auto;
    WIDTH: 288px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 70px
}
.gray-bg
{
    BACKGROUND-IMAGE: url(gray-streep.jpg);
    TEXT-ALIGN: left;
    WIDTH: 628px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 23px;
    FONT-SIZE: 15px;
    TEXT-DECORATION: none
}
.scroll-track-top
{
    BACKGROUND-IMAGE: url(track_top.png);
    WIDTH: 22px;
    HEIGHT: 19px
}
.scroll-track-bot
{
    BACKGROUND-IMAGE: url(track_bot.png);
    WIDTH: 22px;
    HEIGHT: 19px
}
.scroll-track
{
    BACKGROUND-IMAGE: url(track_bg.png);
    WIDTH: 22px;
    HEIGHT: 10px
}
.scroll-handle
{
    BACKGROUND-IMAGE: url(handle_mid.png);
    WIDTH: 20px;
    BACKGROUND-REPEAT: repeat;
    HEIGHT: 2px;
    CURSOR: pointer
}
.scroll-handle-top
{
    BACKGROUND-IMAGE: url(handle_top.png);
    WIDTH: 20px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 76px;
    CURSOR: pointer
}
.scroll-handle-bot
{
    BACKGROUND-IMAGE: url(handle_bot.png);
    WIDTH: 20px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 75px;
    CURSOR: pointer
}
.shadow
{
    FILTER: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#878887');
    -moz-box-shadow: 3px 3px 4px #878887;
    -webkit-box-shadow: 3px 3px 4px #878887;
    box-shadow: 3px 3px 4px #878887
}
.select
{
    /*BORDER-BOTTOM: medium none;*/
   /* BORDER-LEFT: medium none;*/
    WIDTH: 126px;
    /*BACKGROUND: none transparent scroll repeat 0% 0%;*/
    HEIGHT: 21px;
    COLOR: #333333;
    /*BORDER-TOP: medium none;*/
    /*BORDER-RIGHT: medium none;*/
    padding-top: 0px;
    border-color: #CCCCCC;
}
.textInput-chat
{
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    MARGIN-TOP: 0px;
    WIDTH: 600px;
    PADDING-RIGHT: 0px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    HEIGHT: 18px;
    COLOR: #000000;
    MARGIN-LEFT: 0px;
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none;
}

.textInput-game
{
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    MARGIN-TOP: 15px;
    WIDTH: 480px;
    PADDING-RIGHT: 15px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    HEIGHT: 25px;
    COLOR: #000000;
    MARGIN-LEFT: 25px;
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none
}
.login
{
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    WIDTH: 60px;
    MARGIN: 0px;
    BACKGROUND: ;
    HEIGHT: 12px;
    COLOR: #333333;
    FONT-SIZE: 11px;
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none;
}

.inp
{
    border-bottom-width: 1px;
    BACKGROUND: #f4f8e3;
    HEIGHT: 19px;
    COLOR: #333333;
    FONT-SIZE: 14px;
    border-color:#d3e1b9;
    WIDTH: 180px;
}

.checkbox
{
    width: 20px;
	height: 20px;
	background: none;
	/*background-color: #f4f8e3;*/
	border: none;
	color: #cccccc;
	font-size: 12px;
}

.checkbox1
{
    width: 10px;
	height: 10px;
	background: none;
	/*background-color: #f4f8e3;*/
	border: none;
	color: #cccccc;
	font-size: 10px;
}

.checkbox2
{
    width: 15px;
	height: 15px;
	background: none;
	/*background-color: #f4f8e3;*/
	border: none;
	color: #cccccc;
	font-size: 12px;
}
.checkboxGame
{
    width: 12px;
	height: 12px;
	background: none;
	border: none;
	font-size: 10px;
}

.scrollC {
    scrollbar-face-color: #999999;
    scrollbar-highlight-color: #cecece; 
    scrollbar-3dlight-color: #a9a9a9;
    scrollbar-darkshadow-color: #a9a9a9;
    scrollbar-shadow-color: #a9a9a9;
    scrollbar-arrow-color: #4b6e06;
    scrollbar-track-color: #cecece;
    
}

.font15_green  {
     font-family: arial;
     color: #57712e;
	 font-size: 15px;
	 font-weight: bold;
	 text-decoration: none; 
	 }	 
.white-match {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 35px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 0 0 0;
}

.white-17 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 10px;
}

.yellow-match {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #edfd9a;
	text-decoration: none;
	padding: 5px 0 0 0;
}

.gray13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444444;
	text-decoration: none;
	font-weight: bold;
}

.border-in {
    border-style:solid;
	border-width: 1px;
	border-top-color: #7c835c;
	border-top-width: 2px;
	border-bottom-color: #adadad;
	border-left-color: #b1bc84;
	border-left-width: 2px;
	border-right-color: #d6e39f;
}

.font12_broun  {
     font-family: arial;
     color: #634c15;
	 font-size: 12px;
	 font-weight: bold;
	 text-decoration: none; 
	 }
.brownFont12 {
     font-family: arial;
	 color: #953a1a;
	 font-size: 12px;
	 font-weight: bold;
	 text-decoration: none; 
}

.font_11 {
     font-family :  Arial,Helvetica, sans-serif;
     color: #333333;
	 font-size: 11px;
	 font-weight: bold;
	 text-decoration: none; 
	 margin: 0 auto;
}	 
.font12b_gray  {
     font-family :  Arial,Helvetica, sans-serif;
     color: #444444;
	 font-size: 12px;
	 font-weight: bold;
	 text-decoration: none; 
	 margin: 0 auto;
}

.game-bg {
     background-image: url(chat_game.png);
	 background-repeat: no-repeat;
	 width: 570px;
	 height: 481px;
}

.orangeTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #ff3300;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}

.bg_gray
{
    BACKGROUND: url(bg_green.gif) no-repeat;
    WIDTH: 179px;
    PADDING-TOP: 15px;
    HEIGHT: 51px;
    TEXT-ALIGN: center
}

.bg_grid
{
    background-image: url(bg-grid-tactic.jpg);
    background-repeat: no-repeat;
    WIDTH: 304px;
    PADDING-TOP: 0px;
    HEIGHT: 120px;
    TEXT-ALIGN: center;
}


.plainO
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ff3300;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

.plainT
{
    PADDING-LEFT: 30px;
    FONT-SIZE: 10pt;
    COLOR: #333333;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}

.plain10
{
    FONT-SIZE: 10pt;
    COLOR: #333333;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.plain10 A
{
    FONT-SIZE: 10pt;
    COLOR: #ff3300;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

.plainT A
{
    FONT-SIZE: 10pt;
    COLOR: #ff3300;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

.borderG
{
    BORDER-RIGHT: #c2d627 thin solid;
    BORDER-TOP: #c2d627 thin solid;
    BORDER-LEFT: #c2d627 thin solid;
    BORDER-BOTTOM: #c2d627 thin solid
}

.borderO
{
    BORDER-RIGHT: #ffa38c thin solid;
    BORDER-TOP: #ffa38c thin solid;
    BORDER-LEFT: #ffa38c thin solid;
    BORDER-BOTTOM: #ffa38c thin solid
}

.borderOr
{
    BORDER-RIGHT: #fac333 thin solid;
    BORDER-TOP: #fac333 thin solid;
    BORDER-LEFT: #fac333 thin solid;
    BORDER-BOTTOM: #fac333 thin solid
}
.borderB
{
    BORDER-RIGHT: #a4f5f4 thin solid;
    BORDER-TOP: #a4f5f4 thin solid;
    BORDER-LEFT: #a4f5f4 thin solid;
    BORDER-BOTTOM: #a4f5f4 thin solid
}
.borderF
{
    BORDER-RIGHT: #eba5fd thin solid;
    BORDER-TOP: #eba5fd thin solid;
    BORDER-LEFT: #eba5fd thin solid;
    BORDER-BOTTOM: #eba5fd thin solid
}

.td 
{
    width: 30px;
    height: 30px;
    background-repeat:no-repeat;
}
			     
.tdSelected 
{
    width: 30px;
    height: 30px;
    border-left-color:white;
}    

.divPLOpeka 
{
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    background-color:#FFFFFF;
    font-size: 9px;
    font-weight:bold;
    box-shadow: 2px 2px 3px #000000;
    -o-box-shadow: 2px 2px 3px #000000;
    -webkit-box-shadow: 2px 2px 3px #000000;
    -moz-box-shadow: 2px 2px 3px #000000;
    opacity:0.8;
    filter:alpha(opacity=80); 
} 
		   
.basicpam
{
    border: 5px solid #93b481;           
    box-shadow: 5px 5px 5px #888888;
    -o-box-shadow: 5px 5px 5px #888888;
    -webkit-box-shadow: 5px 5px 5px #888888;
    -moz-box-shadow: 5px 5px 5px #888888;
}

.menuitems 
{
   padding-left:10px;
   padding-right:10px;
}

.selectedOption 
{
   color:white;
   background:green;
}
           
.txt10
{
   font-size:10pt;
   color:Gray;      
}
    
    
.bg_skin
{
   background-image:url('../img/bg_skin.png');
   width: 210px;
   height: 200px;
   display:none;
}

.but_ust
{
   background-image:url('../img/ustn.png');
   background-color:transparent;
   cursor:pointer;
   width: 100px;
   height: 28px;
   border: none;
}


.tblPayers
{
   border: 5px solid #93b481;
   box-shadow: 5px 5px 5px #888888;
   -o-box-shadow: 5px 5px 5px #888888;
   -webkit-box-shadow: 5px 5px 5px #888888;
   -moz-box-shadow: 5px 5px 5px #888888;
   color:#484848;
}

.inputNumber
{
   width: 34px; 
   height:24px; 
   background-image:url('../img/bg_skinin.png'); 
   background-repeat:no-repeat; 
   border:0; 
   background-color:transparent; 
   text-align:center;
}
 
.window_message {
    display: none;
    position: absolute;
    border:1px solid #666;
    background: #546E35;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: arial;
    font-size: 12px;
    color: #FFF;
    width: 150px;
    text-align: center;
    height: 20px;
    line-height: 18px;
    bottom: -28px;
    z-index: 999;
    left: 50%;
    margin-left: -78px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75);
    cursor:pointer;
}
.arr3 {
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -4px;
    background:url(../img/arr3.png) no-repeat;
    display: block;
    width: 8px;
    height: 5px;
}
.pos_rel {
    position: relative;
    display: block;
}

.zadanie_message {
    position: relative;
    border:1px solid #666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: arial;
    font-size: 12px;
    color: #FFF;
    width: 150px;
    text-align: center;
    height: 20px;
    line-height: 18px;
    z-index: 999;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75);
   }





.txt1{font-size:20px; color:#060;}
.col-md-1 {width: 54%; float:left; margin:3px; COLOR: #484848;}
.col-md-10 {float: left;margin-left: 30px;width: 40%;padding-top: 4px;}
.col-md-12 {width: 100%;}
.clearBOTH10 { clear:both;height:10px;}
.border2 {border: 1px solid #bebebe;box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125);padding: 5px;background: #dadbd9;/* Old browsers */}
.border3 {border: 1px solid #bebebe;box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125);padding: 5px;background: #dadbd9; /* Old browsers */text-align:left;}
.border5 {width:350px; display: table-cell;
  vertical-align: middle; border: 1px solid #bebebe;box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125);padding: 5px;background: #dadbd9; height:210px;/* Old browsers */}
    .spanOrange {font-size:20px; color:#ff6a00;
    }
.border1 {
border: 1px solid #ccc;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125);
cursor: pointer;
margin: 0 auto 10px;
padding: 0px;
background: #bebebe; /* Old browsers */
background: -moz-linear-gradient(top,  #bebebe 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bebebe), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bebebe 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bebebe 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bebebe 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bebebe 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.divLeft1 {float: left; margin-left:70px; padding: 18px 20px 10px;}
.border1 {cursor: pointer;}
input[type="radio"], input[type="checkbox"] {line-height: normal;margin: 1px 0 0;}
.border1 .block {border-left: 1px dotted #999;display: inline-block;padding: 0 10px;}
.fltlft {float: left;}
.divLeft10 {float: left;text-align: center;width: 30%;  line-height:30px;  }
.divLeft11 {float: left;text-align: center;width: 42%;  line-height:30px; }
.divLeft13 {float: left;text-align: center;width: 70px; padding: 18px 20px 10px;}
.divLeft14 {float: left;text-align: center;width: 200px;}
.border1 .block h3 {font: 28px/50px Arial,Helvetica,sans-serif;margin: 0;padding: 0; color:#37481d; font-style:italic;}
.clearBOTH {clear: both;}
.divRight1 {cursor:pointer; float:right; font: 22px/22px Arial,Helvetica,sans-serif; display: table-cell; }
.border1:hover {cursor:pointer; margin: 0 auto 10px;box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125); border:  1px solid #ccc; background: #a2b488; /* Old browsers */
background: -moz-linear-gradient(top,  #a2b488 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2b488), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a2b488 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a2b488 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a2b488 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a2b488 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2b488', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

.border1Active {cursor:pointer; margin: 0 auto 10px;box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125); border:  1px solid #ccc; background: #a2b488; /* Old browsers */
background: -moz-linear-gradient(top,  #a2b488 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2b488), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a2b488 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a2b488 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a2b488 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a2b488 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2b488', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.borderHov1 h3 {font: 28px/50px Arial,Helvetica,sans-serif;margin: 0;padding: 0;color: #37481d;font-style: italic;}
.borderHov1 .block {border-left: 1px dotted #999;display: inline-block;padding: 0px 10px 0px 10px;}
#arrow {margin-left: -5px;margin-top: -5px;position: absolute;z-index: 9000;}
#arrow2 {margin-left: 342px;margin-top: 5px;position: absolute;z-index: 10100;}
.border1 input[type=radio] {border:0px; margin:  0;transform: scale(1.5, 1.5);-ms-transform: scale(1.5, 1.5);-webkit-transform: scale(1.5, 1.5);-o-transform: scale(1.5, 1.5);
                            background-color:transparent;
}

.button {
        border-radius: 0.5em 0.5em 0.5em 0.5em;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        cursor: pointer;
        display: inline-block;
        font: 14px/100% Arial,Helvetica,sans-serif;
        margin: 0 2px;
        font-weight: bold;
        outline: medium none;
        padding: 0.5em 0.5em 0.55em;
        text-align: center;
        width: 100px;
        text-decoration: none;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
        vertical-align: baseline;
    }
.button200 {
        border-radius: 0.5em 0.5em 0.5em 0.5em;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        cursor: pointer;
        display: inline-block;
        font: 14px/100% Arial,Helvetica,sans-serif;
        margin: 0 2px;
        font-weight: bold;
        outline: medium none;
        padding: 0.5em 0.5em 0.55em;
        text-align: center;
        width: 250px;
        text-decoration: none;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
        vertical-align: baseline;
    }
.greenBut {
        color: #ffffff;
        border: solid 1px #579800;
        background: #579800;
        background: -webkit-gradient(linear, left top, left bottom, from(#74914d), to(#579800));
        background: -moz-linear-gradient(top, #74914d, #579800);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74914d', endColorstr='#579800');
    }
.greenBut a {
            color: #ffffff;
            font: bold 14px/100% Arial,Helvetica,sans-serif;
            text-decoration: none;
        }
.greenBut:hover {
            background: -webkit-gradient(linear, left top, left bottom, from(#74914d), to(#345703));
            background: -moz-linear-gradient(top, #74914d, #345703);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74914d', endColorstr='#345703');
        }



@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
    margin-left:3px;
    margin-right:3px;
  width: auto;
  border-radius: 4px;
  border: 1px solid #98c571;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1;
  background: #bfdba7;
  background: -webkit-linear-gradient(bottom, #b2d495, #cce2b9);
  background: -ms-linear-gradient(bottom, #b2d495, #cce2b9);
  background: -moz-linear-gradient(bottom, #b2d495, #cce2b9);
  background: -o-linear-gradient(bottom, #b2d495, #cce2b9);
  background: linear-gradient(to top, #b2d495, #cce2b9);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 -2px 0px #aacf8a, inset 0 1px 0 #d4e7c4;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 10px 20px 10px 20px;
  font-size: 15px;
  text-decoration: none;
  color: #000000;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu > ul > li:first-child > a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
}
#cssmen.align-right > ul > li:first-child > a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #ff0000;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  background: #b2d495;
}
#cssmenu > ul > li:after {
  content: '';
  position: absolute;
  top: 18px;
  right: 0;
  display: block;
  height: 20px;
  width: 1px;
  opacity: .15;
  background: rgba(0, 0, 0, 0.7);
  background: linear-gradient(to top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
}
#cssmenu.align-right > ul > li:after {
  right: auto;
  left: -1px;
}
#cssmenu > ul > li:before {
  content: '';
  position: absolute;
  top: 18px;
  right: -1px;
  display: block;
  height: 20px;
  width: 1px;
  opacity: .35;
  background: rgba(255, 255, 255, 0.8);
  background: linear-gradient(to top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.01), #ffffff, rgba(255, 255, 255, 0.01));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
}
#cssmenu.align-right > ul > li:before {
  right: auto;
  left: 0px;
}
#cssmenu > ul > li:last-child:after,
#cssmenu > ul > li:last-child:before {
  display: none;
}
#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {
  float: none;
  display: block;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu.small-screen > ul > li > a {
  padding: 18px 25px;
}
#cssmenu.small-screen > ul > li:after,
#cssmenu.small-screen > ul > li:before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 18px 25px 19px 25px;
  cursor: pointer;
  font-size: 15px;
  text-decoration: none;
  color: #fcfefb;
}
#cssmenu.small-screen #menu-button.menu-opened {
  color: #444444;
}
#cssmenu.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 20px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #fcfefb;
  border-bottom: 2px solid #fcfefb;
  width: 18px;
  height: 3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid #444444;
  border-bottom: 2px solid #444444;
}
#cssmenu.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 25px;
  top: 30px;
  display: block;
  width: 18px;
  height: 2px;
  background: #fcfefb;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  background: #444444;
}