@import url(../../Shared/reset.css);

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
  /* End hide from IE Mac */

* html body {
text-align:center;
}

body { background: #fafafa url(Images/bg.jpg) repeat-y scroll top center; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 16px; color: #101010; }
a, a:active, a:visited { color: #096ebc; text-decoration: underline; }
a:hover { }
a.nodecoration { text-decoration: none; }
a.selected { color: #101010; text-decoration: none;}
a.logoclick { display: block; width:450px; height: 77px; margin:0 auto; position: relative; top: 40px; left: -200px; z-index: 1500;  }

.hilight { color: #686868; }
a.hilight:hover { color: #FF0000; }
.quiet { color: #9e9e9e; }

.background-footer { background: transparent url(Images/bg-bottom.png) no-repeat scroll center bottom; position: relative; /* negative value of footer height */ height: 113px; clear:both; }
#ie7 .background-footer { left: -1px; top: 19px }

#wrap { margin: 56px auto 0; width: 766px; position: relative; top: 0; display: block; }
#ie7 #wrap { top: 56px; margin: 0 auto; }
#wrap-header { height: 28px; background: #fff; }
#wrap-footer { height: 42px; }
#wrap-middle {  }
#content { background: #fff; min-height: 800px; padding: 0 15px; }
#breadcrumbs { position: relative; left: 20px; top: 5px; float: left; font-size: 11px; }
    #breadcrumbs { color: #6f6f6f; }

h1 { font-size: 32px; line-height: 36px; }
h2 { font-size: 24px; }

h1 img { margin: 5px 0; }

.centered { margin: 0 auto; }
#how-it-works { width: 744px; position: relative; left: -5px; }

.btn-arrow { vertical-align: middle; padding-left: 18px; margin: 0 3px 0 0; background: transparent url(Images/btn-postreponse.png) no-repeat scroll 0 1px; height: 15px; display: block; }
.btn-arrow:hover { background-position: 0 -14px; }
.btn-arrow:active { background-position: 0 -29px; }
.btn-text { position: relative; }

/*.loading { width: 100%; height: 100px; background: transparent url(Images/loading.gif) no-repeat scroll 50% 50%; }*/
.loading { background:url('Images/loading.gif') no-repeat scroll 50% 36% #333333; display:block; height:100%; left:0; position:fixed; top:0; width:100%; z-index:5000; 
           opacity: 0.5; filter: alpha(opacity = 50) !important; -khtml-opacity: 0.5; -moz-opacity: 0.5; }
.login, .logout { position: relative; float: right; left: -15px; top: 5px; font-size: 11px; }
.blurb { }
.loggedin { padding: 14px 0 0 0; position: absolute; width: 207px; top: -68px; right: -87px; height: 50px; }
    .loggedin p { line-height: 12px; font-size: 10px; }
    .loggedin img { float: left; margin: 0 5px 0 66px; }
.login-dialog { top: 40%; width: 371px; color: #101010; }
    .login-dialog input.text { width: 255px; margin-top: 5px; }
    .login-dialog label.textlabel { width: 72px; display: block; float: left; margin-top: 5px; }
    .login-dialog .tools { margin: 5px 0 0 72px; }
    .login-dialog .tools a { float: right; }
    .login-dialog label { clear: left; }
    .login-dialog label.checklabel { position: relative; top: -1px; margin: 0 0 0 4px; }
 
.separator { margin: 0 4px; }
#buzzard-overlay { background-color: #fff; }
.errors { color: #ff0000; }

.success { color: #000; }

.btn-under13 { display: block; width: 170px; height: 35px; background: transparent url(Images/btn-13yearsold.png) no-repeat scroll 0 0; }
.btn-over13 { display: block; width: 170px; height: 35px; background: transparent url(Images/btn-14yearsolder.png) no-repeat scroll 0 0; }

.dialog { width: 371px; background: transparent url(Images/dialog-bubble.png) no-repeat scroll 0 0; height: 8px; }
.dialog-bottom { background-position: 0 -8px; background-color: transparent; }
.dialog-top { background-color: transparent; }
.dialog-middle { height: auto; background-image: none; background-color: #ededed; padding: 10px 20px; width: auto; }

.fb-button { margin-top: 15px; margin-bottom: 15px; }

.divider { clear: both; width: 744px; height: 3px; background: transparent url(Images/divider-long.png) no-repeat scroll top left; }
.divider-short { clear: both; width: 129px; height: 3px; background: transparent url(Images/divider-short.png) no-repeat scroll top left; margin: 8px 0; }
.dividertab { display: block; height: 14px; width: 89px; font-size: 10px; color: #fff !important; text-decoration: none; background: transparent url(Images/help-tab.png) no-repeat scroll top left; text-align: center; float: right; position: relative; top: 3px; right: 40px; margin-bottom:15px; }
    .dividertab:hover { text-decoration: none; }

.category-link { display: block; width: 685px; height: 76px; margin-top: 15px; background-attachment: scroll; background-repeat: no-repeat; background-position: 0 0; }
.category-link:hover { background-position: 0 -76px; }

.parent-category-1 { background-image: url(Images/btn-category.png); }
.parent-category-2 { background-image: url(Images/btn-category.png); }
.parent-category-3 { background-image: url(Images/btn-category.png); }
.parent-category-4 { background-image: url(Images/btn-category.png); }

.category-image { display: block; width: 744px; height: 76px; background-attachment: scroll; background-position: 0 0; background-repeat: no-repeat; }
.category-image-parent-category-1 { background-image: url(Images/hd-category.jpg); }
.category-image-parent-category-2 { background-image: url(Images/hd-category.jpg); }
.category-image-parent-category-3 { background-image: url(Images/hd-category.jpg); }
.category-image-parent-category-4 { background-image: url(Images/hd-category.jpg); }

.view-nav { padding: 0 19px; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
strong, .strong { font-weight: bold; }

/* Category menu */
#category-header{ background-color: #fff; padding: 10px 6px; overflow: hidden; margin-top: 10px; }
    #category-menu-container #category-menu-wrapper { float: left; display: inline; width: 695px; height: 69px; overflow: hidden; position: relative; }
        #category-menu-container #category-menu { list-style: none; width: 1200px; position: relative; }
            #category-menu li { float: left; display: block; width: 160px; height: 69px; margin: 0 7px; }
            #category-menu li a { display: block; list-style: none; width: 160px; height: 69px; background: transparent url(Images/btn-topic.png) no-repeat 0 0; }
            #category-menu a:hover { background-position: 0 -69px !important; }
            #category-menu a.selected { background-position: 0 -138px !important;  }

    .category-nav { float: left; display: block; margin: 5px 1px 0 1px; width: 12px; height: 54px; cursor: pointer; }
        .category-nav:hover { background-position: 0 -54px !important; }
        .category-nav:active { background-position: 0 -108px !important; }
    #category-nav-left { background: transparent url(Images/btn-topicarrow-left.png) no-repeat 0 0; }
    #category-nav-right { background: transparent url(Images/btn-topicarrow-right.png) no-repeat 0 0; }

#category-menu-container .stats { padding: 15px 22px 0 22px; }

#nugget-list { width: 584px; float: left; position: relative; }

#featured-wrapper { float: left; }

.move { background: #0e0e0e; padding: 10px; margin-bottom: 10px; }
#ie7 #movetotopic { margin-left: 15px; }
.bubble { width: 582px; background: transparent url(Images/bubble-nugget.png) no-repeat scroll 0 0; }
#featured-nugget .bubble { width: 740px; background: transparent url(Images/bubble-featured.png) no-repeat scroll 0 0; }
.bubble-top { height: 8px; }
.bubble-bottom { background-position:0 -5px; clear:both; float:left; height:48px; padding-top: 3px; }
    .bubble-bottom div { position: relative; top: 9px; left: 16px; }
.bubble-middle { background: #6c8d7f none; float: left; clear: both; }
#featured-nugget .bubble-middle { background: #ededed none !important; }
    #featured-nugget .bubble-bottom { background-position: 0 -5px; height: 50px; padding-top: 15px; }

.editor { background-color: #fff; border: solid 1px #c0c0c0; font-family: Courier New, Monospace; -moz-box-shadow: 0px 0px 10px #076900; }
.nugget { clear: both; float: left; margin-bottom: 10px; }
.item-detail .nugget { width: 590px; }
.nugget .blurb { color:#FFFFFF; float:left; font-size:14px; padding:20px; position:inherit; width:370px; }
    .bubble-middle textarea.editor { width: 395px; height: 45px; margin: 20px; float: left; }
    .nugget-tags .editor { width: 300px; }
    .response-content textarea.editor { width: 534px; height: 45px; margin: 10px; } 
    #featured-nugget .blurb {  color: #363636; }

.nugget .vote { float: left; }

#reportcomment { width: 530px; margin: 10px; height: 75px; }

a.closepopover { display: block; width: 19px; height: 19px; background: transparent url(Images/btn-X.png) no-repeat scroll 0 0; }
    a.closepopover:hover { background-position: 0 -19px; }
    a.closepopover:active { background-position: 0 -38px; }

.nugget .extras { float: right; margin: 0 5px 5px 0; }
.nugget .extras a { margin-left: 2px; float: right; }

.nugget .flag { display: block; width: 15px; height: 15px; background: transparent url(Images/btn-flag-dark.png) no-repeat scroll 0 0; float: left; }
#featured-nugget .nugget .flag { display: block; width: 15px; height: 15px; background: transparent url(Images/btn-flag-light.png) no-repeat scroll 0 0; float: left; }
    .nugget .flag:hover { background-position: 0 -15px !important; }
    .nugget .flag:active { background-position: 0 -30px !important; }

.nugget .edit { display: block; width: 15px; height: 15px; background: transparent url(Images/btn-edit-dark.png) no-repeat scroll 0 0; float: left; }

.nugget .permalink { display: block; width: 15px; height: 15px; background: transparent url(Images/btn-perma-dark.png) no-repeat scroll 0 0; float: left; }
#featured-nugget .nugget .permalink { display: block; width: 15px; height: 15px; background: transparent url(Images/btn-perma-light.png) no-repeat scroll 0 0; float: left; }
    .nugget .permalink:hover, .nugget .edit:hover, .nugget .facebook:hover, .nugget .twitter:hover { background-position: 0 -15px !important; }
    .nugget .permalink:active, .nugget .edit:active, .nugget .facebook:active, .nugget .twitter:active { background-position: 0 -30px !important; }    

.nugget .twitter { display: block; width: 15px; height: 15px; background: transparent url(Images/btn-twitter.png) no-repeat scroll 0 0; float: left; }
.nugget .facebook { display: block; width: 15px; height: 15px; background: transparent url(Images/btn-facebook.png) no-repeat scroll 0 0; float: left; }

.bubble .vote { float: right; width: 139px; height: 68px; margin-right: 5px; clear: right; background: transparent url('Images/vote-box-sm.png') no-repeat 0px 0px; }
    .vote .down-button { float:right; margin:1px 2px 0px 2px; background: transparent url('Images/vote-neg-sm.png') no-repeat 0px 0px; width: 32px; height: 31px; cursor: pointer; }
    .nugget .vote .up-button { float:right; margin:2px 2px 0px 2px; background: transparent url('Images/vote-pos-sm.png') no-repeat 0px 0px; width: 32px; height: 31px; cursor: pointer; }
        .nugget .vote .vote-button:hover { background-position: 0 -31px; }
        .nugget .vote .vote-button:active { background-position: 0 -62px; }
        .nugget .vote .vote-voted { background-position: 0 -93px !important; }
        #featured-nugget .nugget .vote .vote-voted { background-position: 0 -135px !important; }
    .nugget .vote .not-voted { background-position: 0 -93px; }
    .nugget .vote-count { font-weight: bold; float: left; margin-right: 5px; color: #ffffff; }

    .nugget .vote .vote-up { float: left; width: 139px; height: 34px; }
    .nugget .vote .vote-down { float: left; width: 139px; height: 34px; }

    .nugget .vote .up-graph-wrapper { float: right; height:31px; margin:2px 0 0 0; overflow:hidden; width:100px !important; }
    .nugget .vote .down-graph-wrapper { float: right; margin:1px 0 1px 3px; height: 31px; overflow: hidden; width: 100px !important; }
    .nugget .vote .up-graph { float: right; background: Transparent url('Images/vote-meter-pos.png') repeat-x 0px 0px; width: 0px; height: 29px; border: 1px solid #1e1c1d; }
    .nugget .vote .down-graph { float: right; background: Transparent url('Images/vote-meter-neg.png') repeat-x 0px 0px; width: 0px; height: 29px; border: 1px solid #373737; }

a.postresponse { display: block; background: transparent url(Images/btn-postreponse.png) no-repeat scroll 0 0; float: left; padding-left: 20px; margin-right: 15px; height: 15px; position: relative; top: 3px; }
    a.postresponse:hover { background-position: 0 -15px; }
    a.postresponse:active { background-position: 0 -30px; }
.nugget-skipquestion { color: #363636 !important; display: block; float: right; clear: right; width: 162px; text-align: center; font-size: 14px; margin: 5px 0 0 13px; }

#featured-nugget .blurb { width: 520px; }

#featured-nugget .bubble .vote { width: 161px; height: 53px; margin-right: 8px; background: transparent url('Images/vote-box-lg.png') no-repeat 0px 0px; }
    #featured-nugget .vote .down-button { margin:0; position: relative; top: 4px; left: 65px; background: Transparent url('Images/vote-neg-lg.png') no-repeat 0px 0px; width: 46px; height: 45px; cursor: pointer; }
        #featured-nugget .vote .down-button:hover { background-position: 0 -45px; }
        #featured-nugget .vote .down-button:active { background-position: 0 -90px; }
    #featured-nugget .vote .up-button { margin:0; position: relative; top: 4px; left: 63px; background: transparent url('Images/vote-pos-lg.png') no-repeat 0px 0px; width: 46px; height: 45px; cursor: pointer; }
        #featured-nugget .vote .up-button:hover { background-position: 0 -45px; }
        #featured-nugget .vote .up-button:active { background-position: 0 -90px; }
        
    #featured-nugget .vote .not-voted { background-position: 0 -136px; }
    #featured-nugget .vote-count { display: none; }
    
    #featured-nugget .vote .vote-up { float: left; width: 46px; height: 53px; }
    #featured-nugget .vote .vote-down { float: left; width: 46px; height: 53px; }
    
    #featured-nugget .vote .up-graph-wrapper,
    #featured-nugget .vote .down-graph-wrapper,
    #featured-nugget .vote .up-graph,
    #featured-nugget .vote .down-graph { display: none; }
    
    #featured-nugget .extras { margin: 0 8px 5px 0; }
                
.user-small-gravatar { float: left; }
.user-name { float:left; margin:0 5px; }
.user-reputation { float:left; line-height:inherit; margin:0 15px; }
.nugget-tags { float:left; line-height:19px; margin:0 15px 0 0; clear: left; }
.nugget-responses { float: right; left:-12px !important; }
    .editresponse { width: 530px; height: 75px; }

.responses { clear:both; display:block; padding:13px; float: left; }
.responses img { display: block; }
.responses div { float: left; }

.responses .response { width: 558px; background: no-repeat scroll 0 0; margin-top: 10px; }
    .response .submit { margin: 8px 0 0 8px; }

.responses .response .response-content { float: left; display: inline; width: 558px; background-color: #6a8f81; color: #fff; }
.responses .response .response-content .response-body { padding: 10px; }
.responses .response .response-bubble-top { float: left; display: inline; height: 5px; width: 558px; background: Transparent url(Images/bubble-response.png) no-repeat 0 0px; }
.responses .response .response-bubble-bottom { float: left; display: inline; height: 29px; width: 558px; background: Transparent url(Images/bubble-response.png) no-repeat 0 -5px; } 
.responses .response .response-bubble-bottom div { float:right; position:relative; right:10px; top:4px; }

.featured-header { margin-top: 15px; }

/*************************************************
Profile Style
*************************************************/

.profile-links a { margin: 0 5px; }

.my-questions { padding: 10px 27px; }

#reputation-list { padding: 10px 14px; }

.badge-title {  padding: 10px 14px 0; }

#reputation-list .badge { height:76px; width:351px; position: relative; margin-bottom: 10px; }

#reputation-list .autobiographer { background: transparent url(Images/badge-autobiographer.png) no-repeat 0 -76px; float:left; }
#reputation-list .voter { background: transparent url(Images/badge-voter.png) no-repeat 0 -76px; float:right; }
#reputation-list .inquisitive { background: transparent url(Images/badge-inquisitive.png) no-repeat 0 -76px; float:left; }
#reputation-list .responder { background: transparent url(Images/badge-responder.png) no-repeat 0 -76px; float:right; }
#reputation-list .oneyear { background: transparent url(Images/badge-oneyear.png) no-repeat 0 -76px; float:left; }

#reputation-list .disabled { background-position: 0 0px; }

#reputation-list .disabled .invariant,
#reputation-list .disabled .points { color: #565656; }

#reputation-list .invariant { color: #fff; font-size:15px; font-weight:bold; left:75px; position:absolute; text-transform:uppercase; top:30px; }
#reputation-list .points { color:#000; font-size:30px; font-weight:bold; left:262px; position:absolute; text-align:center; text-transform:uppercase; top:27px; width:88px; line-height: 25px; }

/*************************************************
Register/Edit Users Style
*************************************************/
#registration { padding: 10px 27px; }

#registration form { padding: 5px 0px 0px; }

#registration p { padding: 5px 0px; }

#update-form { padding: 10px 19px; }

#update-form form { padding: 5px 0px 0px; }

.sub-header { color: #96272e; position:relative; top:-10px; }
.form { width: 700px; clear: both; }
.form .form-row { float: left; clear: both; width: 700px; }
.form label { clear: left; float:left; width:30%; margin: 7px 0px; }
.form .input { clear: right; float:left; width:70%;  margin: 7px 0px; }
    .form .input input, .form .input select  { width: 60%; }
    
.form .EULA { clear:both; float:left; width:100%; margin-bottom: 25px; }
.form .EULA input { clear: left; float: left; margin: 7px 0px; }
.form .EULA label { clear: right; float: left; margin: 7px 0px 7px 5px; width: 70%; }
.form .EULA textarea { clear: both; float: left; }

.form .avatars { clear:both; float:left; width:100%; margin-bottom: 25px; }
.form .avatars .new-line { clear:both; width:100%; margin:10px 0; }
.form .avatars label { clear:right; margin: 0; width: auto; }
.form .avatars .help { clear:none; margin: 0; width: auto; margin-right: 5px; }
.form .avatars span { clear:right; margin: 0; width: auto; float: left; }
.form .avatars .avatar-image { margin-right: 10px; }
.form .avatars input { width: 20px; float: left; }
.form .avatars img { float: left; }

.form .avatars .error-line { clear:both; width:100%; margin:0; float: left; }

.field-validation-error { color: #96272e; margin-left:7px }

.gravatar-what-is-this { color:#000000; display:none; height:auto; position:absolute !important; width:371px; }
.gravatar-what-is-this .close { display: block; }

#forgot-password { padding: 10px 27px; }

#forgot-password form { padding: 5px 0px 0px; }

#forgot-password p { padding: 5px 0px; }

#forgot-password .buttons { margin-top: 15px; float: left; clear: both; width: 100%; }
#forgot-password .error { width: auto; }

/*************************************************
Tag/User Styles
*************************************************/
#user-details { height:100px; margin:0 20px 30px; position: relative; }

#user-details .header { text-transform: uppercase; color: #C6C6C6; font-weight: bold; margin: 0px; }
#user-details .big-number { display:block; font-size:45px; font-weight:bold; line-height:45px; }

#user-details .avatar { float: left; }
#user-details .user-identifiers { float:left; margin:0; width:40%; position:absolute; bottom: 0; left:115px; }
    #user-details .user-identifiers span { font-size: 25px; line-height:20px; }

#user-details .user-prestige { float:left; position:absolute; bottom: 0; left: 380px; }
#user-details .user-prestige .reputation { float:left; }
#user-details .user-prestige .badges { float: left; margin-left:29px; position:relative; top:10px; }
#user-details .user-prestige .badges .badge-label { display: block; text-align: center; }

.ageselect { width: 200px; }
    .ageselect p { text-align: center; }
    .ageselect h2 { text-align: center; }
    #ie7 .ageselect H2 { line-height: 25px; }

    .ageselect .button {margin:10px 15px; }
        .ageselect .button:hover { background-position: 0 -35px; }
        .ageselect .button:active { background-position: 0 -70px; }
        
.btn-under13 { background: transparent url(Images/btn-13yearsold.png) no-repeat 0 0px; width: 170px; height: 35px; display:inline-block; }
.btn-over13 { background: transparent url(Images/btn-14yearsolder.png) no-repeat 0 0px; width: 170px; height: 35px; display:inline-block; }

/*************************************************
Tag/User List Style
*************************************************/

#tag-list-header { width: 744px; padding: 10px 0px; margin: 0px 0 10px; }
#tag-list-header img { margin-left: 10px; }
#tag-list-header p { display: inline; margin-left: 5px; position:relative; top:-1px; color: #777777; }
#tag-list-header h2 { font-size:18px; margin-bottom:7px; margin-left:10px; margin-right:0; margin-top:7px; }

#tags { width:584px; background-color:#453b32; padding: 15px 0px 15px 5px; background-color: #ffffff; }

    #tags .tag-sort-links { margin-bottom: 5px; margin-left: 20px; }
    #tags .tag-sort-links a { font-size: 15px; margin-right: 10px; }

    #tags ul { list-style: none; margin-top: 4px; }
    #tags .three-column { float: left; display: inline; width: 183px; }
    #ie6 #tags .three-column { width: 150px; }
    #tags .first { margin-left: 20px; }
        #tags ul li { list-style: none; width: 183px; }
        #ie6 #tags ul li { width: 150px; }
            #tags ul .count { width: 20px; display:inline-block; color: #b2b2b2; }

#users-list { width: 744px; background-color: #1a1a1a; padding: 10px 0px; margin: 0px 0 10px; }
#users-list img { margin-left: 10px; }
#users-list p { display: inline; margin-left: 5px; position:relative; top:-1px; color: #777777; }

#users { width:584px; background-color:#1A1A1A; padding: 15px 0px 15px 5px; background-color: #ffffff; }

#users .tag-sort-links { margin-bottom: 5px; margin-left: 20px; }
    #users .tag-sort-links a { font-size: 15px; margin-right: 10px; }

    #users ul { list-style: none; margin-top: 4px; }
    #users .two-column { float: left; display: inline; width: 282px; }
    #users .first { margin-left: 20px; }
        #users ul li { list-style: none; }
            #users ul .count { width: 20px; display:inline-block; color: #b2b2b2; }
            
        #users li { clear:both; display:block; float:left; margin-top:8px; width:275px; }
        #users li .user-small-gravatar { margin-right: 10px; float: left; display: inline; }
        
        #users .user-name { float: none; }
        #users .user-reputation { margin-left: 0; }
        #users li .user-count { float: left; display: inline; margin-right: 10px; margin-top: 27px; }
        #users .user-wrapper { position: relative; top: -4px; }
        #users .user-reputation span { color:white; margin-left:4px; position:relative; top:-4px; }
        
/*************************************************
Side Bar Styles
*************************************************/

.sort-links { display: block; width: 760px; height: 48px; position: relative; left: -10px; background: url(Images/bg-menubackground.png) no-repeat scroll 0 0; color: #101010; padding: 15px 0 0 5px; margin: 0px 0 10px; clear: both; }
.sort-links a { font-size:13px; margin:0 12px; }

#side-bar .ask-question { background: transparent url('Images/btn-askquestion.png') no-repeat 0 0; width: 145px; height: 35px; display: block; margin: 0px 0px 10px 0px; }
#side-bar .ask-question:hover { background-position: 0 -35px; } 
#side-bar .ask-question:active { background-position: 0 -70px; } 

#side-bar #AskQuestionLink { outline: none; }

#side-bar { float: right; display: inline; width: 142px; text-align: right; }

    #top-tags { text-align: left; margin: 0px 0px 10px 0px; }
        #top-tags .view-all { position: relative; top: -2px;  }
        #top-tags a { font-size: 11px; }
            #top-tags #tag-list { list-style: none; margin-top: 4px; }
                #top-tags #tag-list li { list-style: none; }
                    #top-tags #tag-list li .count { width: 20px; display:inline-block; color: #b2b2b2; }

    #top-user { text-align: left; margin: 0px 0px 10px 0px; }
        #top-user .view-all { position: relative; top: -2px; display:block; }
        #top-user #user-info { margin-top: 8px; }
        #top-user #user-info .user-small-gravatar { margin-right: 5px; float: left; display: inline; }
        #top-user .user-reputation { margin: 0; line-height: inherit; }
        #top-user .user-name { margin: 0px 0px; }
        
        #top-user .user-wrapper { position: relative; top: -4px; }
        #top-user .user-reputation span { color:white; margin-left:4px; position:relative; top:-4px; }
    
.ask-question-dialog { background-color:#fff; color:#000; padding:15px; width:528px; }    
    .ask-question-dialog .tag-icon { background: Transparent url('Images/icon-tag.png') no-repeat 0 0; float: left; display: inline; top: -15px; left: 8px; position: relative; }
    
    .ask-question-dialog .action { float: right; display: inline; margin-top: 6px; }
    .ask-question-dialog .action-submit { float: left; display: inline; background: Transparent url('Images/btn-submit.png') no-repeat 0 0; width: 101px; height: 25px; margin-right: 2px; cursor: pointer; }
    .ask-question-dialog .action-cancel { float: left; display: inline; background: Transparent url('Images/btn-cancel.png') no-repeat 0 0; width: 101px; height: 25px; margin-left: 2px; cursor: pointer; }
    .ask-question-dialog .action .hover { background-position: 0 -25px; }
    .ask-question-dialog .action .click { background-position: 0 -50px; }
    
    .ask-question-dialog .close-button { float: right; display: inline; background: Transparent url('IMages/btn-X.png') no-repeat 0 0; height: 19px; width: 19px; cursor: pointer; }
    .ask-question-dialog .close-action .hover { background-position: 0 -19px; }
    .ask-question-dialog .close-action .click { background-position: 0 -38px; }
    .ask-question-dialog .field textarea, #facebox .field input { width: 520px; }
    .ask-question-dialog #ask-question-field #questionTags { padding-left: 30px; width: 495px; }

/************************************************
Search
************************************************/

.search-form { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #B0B0B0; float:right; margin-right:18px; position:relative; top:-4px; width:140px; height: 24px; line-height: 24px; }
#search-results .search-form { float:left; margin-top:15px; }
.search-form .btn-search { background: transparent url('http://www.bing.com/siteowner/s/siteowner/Spyglass_20x20.gif') no-repeat 0 0; border:medium none; height:20px; width:20px; margin: 0 0 0 3px; }
.search-form .txt-search { border:medium none; color:#B5B5B5; font-size:12px; font-style:italic; width:112px; line-height: 12px;}
.search-form .txt-search-active { color: #000 !important; font-style: normal !important; }
#ie8 .search-form .txt-search { position: relative; top: -5px;  }
#ie7 .search-form { top: -20px; }

#search h2 { margin:0 20px 15px; padding-top:15px;}
#search-results { margin:0 20px; padding-bottom: 30px;  position:relative; }

#resultList li { margin-bottom: 5px; }
#resultList li a { display: block; }
#resultList li blockquote { margin: 0 0 0 15px; }

#search-pager .pager { width: auto; }

/*************************************************
Page Styles
*************************************************/
.pager { height: 15px; width:568px; }

.partial-pager { float: left; clear: both; }
.partial-pager .pager { width: 614px; }
.pager .next { float: right; display: inline; background: Transparent url('Images/btn-next.png') no-repeat 0 0; height:15px; width:55px; margin-left: 5px; cursor: pointer; }
.pager .previous { float: right; display: inline; background: Transparent url('Images/btn-prev.png') no-repeat 0 0; height:15px; width:55px; cursor: pointer; } 

.pager .hover { background-position: 0 -15px;}
.pager .click { background-position: 0 -30px;}


/*********************************************
    Generic Button Styles
**********************************************/
.cancel { background: transparent url(Images/btn-cancel.png) no-repeat 0 0;  border:medium none; height:25px; width:101px; display: inline-block; vertical-align:top; }
    .cancel:hover { background-position: 0 -25px; }
    .cancel:active { background-position: 0 -50px; }

.register { background: transparent url(Images/btn-register.png) no-repeat 0 0; border:medium none; height:25px; width:101px; margin-right:15px; cursor: pointer; }
    .register:hover { background-position: 0 -25px; }
    .register:active { background-position: 0 -50px; }
    
.submit { background: transparent url(Images/btn-submit.png) no-repeat 0 0; border:medium none; height:25px; width:101px; margin-right:15px; cursor: pointer; }
    .submit:hover { background-position: 0 -25px; }
    .submit:active { background-position: 0 -50px; }

.update { background: transparent url(Images/btn-update.png) no-repeat 0 0; border:medium none; height:25px; width:101px; margin-right:15px; }
    .update:hover { background-position: 0 -25px; }
    .update:active { background-position: 0 -50px; }
    
.btnsignin { margin-top: 20px; width: 101px; height: 25px; background: transparent url(Images/btn-signin.png) no-repeat scroll 0 0; display: block; position: relative; }
    .btnsignin:hover { background-position: 0 -25px; }
    .btnsignin:active { background-position: 0 -50px; }