input.button, .button {
background: #0E0E0E;
padding: 6px 17px;
border: 1px solid rgba(20, 20, 20, 0.14);
font-size: 13px;
color: #FFF;
cursor:pointer;
 font-family: 'open_sansregular';
}

input.button:hover, .button:hover {
opacity:0.8
}

input#sboxin:focus, input[type="text"], input[type="password"] {
       outline: none;
}

.button:link {
color:#f8f8f8;
}

::selection {
color: #FFF;
background: rgba(62, 147, 226, 0.62);
}

.wrap {
width: 85%;
margin: 0 auto;
text-align: left;
}

.fico {
background: #343E4A;
}

.fbit {
border: 1px solid #ECECEC;
text-align: center;
padding: 2px;
color: #55728B;
vertical-align: middle;
}

span.catdes {
display: none;
}

.logo, .thead .catdes, a:link,  .thead .expcolimage, .header, .color img, .pbavatar, ul.tabs li, .hovi, .usercp_nav_item {
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}

.fdticons, .catdes, #home {
-webkit-box-shadow: 0 1px #FFF,inset 0 2px 6px 2px rgba(128, 128, 128, 0.1);
-moz-box-shadow: 0 1px #fff,inset 0 2px 6px 2px rgba(128, 128, 128, 0.1);
box-shadow: 0 1px #FFF,inset 0 2px 6px 2px rgba(128, 128, 128, 0.1);
}

.catdes {
background: #FFF;
margin-left: 10px;
color: #343E4A;
font-size: 10px;
font-weight: normal;
padding: 3px 5px;
}

.theadtitle {
margin-top: 2px;
font-size: 15px;
font-weight: normal;
}

.menu {
float: right;
margin-top: 35px;
}

.menu li:hover {
opacity: 0.7;
}

.thead .catdes, .thead .expcolimage {
opacity: 0;
}

.thead:hover .catdes, .thead:hover .expcolimage {
opacity: 1
}

.tophead .socnav {
display: inline;
vertical-align: middle;
height: 40px;
clear: left;
float: left;
font-size: 11px;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
}

.tophead .socnav li {
display: inline-block;
margin: 0;
}

.tophead .socnav li a {
margin-right: 0px;
padding: 4px 8px;
background: #202020;
color: #7A7A7A;
display: inline-block;
transition:width 2s height 2s;
-moz-transition:width 2s height 2s 0 2s;
-webkit-transition:width 2s height 2s 0 2s;
-o-transition:width 2s height 2s 0 2s;
transition:transform .4s linear;
-moz-transition:-moz-transform .4s linear;
-webkit-transition:-webkit-transform .4s linear;
-o-transition:-o-transform .4s linear;
}

.tophead .socnav li a:hover {
color: #f1f1f1;
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
}


.tophead .mnav {
margin-top: -8px;
margin-right: -20px;
display: inline;
opacity: 0.8;
height: 36px;
padding: 2px 20px;
clear: left;
float: left;
background: #050505;
border-left: 1px solid #1B1B1B;
font-size: 11px;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
}

.tophead .mnav:hover {
opacity: 1;
}

.tophead .mnav li {
display: inline-block;
margin: 0;
}

.tophead .mnav li a {
margin-right: 0px;
padding: 2px;
display: inline-block;
}

.tophead .mnav p {
display: block;
margin:0;
}

.tophead .wel {
height: 40px;
font-size: 11px;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
}

.collapse1 {
width: 450px;
height: 40px;
display: inline-block;
margin: auto auto;
}


.loginavatar {
background: #ECECEC;
border: 4px solid #A5A5A5;
width: 71px;
height: 71px;
float: left;
margin-left: 100px;
margin-top: -70px;
margin-bottom: 20px;
padding: 0px;
border-radius: 100px;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}

.loginavatar img {
 margin: auto auto;
display: inline;
border-radius: 100px;
 height: 70px;
 width: 70px;
}

.lightdesire {
  box-shadow: 0px 13px 11px rgba(0, 0, 0, 0.51);
    -moz-box-shadow: 0px 13px 11px rgba(0, 0, 0, 0.51);
    -webkit-box-shadow: 0px 13px 11px rgba(0, 0, 0, 0.51);
}

.bottommenu {
background: #F3F3F3;
border-top: 1px solid #D3D3D3;
padding: 10px 20px;
width: 100%;
margin-left: -20px;
height: 15px;
margin-bottom: -20px;
}

.footnav {
margin-top: -10px;
clear: left;
margin-left: -10px;
float: left;
font-size: 11px;
}


.footnav li {
display: inline-block;
margin: 0;
padding: 6px 2px;
border-right: 1px solid #D1D1D1;
}

.footnav li a {
margin-right: 0px;
font-size: 11px;
 font-style: normal;
 font-weight: normal;
padding: 4px 5px;
display: inline-block;
}

.footnav1 {
margin-top: -10px;
clear: left;
margin-left: -10px;
float: left;
font-size: 11px;
}


.footnav1 li {
display: inline-block;
margin: 0;
padding: 6px 2px;
border-right: 0px solid #D1D1D1;
}

.footnav1 li a {
margin-right: 0px;
font-size: 11px;
 font-style: normal;
 font-weight: normal;
padding: 4px 5px;
display: inline-block;
}

.flogo {
background: url(../../../images/fd/flogo1.png)no-repeat;
width: 100px;
height: 30px;
float:right;
margin-top: -8px;
}

.flogo:hover {
background: url(../../../images/fd/flogo.png)no-repeat;
}

.clickbutton, .clickedbuttons {
cursor: pointer;
font-size: 13px;
color: #666;
margin-top: 3px;
}
	
	
.dropDownHook {
    -moz-box-shadow:inset 0 0 0 1px #ffffff;
    color: #ECECEC;
    font-weight: normal;
    font-size: 12px;
    text-shadow: 1px 1px 0px #000;
    background: none;
    display:inline-block;
    position:relative;
    width:160px;
    height:22px;
    line-height: 22px;
    text-align: right;
    vertical-align:middle;
    top:4px;
}


.dropDownHook span{
    cursor:pointer;
}

.dropDownContent{
    display:none;
}

.dropDownHook .dropDownContent{
    position: absolute;
right:0;
top: 31px;
background: #292E35;
padding: 4px;
width: 450px;
min-width: 100%;
text-shadow: none;
z-index: 999;
}		

.dropDownContent ul {
    float: left;
    margin: 0;
    margin-left: 0;   
    padding: 0;
    width: 45%;
}

.dropDownContent li {
border-left: 5px solid #292E35;
list-style: none;
 padding: 4px;
-webkit-transition: all 250ms ease-in-out;
       -moz-transition: all 250ms ease-in-out;
       -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
}

.dropDownContent li:hover {
padding-left:3px;
padding:4px;
border-left: 5px solid #111;
background: rgba(7, 7, 7, 0.31);
}

.dropDownContent li a {
color: #f7f7f7;
}

.dropDownContent li a:hover {
color: #777;
}

.daro {
position: relative;
background: url(../../../images/fd/aro.png) top center no-repeat;
width: 15px;
height: 15px;
float: right;
margin-top: -14px;
}

.headavatar {
background: #1B1F24;
padding: 5px;
position: relative;
width: 32px;
height: 32px;
float: right;
margin-left: 10px;
margin-top: -8px;
display: block;
}

.headavatar img {
display: inline;
width: 32px;
height: 32px;
}	

.thead2 {
background: #E2E2E2 url(../../../images/fd/headerbg.jpg)center no-repeat;
border: 1px solid #DDD;
color: #D8D8D8;
font-size: 22px;
padding: 26px;
border-bottom: 3px solid #DBDBDB;
font-weight: normal;
}

.navi {
float: right;
margin-top: 30px;
margin-right: -20px;
}
	
.navi ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
}
.navi ul li {
 font-size: 12px;
font-weight: normal;
font-family: 'open_sansregular';
display: inline-block;
margin-right: 5px;
position: relative;
padding: 10px 20px;
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;
}
.navi ul li:hover {
background-color:gold;
}

.navi ul li a:hover {
  color: #000;
}
.navi ul li ul {
  padding: 0;
  position: absolute;
  top: 36px;
  left: 0;
  width: 150px;
  -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;
}
.navi ul li ul li { 
  background: #050505; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}
.navi ul li ul li:hover { background: gold; }
.navi ul li ul li a:hover { color: black; }
.navi ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}	

.navi ul li a {
color: #fff;
}

.navi .arrow {
	position: absolute;
top: -7px;
margin-left: 15px;
width: 0;
height: 0;
border-left: 7px solid rgba(0, 0, 0, 0);
border-right: 7px solid rgba(0, 0, 0, 0);
border-bottom: 7px solid #000;
}
		
#breadcrumb {
width: 83%;
color: #FFF;
font-size: 10px;
background-repeat: repeat-x;
line-height: 39px;
overflow: hidden;
top: 0;
margin: 0;
margin-left: 0;
padding: 0;
float: left;
background: #FFF;
text-shadow: 0 -1px 0 #EEE;
border-top: 1px solid #FFF;
}

#breadcrumb li {
list-style-type: none;
float: left;
padding-left: 10px;
color: #6B6B6B;
text-shadow: 0 -1px 0 #FFF;
}

#breadcrumb a {
    color: #777;
    height: 40px;
    display: block;
    background-image: url(../../../images/fd/sep1.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 25px;    
    text-decoration: none;
}

#home {
padding: 5px;
margin-top: 4px;
border: 1px solid #C7C4C4;
border-radius: 100px;
margin-left:-10px;
display: inline-block;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

#home:hover {
   opacity: 1.0;
}

#breadcrumb a:hover {
    color:#888;
}

#breadcrumb .active {
font-weight:bold;
}

.cp, .expand {
vertical-align: middle;
cursor: pointer;
float: right;
transition: width 2s height 2s;
-moz-transition: width 2s height 2s 0 2s;
-webkit-transition: width 2s height 2s 0 2s;
-o-transition: width 2s height 2s 0 2s;
transition: transform .2s linear;
-moz-transition: -moz-transform .2s linear;
-webkit-transition: -webkit-transform .2s linear;
-o-transition: -o-transform .2s linear;
}

.expand:hover {
 transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
}


#cpr {
display: block;
padding: 10px;
height: 80px;
margin-bottom: 5px;
text-align: center;
background: #F5F5F5;
border: 1px solid #DDD;
}

.styler {
background: #FCFCFC;
border: 1px solid #E9E9E9;
border-bottom: none;
padding: 8px;
text-align: center;
color: #727272;
font-size: 14px;
text-transform: uppercase;
border-bottom: none;
padding: 8px;
text-align: center;
color: #727272;
font-size: 14px;
text-transform: uppercase;
}

.color {
padding: 3px;
width: 100px;
height: 70px;
display: inline-block;
background: #E4E2E2;
margin-right: 5px;
}

.color img:hover {
 -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
cursor:pointer;
}


#mask {
    position: absolute;
    z-index: 9010;
    background-color: rgba(58, 58, 58, 0.53);
    display: none;
    top: 0;
    left: 0;
}

.modalBox {
  position: fixed;
width: 500px;
display: none;
z-index: 9015;
margin-top: -100px;
padding: 20px;
background: rgba(0, 0, 0, 0.65);
border-radius: 2px;
padding: 8px;
}
 
.modalBox .thead {
color: #E2E2E2;
text-shadow: rgba(44, 44, 44, 0.8) 0px 1px 0px;
font-size: 12px;
font-weight: normal;
height: 20px;
 }
   
 .modalBox .modalContent {
padding: 0px 10px;
background: #fff;
} 

.modalclose {	
 float: right;
        color: #fff;
}

.modalsubmit {
background: #F8F8F8;
border-top: 1px solid #CFCFCF;
padding: 3px 10px;
margin-top: 10px;
margin-left: -10px;
width: 100%;
text-align: center;
}

.username{
float: left;
margin: auto auto;
width: 50%;
}

.password {
float: right;
margin: auto auto;
width: 50%;
}

h6 {
text-align: left;
margin-bottom: 5px;
font-size: 12px;
font-weight: normal;
}

#inuser, #inpass  {
background: #616161;
padding: 6px;
color: #ECECEC;
box-shadow: 0px 3px 0px #4D4D4D;
margin-right: 10px;
border-radius: 2px;
float: left;
position: relative;
}

.remember {
clear: both;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
}

p1{
font-size: 10px;
font-weight: normal;
color: #8A8989;
}

ul.tabs {
	margin: 0;
	padding: 0;
	background: #ECECEC;
	padding: 5px 0px 5px 0px;
	float: left;
	list-style: none;
	height: 32px;
	width: 100%;
}
ul.tabs li {
	float: left;
margin: 0;
z-index: 1;
margin-right: 10px;
padding: 0;
margin-left: 10px;
height: 31px;
line-height: 31px;
margin-bottom: -1px;
background: #111;
-webkit-box-shadow: 0 1px #383838,inset 0 2px 6px 2px rgba(36, 36, 36, 0.1);
-moz-box-shadow: 0 1px #383838,inset 0 2px 6px 2px rgba(36, 36, 36, 0.1);
box-shadow: 0 1px #383838,inset 0 2px 6px 2px rgba(36, 36, 36, 0.1);
overflow: hidden;
position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #FFF;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	outline: none;
}
	
ul.tabs li:hover , html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #B9B9B9;
box-shadow: 0px 3px 0px #9C9B9B;
}

ul.tabs li:hover a {
color: #666;
}

.tab_container {
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
}
.tab_content {
	padding: 20px 0px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

.profilename {
background: rgba(20, 20, 20, 0.4);
padding: 3px 5px;
}

.pavatar img{
border-radius: 100px;
border: 5px solid rgba(36, 36, 36, 0.6);
margin-top: -80px;
margin-bottom: 20px;
}

.pcbox {
border-top: 1px solid #DDD;
padding: 10px 9px;
width: 100%;
margin-left: -9px;
margin-bottom: -10px;
}

.pstar {
padding: 10px 8px;
width: 100%;
margin-left: -9px;
background: #ECECEC;
border: 1px solid #E6E4E4;
margin-top: 10px;
margin-bottom: -10px;
}

.forumiconss{
padding: 7px;
background: #E6E6E6;
border: 1px solid #D1D1D1;
border-radius: 100px;
margin-right: 10px;
-webkit-box-shadow: 0 1px #FFF,inset 0 2px 6px 2px rgba(128, 128, 128, 0.1);
-moz-box-shadow: 0 1px #fff,inset 0 2px 6px 2px rgba(128, 128, 128, 0.1);
box-shadow: 0 1px #FFF,inset 0 2px 6px 2px rgba(128, 128, 128, 0.1);
}

.addlist {
padding: 8px;
background: #E9E9E9;
border: 1px solid #CACACA;
margin-bottom: 10px;
text-align: center;
}

fieldset {
margin-top: 20px;
}

#spinner {
background: #000;
color: #FFF;
text-align: center;
padding: 5px 0 8px;
width: 8%;
top: 0;
left: 46%;
z-index: 10000;
position: fixed;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
opacity: 1;
}

.but {
display: inline-block;
background: #222;
padding: 4px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2),0 1px 1px rgba(255, 255, 255, 0.035);
}

.buttons {
background-color: #E1E1E1;
box-shadow: 0px 3px 0px 0px #BFBFBF;
padding: 8px 10px;
text-decoration: none!important;
text-shadow: -1px -1px #E0E0E0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.buttons:hover {
opacity:0.7;
}

.closed {
background-color: #E67B7B;
box-shadow: 0px 3px 0px 0px #A35151;
text-decoration: none!important;
color: #FFF;
text-shadow: none;
}


.buttons a, .buttons a:hover, .buttons:visited, .buttons:link {
color: #666;
}

.pbavatar {
border: 1px solid #D1D1D1;
background: #F8F8F8;
padding: 3px;
webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.pbavatar:hover {
border: 1px solid #AAA;
background: #E4E4E4;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}


.pbtog {
width: 100%;
background: #F0F0F0;
padding: 9px 8px;
margin-left: -9px;
border: 1px solid #E2E2E2;
margin-top: -9px;
}

.pbo {
border: 3px solid #E0E0E0;
border-radius: 100px;
margin-left: 5px;
margin-top: -5px;
vertical-align: middle;
}

.announce {
/*color: #557A26;*/
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.24);
border: 1px solid #BDD685;
background: #FFCC00;
padding: 0;
margin: 0;
width: 100%;
display: inline-block;
text-align: left;
margin-left: -1px;
overflow: hidden;
}

.announcewrap {
padding: 3px;
background: #fff;
border:1px solid #ddd;
}

.advert {
border: 1px solid #E7E7E7;
padding: 20px;
text-shadow: 1px 1px 1px rgba(211, 211, 211, 0.36);
text-align:center;
}

.pbpost {
margin-top: 10px;
background: #ECECEC;
padding: 5px 10px;
text-shadow: 1px 1px 1px rgba(211, 211, 211, 0.36);
width: auto;
display: inline-block;
vertical-align: middle;
}

.pbrep {
background: #BEE26E;
color: #557A26;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.24);
border: 1px solid #BDD685;
padding: 3px 7px;
text-align: center;
display: inline-block;
vertical-align: middle;
margin-top: 5px;
}

.pbav {
display: inline-block;
margin-bottom: 10px;
padding: 10px 6px;
background: #F3F3F3;
}

.ph3 {
width: 100%;
margin-left: -6px;
padding: 6px;
margin-bottom: -10px;
font-weight: normal;
font-size: 12px;
}

.pbaro span{
position: absolute;
top: -10px;
left: -11px;
display: block;
width: 0px;
height: 0px;
line-height: 0px;
border: 10px solid rgba(0, 0, 0, 0);
border-left-color: #FFF;
-moz-border-left-colors: #f2faf7;
border-right: none;
}

.pbaro {
position: relative;
right: -17px;
float: right;
top: 10px;
width: 0px;
height: 0px;
line-height: 0px;
border: 10px solid rgba(0, 0, 0, 0);
border-left-color: #D1D1D1;
border-right: none;
}

.fdticons{
background: #FAFAFA;
padding: 2px;
border: 1px solid #DDD;
}

#testimonials{
    overflow: hidden;
    width: 95%;
}
#testimonials li{
  display:none;
}
#testimonials ul{
  list-style:none;
}
#testimonials p.author{
    color: #00ACEE;
    font-size: 16px;
    font-style: italic;
    text-align: right;
    margin:10px;
}
#testimonials p.author a,
#testimonials p.author a:hover,
#testimonials p.author a:visited{
    color:#FF6400;
}

.announcehead {
float: left;
width: 1%;
vertical-align: middle;
margin-top: 12px;
margin-left: 20px;
}

.announcehead img {
background: rgba(17, 17, 17, 0.31);
padding: 3px;
margin-top: -3px;
}

.fpagination {
background: #f7f7f7;
padding: 2px 4px;
border: 1px solid #ddd;
}

.fpagi {
font-size: 12px;
opacity: 0.5;
-webkit-transition: all 250ms ease-in-out;
       -moz-transition: all 250ms ease-in-out;
       -o-transition: all 250ms ease-in-out;
       transition: all 250ms ease-in-out;
}

.trow1:hover .fpagi, .trow2:hover .fpagi {
opacity:1;
}

.kbut {
vertical-align: middle;
margin-top: 0px;
padding: 2px 5px;
background: #1D1D1D;
border: 1px solid #181818;
}

.catdesc {
background: rgba(15, 15, 15, 0.9);
padding: 5px;
font-size: 12px;
color: #F7F7F7;
width: auto;
position: absolute;
margin-left: 1.4em;
top: 5px;
z-index: 99;
}

.catdesc_arrow{
    margin-left: -9px;
    padding-right: 5px;
    margin-right: 0px;
    position: relative;
    margin-top: -1px;
 }

.farro {
margin-left: -8px;
margin-right: 10px;
position: absolute;
}

.fdes {
position: relative;
margin-left: -20px;
}

.fdeson {
width: 350px;
display: none;
left: 10px;
float: left;
position: absolute;
top: -4px;
padding-left: 10px;
background: none;
z-index: 10000;
}

.encolor{
cursor: pointer;
float: right;
vertical-align: middle;
}

.encolor:hover{
     opacity: 0.8;

}
		
.encolor #colorpicker{
border:0 !important;
text-indent: -999px !important;
font-size:0;
padding:0;
background: url(../../../images/fd/cp.png) no-repeat;
color: #292929;
margin:0;
width: 20px;
height: 16px;
cursor:pointer;
display:block;
}


.bmwrap {
background: #000;
width: 100%;
margin: auto auto;
height: 250px;
}

.bmwrap p{
color: #fff;
}

.copyright {
	margin: 0;
	text-align: left;
        float: right;
         font-family: 'open_sansregular';
        font-weight: normal;
        font-size: 13px;        
        color: #fff;
        margin-top: 5px;
}

#bottommenu {
	background: none;
	color: #fff;
       margin: auto auto;
       height: 200px;
       padding: 20px;
        overflow:hidden;
	width: 100%;
	margin-left: -20px;
}

#bottommenu ul {
    padding: 0;
    margin: 0;
}

#bottommenu a:link , #bottommenu a:visited {
color: #BEBEBE;
}

#bottommenu a:hover {
color: #FFF;
}

#bottommenu .side {
    width:23%;
    float:left;
    text-align:left;
}

.totop {
background: #111 url(../../../images/fd/top.png) center no-repeat;;
width: 12px;
height: 13px;
line-height: 10px;
padding: 10px;
left: 50%;
margin-top: -1px;
position: absolute;
display: inline-block;
outline: 0;
}

.totop:hover {
opacity:0.7;
}

.footdes {
background: url(../../../images/fd/head1.jpg) top center no-repeat;
height: 10px;
vertical-align: middle;
margin: auto auto;
}

.smallfooter {
background: #1A1D22;
padding: 15px;
height: 30px;
margin: 0 auto;
color: #FFF;
}
		
.flogu > ul {
    float: left;
    padding: 0px;
    margin: 0px;
}

.flogu li {
	position: relative;
	list-style: none;
}

.flogu ul li a {
	display: block;
	font-size:  12px;
	text-align: center;
}

.flogu ul li a:link {
color: #fff;
}

.flogu ul li a:hover {
	color: #BEBEBE;
}


.smallfooter a:link, .smallfooter a:visited {
color: #fff;
}
.smallfooter a:hover {
color: #f7f7f7;
}

.span3 {
width: 23%;
float: left;
margin-right: 2%;
}

.flogo {
background: url(../../../images/fd/flogo1.png) no-repeat;
width: 150px;
height: 55px;
opacity: 0.6;
position: relative;
float: left;
margin-top: 30px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}

.flogo:hover {
background: url(../../../images/myskins/flogo.png) no-repeat;
opacity:1;
}

.navList li {
margin: 0;
padding: 0;
list-style: none;
}


.navList li a {
display: block;
color: #BEBEBE;
padding: 4px 0;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}

.navList li a:hover {
margin-left: 4px;
color: #FFF;
}

.navlist li:hover {
color: #FFF;
}

.columnHeader {
text-shadow: none;
font-size: 17px;
font-weight: normal;
padding-bottom: 5px;
margin-bottom: 10px;
color: gold;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
margin: 10px 0 10px 0;
font-weight: 200;
font-size: 15px;
font-family: 'open_sansregular';
line-height: normal;
color: #666;
text-rendering: optimizelegibility;
}

.cf:before, .cf:after{
    content:"";
    display:table;
}
 
.cf:after{
    clear:both;
}
 
.cf{
    zoom:1;
}    

 
 /* Form wrapper styling */
.search-wrapper {
width: 180px;
float: left;
margin-top: 20px;
}
 
/* Form text input */
 
.search-wrapper input {
width: 98px;
height: 15px;
padding: 10px 5px;
float: left;
border: 0;
background: #EEE;
font-style: italic;
}
 
.search-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
 
.search-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
 
.search-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
 
.search-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}    
 
/* Form submit button */
.search-wrapper button {
overflow: visible;
position: relative;
float: right;
border: 0;
padding: 0;
font-size: 14px;
cursor: pointer;
height: 35px;
width: 72px;
color: white;
background: #E04006;
}
   
.search-wrapper button:hover{     
  opacity: 0.8;
}   
   
.search-wrapper button:active,
.search-wrapper button:focus{   
    background: #c42f2f;
    outline: 0;   
}
 
.search-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c transparent;
    top: 10px;
    left: -6px;
}
 
.search-wrapper button:hover:before{
    border-right-color: #e54040;
}
 
.search-wrapper button:focus:before,
.search-wrapper button:active:before{
        border-right-color: #c42f2f;
}      
 
.search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}    


::-webkit-scrollbar {
    width: 14px;
}
::-webkit-scrollbar-track {
    border-left: 1px solid #fff;
 
}
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.4); 
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); 
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.6); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.8); 
}	
		
#searchbar_container {
background: #111;
box-shadow: 0 -1px #333 inset,0 -2px 8px #000 inset;
-moz-box-shadow: 0 -1px #333 inset,0 -2px 8px #000 inset;
-webkit-box-shadow: 0 -1px #333 inset,0 -2px 8px #000 inset;
}	

#searchform { padding: 10px; border-radius: 2px;}
#searchform fieldset { padding:0px; border-radius: 2px; border: 0px !important; margin-top: 0px !important; }
#searchform input[type="text"] {
 background: #0F0F0F;
padding: 10px;
border: none;
float: left;
font-family: 'open_sansregular', sans-serif;
width: 80%;
color:#f7f7f7;
font-size: 12px;
transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
 }
#searchform input[type="text"]:focus { width:80%;outline:none;background:#f7f7f7;color: #666; }
#searchform input[type="submit"] { cursor: pointer;
margin: 2px 0px;
padding: 10px;
width: 15%; }
#searchform input[type="submit"]:hover { background-color:#C5401F; }
#searchform input[type='submit'] { background-color: #000;color:#f7f7f7;
border: none;}	

.bc {
width: 100%;
margin-top: -42px;
}

.bcwrap {
width: 100%;
float: left;
background: #FFF;
padding: 0px 20px;
margin-left: -20px;
border-bottom: 1px solid rgba(213, 213, 213, 0.29);
}

.hcon {
vertical-align: middle;
float: left;
margin-top: 3px;
margin-right: 5px;
background: #111;
padding: 3px;
}

.options {
height: 41px;
width: 15%;
color: #FFF;
font-size: 10px;
text-align: right;
margin-right: -20px;
background-repeat: repeat-x;
overflow: hidden;
background: #FFF;
text-shadow: 0 -1px 0 #EEE;
}

.options li {
padding: 12px 10px;
height: 20px;
border-left: 1px solid #E9E9E9;
display: inline-block;
vertical-align: middle;
transition: width 2s height 2s;
-moz-transition: width 2s height 2s 0 2s;
-webkit-transition: width 2s height 2s 0 2s;
-o-transition: width 2s height 2s 0 2s;
transition: transform .4s linear;
-moz-transition: -moz-transform .4s linear;
-webkit-transition: -webkit-transform .4s linear;
-o-transition: -o-transform .4s linear;
}

.options li:hover {
color: #f1f1f1;
}

.profil1 {
padding: 10px;
background: #ECECEC;
}

.pravatar {
background: #8F8F8F;
text-align: center;
border-left:5px solid #fff;
}

.hovi:hover {
background: #F7F7F7;
}

.fili {
font-size: 15px;
background: rgba(27, 27, 27, 0.5);
padding: 4px;
}


.downarrowclass{
position: absolute;
top:20px;
right:5px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
.downarrowclass{
padding-right:10px;
}

.tipsy {
font-size: 12px;
position: absolute;
padding: 5px;
z-index: 100000;
}

.tipsy-inner {
background-color: #000;
color: #FFF;
max-width: 200px;
padding: 5px 8px 4px 8px;
text-align: center;
}

.tipsy-inner {
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

.tipsy-arrow {
position: absolute;
width: 0;
height: 0;
line-height: 0;
border: 5px dashed #000;
}
  
.tipsy-arrow-n {
border-bottom-color: #000;
}

.tipsy-arrow-s {
border-top-color: #000;
}

.tipsy-arrow-e {
border-left-color: #000;
}

.tipsy-arrow-w {
border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
top: 0px;
left: 50%;
margin-left: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}


.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
right: 0;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
left: 0;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent;
}

/* Responsive Layout */

@media screen and (max-width:1050px) {
       .navi {
       position: relative;
       width: 100%;
       text-align: center;
       margin-bottom: 0px;
       margin-right: 0px;
       margin-top: 10px;
       }

      .navi ul li {
      font-size: 10px;
      font-weight: normal;
      font-family: 'open_sansregular';
      display: inline-block;
      position: relative;
      padding: 5px 13px;
      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;
      }

     .bmwrap {
     display: none;
     }

.navi ul li:hover ul {
margin-top: -9px;
}

}
		

@media screen and (max-width:720px) {
      .navi ul li {
      font-size: 8px;
      font-weight: normal;
      font-family: 'open_sansregular';
      display: inline-block;
      position: relative;
      padding: 3px 10px;
      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;
      }
.navi ul li:hover ul {
margin-top: -15px;
}
}

@media screen and (max-width:700px) {
      .navi ul li {
      font-size: 5px;
      font-weight: normal;
      font-family: 'open_sansregular';
      display: inline-block;
      position: relative;
      padding: 1px 5px;
      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;
.navi ul li:hover ul {
margin-top: -18px;
}
      }

}