/*********** GENERAL RULES *************/
html, p, label, input, div, span, textarea
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 11pt;
}

html
{
    overflow-x: auto;
    overflow-y: scroll;
}

label
{
    margin-top: 8px;
    font-weight: bold;
    display: block;
}

a, a:active, a:visited
{
    color: #D05024;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

p
{
    margin-top: 0px;
}

img
{
    border-width: 0px;
}

/********** HEADERS **********/

h1
{
    font-family: "Helvetica Neue" , "HelveticaNeue" ,Arial,Helvetica,sans-serif;
    margin: 0px;
    font-size: 2.5em;
    letter-spacing: -1px;
    color: #333333;
}

h2
{
    font-family: "Helvetica Neue" , "HelveticaNeue" ,Arial,Helvetica,sans-serif;
    margin: 0px;
    letter-spacing: -1px;
    color: #333333;
}

h3, h3 a, h3 a:active, h3 a:visited
{
    font-family: "Helvetica Neue" , "HelveticaNeue" ,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0px;
    color: #555555;
}

/*********** LAYOUT ************/

.container
{
    zoom: 1;
    overflow: hidden;
}

#page
{
    margin: 0px auto;
    width: 950px;
}

#header
{
    border-bottom: 1px solid #DDD;
}

#nav
{
    margin-top: 15px;
}

#nav a
{
    text-decoration: none;
}

#content
{
    display: inline;
    float: left;
    margin-right: 15px;
    width: 685px;
}

#sidebar
{
    display: inline;
    float: left;
    width: 250px;
}

#footer
{
    border-top: 1px solid #CCCCCC;
    margin: 16px 0px;
    line-height: 36px;
    vertical-align: middle;
}

.logo
{
    background-image: url(http://cdn.qandaforums.com/accounts/ask.automatemysmallbusiness.com/img/logo.png);
    background-repeat: no-repeat;
    width: 283px;
    height: 49px;
    margin: 10px 0px;
    position: absolute;
}

input[type=text]
{
    border: 1px solid #CCCCCC;
    height: 19px;
}

ul.inline
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul.inline > li
{
    display: inline;
    margin: 0px 10px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.quiet
{
    color: #999;
}
.score
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    vertical-align: baseline;
}

.score-label
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 13px;
    line-height: 13px;
    vertical-align: baseline;
}

.score-box
{
    height: 51px;
    text-align: center;
    width: 52px;
    float: left;
    padding: 5px;
    margin-right: 10px;
}

.vote-box
{
    text-align: center;
    width: 65px;
    float: left;
    padding: 0px;
    margin: 15px 0px 0px 0px;
}

.answered
{
    background-color: #9C3;
    color: white;
}

.unanswered
{
    background-color: #C33;
    color: white;
}

.question-summary
{
    border-bottom-color: #CCC;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    padding: 5px 0px;
    vertical-align: baseline;
    width: 685px;
    height: 61px;
}

h3.summary-title
{
    text-overflow: clip;
    white-space: nowrap;
    width: 550px;
}

.up-button
{
    background: transparent url(http://cdn.qandaforums.com/themes/default/img/arrow_up.png) 0 0 no-repeat;
    border: 0px none;
    font-size: 0;
    width: 16px;
    height: 9px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    color: Gray;
}

.down-button
{
    background: transparent url(http://cdn.qandaforums.com/themes/default/img/arrow_down.png) 0 0 no-repeat;
    border: 0px none;
    font-size: 0px;
    width: 16px;
    height: 9px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    color: Gray;
}

.accept-button
{
    background: transparent url(http://cdn.qandaforums.com/themes/default/img/checkmark_gray.png) 0 0 no-repeat;
    border: 0px none;
    font-size: 0px;
    width: 44px;
    height: 34px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

.accept-button:hover
{
    background: transparent url(http://cdn.qandaforums.com/themes/default/img/checkmark_green.png) 0 0 no-repeat;
}

.helpful-button
{
    background: transparent url(http://g-ecx.images-amazon.com/images/G/01/x-locale/communities/reviews/btn-yes-sec-md._V8278393_.gif) 0 0 no-repeat;
    border: 0px none;
    font-size: 0px;
    width: 35px;
    height: 18px;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    cursor: pointer;
    vertical-align: middle;
}

.nothelpful-button
{
    background: transparent url(http://g-ecx.images-amazon.com/images/G/01/x-locale/communities/reviews/btn-no-sec-md._V8278393_.gif) 0 0 no-repeat;
    border: 0px none;
    font-size: 0px;
    width: 35px;
    height: 18px;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    cursor: pointer;
    vertical-align: middle;
}

.spam-button
{
    background: transparent;
    border: 0px none;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    cursor: pointer;
    display: inline;
    text-decoration: underline;
}

.post-actions
{
    line-height: 18px;
    vertical-align: middle;
}

.post-actions form
{
    display: inline;
}

.answers
{
    padding-top: 15px;
    clear: both;
}

.answers > h2
{
    border-top: 1px dotted #555555;
    padding-top: 15px;
}

.ask-button
{
    font-family: 'Trebuchet MS' , Helvetica, sans-serif;
    font-weight: bold;
    margin: 20px 0px 0px 450px;
    position: absolute;
}

/******* BUTTON *********/
/* Button
----------------------------------*/

.ui-button
{
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}
/* the overflow property removes extra width in IE */
.ui-button-icon-only
{
    width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only
{
    width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only
{
    width: 3.4em;
}
button.ui-button-icons-only
{
    width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text
{
    display: block;
    line-height: 1.4;
}
.ui-button-text-only .ui-button-text
{
    padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text
{
    padding: .4em;
    text-indent: -9999999px;
}
.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text
{
    padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icons .ui-button-text
{
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button
{
    padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon
{
    position: absolute;
    top: 50%;
    margin-top: -8px;
}
.ui-button-icon-only .ui-icon
{
    left: 50%;
    margin-left: -8px;
}
.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary
{
    left: .5em;
}
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary
{
    right: .5em;
}

/*button sets*/
.ui-buttonset
{
    margin-right: 7px;
}
.ui-buttonset .ui-button
{
    margin-left: 0;
    margin-right: -.3em;
}

/* workarounds */
button.ui-button::-moz-focus-inner
{
    border: 0;
    padding: 0;
}
/* reset extra padding in Firefox */

/******* TABS **********/

ul.ui-tabs-nav > li.no-tabs
{
    background: white;
    border: 0px;
}

ul.ui-tabs-nav > li > a
{
    background-color: #F7F7F7;
    color: #333;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    padding: 5px 30px;
    text-decoration: none;
    border: 1px solid #666;
    border-bottom: 0px;
    height: 18px;
    margin-right: 2px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    position: relative;
    top: 1px;
}

ul.ui-tabs-nav > li > a:hover
{
    background-color: White;
    color: #D05024;
}

ul.ui-tabs-nav > li.ui-tabs-selected > a
{
    background-color: #555;
    color: #FFF;
}

ul.ui-tabs-nav
{
    border-bottom: 1px solid #cccccc;
    list-style-type: none;
    width: 100%;
    text-align: right;
    margin: 0px;
}

ul.ui-tabs-nav > li
{
    display: inline;
}

.ui-tabs-hide
{
    display: none;
}

/* tab pane */
.tabstrip
{
    padding: 0px;
}

#subnav
{
    height: 52px;
    border: 1px solid #666;
    border-width: 0 1px 1px 1px;
    background-color: #555;
    color: #FFF;
    overflow: hidden;
    margin: auto 0px;
}

ul.substrip
{
    list-style-type: none;
    display: inline;
    margin: 0px;
    float: right;
}

ul.substrip > li
{
    display: inline;
    padding: auto 10px;
    margin: 0px 5px;
    width: 100px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    font-family: Segoe UI, Tahoma;
    font-size: 12pt;
    border-bottom: 3px solid #666;
}

ul.substrip > li:hover
{
    border-bottom: 3px solid White;
}

ul.substrip div
{
    width: 100px;
    height: 50px;
    font-weight: bold;
}

ul.substrip div:hover
{
    cursor: pointer;
    background-color: #666;
}

ul.substrip > li.test
{
    border-bottom: 3px solid #D05024;
    font-weight: bold;
}

ul.substrip > li > a
{
    color: White;
}

ul.substrip > li > a:hover
{
    text-decoration: none;
    color: #D05024;
}



.list_detail_text
{
    width: 610px;
}

.list_question h3
{
    margin: 5px;
    line-height: 1.15em;
    font-family: Segoe UI, Tahoma, Sans-Serif;
}

/************ COMMENTS ***********/

.comment-form
{
    display: none;
}

.comment_area
{
    margin-left: 70px;
}

.comment
{
    border-top: none;
    border-bottom: 1px dotted #CCCCCC;
}

.comment > p
{
    display: inline;
}

.answer
{
    padding: 0px 0px 9px 0px;
    overflow: hidden;
}

hr
{
    margin: 5px;
}

/************* USER ***********/

.user-box
{
    margin: 5px;
    overflow: hidden;
    display: inline-block;
}
.user-summary
{
    float: right;
    background-color: white;
    width: 125px;
    height: 42px;
}

.user-summary img
{
    float: left;
}

.user-name
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    font-family: Segoe UI, Tahoma, Sans-Serif;
    font-size: 11pt;
}

.reputation
{
    font-weight: bolder;
}


#recaptcha_widget_div
{
    margin: 10px 0px;
}

/*********** PAGER ***********/

ul.pager
{
    list-style: none;
    margin-top: 15px;
    text-align: center;
}

ul.pager li
{
    display: inline;
    margin: 2px;
    padding: 5px 7px;
    border: 2px solid #CC3333;
    background-color: #FFECE5;
    font-weight: bold;
}

ul.pager li a
{
    min-width: 7px;
    height: 15px;
}

ul.pager li.current_page
{
    background-color: #CC3333;
    color: White;
}

ul.pager li.current_page a
{
    color: White;
}

/************** ADMIN ************/

#admin-sidebar
{
    width: 150px;
    float: left;
}

#admin-sidebar ul
{
    list-style-type: none;
    margin: 5px;
    padding: 0px;
}

#admin-sidebar li
{
    display: block;
}

/********** ACCEPT ANSWER *********/
a.accept-button
{
    display: block;
    padding: 8px;
}

a.accept-button > div
{
    background-image: url(http://cdn.qandaforums.com/themes/default/img/checkmark_gray.png);
    width: 44px;
    height: 34px;
}

a.accept-button > div:hover
{
    background-image: url(http://cdn.qandaforums.com/themes/default/img/checkmark_green.png);
}

/********* SEARCH **********/

.search-area
{
    position: absolute;
    margin: 0px;
    margin-top: 55px;
    display: block;
    padding: 0px 10px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
}

.search-area input
{
    border: 0px;
    height: 19px;
    width: 286px;
    margin: 5px 5px 11px 5px;
    padding-left: 35px;
}

.search-area button
{
    background: url(http://static.jquery.com/files/rocker/images/icon_searchglass.png) no-repeat;
    border: 0px;
    width: 35px;
    height: 35px;
    position: absolute;
    display: inline-block;
}



/*********** BUBBLE ***********/
.bubble
{
    overflow: hidden;
    width: 617px;
}

.bubble_top
{
    background-color: #f8f8f8;
    background-image: url(http://cdn.qandaforums.com/themes/default/img/box_top.png);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    height: 16px;
    width: 617px;
}

.bubble_middle
{
    background-color: #f8f8f8;
    background-image: url(http://cdn.qandaforums.com/themes/default/img/box_middle.png);
    background-repeat: repeat-y;
    margin: 0px 0px;
    padding: 0px;
}

.bubble_content
{
    padding: 0px 20px 10px 20px;
}

.bubble_bottom
{
    background-color: #f8f8f8;
    background-image: url(http://cdn.qandaforums.com/themes/default/img/box_bottom.png);
    background-repeat: no-repeat;
    height: 22px;
    width: 617px;
    margin: 0px;
    padding: 0px;
}

.post_actions
{
    margin-top: 5px;
}

.accepted
{
    background-color: #EDF3E1;
}

.user
{
    float: right;
    overflow: hidden;
    width: 200px;
}

.avatar
{
    float: left;
    height: 40px;
    width: 40px;
    margin: 1px 5px 1px 1px;
}

.byline
{
    float: left;
    font-family: "Segoe UI" , Tahoma, Geneva, Verdana;
    margin-left: 5px;
}

.postdate
{
    font-family: "Segoe UI" , Tahoma, Geneva, Verdana;
}

ul.tags
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: none;
    display: inline-block;
}

ul.tags > li
{
    display: inline;
}

ul.tags > li > a
{
    background-color: #FFECE5;
    border-bottom: 1px solid #FCD6C9;
    border-right: 1px solid #FCD6C9;
    color: #D05024;
    margin-right: 5px;
    display: inline-block;
    padding: 2px 3px;
}

ul.actions
{
    list-style: none;
    display: inline;
    margin: 0px 5px;
    color: gray;
}

ul.actions > li
{
    margin: 0px 5px;
    display: inline;
}

.profile-image
{
    float: left;
    height: 130px;
    width: 130px;
}

.powered-by
{
    padding: 15px 0px;
    display: inline;
    float: right;
}

#footer ul.inline
{
    padding: 15px 0px;
}


/********** USER CONTEXT ***************/
ul.user-actions
{
    float: right;
    list-style-type: none;
}

ul.user-actions > li
{
}



/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}