body, ul, li {  
    line-height:21px;  
}  

#company_logo {
    float: left;
}

#company_logo img {
    margin-left: 40px;
    width:200px;
}

.logo-menu-wrapper {
    background: none repeat scroll 0 0 #212121;
    height: 45px;
    width: 100%;
}

.logo-menu-wrapper-ul {
    width:80%;
    margin:auto;
}

/* Navigation Bar */  
#menu {  
    list-style:none;  
    width:100%;
    float:left;
    height:43px;  
    /* Rounded Corners */  
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px;  
    /* Background color and gradients */  

} 

#menu li {  
    cursor: pointer;
    float: left;
    margin-right: 0;
    padding: 0.5%;
    position: relative;
    text-align: center;
    width:auto;
} 


#menu li:hover {  
    border: 1px solid #777777;  
    padding: 4px 10px 4px 10px;  
    /* Background color and gradients */  
    background: #F4F4F4;  
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));  
    /* Rounded corners */  
    -moz-border-radius: 5px 5px 0px 0px;  
    -webkit-border-radius: 5px 5px 0px 0px;  
    border-radius: 5px 5px 0px 0px;  
}


#menu img.head-image {
    float:left;
    margin-right: 8px;
}

#menu p.head-drop {
    float: left;
    margin-top: 6px;
    width: auto;
}

#menu li a {  
    font-family:Arial, Helvetica, sans-serif;  
    font-size:14px;  
    color: #5096AA;  
    display:block;  
    outline:0;  
    text-decoration:none;  
}  

#menu li:hover a {  
    color:#161616;  
    text-shadow: 1px 1px 1px #FFFFFF;  
}  

#menu li .drop {  
    padding-right:21px;  
    background:url("/imaged/drop.png") no-repeat rightright 8px;  
}  

#menu li:hover .drop {  
    background:url("/images/drop.png") no-repeat rightright 8px;  
}  

/* Drop Down */  
.dropdown_1column,  
.dropdown_2columns,  
.dropdown_3columns,  
.dropdown_4columns,  
.dropdown_5columns { 
    z-index: 9999;
    margin:35px -11px;  
    float:left;  
    position:absolute;  
    left:-999em; /* Hides the drop down */  
    text-align:left;  
    padding:10px 5px 10px 5px;  
    border:1px solid #777777;  
    border-top:none;  
    /* Gradient background */  
    background:#F4F4F4;  
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));  
    /* Rounded Corners */  

}


.dropdown_1column {width: 140px;}  
.dropdown_2columns {width: 280px;}  
.dropdown_3columns {width: 820px;}  
.dropdown_4columns {width: 560px;}  
.dropdown_5columns {width: 700px;} 


#menu li:hover .dropdown_1column,  
#menu li:hover .dropdown_2columns,  
#menu li:hover .dropdown_3columns,  
#menu li:hover .dropdown_4columns,  
#menu li:hover .dropdown_5columns {  
    top:auto;
}  


/* Columns */  
.col_1,  
.col_2,  
.col_3,  
.col_4,  
.col_5 {  
    display:inline;  
    float: left;  
    position: relative;  
    margin-left: 5px;  
    margin-right: 5px;  
}

.col_mine {
    display:inline;  
    float: left;  
    position: relative;  
    margin-left: 5px;  
    margin-right: 5px; 
    width:400px;
}

.col_1 {width:130px;}  
.col_2 {width:270px;}  
.col_3 {width:410px;}  
.col_4 {width:550px;}  
.col_5 {width:690px;}


/* Right alignment */  
#menu .menu_right {  
    float:right;  
    margin-right:0px;  
}  

.header-info-wrapper {
    float: left;
    height: 40px;
    width: 70px;
}

#menu li .align_right {  
    /* Rounded Corners */  
    -moz-border-radius: 0px 5px 5px 5px;  
    -webkit-border-radius: 0px 5px 5px 5px;  
    border-radius: 0px 5px 5px 5px;  
}  


#menu li:hover .align_right {  
    left:auto;  
    rightright:-1px;  
    top:auto;  
}  


/* Drop Down Content Stylings */  
#menu p, #menu h2, #menu h3, #menu ul li {  
    font-family:Arial, Helvetica, sans-serif;  
    line-height:35px;  
    font-size:12px;  
    text-align:left;  
    text-shadow: 1px 1px 1px #FFFFFF;  
}  


#menu h2 {  
    font-size:21px;  
    font-weight:400;  
    letter-spacing:-1px;  
    margin:7px 0 14px 0;  
    padding-bottom:14px;  
    border-bottom:1px solid #666666;  
}  


#menu h3 {  
    font-size:14px;  
    margin:7px 0 4px 0;  
    padding-top:5px;  
    height:30px;
}  


#menu p {  
    line-height:18px;  
    margin:0 0 10px 0;  
    width:90%;
}  


#menu li:hover div a {  
    font-size:12px;  
    color:#015b86;  
}  

#menu li:hover div a:hover {  
    color:#029feb;  
}  

.strong {  
    font-weight:bold;  
} 

.italic {  
    font-style:italic;  
}  

.imgshadow {  
    background:#FFFFFF;  
    padding:4px;  
    border:1px solid #777777;  
    margin-top:5px;  
    -moz-box-shadow:0px 0px 5px #666666;  
    -webkit-box-shadow:0px 0px 5px #666666;  
    box-shadow:0px 0px 5px #666666;  
}


.img_left { /* Image sticks to the left */  
    float: left;
    height: 48px;
    margin: 5px 15px 5px 5px;
    padding: 4px;
    width: 48px;
}  

.header-text-wrapper {
    float: right;
    width: 330px;
}

#header {
    height: 125px;
    margin-bottom: 17px;
    min-width: 1020px;
    padding-bottom: 4px;
}

#menu li .black_box {  
    background-color:#333333;  
    color: #eeeeee;  
    text-shadow: 1px 1px 1px #000;  
    padding:4px 6px 4px 6px;  
    /* Rounded Corners */  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px;  
    /* Shadow */  
    -webkit-box-shadow:inset 0 0 3px #000000;  
    -moz-box-shadow:inset 0 0 3px #000000;  
    box-shadow:inset 0 0 3px #000000;  
}  


#menu li ul {  
    list-style:none;  
    padding:0;  
    margin:0 0 12px 0;  
} 

#menu li ul li {  
    font-size:12px;  
    line-height:24px;  
    position:relative;  
    text-shadow: 1px 1px 1px #ffffff;  
    padding:0;  
    margin:0;  
    float:none;  
    text-align:left;  
    width:130px;  
} 

#menu li ul li:hover {  
    background:none;  
    border:none;  
    padding:0;  
    margin:0;  
}  

#menu li .box li {  
    background:#F4F4F4;  
    border:1px solid #bbbbbb;  
    margin:0px 0px 4px 0px;  
    padding:4px 6px 4px 6px;  
    width:116px;  
    /* Rounded Corners */  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px;  
}  

#menu li .box li:hover {  
    background:#ffffff;  
    border:1px solid #aaaaaa;  
    padding:4px 6px 4px 6px;  
    margin:0px 0px 4px 0px;  
}  

#header_add_info {
    height: 80px;
    margin: 10px auto auto;
    vertical-align: bottom;
    width: 80%;
}


.language_form {
    width:230px;
    float:right;
    margin-top: 0px;
}


p.head_name {
    color: #FFFFFF;
    float: right;
    margin-top: 5px;
    text-align: center;
}


.head_image {
    color: #FFFFFF;
    float: right;
    padding-left: 15px;
    padding-right: 15px;

}

.head_image img {
    cursor: pointer;
    height:25px;
    width:28px;
}

p.select_lang_text {
    float:left;
    margin-right: 10px;
    color:#fff;
}

#select_language {
    float:left;
    padding:1px !important;
}

#select_language option {
    padding: 0 !important;
}

.settings-header-dropdown {
    background: none repeat scroll 0 0 #f1f1f1;
    border-bottom: 12px solid #cccccc;
    border-left: 13px solid #cccccc;
    border-right: 13px solid #cccccc;
    color: #669304;
    display: none;
    position: relative;
    width: 105px !important;
    z-index: 100001;
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    font-size: 1.4em;
}

#fullname-header:hover {
    
}

table.drop-down {
    border-collapse: collapse;
    width: 100%;
}

table.drop-down tr td:hover {
    background-color: #000;
    cursor:pointer;
}

table.drop-down tr td {
    padding: 5px 8px 5px 8px;
}


.header-profile-image-name-wrapper-outer {
    float: right;
}

.header_profile_name_dropdown_wrapper {
    float: left;
    position: relative;
}


.header-profile-image-name-wrapper-outer .profile-name {
    float: left;
    margin-top: 10px;
}

#fullname-header {
    cursor: pointer;
}
p.head_name {
    color: #719931;
    float: right;
    font-size: 14px;
    font-weight: bold;
    height: 33px;
    line-height: 28px;
    margin-top: 5px;
    padding: 5px 10px;
    text-align: center;
}

p.head_name_hover {
    color:#719931;
    background-color: #000;
    float: right;
    margin-top: 5px;
    height: 33px;
    line-height: 28px;
    text-align: center;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 14px;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
}

.settings-header-dropdown {
    background: none repeat scroll 0 0 #fff;
    border-color: #719931;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-style: solid;
    border-width: 1px;
    color: #000;
    display: none;
    font-size: 14px;
    margin-top: 8px;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 49px;
    width: 225px !important;
    z-index: 100001;
}

table.drop-down {
    border-collapse: collapse;
    width: 100%;
}

table.drop-down tr td {
    border-bottom: 1px solid #f1f1f1;
    padding: 5px 8px;
}

table.drop-down tr td:hover {
    background-color: #f1f1f1;
    cursor:pointer;
}

.remove-right-border {
    border-right: 0px !important;
}


.messages-header-dropdown {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 4px solid #000;
    border-left: 4px solid #000;
    border-right: 4px solid #000;
    color: #333333;
    margin-left: -145px;
    position: absolute;
    top: 55px;
    width: 300px !important;
    z-index: 100001;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.messages-header-dropdown .header-dropdown-span {
    font-weight:bold;
    font-size:1.2em;
    color:#fff;
}

.messages-header-dropdown .header-dropdown-span p{
    float: left;
}

.messages-header-dropdown .header-dropdown-span span{
    float: left;
}

.messages-header-dropdown .header-dropdown-span:hover {
    color:#0EABE0;
    cursor:pointer;
}

.messages-header-dropdown .body-dropdown-span {
    font-weight:bold;
    font-size:1.2em;
}

.float-right-p {
    float: right;
}

.wrap-message-arrow-content {
    display:none;
    overflow: hidden;
    height:auto;

}

#drop-down-messages-header-messages {
    float:left;
}

#message-header:hover > .wrap-message-arrow-content {
    display: block;
}

.notifications-header-dropdown {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 4px solid #000;
    border-left: 4px solid #000;
    border-right: 4px solid #000;
    color: #333333;
    margin-left: -145px;
    position: absolute;
    top: 55px;
    width: 300px !important;
    z-index: 100001;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.notifications-header-dropdown .header-dropdown-span {
    font-weight:bold;
    float:left;
    font-size:1.2em;
    color:#fff;
}

.notifications-header-dropdown .header-dropdown-span p{
    float: left;
}

.notifications-header-dropdown .header-dropdown-span span{
    float: left;
}

.notifications-header-dropdown .header-dropdown-span:hover {
    color:#0EABE0;
    cursor:pointer;
}

.notifications-header-dropdown .body-dropdown-span {
    font-weight:bold;
    font-size:1.2em;
}

.wrap-notification-arrow-content {
    display:none;
    overflow: hidden;
    height:auto;

}

#notification-header:hover > .wrap-notification-arrow-content {
    display: block;
}



.all-arrow-notifications {
    background-image: url("http://dev.myfootballlife.com/images/icons/options/all_arrow.png");
    background-repeat: no-repeat;
    margin-left: 5px;
    padding: 10px;
    position: absolute;
    top: 47px;
}

table.drop-down-notifications {
    border-collapse: collapse;
    width: 100%;
    word-wrap: break-word;
}

table.drop-down-notifications thead tr {
    background: none repeat scroll 0 0 #000;
}

table.drop-down-notifications thead tr th {
    padding:5px;
} 

table.drop-down-notifications thead tr th:first-child {
    width: 70px;
} 


table.drop-down-notifications tbody tr {
    border-top: 1px solid #989AA0;
}

table.drop-down-notifications tbody tr.unread-notification {
    background-color:#f1f1f1;
} 

table.drop-down-notifications tbody tr.read-notification {

}

table.drop-down-notifications tbody tr:hover {
    background-color:#EBECED;
    cursor:pointer;
}

table.drop-down-notifications tbody tr td.drop-down-notifications-td-first {
    height: 50px;
    padding: 8px 10px 8px 0;
    width: 70px;
} 

table.drop-down-messages tbody tr td.drop-down-notifications-td-first img  {
    width:55px;
    height:48px;
    margin-left: 5px;
}

table.drop-down-messages tbody tr td:nth-child(2)  {
    padding-right: 5px;
}

table.drop-down-notifications tbody tr td:nth-child(2)  {
    padding-right: 5px;
}

.all-arrow-connects-notification-dropdown {
    display: block;
    height: 30px;
    margin-left: -145px;
    position: absolute;
    top: 35px;
    width: 305px;
    z-index: 200000000;
}


.loading-dropdowns {
    padding: 10px;
    text-align: center;
    float: left;
    width: 95%;
}


.all-arrow-messages {
    background-image: url("http://dev.myfootballlife.com/images/icons/options/all_arrow.png");
    background-repeat: no-repeat;
    margin-left: 5px;
    padding: 10px;
    position: absolute;
    top: 47px;
}

table.drop-down-messages {
    border-collapse: collapse;
    width: 100%;
}

table.drop-down-messages thead tr {
    background: none repeat scroll 0 0 #000;
}

table.drop-down-messages thead tr th {
    padding:5px;
} 

table.drop-down-messages thead tr th:first-child {
    width: 70px;
} 


table.drop-down-messages tbody tr {
    border-top: 1px solid #989AA0;
}

table.drop-down-messages tbody tr.unread-message {
    background-color:#f1f1f1;
} 

table.drop-down-messages tbody tr.read-message {

}

table.drop-down-messages tbody tr:hover {
    background-color:#EBECED;
    cursor:pointer;
}

table.drop-down-messages tbody tr td.drop-down-messages-td-first {
    height: 50px;
    padding: 8px 10px 8px 0;
    width: 70px;
} 

table.drop-down-messages tbody tr td.drop-down-messages-td-first img  {
    width:55px;
    height:48px;
    margin-left: 5px;
}

table.drop-down-notifications tbody tr td.drop-down-notifications-td-first img  {
    width:55px;
    height:48px;
    margin-left: 5px;
}

.all-arrow-connects-message-dropdown {
    display: block;
    height: 30px;
    margin-left: -145px;
    position: absolute;
    top: 35px;
    width: 305px;
    z-index: 200000000;
}

.no-messages-found {
    font-size: 1.3em;
    margin: 20px auto;
    text-align: center;
}

.no-messages-found span {
    font-weight: bold;
    text-align: center;
}

.header-search-bar {
    float: right;
    width:240px
}

#header-search-form .search-bar-wrapper {
    border-radius: 13px;
    width:95%;
    overflow: hidden;
}

.search-whole-website {
    background: linear-gradient(to bottom, #0E0E0E 0px, #323232 24px, #E1E1E1 100px, #EEEEEE 124px) no-repeat scroll left top / 222px 124px transparent;
    background: -moz-linear-gradient(to bottom, #0E0E0E 0px, #323232 24px, #E1E1E1 100px, #EEEEEE 124px) no-repeat scroll left top / 222px 124px transparent;
    background: -webkit-gradient(linear, center top, center bottom, from(#0E0E0E), to(#323232));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0E0E0E', endColorstr='#323232');
    border: 1px solid #000000;
    border-radius: 13px 13px 13px 13px;
    box-shadow: 0 1px 0 #555555;
    color: #888888;
    float: left;
    font-family: Arial,Helvetica;
    font-style: italic;
    height: 17px;
    padding: 3px 30px 2px 10px;
    transition: background 0.2s linear 0s;
    width: 180px;
}

.search-website-button {
    background: url("//1.www.s81c.com/i/v17/icons/search.png") no-repeat scroll 0 3px transparent;
    border: 0 none;
    color: transparent;
    cursor: pointer;
    float: left;
    height: 21px;
    margin-left: -30px;
    position: relative;
    text-align: right;
    text-indent: -999em;
    width: 24px;
}