/**--------------------------------------------------------
# BT Soccerlift - Joomla! Template
# --------------------------------------------------------
# For Joomla! 2.5
# Copyright (C) 2012 Bonusthemes.com. All Rights Reserved.
# @license Copyrighted Commercial Software
# Demo: http://www.bonusthemes.com/demo/?template=soccerlift
# Website: http://www.bonusthemes.com
# Support: support@bonusthemes.com
-------------------------------------------------------- **/

/* logo */
div.bt_fade_logo.bt_fade_img  { position: relative; width: 268px; height: 48px; background-color: transparent; background-image: url("../images/skin1/layout/logo.png"); background-repeat: no-repeat; background-position: left top; margin: 5px 0; }
div.bt_fade_logo.bt_fade_img a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: transparent; background-image: url("../images/skin1/layout/logo.png"); background-repeat: no-repeat; background-position: left bottom; }

/* login / register (top 5 module position) */
#bt_popup span { color: #fff; padding: 0 5px; }
#bt_popup .bt_login_icon { padding: 0 0 0 22px; background: transparent url("../images/skin1/popup/bt_login_popup.png") no-repeat left 1px;  }
#bt_popup a { color: #0094D4; font-weight: normal; }
#bt_popup a:hover { color: #ff9900; }

#bt_popup .bt_separator a { color: #fff !important; }
#bt_popup .bt_separator a:hover { color: #ff9900; }

/* popup */
/* based on: http://www.queness.com/post/77/simple-jquery-modal-window-tutorial */
#bt_popup .mask { position: absolute; top: 0; left: 0; z-index: 9000; display: none; background: #000; }
#bt_popup .boxes .window { position: absolute; width: 440px; height: 100px; display: none; z-index: 9999; padding: 20px; }

/* popup */
#bt_popup .boxes #bt_login_window { width: 380px; min-height: 260px; background: #004A72; border-left: 5px solid #FF9900; padding: 15px 25px;} 
#bt_popup .boxes #bt_register_window { width: 400px; min-height: 385px; background: #004A72; border-left: 5px solid #FF9900; padding: 15px 25px;} 

/* close */
#bt_popup .bt_close { font-weight: bold; float: right; padding: 0 25px 0 0; background: transparent url("../images/skin1/popup/bt_close.png") no-repeat 99% center; font-size: 10px; line-height: 18px; height: 18px; color: #fff; text-align: right;  }
#bt_popup .bt_close:hover { color: #ff9900; }

/* title */
#bt_popup .bt_login_title { width: 100%; float: left; color: #fff; margin: 5px 0 0 0; font-size: 20px;}
#bt_popup .bt_login_title span { padding: 0 0 0 10px; margin: 0 0 0 4px; color: #FF9900; font-size: 30px; background: transparent url("../images/skin1/popup/bt_vertical_line.png") no-repeat left center; }

/* form */
#bt_popup .bt_login_form { width: 100%; overflow: hidden; padding: 5px 0; margin: 0; }

/* inputs */
#bt_popup .bt_login_form input[type="text"], #bt_popup .bt_login_form input[type="password"] { width: 97%; padding: 0 0 0 37px; line-height: 30px; height: 30px; max-width: 340px; border: 1px solid #00AAFF; color: #FFFF99; font-weight: bold; }
/* for: login */
#bt_popup .bt_login_form input#modlgn_username { background: #002437 url("../images/skin1/popup/bt_login_user.png") no-repeat left center; }
#bt_popup .bt_login_form input#modlgn_passwd { background: #002437 url("../images/skin1/popup/bt_login_password.png") no-repeat left center; }
/* for: register */
#bt_popup .bt_login_form input#name { background: #002437 url("../images/skin1/popup/bt_register_name.png") no-repeat left center; }
#bt_popup .bt_login_form input#username { background: #002437 url("../images/skin1/popup/bt_register_username.png") no-repeat left center; }
#bt_popup .bt_login_form input#email { background: #002437 url("../images/skin1/popup/bt_register_email.png") no-repeat left center; }
#bt_popup .bt_login_form input#password { background: #002437 url("../images/skin1/popup/bt_register_password.png") no-repeat left center; }
#bt_popup .bt_login_form input#password2 { background: #002437 url("../images/skin1/popup/bt_register_verify_password.png") no-repeat left center; }

/* default button */
#bt_popup .bt_login_form .bt_button_line { width: 100%; margin: 10px 0 0 0; height: 31px; line-height: 31px; }
#bt_popup .bt_login_form .bt_button_line .bt_remember_line { float: left; }
#bt_popup .bt_login_form .bt_button_line input[type="submit"] { float: right; cursor: pointer; font-size: 13px; margin: 0; font-weight: bold; height: 31px; margin: 0 2px 0 0; padding: 4px 15px 6px 15px; text-decoration: none; background: transparent url("../images/skin1/typography/buttons/large/bt_large_button-3.png") repeat-x; color: #fff; border: 1px solid #0067A5; }
#bt_popup .bt_login_form .bt_button_line input[type="submit"]:hover { background: transparent url("../images/skin1/typography/buttons/large/bt_large_button-3.png") repeat-x 0 -31px; }
#bt_popup .bt_login_form .bt_button_line input[type="submit"]:active { background: transparent url("../images/skin1/typography/buttons/large/bt_large_button-3.png") repeat-x 0 -61px; }

/* separator */
#bt_popup .bt_separator { background: transparent url("../images/skin1/popup/bt_login_separator.png") repeat-x top center; margin: 20px 2px; padding: 15px 0; font-size: 10px; font-weight: bold; text-align: center; }
#bt_popup .bt_separator a { padding: 0 8px; }

/* register */
#bt_popup .bt_register_button_line { width: 95%; background: transparent url("../images/skin1/popup/bt_login_separator.png") repeat-x top center; margin: 15px 5px 0 0; padding: 15px 0; }

#bt_popup .bt_register_button_line .button { float: right; }
#bt_popup .bt_register_required { margin: 10px 0 0 0; padding: 0; font-size: 11px; }

/* social icons */
.bt_social_icons { width: 26px; height: 26px; display: inline-block; margin: 3.5px 0 0 0; }
.bt_social_facebook { background-position: 0 0; background-image: url("../images/skin1/layout/bt_social_icons.png"); }
.bt_social_facebook:hover { background-position: 0 -26px; }
.bt_social_twitter { background-position: -28px 0; background-image: url("../images/skin1/layout/bt_social_icons.png"); }
.bt_social_twitter:hover { background-position: -28px -26px; }
.bt_social_flickr { background-position: -56px 0; background-image: url("../images/skin1/layout/bt_social_icons.png"); }
.bt_social_flickr:hover { background-position: -56px -26px; }
.bt_social_vimeo { background-position: -84px 0; background-image: url("../images/skin1/layout/bt_social_icons.png"); }
.bt_social_vimeo:hover { background-position: -84px -26px; }
.bt_social_google { background-position: -112px 0; background-image: url("../images/skin1/layout/bt_social_icons.png"); }
.bt_social_google:hover { background-position: -112px -26px; }
.bt_social_linkedin { background-position: -140px 0; background-image: url("../images/skin1/layout/bt_social_icons.png"); }
.bt_social_linkedin:hover { background-position: -140px -26px; }
.bt_social_digg { background-position: -168px 0; background-image: url("../images/skin1/layout/bt_social_icons.png"); }
.bt_social_digg:hover { background-position: -168px -26px; }
.bt_social_flickr2 { background-position: -196px 0; background-image: url("../images/skin1/layout/bt_social_icons.png"); }
.bt_social_flickr2:hover { background-position: -196px -26px; }
.bt_social_yahoo { background-position: -224px 0; background-image: url("../images/skin1/layout/bt_social_icons.png"); }
.bt_social_yahoo:hover { background-position: -224px -26px; }
.bt_social_stumbleupon { background-position: -252px 0; background-image: url("../images/skin1/layout/bt_social_icons.png"); }
.bt_social_stumbleupon:hover { background-position: -252px -26px; }
.bt_social_rss { background-position: -280px 0; background-image: url("../images/skin1/layout/bt_social_icons.png"); }
.bt_social_rss:hover { background-position: -280px -26px; }