/* 
    Document   : style
    Created on : April 04, 2014
    Updated on : June 7, 2014
    Author     : Shamim
    Description: Purpose of the stylesheet is for NetEssays.
*/


/*
* ===================================================== DEFAULTS ==================================================
*/
root {
    display: block;
}
body {
    font-family:Arial, Helvetica, sans-serif;
    background:url(../images/bg.jpg) repeat 0 0;
}
a {
    color: #00498d;
    text-decoration:underline;
}

/*
* ===================================================== 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;
}
/*
* ===================================================== OVERWRIDE ==================================================
*/
.row {
    max-width:60em;
}
.top-bar {
    background:#f1f1f1!important;
}
.panel {
    border-style: none;
    background: none;
    margin-bottom:0;
}
.x-padding {
    padding-left:20px!important;
}
.y-padding {
    padding-top:1.25em!important;
}
.margin-y {
    margin:15px 0 0 0;
}
.margin-xy {
    margin-left:10px!important;
}
.pull-right {
    float: right;
}
/*
* ===================================================== BGCOLORS ==================================================
*/
.light-pink-bg {
    background:#F8EEEB;
}

/*
* ================================================= COLOR ================================================
*/

/*
* ================================================= ALERT BOX ================================================
*/
.alert-box.success { background: none; border: solid 1px green; color: green}
.alert-box.error { background: none; border: solid 1px red; color: red}
.alert-box.warning { background: none; border: solid 1px yellow; color: yellow}

.content a {
    color: #846ba2;
    text-decoration: underline;
}
/*
* ================================================= BUTTON ================================================
*/
a.button {
    text-decoration: none !important;
}
.button {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#C5E097;
    background: -moz-linear-gradient(center top, #C5E097 0px, #BDD88F 7%, #A6C379 75%, #A6C379 100%) repeat scroll 0 0 #C5E097;
    border: 1px solid #A6C37A;
    text-align:center;
    display:block;
    color:#000;
}
.button:hover {
    color:#000;
    background:#A7C57B;
}

.button.orange {
    background: #fcb267;
    background: -moz-linear-gradient(90deg, #fcb267 25%, #fc943d 75%);
    background: -webkit-linear-gradient(90deg, #fcb267 25%, #fc943d 75%);
    background: -o-linear-gradient(90deg, #fcb267 25%, #fc943d 75%);
    background: -ms-linear-gradient(90deg, #fcb267 25%, #fc943d 75%);
    background: linear-gradient(180deg, #fcb267 25%, #fc943d 75%);
    /*    box-shadow: 0 1px 0 #FFF inset;
        -webkit-box-shadow: 0 1px 0 #FFF inset;
        -moz-box-shadow: 0 1px 0 #FFF inset;*/
    color: #FFF;
    border: solid 1px #f2f2f2;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    cursor: pointer;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.5em 2em;
    text-decoration: none; 
    margin-bottom: 0;
}
.button.yellow {
    background: #f1ca55;
    background: -moz-linear-gradient(90deg, #f1ca55 25%, #fec005 75%);
    background: -webkit-linear-gradient(90deg, #f1ca55 25%, #fec005 75%);
    background: -o-linear-gradient(90deg, #f1ca55 25%, #fec005 75%);
    background: -ms-linear-gradient(90deg, #f1ca55 25%, #fec005 75%);
    background: linear-gradient(180deg, #f1ca55 25%, #fec005 75%);
    /*    box-shadow: 0 1px 0 #FFF inset;
        -webkit-box-shadow: 0 1px 0 #FFF inset;
        -moz-box-shadow: 0 1px 0 #FFF inset;*/
    color: #FFF;
    border: solid 1px #f2f2f2;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    cursor: pointer;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.5em 2em;
    text-decoration: none; 
    margin-bottom: 0;
}
.button.violate {
    background: #846ba2;
    background: -moz-linear-gradient(90deg, #846ba2 25%, #542D83 75%);
    background: -webkit-linear-gradient(90deg, #846ba2 25%, #542D83 75%);
    background: -o-linear-gradient(90deg, #846ba2 25%, #542D83 75%);
    background: -ms-linear-gradient(90deg, #846ba2 25%, #542D83 75%);
    background: linear-gradient(180deg, #846ba2 25%, #542D83 75%);
    /*    box-shadow: 0 1px 0 #FFF inset;
        -webkit-box-shadow: 0 1px 0 #FFF inset;
        -moz-box-shadow: 0 1px 0 #FFF inset;*/
    color: #FFF;
    border: solid 1px #f2f2f2;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    cursor: pointer;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.5em 2em;
    text-decoration: none; 
    margin-bottom: 0;
}
.button.puregreen {
    background-color: #3eb418;
    border-color: #3eb418;
    color: #FFF !important;
}
.button.orange {
    background: #FF6700;
}
.button.join {
    margin:0.75em 1.875em 0 1.25em;
    padding:0em;
    line-height:1em;
    width:77px;
    height:31px;
    background:#C5E097;
    background: -moz-linear-gradient(center top, #C5E097 0px, #BDD88F 7%, #A6C379 75%, #A6C379 100%) repeat scroll 0 0 #C5E097 !important;
    border-bottom:none!important;
}
.button.search {
    width:100%;
    height:36px;
    font-size:0.875em;
    line-height:36px;
    margin-left:-1.25em;
    padding:0 1.25em;
}
.button.read {
    width:213px;
    height:47px;
    margin:0px auto;
    padding:0;
    font-size:16px;
    font-weight:bold!important;
    line-height:47px;
    top:120px;
}
.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: 1em;
    font-weight: bold;
    padding: 0.5em 1em;
    text-decoration: none; 
    margin-bottom: 0;
}
.button.facebook .fa {
    margin-right: 10px;
}
/*
* ===================================================== MAIN LAYOUT ==================================================
*/
.layout-bg {
    background:#fff;
    margin:0 auto 3.12em;
    -moz-box-shadow: 0 0 0.625em #888;
    -webkit-box-shadow: 0 0 0.625em #888;
    box-shadow: 0 0 0.625em #888;
}
/*
* ===================================================== HEADER AND NAV ==================================================
*/
.top-header-block {
    background:#f1f1f1;
    min-height:6.12em;
    border-bottom:1px dashed #c2c2c2!important;
    padding:0.93em 0;
}
.top-header-block h1 {
    padding-left:1.25em;
}
.top-header-block h2 {
    font-size:0.75em;
    color:#657F3D;
    padding-left:2.87em;
    margin-top:0.37em;
}
.menu-icon {
    color:#657F3D!important;
}
.top-bar.expanded .title-area {
    background:none;
}
.top-bar .toggle-topbar.menu-icon a {
    color:#657F3D!important;
}
.top-bar .toggle-topbar.menu-icon a::after {
    -webkit-box-shadow: 1px 0.625em 1px 1px #657F3D, 1px 16px 1px 1px #657F3D, 1px 22px 1px 1px #657F3D;
    box-shadow: 0 0.625em 0 1px #657F3D, 0 16px 0 1px #657F3D, 0 22px 0 1px #657F3D;
}
nav section.top-bar-section ul {
    background:#f1f1f1;
    padding-top:0.625em;
}
nav section.top-bar-section ul li a {
    background:#f1f1f1!important;
    color:#333;
    font-size:0.875em;
    padding:0.625em 25px 0px 25px!important;
}
nav section.top-bar-section ul li a:hover {
    color:#657F3D!important;
    border-bottom:1px dashed #657F3D;
}
.top-bar-section > ul > .divider {
    background:#f1f1f1 url(../images/nav-divider.png) no-repeat 0 0!important;
    border-right:none!important;
    width:0.125em;
    float:left;
    min-height:4.5em;
}
.top-bar-section ul li.active a {
    color:#657F3D!important;
    border-bottom:1px dashed #657F3D;
}
/*
* ===================================================== FOOTER ==================================================
*/
#footer {
    background:#f1f1f1 url(../images/f-bg.jpg) repeat-x 0 0;
    min-height:4.687em;
    padding:1.25em 0.937em 0 0.937em;
    overflow:hidden;
}
#footer p {
    font-size:0.75em;
    color:#656565;
    padding:0.625em 0;
}
#footer p a {
    color:#656565;
    padding:0 2px 0 2px;
}
#footer p a:hover {
    color:#656565;
    text-decoration:underline;
}
/*
* ===================================================== LIST ==================================================
*/
ul.list-arrow {
    list-style-image: url(../images/list-arrow.png);
    padding:0 0 0 3px;
}
/*
* ===================================================== SEARCH SECTION ==================================================
*/
.search-block-area {
    padding:1.25em 1.87em 0.62em 1.87em;
}
.search-block-area h4 {
    font-size:1.5em;
    font-weight:bold;
}
.search-line {
    background:url(../images/double-line.gif) repeat-x bottom;
    height:6px;
    padding:1.25em 0 0 0;
}
.search-block-area input[type="text"] {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #dfdfdf;
    background:#f1f1f1;
    box-shadow:none;
}
/*
* ===================================================== BUTTONS ==================================================
*/

/*
* ===================================================== MAIN / CONTENT / TITLE ==================================================
*/

.main-content-block {
    padding:0px 15px 50px 15px;
}
.main-content-block h2, .main-content-block h3 {
    font-size:1.5em;
    color:#333;
    font-weight:bold;
    padding:0 0 0 0;
}
.main-content-block h3 {
    font-size:1.125em;
}
.main-content-block p {
    color:#333;
    padding-bottom:0.625em;
    margin:0;
}
.main-content-block h5 {
    font-size:1.125em;
    font-weight:bold;
    color:#333;
    background:url(../images/double-line.gif) repeat-x bottom;
    padding:0 0 15px 0;
    margin:0 0 15px 0px;
}
/*
* ===================================================== CONTENT / FORM ==================================================
*/
.customform .row {
    margin-bottom: 10px;
}
/*
* ===================================================== CONTENT / HOME ==================================================
*/

.home-left-block {
    background:url(../images/home-lt-shadowbg.png) no-repeat right;
    min-height:775px;
}
.home-left-block a {
    color:#333;
    text-decoration:underline;
}
.home-left-block a:hover {
    text-decoration:none;
}
/*
* =======================================SECONDARY PAGE CONTENT SECTION HERE ==================================================
*/

.grey-round-block {
    background:#f1f1f1;
    padding:0px 15px;
    margin:0 1.875em 1.25em 1.875em;
    min-height:91px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.grey-round-block h4 {
    font-size:1.875em;
    color:#333;
    font-weight:bold;
    padding:0.625em 0 0 0;
    margin:0;
}
.grey-round-block p {
    font-size:0.875em;
    color:#656565;
    padding:0;
}
.right-block-area {
    background:url(../images/lt-shadowbg.png) no-repeat 0 0;
    min-height:775px;
}
.right-block-area article {
    padding:0 0 15px 0.625em;
}
.right-block-area article a {
    font-size:0.875em;
    color:#65803d;
    text-decoration:underline;
}
.left-right-main-block article a:hover {
    text-decoration:none;
}
.right-block-area article p {
    font-size:0.75em;
    color:#333;
    padding:0.625em 0 5px 0;
}
.right-block-area article time {
    font-size:0.75em;
    color:#656565;
}
/*
* ===================================================== LISTS TEXT SECTION ==================================================
*/
.list-block-area {
    padding:1.25em 1.875em 0.625em 1.875em;
}
.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.625em 2px;
}
.words-block-sec ul li a {
    background:#E1EECE;
    font-size:13px;
    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:#C5DD9F;
}
.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:13px;
    color:#000;
    text-decoration:none;
}
.alphabet-block-sec ul li a:hover {
    text-decoration:underline;
}
.list-block-content {
    margin:15px 0 0 0;
}
.list-block-content h4 a {
    font-size:18px;
    color:#657F3D;
    padding-left:10px;
    display:block;
    text-decoration:underline;
}
.list-block-content h4 a:hover {
    text-decoration:none;
}
.list-block-content p {
    font-size:0.875em;
    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;
}
.blurimage {
    height: 281px;
    background: url(../images/fade-txt-img.gif) no-repeat 0 0;
}
/*
* ===================================================== PLAN AND 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: 530px;
}
.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 {
    margin-bottom: 2rem;
}
.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: 89px;
}
.priceform .pricemaincolumns:nth-child(2) .price {
    margin-top: 86px;
}
.priceform .pricemaincolumns:nth-child(3) .price {
    margin-top: 89px;
    margin-bottom: 0;
}
.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;
}
/*
* ===================================================== LIST TABLE TYPE ==================================================
*/
.custom-list {
    margin: 10px 0;
    /* border: solid 1px #FFF; */
    box-shadow: 0px 0px 5px 2px #CCC;
    -moz-box-shadow: 0px 0px 5px 2px #CCC;
    -webkit-box-shadow: 0px 0px 5px 2px #CCC;
    padding: 0;
}
.custom-list .list-head {
    background: #657F3D;
    color: #FFF;
    padding: 10px;
}
.custom-list .list-item {
    background: #FFF;
    padding: 10px;
}
.custom-list.fivebyside .list-head strong,
.custom-list.fourbyside .list-head strong {
    font-size: 0.9em;
}
.custom-list.singlelist .list-item:nth-child(2n+1) {
    background: #F7F6F6;
}
.custom-list.sidebyside .list-item:nth-child(4n+2),
.custom-list.sidebyside .list-item:nth-child(4n+1) {
    background: #F7F6F6;
}
.custom-list.threebyside .list-item:nth-child(6n+3),
.custom-list.threebyside .list-item:nth-child(6n+2),
.custom-list.threebyside .list-item:nth-child(6n+1) {
    background: #F7F6F6;
}
.custom-list.fourbyside .list-item:nth-child(8n+4),
.custom-list.fourbyside .list-item:nth-child(8n+3),
.custom-list.fourbyside .list-item:nth-child(8n+2),
.custom-list.fourbyside .list-item:nth-child(8n+1) {
    background: #F7F6F6;
}
.custom-list.fivebyside .list-item:nth-child(10n+5),
.custom-list.fivebyside .list-item:nth-child(10n+4),
.custom-list.fivebyside .list-item:nth-child(10n+3),
.custom-list.fivebyside .list-item:nth-child(10n+2),
.custom-list.fivebyside .list-item:nth-child(10n+1) {
    background: #F7F6F6;
}
/*.custom-list.sixbyside .list-item:nth-child(12n+6),
.custom-list.sixbyside .list-item:nth-child(12n+5),
.custom-list.sixbyside .list-item:nth-child(12n+4),
.custom-list.sixbyside .list-item:nth-child(12n+3),
.custom-list.sixbyside .list-item:nth-child(12n+2),
.custom-list.sixbyside .list-item:nth-child(12n+1) {
    background: #F7F6F6;
}
.custom-list.sevenbyside .list-item:nth-child(14n+7),
.custom-list.sevenbyside .list-item:nth-child(14n+6),
.custom-list.sevenbyside .list-item:nth-child(14n+5),
.custom-list.sevenbyside .list-item:nth-child(14n+4),
.custom-list.sevenbyside .list-item:nth-child(14n+3),
.custom-list.sevenbyside .list-item:nth-child(14n+2),
.custom-list.sevenbyside .list-item:nth-child(14n+1) {
    background: #F7F6F6;
}*/
.custom-list.single .list-item:nth-child(2n+1) {
    background: #F7F6F6;
}
.custom-list .list-item a {
    text-decoration: underline;
}
.custom-list.liketab .list-head {
    background: #87D1FF;
    border: solid 1px #336699;
}
.custom-list.liketab .list-head.active {
    background: #FFF;
    color: #336699
}
.custom-list input[type="text"], 
.custom-list input[type="email"], 
.custom-list input[type="checkbox"], 
.custom-list input[type="radio"] {
    margin: 0;
}
.list-item.nopad label { 
    padding: 0.8em 0 0 0;
}
.list-item.nopad {
    padding: 0;
}
/*
* ===================================================== Data Equalizer TABLE ==================================================
*/
.custom-list .row.data-equalizer {
    margin: 0 !important;
}
.custom-list .row.data-equalizer .list-item {
    background: none !important;
}
.custom-list .row.data-equalizer:first-child {
    background: #336699 !important;
}
.custom-list .row.data-equalizer:nth-child(odd) {
    background: #F7F6F6 !important;
}
.custom-list .row.data-equalizer:nth-child(even) {
    background: #FFF !important;
}

/*
* border box for recurly payment
*/
.border-box {
    border: solid 1px #C42E00;
    padding: 1em;
    margin: 10px;
    box-shadow: 1px 1px 10px 1px #C42E00;
}