/* Custom Styles */

/* =========== SERVER SIDE ERRORS [START] ===============*/
.demoTable {
  background-color: #efefef;
  width: 100%;
}
.title { font-family: arial; font-size: 16pt; }
.section { font-size: 11pt; color: #3366cc; }
.server-error {
    background-color: #ffffee;
    border: 1px solid red;
    border-radius: 0.5em;
    color: #660000;
    padding: 14px;
    width: 400px;
}
.notify {
  border: 1px solid #336699;
  background-color: #ffffee;
  color: #336699;
  width: 400px;
  padding: 5px;
}
/* =========== SERVER SIDE ERRORS [END] ===============*/




/* =========== MISCELLANEOUS STYLES [START] ===============*/
#signin_forgot_pass{margin-left: 1em; font-weight: bold;}
.page-content{min-height: 32em;}
#story_tip, #wordCount{color: #009BD6;}
#story_tip i, #wordCount i{color:#009BD6;}
.heading_centered_borer_topped{text-align: center;
margin-top: 1em;
border-top: 1px solid #000; padding-top: 2px;}
#usr_ext_error, #usr_email_error{font-weight: bold; color: #A94442; }
.snd_reqs_anchors:hover{cursor: none !important;}
.heading_centered{text-align: center; margin-top: 1em;}
.loading_input{background: url('../images/loading_input.gif') 15em 0.7em no-repeat !important;}
.loading_input_right{background: url('../images/loading_input.gif') #EEEEEE 22em 0.7em no-repeat !important;}
#edit_pet_btn{margin-right: 12px;}
#googlge_map_ifram_id{z-index: 500;}
#sure_pet_del{font-size: 15px; color: #000;}
#loading_remove, #loading_resend{background: url('../images/loading.gif') no-repeat !important; width: 16px; height: 16px; margin-left: 4px;}
.heading_centered_borer_topped_bottom{text-align: center;
margin-top: 1em;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding-top: 9px;
padding-bottom: 9px;}
.site_blue{color: #009BD6;}
/* =========== MISCELLANEOUS STYLES [END] ===============*/



/* =========== tool-tip [autocomplete] STYLES [Start] ===============*/
#tooltip
{
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px;
}
 
    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #111;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #111;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }