*
{
    font-family: Arial, Helvetica, sans-serif;
}

body
{
    font-size: 12px;
    height: 100%;
}

/* remember to define focus styles! */
:focus
{
    outline: 0;
}

p
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #333333;
    vertical-align: middle;
    margin-top: 5px;
}

a
{
    color: #669900;
}
a:visited
{
    color: #669900;
}
a:active
{
    color: #99CC00;
}
a:hover
{
    color: #99CC00;
}

.Signin a
{
    color: #333333;
    font-size: 11px;
}
.Signin a:visited
{
    color: #333333;
}
.Signin a:active
{
    color: #99CC00;
}
.Signin a:hover
{
    color: #99CC00;
}

.Logo
{
    position: relative;
    width: 197px;
    height: 35px;
    left: 9px;
    top: 62px;
}

.Container
{
    margin-right: auto;
    margin-left: auto;
    width: 903px;
    position: relative;
}


.header
{
    display: inline-block;
    height: 125px;
}

.BodyContent
{
    display: block;
}

.footer
{
    clear: both;
    display: block;
    left: 5px;
    margin-top: 20px;
    padding-top: 5px;
    border-top: solid rgb(153, 204, 0) 1px;
}

.footer p
{
    text-align: left;
    font-size: 11px;
}

.footer p.footer_links
{
    font-weight: bold;
    font-size: 14px;
}

.footer p.footer_links img
{
    vertical-align: middle;
}

.homepage
{
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
}


.Nav
{
    position: absolute;
    right: 10px;
    top: 70px;
}

.Nav table
{
    float: right;
}

.TopShade
{
    position: absolute;
    width: 900px;
    height: 30px;
    left: 0px;
    top: 0px;
    background-color: #EFEFEF;
}

.fb-user-info{
    display: inline-block;
    margin-right: 25px;
}


.fb_link
{

    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    
}

.fb_link img{
    vertical-align: middle;
}

.Contact
{
    position: absolute;
    width: 350px;
    height: 30px;
    left: 425px;
    top: 0px;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
}


.Contact a
{
    font-size: 11px;
}

.Signin
{
    position: absolute;
    width: 117px;
    height: 33px;
    left: 725px;
    top: 0px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    background-repeat: no-repeat;
    background-image: url('images/Signin.png');
    text-align: center;
}

.fbconnect_login_button img
{
    vertical-align: middle;
}

.login-msg-details
{
    width: 300px;
    font-size: 11px;
    font-weight: bold;
}

body
{
    margin: 0;
    margin-left: 0;
    vertical-align: baseline;
}

/*homepage body*/
.Chart
{
    clear: left;
    display: inline-block;
    margin-top: 20px;
    margin-left: -5px;
}

.howitworks_message
{
    position: absolute;
    width: 325px;
    top: 530px;
    left: 180px;
    color: #404040;
    font-size: 13px;
    font-family: Verdana;
    text-decoration: none;
}

.howitworks_message img
{
    margin-top: 5px;
}

.Chart a
{
    text-decoration: none;
}

.Paypal
{
    clear: left;
    float: left;
    display: inline-block;
    margin-top: 10px;
}
.SearchForm
{
    display: inline;
    vertical-align: baseline;
}

.SearchForm input
{
    vertical-align: bottom;
}

.SearchCont
{
    margin-top: 10px;
    float: right;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}
.SqIdea
{
    float: left;
    width: 303px;
    height: 307px;
    display: inline-block;
    background-image: url('images/Green_BG.png');
    background-repeat: no-repeat;
}

.homeH1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 42px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    margin-top: 5px;
    letter-spacing: -2px;
    line-height: 38px;
    border: none;
}

.Main_img
{
    width: 571px;
    display: inline-block;
    float: left;
}

.Organize
{
    position: relative;
    width: 180px;
    height: 132px;
    left: 67px;
    top: 45px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 42px;
    font-style: normal;
    font-variant: normal;
    line-height: 34px;
    letter-spacing: -2px;
    font-weight: normal;
    vertical-align: middle;
}
.Idea
{
    position: relative;
    left: 100px;
    top: 40px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #CCFF66;
    font-variant: normal;
}
.StartBtn
{
    position: relative;
    width: 100px;
    height: 40px;
    top: 80px;
    margin-left: auto;
    margin-right: auto;
}

.Search
{
    display: inline;
    width: 48px;
    height: 24px;
}
.Search img
{
    vertical-align: middle;
}


.p2
{
    width: 459px;
    left: 0px;
    text-align: left;
}


.unwatermarked
{
    width: 250px;
}

.watermarked
{
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
    width: 250px;
}

.unwatermarked2
{
    width: 125px;
}

.watermarked2
{
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
    width: 125px;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modalPopup
{
    background-color: White;
    border: 1px solid #666;
    padding: 0px;
    width: 200px;
    display: inline;
    float: left;
    margin: 0 5px 0 0;
    text-align: left;
    font: 11px verdana,sans-serif;
}
.modalPopup h4
{
    padding: 5px;
}
.modalPopup div
{
    padding: 5px;
}


.currentLink
{
    font-weight: bold;
}

.errorMessage
{
    background-image: url("images/criticalAlert.gif");
    font-size: 12px;
    margin: 0 0 10px 0;
    border: 1px solid #000;
    padding: 12px 40px 12px 80px;
    background-repeat: no-repeat;
    background-position: 20px 14px;
    width: 500px;
    min-height: 48px;
    _height: 48px;
    background-color: #ffffcc;
    border-color: #ffcc00;
    color: #c60000;
}

.infoMessage
{
    background-image: url("images/criticalAlert.gif");
    font-size: 12px;
    margin: 0 0 10px 0;
    border: 1px solid #000;
    padding: 12px 40px 12px 80px;
    background-repeat: no-repeat;
    background-position: 20px 14px;
    width: 500px;
    min-height: 48px;
    _height: 48px;
    background-color: #ffffcc;
    border-color: #ffcc00;
    color: #c60000;
}

a img
{
    border-style: none;
}

hr
{
    margin-bottom: 10px;
}

table
{
    border-collapse: collapse;
    border-style: none;
    text-align: left;
}
br.c
{
    float: none;
    clear: both;
    height: 0;
    line-height: 1px;
    overflow: hidden;
}

h1
{
    font-size: 26px;
    font-weight: bold;
    color: #669900;
    margin-top: 0px;
    padding-bottom: 5px;
    border-bottom: solid rgb(153, 204, 0) 1px;
}


h2
{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #676767;
}
h3
{
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #669900;
}
h4
{
    font-size: 16px;
    color: #669900;
    margin-bottom: 0px;
}

h4 a
{
    font-size: 16px;
    font-weight: bold;
}


/*a
{
	color: #5B7F2A;
	font-weight: bold;
}
a:hover
{
	color: black;
}*/
td
{
    padding: 2px 0;
}

.note_field
{
    width: 270px;
    height: 125px;
}
.long
{
    width: 270px;
}
.medium
{
}
.short
{
    width: 90px;
}
textarea.long
{
    height: 50px;
    overflow: auto;
    width: 270px;
}

.modalPopup
{
    width: 400px;
    padding: 10px 5px 10px 5px;
}

.nav_item
{
    padding-bottom: 3px;
}

.nav_menu
{
    background: white;
    padding: 5px 5px 0px 5px;
    margin: 5px 5px 5px 25px;
    border: solid 1px gray;
}

.nav_item td
{
    font-weight: bold;
    font-size: 14px;
}

.nav_selected
{
    color: Black;
}

.nav_static_item
{
}

.nav_static_item td
{
    font-size: 18px;
}

/*-----------------how it works pages -----------------------*/

.howitworks-features
{
    display: inline-block;
    margin-bottom: 10px;
}

.howitworks-feature
{
    display: block;
    float: left;
    margin-right: 5px;
    width: 296px;
}

.howitworks-feature-header
{
    padding: 5px 10px 5px 10px;
    font-weight: bold;
    font-size: 16px;
    display: block;
    vertical-align: middle;
}

.howitworks-feature-header a
{
    color: White;
    text-decoration: none;
}
.howitworks-feature-header img
{
    float: right;
    border-width: 0;
}
.howitworks-group .howitworks-feature-header
{
    background-color: #A5D948;
}

.howitworks-event .howitworks-feature-header
{
    background-color: #FFCC00;
}

.howitworks-fundraiser .howitworks-feature-header
{
    background-color: #66CBFF;
}

.howitworks-feature-footer
{
    background-color: #E0E0E0;
    padding: 10px 15px 10px 15px;
    height: 75px;
}

.howitworks-content
{
    display: inline-block;
}

.howitworks-title
{
    font-size: 22px;
    margin: 0px;
}

.howitworks-steps
{
    display: inline-block;
    width: 575px;
}

.howitworks-step
{
    clear: left;
    padding-top: 20px;
    display: inline-block;
}

.howitworks-step img
{
    float: left;
    margin-right: 20px;
}

.howitworks-step-detail
{
    float: left;
    width: 450px;
}

.howitworks-step-detail h2
{
    color: Black;
}

.howitworks-step-detail p
{
    color: gray;
}

.howitworks-examples
{
    display: inline-block;
    float: right;
    width: 296px;
    margin-right: 2px;
}

.howitworks-examples h2
{
    color: Black;
    margin: 10px 5px 10px 5px;
    font-size: 15px;
}

.howitworks-title.group
{
    color: #73AC11;
}

.howitworks-examples.group
{
    background-color: #CAE892;
}


.howitworks-title.fundraiser
{
    color: #55ABDC;
}

.howitworks-examples.fundraiser
{
    background-color: #D9E5FF;
}

.howitworks-title.registration
{
    color: #EDB101;
}

.howitworks-examples.registration
{
    background-color: #FEE066;
}

.howitworks-signin
{
    margin: 10px 0px 10px 20px;
}


.howitworks-collectpage
{
    clear: left;
}

.howitworks-collectpage h2
{
    color: Black;
    border-bottom: 1px solid gray;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.howitworks-collectpage-image
{
    float: left;
    border: 1px solid gray;
    margin-bottom: 10px;
    margin-right: 10px;
}

.howitworks-collectpage-callouts
{
    float: left;
    width: 340px;
    display: inline-block;
}

.howitworks-collectpage-callout
{
    clear: left;
    display: block;
}

.howitworks-collectpage-callout div
{
    float: left;
    width: 300px;
    margin-bottom: 10px;
    color: black;
}

.howitworks-collectpage-callout img
{
    vertical-align: top;
    margin-right: 10px;
    float: left;
}
.payment_header_tools
{
    position: relative;
}

.payment_info
{
    position: relative; /*height: 300px;*/
    background: #e6e6e6;
    vertical-align: top;
    border: solid 1px Black;
    width: 100%;
    display: inline-block;
    padding-bottom: 20px;
}

.payment_details_left
{
    left: 0px;
    width: 450px;
    position: absolute;
    margin-bottom: 10px;
}

.payment_details_right
{
    width: 440px;
    float: right;
    margin-bottom: 10px;
}

.payment_stats
{
    float: right;
    font-weight: bold;
    font-size: 20px;
}

/*.payment_stats, .payment_details
{
    position: absolute;
    background: #e6e6e6;
    vertical-align: top;
    height: 300px;
    border: solid 1px Black;
}*/

.payment_stats h3, .payment_info h3
{
    padding-top: 0px;
    margin-bottom: 5px;
}
.payment_stats table
{
    margin: 10px 5px 5px 5px;
}


.members_list
{
    position: relative;
    padding: 0px 0px 10px 0px;
}

.footer_tools
{
    position: relative;
}

#page_tools
{
    height: 39px;
    border-top: 1px solid black;
    background-color: #8E8E8E;
    width: 900px;
}
#page_tools input
{
    float: left;
    margin: 0px 0 0 10px;
}
#page_tools a
{
    margin: 0px 10px 0 0;
    text-decoration: underline;
    font-weight: bold;
    color: White;
}

ol
{
    padding-left: 40px;
    font-weight: bold;
}

ul
{
    padding-left: 40px;
}

ul li
{
    list-style-type: square;
    margin-bottom: 10px;
}

ol li
{
    margin-bottom: 10px;
}

.search_example_text
{
    font-size: 12px;
    margin-bottom: 5px;
}
#userMessage
{
    width: 580px;
    height: 40px;
    background-color: #CBFFC4;
    border-style: solid;
    border-width: 1px;
    border-color: #00FF33;
    margin-bottom: 10px;
    margin-top: 10px;
    color: Black;
}
#userMessage td
{
    padding: 5px;
}

#userMessage p
{
    text-align: left;
    font-size: 13px;
    color: black;
}
#userErrorMessage
{
    width: 580px;
    height: 40px;
    background-color: #ffffcc;
    border-style: solid;
    border-width: 1px;
    border-color: #ffcc00;
    margin-bottom: 10px;
    margin-top: 10px;
    color: Black;
}

#userErrorMessage td
{
    padding: 5px;
}
#userErrorMessage p
{
    text-align: left;
    font-size: 13px;
    color: black;
}

#userInfoMessage
{
    width: 580px;
    height: 40px;
    background-color: #eee;
    border-style: solid;
    border-width: 1px;
    border-color: Blue;
    margin-bottom: 10px;
    margin-top: 10px;
    color: Blue;
}
#userInfoMessage td
{
    padding: 5px;
}

#userInfoMessage p
{
    text-align: left;
    font-size: 13px;
    color: Blue;
}

#userInfoMessage a
{
    text-align: left;
    font-size: 13px;
    color: Blue;
}
#userInfoMessage a:hover
{
    text-align: left;
    font-size: 13px;
    color: Black;
}


.payment_info td.l
{
    text-align: right;
    padding-right: 10px;
    vertical-align: top;
}
.payment_info td.r
{
    vertical-align: top;
}

.payment_stats td
{
    padding-bottom: 10px;
}

.payment_info td
{
    padding-bottom: 5px;
}
.payment_info td.l
{
    width: 125px;
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
}
.payment_stats td.r
{
    color: #666666;
}

.payment_info td
{
    vertical-align: top;
}

.add_member
{
    margin: 10px 0px 10px 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border: 1px solid #ccc;
    background: #ccc;
    position: relative;
    border: solid 1px black;
}

.import_members
{
    /*position:absolute;     right:100px;     top: 20px;*/
    vertical-align: middle;
    position: relative;
}
.import_members img
{
    vertical-align: middle;
}

.add_member p
{
    /*margin-left: 10px;*/
    margin-bottom: 5px;
}

.add_member h3
{
    padding-left: 0px;
    margin-bottom: 5px;
}

.add_member table
{
    width: 800px;
    margin-bottom: 10px;
    padding-right: 10px;
}
.add_member td
{
    height: 30px;
    vertical-align: middle;
}
.add_member td.m1
{
    width: 40px;
}
#.dd_member td.m2
{
    width: 285px;
}
.add_member td.m3
{
    width: 118px;
    text-align: right;
}
.add_member input.long
{
    width: 250px;
}

.password_label
{
    background-color: Gray;
    color: White;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
}

.collect_module
{
    width: 700px;
    border: 1px solid #666;
}

.collect_module_header
{
    background: #e6e6e6;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
}

.collect_module_paid_header
{
    background: #C0DD85;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
}

.collect_module_content
{
    padding: 5px 5px 5px 5px;
}

.collect-amt-override
{
    width: 75px;
}

.unwatermarked
{
    width: 250px;
}

.watermarked
{
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
    width: 250px;
}

.permalink
{
    font-size: 10px;
}
#group_member_main
{
    width: 900px;
    border: 1px solid #666;
    padding-top: 10px;
}

#group_member_main p
{
    padding-left: 10px;
}
#group_member_main h3
{
    margin-bottom: 2px;
}
.group_member_main
{
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

.group_member_main table
{
    width: 100%;
    padding: 10px;
}

.group_member_main td
{
    vertical-align: middle;
    padding: 1px 0;
    border-bottom: 1px solid #e6e6e6;
}

#group_member_main th
{
    text-align: left;
    vertical-align: middle;
    height: 20px;
}


.group_member_tools
{
    background: #e6e6e6;
    padding: 10px 10px 10px 10px;
}

#group_payments
{
    width: 886px;
    padding: 10px;
}
#unpaid_members h4, #paid_members h4, #group_payments h4
{
    line-height: 20px;
    height: 20px;
    font-weight: normal;
    font-size: 18px;
    background: #cccccc;
    padding-left: 10px;
}

#paid_members h4
{
    background: #C0DD85;
}

#unpaid_members th, #group_payments th, #paid_members th
{
    background: #e6e6e6;
}



#paid_members td, #group_payments td
{
    vertical-align: middle;
    padding: 1px 0;
    border-top: 1px solid #e6e6e6;
}

#group_member_footer
{
    clear: left;
    width: 886px;
    height: 50px;
    background: #e6e6e6;
}
#group_member_footer p
{
    margin: 10px 0 10px 10px;
    vertical-align: middle;
}
#group_member_footer p a
{
    text-decoration: underline;
    font-weight: bold;
}

.footer_tools
{
    position: relative;
}

#footer_tools
{
    height: 39px;
    border-bottom: solid 1px black;
    background-color: #8E8E8E;
    width: 100%;
}
#footer_tools input
{
    display: inline;
    float: left;
    margin: 0px 0 0 10px;
}
#footer_tools a
{
    float: right;
    margin: 0px 10px 0 0;
    text-decoration: underline;
    font-weight: bold;
    color: White;
}
#footer_info p, #footer_info p a
{
    font-size: 10px;
    line-height: 14px;
    color: #999;
    margin-top: 10px;
}
#footer_info p a:hover
{
    color: black;
}

.offline_payment
{
    width: 300px;
    padding: 5px 5px 5px 5px;
    margin: 15px 5px 5px 5px;
}

.offline_payment td
{
    border: none 0;
}

.PagerCell td table
{
    width: 0;
}
.PagerCell td table tr td
{
    padding: 3px;
    border: none;
    font-size: 16px;
    font-weight: bold;
}

/*login page*/

#login_left
{
}

.forgot_password_module
{
    margin-top: 20px;
}

.login_register_left
{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.login_register_right
{
    float: left;
    margin-left: 20px;
    width: 200px;
    margin-bottom: 20px;
}

.login_register
{
    clear: both;
}

.login-register-merge
{
    float: left;
    margin-left: 20px;
    width: 400px;
    margin-bottom: 20px;
}

.login-register-forgotpassword{
    clear:left;
}

.login-register-merge-subtitle
{
    font-weight: bold;
    font-size: 11px;
}

/*Register page*/

.register-standard, .register-facebook
{
    width: 400px;
    float: left;
}

.register-standard
{
}

/* Facebook Header */
.Facebook-TopBar
{
    background-color: #3B5998;
    padding: 5px;
    padding-left: 10px;
    color: White;
    font-family: 'lucida grande' , tahoma, verdana, arial, sans-serif;
    font-weight: bold;
    height: 37px;
}

.Facebook-TopBar img
{
    margin-top: 3px;
}

.Facebook-TopBar a
{
    color: White;
    text-decoration: none;
}

.Facebook-TopBar-User
{
    float: right;
    margin-right: 20px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: top;
}

.Facebook-TopBar-User Img
{
    height: 36px;
}

.Facebook-TopBar-User-Details
{
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
    padding-top: 3px;
}

.Facebook-TopBar-User-Details span
{
    font-size: 14px;
}


/*Collect page */

.members_table
{
    border: solid 1px gray;
    width: 100%;
}

.members_table th
{
    padding: 10px;
    border-bottom: solid 1px gray;
}

.members_table td
{
    padding: 10px;
    text-align: left;
}

/*.members_table td img
{
    vertical-align: bottom;
    margin-bottom: 2px;
}*/

.online_amt
{
    font-size: 13px;
    font-weight: bold;
}

.offline_amt
{
    font-size: 10px;
}

.paid_note
{
    cursor: pointer;
}

.self_pay_note_text
{
    width: 250px;
    height: 100px;
}

#PayNowOverrideAmtDialog
{
    width: 270px;
}

#MarkSelfPaidDialog
{
    width: 270px;
}

.mark_self_paid_btn
{
    font-size: 11px;
    font-weight: bold;
    padding: 3px;
    width: 140px;
}

.mark_self_paid_btn img
{
    vertical-align: middle !important;
}

.payonline_btn
{
    vertical-align: middle;
    margin-bottom: 2px;
}


th
{
    padding-left: 0px;
    text-align: left;
}

.collect_table_wrap, .manage-table-wrap
{
    border: solid 1px gray;
    display: inline-block;
    display: block;
    clear: both;
}

.collect-payer-name
{
    font-weight: bold;
    font-size: 14px;
}

.collect-table-unpaid, .manage-table
{
    width: 100%;
}

.collect-table-unpaid th, .manage-table th
{
    background: #e6e6e6;
}

.manage-table th
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.collect-table-unpaid tr, .manage-table tr
{
    border-bottom: solid 1px #e6e6e6;
}

.collect-table-details td, .manage-table td
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.collect-header
{
    margin-bottom: 10px;
    display: inline-block;
    background-color: #C8E56F;
    width: 880px;
}

.collect-header h1
{
    border: none;
    color: black;
    margin-left: 10px;
}

.collect-details
{
    float: left;
    display: block;
    width: 575px;
}

.collect-details br
{
    margin-bottom: 10px;
}

.collect-details-note
{
    background-color: #DEF79C;
    color: #585A55;
    margin: 10px;
    padding: 10px;
    float: none;
    min-height: 95px;
}

.collect-details-footer
{
    float: none;
    margin: 10px;
    display: block;
    vertical-align: middle;
}

.collect-details-organizer
{
    background-color: #FFFFFF;
    display: inline-block;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}

.collect-details-organizer label
{
    font-size: 12px;
    font-weight: normal;
}

.collect-details-share
{
    float: right;
}

.collect-details-share label
{
    display: block;
    font-weight: bold;
}

.collect-details-share a
{
    float: right;
    display: block;
}

.collect-header-container-avatar
{
    /*float: left;*/
}

.collect-header-avatar
{
    margin-left: 10px;
    max-height: 350px;
    max-width: 275px;
    min-height: 100px;
    min-width: 100px;
}

.collect-header-content
{
    display: inline-block;
    margin-bottom: 10px;
}

.collect-note
{
    max-width: 550px;
}

.collect-header-amt
{
    display: inline;
    float: right;
    font-weight: bold;
    font-size: 18px !important;
    color: white;
    padding-top: 2px;
    margin-right: 10px;
}

.collect-manager-name
{
    font-size: 16px !important;
}

.collect-module
{
    margin: 0 0 10px 0;
    padding: 10px;
}

.collect-contribute
{
    border: solid 2px #3499CB;
    padding: 20px;
}

.collect-contribute label.error
{
    display: block;
}

.collect-contribute-header
{
    margin-bottom: 10px;
}

.collect-contribute-title
{
    font-weight: bold;
    font-size: 20px;
    color: black;
}

.collect-contribute input[type=image]
{
    vertical-align: top;
    margin-left: 20px;
}

.collect-contribute input[type=submit]
{
    vertical-align: top;
    margin-left: 15px;
}

.collect-contribute input[type=submit]
{
    height: 25px;
}

.collect-contribute td
{
    padding-bottom: 10px;
    padding-right: 10px;
}

.paynow-override
{
    cursor: pointer;
}

.collect-unpaid
{
    border: solid 2px #C8E473;
    padding: 20px;
}

.collect-unpaid-header
{
    margin-bottom: 10px;
}

.collect-unpaid-title
{
    font-weight: bold;
    font-size: 20px;
    color: black;
}

.collect-unpaid-count
{
    font-weight: bold;
    font-size: 20px;
    color: #FF6634;
}

.collect-unpaid-search
{
    float: right;
}

.collect-image-creditcards
{
    /*margin-top: -5px;*/
    display: inline;
    vertical-align: middle;
    float: right;
}

.collect-title-sub
{
    float: left;
    display: inline;
    padding-top: 5px;
}

.collect-method-online
{
    margin-right: 5px;
}
.collect-method-online, .collect-method-offline
{
    font-weight: bold;
}

.collect-unpaid-payment
{
    width: 300px;
}

.collect-unpaid-selected-row
{
    background-color: #B3D9EC;
}

.collect-unpaid-AmtDue
{
    margin-right: 10px;
    padding: 5px;
    font-size: 14px !important;
    font-weight: bold !important;
}

.collect-contribute .collect-unpaid-AmtDue
{
    margin-right: 10px;
    padding: 5px;
    margin-left: 10px;
    font-size: 16px !important;
    font-weight: bold !important;
    vertical-align: baseline;
}

.collect-unpaid-AmtDue
{
    background-color: #DEF79C;
    border: 1px solid gray;
}

.collect-payment-offline .collect-unpaid-AmtDue
{
    background-color: #e6e6e6;
    border: 1px solid gray;
}

.collect-changeamt-label
{
    margin-bottom: 5px;
}

.collect-amt-fees
{
    font-size: 14px !important;
    font-weight: bold !important;
}

.collect-newpayer
{
}

.collect-newpayer-form
{
    background-color: #DEF79C;
    padding: 10px;
    clear: right;
}

.collect-newpayer-AmtDue
{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.collect-paid
{
    border: solid 2px #676767;
    padding: 20px;
}

.collect-paid-header
{
    margin-bottom: 10px;
    font-size: 20px;
}

.collect-paid-title
{
    font-weight: bold;
    color: black;
}

.collect-paid-count
{
    font-weight: bold;
    color: #3499CB;
}

.collect-paid-amt
{
    display: inline;
    margin-left: 50px;
    color: black;
    font-weight: bold;
}

.collect-paid-amt span
{
    color: #999999;
}

.collect-table-paid th
{
    background: #e6e6e6;
}

.collect-table-paid tr
{
    border-bottom: solid 1px #e6e6e6;
}

.collect-paid-name
{
    font-size: 14px;
    font-weight: bold;
}

.collect-paid-status
{
    background-color: #B3D9EC;
    padding: 5px;
}

.collect-unpaid-search
{
    border: 1px solid #BEBEBE;
    padding: 2px;
}

.collect-unpaid-search input[type=image]
{
    vertical-align: top;
}
.collect-search-watermarked
{
    border: 0;
    background-color: #ffffff;
    color: #8A8A8A; /* width: 245px;     padding-left: 5px;*/
}

.collect-newpayer-watermarked
{
    border: 1px solid #BEBEBE;
    background-color: #ffffff;
    color: #78A320;
    padding-left: 5px;
}

.collect-manageLink
{
    font-size: 14px;
    margin-bottom: 5px;
    color: Black !important;
    text-decoration: none !important;
    display: block;
    float: right;
    border: solid 1px black;
    padding: 5px;
    background-color: #B3D9EC;
}

.collect-contribute-AmtDue, .collect-contribute-AmtDue input[type=text]
{
    font-size: 20px;
    font-weight: bold;
}

.manage-module
{
    border: solid 2px #676767;
    padding: 20px;
}

.manage-module-toolbar
{
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    padding: 10px;
    background-color: #8e8e8e;
    margin-bottom: 20px;
    vertical-align: middle;
}

.manage-module-view a
{
    color: White;
    text-decoration: none;
}

.manage-module-view
{
    font-size: 16px;
    display: inline;
    float: right;
}

.manage-table-wrap .nopayments
{
    padding: 10px;
}

.manage-module-view .seperator
{
    color: White;
}

.activeview
{
    font-weight: bold;
    color: #669900;
}

.manage-socialsites-facebook
{
    float: left;
    margin-top: 20px;
    margin-bottom: 10px;
}

.manage-socialsites-twitter
{
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    padding-top: 30px;
}

/*manage page*/

#top_tabs
{
    margin: 0;
    padding: 0;
}

#top_tabs li
{
    list-style-type: none;
    float: left;
    border: solid 1px gray;
    border-bottom: none;
    background-color: #e6e6e6;
    padding: 10px;
    margin: 0px;
    width: 55px;
    text-align: center;
}

#manage_tab
{
    clear: both;
    display: inline-block;
}
.toolbar
{
    background: #8E8E8E;
    border: solid 2px gray;
    padding: 5px;
    margin-bottom: 10px;
    display: inline-block;
    width: 892px;
}

.payer_mgmt_toolbar
{
    margin: -10px -10px 10px -10px;
}

.toolbar input
{
}

.module
{
    margin: 0 0 10px 0;
    display: inline-block;
    width: 885px;
    padding: 10px;
}

.module_header
{
    background-color: #CCCCCC;
    color: #669900;
    font-size: 20px;
    font-weight: bold;
    height: 40px;
    line-height: 35px;
    padding-left: 10px;
    vertical-align: middle;
    float: none;
    clear: both;
    margin: -10px -10px 10px -10px;
}

.manage-title
{
    font-weight: bold;
    font-size: 20px;
    color: black;
}

.module-content
{
    float: left;
    width: 650px;
}

.module-avatar
{
    float: left;
    margin-right: 10px;
}

.paid
{
    color: #3499CB;
    height: 40px;
    line-height: 35px;
    padding-left: 10px;
    vertical-align: middle;
    float: none;
    clear: both;
    font-size: 20px;
    font-weight: bold;
}

.paid, .unpaid
{
    /*margin-top:10px;*/
}

.unpaid
{
    color: #FF6634;
    height: 40px;
    line-height: 35px;
    padding-left: 10px;
    vertical-align: middle;
    float: none;
    clear: both;
    font-size: 20px;
    font-weight: bold;
}

.unpaid_table th, .paid_table th
{
    background-color: #E6E6E6;
}

.unpaid_table tr, .paid_table tr
{
    border-bottom: solid 1px #e6e6e6;
}

.float_left div
{
    float: left;
    min-width: 250px;
}


.manage
{
    background-color: #C8E56F;
}

.manage_avatar
{
    margin-left: 20px;
    float: left;
}

.manage_avatar .avatar
{
    display: block;
    border: solid 1px #e6e6e6;
    margin-bottom: 10px;
}

.manage_description
{
    display: block;
    padding: 10px;
    background-color: #DEF79C;
    float: left;
}

.mceIframeContainer
{
    clear: left;
    float: none !important;
}

#manage_bottom
{
    clear: both;
    padding: 5px;
    margin: 5px;
}

#NoteTextBox
{
    clear: both;
}

.data_entry_form
{
    padding: 0px;
    margin: 0px;
}
.data_entry_form li
{
    list-style-type: none;
    list-style-position: outside;
    padding: 0px;
    margin: 0 0 5px 0;
}

.data_entry_form label, .pay_request_preview_container label
{
    display: block;
    font-weight: bold;
    font-size: 12px;
}

.data_entry_form label span
{
    font-weight: bold;
    font-size: 12px !important;
}

.data_entry_form .checkbox
{
    margin-top: 10px;
}
.data_entry_form .checkbox label
{
    display: inline;
    margin-left: 5px;
}

.data_entry_form .name_textbox
{
    margin-right: 10px;
}

.data_entry_form .name_textbox input
{
    width: 200px;
}

.data_entry_form .email_textbox input
{
    width: 300px;
}

.data_entry_form li span, .pay_request_preview_container span
{
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 2px;
}

.manage_title
{
    width: 500px;
    line-height: 30px;
    font-size: 25px;
    font-weight: bold;
    color: #669900;
}

.manage_note
{
    width: 500px;
    margin-bottom: 10px;
}

.manage_note
{
    height: 118px;
}

.manage_config
{
    padding: 5px;
}

#manage_add_payers
{
    margin-left: 20px;
    margin-right: 20px;
    border-left: solid 1px rgb(153, 153, 153);
    border-right: solid 1px rgb(153, 153, 153);
    border-bottom: solid 1px rgb(153, 153, 153);
    background-color: rgb(255, 238, 136);
    padding: 10px;
}

#manage_add_payers
{
    width: 825px;
    padding-bottom: 10px;
}

#manage_add_payers h2
{
    margin-top: 10px;
    margin-bottom: 10px;
}

#manage_add_payers div
{
    float: left;
    margin-right: 10px;
    display: inline-block;
    min-width: 250px;
}

.manage_add_payers
{
    border: solid 1px gray;
    padding: 5px;
}

.manage_import_payers
{
    border: solid 1px gray;
    padding: 5px;
}

.manage_payers
{
    border: solid 2px #676767;
}

.manage_payers .toolbar
{
    margin-bottom: 0px;
    width: auto;
}

.manage_payers div
{
    float: none;
    display: block;
}

.dialog
{
    border: solid 1px rgb(153, 153, 153);
    background-color: rgb(255, 238, 136);
    position: absolute;
    padding: 5px;
}

.payer_table
{
    width: 100%;
}
.payer_row td
{
    /*font-size: 11px;*/
    padding-top: 5px;
    padding-bottom: 5px;
}

.payer_table tfoot
{
    font-weight: bold;
}

.odd
{
    /*background-color: #E6E6E6;*/
}

label.error
{
    color: Red;
}

input.error
{
    border: dashed 1px Red;
}

em
{
    font-weight: bold;
    padding-right: 1em;
    vertical-align: top;
}

.dialog_buttons
{
    clear: both;
}

.format_money
{
    width: 65px;
}

button
{
    padding: 2px;
    font-size: 12px;
}
button img
{
    vertical-align: middle;
    margin: 0;
}

.project_payers
{
    width: 30px;
}


#AmtPPSpan
{
    margin-left: 5px;
    font-weight: bold;
}


div.Error
{
    background: url(images/CriticalAlert.gif) no-repeat 10px 10px;
}
div.Error h1, div.Error h2
{
    color: white;
    padding: 5px 5px 5px 75px;
    text-align: left;
    border: 0;
}

div.Successful
{
    background: url(images/ConfirmIcon.gif) no-repeat 10px 10px;
}
div.Successful h1, div.Successful h2
{
    color: white;
    padding: 5px 5px 5px 75px;
    text-align: left;
    border: 0;
}

.dialog_message
{
    font-size: 18px;
    font-weight: bold;
    color: #669900;
}

.redirect_dialog
{
}

.edit_link img
{
    margin-left: 2px;
    height: 12px;
    border-style: none;
    border-width: 0px;
    vertical-align: bottom;
}

.edit_link span
{
    font-weight: bold;
    font-size: 14px;
}

#SendPayRequestDialog
{
    cursor: default; /*border: solid 1px rgb(153, 153, 153);     background-color: rgb(255, 238, 136);*/
    padding: 10px;
    width: 880px;
    height: 450px;
    background-color: White;
}

#simplemodal-overlay
{
    background-color: #000;
}
#simplemodal-container
{
    background-color: white;
    border: 5px solid #444;
}


#PayRequestTo
{
    overflow: auto;
    width: 392px;
    height: 50px;
    background-color: #F0F0EE;
    border: solid 1px #A5ACB2;
    padding: 5px;
}

#PayRequestSubject
{
    width: 400px;
}

#PayRequestMsg
{
    width: 400px;
}

#PayRequestMsg
{
    height: 200px;
}

#PayRequestConfirm
{
}

.pay_request_msg_container
{
    border: solid 1px gray;
    padding: 5px;
    font: arial !important;
}

.pay_request_msg_container p
{
    font-size: 11px;
}

#StandardPayRequestMessage
{
    height: 150px;
    padding: 10px;
}

.pay_request_edit_container
{
    float: left;
    display: inline-block;
    width: 425px;
    margin-top: 10px;
}

.pay_request_preview_container
{
    display: inline-block;
    margin-left: 10px;
    width: 435px;
    margin-top: 10px;
}

.pay_request_preview
{
    overflow: auto;
    height: 327px;
    border: solid 1px gray;
    padding: 5px;
}



#NoteView
{
    width: 290px;
}

#NoteMsg
{
    width: 270px;
    height: 100px;
    overflow: auto;
    padding: 5px;
    border: solid 1px gray;
}

#UnpaidMembersDiv, #PaidMembersDiv
{
    margin-top: 10px;
    border: solid 1px gray;
}

#UnpaidMembersDiv .module_header, #PaidMembersDiv .module_header
{
    margin: 0 0 10px 0;
}

.group_totals
{
    display: inline;
    float: right;
    font-weight: bold;
    font-size: 18px !important;
    color: white;
    padding-top: 2px;
}

.manage-avatar-image
{
    margin-bottom: 5px;
    max-height: 225px;
    max-width: 300px;
    min-height: 100px;
    min-width: 100px;
    display: block;
}

.manage-image-upload
{
    float: left;
    width: 250px;
    margin-right: 10px;
    padding: 10px;
    border: solid 1px gray;
}

.manage-image-upload span
{
    display: block;
}

.manage-image-crop
{
    float: left;
    width: 500px;
    height: 500px;
    padding: 10px;
    border: solid 1px gray;
}



.manage-image-wrap
{
    padding: 10px;
    display: block;
}

.manage-image-crop-preview
{
    margin-bottom: 10px;
}

.manage-image-nopreview
{
    font-style: italic;
    font-weight: bold;
}
.manage-modal-saving
{
    text-align: center;
    height: 100px;
    padding: 40px 10px 10px 10px;
    display: block;
}

.manage-alert-critical
{
    background-image: url("images/criticalAlert.gif");
    margin: 0 0 10px 0;
    border: 1px solid #000;
    padding: 12px 40px 12px 80px;
    background-repeat: no-repeat;
    background-position: 20px 14px;
    width: 500px;
    min-height: 48px;
    _height: 48px;
    background-color: #ffffcc;
    border-color: #ffcc00;
    color: #c60000;
}

.manage-alert-critical-title
{
    font-size: 16px;
    font-weight: bold;
    display: block;
}

.manage-alert-critical-title
{
    margin-bottom: 5px;
    display: block;
}

.manag_name_col
{
    width: 250px;
}

.manage_amt_offline_col
{
    width: 100px;
}

.manage_payer_checkbox_col
{
    width: 25px;
}

.advanced_settings
{
    border: solid 2px #3499CB;
}

.manager-advanced-title
{
    font-weight: bold;
    font-size: 20px;
    color: black;
}


.share
{
    border: solid 2px #3499CB;
}

.manage-share-container label
{
    display: block;
    font-weight: bold;
    margin-bottom: 3px;
}

.manage-share-permalink
{
    width: 350px;
    font-size: 10px;
}

.manage-share-facebook
{
    cursor: pointer;
    color: Black;
    font-weight: bold;
}

.manage-share-facebook img
{
    vertical-align: middle;
}


.manager-payers-title, .manager-share-title
{
    font-weight: bold;
    font-size: 20px;
    color: black;
    height: 40px;
    line-height: 35px;
    padding-left: 10px;
    vertical-align: middle;
    float: none;
    clear: both;
    margin: -10px -10px 10px -10px;
}