/* 
    Document   : style
    Created on : April 12, 2014
    Author     : Manoz
    Description: Purpose of the stylesheet follows.
*/



/*
/*
* ===================================================== COLORS ==================================================
*/
.white { color: #FFFFFF }
.black { color: #000000 }
.red { color: red }
.green { color: #31a819 }
.orange { color: #FF6700 }
.blue {  color: #003366; }
.gray { color: #333333; }
a.orange {
    color: #fcb267 !important;
}

/* ===================================================== OVERRIDE ==================================================
*/
.disc a {
    text-decoration: underline;
}
.row .row.collapse, .row .row {
    margin-bottom: 10px;
}
/*
* ===================================================== ALERTBOX ==================================================
*/
.alert-box p {
    margin: 0;
}
.alert-box.error {
    background: none;
    border: red solid 1px;
    color: red;
}
.alert-box.success {
    background: none;
    border: green solid 1px;
    color: green;
}
.alert-box.warning {
    background: none;
    border: #f08a24 solid 1px;
    color: #f08a24;
}
select.error, input.error, textarea.error,
textarea[data-invalid], select[data-invalid], input[data-invalid] {
    border: solid 1px red;
}
.collapse-right {
    line-height: 2.5em;
    padding: 0 5px;
}
.formsuccess {
    color: #31a819 !important;
}
.formerror {
    color: red !important;
    margin-bottom: 6px;
    display: block;
}
.message i {
    padding: 0;
}
.messagebody p {
    margin-bottom: 0;
}
/*
* ===================================================== BUTTONS ==================================================
*/

a.button {
    text-decoration: none !important;
}
.button.blue {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color:#333!important;
    height:36px;
    line-height:36px;
    width:100%;
    font-size:1em!important;
    font-weight:bolder!important;
    padding:0 1.25em;
    background:#59D6DC!important;
    background: -moz-linear-gradient(center top, #59D6DC 0px, #57CFD7 7%, #4EA9C0 75%, #4EA9C0 100%) repeat scroll 0 0 #59D6DC !important;
    border: 1px solid #3FBFC3;
    border-bottom-color: #4EA9C0;
    border-top-color: #98E0E7;
    -webkit-box-shadow: 0 1px 3px rgba(38, 151, 72, 0.5), inset 0 1px 0 #82E8EB;
    -moz-box-shadow: 0 1px 3px rgba(38, 151, 72, 0.5), inset 0 1px 0 #82E8EB;
    box-shadow: 0 1px 3px rgba(38, 151, 72, 0.5), inset 0 1px 0 #82E8EB;
    text-align:center;
    display:block;
}
.button.blue:hover {
    color:#333!important;
    background:#4EA9C0!important;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.button.orange {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#FFEA9A!important;
    background: -moz-linear-gradient(center top, #FFEA9A 0px, #FCE27C 7%, #F9D858 75%, #F9D858 100%) repeat scroll 0 0 #FFEA9A !important;
    height:50px;
    color:#000!important;
    font-size:1.25em;
    line-height:50px;
    padding:0 20px;
    font-size:20px;	
    border: 1px solid #F9D858;
    border-bottom-color: #FFDD5E;
    border-top-color: #FFEFB0;
    -webkit-box-shadow: 0 1px 3px rgba(38, 151, 72, 0.5), inset 0 1px 0 #F9D858;
    -moz-box-shadow: 0 1px 3px rgba(38, 151, 72, 0.5), inset 0 1px 0 #F9D858;
    box-shadow: 0 1px 3px rgba(38, 151, 72, 0.5), inset 0 1px 0 #F9D858;
}
.button.orange:hover {
    background:#F9D858!important;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.button.facebook {
    background: #3B5998;
    background: -moz-linear-gradient(90deg, #3B5998 25%, #3B5997 75%);
    background: -webkit-linear-gradient(90deg, #3B5998 25%, #3B5997 75%);
    background: -o-linear-gradient(90deg, #3B5998 25%, #3B5997 75%);
    background: -ms-linear-gradient(90deg, #3B5998 25%, #3B5997 75%);
    background: linear-gradient(180deg, #3B5998 25%, #3B5997 75%);
    color: #FFF !important;
    border: solid 1px #3A65A8;
    cursor: pointer;
    text-align: center;
    font-size: 0.9em;
    font-weight: bold;
    padding: 0.5em 1em;
    text-decoration: none; 
    margin-bottom: 0;
    width: 100%;
}
.button.facebook .fa {
    margin-right: 10px;
}
.search {
    margin-left:-1.25em;	
}

.read {
    top:100px;

}
/*
* ===================================================== CONTENT / HOME ==================================================
*/

.sidebar-left a {
    font-size:0.9375em;
    color:#333;
    text-decoration:underline;
}
.sidebar-left a:hover {
    text-decoration:none;
}
/*
* ===================================================== CONTENT / FEATURE ==================================================
*/
.feature-block, .feature-left-block {
    padding:0 0 1em 0;
}
.feature-block h4 a, .feature-left-block h4 a {
    font-size:18px;
    color:#52abc3;
    display:block;
    text-decoration:underline;
}
.feature-block h4 a:hover {
    text-decoration:none;
}
.feature-block li {
    font-size:0.875em;
    color:#656565;
}
.feature-block a {
    color:#e59a0a;
    text-decoration:none;
}
.feature-block a:hover {
    text-decoration:underline;
}
.feature-left-block h4 a {
    font-size:15px;
}
.feature-left-block p {
    font-size:13px;
    padding-bottom:0;
}
a.readmore {
    color:#e59a0a;
    text-decoration: underline;
}
a.readmore:hover {
    text-decoration:none;
}
.blurimage {
    height: 281px;
    background: url(../images/fade-txt-img.gif) no-repeat 0 0;
}
/*
* ===================================================== LISTS TEXT SECTION ==================================================
*/
.list-block-area {
    padding:1.25em 1.875em 0.625em 1.875em;
}
.dot-line {
    background:url(../images/dot-hori-line.png) repeat-x 0 0;
    height:5px;
    margin:0.5em 0 1.5em 0;
}
.words-block-sec {
    padding:0.625em 0px 0.625em 0px;
}
.words-block-sec ul {
    padding:0;
    margin:0;
    list-style:none;
}
.words-block-sec ul li {
    display:inline-block;
    padding:0 2px 0.825em 2px;
}
.words-block-sec ul li a {
    background:#fff;
    border:1px solid #52ACC3;
    font-size:15px;
    color:#000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:5px 0.625em;
}
.words-block-sec ul li a:hover {
    background:#f1f1f1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.alphabet-block-sec {
    padding:0.625em 0px 0.625em 0px;
}
.alphabet-block-sec ul {
    padding:0;
    margin:0;
    list-style:none;
}
.alphabet-block-sec ul li {
    display:inline-block;
    padding:0 2px;
}
.alphabet-block-sec ul li a {
    font-size:15px;
    color:#000;
    text-decoration:none;
}
.alphabet-block-sec ul li a:hover {
    text-decoration:underline;
}
.list-block-content {
    margin:0px 0 0 0;
}
.list-block-content h4 a {
    font-size:18px;
    color:#52ABC3;
    padding-left:10px;
    display:block;
    text-decoration:underline;
}
.list-block-content h4 a:hover {
    text-decoration:none;
}
.list-block-content p {
    font-size:0.9375em;
    color:#333;
    padding:0 0 5px 10px;
    margin:0;
}
.list-block-content ul {
    padding-left:10px;
}
.list-block-content li {
    font-size:0.875em;
    color:#656565;
}
.list-block-content a {
    color:#E54C25;
    text-decoration:none;
}
.list-block-content a:hover {
    text-decoration:underline;
}

/*
* ===================================================== CONTENT / FAQ =========================================
*/
.none-height{height:100%!important;}
.accordion dd {
    padding-bottom:0.4em;
}
.accordion dd > a {
    background:#fff;
    border:2px solid #5b94a2;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color:#5B5B5B;
    font-weight:bold;
    font-size:0.875em;
}
.accordion dd > a:hover {
    background:#5b94a2;
    color:#fff;
}
.accordion dd.active a {
    background:#5b94a2;
    color:#fff;
    outline:none;
}
.accordion .content {
    font-size:0.875em;
    color:#5B5B5B;
}
.get-access a {
    color:#5B5B5B;
    font-weight:bold;
    font-size:0.875em;
    text-decoration:underline;
    padding:1em 0;
    display:block;
}
.get-access a:hover {
    text-decoration:none;
}
/*
* ===================================================== CONTENT / FORM ========================================
*/

.form-section {
    padding:1em 1em 2em;
}
.form-section h2 {
    font-size:1.375em;
    color:#5B5B5B;
    padding-bottom:1em;
}
.form-section h2.headlinebold {
    font-size:1.625em;
    font-weight:bold;
    text-align:center;
}
.form-section input[type="text"], .form-section input[type="password"], .form-section textarea {
    background:#fff;
    border:1px solid #a6a6a6;
    box-shadow:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.form-section textarea {
    min-height:128px;
}
.form-section label {
    color:#5B5B5B;
    font-size:0.875em;
    padding:0;
}
label.required {
    color:#E60404;
    font-size:0.75em;
}
label.optional {
    color:#5B5B5B;
    font-size:0.75em;
}
.form-section p {
    color:#aaa;
    font-size:0.875em;
    padding:0.5em 0;
}
.form-section p a {
    color:#51abc3;
    text-decoration:underline;
}
.form-section p a:hover {
    text-decoration:none;
}
/*
* ===================================================== PRICING ==========================================
*/
.priceform {

}
.priceform .pricemaincolumns {
    cursor: pointer;
}
.priceform .pricecolumns {
    border: solid 1px #CCC;
    background: #f7f7f7;
    box-shadow: 0px 0px 15px 1px #CCC;
    -moz-box-shadow: 0px 0px 15px 1px #CCC;
    -webkit-box-shadow: 0px 0px 15px 1px #CCC;
    margin-top: 60px;
    height: 460px;
}
.priceform .pricecolumns .pricetitle {
    background: url(../images/pricetitle.png) no-repeat 0 0;   
    background-size: 100% 100%;
    /*    width: 228px;
        height: 68px;*/
    margin: -34px auto 0 auto;    
    text-align: center;
    padding-top: 13px;
    padding-bottom: 10px;
    font-size: 2em;
}
.priceform.donateform .pricecolumns .pricetitle {
    background: url(../images/pricetitle-orange.png) no-repeat 0 0;   
    background-size: 100% 100%;
}
.priceform .columns .columns .pricetitle {
    font-size: 1.3em;
    padding: 12px 13px;
}
/*.priceform .columns .columns:nth-child(2) .pricecolumns .pricetitle {
    width: 249px;   
}*/
.priceform .pricecolumns.selected .pricetitle {
    background: url(../images/pricetitle-selected.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin: -36px auto 0 auto;
}
.priceform .pricecolumns .pricetitle {
    color: #FFF;
}
.priceform .pricecolumns .pricetitle span {
    font-size: 13px;
}
.priceform .pricecolumns ul.listtick li {
    background: url(../images/listtick.png) no-repeat 0 0;
    margin-top: 17px;
}
.priceform .pricecolumns.selected ul.listtick li {
    background: url(../images/pricetick-selected.png) no-repeat 0 0;
}
.priceform .pricemaincolumns ul.listtick {
    margin-bottom: 30px;
}
/*.priceform .pricemaincolumns:last-child ul.listtick {
    margin-bottom: 73px;
}*/
/*@-moz-document url-prefix() {
    .priceform .pricemaincolumns:first-child ul.listtick {
        margin-bottom: 55px;
    }
}*/
.priceform .pricecolumns li {
    border-bottom: dashed 1px #acacac;
    color: #acacac;
}
.priceform .pricecolumns.selected li {
    border-bottom: dashed 1px #f47b13;
    color: #f47b13;
}
.priceform .pricecolumns ul.listtick li p {
    padding-left: 36px;
}
.priceform .pricecolumns .price {
    color: #acacac;
    text-align: center;
    height: 40px;
}
.priceform .pricemaincolumns:first-child .price {
    margin-top: 94px;
}
.priceform .pricemaincolumns:nth-child(2) .price {
    margin-top: 40px;
}
.priceform .pricemaincolumns:nth-child(3) .price {
    margin-top: 89px;
    /*margin-bottom: 0;*/
}
.priceform.rejoin .pricemaincolumns:nth-child(3) .price {
    margin-bottom: 0.625em;
}
.rejoin.priceform .pricemaincolumns:nth-child(3) .price {
    margin-top: 88px;
}
.priceform.donateform .pricemaincolumns:first-child .price {
    margin-top: 86px;
}
.priceform.donateform .pricemaincolumns:nth-child(2) .price {
    margin-top: 0px;
}
.priceform.donateform .pricemaincolumns:nth-child(3) .price {
    margin-top: 58px;
    margin-bottom: 0.625em;
}
.priceform .pricecolumns.selected .price {
    color: #f47b13;
}
.priceform .pricecolumns .price .pricetag {
    color: #acacac;
    font-size: 0.5em;
    display: block;
}
.priceform .pricecolumns.selected .price .pricetag {
    color: #acacac;
}
.priceform .pricecolumns input[type='radio'] {
    margin: 0 auto;
    display: block;
}
.priceform .button.orange {
    padding: 15px 38px;
    font-size: 2.2em;
    box-shadow: 0px 1px 8px 1px #FFF inset;
    border: solid 1px #CCC;
    font-family: 'Open Sans', sans-serif;
}