/*   

Theme Name: ACO WP 2011

Theme URI: http://ArmyCounselingOnline.com

Description: The theme for the Army Counseling Online website

Author: Design by Matt Dail, Wordpressed by Preston Fitzgerald

Author URI: http://ArmyCounselingOnline.com

Version: 1.0

*/

@media screen {
    @charset "utf-8";
    /* CSS Document */
    
    html {
        overflow: scroll;
		margin-top:0;
    }
	body{margin:0;}
    /* forces browswer to have a scroll bar so pages don't get bumped to the side*/
    
    .alignleft {
        float: left;
    }
    .alignright {
        float: right;
    }
    #news-title-bar {
        width: 280px;
        display: table-cell;
    }
    .news-title {
        font-size: 17px;
        font-weight: bold;
        color: #FFF;
        vertical-align: bottom;
    }
    .news-meta {
        color: #FFF;
        vertical-align: bottom;
    }
    div.meta {
        margin: -15px 0 15px 100px;
    }
    body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        background: rgb(61, 61, 61);
        /* Old browsers */
        
        background: -moz-linear-gradient(top, rgb(61, 61, 61) 0%, rgb(20, 20, 20) 50%);
        /* FF3.6+ */
        
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(61, 61, 61)), color-stop(50%, rgb(20, 20, 20)));
        /* Chrome,Safari4+ */
        
        background: -webkit-linear-gradient(top, rgb(61, 61, 61) 0%, rgb(20, 20, 20) 50%);
        /* Chrome10+,Safari5.1+ */
        
        background: -o-linear-gradient(top, rgb(61, 61, 61) 0%, rgb(20, 20, 20) 50%);
        /* Opera 11.10+ */
        
        background: -ms-linear-gradient(top, rgb(61, 61, 61) 0%, rgb(20, 20, 20) 50%);
        /* IE10+ */
        
        background: linear-gradient(to bottom, rgb(61, 61, 61) 0%, rgb(20, 20, 20) 50%);
        /* W3C */
        
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#141414', GradientType=0);
        /* IE6-9 */
        
        color: #FFF;
    }
    body > iframe:nth-child(3) {
        position: absolute;
    }
    #disclaimer p {
        margin: 20px 85px 20px;
        color: #666;
        font-size: 10px;
        font-style: oblique;
    }
    div.post-ratings {
        margin-top: -15px;
    }
    /* Upload form */
    
    #upload_form form {
        margin: 10px 110px;
        padding: 10px 0;
        border: dotted;
        border-color: #333;
    }
    #upload_form input {
        width: 150px;
        background-color: #CCC;
    }
    #upload_form textarea {
        width: 300px;
        background-color: #CCC;
    }
    #upload_form H3 {
        margin-bottom: 0;
        margin-top: 18px;
    }
    #upload_form p {
        margin: 55px;
        padding: 15px;
        border: dotted;
        border-color: #ce9702;
        text-align: center;
    }
    /* End upload form */
    /* Search form */
    
    #search_form {
        text-align: center;
    }
    #search_button submit {
        width: 50px;
    }
    #search_form form {
        margin: 10px 110px;
        padding: 15px 0;
        border: dotted;
        border-color: #333;
    }
    #query_text {
        width: 250px;
        background-color: #CCC;
        font-size: 14px;
    }
    #search_form textarea {
        width: 300px;
        background-color: #CCC;
    }
    /* End search form */
    
    img {
        border: 0;
    }
    h1 {
        font-family: "Arial Black", Gadget, sans-serif;
        color: #FFD200;
        margin-top: 0;
    }
    /* VVV main hyperlink styles*/
    
    a:link {
        color: #FFF;
        text-decoration: none;
    }
    a:visited {
        color: #FFF;
        text-decoration: none;
    }
    a:hover {
        color: #FFF;
    }
    a:active {
        color: #A0A0A4;
    }
    a.wheat {
        color: wheat;
        text-decoration: underline;
    }
    /* ^^^end main hyperlink styles*/
    /* VVV primary div (holds all the other div together)*/
    
    #container {
        width: 900px;
        background-image: url(images/body_bg.gif);
        background-repeat: repeat;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: -10px;
        margin-bottom: -10px;
    }
    /* VVV holds the logo*/
    
    #banner {
        width: 700px;
        height: 175px;
        background-image: url(images/banner.jpg);
        background-repeat: repeat-x;
        margin: 0 auto;
    }

	#logo{display:block;margin-left: 50px;
        margin-top: 0px;
        padding-left: 0;
        float: left;}
	#logo-mobile{display:none;}
	#logo-text {padding-top:127px; margin-left:15px;}
    /* VVV primary navigation*/
    
    #nav {
        height: 50px;
        width: 700px;
        margin: 0 auto 15px;
		display:block;
    }
    #nav.home {
        background-image: url(images/nav1.png);
    }
    #nav.products {
        background-image: url(images/nav2.png);
    }
    #nav.asktop {
        background-image: url(images/nav3.png);
    }
    #nav.resources {
        background-image: url(images/nav4.png);
    }
    #nav.support {
        background-image: url(images/nav5.png);
    }
    #nav.other {
        background-image: url(images/nav6.png);
    }
    #nav img {
        float: left;
        border: 0;
        margin: 0
    }
    #nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #nav ul li {
        padding-bottom: 25px;
        padding-right: 118px;
    }
    #nav li {
        display: inline;
        margin: 0 auto;
    }
	#mobile-nav{display:none;}
    #subnav {
        width: 700px;
        margin: 0 auto;
        margin-bottom: 1em;
    }
    /* links underneath primary navigation*/
    
    #subnav ul {
        padding-left: 0;
        margin-left: auto;
        margin-right: auto;
        list-style: none;
        text-align: center;
        line-height: 50%;
    }
    /* VVV makes vertical list and dictates spacing between links*/
    
    #subnav li {
        display: inline;
        padding-left: 0px;
    }
    #subnav a {
        color: #000;
    }
    /* subnav hyperlink styles*/
    
    #subnav a:link {
        font-size: 12px;
        border-radius: 4px;
        margin: 5px 0.25em;
        padding: 14px 8px;
        *line-height: 160%;
        color: #000000;
        background-color: #E09900;
        *background-color: #E09900;
        background-image: -moz-linear-gradient(top, #FFFA73, #E09900);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFA73), to(#E09900));
        background-image: -webkit-linear-gradient(top, #FFFA73, #E09900);
        background-image: -o-linear-gradient(top, #FFFA73, #E09900);
        background-image: linear-gradient(to bottom, #FFFA73, #E09900);
        background-repeat: repeat-x;
        border-color: #E09900;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFA73', endColorstr='#E09900', GradientType=0);
        filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);
        -webkit-box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.5);
		display:inline-block;
    }
    #subnav li.current-menu-item a:link {
        font-size: 12px;
        border-radius: 4px;
        margin: 0 0.25em;
        *line-height: 160%;
        color: #000000;
        background-color: #F9AB15;
        *background-color: #F9AB15;
        background-image: -moz-linear-gradient(top, #D99B15, #F9AB15);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D99B15), to(#F9AB15));
        background-image: -webkit-linear-gradient(top, #D99B15, #F9AB15);
        background-image: -o-linear-gradient(top, #D99B15, #F9AB15);
        background-image: linear-gradient(to bottom, #D99B15, #F9AB15);
        background-repeat: repeat-x;
        border-color: #F9AB15;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#D99B15', endColorstr='#F9AB15', GradientType=0);
        filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);
        -webkit-box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.5);
    }
    #subnav a:visited {
	
        font-size: 12px;
        background-color: #E09900;
        *background-color: #E09900;
        background-image: -moz-linear-gradient(top, #FFFA73, #E09900);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFA73), to(#E09900));
        background-image: -webkit-linear-gradient(top, #FFFA73, #E09900);
        background-image: -o-linear-gradient(top, #FFFA73, #E09900);
        background-image: linear-gradient(to bottom, #FFFA73, #E09900);
        background-repeat: repeat-x;
        border-color: #E09900;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    }
    #subnav a:hover,
    #subnav a:focus {
        background-image: -moz-linear-gradient(top, #FFFC95, #F3CC33);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFC95), to(#F3CC33));
        background-image: -webkit-linear-gradient(top, #FFFC95, #F3CC33);
        background-image: -o-linear-gradient(top, #FFFC95, #F3CC33);
        background-image: linear-gradient(to bottom, #FFFC95, #F3CC33);
    }
    #subnav a:active {
        background-color: #E09900;
        *background-color: #E09900;
        background-image: -moz-linear-gradient(top, #E09900, #DDD962);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E09900), to(#DDD962));
        background-image: -webkit-linear-gradient(top, #E09900, #DDD962);
        background-image: -o-linear-gradient(top, #E09900, #DDD962);
        background-image: linear-gradient(to bottom, #E09900, #DDD962);
    }
    /* end subnav hyperlink styles*/
    /* holds the primary images and flash object*/
    
    #display {
        width: 700px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 0;
        background-color: #3a3a3a;
    }
    #display_products {
        width: 700px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 0;
        background-color: #3a3a3a;
    }
    #display_bar {
        margin: auto auto -4px;
        width: 700px;
    }
    /* VVV holds text and body copy*/
    
    #content {
        width: 700px;
        background-image: url(images/banner.jpg);
        background-repeat: repeat-x;
        margin: -15px auto 0 auto;
        padding-bottom: 20px;
        padding-top: 40px;
        background-color: #232323;
    }
    *.home_content {
        padding-top: 1px;
    }
    *+.home_content {
        padding-top: 1px;
    }
    .home_content {
        padding-top: 1px\0/;
    }
    #single_content {
        width: 700px;
        background-image: url(images/banner.jpg);
        background-repeat: repeat-x;
        margin: 0 auto;
        padding-bottom: 20px;
        padding-top: 5px;
        background-color: #232323;
    }
    #products_content {
        width: 700px;
        background-image: url(images/banner.jpg);
        background-repeat: repeat-x;
        margin: 0 auto;
        padding-bottom: 20px;
        padding-top: 5px;
        background-color: #232323;
    }
    #products_content h2 {
        margin-left: 50px;
        color: #FFD200;
    }
    #products_content p {
        margin-left: 50px;
        margin-right: 25px;
    }
    #counseling-list ul li {
        font-size: 12px;
    }
    #counseling-list ul li.list-header {
        font: 14px Arial, Helvetica, sans-serif;
        font-weight: bold;
        list-style: none;
    }
    .entry {
        margin: 0 45px;
        font-size: 125%;
    }
    .archive_meta {
        margin-top: -15px;
    }
    #left-column p {
        margin-bottom: 25px
    }
    .p_margin p {
        padding-top: 35px;
    }
    /* ^^^ style to bump margin for paragraphs on product pages */
    
    #left-column {
        float: left;
        width: 275px;
        margin-left: 50px;
    }
    #right-column {
        float: right;
        width: 275px;
        margin-right: 50px;
    }
    /*  VVV dicates style for subjects in counsel quick product page*/
    
    select {
        scrollbar-3dlight-color: #001a24;
        scrollbar-arrow-color: #FFD200;
        scrollbar-base-color: #FFD200;
        scrollbar-darkshadow-color: #000;
        scrollbar-face-color: #222;
        scrollbar-highlight-color: #A0A0A4;
        scrollbar-shadow-color: #001a24;
    }
    /* VVV styles titles for subject menus*/
    
    option.white {
        font-weight: bolder;
        background-color: #FFF;
        color: #001a23;
        font-size: 12px;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    /* gives subjects extra line spacing in Firefox*/
    
    option {
        padding-top: 5px;
    }
    #products_content select {
        border: #FFFBF0;
        color: #FFD200;
        background-color: #000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        width: 230px;
    }
    #products_content form {
        text-align: center;
    }
    /* end subject styles*/
    
    #product_box {
        color: #666;
        width: 700px;
        height: 245px;
        background-image: url(images/product_box_background.jpg);
    }
    #product_box img {
        float: left;
        margin-right: 35px;
    }
    #product_box p {
        font-size: 12px;
        margin-right: 40px;
    }
	.product-img-desktop{display:block;}
	.product-img-mobile{display:none;}
	div.learning-center-links{width:100%;overflow:hidden;}
	div.learning-center-row{width:20%; text-align:center; float:left;}
    #footer {
        height: auto;
        margin: 0 auto 0 auto;
        background-color: #111;
        width: 700px;
        padding: 5px 0 30px 0;
    }
    #footer ul {
        padding-top: 10px;
        list-style: none;
    }
    #footer li {
        display: inline;
        padding-left: 66px;
    }
    #footer p {
        color: #808080;
        text-align: center;
    }
    /* features is span for formatting various text on the product pages */
    
    #features p {
        font-size: 12px;
        margin-left: 90px;
        margin-right: 50px;
    }
    #features h2 {
        margin-left: 70px;
    }
    #features h3 {
        margin-left: 70px;
    }
    #features li {
        line-height: 150%;
        margin-left: 60px;
        margin-right: 40px;
    }
    #features table {
        margin-left: 50px;
        margin-right: 50px;
    }
    #features table td {
        vertical-align: text-top;
    }
    .black-bg {
        background: rgb(27, 27, 27);
        border: solid 1px #777;
        margin: 30px auto;
        padding: 20px;
        width: 75%;
    }
    /*special span for formatting system requirements */
    
    #system_req h2 {
        margin-left: 70px;
    }
    #system_req li {
        list-style: none;
        line-height: 100%;
        margin-left: 60px;
        margin-right: 40px;
    }
    /* VVV makes the link to the current page red (i.e. on the contact page the contact link will be red) */
    
    #currentpage {
        color: #FFD200;
    }
    /* specific text call outs*/
    
    .bold {
        font-weight: bolder;
        font-size: 12px;
    }
    .important {
        font-weight: bold;
        color: #FFD200;
    }
    #gipubs {
        font-weight: bold;
        color: #000;
        text-decoration: none;
        padding: 10px 15px;
        text-align: center;
        border-radius: 4px;
        line-height: 24px;
        background: ;
        box-shadow: 0px 2px 2px 0px #999;
        -webkit-box-shadow: 0px 2px 2px 0px #999;
        -moz-box-shadow: 0px 2px 2px 0px #999;
        border: 1px solid #dda600;
        top: 10px;
        position: relative;
        background: -moz-linear-gradient( center top, #ffd000 5%, #ffb700 100%);
        background: -ms-linear-gradient( top, #ffd000 5%, #ffb700 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffd000', endColorstr='#ffb700');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffd000), color-stop(100%, #ffb700));
        background-color: #ffd000;
    }
    /* VVV code for the light box */
    
    #lightbox {
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
    }
    #lightbox img {
        width: auto;
        height: auto;
    }
    #lightbox a img {
        border: none;
    }
    #outerImageContainer {
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
    }
    #imageContainer {
        padding: 10px;
    }
    #loading {
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
    }
    #hoverNav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
    }
    #imageContainer>#hoverNav {
        left: 0;
    }
    #hoverNav a {
        outline: none;
    }
    #prevLink,
    #nextLink {
        width: 49%;
        height: 100%;
        background-image: url(data:image/gif;base64,AAAA);
        /* Trick IE into showing hover */
        
        display: block;
    }
    #prevLink {
        left: 0;
        float: left;
    }
    #nextLink {
        right: 0;
        float: right;
    }
    #prevLink:hover,
    #prevLink:visited:hover {
        background: url(images/prevlabel.gif) left 15% no-repeat;
    }
    #nextLink:hover,
    #nextLink:visited:hover {
        background: url(images/nextlabel.gif) right 15% no-repeat;
    }
    #imageDataContainer {
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%;
    }
    #imageData {
        padding: 0 10px;
        color: #666;
    }
    #imageData #imageDetails {
        width: 70%;
        float: left;
        text-align: left;
    }
    #imageData #caption {
        font-weight: bold;
    }
    #imageData #numberDisplay {
        display: block;
        clear: left;
        padding-bottom: 1.0em;
    }
    #imageData #bottomNavClose {
        width: 66px;
        float: right;
        padding-bottom: 0.7em;
        outline: none;
    }
    #overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
    }
    .more-link {
        color: Wheat !important;
        text-decoration: underline !important;
    }
    /* Styling for the free downloads category templates   */
    
    #cat_head {
        display: table-cell;
    }
    #cat_head_left {
        width: 100px;
        float: left;
        margin: 5px 0 0px 125px;
    }
    #cat_head_right {
        width: 450px;
        float: right;
        margin: -10px 100px 30px 70px;
    }
    #cat_description {
        margin-bottom: 20px;
    }
    #cat_description p {
        margin: 0;
    }
    /* end Styling for free downloads category template */
    
    .entry a {
        color: wheat;
        text-decoration: underline;
    }
    .entry h2 a {
        text-decoration: none;
    }
    #sd_slide {
        color: #333
    }
    #sd_prod_image img {
        margin-top: 25px;
    }
    /* Drain Hole */
    #download-wrapper{
background: rgba(242,232,119,1);
background: -moz-linear-gradient(top, rgba(242,232,119,1) 0%, rgba(196,159,65,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,232,119,1)), color-stop(100%, rgba(196,159,65,1)));
background: -webkit-linear-gradient(top, rgba(242,232,119,1) 0%, rgba(196,159,65,1) 100%);
background: -o-linear-gradient(top, rgba(242,232,119,1) 0%, rgba(196,159,65,1) 100%);
background: -ms-linear-gradient(top, rgba(242,232,119,1) 0%, rgba(196,159,65,1) 100%);
background: linear-gradient(to bottom, rgba(242,232,119,1) 0%, rgba(196,159,65,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e877', endColorstr='#c49f41', GradientType=0 );
	}
    #download-area {
        background-image: url("view/drain-hole/download-background.png");
        background-repeat: no-repeat;
        padding-bottom: 20px;
		box-shadow:2px 2px 5px 0px #000;
      
    }
    #download-area h2 {
        margin: 4px 5px 0 100px;
    }
    #download-area a {
        color: #AE2E02;
    }
    #download-area p {
        margin: 0 5px 0 100px;
        color: #666;
    }
    li {
        margin-top: 7px;
    }
    /* Comment styles */
    
    ol.commentlist {
        list-style: none;
        margin-right: 80px;
        margin-left: 50px;
    }
    li.comment {
        list-style: none;
    }
    #comments-title h2 {
        margin: 15px;
		clear:left;
		padding-top:20px;
    }
    #comments-title hr {
        background-color: #999;
        height: 3px;
        margin: 15px;
    }
    #leave-comment h2 {
        margin: 0 50px 0 0;
    }
    #leave-comment hr {
        background-color: #999;
        height: 3px;
        margin: 0 50px 0 0;
    }
    div.vcard {
        font-size: 17px;
        color: #999;
        background-color: #1c1b1b;
        padding: 10px;
    }
    div.comment-meta {
        margin-left: 10px;
        margin-top: 3px;
    }
    div.comment-meta a {
        color: #999;
    }
    div.comment-body p {
        margin-left: 10px;
        margin-top: 0;
    }
    div.reply a {
        color: wheat;
    }
    #respond {
        margin-left: 50px;
        margin-top: 20px;
        margin-bottom: 15px;
    }
    #respond textarea {
        background-color: #CCC;
        border: solid;
        border-color: #333;
    }
    #respond input {
        background-color: #CCC;
        border: solid;
        border-color: #333;
    }
    .bypostauthor {
        background-color:#540;
        background-repeat: repeat-y;
        padding: 5px;
    }
    li.comment {
        padding: 5px;
    }
    a.comment-reply-link {
        margin-left: 15px;
    }
    /* Fix the text category links in the Learning Center */
    
    tr.cats-row td {
        padding: 0 17px;
    }
    .body_reset {
        background-color: #000;
    }
    .div_reset {
        background-color: #000;
        padding: 5% 0;
        margin: 15% auto;
        text-align: center;
        width: 50%;
    }
    .h1_reset {
        color: rgb(210, 255, 210);
    }
    /* Wallpaper Page Styles */
    
    .wallpaper-thumbnail {
        margin-right: 40px;
        margin-left: 0px;
        margin-top: 25px;
    }
    .wallpaper-sizes {
        font-size: 13px;
    }
    .wallpaper-container {
        margin-bottom: 20px;
		float:left;
		overflow:hidden;
		margin-right:10px;
    }
    /* END screen media */
    
    @media print {
        .do-not-print {
            display: none;
        }
        #comments {
            page-break-before: always;
        }
        body {
            width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            line-height: 1.4;
            word-spacing: 1.1pt;
            letter-spacing: 0.2pt;
            font-family: Garamond, "Times New Roman", serif;
            color: #000;
            background: none;
            font-size: 12pt;
        }
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: Helvetica, Arial, sans-serif;
        }
        h1 {
            font-size: 19pt;
        }
        h2 {
            font-size: 17pt;
        }
        h3 {
            font-size: 15pt;
        }
        h4,
        h5,
        h6 {
            font-size: 12pt;
        }
        code {
            font: 10pt Courier, monospace;
        }
        blockquote {
            margin: 1.3em;
            padding: 1em;
        }
        img {
            display: block;
            margin: 1em 0;
        }
        a img {
            border: none;
        }
        table {
            margin: 1px;
            text-align: left;
        }
        th {
            border-bottom: 1px solid #333;
            font-weight: bold;
        }
        td {
            border-bottom: 1px solid #333;
        }
        th,
        td {
            padding: 4px 10px 4px 0;
        }
        caption {
            background: #fff;
            margin-bottom: 2em;
            text-align: left;
        }
        thead {
            display: table-header-group;
        }
        tr {
            page-break-inside: avoid;
        }
        th[scope=col] {
            color: #ffcc00;
            text-align: left;
        }
        a {
            text-decoration: none;
            color: black;
        }
    }
    /* END print media */
    /* -------------------------------------------------- 
	:: START WOAHbar CSS
---------------------------------------------------*/
    
    .woahbar {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 16px;
        /* << set custom WOAHbar height */
        
        z-index: 100;
        /* << DO NOT EDIT, KEEPS WOAHbar ON TOP OF PAGE CONTENT */
        
        padding: 5px 0 10px 0;
        text-align: center;
        font-family: sans-serif;
        font-size: 16px;
        /* << set custom WOAHbar font size */
        
        color: rgba(0, 0, 0, 0.8);
        /* << set custom WOAHbar font color */
        
        background-color: rgba(255, 215, 0, 0.9);
        /* << set custom bar color here */
        
        border-bottom: 1px solid #db0;
        /* << set custom bottom border thickness & color here */
        
        -webkit-box-shadow: 0 8px 6px -6px #333;
        /* << set custom css box shadow */
        
        -moz-box-shadow: 0 8px 6px -6px #333;
        /* << set custom css box shadow */
        
        box-shadow: 0 8px 6px -6px #333;
        /* << set custom css box shadow */
    }
    .woahbar dontshowMobile p {
        font-family: 'Days One', sans-serif;
    }
    .woahbar-stub {
        position: fixed;
        top: -10px;
        left: 0px;
        width: 100%;
        height: 19px;
        z-index: 200;
        padding: 7px 0 5px 0;
        text-align: center;
    }
    .woahbar span {
        float: left;
        width: 95%;
        text-align: center;
        padding-top: 2px;
    }
    .show-notify {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border: 3px solid #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
        float: right;
        margin-right: 10px;
        color: #fff;
        width: 35px;
        height: 33px;
        text-decoration: none;
        background-color: #eee;
        /* << set custom bar color here */
        
        cursor: pointer;
    }
    .show-notify:hover {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border: 3px solid #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
        float: right;
        margin-right: 10px;
        color: #fff;
        width: 35px;
        height: 33px;
        text-decoration: none;
        cursor: pointer;
    }
    .woahbar-up-arrow:hover {
        background: url(woahbar-up-arrow-hover.png);
    }
    .close-notify {
        float: right;
        margin-top: 3px;
        margin-right: 22px;
        color: #fff;
        width: 17px;
        height: 19px;
        text-decoration: none;
        cursor: pointer;
    }
    .woahbar-link {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: rgb(0, 0, 0);
        /* Old browsers */
        
        color: #000;
        padding: 1px 8px 3px 8px;
    }
    .woahbar-link:hover {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: #1c1c1c;
        /* Old browsers */
        
        color: white;
        padding: 1px 8px 3px 8px;
        text-decoration: none;
    }
	

    /* -------------------------------------------------- 
	:: END WOAHbar CSS
---------------------------------------------------*/
.counselor-list-link{border:solid 3px #FFD200; border-radius:40px; background:#111; width:400px; text-align:center; float:none; margin:auto; height:auto;padding:10px}
.hidden-mobile{display:block;}
.hidden-desktop{display:none;}
.wp-video{text-align:center !important;width:100% !important;}
#video-1031-1{width:100%; height:auto;}
.left-indent{margin-left:70px; font-size:14px;}
a.rsswidget{color:#FFD200;}
.search-p{margin:0 115px 5px; padding:5px;}
.search-h1{margin:0 115px 5px;}
div#mep_0{margin:0 auto;}
#yith-topbar-countdown .wrapper_inner .countdown_button{margin-top:12px !important;}
#yith-topbar-countdown .countdown_information{padding-top:20px !important;}
#yith-topbar-countdown.topbar-countdown-container{position:fixed; box-shadow:0px 1px 3px 0px #000;}
@media (max-width:920px){
	#container{background:none;width:100%;margin-top:0}
	#nav{display:none;}
	img.sdvosb-w-top{display:none !important;}
	/*#logo{display:none;}
	#logo-mobile{display:block;margin-top:15px;-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75); box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75); float:left;}
	#logo-text{padding-top:0;margin-top:15px;  float:left;}*/
	#banner{width:100%;height:auto;}
	div.thethe_image_slider{display:none;}
	#nav{display:none;}
	#mobile-nav{display:block;width:100%;
		background: #ffe868; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffe868 0%, #ffe100 48%, #fff200 49%, #fcd200 49%, #ffbb00 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe868), color-stop(48%,#ffe100), color-stop(49%,#fff200), color-stop(49%,#fcd200), color-stop(100%,#ffbb00)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffe868 0%,#ffe100 48%,#fff200 49%,#fcd200 49%,#ffbb00 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffe868 0%,#ffe100 48%,#fff200 49%,#fcd200 49%,#ffbb00 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffe868 0%,#ffe100 48%,#fff200 49%,#fcd200 49%,#ffbb00 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffe868 0%,#ffe100 48%,#fff200 49%,#fcd200 49%,#ffbb00 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe868', endColorstr='#ffbb00',GradientType=0 ); /* IE6-9 */
		
	}
	#mobile-nav a{padding:10px 20px;color:#000;font-weight:bold;font-size:14px;text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.7);display:inline-block;}
	
	#mobile-nav a:hover{
	background: #ffbb00; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffbb00 0%, #ffe868 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbb00), color-stop(99%,#ffe868)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffbb00 0%,#ffe868 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffbb00 0%,#ffe868 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffbb00 0%,#ffe868 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffbb00 0%,#ffe868 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbb00', endColorstr='#ffe868',GradientType=0 ); /* IE6-9 */
	}
	#display{display:none;}
	#display_bar{display:none;}
	#subnav{width:100%;margin-bottom: 30px;background:#111; overflow:hidden;box-shadow:0px 2px 2px 0px #000;-webkit-box-shadow:0px 2px 2px 0px #000;-moz-box-shadow:0px 2px 2px 0px #000}
	#content{background:none;width:100%;}
	#display{display:90%;}
	#display_bar{display:90%;}
	#left-column{float:none;width:90%;margin:0 auto;}
	#right-column{float:none;width:90%;margin:0 auto;}
	#footer{width:100%;text-align:center;}
	#footer ul{padding:0;}
	#footer li{display:inline-block; padding:0;}
	#display_products{background:none; width:100%;}
	#products_content{background:none;}
	#cat_head{text-align:center;width:100%;}
	#cat_head_left{width:90%;margin:0 auto;float:none}
	#cat_head_right{width:90%;margin:0 auto;float:none}
	#single_content{width:100%;}
	#product_box{width:100%;height:auto;background:#111; overflow:hidden;padding-bottom:40px;box-shadow:0px 2px 2px 0px #000;-webkit-box-shadow:0px 2px 2px 0px #000;-moz-box-shadow:0px 2px 2px 0px #000}
	#product_box p {margin:20px; color:#eee; font-size:14px;}
	#product_box a {color:#fc0 !important;}
	#product_box a#gipubs{color:#000 !important;box-shadow:0px 2px 2px 0px #000;-webkit-box-shadow:0px 2px 2px 0px #000;-moz-box-shadow:0px 2px 2px 0px #000;display:block; line-height:120%;}
	img.product-img-desktop{display:none !important;}
	img.product-img-mobile{display:block !important; box-shadow:0px 2px 2px 0px #000;-webkit-box-shadow:0px 2px 2px 0px #000;-moz-box-shadow:0px 2px 2px 0px #000}
	#product_box img{float:left;}
	#product_box img.product-img-mobile{margin-bottom:40px;width:100%;}
	#products_content{width:100%;}
	#products_content h2{margin:20px;}
	#products_content > div > table > tbody > tr > td{float:left;width:100%;}
	#products_content > div > table > tbody > tr > td > ul{margin-bottom:0}
	img.gplay{margin-top:0 !important; float:left !important;}
	img.appstore{margin-right:10px !important; float:left !important; margin-left:20px;}
	.mobile-100{width:100% !important;}
	#cat_head{display:block;}
	.entry{margin:0 20px;}
	#single_content > div.entry > p > a > img{width:100%; height:auto;}
	#single_content > div.entry > p {overflow:hidden;}
	ol.commentlist{margin-left:10px; margin-right:10px; padding-left:0}
	.post > h1 {margin-left:18px !important;}
	.hidden-mobile{display:none;}
	.hidden-desktop{display:block;}
	li{margin-right:20px;}
	li.menu-item{margin-right:0px;}
	#features p{margin-left:20px;margin-right:20px;}
	#products_content p{margin-left:20px; margin-right:20px;font-size:12px;}
	.counselor-list-link{padding:8px;width:auto;margin:0 10px}
	#player_2995_wrapper{width:100% !important;}
	.purchase-counselor-link{width:95%;}
	.left-indent{margin-left:20px;font-size:14px;}
	#features li{margin-left:0px; margin-right:0px;}
	#features > ul {margin-left:50px;margin-right:20px;padding:0;}
	#features > ul > ul {margin-left:0px;padding-left:20px}
	ul#system_req{padding:0;}
	#system_req li{margin-right:20px; margin-left:40px;}
	.search-p{margin:0 20px 5px; padding:5px; text-align:center;}
	.search-h1{margin:0 20px 5px; text-align:center;}
	#pagination {margin:0 !important; overflow:hidden; float:none !important;}
	div.post-ratings{margin-top:0;}
	#disclaimer p{margin:20px;}
	#respond{margin-left:20px;margin-right:20px}
	#leave-comment h2, #leave-comment hr{margin:0;}
	#respond textarea{width:98%;}
	#mobile-nav a.active{color:#c60;}
}
@media(max-width:685px){#player_2995_wrapper{height:auto !important;}}
@media(max-width:600px){
	div.learning-center
	div.learning-center-row{width:20%;float:left;text-align:center}
	div.learning-center-row img{width:70px;}
	#search_form form{width:90%; margin:10px auto;}
	#query_text{width:70%;}
}

@media (max-width:520px){
	#banner{text-align:center;}
	#logo{display:none;}
	#logo-mobile{display:block; width:200px;margin:20px auto 10px;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);}
	#logo-text{margin:10px 0; padding:0;}
	#gipubs{font-size:12px;}
	img.gplay{width:120px;}
	img.appstore{width:120px;}
}

@media(max-width:325px){
	img.gplay{width:100px;}
	img.appstore{width:100px;}
}