﻿body { font-family: Arial , sans-serif;font-size: 14px;background: #EFEFEF;padding: 0; }
.m_box {background-color: #fff; border-top-left-radius: 7px; border-top-right-radius: 7px; box-shadow: 0 0 20px 3px #D3D3D3;}
a { color: #8c8c8c;outline: none;text-decoration: none; }
a:hover { text-decoration: none; } 

.clear { clear: both; }
.centered, .align-center { text-align: center; }
.align-right { text-align: right; }
.left { float: left; }
.right { float: right; }
.hide { display: none; }

h1, h2, h3 { color: #447fe1;font-weight: bold;line-height: 1em;padding: 0; }
h1 { font-size: 36px; }
h2 { font-size: 28px;margin-bottom: 20px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h5{ color: #447fe1;font-weight: bold;line-height: 1em;padding: 0;}
h6 { font-size: 14px; }
h6{ color: #447fe1;font-weight: bold;line-height: 1em;padding: 0;}

/* design  settings */
.headColor {  }
.header { position: relative;height: 107px; }
a#Logo { text-indent: -9999px;background: url(images/logo.png) no-repeat;width: 245px;height: 85px;float: left;margin-top: 20px; }
.header .subLinks { width: 400px;height: 40px;float: right; }
.header .subLinks a { height: 33px;background: #46bcf2; float: right;font-size: 16px;line-height: 20px;color: #FFF;padding: 7px 20px 0px; border-bottom-left-radius: 10px; }
.header .subLinks a:first-child { background: #e35756; border-bottom-left-radius: 0px; border-bottom-right-radius: 10px; }
.header .subLinks a:hover { color: #000; }
.nav { background: url(images/navBg.png) repeat-x; height: 42px; border-top-left-radius: 7px; border-top-right-radius: 7px;}
.nav .red a {color:#D24543;}

.footerLinks { background: #315ba0; }
.footerLinks .col { padding: 38px 0 20px; }
.footerLinks h2 { color: #FFFFFF;font-size: 22px;font-weight: 400;line-height: 24px;padding: 0 0 12px; text-align:center;}
.footerLinks p { color: #C3DFF1;font-size: 14px;line-height: 18px;padding: 0 0 15px;text-align: center; }
.footerLinks .socialLinks { height: 48px;margin: 15px 0 0 0; width:240px; margin:0 auto; }
.footerLinks .socialLinks a { float: none;width: 240px;height: 48px;display: block;text-indent: -9999px;margin: 0px 12px 0px 0px;transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }
.footerLinks .socialLinks a:hover { opacity: 0.4; }
.footerLinks .socialLinks a.in { background: url(images/in.png) bottom center no-repeat; }
.footerLinks .socialLinks a.tw { background: url(images/tw.png) bottom center no-repeat; }
.footerLinks .socialLinks a.fb { background: url(images/fbShare.png) bottom center no-repeat; }

.footer { background: none repeat scroll 0 0 #2F3845;height: 98px; }
.footer aside p { font-size: 14px;line-height: 18px;color: #c1c1c1;padding: 36px 0px 0px 0px;text-align: center; }

.pageTitle {height: 90px; background: #315BA0; /*url(images/title_bgl.png) repeat-x scroll left top;*/}
.pageTitle .span_12 {height: 90px;}
.pageTitle h1 {color: #fff; padding-top: 26px; font-weight:bold; font-size: 32px; text-align:center;}

.contentP {padding: 25px 0;}
.content {padding-left: 30px; padding-top:20px;}

.blue {color: #447fe1;}
.green {color: #60a96a;}
.red {color: #d24543;}
.ipad-red {background-color: #d24543; border-radius: 10px; color: #fff;}

.grey_box {border-radius: 10px; border: 4px solid #ccc; padding: 20px; margin-bottom: 20px; background-color: #F2F5F7; color:#666; height: 150px;}
.grey_box h4 {color: #447fe1; margin-bottom: 10px; font-size: 16px;}
.grey_box p {margin-bottom: 10px;}
.grey_box p.bigtext {font-weight:bold;}

ul.ul_c {padding-left: 10px;}
ul.ul_c > li { padding-bottom: 15px;}
ul.ul_c > li:before{ content:"-"; position:relative; left:-5px;}
ul.ul_c > li{ text-indent:-5px; }


/* Login */
.contentL {padding: 25px 0; font-size: 14px;}
.logPadding {padding: 0 50px;}
.Login { background: #b5d9f2 url("images/login_bg.png") repeat-x scroll left top; border-radius: 5px; padding: 35px;}
.Login h2 {text-align:center; }

.Register h2 {color:#F4AD21; font-size: 24px;}
/* END Login */


/* Home page */
.contentHome {}

/***************** Banner *******************/
.slideshow img {width: 100%;}
.Wrapslider { margin-top:10px; }
.Wrapslider h2 { font-size:30px; line-height:30px; font-weight:400;  text-align:center; padding:20px 0 0 0; color: #4AB9EA}
.Wrapslider p { font-size:15px; line-height:20px; color:#3D3D3D; padding-bottom: 16px; text-align:center;}

.Wrapslider a{ padding: 5px 50px; font-weight:bold; }


.testimonial{ margin-top: 20px; padding: 0 40px; }
.testimonial > div img{ width:76px; height:76px; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }
.testimonial > div:hover img{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); }
.testimonial .teName { margin-bottom: 20px; position:relative; text-align:center;}
.testimonial .teName span {position:relative; top:-33px; margin-left: 10px; color: #999; font-weight:bold; font-size: 15px;}

.goal img {border-radius: 10px; width: 100%;}
.grey_line {border-top:1px solid #ccc; margin: 20px auto; height:1px;}


.learnHow{ margin:0 auto; padding:20px 0px; }
.learnHow p{ font-size:36px; line-height:38px; color:#FEDBA3; text-align:left; font-family: 'Pacifico', cursive; }
.learnHow p a{ background: #f4ad21 url(images/goldBtnBg.png); border: none; cursor: pointer; color:#000; font-size:20px; line-height:26px; font-family: 'Lato', sans-serif; display:inline-block; height:30px; padding: 5px 38px 0px; margin:0px 0px 0px 12px; 
-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; 
transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }
.learnHow p a:hover{ background: #f4ad21; color:#000; }
.learnHow p > span { font-size:36px; line-height:38px; color:#5091e4; float:right; }
.learnHow p > span > span{ font-family: 'Lato', sans-seri; font-size:26px; line-height:32px; padding:5px 0 0 15px; }

.readyHome {border-radius: 10px; background: #F2F5F7;  padding: 27px 40px; height: 160px; overflow:hidden;}
.readyHome p {text-align:center; color: #3D3D3D; font-size: 16px;} 
.ready a {text-align:center; color: #000; font-size: 16px;} 
.readyHome h3 {color: #3D3D3D; text-align:center; font-size: 30px;}
.readyHome1 {margin-top: 10px; background: #F2F5F7;}

.ready {border-radius: 5px; background: #f1f9ff;  padding: 30px 20px; margin-top: 30px; }
.ready p, .ready a {text-align:center; color: #000;} 
.ready h3 {color: #000; text-align:center;}

.tab {width:100%; height:340px; padding:0px 20px; float:left; position:relative; }
.tab h2 { 
    font-size:29px; line-height:34px; font-weight:400; color:#000; margin:0 0 0px 0; padding:0px 0px 0px 0px; text-align:left; font-family: 'Pacifico', cursive;  }

.MainWrap {height: 230px;margin: 25px 0 0;position: relative; }
.MainWrap div {position: absolute; }
.MainWrap div p {color: #FFFFFF;font-size: 13px !important;line-height: 18px !important;padding: 0 15px 0 0; }
.MainWrap div p.head {color: #FFFFFF;font-size: 15px !important;font-weight: bold;line-height: 18px !important;padding: 0 15px 0 0; }
.MainWrap div > p > img {vertical-align: text-bottom; margin-right: 10px;}
.sponsors {margin-top: 20px; }
.sponsors ul > li {text-align:center; width: 100%;}
.sponsors img { width: 22%; margin: 0 1%; border-radius: 8px; border:1px solid #ccc;} 
.sponsors img:hover {opacity: 0.7;} 
/*END HOME*/

/* Contact US page*/
.contact {margin-bottom: 30px;}
.contact div.text {color: #666;}
.contact div.text h4 {color: #666; padding: 5px 0;}
/* END Contact US page*/

/* Campaign pages */
.campaign-item {background-color:#f1f1f1; border:1px solid #ccc; border-radius: 5px; margin-top: 20px; padding: 10px;}

.c_details_l {background-color:#f2f5f7; border-radius: 8px; padding: 30px; margin-bottom: 6px;}
.c_details_r .slideshow > img { border-radius: 10px; width: 100%;}
    
.c_total h2 {margin-top: 25px; margin-bottom: 10px; border-bottom: 1px solid #ccc;}
.c_total h2 > span {color: #ccc; font-size: 15px;}
.c_total h4 {border-bottom: 1px solid #ccc; margin-bottom: 10px;}

.c_details_l .scroll {height: 300px; overflow:auto;}
.c_details_l .scroll .row {margin-bottom: 10px;}

.c_details_r #tabs { margin-top: 20px;}
.c_details_r #tabs .tabspace {min-height:365px; background: #F2F5F7; padding: 30px; width: 100%; border-radius: 5px;}
.c_details_r #tabs ul {background: #ffffff; height: 40px;}
.c_details_r #tabs ul > li {float:left; height: 40px; padding-right:25px; background:transparent url(images/ctab_bg.png) no-repeat right top; margin-right: -10px; position:relative; z-index: 1;}
.c_details_r #tabs ul > li > a { font-size: 15px; font-weight: bold; color: #447fe1; background-color: #ccdbf3; display:block; height: 40px; border-top-left-radius: 5px; padding: 10px 20px;}
.c_details_r #tabs ul > li > a > img {vertical-align:baseline;}

.c_details_r #tabs ul > li.ui-state-active {background:transparent url(images/ctab_a_bg.png) no-repeat right top; z-index: 100;}
.c_details_r #tabs ul > li.ui-state-active > a { color: #fff; background-color: #447fe1; }
.c_details_r .team { height: 233px; }
.c_details_r .team .row {margin: 10px 10px 10px 0;}

.cmp_details img {border-radius: 8px;}
.donation {background-color: #447fe1;  padding: 8px 10px; border-radius: 5px; font-weight:bold; text-align:center;}
.donation > a {color: #fff;}
.sharefamily {background-color: #5BB75B;  padding: 8px 10px; border-radius: 5px; font-weight:bold; text-align:center;}
.sharefamily > a {color: #fff;}
.teamMember {border-bottom: 1px solid #ccc; padding: 5px 0;}
.teamMember:last-child {border-bottom:none;}

.donate_gold {text-align:center;background-color: #ffc90e; border-radius: 10px; padding: 25px 40px; display:inline-block; font-weight:bold; margin: 5px 0; font-size: 16px; color: black;text-align:center; }
.donate_gold a:hover {background-color: #e59703;}
.donate_gold > a {color: #333; }

.don_amount {font-size: 18px;}
.don_amount > span, .don_amount > div {float: left; margin-right: 20px; height: 34px;}
/* END Campaign pages */

/* Left Menu */
.submenu {border-radius: 4px; background-color: #447fe1; padding: 15px 30px;}
.submenu ul li {padding: 3px 0;}
.submenu ul li a {color: #fff; font-size: 16px;}
.submenu ul li ul {padding-left: 20px;}
.start_banner {border-radius: 4px; background-color: #ee6665; padding: 15px; margin-top: 20px; }
/* END Left Menu */

.btn{ background: #f4ad21 url(images/goldBtnBg.png) repeat-x left top; border: none; cursor: pointer; color:#000; font-size:16px; line-height:22px; font-family: 'Lato', sans-serif; display:inline-block; padding: 5px 38px; margin:0px; 
-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; 
transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }
.btn:hover{ background: #f4ad21; color:#000; }
.btn-blue {background: #215987 url(images/blueBtnBg.png) repeat-x left top; color:#FFF;}
.btn-blue:hover {background: #215987; color:#FFF;}
/* validation messages*/
.input-validation-error { border: 1px solid #f00; }
.input-validation-valid { /* Optional: you can set whatever style you want */
}
.field-validation-error { color: #f00; }
.field-validation-valid { display: none; }
.validation-summary-valid { display: none; }
.field-validation-error { display: block; float:left; width:100%; background: none repeat scroll 0 0 #EE0101;z-index: 1000;min-width: 200px;border: 1px solid #DDDDDD;border-radius: 6px;box-shadow: 0 0 3px #000000;color: #FFFFFF;font-size: 12px;padding: 8px 10px; }

/* Forms spaces */
.fspan { margin-bottom: 10px;position: relative; }
.fspan:after { content: "";display: block;height: 0;clear: both;visibility: hidden; }
.fspan_1 { width: 6.86%;  display: block;float: left; margin-right: 1%;}
.fspan_2 { width: 15.33%; display: block;float: left; margin-right: 1%;}
.fspan_3 { width: 23.5%;display: block;float: left; margin-right: 1%;}
.fspan_4 { width: 32.0%;display: block;float: left; margin-right: 1%;}
.fspan_5 { width: 40.73%; display: block;float: left; margin-right: 1%;}
.fspan_6 { width: 49.0%;display: block;float: left; margin-right: 1%;}
.fspan_12 { width: 100%;display: block;float: left; }
.fspan label, .fspan input, .fspan textarea, .fspan select { display: block;width: 100%;float: left; }
label { padding: 4px 0;color:#447fe1;font-weight: bold; }
input { padding: 7px 4px;border-radius: 4px;border: 1px solid #ccc; }
select { padding: 7px 4px;border-radius: 4px;border: 1px solid #ccc; }
label.centar { margin: auto;width: 250px; }
input[type='checkbox'], input[type='radio'] {border:none;}
.choose { border-bottom: 1px solid #ccc;padding: 10px; }
.choose h3 { margin-top: 10px;font-size: 20px; }
.center { max-width: 300px;margin: 0 auto;text-align: center;margin-top: 10px;margin-bottom: 10px;position: relative; }
.center input { width: 100%; }
.error { color: Red; }
input.check-box {width: 20px!important;}

/* Admin Responsive design */
.rsHeadColor {background-color: #ebf5fa;}
.rsHeader {position: relative; height: 100px;}
.rsNav a#rsLogo {margin: 0 auto;  background: url(images/logo.png) no-repeat; width: 292px; height: 95px; display:block; text-indent: -9999px; position:relative; top: -65px;}
.rsLogout {margin: 0 auto; background: url(images/lock.png) no-repeat; position:relative; display:block; width:63px; height: 30px; text-indent: -9999px;}
.rsNav {background: url(images/navBg.png) repeat-x; height: 38px;}

.rsBody {background: #89c4e3 url(images/rs_bg.png) repeat-x; }
.rsBgImg {background: transparent url(images/rs_f_bg.png) no-repeat center bottom;  width: 100%; height: 100%;}
.rsContent {color: #fff; font-size: 18px;}
.rsContent h2, .rsContent h3 {color: #fff;}
.wrong {color: Red;}
.rsBody label {color:#fff;}
.rsBody input, .rsBody select, .rsBody label {font-size: 18px; }
.rsBody .wrapper {max-width: 800px;}
/* END Admin Responsive design */

/* User Control Panel */
.c_panel {font-size: 14px;}
.c_panel .pageTitle { background: #f77171 url("images/c_title_bgl.png") repeat-x scroll left top; height: 90px;}
.c_panel .c_left {background: #f2f5f7; border-radius: 8px; padding: 30px;}
.c_panel .c_left h4 {color:#666; font-size: 15px;}
.c_panel .c_left .blue,
.c_panel .c_left .green {font-size: 18px; font-weight: bold;}

.c_panel .c_right {background: #f2f5f7; border-radius: 8px; padding: 0px; border: 1px solid #ccc;}
.c_panel .c_right #tabs ul {background: #ffffff url("images/tab_bg.png") repeat-x scroll left top; height: 60px;}
.c_panel .c_right #tabs ul > li {float:left; padding: 20px 20px; }
.c_panel .c_right #tabs ul > li > a { font-size: 14px; font-weight: bold; color: #999;}
.c_panel .c_right #tabs ul > li > a > img {vertical-align:baseline;}
.c_panel .c_right #tabs ul > li.ui-state-active a {color: #447fe1;}

p.bigtext {font-size: 16px;}
.cmp_main {padding: 20px 25px 0 25px; color: #666;}
.cmp_main p.bigtext {font-size: 16px; margin-bottom: 20px;}
.cmp_main p.bigtext > span {color: red; font-weight:bold;}
.cmp_main .row {margin-bottom: 20px;}
.cmp_main h4 {color: #999;}
.cmp_main h2 {color: #666; font-size: 22px;} 
.cmp_main h2 > span {font-size: 18px; color: #999;}
.cmp_main .hr {border-bottom: 1px solid #ccc;}

.grey_bg {background-color:#cdd4e0; margin-bottom: 5px;}
.grey_bg .red, .grey_bg .blue {font-weight: bold;} 
.cmp_main .row_ch {background-color:#d5e1f3; margin-bottom: 5px;} 
.grey_bg h3 {color: #57657d;}
.grey_light {background-color: #d5e1f3!important;}
.grey_bg a.plus {background:transparent url("images/plus.png") no-repeat left top; height: 16px; width:16px; display:block; text-indent: -9999px;}
.grey_bg a.minus {background:transparent url("images/minus.png") no-repeat left top; height: 16px; width:16px; display:block; text-indent: -9999px;}
 #SearchResults  {height: 200px;overflow: auto;border: 1px solid #ccc; padding: 5px; background-color:#fff;} 
 #SearchResults a{line-height: 16px; } 
/* END User Control Panel */

.addthis_counter {-moz-box-sizing: content-box;}
.addthis_32x32_style .dummy .at300bs, .addthis_32x32_style .at300bs, .addthis_32x32_style .at15t {border-radius: 8px;}

/*Campaign Details - sponsors cycle */
.scycle { width:100%; display:block; margin-top: 5px;}
.scycle li { text-align:center; width:100%;}
.scycle li img {   background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;    
    width:47%;
    padding: 5px; }

/* Coupon Page */
 .tabs_c { text-align:center;margin-bottom: 15px;}
    .tabs_c li { display: inline-block; margin: 0 15px;}
    .tabs_c li a { padding: 0 15px 5px;}
    .tabs_c li a.active
    {
        border-bottom: 1px solid #447FE1;
        box-shadow: 0 4px 2px -2px gray;
    }
    
    .c_logo {width: 98%; border:1px solid #ccc; border-radius: 8px; padding: 4px;}
    .c_code
    {
        font-size: 16px;
        font-weight: bold;
        position: relative;
    }
    .c_title a{ color: #447FE1;}
    .c_code_input
    {
        border: 3px dashed #447FE1;
        border-radius: 8px;
        background-color: #fafafa;
        text-align: center;
        font-size: 15px;
        margin-left: 15px;
        width: 160px;
        padding: 4px;
    }
    #partnerdeals .c_code_input
    {
        border: 3px dashed #447FE1;
        border-radius: 8px;
        background-color: #fafafa;
        text-align: center;
        font-size: 15px;
        margin: 5px 0 ;
        width: 130px;
        padding: 4px;
    }
    .c_copy
    {
        display: none;
        position: absolute;
        top: 1px;
        left: 290px;
        background-color: #333;
        color: #fff;
        border: 1px solid #999;
        border-radius: 8px;
        padding: 5px;
        font-size: 12px;
    }
    #partnerdeals .c_copy
    {
        display: none;
        position: absolute;
        top: 25px;
        left: 130px;
        background-color: #333;
        color: #fff;
        border: 1px solid #999;
        border-radius: 8px;
        padding: 5px;
        font-size: 12px;
    }
    .r_coupon
    {
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        padding: 10px 0;
    }
    .r_coupon:last-child
    {
        border-bottom: none;
        margin-bottom: 10px;
        padding: 10px 0;
    }
    
    #localdeals { border-right: 1px solid #ccc;}
    #localdeals, #partnerdeals, #nationaldeals
    {
       /* height: 500px;*/
       /* overflow: auto; */
    }
    
    /* Grouper API */
    .coupon_t
    {
        width: 95%;
    }
    .coupon_t img
    {
        border-radius: 5px;
    }
     .coupon_t tr 
    {
        border-bottom: 1px solid #ccc;
    }
     .coupon_t tr:last-child
    {
        border-bottom: none;
    }
    .coupon_t tr td
    {
        padding: 5px 5px 15px 5px;
        vertical-align: top;
    }
    
    .coupon_t h1
    {
        color: #686868;
        font-size: 28px;
        font-weight: 100;
        padding-bottom: 5px;
    }
    
    .coupons-title
    {
        margin-bottom: 30px;
    }
    .coupon-item
    {
        margin-bottom: 15px;
    }
    .coupon-item-title
    {
        margin-bottom: 10px;
    }
    .coupon-item-img
    {
        width: 100%;
        max-width: 300px;
        border: 1px solid #ccc;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .coupon-item-code-row
    {
        margin: 15px 0px;
    }
    .coupon-item-code
    {
        font-weight: bold;
        padding: 2px 7px;
        border: 2px dashed #447FE1;
        background-color: #DDEBF8;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .coupon-item-code-text
    {
        color: #333;
        font-weight: bold;
    }
/* END Coupon Page */    

/* pagination */
  .pagination {    float: left;    margin: 0;}
    .pagination ul {    border-radius: 4px;    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);    display: inline-block;    margin: 0 !important;    padding: 0 !important;}
    .pagination ul > li {    display: inline;}
    .pagination ul > li > a, .pagination ul > li > span {    -moz-border-bottom-colors: none;    -moz-border-left-colors: none;    -moz-border-right-colors: none;    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color:#7E98C4;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 20px;
    padding: 4px 12px;
    text-decoration: none;
    color: #447FE1!important;
}
.pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span {  background-color: #5CADEC !important;}
.pagination ul > .active > a, .pagination ul > .active > span {    color: #999999;    cursor: default;}
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover {    background-color: rgba(0, 0, 0, 0);    color: #999999;    cursor: default;}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {    border-bottom-left-radius: 4px;    border-left-width: 1px;    border-top-left-radius: 4px;}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {    border-bottom-right-radius: 4px;    border-top-right-radius: 4px;}
.pagination-centered {    text-align: center;}
.pagination-right {    text-align: right;}
.pagination-large ul > li > a, .pagination-large ul > li > span {    font-size: 17.5px;    padding: 11px 19px;}
.pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span {    border-bottom-left-radius: 6px;    border-top-left-radius: 6px;}
.pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span {    border-bottom-right-radius: 6px;    border-top-right-radius: 6px;}
.pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span {    border-bottom-left-radius: 3px;    border-top-left-radius: 3px;}
.pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span {    border-bottom-right-radius: 3px;    border-top-right-radius: 3px;}
.pagination-small ul > li > a, .pagination-small ul > li > span {    font-size: 11.9px;    padding: 2px 10px;}
.pagination-mini ul > li > a, .pagination-mini ul > li > span {    font-size: 10.5px;    padding: 0 6px;}

/* end pagination */
/* Mobile */
#menu-icon {
	display: none;
	width: 100px;
	height: 38px;
	background: transparent url(images/menu-icon.png) no-repeat 0 0;
	color: #333; 
	padding-left: 50px;
	text-decoration:none;
	font-size: 14px;
	line-height: 40px;
	margin-top: 1px;
}
a:hover#menu-icon {
	background-color: #444;
	border-radius: 4px 4px 0 0;
	color: #fff;
}


@media ( max-width : 960px ) 
{
    .wrapper {margin: 0 20px;}
    .grey_line {margin: 20px 20px;}
   ul.sf-menu > li a { font-size:14px!important; padding: 8px 5px!important; }  
   .c_panel .c_right #tabs ul > li {padding:2%;width:25%;}
   .Wrapslider h2 {font-size:22px;}
   .Wrapslider p, .MainWrap div p {font-size:12px!important;}
   .readyHome h3 {font-size:22px;}
   .ui-tabs .ui-tabs-nav li a {font-size:14px!important;}
   .btn {font-size:14px!important;}
   .grey_box p.bigtext {font-size:14px!important;}
}

@media ( max-width : 700px ) 
{
    .wrapper {margin: 0 20px;}
    .grey_line {margin: 20px 20px;}
    .goal {display:none;}
   .span_1 { display:none; }
   .span_2 { width: 100%; }
   .span_3 { width: 100%; }
   .span_4 { width: 100%; }
   .span_5 { width: 100%; }
   .span_6 { width: 100%; }
   .span_7 { width: 100%; }
   .span_8 { width: 100%; }
   .span_9 { width: 100%; }
   .span_10 { width: 100%; }
   .span_11 { width: 100%; }
   .span_12 { width: 100%; }
    
   .col { margin-left: 0; margin-bottom: 0px;}
    
   nav {position: relative;}
   #menu-icon { display:inline-block;}  
   ul.sf-menu { display:none; width: 280px; position:absolute; top: 38px; background-color: #ccc; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; padding: 20px;}
   ul.sf-menu li {display:block; margin:0;}
   ul.sf-menu li > ul li{display:none;}
   nav:hover ul {display: block;  }
   .home_slider {display:none;}
}

@media ( max-width : 400px ) 
{
    .c_panel .c_right #tabs ul > li {padding:15px;width:100%;}
    .loginLinks a {margin-bottom:3px;} 
    .loginLinks {margin-top:15px !important;}
    .pageTitle h1 {font-size: 26px; padding-top: 15px;}
    .loginLinks .btn-blue:nth-child(2) { padding: 5px 20px !important;}
}

.btn-info 
{
     font-weight:20;
    font-size:13px;
    -moz-text-decoration-color: -moz-use-text-color !important;
    -moz-text-decoration-line: none !important;
    -moz-text-decoration-style: solid !important;
    background-color: #49AFCD;
    background-image: linear-gradient(to bottom, #5BC0DE, #2F96B4);
    background-repeat: repeat-x;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: rgba(0, 0, 0, 0.1);
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: rgba(0, 0, 0, 0.1);
    border-top-color: rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-danger 
{
    font-weight:20;
    font-size:13px;
    -moz-text-decoration-color: -moz-use-text-color !important;
    -moz-text-decoration-line: none !important;
    -moz-text-decoration-style: solid !important;
    background-color: #DA4F49;
    background-image: linear-gradient(to bottom, #EE5F5B, #BD362F);
    background-repeat: repeat-x;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: rgba(0, 0, 0, 0.1);
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: rgba(0, 0, 0, 0.1);
    border-top-color: rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 1) DataTable Example 1
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
table.datatable { border-bottom: 1px solid #D6C08A; border-right: 1px solid #D6C08A; margin: 1em 0; border-collapse: separate;  width: 100%; border-radius: 4px; border-spacing: 0; background-color: #D6C08A;}
	
	table.datatable td, table.datatable th { border-top: 1px solid #D6C08A; border-left: 1px solid #D6C08A; vertical-align: top; padding: 7px 10px;} 
	
	table.datatable thead th { background-color: #FFE097 !important; white-space: nowrap; color: #763D00; font-size: 14px; font-weight: bold; text-align: left;}	
		
	table.datatable tbody td { background-color: #FFF; font-size: 13px; color: #333;}    
		
	table.datatable tr.even td { background-color: #FFFCF4; }
	table.datatable tr.odd td { background-color: #fff; }
	table.datatable tr.group td { background-color: #ddd; color: #000; font-weight:bold; }
	
	table.datatable tbody tr:hover td { background-color: #F5FAFA !important; }
	
	
    table.datatable thead:first-child tr:first-child > th:first-child, 
    table.datatable thead:first-child tr:first-child > td:first-child { border-top-left-radius: 4px; }

    table.datatable thead:first-child tr:first-child > th:last-child, 
    table.datatable thead:first-child tr:first-child > td:last-child {
        border-top-right-radius: 4px;
    }
    
    table.datatable thead:last-child tr:last-child > th:first-child, 
    table.datatable tbody:last-child tr:last-child > td:first-child, 
    table.datatable tfoot:last-child tr:last-child > td:first-child { border-bottom-left-radius: 4px; }
     
    table.datatable thead:last-child tr:last-child > th:last-child, 
    table.datatable tbody:last-child tr:last-child > td:last-child, 
    table.datatable tfoot:last-child tr:last-child > td:last-child {
        border-bottom-right-radius: 4px;
    }
	
    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
     * 2) DataTables sorting
     * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

    table.datatable .sorting_asc a, 
    table.datatable .sorting_desc a, 
    table.datatable .sorting a {color: #763D00;}
    table.datatable .sorting_asc a:hover, 
    table.datatable .sorting_desc a:hover, 
    table.datatable .sorting a:hover {color: #763D00; text-decoration:none;}

    table.datatable .sorting_asc { background: url(../images/sort_asc.png) no-repeat center right;	padding-right:22px!important; }

    table.datatable .sorting_desc { background: url(../images/sort_desc.png) no-repeat center right; padding-right:22px!important; }

    table.datatable .sorting { background: url(../images/sort_both.png) no-repeat center right; padding-right:22px!important; }

    table.datatable .sorting_left { text-align:left!important; }
    table.datatable .sorting_right { text-align:right!important; }
    table.datatable .sorting_center { text-align:center!important; }

    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
     * 3) DataTables filter
     * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
    table.datatable .h_filter { background-color:#FFFCF4; white-space: nowrap;}
    
    table.datatable .h_filter input, 
    table.datatable .h_filter select { min-width:70px; width: 80px; }
    
    table.datatable .h_filter .datef {width: 70px!important;}
    table.datatable .h_filter .h_text {vertical-align:bottom; margin: 3px; cursor: pointer; background: url(../images/search.png) no-repeat center right; display:inline-block; width: 17px; height:18px;}
    table.datatable .nowrap {white-space: nowrap;}
    
    

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 5) DataTable Context Menu
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
.contextMenu { position: fixed; width: 240px; z-index: 99999; border: solid 1px #D6C08A; background: #FFE097; padding: 0px; margin: 0px; display: none; font-size: 13px; border-radius:4px;}

    .contextMenu li { list-style: none; padding: 0px; margin: 0px; }
    .contextMenu a{ color: #333; text-decoration: none; display: block; line-height: 20px; height: 20px; background-position: 6px center; background-repeat: no-repeat; outline: none; padding: 1px 5px; padding-left: 28px; font-size: 13px; }

    .contextMenu li.hover a { color: #FFF; background-color: #3399FF; }
    .contextMenu li.disabled a { color: #AAA; cursor: default; }
    .contextMenu li.hover.disabled a { background-color: transparent; }
    .contextMenu li.separator { border-top: solid 1px #CCC; }
    .contextMenu li a.selected { background-image: url(../images/ok.png); }
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 4) Paging Example 1
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
.pager { width:100%; display:block; margin: 10px; font-size: 13px;}
    .pager .page_size {float: left; width: 150px;}
        .pager .page_size select {font-size: 13px;}

    .pager .page_scroller_container {float: left; width: 300px; margin-left: 20px;}
        .pager .page_scroller_container .leftbtn, 
        .pager .page_scroller_container .rightbtn { height: 19px; width: 19px; float: left; cursor: pointer;}        
        .pager .page_scroller_container .leftbtn { margin-right: 8px; background-image: url(../images/back_enabled.png); } 
        .pager .page_scroller_container .rightbtn { margin-left: 9px; background-image: url(../images/forward_enabled.png); }
        .pager .page_scroller_container .scroller { float: left; width: 245px; margin:3px 0;}

    .pager .pages {float: left; width: 150px; margin-left: 20px; display:none;}
    .pager .items {float: left; width: 200px; margin-left: 20px; display:none;}
    
.frame 
{
   /*
    border: 1px solid #A8A8A8;
    background-color: #fff; 
     
    min-height:400px; 
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
    */
    padding:10px;    
    
 }    
.search {display:block; width:100%;clear:both;}
.right {float:right}
button.right {margin-left: 5px;}

.left {float:left}
a.left {margin-right: 5px;}

.gridFrame {display:block;width:100%;}
.margin-left {margin-left: 30px;}

   
.field-validation-error {display:block; position:absolute; background: none repeat scroll 0 0 #EE0101;z-index:1000;top:20px; left:200px; min-width: 200px;
    border: 2px solid #DDDDDD;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 6px #000000;
    color: #FFFFFF;
    font-size: 12px;
    padding: 4px 10px;
}
    
#loading {text-align:center; padding-top:30px; display:none; position:absolute; z-index:9999; top:50%;left:46%; width: 100px; height:30px; background: #ffffff url(/Content/Images/loading.gif) no-repeat top center; border: 2px solid #DDDDDD; border-radius: 6px 6px 6px 6px; box-shadow: 0 0 6px #000000;}   


.field-validation-error-pop
{
    display:block; 
    height: 45px;
    margin-top: 60px;
    background: none repeat scroll 0 0 #EE0101;
    z-index:1000;   
    min-width: 200px;
    border: 2px solid #DDDDDD;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 6px #000000;
    color: #FFFFFF;
    font-size: 12px;
    padding: 4px 10px;
}
  
.loginLinks
{
    float:right;
    margin-top:45px;    
}

.btn-logn
{
    margin-right: 10px;
    padding:2px 10px;   
    font-size: 13px; 
}

.stepBox
{
    height: 100px;
    width: 100%;
    
    -moz-border-radius: 0px;
    -webkit-border-radius: 6px 0px 0px 0px;
    border-radius: 6px 0px 0px 0px; 
}
.stepBox_left
{
   
    font-size: 65px;
    width: 75px;
    height: 100px;
     
     color: #FFFFFF;
      padding-left: 15px;
    padding-top: 15px;
     -moz-border-radius: 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px; 
    float: left;
    font-weight: bold;
}

.stepBox_text
{
    margin-left: 75px;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 35px;
    color: #3D3D3D;;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;	
	margin-left: -21px;
	margin-top:100px;
	float: left;
}

.nav .gold a
{
     color:#F4AD21;   
}
.gold
{
    color:#F4AD21;   
}
.step_box
{
    background:#F1F9FF; 
    
    margin:0 auto;  
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 4px;
     border: 1px solid #D3D3D3;
 }
.step_box_text
{
    float: left;
    padding-top: 10px;
    width:190px;
    color:#3D3D3D;
}

.step_box_number
{
    width:50px; 
    float:left;
    font-size: 60px;
    text-align:center;
    color:#C20404;
}
.step_box_h
{
    padding-bottom:5px;
    color:#3D3D3D;    
}

.fspan label
{
    font-size:14px; 
    line-height:16px;   
    font-family: arial;
}

/* Donation Page Share Box */
#share_div {padding: 15px 20px;}
#share_div p {margin:5px 0;}
#share_div .short_url {width: 200px;}
#share_div .copy_popup
{
        
    margin: 0 auto;
    width:130px;
    top: -6px;
    position: relative;
} 
#share_div .copy_span 
{
    background-color: #2D2D2D;
    position: absolute;
    top: -29px;
    width: 100%;
    color: #FFFFFF;
    font-family: arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 29px;
    text-align: center;
}
#share_div .copy_span_arrow
{
    position: absolute;
    border-color: #2D2D2D rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 5px;
    left: 50%;
    margin: 0 0 0 -5px;
    outline: medium none;
    position: absolute;
} 

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{
    /*background: none repeat scroll 0 0 #F1F9FF !important; */
    color: #3D3D3D !important;
    
    }
/* END - Donation Page Share Box */



.headingmid {
	margin: 0 0 20px 0;
	padding: 0px;
	background: url(images/headingplan.png) no-repeat left top;
	height: 78px;
	text-align: center;
	line-height: 62px;
	color: #4c4c4c;
	text-shadow: 1px 1px 1px #FFF;
	font-size: 32px;
	float: left;
	font-weight: bold;
	width: 950px;
}
.liststyle3 {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 950px;
}
.liststyle3 li {
	width: 420px;
	padding: 0 0 15px 60px;
	margin: 0 0 15px 0;
	float: left;
	border-bottom: 1px solid #BFDADA;
}
.liststyle3 li h2 {
	margin: 0px;
	padding: 0px;
	color: #9d3f06;
	font-size: 16px;
}
.liststyle3 li p {
	margin: 10px 0 0 0;
	padding: 0px;
	color: #777;
	line-height: 18px;
	font-size: 14px;
}
.image1 {
	background: url(images/image1.png) no-repeat left top;
}
.clock {
	background: url(images/clock1.png) no-repeat left top;
}
.money {
	background: url(images/money.png) no-repeat left top;
}
.backup {
	background: url(images/backup.png) no-repeat left top;
}
.floatrt {
    float: right !important;
}
.yellow {
    color: #D3A20F !important;
}
.noborderbtm {
    border-bottom: medium none !important;
}

.green {
    color: #697D3E !important;
}
.grey {
    color: #4C4C4C !important;
}

.testimonialNew {
    background-image:url(/Content/Images/testimonials.png);background-repeat: no-repeat;
    height: 207px; 
    padding: 30px 60px 50px 30px;
   
    
}

.testimonialNew  p {
    font-style: italic;
     color: #7F7F7F;
    font-weight: bold;
    text-align: left;
     font-family: gorgia;
    font-size: 18px;
}