/***** clearfix *****/
.clear                      { clear: both; height: 0; line-height: 0;}
.clearfix:after             { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix                   { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix            { height: 1%; }
.clearfix                   { display: block; }
/* End hide from IE-mac */
.clearfix                   { height: 1%; }
.clearfix                   { display: block; }

/* sliding panel */ /*Panel will overlap  content / position: relative;*/   /*Panel will "push" the content down */
#toppanel                   { position: relative; top: 0; left: 0; width: 940px; z-index: 999; }

#panel                      { position: relative; top: 0; left: 0; font-size: 11px; width: 908px; padding: 8px 32px 8px 0px; text-align: right; background: #ececec; border-bottom: 1px solid #ccc; overflow: hidden; display: none; }
#panel a                    { text-decoration: none; color: #15ADFF; }
#panel a:hover              { color:#0f567d; }
#panel a-lost-pwd           { display: block; float: left; }

#panel input                { padding: 3px; width: 100px; border: 1px solid #ccc; font-size: 11px; }
#panel input[type=submit]   { padding: 3px; width: 75px; background: #3c85df; color: #fff; border: 0px; cursor: pointer; }

/* Panel Tab/button */
.tab                        { position: relative; top: 0; left: 0; height: 42px; z-index: 999; background: url(../images/tab-b-trans.png) repeat-x 0 0; }

.tab ul.login               { display: block; position: relative; float: right; clear: right; height: 42px; width: auto; font-weight: bold; line-height: 42px; margin: 0; right: 15px; color: white; font-size: 12px; text-align: center; }
.tab ul.login li.left       { background: url(../images/tab-l-trans.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; }
.tab ul.login li.right      { background: url(../images/tab-r-trans.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; }
.tab ul.login li            { text-align: left; padding: 0 6px; display: block; float: left; height: 42px; background: url(../images/tab-m.png) repeat-x 0 0; }
.tab ul.login li a          { color: #a9a9a9; text-decoration:  none; }
.tab ul.login li a:hover    { color: #a9a9a9; text-decoration: underline; }

.tab a.open, 
.tab a.close                { height: 20px; line-height: 20px !important; padding-left: 30px !important; cursor: pointer; display: block; width: 100px; position: relative; top: 11px; }
.tab a.open                 { background: url(../images/bt-open-trans.png) no-repeat left 0; }
.tab a.close                { background: url(../images/bt-close-trans.png) no-repeat left -1px; }
.tab a:hover.open           { background: url(../images/bt-open-trans.png) no-repeat left -20px; }
.tab a:hover.close          { background: url(../images/bt-close-trans.png) no-repeat left -20px; }