.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.active 
{
    color: #fff;
    background-color: #e1e1e1;

}

#bUp, #bDown
{
    display: inline-block; 
    vertical-align: middle;
}

#bUp img ,#bDown img
{
    vertical-align: middle; 
    width:21px;
    height:21px;
}

#bUp span,#bDown span
{
    color:white; 
    font-size:14px;
}

.demo_container 
{ 
    width:100%; 
    margin:0 auto; 
    border:1px solid #b9b9b9;
    height:40px;
}
#demo_top_wrapper 
{ 
    margin:0 0 20px 0; 

}
#demo_top 
{ 
    height:100px; 
    padding:0px 0 0 0; 
}
#my_logo 
{ 
    font:70px Georgia, serif; 
}
 
/* our menu styles */
#sticky_navigation_wrapper
{ 
    
    width:100%; 
    height:50px; 
    position:relative;
    
    z-index:500;
}


#sticky_navigation
{
    width:100%; 
    height:50px; 
    position:absolute;
    background-color:white;
    text-align:left;
}

#sticky_navigation ul 
{
    text-align: left;
    display: inline;
    margin: 0;
    list-style: none;
}

#sticky_navigation ul li 
{
  margin-top:9px;
  margin-right:0px;
  margin-left:0px;
  margin-top:9px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;

}

#sticky_navigation ul li a
{
  padding:12px 10px 13px 12px;
  text-decoration:none;
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  height:40px;
  color:black;
  vertical-align:middle;
}

#sticky_navigation ul li a:hover
{
    background-color:#fff;
    color:black;
}

#sticky_navigation ul li ul 
{
    border-radius:10px 0px 10px 10px;
    margin-top:5px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    left: -25px;
    width: 180px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transiton: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -transition: opacity 0.2s;
    border:2px solid #b9b9b9;
    box-shadow:2px 2px 10px 2px #CFDEFF;
    background-color:white;
}
#sticky_navigation ul li ul li
{
    display:block;
    background-color:white;
    border-radius:10px;
    margin-top:35px;
}
#sticky_navigation ul li ul li a
{
    border:none;
    background-color:white;
    height:25px;
    padding:8px 0px 0px 5px;
    text-align:center;
    display:block;
    text-decoration:none;
    font-family:Arial;
    font-size:14px;
    color:black;
    vertical-align:middle;
    border-radius:10px 10px 10px 10px;
    font-weight:300;
    margin-top:-33px;
}

#sticky_navigation ul li ul li a:hover
{
  color:black;
  background-color:white;
}

#sticky_navigation ul li:hover ul 
{
    color:black;
    background-color:white;
    display: block;
    opacity: 1;
    visibility: visible;
}


/* Always menu visible from inside*/
.demo_container2 
{ 
    width:100%; margin:0 0; 

}
#demo_top_wrapper2 
{ 
    margin:0 0 20px 0; 

}
#demo_top2 
{ 
    height:0px; 
    padding:20px 0 0 0; 
}
#my_logo2 
{ 
    font:70px Georgia, serif; 
}
 

/* our menu styles */
#sticky_navigation_wrapper2 
{ 
    
    width:100%; 
    height:50px; 
    position:relative;
}


#sticky_navigation2 
{ 

    width:100%; 
    height:70px; 
    border-radius:20px 20px 0px 0px;
    position:absolute;

    background-color:none;
    text-align:left;
}

#sticky_navigation2 ul 
{

  text-align: left;
  display: inline;
  margin: 0;
  list-style: none;
}

#sticky_navigation2 ul li 
{
    margin-top:33px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;

}

#sticky_navigation2 ul li a
{
  padding:10px 10px 10px 12px;
  text-decoration:none;
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  height:40px;
  color:#337ab7;
  border:1px solid #337ab7;
  background-color:#e2eeef;
  vertical-align:middle;
  border:1px solid #337ab7;
  text-shadow: 1px 1px 1px #CFDEFF;
  box-shadow:2px 2px 10px 2px #CFDEFF;
}

#sticky_navigation2 ul li a:hover
{
    background-color:#fff;
    color:black;
    border: 1px solid #999;
    box-shadow:2px 2px 10px 2px #ffda74;
}

#sticky_navigation2 ul li ul 
{
    border-radius:0px 10px 10px 10px;
    margin-top:9px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    left: 0;
    width: 180px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transiton: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -transition: opacity 0.2s;
    border:1px solid #337ab7;
  text-shadow: 1px 1px 1px #CFDEFF;
  box-shadow:2px 2px 10px 2px #CFDEFF;
  background-color:white;
}
#sticky_navigation2 ul li ul li
{

    display:block;
    background-color:white;
    border-radius:10px;
    box-shadow:0px 0px 0px #fff;
}
#sticky_navigation2 ul li ul li a
{
    border:none;
    height:25px;
    padding:8px 0px 0px 5px;
    text-align:center;
    display:block;
    text-decoration:none;
    box-shadow:0px 0px 0px #fff;
    font-family:Arial;
    font-size:14px;
    color:#337ab7;
    vertical-align:middle;
    background-color:white;
    border-radius:10px 10px 10px 10px;
    font-weight:300;
    margin-top:-33px;
}

#sticky_navigation2 ul li ul li a:hover
{
  color:black;
  display: block;
    opacity: 1;
  background-color:#ffda74;
}

#sticky_navigation2 ul li:hover ul 
{
    color:black;
    background-color:#eceffe;
    display: block;
    opacity: 1;
    visibility: visible;
}