html * { padding: 0; margin: 0; }
@media screen {
body { color:#333; font-family: 'Open Sans'; font-size: 100%; padding-top:5px; background-color:#fff; }
}
@media print {
body { color:#333; font-family: 'Open Sans'; font-size: 100%; background-color: #fff; }
}
#PageWIDTH { clear:both; width:1080px; margin:0px auto; }
p { margin-top: 0em; margin-bottom: 0em; padding-top: 8px; padding-bottom: 8px; }
a { outline: 0; text-decoration: none; }
a:link, a:visited, a:active { color: #93278F; text-decoration: none; }
a:hover { color: #999; text-decoration: none; }
hr { color: #CECECE; background-color: #CECECE; height: 1px; border:none; }
#Admin_hr100 { clear:both; width:100%; padding:10px 0 10px 0; }
h1 { clear:left; color: #772777; font-size: 130%; padding: 8px 0 12px 0; margin: 0; }
h2 { clear:left; color: #772777; font-size: 110%; padding: 8px 0 12px 0; margin: 0; }
ul { margin: 6px 0px; padding: 0px 14px; }
ul li { list-style:none; background: url(/images/Bullet.png) no-repeat 0px 4px; padding: 2px 0px 4px 35px; }
ol li { padding: 4px 0 4px 15px; margin-left:15px; }
input, textarea, select, button { font-family:inherit; font-size: 100%; }
input, textarea { border: solid 1px #ccc; }
textarea { width: 100% !important; }
.DataValid { color: #333; background-color:#fff; border: 1px solid #7F9DB9; padding-top:2px; padding-bottom:2px; }
.DataInvalid { color: #ff0; background-color:#e5c7eb; border: 1px solid #7F9DB9; padding-top:2px; padding-bottom:2px; }
.help-block { color: #f00; padding: 4px 0 8px 0; }
/* Buttons */
.Button_P, .Button_B, .Button_Gr, .Button_G, .Button_R, .Button_O
{ padding: 3px 8px !important; border: 0 none !important; cursor: pointer;
-webkit-border-radius: 10px !important; border-radius: 10px !important; margin-top:-1px !important; } /* padding: 5px 12px */
.Button_P { color: #fff !important; background: #772777; }
.Button_P:hover { color: #fff !important; background: #666; }
.Button_B { color: #fff !important; background: #344ca0; }
.Button_B:hover { color: #fff !important; background: #666; }
.Button_Gr { color: #fff !important; background: #999; }
.Button_Gr:hover { color: #fff !important; background: #666; }
.Button_G { color: #fff !important; background: #006e3a; }
.Button_G:hover { color: #fff !important; background: #666; }
.Button_R { color: #fff !important; background: #ba1f2c; }
.Button_R:hover { color: #fff !important; background: #666; }
.Button_O { color: #fff !important; background: #F60; }
.Button_O:hover { color: #fff !important; background: #666; }
.CallToActionGREY { font-size: 125%; color:#6D6E71; padding:5px 0px 7px 0px; }
.CallToActionGREY a:link { color: #93278F; text-decoration: none; }
.CallToActionGREY a:visited { color: #93278F; text-decoration: none; }
.CallToActionGREY a:hover { color: #cccccc; text-decoration: none; }
.CallToActionGREY a:active { color: #93278F; text-decoration: none; }
.Header { font-size: 130%; padding-top: 8px; padding-bottom: 8px; }
.Header { color: #93278F; }
.Header a:link { color: #93278F; text-decoration: none; }
.Header a:visited { color: #93278F; text-decoration: none; }
.Header a:hover { color: #999999; text-decoration: none; }
.Header a:active { color: #93278F; text-decoration: none; }
.Quote { font-size: 130%; color: #666; padding-top: 8px; padding-bottom: 8px; }
textarea { padding-top: 0px; padding-bottom: 0px; }
.HIGHLIGHT, .HIGHLIGHT a:link, .HIGHLIGHT a:visited,.HIGHLIGHT a:active
{ color: #93278F; text-decoration: none; }
.HIGHLIGHT a:hover { color: #999999; text-decoration: none; }
.Red, .Red a:link, .Red a:visited,.Red a:active
{ color: #C1272D; text-decoration: none; }
.Red a:hover { color: #999999; text-decoration: none; }
.Green, .Green a:link, .Green a:visited,.Green a:active
{ color: #18a122; text-decoration: none; }
.Green a:hover { color: #999999; text-decoration: none; }
.White, .White a:link, .White a:visited,.White a:active
{ color: #fff; text-decoration: none; }
.White a:hover { color: #999999; text-decoration: none; }
.Grey, .Grey a:link, .Grey a:visited,.Grey a:active
{ color: #999; text-decoration: none; }
.Grey a:hover { color: #ccc; text-decoration: none; }
.HeaderLINKS { color: #fff; padding-top: 4px; padding-bottom: 4px; /**text-transform: uppercase;**/ }
.HeaderLINKS a:link { color: #fff; text-decoration: none; }
.HeaderLINKS a:visited { color: #fff; text-decoration: none; }
.HeaderLINKS a:hover { color: #932A8F; text-decoration: none; }
.HeaderLINKS a:active { color: #fff; text-decoration: none; }
/* Layout */
#HeaderFW { clear:both; width:100%; background-color: #fff; }
#HeaderCONTENT { clear:both; width:1080px; background-color:#FFFFFF; margin:5px auto; }
#MenuBAR { clear:both; width:100%; height:30px; background-color: #333; border-bottom: solid 3px #932A8E; }
#HeaderCONTENT_R { float:right; width:500px; text-align:right; }
#HeaderCONTENT_R1 { padding:20px 5px 0px 0px; }
#HeaderCART { float:right; }
#HeaderCONTENT_R2 { padding:5px 10px 0px 0px; }
#SearchINPUT { width:100%; height:24px; margin-top:4px; margin-left:5px; }
#HeaderMBL { display:none; }
#Mobile_HEADER { clear:both; width:100%; background-color:#fff; border-bottom:solid 1px #CECECE; }
#Mobile_LOGO { float:left; padding:13px 0 0 10px; }
#Mobile_ICONS { float:right; padding:18px 10px 0 10px; }
#MobileMenu_T1 { background-color:#772776; font-size: 14px; font-style: normal; line-height: normal; font-variant: normal; text-transform: none; text-align:left; }
#MobileMenu_T1 a { color: #fff; text-decoration: none; outline: 0; }
#MobileMenu_T1 a:link { color: #fff; text-decoration: none; }
#MobileMenu_T1 a:visited { color: #fff; text-decoration: none; }
#MobileMenu_T1 a:hover { color: #999; text-decoration: none; }
#MobileMenu_T1 a:active { color: #fff; text-decoration: none; }
#MobileMenu_T1 p { text-align:left; padding:8px 0 8px 40px; }
#MobileMenu_T1_CONTAINER { border-bottom: solid 1px #D1D2D4; overflow: hidden; text-decoration: none; }
#MobileMenu_T2 { background-color: #666; font-size: 14px; font-style: normal; line-height: normal; font-variant: normal; text-transform: none; text-align:left; }
#MobileMenu_T2 a { color: #fff; text-decoration: none; outline: 0; }
#MobileMenu_T2 a:link { color: #fff; text-decoration: none; }
#MobileMenu_T2 a:visited { color: #fff; text-decoration: none; }
#MobileMenu_T2 a:hover { color: #999; text-decoration: none; }
#MobileMenu_T2 a:active { color: #ff; text-decoration: none; }
#MobileMenu_T2 p { text-align:left; padding-left:40px; }
#MobileMenu_T2_CONTAINER { border-bottom: solid 1px #D1D2D4; overflow: hidden; text-decoration: none; }
#MAIN { clear:both; width:100%; background-color:#fff; margin:0px auto; text-align:left; }
#MAIN_Content_1 { clear:both; width:1080px;background-color:#fff; padding:10px 10px 10px 10px; margin: 0 auto;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#Footer { clear:both; width:100%; background-color:#313131; font-size: 80%; border-bottom: solid 3px #932A8E; }
#FooterSECTION_1 { clear:both; width:1080px; padding-top:10px; margin:0px auto; background-color:#313131; }
#FooterSECTION_1_C1 { float:left; width:33%; }
#FooterSECTION_1_C2 { float:left; width:25%; }
#FooterSECTION_1_C3 { float:right; width:40%; }
#FooterSECTION_2 { clear:both; width:1080px; margin:0px auto; }
#FooterSECTION_2_L { float:left; width:60%; }
#FooterSECTION_2_L P { padding:8px 0 0 0; }
#FooterSECTION_2_R { float:right; width:40%; }
#FooterSECTION_2_R P { padding:8px 0 0 0; }
/* Home */
#Carousel_CONTAINER { float:right; padding:0px 20px 20px 20px; }
#FacebookFEED { clear:right; float:right; width:300px; padding:0px 20px 20px 40px; }
/* Volunteer as a Befriendee */
#VolunteerBEFRIENDER_Intro_L { float:left; width:70%; padding: 8px 0; }
#VolunteerBEFRIENDER_Intro_R { float:right; width:30%; text-align:right; padding: 8px 0; }
#VolunteerBEFRIENDER_C1 { clear:left; float:left; width:25%; padding-top:8px; }
#VolunteerBEFRIENDER_C1_SPACER { clear:left; float:left; width:25%; padding-top:8px; }
#VolunteerBEFRIENDER_C2 { float:left; width:75%; padding-top:8px; }
#VolunteerBEFRIENDER_C21 { clear:left; float:left; width:45%; padding-top:8px; }
#VolunteerBEFRIENDER_C21_SPACER { clear:left; float:left; width:45%; padding-top:8px; }
#VolunteerBEFRIENDER_C22 { float:left; width:55%; padding-top:8px; }
/* Request a Visit */
#RequestVISIT_Intro_L { float:left; width:70%; padding: 8px 0; }
#RequestVISIT_Intro_R { float:right; width:30%; text-align:right; padding: 8px 0; }
#RequestVISIT_C1 { clear:left; float:left; width:25%; padding-top:8px; }
#RequestVISIT_C1_SPACER { clear:left; float:left; width:25%; padding-top:8px; }
#RequestVISIT_C2 { float:left; width:75%; padding-top:8px; }
#RequestVISIT_C21 { clear:left; float:left; width:45%; padding-top:8px; }
#RequestVISIT_C21_SPACER { clear:left; float:left; width:45%; padding-top:8px; }
#RequestVISIT_C22 { float:left; width:55%; padding-top:8px; }
/* Main */
#Main_LHC { float:left; width:21%; }
#Main_RHC { float:right; width:77%; }
/* Befrienders */
#BefrienderFORM_C1 { clear:left; float:left; width:25%; padding-top:8px; }
#BefrienderFORM_C1_SPACER { clear:left; float:left; width:25%; padding-top:8px; }
#BefrienderFORM_C2 { float:left; width:75%; padding-top:8px; }
#Befriender_DOWNLOADS { clear:left; width:100%; padding-top:15px; }
#Befriender_DOWNLOADS_C1 { float:left; width:15%; }
#Befriender_DOWNLOADS_C2 { float:left; width:30%; padding-top:10px; }
#Befriender_DOWNLOADS_C3 { float:left; width:55%; padding-top:10px; }
#Befriender_ACTIONS_C1 { clear:left; float:left; width:35%; padding-top:8px; }
#Befriender_ACTIONS_C2 { float:left; width:65%; padding-top:8px; }
#Befriender_DETAILS_C1 { clear:left; float:left; width:20%; padding-top:8px; }
#Befriender_DETAILS_C2 { float:left; width:80%; padding-top:8px; }
#Befriender_MATCHES_C1 { clear:left; float:left; width:25%; padding-top:8px; }
#Befriender_MATCHES_C2 { float:left; width:60%; padding-top:8px; }
#Befriender_MATCHES_C3 { float:right; width:15%; text-align:right; padding-top:6px; }
#Befriender_VISITS_Selected { float:left; padding-top:8px; }
#Befriender_VISITS_VV { float:right; padding-top:8px; padding-right:8px; }
#Befriender_VISITS_AV { float:right; padding-top:8px; }
#Befriender_VISITS_C1 { clear:left; float:left; width:25%; padding:8px 0 ; }
#Befriender_VISITS_C2 { float:left; width:25%; padding:8px 0 ; }
#Befriender_VISITS_C3 { float:left; width:18%; padding:8px 0 ; }
#Befriender_VISITS_V { float:right; padding-top:8px; padding-right:8px; }
#Befriender_VISITS_D { float:right; padding-top:8px; }
/* Contact */
#Contact_COMPANY { font-size: 104%; padding-top:8px; margin-left:10%; }
#Contact_DETAILS { padding-top:8px; margin-left:10%; }
#Contact_L { float:left; width:60%; }
#Contact_C1 { clear:left; float:left; width:18%; padding-top:8px; }
#Contact_C1_SPACER { clear:left; float:left; width:18%; padding-top:8px; }
#Contact_C2 { float:left; width:40%; padding-top:8px; }
/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) {
/* your css goes here */
}
/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {
/* your css goes here */
}
/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
/* your css goes here */
#PageWIDTH { clear:both; width:100%; margin:0px auto; }
#MAIN_Content_1 { clear:both; float:none; width:100%; margin: 0 auto; }
}
/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
/* your css goes here */
#PageWIDTH { clear:both; width:100%; margin:0px auto; }
#MAIN_Content_1 { clear:both; float:none; width:100%; margin: 0 auto; }
}
/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
/* Styles for Landscape screen */
#PageWIDTH { clear:both; width:100%; margin:0px auto; }
#HeaderFW { display:none; }
#HeaderMBL { display:block; }
#MAIN { clear:both; float:none; width:100%; margin: 0 auto; }
#MAIN_Content_1 { clear:both; float:none; width:100%; margin: 0 auto; }
#FooterSECTION_1 { clear:both; float:none; width:100%; margin: 0 auto; }
#FooterSECTION_1_C1 { clear:both; float:none; width:100%; margin: 0 auto; }
#FooterSECTION_1_C2 { clear:both; float:none; width:100%; margin: 0 auto; }
#FooterSECTION_1_C3 { clear:both; float:none; width:100%; margin: 0 auto; }
#FooterSECTION_2 { clear:both; float:none; width:100%; margin: 0 auto; }
#FooterSECTION_2_L { clear:both; float:none; width:100%; margin: 0 auto; }
#FooterSECTION_2_R { clear:both; float:none; width:100%; margin: 0 auto; }
input, textarea { width: 95% !important; }
/* Main */
#Main_LHC { display:none; }
#Main_RHC { clear:both; float:none; width:100%; margin: 0 auto; }
}
/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
/* Styles for portrait screen */
#PageWIDTH { clear:both; width:100%; margin:0px auto; }
#HeaderFW { display:none; }
#HeaderMBL { display:block; }
#MAIN { clear:both; float:none; width:100%; margin: 0 auto; }
#MAIN_Content_1 { clear:both; float:none; width:100%; margin: 0 auto; }
#FooterSECTION_1 { clear:both; float:none; width:100%; margin: 0 auto; }
#FooterSECTION_1_C1 { clear:both; float:none; width:100%; margin: 0 auto; }
#FooterSECTION_1_C2 { clear:both; float:none; width:100%; margin: 0 auto; }
#FooterSECTION_1_C3 { clear:both; float:none; width:100%; margin: 0 auto; }
#FooterSECTION_2 { clear:both; float:none; width:100%; margin: 0 auto; }
#FooterSECTION_2_L { clear:both; float:none; width:100%; margin: 0 auto; }
#FooterSECTION_2_R { clear:both; float:none; width:100%; margin: 0 auto; }
input, textarea { width: 95% !important; }
/* Home */
#Carousel_CONTAINER { float:none; padding:10px; margin:0 auto; }
#FacebookFEED { float:none; width:100%; padding:0px 20px 20px 20px; }
/* Volunteer as a Befriender */
#VolunteerBEFRIENDER_Intro_L { clear:both; float:none; width:100%; margin: 0 auto; }
#VolunteerBEFRIENDER_Intro_R { clear:both; float:none; width:100%; margin: 0 auto; }
#VolunteerBEFRIENDER_C1 { clear:both; float:none; width:100%; margin: 0 auto; }
#VolunteerBEFRIENDER_C1_SPACER { display:none; }
#VolunteerBEFRIENDER_C2 { clear:both; float:none; width:100%; margin: 0 auto; }
#VolunteerBEFRIENDER_C21 { clear:both; float:none; width:100%; margin: 0 auto; }
#VolunteerBEFRIENDER_C21_SPACER { display:none; }
#VolunteerBEFRIENDER_C22 { clear:both; float:none; width:100%; margin: 0 auto; }
/* Request a Visit */
#RequestVISIT_Intro_L { clear:both; float:none; width:100%; margin: 0 auto; }
#RequestVISIT_Intro_R { clear:both; float:none; width:100%; margin: 0 auto; }
#RequestVISIT_C1 { clear:both; float:none; width:100%; margin: 0 auto; }
#RequestVISIT_C1_SPACER { display:none; }
#RequestVISIT_C2 { clear:both; float:none; width:100%; margin: 0 auto; }
#RequestVISIT_C21 { clear:both; float:none; width:100%; margin: 0 auto; }
#RequestVISIT_C21_SPACER { display:none; }
#RequestVISIT_C22 { clear:both; float:none; width:100%; margin: 0 auto; }
/* Main */
#Main_LHC { display:none; }
#Main_RHC { clear:both; float:none; width:100%; margin: 0 auto; }
/* Befrienders */
#BefrienderFORM_C1 { clear:left; float:left; width:25%; padding-top:8px; }
#BefrienderFORM_C1_SPACER { clear:left; float:left; width:25%; padding-top:8px; }
#BefrienderFORM_C2 { float:left; width:75%; padding-top:8px; }
#Befriender_DOWNLOADS { clear:left; width:100%; padding-top:15px; }
#Befriender_DOWNLOADS_C1 { float:left; width:18%; }
#Befriender_DOWNLOADS_C2 { float:left; width:32%; padding-top:10px; }
#Befriender_DOWNLOADS_C3 { float:left; width:50%; padding-top:10px; }
#Befriender_ACTIONS_C1 { clear:both; float:none; width:100%; margin: 0 auto; }
#Befriender_ACTIONS_C2 { display:none; }
#Befriender_DETAILS_C1 { display:none; }
#Befriender_DETAILS_C2 { clear:both; float:none; width:100%; margin: 0 auto; }
#Befriender_MATCHES_C1 { clear:left; float:left; width:30%; padding-top:8px; }
#Befriender_MATCHES_C2 { float:left; width:45%; padding-top:8px; }
#Befriender_MATCHES_C3 { float:right; width:25%; text-align:right; padding-top:6px; }
#Befriender_VISITS_Selected { clear:left; width:100%; padding-top:15px; }
#Befriender_VISITS_VV { float:left; padding-top:8px; padding-right:8px; }
#Befriender_VISITS_AV { float:left; padding-top:8px; }
#Befriender_VISITS_C1 { clear:both; float:left; width:30%; padding:8px 0 ; }
#Befriender_VISITS_C2 { float:left; width:17%; padding:8px 0 ; }
#Befriender_VISITS_C3 { display:none; }
#Befriender_VISITS_V { float:right; padding-top:8px; padding-right:8px; }
#Befriender_VISITS_D { float:right; padding-top:8px; }
/* Contact */
#Contact_L { clear:both; float:none; width:100%; margin: 0 auto; }
#Contact_C1 { clear:both; float:none; width:100%; margin: 0 auto; }
#Contact_C1_SPACER { display:none; }
#Contact_C2 { clear:both; float:none; width:100%; margin: 0 auto; }
}