body {
    background:             #FFFFFF;
    color:                  #959595;
    font:                   11px Tahoma, Verdana, Sans-serif;
}

#wrapper {
    margin:                 0 auto;
    width:                  901px;
}

/* Javascript Check */
.error {
    margin:                 0;
    padding:                7px 0 2px 0;
    position:               absolute;
    top:                    0;
    left:                   0;
    right:                  0;
    height:                 20px;
    z-index:                99;
}
.error.bg {
    background-color:       #42bfe3;
    opacity:                .70;
}
.error.msg {
    border-bottom:          1px solid #42bfe3;
}
.error.msg p {
    margin:                 0;
    padding:                0;
    text-align:             center;
    font-family:            Tahoma, Verdana, Sans-serif;
    font-size:              11px;
    font-weight:            bold;
    color:                  #FFF;
}
#javascript-error-bg {
    display:                block;
}
#javascript-error-msg {
    display:                block;
} 


/* Basic Page Elements */

h1, h2 {
    color:                  #42bfe3;
    font:                   20px/20px Trebuchet MS, Sans-serif;
    margin:                 0;
    padding:                0;
}

p {
    margin:                 0;
    padding:                6px 0;
}

img {
    border:                 0;
}

a {
    color:                  #959595;
    outline:                none!important;
}

a:hover {
    color:                  #55c6e7;
}

.clear {
    clear:                  both;
    display:                block;
    font-size:              1px;
    height:                 1px;
    line-height:            0;
    overflow:               hidden;
}

/* UI */

.msg-ok
{
    border:                 2px solid #b9d274;
    background:             #dfedb8;
    color:                  #7ba700;
    margin:                 0 0 10px 0;
    padding:                10px;
}

.msg-error {
    background:             #f6cad0;
    border:                 2px solid #e8a0aa;
    color:                  #8f3232;
    margin:                 10px 0;
    padding:                10px;
}

/* Header */

#header {
    height:                 116px;
}

#header h5 {
    float:                  left;
    margin:                 0;
    padding:                0;
}

#header h5 a {
    background:             url('/media/images/pride-logo.jpg') no-repeat;
    display:                block;
    height:                 104px;
    text-indent:            -9999px;
    width:                  106px;
}

#header .forms {
    float:                  right;
    width:                  315px;
}

#header .forms .search-tabs {
    cursor:                 default;
    padding:                0 0 2px 0;
}

#header .forms .search-tabs a {
    color:                  #959595;
    cursor:                 pointer;
    font-size:              10px;
    text-decoration:        none;
}

#header .forms .search-tabs a.current {
    color:                  #55c6e7;
    cursor:                 default;
    font-weight:            bold;
}

#header .forms .column {
    float:                  left;
    padding-bottom:         2px;
}

#header .forms label {
    color:                  #55c6e7;
    cursor:                 pointer;
    float:                  left;
    padding:                0 0 0 5px;
}

#header .forms input.input-text {
    border:                 1px solid #cfcfcf;
    color:                  #55c6e7;
    clear:                  both;
    float:                  left;
    font:                   11px Tahoma, Verdana, Sans-serif;
    height:                 14px;
    margin:                 3px 4px 0 0;
    padding:                3px;
    width:                  117px;
}

#header .forms select {
    border:                 1px solid #cfcfcf;
    color:                  #55c6e7;
    clear:                  both;
    float:                  left;
    font:                   11px Tahoma, Verdana, Sans-serif;
    height:                 22px;
    margin:                 3px 4px 0 0;
    padding:                2px 3px;
    width:                  125px;
}

#header .forms input.input-submit  {
    float:                  right;
    margin:                 3px 2px 0 0;
}

#header .forms .user-login .column input.input-submit  
{
    margin-right:           2px;
}

#header .forms .profile-firstname-search,
#header .forms .keyword-search {
    display:                none;
}

#header .forms .profile-search .column {
    padding-bottom:         0;
}

#header .forms .user-login {
    clear:                  both;
    height:                 35px;
    padding:                6px 0;
}
#header .forms .user-login a.forgot-password {
    color:                  #55c6e7;
    font-size:              10px;
    padding:                0 0 0 4px;
    text-decoration:        none;
}

#header .forms .user-login a.welcome-link {
    color:                  #55c6e7;
    font-size:              11px;
    padding:                0;
    text-decoration:        none;
}

#header .forms .user-login a.forgot-password:hover,
#header .forms .user-login a.welcome-link:hover {
    text-decoration:        underline;
}

#header .forms .profile-firstname-search input.input-text {
    width:                  117px
}

#header .forms .keyword-search input.input-text {
    width:                  246px
}

#header .forms input.unmasked {
    display:                none;
}

/* Top Navigation */

ul#nav {
    background:             url('/media/images/navigation-bg.jpg') no-repeat;
    height:                 33px;
    list-style-type:        none;
    margin:                 0;
    padding:                0 5px;
    width:                  891px;
}

ul#nav li {
    float:                  left;
    margin:                 0;
    padding:                0;
}

ul#nav li a {
    background:             url('/media/images/navigation-link-bg.gif') no-repeat;
    color:                  #FFF;
    display:                block;
    font:                   13px/13px Trebuchet MS, Sans-serif;
    padding:                9px 20px 11px 22px;
    text-decoration:        none;
}

ul#nav li.first a  {
    background:             none;
}

ul#nav li a:hover {
    background:             url('/media/images/navigation-link-hover-bg.gif') no-repeat;
}

ul#nav li.first a:hover {
    background:             url('/media/images/navigation-link-first-hover-bg.gif') no-repeat;
}

ul#nav li.current {
    background:             url('/media/images/navigation-link-hover-bg.gif') no-repeat;
}

/* Welcome and Browse Profiles panel */

#welcome {
    margin:                 20px 0 0;
}

#welcome .column {
    float:                  left;
    margin:                 13px 0 0;
    width:                  249px;
}

#welcome .column p.title {
    background:             url('/media/images/welcome-title-left-bg.gif') no-repeat;
    color:                  #FFF;
    font:                   17px/20px Trebuchet MS, Sans-serif;
    height:                 50px;
    margin:                 0 0 10px 0;
    padding:                6px 10px 0 10px;
    width:                  229px;
}

#welcome .column p.title span {
    color:                  #8fe5fe;
    font-size:              26px;
    //line-height:          28px;
}

#welcome .column p {
    padding:                6px 11px 6px 7px;
}

#welcome .column h1 {
    float:                  left;
    margin:                 0 4px 0 0;
    padding:                0;
    color:                  #959595;
    font:                   11px Tahoma, Verdana, Sans-serif;
}

#welcome .column.right p.title {
    background:             url('/media/images/welcome-title-right-bg.gif') no-repeat;
    text-align:             right;
}

#welcome .column.right p {
    padding:                6px 7px 6px 11px;
}

#welcome .column select {
    border:                 1px solid #cfcfcf;
    color:                  #55c6e7;
    font:                   14px Trebuchet MS, Sans-serif;
    height:                 28px;
    margin:                 9px 0 0 11px;
    padding:                3px 0;
    width:                  228px;
}

#welcome .column input.input-submit {
    float:                  right;
    margin:                 21px 10px 0 0;
}

#welcome .image {
    float:                  left;
    width:                  402px;
}

/* Home Page Panels */

#panels {
    clear:                  both;
    height:                 117px;
    padding:                19px 0 0 0;
}

#panels h3 {
    display:                none;
}

#panels .panel {
    float:                  left;
    height:                 37px;
    padding:                80px 0 0 11px;
    width:                  214px;
}

#panels .panel.sperm {
    background:             url('/media/images/panel-sperm-bg.gif') no-repeat;
    width:                  215px;
}

#panels .panel.eggs {
    background:             url('/media/images/panel-eggs-bg.gif') no-repeat;
}
#panels .panel.parents {
    background:             url('/media/images/panel-parents-bg.gif') no-repeat;
}

#panels .panel.recipients {
    background:             url('/media/images/panel-recipients-bg.gif') no-repeat;
    width:                  213px;
}

#panels .panel.hover {
    background-position:    0 -117px;
}

/* Home Page Rounded Corners styling */

.rounded-corner {
    position:               relative;
}

.rounded-corner .corner {
    height:                 4px;
    position:               absolute;
    width:                  4px;
}

.rounded-corner .corner.tl, #profile #title.rounded-corner .corner.tl {
    background:             url('/media/images/feature-tl.gif') no-repeat;
    left:                   -1px;
    top:                    -1px;
}

.rounded-corner .corner.tr, #profile #title.rounded-corner .corner.tr {
    background:             url('/media/images/feature-tr.gif') no-repeat;
    right:                  -1px;
    top:                    -1px;
}

.rounded-corner .corner.bl, #profile #title.rounded-corner .corner.bl {
    background:             url('/media/images/feature-bl.gif') no-repeat;
    bottom:                 -1px;
    left:                   -1px;
}

.rounded-corner .corner.br, #profile #title.rounded-corner .corner.br {
    background:             url('/media/images/feature-br.gif') no-repeat;
    bottom:                 -1px;
    right:                  -1px;
}

.sub-panel.rounded-corner .corner.tl, .white-main-panel.rounded-corner .corner.tl {
    background:             url('/media/images/subpanel-tl.png') no-repeat;
}

.sub-panel.rounded-corner .corner.tr, .white-main-panel.rounded-corner .corner.tr {
    background:             url('/media/images/subpanel-tr.png') no-repeat;
}

.sub-panel.rounded-corner .corner.bl, .white-main-panel.rounded-corner .corner.bl {
    background:             url('/media/images/subpanel-bl.png') no-repeat;
}

.sub-panel.rounded-corner .corner.br, .white-main-panel.rounded-corner .corner.br {
    background:             url('/media/images/subpanel-br.png') no-repeat;
}

/* Home Page Feature Box */

#feature-box {
    border:                 1px solid #ccf4ff;
    background:             #ffffff url('/media/images/feature-bg.gif') repeat-x;
    margin:                 19px 0 0 0;
    padding:                15px;
}

#feature-box.left {
    background:             #ffffff url('/media/images/feature-bg2.gif') repeat-x;
    float:                  left;
    width:                  348px;
}

#feature-box h3 {
    color:                  #42bfe3;
    font:                   24px/24px Trebuchet MS, Sans-serif;
    margin:                 0;
    padding:                0;
}

#feature-box .feature {
    color:                  #707070;
    float:                  left;
    font:                   18px Tahoma, Sans-serif;
    height:                 55px;
    margin:                 26px 81px 0 0;
    padding:                10px 0 0 76px;
    width:                  144px;
}

#feature-box .feature h4 {
    margin:                 0;
    padding:                0;
    color:                  #707070;
    font:                   18px Tahoma, Sans-serif;
}

#feature-box .feature a {
    color:                  #707070;
    text-decoration:        none;
}

#feature-box.left .feature {
    margin:                 26px 0 0 20px !important;
}

#feature-box .feature.health {
    background:             url('/media/images/feature-health-bg.gif') no-repeat 6px 1px;
    margin:                 26px 81px 0 15px;
}

#feature-box.left .feature.health {
    background:             url('/media/images/feature-health-bg2.gif') no-repeat 6px 1px;
}

#feature-box .feature.pregnancy {
    background:             url('/media/images/feature-pregnancy-bg.gif') no-repeat 15px 5px;
}

#feature-box.left .feature.pregnancy {
    background:             url('/media/images/feature-pregnancy-bg2.gif') no-repeat 23px 5px;
}

#feature-box .feature.contact {
    background:             url('/media/images/feature-contact-bg.gif') no-repeat;
    margin:                 26px 0 0;
}

#feature-box.left .feature.contact {
    background:             url('/media/images/feature-contact-bg2.gif') no-repeat;
}

#feature-box .feature.screening {
    background:             url('/media/images/feature-screening-bg.gif') no-repeat 0 5px;
    margin:                 26px 81px 0 15px;
}

#feature-box.left .feature.screening {
    background:             url('/media/images/feature-screening-bg2.gif') no-repeat 0 5px;
}

#feature-box .feature.search {
    background:             url('/media/images/feature-search-bg.gif') no-repeat 0 3px;
}

#feature-box.left .feature.search {
    background:             url('/media/images/feature-search-bg2.gif') no-repeat 9px 3px;
}

#feature-box .feature.kits {
    background:             url('/media/images/feature-kits-bg.gif') no-repeat 18px 0;
    height:                 77px;
    margin:                 26px 0 0;
}

#feature-box.left .feature.kits {
    background:             url('/media/images/feature-kits-bg2.gif') no-repeat 18px 0;
}

/* Home Page Sub Panels */

.sub-panel {
    border:                 1px solid #ccf4ff;
    float:                  left;
    height:                 130px;
    margin:                 18px 18px 0 0;
    padding:                10px 10px 10px 139px;
    width:                  290px;
}

.sub-panel.text-left, .sub-panel.text-right {
    height:                 140px;
    padding-left:           10px;
    width:                  419px;
}

.sub-panel.text-right {
    margin:                 18px 0 0;
}

.sub-panel h2, .sub-panel h4 {
    color:                  #42bfe3;
    font:                   20px Trebuchet MS, Sans-serif;
    margin:                 0;
    padding:                0;
}

.sub-panel h2 a, .sub-panel h4 a {
    color:                  #42bfe3;
    text-decoration:        none;
}

.sub-panel.fertility {
    background:             url('/media/images/subpanel-fertility-bg.jpg') no-repeat;
}

.sub-panel.screening {
    background:             url('/media/images/subpanel-screening-bg.jpg') no-repeat 0px 10px;
    margin:                 18px 0 0;
}

.sub-panel.pregnant {
    background:             url('/media/images/subpanel-surrogate-bg.jpg') no-repeat;
}

.sub-panel.parenting {
    background:             url('/media/images/subpanel-parenting-bg.jpg') no-repeat 0px 10px;
    margin:                 18px 0 0;
}

/* Content */

#content-container h1, #content-container h2 {
    border-bottom:          1px solid #eeeeee;
    margin:                 20px 0;
    padding:                0 0 15px 0;
}

#content-container #sub-menu {
    float:                  left;
    margin:                 0 20px 0 0;
    width:                  201px;
}

#content h2 {
    border:                 0px;
    margin:                 0px;
    padding:                0px;
    color:                  #959595;
    font:                   11px Tahoma, Verdana, Sans-serif;
    font-weight:            bold;
}

#content-container #sub-menu .top {
    background:             url('/media/images/submenu-top-bg.gif') no-repeat;
    height:                 3px;
    width:                  201px;
}

#content-container #sub-menu ul {
    background:             #52c3e6;
    list-style-type:        none;
    margin:                 0;
    padding:                0;
}

#content-container #sub-menu ul li {
    margin:                 0;
    padding:                0;
}

#content-container #sub-menu ul li a {
    background:             #52c3e6 url('/media/images/submenu-link-top-bg.gif') repeat-x;
    border-top:             1px solid #38b1dc;
    color:                  #FFF;
    display:                block;
    font:                   13px/13px Trebuchet MS, Sans-serif;
    padding:                8px 25px 8px 15px;
    position:               relative;
    text-decoration:        none;
}

#content-container #sub-menu ul li a .arrow {
    background:             url('/media/images/submenu-arrow.gif') no-repeat;
    display:                block;
    height:                 20px;
    padding-right:          6px;
    position:               absolute;
    right:                  0;
    top:                    5px;
    width:                  20px;
}
#content-container #sub-menu ul li a:hover, #content-container #sub-menu ul li a.open {
    background:             #1d9bd1 url('/media/images/submenu-link-hover-top-bg.gif') repeat-x !important;
    border-top:             1px solid #1f9ad1;
}

#content-container #sub-menu ul li a:hover .arrow {
    background:             url('/media/images/submenu-arrow-hover.gif') no-repeat;
}

#content-container #sub-menu ul li a:hover .arrow:hover, #content-container #sub-menu ul li a.open .arrow {
    background:             url('/media/images/submenu-arrow-hover2.gif') no-repeat;
}

#content-container #sub-menu ul li a.first {
    background:             #52c3e6;
    border-top:             0!important;
}

#content-container #sub-menu ul li a.first:hover {
    background:             #1d9bd1;
}

#content-container #sub-menu ul li ul {
    display:                none;
}

#content-container #sub-menu ul li ul li a {
    background:             #a3daeb url('/media/images/submenu-sub-link-top-bg.gif') repeat-x;
    border-top:             1px solid #1589c6;
    color:                  #1a8aba;
    font:                   11px Tahoma, Sans-serif;
    padding:                8px 10px 8px 25px;
}

#content-container #sub-menu ul li ul li a:hover {
    background:             #1d9bd1 url('/media/images/submenu-sub-link-hover-top-bg.gif') repeat-x;
    color:                  #FFF;
}

#content-container #sub-menu ul li a.current {
    text-decoration:        underline;
}

#content-container #sub-menu .bottom {
    background:             url('/media/images/submenu-bottom-bg.gif') no-repeat;
    height:                 3px;
    width:                  201px;
}

#content-container #content {
    float:                  left;
    width:                  675px;
}

/* Register Form */

#register-form {
    border:                 1px solid #ccf4ff;
    float:                  left;
    margin:                 19px 0 0 19px;
    padding:                15px;
    width:                  470px;
}

#register-form h2 {
    margin:                 0 0 10px 0;
}

#register-form label {
    clear:                  both;
    cursor:                 pointer;
    float:                  left;
    margin:                 17px 0 0 0;
    width:                  200px;
}

#register-form input.input-text {
    border:                 1px solid #cfcfcf;
    color:                  #55c6e7;
    float:                  left;
    font:                   11px Tahoma, Verdana, Sans-serif;
    height:                 14px;
    margin:                 13px 0 0 0;
    padding:                3px;
    width:                  262px;
}

#register-form input.input-text:focus {
    border:                 1px solid #50c2e5;
}

#register-form div.options {
    float:                  left;
    margin:                 13px 0 0 0;
    padding:                3px;
    width:                  262px;
}

#register-form div.options.usertype {
    background:             url('/media/images/usertype-bg-latest.gif') no-repeat -10px 5px;
    margin:                 0;
    padding:                13px 3px 3px 3px;
}

#register-form div.options.usertype br {
    clear:                  both;
    display:                block;
    font-size:              1px;
    height:                 1px;
    line-height:            0;
    overflow:               hidden;    
}

#register-form div.options.usertype input {
    margin-bottom:          20px;
}

#register-form div.options label {
    clear:                  none;
    margin:                 3px 0 0 5px;
    width:                  105px;
}

#register-form div.options.checkbox label {
    width:                  200px;
}

#register-form div.options input {
    float:                  left;
    margin-bottom:          14px;
}

#register-form .hr{
    clear:                  both;
    border-bottom:          1px solid #f3f3f3;
    height:                 1px;
    margin:                 0;
    padding:                0;
}

#register-form .submit {
    clear:                  both;
    padding:                15px 0 0 0;
    text-align:             right;
}

#register-form select {
    border:                 1px solid #cfcfcf;
    color:                  #55c6e7;
    font:                   11px Tahoma, Verdana, Sans-serif;
    float:                  left;
    height:                 21px;
    margin:                 13px 0 0 0;
    width:                  188px;
}

#register-form .important-info {
    clear:                  both;
    color:                  #42BFE4;
    padding:                6px 0 0;
}

#register-form .important-info a {
    color:                  #42BFE4;
}


/* Search Profiles Form */

#searchprofiles-form {
    border:                 1px solid #ccf4ff;
    float:                  left;
    margin:                 19px 0 0 19px;
    padding:                15px;
    width:                  470px;
}

#searchprofiles-form h2 {
    margin:                 0 0 10px 0;
}

#searchprofiles-form h3 {
    padding:                8px 0 8px 0;
    margin:                 0;
    font-size:              12px;
}

#searchprofiles-form label {
    clear:                  both;
    cursor:                 pointer;
    float:                  left;
    margin:                 17px 0 0 0;
    width:                  120px;
}

#searchprofiles-form input.input-text {
    border:                 1px solid #cfcfcf;
    color:                  #55c6e7;
    float:                  left;
    font:                   11px Tahoma, Verdana, Sans-serif;
    height:                 14px;
    margin:                 3px 0 0 0;
    padding:                3px;
    width:                  180px;
}

#searchprofiles-form input.input-text:focus {
    border:                 1px solid #50c2e5;
}

#searchprofiles-form .info {
    clear:                  both;
    float:                  left;
    margin:                 2px 0 0 120px;
    width:                  260px;
}

#searchprofiles-form div.options {
    float:                  left;
    margin:                 13px 0 0 0;
    padding:                3px;
    width:                  262px;
}

#searchprofiles-form div.options.usertype {
    background:             url('/media/images/usertype-bg-latest.gif') no-repeat -10px 5px;
    margin:                 0;
    padding:                13px 3px 13px 3px;
}

#searchprofiles-form div.options.usertype br {
    clear:                  both;
    display:                block;
    font-size:              1px;
    height:                 1px;
    line-height:            0;
    overflow:               hidden;    
}

#searchprofiles-form div.options.usertype input {
    margin-bottom:          20px;
}

#searchprofiles-form div.options label {
    clear:                  none;
    margin:                 3px 0 0 5px;
    width:                  105px;
}

#searchprofiles-form div.options.checkbox label {
    width:                  200px;
}

#searchprofiles-form div.options input {
    float:                  left;
    margin-bottom:          14px;
}


#searchprofiles-form div.advanced {
    float:                  left;
    margin:                 13px 0 0 0;
    padding:                3px;
    width:                  202px;
}

#searchprofiles-form div.advanced.usertype {
    background:             url('/media/images/usertype-bg-latest.gif') no-repeat -10px 5px;
    margin:                 0;
    padding:                13px 3px 3px 3px;
}

#searchprofiles-form div.advanced.usertype br {
    clear:                  both;
    display:                block;
    font-size:              1px;
    height:                 1px;
    line-height:            0;
    overflow:               hidden;    
}

#searchprofiles-form div.advanced.usertype input {
    margin-bottom:          20px;
}

#searchprofiles-form div.advanced label {
    clear:                  none;
    margin:                 3px 0 0 5px;
    width:                  40px;
}

#searchprofiles-form div.advanced.checkbox label {
    width:                  200px;
}

#searchprofiles-form div.advanced input {
    float:                  left;
    margin-bottom:          14px;
}

#searchprofiles-form .hr{
    clear:                  both;
    border-bottom:          1px solid #f3f3f3;
    height:                 1px;
    margin:                 0;
    padding:                0;
}

#searchprofiles-form .submit {
    clear:                  both;
    padding:                15px 0 0 0;
    text-align:             right;
}

#searchprofiles-form select {
    border:                 1px solid #cfcfcf;
    color:                  #55c6e7;
    font:                   11px Tahoma, Verdana, Sans-serif;
    float:                  left;
    height:                 21px;
    margin:                 13px 0 0 0;
    width:                  188px;
}





/* Edit Profile Form */

.main-form {
    border:                 1px solid #ccf4ff;
    float:                  left;
    margin:                 0;
    padding:                15px;
    width:                  300px;
}

.main-form.right {
    margin:                 0 0 0 16px;
}

.main-form.wide {
    clear:                  both;
    margin:                 16px 0 0 221px;
    width:                  646px;
}

.main-form.wide .column {
    float:                  left;
    width:                  315px;
}

.main-form.wide .column.right {
    margin-left:            16px;
}

#content-container .main-form h2 {
    margin:                 0 0 10px 0;
}

.main-form label {
    clear:                  both;
    cursor:                 pointer;
    float:                  left;
    margin:                 17px 0 0 0;
    width:                  112px;
}

.main-form input.input-text {
    border:                 1px solid #cfcfcf;
    color:                  #55c6e7;
    float:                  left;
    font:                   11px Tahoma, Verdana, Sans-serif;
    height:                 14px;
    margin:                 13px 0 0 0;
    padding:                3px;
    width:                  180px;
}

.main-form input.input-text:focus {
    border:                 1px solid #50c2e5;
}

.main-form textarea {
    border:                 1px solid #cfcfcf;
    color:                  #55c6e7;
    float:                  left;
    font:                   11px Tahoma, Verdana, Sans-serif;
    height:                 90px;
    margin:                 13px 0 0 0;
    padding:                3px;
    width:                  180px;
}

.main-form textarea.big
{
    width:                  200px;
}

.main-form select {
    border:                 1px solid #cfcfcf;
    color:                  #55c6e7;
    font:                   11px Tahoma, Verdana, Sans-serif;
    float:                  left;
    height:                 21px;
    margin:                 13px 0 0 0;
    width:                  188px;
}

.main-form select.big
{
    margin:                 13px 0 0 4px;
    width:                  210px;
}

.main-form div.options {
    float:                  left;
    margin:                 13px 0 0 0;
    padding:                3px;
    width:                  180px;
}

.main-form div.options.usertype {
    background:             url('/media/images/usertype-bg-latest2.gif') no-repeat -10px 4px;
    margin:                 0;
    padding:                3px;
}

.main-form div.options.usertype br {
    clear:                  both;
    display:                block;
    font-size:              1px;
    height:                 1px;
    line-height:            0;
    overflow:               hidden;    
}

.main-form div.options.usertype input {
    margin:                 12px 3px 0 0;
}

.main-form div.options.usertype label {
    margin:                 12px 0 0 5px;
}

.main-form div.options label {
    clear:                  none;
    margin:                 3px 0 0 5px;
    width:                  63px;
}

.main-form div.options.small label {
    clear:                  none;
    margin:                 3px 0 0 5px;
    width:                  48px;
}

.main-form div.options.big.medium {
    float:                  left;
    margin:                 15px 0 0 5px;
    padding:                0px;
    width:                  210px;
}

.main-form div.options.big {
    float:                  left;
    margin:                 6px 0 0 5px;
    padding:                0px;
    width:                  210px;
}

.main-form div.options.bigger {
    float:                  left;
    margin:                 6px 0 0 5px;
    padding:                0px;
    width:                  360px;
}

.main-form div.options.bigger label {
    clear:                  none;
    margin:                 3px 10px 0 5px;
    width:                  auto;
}

.main-form div.options.biggerHQ {
    float:                  left;
    margin:                 6px 0 0 5px;
    padding:                0px;
    width:                  310px;
}

.main-form div.options.biggerHQ label {
    clear:                  none;
    margin:                 3px 10px 0 5px;
    width:                  auto;
}

.main-form div.options.big label {
    clear:                  none;
    margin:                 3px 10px 0 5px;
    width:                  auto;
}

.main-form div.options.checkbox label {
    width:                  200px;
}

.main-form div.options input {
    float:                  left;
    height:                 16px;
    margin:                 3px 3px 0 0;
    padding:                0;
}

.main-form .hr {
    clear:                  both;
    border-bottom:          1px solid #f3f3f3;
    height:                 1px;
    margin:                 0;
    padding:                0;
}

.main-form .submit, .main-form-submit {
    clear:                  both;
    padding:                15px 0 0 0;
    text-align:             right;
}

/* Health Questionnaire */

.main-form label.health-quest {
    font-weight:            bold;
    width:                  415px;
    margin:                 17px 10px 0 0;
}

.main-form label.health-quest .example {
    font-weight:            normal;
}

.main-form label.health-quest-sub {
    font-weight:            bold;
    width:                  385px;
    margin:                 10px 20px 0 20px;
}

.main-form label.health-quest-sub.drug {
    width:                  250px;
    margin:                 10px 6px 0 20px;
}

.main-form label.health-quest-sub.genetic {
    width:                  300px;
    margin:                 10px 6px 0 20px;
}

.main-form label.health-quest-sub .example {
    font-weight:            normal;
}


/* Profile Search Results */

.results .profile {
    background:             #FFF url('/media/images/profile-result-bg.gif') repeat-x;
    border:                 1px solid #ccf4ff;
    float:                  left;
    height:                 269px;
    margin:                 0 7px 10px 0;
    padding:                8px;
    position:               relative;
    width:                  200px;
}

.results .profile .title {
    background:             #ddf6fe;
    cursor:                 pointer;
    display:                block;
    height:                 48px;
    overflow:               hidden;
    padding:                6px;
}

.results .profile .title img {
    border:                 1px solid #686868;
    float:                  left;
    margin:                 0 6px 0 0;
}

.results .profile .title h3 {
    color:                  #52c3e6;
    display:                inline;
    font:                   bold 12px/18px Tahoma, Sans-serif;
    margin:                 0;
    padding:                0;
}

.results .profile .title p {
    padding:                0;
}

.results .profile .details {
    background:             #ddf6fe;
    display:                block;
    height:                 107px;
    margin:                 6px 0 0 0;
    overflow:               hidden;
    padding:                6px;    
}

.results .profile .details .column {
    float:                  left;
    line-height:            15px;
    width:                  85px;
}

.results .profile .details .column.labels {
    color:                  #52c3e6;
    font-weight:            bold;
    width:                  103px;
}

.results .profile .link {
    background:             #ddf6fe;
    color:                  #959595;
    display:                block;
    font:                   11px/11px Tahoma, Sans-serif;
    height:                 12px;
    margin:                 6px 0 0 0;
    padding:                5px 6px 5px 32px;
    text-decoration:        none;
}

.results .profile a.link:hover {
    background-color:       #a6e0f2;
    background-position:    0 -22px;
    color:                  #29a0d2;
}

.results .profile .link.contact {
    background:             #ddf6fe url('/media/images/profile-result-link-contact.gif') no-repeat;
}

.results .profile .link.description {
    background:             #ddf6fe url('/media/images/about.png') 5px 3px no-repeat;
}

.results .profile .link.view-profile {
    background:             #ddf6fe url('/media/images/profile-result-link-viewprofile.gif') no-repeat;
}

.results .profile .link.member {
    background:             #ddf6fe url('/media/images/profile-result-link-member-full.gif') no-repeat;
}

.results .profile .link.favourite {
    background:             #ddf6fe url('/media/images/profile-result-link-member-full.gif') no-repeat;
}

/* User Profile */

#profile {
    border:                 1px solid #ccf4ff;
    float:                  left;
    margin:                 19px 0 0 0;
    padding:                15px;
    width:                  637px;
}

#profile #title {
    background:             #FFF url('/media/images/profile-title-bg.gif') repeat-x;
    border:                 1px solid #ccf4ff;
    padding:                5px 5px 4px 5px;
}

#profile #title a.fb-img {
    float:                  left;
    _position:               relative;
}

#profile #title img.profile-pic {
    border:                 1px solid #686868;
    margin:                 5px 10px 0 5px;
}

#profile #title a.fb-img {
    text-decoration:        none;
}

#profile #title a.fb-img span 
{
    background:             url('/media/images/btn_zoom.png') no-repeat;
    display:                inline-block;
    margin:                 5px 0 -2px 2px;
    font-size:              11px;
    height:                 18px;
    padding:                2px 0 0 23px;
    cursor:                 pointer;
}

#profile #title h2 {
    border-bottom:          0;
    font-size:              22px;
    line-height:            22px;
    margin:                 13px 0 0 0;
    padding:                0;
}

#profile #title p {
    font:                   bold 12px Tahoma, Sans-serif;
    padding:                10px 0 0 0;
}

#profile #title .contact {
    position:               absolute;
    left:                   440px;
    top:                    40px;
}

#profile #title .contact a {
    background:             url('/media/images/profile-contact-bg.png') no-repeat;
    display:                block;
    font:                   bold 12px/12px Tahoma, Sans-serif;
    height:                 17px;
    padding:                8px 0 0 35px;
    text-decoration:        none;
}

#profile #title .favourite {
    position:               absolute;
    left:                   440px;
    top:                    10px;   
}

#profile #title .favourite a {
    background:             url('/media/images/profile-favourite-bg.png') no-repeat;
    display:                block;
    font:                   bold 12px/12px Tahoma, Sans-serif;
    height:                 17px;
    padding:                8px 0 0 35px;
    text-decoration:        none;
    cursor:                 pointer;
    width:                  149px;
}

#profile #details {
    border:                 1px solid #ccf4ff;
    margin:                 15px 0 0 0;
    padding:                15px;
}

#profile #details .column {
    float:                  left;
    width:                  296px;
}

#profile #details .column.left {
    margin-right:           13px;
}

#profile #details .column .detail {
    background:             #ecf9fc;
    height:                 14px;
    margin:                 0 0 7px 0;
    padding:                4px 10px;
}

#profile #details .column .detail .label {
    color:                  #52c3e6;
    float:                  left;
    font-weight:            bold;
    width:                  155px;
}

#profile #details .hr {
    clear:                  both;
    border-bottom:          1px solid #f3f3f3;
    height:                 1px;
    margin:                 0 0 10px 0;
    padding:                10px 0 0 0;
}

#profile #details h3 {
    color:                  #42bfe3;
    font:                   20px/20px Trebuchet MS, Sans-serif;
    margin:                 0 0 10px 0;
    padding:                0;
}

#profile #details a.view-questionnaire {
    background:             url('/media/images/questionnaire-link-bg.gif') no-repeat;
    color:                  #42bfe3;
    display:                inline-block;
    font:                   20px/24px Trebuchet MS, Sans-serif;
    height:                 54px;
    padding:                8px 0 0 65px;
    text-decoration:        none;
}

#profile #details a.view-questionnaire:hover {
    color:                  #959595;
}

#basket {
    background:             #FFF url('/media/images/similar-profiles-bg.gif') repeat-x;
    border:                 1px solid #ccf4ff;
    float:                  left;
    margin:                 0px 0 0 19px;
    min-height:             100px;
    padding:                10px;
    width:                  191px;
}

#basket h2 {
    margin:                 0 0 0 0;
    padding:                0 0 10px;
}

#similar-profiles {
    background:             #FFF url('/media/images/similar-profiles-bg.gif') repeat-x;
    border:                 1px solid #ccf4ff;
    float:                  left;
    margin:                 0px 0 0 19px;
    min-height:             269px;
    padding:                10px;
    width:                  191px;
}

#similar-profiles h2 {
    border-bottom:          0;
    margin:                 0;
    padding:                0 0 10px;
}

#similar-profiles h3 {
    border-bottom:          0;
}

#similar-profiles .profile {
    border-top:             1px solid #d9f0f9;
    padding:                0 0 5px;
}

#similar-profiles .profile img {
    border:                 1px solid #686868;
    float:                  left;
    margin:                 6px 0 0 6px;
}

#similar-profiles .profile h3 {
    margin:                 8px 0 0 66px;
    padding:                0;
    color:                  #42BFE3;
    font:                   bold 12px Tahoma, Sans-serif;
    text-decoration:        none;
}

#similar-profiles .profile a {
    text-decoration:        none;
}

#similar-profiles .profile h3 a:hover {
    color:                  #959595;
}

#similar-profiles .profile p {
    margin:                 2px 0 0 66px;
    padding:                0;
}

/* My Profile - Messages */

.my-profile h3 {
    border-bottom:          1px solid #eeeeee;
    color:                  #42bfe3;
    font:                   17px/17px Tahoma, Sans-serif;
    margin:                 0 0 10px 0;
    padding:                0 0 10px 0;
}

.my-profile .messages-menu {
    background:             #FFF url('/media/images/messages-menu-bg.gif') repeat-x;
    border:                 1px solid #ccf4ff;
    float:                  left;
    width:                  131px;
}

.my-profile .messages-menu ul {
    list-style-type:        none;
    margin:                 0;
    padding:                0;
}

.my-profile .messages-menu ul li a {
    border-bottom:          1px solid #ccf4ff;
    color:                  #52c3e6;
    display:                block;
    font-weight:            bold;
    padding:                7px 10px;
    text-decoration:        none;
}

.my-profile .messages-menu ul li a:hover {
    color:                  #959595;
}

.my-profile .messages-menu ul li a.last {
    border-bottom:          0;
}

.my-profile .messages-menu ul li a small {
    color:                  #959595;
    font-weight:            normal;
    line-height:            14px;
}

.my-profile .messages-menu ul li a span {
    color:                  #959595;
}

.my-profile .messages-cnt {
    float:                  left;
    margin:                 0 0 0 10px;
    width:                  532px;
}

.my-profile .messages-cnt .title {
    padding:                6px 0;
}

.my-profile .messages-cnt .title h4 {
    color:                  #52c3e6;
    font:                   bold 12px/12px Tahoma, Sans-serif;
    float:                  left;
    margin:                 0;
    padding:                0;
}

.my-profile .messages-cnt .title h4 span {
    color:                  #959595;
    font:                   normal 11px Tahoma, Sans-serif;
}

.my-profile .messages-cnt .title span.total {
    color:                  #52c3e6;
    float:                  right;
    font:                   bold 12px/12px Tahoma, Sans-serif;
}

.my-profile .messages {
    background:             #FFF url('/media/images/messages-menu-bg.gif') repeat-x;
    border:                 1px solid #ccf4ff;
    margin:                 6px 0 0 0;
    padding:                4px;
    //display:              inline-block;
}

.my-profile .messages .header {
    background:             url('/media/images/messages-header-bg.gif') no-repeat;
    height:                 15px;
    margin:                 0 0 10px 0;
    padding:                7px 10px;
    width:                  502px;
}

.my-profile .messages .message {
    background-color:       #e3f8fe;
    height:                 56px;
    margin:                 0 0 1px 0;
    padding:                6px 10px 0 6px;
}

.my-profile .messages .message.odd {
    background-color:       #d7f6fe;
}

.my-profile .messages .unread {
    background:       transparent url('/media/images/message-unread-bg.png') 152px 0px no-repeat;
}

.my-profile .messages .column {
    float:                  left;
    font:                   12px Tahoma, Sans-serif;
    margin:                 0 10px 0 0;
}

.my-profile .messages .header .column {
    color:                  #FFF;
    font-weight:            bold;
}

.my-profile .messages .column img {
    margin:                 0 0 0 3px;
}

.my-profile .messages .column.subject {
    width:                  150px;
}

.my-profile .messages .message .column.subject {
    padding:                0 0 0 5px;
    width:                  145px;
}

.my-profile .messages .message .column.subject a,
.my-profile .messages .message .column.reciprocate-user a {
    text-decoration:        none;
}

.my-profile .messages .message.unread .column.subject a, .my-profile .messages .unread .column.date {
    color:                  #52c3e6;
    font-weight:            bold;
}

.my-profile .messages .column.reciprocate-user {
    width:                  160px;
}

.my-profile .messages .column.reciprocate-user .reciprocate-image {
    float:                  left;
    width:                  55px;
    margin:                 0;
    padding:                0;
}

.my-profile .messages .column.reciprocate-user .reciprocate-image img {
    float:                  left;
    margin:                 0;
    padding:                0;
}

.my-profile .messages .column.reciprocate-user .reciprocate-details {
    float:                  left;
    width:                  100px;
}

.my-profile .messages .column.date {
    width:                  110px;
}

.my-profile .messages .column.action {
    margin:                 0;
    width:                  45px;
}

.my-profile .messages .message .column.action {
    margin:                 0;
    width:                  30px;
}

.my-profile .messages .column.action input.action-delete {
    margin:                 1px 0 0 15px;
}

/* Messages - Viewing */

.my-profile .messages .action-buttons input {
    float:                  left;
    margin:                 0 5px 0 0;
}

.my-profile .messages .action-buttons input.reply {
    float:                  right;
    margin:                 0;
}

.my-profile .messages .message-labels {
    float:                  left;
    margin:                 6px 0 6px 6px;
    width:                  100px;
    _width:                 90px;
}

.my-profile .messages .message-threads {
    float:                  left;
    margin:                 6px 0 6px 0;
    width:                  410px;
}

.my-profile .messages .message-threads .header {
    background:             url('/media/images/messages-header-bg2.gif') no-repeat;
    color:                  #FFF;
    margin:                 5px 0 10px;
    width:                  390px;
}

.my-profile .messages .message-threads textarea.reply {
    border:                 1px solid #cfcfcf;
    color:                  #55c6e7;
    font:                   11px Tahoma, Verdana, Sans-serif;
    height:                 90px;
    margin:                 0 0 10px 0;
    padding:                3px;
    width:                  402px;
}

.my-profile .messages .message-threads textarea.create {
    border:                 1px solid #cfcfcf;
    color:                  #55c6e7;
    font:                   11px Tahoma, Verdana, Sans-serif;
    height:                 180px;
    margin:                 0 0 10px 0;
    padding:                3px;
    width:                  402px;
}

.my-profile .messages .message-threads input.create {
    border:                 1px solid #cfcfcf;
    color:                  #55c6e7;
    font:                   11px Tahoma, Verdana, Sans-serif;
    margin:                 0 0 5px 0;
    padding:                3px;
}

.my-profile .messages .message-threads select {
    border:                 1px solid #cfcfcf;
    color:                  #55c6e7;
    font:                   11px Tahoma, Verdana, Sans-serif;
    float:                  left;
    height:                 21px;
    margin:                 0 0 5px 0;
    width:                  308px;
}


/* Pagination */

.pagination .prev {
    float:                  left;
    margin-right:           20px;
}

.pagination .next {
    float:                  right;
    margin-left:            20px;
}

.pagination p {
    font-size:              0.6875em;
    margin:                 5px 110px;
    text-align:             center;
}

.pagination p.next {
    font-size:              0.6875em;
    margin:                 5px 10px 5px 20px !important;
    text-align:             right;
}

.pagination p.prev {
    font-size:              0.6875em;
    margin:                 5px 20px 5px 10px !important;
    text-align:             left;
}

.pagination p a:link, .pagination p a:visited {
    color:                  #9b9696;
    margin:                 0 1px;
    text-decoration:        underline;
}

.pagination p a:hover, .pagination p a:active {
    color:                  #9b9696;
    text-decoration:        none;
}

/* Footer */

#footer {
    border-top:             1px solid #cbcbcb;
    clear:                  both;
    margin:                 18px 0 0;
    padding:                15px 0 0;
}

#footer p.footer-menu {
    float:                  left;
    padding:                0;   
}

#footer p.footer-menu a {
    color:                  #a1a1a1;
    text-decoration:        none;
}

#footer p.footer-menu a:hover {
    text-decoration:        underline;
}

#footer .copyright {
    float:                  right;
    padding:                0 0 15px 0;
}

#footer .copyright a {
    color:                  #42bfe4;
}


.error-message-box
{
    margin:                 5px 0px 5px 0px;
    border:                 2px solid #F8BCC8;
    background:             #F9DCE0;
    padding:                19px;
    font-size:              100%;
    line-height:            normal;
}

.error-message-box p
{
    padding:                0 0 2px 0;
    margin:                 0;
    color:                  #777;
    background:             transparent none 0 0 no-repeat;
    line-height:            normal;
}

/* Modal Popup */

#modalPopup {
    border:                 1px solid #d8d8d8;
    margin:                 0;
    padding:                0;
}

#modalPopup a.modal-close {
	position:               absolute;
	right:                  -15px;
	top: 	                -15px;
	text-indent:            -9999em;
	width:                  30px;
	height:                 30px;
	display:                block;
	background:             url('/media/images/close.png') no-repeat;
	outline:                none!important;
	cursor:                 pointer;
}

.modalPopup {
    margin:                 0 10px;
    width:                  470px;
}

#verification .verify-login {
    clear:                  both;
    float:                  left;
    margin:                 15px 0 0 0;
}

#verification .verify-login .row {
    clear:                  both;
    float:                  left;
    padding-bottom:         2px;
    width:                  335px;
}

#verification .verify-login .row label {
    color:                  #55c6e7;
    cursor:                 pointer;
    float:                  left;
    height:                 14px;
    width:                  120px;
    padding:                3px 0;
    margin:                 3px 0 0 0;
}

#verification .verify-login .row input.unmasked {
    display:                none;
}

#verification .verify-login .row input.input-text {
    border:                 1px solid #cfcfcf;
    color:                  #55c6e7;
    float:                  left;
    font:                   11px Tahoma, Verdana, Sans-serif;
    height:                 14px;
    margin:                 3px 4px 0 0;
    padding:                3px;
    width:                  200px;
}

#verification .verify-login .row a.forgot-password {
    clear:                  both;
    float:                  left;
    color:                  #55c6e7;
    font-size:              10px;
    margin:                 2px 0 0 120px;
    text-decoration:        none;
    width:                  150px;
}

#verification .verify-login .row a.forgot-password:hover {
    text-decoration:        underline;
}

#verification .verify-login .row .login 
{
    margin:                 5px 8px 0 0;
    float:                  right;
}