html, body {
    margin:0;
    padding:0;
}

body {
    background:#fff url(/media/myheartbeatsfor/img/mhbf_bg_top.png) no-repeat;
    font-family:arial, sans-serif;
    font-size:11px;
    color:#222;
}
.hidden {
    display:none;
}
a {
    font-weight:bold;
    color:#4d4d4d;
    outline:none;
}
a:active, a:visited {
    color:#4d4d4d;
}
a:hover {
    color:#202020;
}
a img {
	border:0px;
}
#bg-top {
    width:100%;
    height:100%;
}

/* Titles */
h4, h3, h2 {
    font-family:Arial, sans-serif;
    font-size:11pt;
}
h2, h3 {
    font-family:Georgia, sans-serif;
}
h3 {
    font-size:13pt;
    font-weight:bold;
}

h2 {
    font-size:13pt;
}

a {
    text-decoration:none;
}

/* Text */

t1 {
    font-size:12px;
}


/* Page layout */
#wrapper {
    padding:40px 0px 0px 70px;
    width:765px;
}
#header {
    border-bottom:1px solid #d7d7d7;
    padding-bottom:0px;
}
#logo {
    margin-bottom:9px;
}
#menu {
    margin-top:63px;
    float:right;
    height:31px;
    list-style-type:none;
    font-size:11px;
}
#menu li {
    display:inline;
    height:31px;
    margin:0px;
    padding:0px;
}

#menu li a {
	line-height:31px;
    padding:10px 8px;
    text-decoration:none;
    font-weight:bold;
    color:#222;
}
#menu li a:hover {
    background-color:#d7d7d7;
}
#loginform form {
    display:inline;
    }
#content {
    margin-top:7px;
}


#bg_box {
    z-index:-100;
    height:768px;
    background:url(/media/myheartbeatsfor/img/mhbf_bg_top.jpg) no-repeat;

}

#all_signatures {
    width:300px;
    text-align:center;
    background-color:#DFF3EB;
}



#not_yet_registered {
    margin-top:25px;
}

#blog_button { float:right; margin:10px; margin-right:3px;}


/*********************************************************/
/* Start Page                                            */
/*********************************************************/

#cyo {
    margin-bottom:30px;
    background-image: url(/media/myheartbeatsfor/img/bg_box_signup.png);
    padding:10px;
}

#cyo h3 {
    margin:0px;
}

#cyo fieldset {
    border:0px;
    padding:0px;
}

#cyo input {


    background:transparent none repeat scroll 0 50%;
    border:0 none;
    font-size:100%;
    margin:0;
    outline-color:invert;
    outline-style:none;
    outline-width:0;
    padding:0;
    vertical-align:baseline;

    background:#FFFFFF none repeat scroll 0;
    border:1px solid #96C1D3;
    color:#333333;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:22px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    margin:0 6px 0 0;
    padding:2px;
}


/*#cyo html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, img, a, b, abbr, acronym, big, cite, code, del, em, i, ins, small, strike, strong, sub, sup, u, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
background:transparent none repeat scroll 0 50%;
border:0 none;
font-size:100%;
margin:0;
outline-color:invert;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
} */


#cyo label {
color:black;
}



#cyo dt, #cyo dd {
/*float:left;*/
padding-bottom:0.3em;
}

dd {
    margin-left:0px;
}

dt {
    clear:left;
    line-height:2.3em;
    padding-right:10px;
    /*text-align:right;*/
    vertical-align:middle;
    width:242px;
}

dl {
    clear:both;
    font-size:120%;
    padding-top:0.5em;
    text-align:left;
}

dd span.note {
    color:white;
    font-size:65%;
}

#id_slug {
    width:230px;
}

#id_topic {
    width:427px;
}

#create_page_submit {
    font-size:14px;
    padding: 7px 6px 7px 26px;
    margin-left:652px;
    background: transparent url(/media/icons/add.png) no-repeat scroll 6px 7px;
}

#create_page_submit:hover {
    background-color:#DDDDDD;
}



#div_featured_top_left {
    float: left;
    margin-left:50px;
}

#div_featured_top_right {
    float:right;
    margin-right: 50px;
    text-align:right;
}

#div_featured_bottom_left {
    float: left;
    margin: 25px 0px 100px 50px;
    /*margin-left:50px;
    margin-bottom:100px;*/
}

#div_featured_bottom_right {
    float: right;
    margin: 25px 50px 100px 0px;
    text-align:right;
}


.div_featured_title {
    text-align:center;
}

.div_featured_title a {
    font-size:14px;
}

a#a_login {
    color:blue;
}


/* Field Overview Confirmation */


#div_confirm_delete, #div_saving_edit_petition_form {
    display:none;
    position:absolute;
    width:320px;
    height:200px;
    margin-left: -160px;
    margin-top: -100px;
    padding:0px;
    border:2px solid black;
    left: 50%;
    top: 50%;
    background-color:white;
    /*background-color:transparent;*/
    text-align:center;
    z-index:2;
}

/* Saving Petition Edit Form */




/* Accordion effect */
.settings-toggler { cursor:pointer; font-weight:bold; color:#000; margin: 0; padding:5px; font-size:16px; font-family:Arial, sans-serif; }  
.settings-toggler:hover { background:#eee; }  
.settings-toggler-element { padding:0 5px; }  


/* Notification divs */
.message {
    width:755px;
    padding:5px;
    font-weight:bold;
}

.message.error {
    color:red;
    background-color:#F8BECC;
}

.message.success {
    color:green;
    background-color:#BAF3C5;
}

.message.notification {
    color:black;
    background-color:#FAFE91;
}

/* Forms */

.small-login input.text {
    width:80px;
    font-size:9pt;
}

#is_free_box {
    margin-left:148px;
    margin-bottom:20px;
}

#petition-intro1 {
    margin-bottom:25px;
}

.label-container {
    clear:left;
    display:block;
    width:477px;
    line-height:20px;
    font-size:13px;
    font-family:Georgia, sans-serif;
    font-weight:bold;
    margin-bottom:3px;
}


/* Petition edit form */
.ui-tabs-hide {
    display: none !important/*for accessible hiding: position: absolute; left: -99999999px;*/;
}
.petition-form {
    border:0px;
    margin:0px;
    padding:0px;

}
/* Tabs */

.petition-form ul.tabs {
    width:477px;
    border-bottom:1px solid #D7D7D7;
    height:19px;
    list-style-type:none;
    margin:0px;
    padding:0px;
}
.petition-form ul.tabs li {
    display:inline;
    line-height:19px;
    margin:0px;
    padding:0px;
}
.petition-form ul.tabs li a {
    display:block;
    float:left;
    margin:0;
    padding:0 8px 0 0;
    color:#000;
    font-weight:bold;
}
.petition-form ul.tabs li a span {
    padding:5px 7px 3px 7px;
    background-color:#D7D7D7;
}

.petition-form ul.tabs li a:hover span, .petition-form ul.tabs li.ui-tabs-selected a span {
    color:#D7D7D7;
    background-color:#efefef;
}

.petition-form div {
    margin-bottom:14px;
    }


/* Field layout */
.petition-form .label-container {
    clear:left;
    display:block;
    width:477px;
    line-height:20px;
    font-size:13px;
    font-family:Georgia, sans-serif;
    font-weight:bold;
    margin-bottom:3px;
}
.petition-form .label-container label {
}
.petition-form .label-container .help-button {
    font-family:Arial, sans-serif;
    float:right;
}
.petition-form .label-container .help-button img {
    margin-top:-2px;
    vertical-align:middle;
}
.petition-form .field-container {
    width:765px;
}
textarea {
    font-family:Arial, sans-serif;
    font-size:11px;
}
.petition-form .field-container.textarea-big textarea {
   width:477px;
}
.petition-form .field-container.textarea-big.enable-wysiwyg textarea {
   width:467px;
}

.petition-form .helptext {
    display:none;
    float:right;
    margin-left:25px;
    padding:10px;
    width:217px;
    background-color:#9CC4FF;
}
.petition-form .helptext h4 { 
    margin:0 0 5px 0;
    line-height:16px;
    padding-top:0px;
}

#choices_div {
    margin-top:30px;
    /*padding: 5px;*/
    border: 1px;
    /*background-color:#cbe2f2*/
}

#choices_div div {
    margin-bottom:8px;
}

.label-th {
    width:170px;
    text-align:left;
    vertical-align:top;
}
.form-table {
    border-spacing:0px 10px;
    width:400px;
}

.form-table td {
}
.form-table th {
    margin-bottom:10px;
    font-weight:normal;
}
.form-table label  {
    height:23px;
    line-height:23px;
    margin:3px 0;
}
.form-table .help-text {
    font-style:italic;
    margin-top:7px;
}
.form-table .submit {
    text-align:right;
}
.submit-button {
/*    border:1px solid #B60000;
    background-color:#F60000;
    font-size:12pt;
    font-weight:bold;
    color:#fff; */
}
input.text {
    margin:4px 0;
    width:250px;

}

.form-has-errors {
    font-weight:bold;
    color:red;
}
.form-has-errors td {
    padding:0 0 4px 0;
}
.errorlist {
    color:red;
    list-style-type:none;
    margin:0px;
    padding:0px;
}
.errorlist li{
    margin:0px;
}

.above-heading {
    margin-bottom:0px;
    padding:0px;
    line-height:14pt;
} 
.below-heading {
    margin-top:0px;
    padding:0px;
    line-height:15pt;
} 
.caps {
    text-transform:uppercase;
}
.subtitle {
    font-weight:bold;
    margin:14px 0;
}


/* Petition list layout */

.petition-box {
    width:587px;
    padding:5px;
    margin-bottom:10px;
    border:1px solid #D7D7D7;
}
.petition-name {
    margin:0;
    padding:0;
 /*   border-bottom:1px solid #D7D7D7; */
    font-weight:bold;
    font-size:12px;
}
.petition-name a {
    color:#222;
}
.petition-name a:hover {
	color:#666;
}
.petition-name img {
	border:0px;
	margin-bottom:-4px;
}
.petition-name .petition-url {
	font-size:10px;
}
.petition-url {
    font-weight:normal;
    font-size:8pt;
}
.petition-actions {
float:right;
}
.petition-actions a img, .iconlink img {
    vertical-align:middle;
    margin-bottom:3px;
    margin-right:3px;
}

.petition-actions, .petition-actions a {
	font-size:10px;
    line-height:18px;
}
.petition-actions a {
    margin-right:3px;
}

/* Petition overview */
.petition-overview {
    font-family:Georgia, sans-serif;
}
.petition-overview .petition-name {
    font-size:16px;
    margin:25px 0 15px 0;
}
.petition-overview .petition-name img {
    vertical-align:middle;
    margin-bottom:3px;
}
.box {   
    border:1px solid #D7D7D7; 
    width:477px;
    padding:8px;
    margin:0 0 13px 0;
}
.box h3 {
    margin:0 0 8px 0;
    font-size:13px;
}
.petition-overview .quick-overview ul {
    list-style-type:none;
    margin:0;
    padding:0;
    width:340px;
}

.petition-overview .quick-overview ul li img {
    vertical-align:middle;
    margin:0 4px 4px 0;
}
.petition-overview .quick-overview ul li span {
    display:block;
    float:right;
    width:110px;
    text-align:left;
}

.input-comment {
    font-size:11px;
}

/*#img_existing_header_image {
    height: 55px;
    overflow: hidden;
    display:block;
    clip: rect(0px, 100px, 40px, 0px); 
}

#img_existing_footer_image {
    height: 31px;
}*/

/******************************************************************************/
/* Buttons                                                                    */
/******************************************************************************/
.button {
    border:1px solid #BBB;
    color:#222222;
    font-weight:bold;
    line-height:34.5px;
    margin-right:3px;
    padding:6px;
    text-decoration:none;
}
.button:hover {
background-color:#FFFFFF;
    
}
.button-img {
    padding-left:27px;
}
.button.add {
    background: transparent url(/media/icons/add.png) no-repeat scroll 6px 5px;
}

.close {
    background: transparent url(/media/icons/cancel.png) no-repeat scroll 6px 5px;
}

/* Signatures TODO: CSS */
.sign_row1 {
    background-color:#CFE4E8;
}

.sign_row2 {
    background-color:#DFF3EB;
}

.flags {
    visibility:hidden;
    background-color:#F6D797;
}

.flags table {
    width:500px;
}

.admin-button {
    line-height:20px;
    display:block;
        }

.admin-button img {
    margin-top:5px;
}

/******************************************************************************/
/* Fields Overview Page                                                       */
/******************************************************************************/

table.fields-overview  {
    border: 1px solid;
    font-size:11px;
    margin-bottom:20px;
    text-align:left;
}

.fields-overview tr {
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    height:25px;
}

.fields-overview td {
    width:70px;
}

#fields-order-list {
    list-style: none;
}

.handle-field {
    height: 20px;
    width: 100px;
    background-color:#CCC;
    cursor: move;
    margin-bottom:5px;
    padding:5px;
}

/******************************************************************************/
/* Add Field Page                                                             */
/******************************************************************************/

.add-field-form input, .add-field-form select, .add-field-form ul {
    position:absolute;
    left: 160px;
}

.add-field-form div {
    margin-bottom:30px;
}

.add-field-form ul { 
    margin-top:-30px;
}

/******************************************************************************/
/* About Page                                                                 */
/******************************************************************************/

#about_mhbf_text {
    font-size: 12px;
    margin: 20px;
    text-align:justify;
}

#about_create_link a {
    font-size: 14px;
    color:blue;
}


/******************************************************************************/
/* Contact Page                                                               */
/******************************************************************************/


.contact-form div > div {
    margin-bottom: 5px;
    margin-top: 15px;
}

.contact-form input {
    width: 242px;
}

#id_contact_form_submit_link {
    display:block;
    font-size:8pt;
    height:23px;
    padding:10px 0 0 22px;
    border: 1px solid black;
    text-decoration:none;
    margin-top: 20px;
    width: 55px;
}

/******************************************************************************/
/* Wait List Page                                                             */
/******************************************************************************/

.wait_list_form {
    margin-top: 10px;
}

/******************************************************************************/
/* Wait List Page                                                             */
/******************************************************************************/

#faq-contact-link {
    font-size: 14px;
}