@charset "UTF-8";
/* CSS Document */

    img.turn2grayIMG {
      filter: none;
      cursor: grab;
      cursor: -webkit-grab;
      -webkit-filter: grayscale(0%);
    }
    img.turn2grayIMG:hover, img.makeIMGgray {
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
      filter: gray; /* IE6-9 */
      -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    }

    .rounded_corners { 
        -moz-border-radius: 20px 20px 20px 20px; 
        -webkit-border-radius: 20px 20px 20px 20px; 
        -khtml-border-radius: 20px 20px 20px 20px;
        border-radius: 20px 20px 20px 20px;
    }

    #mainBox { margin:0; width: 100%; display:block; }
    #mainBox a.downloadIt2 { width:90%; display:block; background-color:#900; color:#FFF; margin:5px auto 0 auto; padding:5px 0; text-decoration:none; text-align:center; }
    #mainBox a.downloadIt2:hover { background-color:#090; color:#FFF; }
    .floatingBox form {
        float:left;
        width:100%;
        margin:0;
    }

    #floatForm label {
        display: block;
        margin: 3px 0 3px 15px;
        padding:4px 0;
        letter-spacing: 1px;
        font-size: 11px;
        font-weight: bold;
        text-align: left;
        color: #555;
        background-image: url(../img/bg/lable_bg.png);
        background-repeat: repeat-y;
        background-position: left top;
    }

    #floatForm .fNewsAdd {
        margin:5px auto 0 25px;
        width:90%;
        font-size:10px;
        display:block;
    }

    /* Style the text boxes */
    #floatForm .postname, #floatForm .postemail, #floatForm .posttel, #floatForm .human, #floatForm textarea, #ccoptin .newsletter {
        width:93%;
        background:#efefef;
        border:1px solid #dedede;
        padding:5px 1%;
        margin:3px 0 0 2%;
        font-size:0.80em;
        color:#3a3a3a;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;
    }

    #floatForm #postmessage {
        height:150px;
        font-size:0.80em;
        /*Below is now in style on a3mag*/
        /*background:url(../a1mag/img/deco/text_bg_leaf.png) right no-repeat #efefef;*/
    }

    #ccoptin .newsletter:focus { border:1px solid #009; }

    #floatForm .postname:focus, #floatForm .postemail:focus, #floatForm .posttel:focus, #floatForm #postmessage:focus {
        border:1px solid #009;
    }
    input#postForm {
        width:100%;
        padding: 9px 0;
        font-weight:bold;
        font-size:18px;
        opacity:1;
        cursor: pointer;
        border:1px solid #dcdcdc; /*required or the default border for the browser will appear*/
        /*give the button curved corners, alter the size as required*/
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        /*give the button a drop shadow*/
        -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
        -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
        box-shadow: 0 0 4px rgba(0,0,0, .75);
        /*style the text*/
        color:#f3f3f3;
    }
    input#postForm:hover, input#postForm:focus {
         background-color :#399630; /*make the background a little darker*/
        /*reduce the drop shadow size to give a pushed button effect*/
        -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
        -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
        box-shadow: 0 0 1px rgba(0,0,0, .75);
        opacity:0.9;
    }
    /* Capa And Text */

    #floatForm .fCapaText {
        float:left;
        margin:3px 0 3px 4%;
        font-size:11px;
        width:40%;
        padding:8px 0 8px 2%;
        background-image: url(../img/bg/lable_bg.png);
        background-repeat: repeat-y;
        background-position: left top;
    }
    #floatForm .fCapa {
        float:right;
        text-align:center;
        margin:3px 1% 3px 0;
        width:43%;
        padding:11px 1.5%;
        background-color:#FC0;
        color:#000;
        font-size:16px;
        font-weight:bold;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
    }

    #related a.sideSlate {
        background-color:#555; padding:15px 0; text-align:center; font-weight:bold; text-decoration:none; display:block; width:90%; margin:5px 5%; border:#CCC solid 1px; font-size:0.9em; color:#FFF;
    }
    #related a.sideSlate:hover {
        color:#0F0;
    }

    #SlateBox { margin:10px 0; }
    #SlateBox a.slate {
        color:#FFF;
        background-color:#555; 
        padding:6px 0; 
        text-align:center; 
        font-weight:bold; 
        text-decoration:none;
        width:95%; 
        margin:0 2.5% 5px 2.5%; 
        border:#CCC solid 1px; 
        font-size:0.9em; 
        display:block; 
    }
    #SlateBox a.slate:hover {
        color:#0F0;
        width:94%; 
        margin:0 3% 5px 3%;
    }

    a.slateButton {
        color:#FFF;
        background-color:#555; 
        padding:6px 0; 
        text-align:center; 
        font-weight:bold; 
        text-decoration:none;
        width:95%; 
        margin:0 2.5% 5px 2.5%; 
        border:#CCC solid 1px; 
        font-size:0.9em; 
        display:block; 
    }
    a.slateButton:hover {
        color:#0F0;
        width:94%; 
        margin:0 3% 5px 3%;
    }


    .floatingBox .fifth50, 
    .floatingBox3 .fifth50, 
    .floatingBox4 .fifth50 {
        float:left;
        width:100%;
        margin:0 0 10px 0;
    }

    .inXtxt strong, .floatingBox .fifth50 strong { font-size:11px; margin:0; padding:0; display:inline; }
    .inXimg { width:41%; height:125px; float:left; margin-right:1%; }
    .inXtxt { width:56%; float:left; }
    .inXtxt em, .inXtxt span, .floatingBox .fifth50 em, .floatingBox .fifth50 span { font-size:9px; }

    .floatingBox, 
    .floatingBox3, 
    .floatingBox4 
    { float:left; width:100%; margin:0 0 15px 0; }

    .dontShow011 { display:none; }
    .dontShow100 { display:block; }
    .dontShow110 { display:block; }
    .dontShow001 { display:none; }
    .dontShow101 { display:none; }
    .dontShow010 { display:block; }

    #StrategyS { text-align:left; font-size:0.9em; }
    #StrategyS .imgBox { width:31%; margin:10px 37%; }
    #StrategyS .textBox { width:98%; margin:0 1%; }
    #StrategyS .dontShow100 { display:inline; }

    /* Float Boxs web 3 pad 2 Phone 1 */
    .box121, .box211, .box221, .box321, .box221podT10, .box411, .box421, .box511, .box521, .box531, .box532 {
        margin:0 0 15px 0.5%;;
        vertical-align: text-top;
        display:inline-block;
    }
    .box121, .box211, .box221, .box321, .box221podT10, .box411, .box421, .box511, .box521, .box531 { width:98%; }
    .box532 { width:48.5%; }

    .box531 img { max-width: 250px; margin: 0 auto 2px auto; }

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

    .floatingBox .fifth50, 
    .floatingBox3 .fifth50, 
    .floatingBox4 .fifth50 {
        float:left;
        width:100%;
        margin:0 0 10px 0;
    }
    .inXtxt strong, .floatingBox .fifth50 strong { font-size:12px; margin:0; padding:0; display:inline; }
    .inXimg { width:41%; height:180px; float:left; margin-right:1%; }
    .inXtxt { width:56%; float:left; }
    .inXtxt em, .inXtxt span, .floatingBox .fifth50 em, .floatingBox .fifth50 span { font-size:12px; }

    .floatingBox { float:left; width:49%; margin:0 1% 10px 0; }
    .floatingBox3 { float:left; width:32%; margin:0 1% 10px 0; }
    .floatingBox4 { float:left; width:49%; margin:0 1% 10px 0; }

    .dontShow011 { display:block; }
    .dontShow100 { display:none; }
    .dontShow110 { display:block; }
    .dontShow001 { display:none; }
    .dontShow101 { display:block; }
    .dontShow010 { display:none; }

    #StrategyS { text-align:left; font-size:0.9em; }
    #StrategyS .imgBox { width:31%; margin:10px 37%; }
    #StrategyS .textBox { width:98%; margin:0 1%; }
    #StrategyS .dontShow100 { display:none; }

    /* Float Boxs web 3 pad 2 Phone 1 */
    .box121, .box221, .box321, .box421, .box521 { width:48.5%; }
    .box211, .box411, .box221podT10 {
        width:98.5%;
        margin:0 0 15px 0.5%;
        vertical-align: text-top;
        display:inline-block;
    }
    .box531, .box532 { width:32%; }
	
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

    .floatingBox .fifth50, 
    .floatingBox3 .fifth50, 
    .floatingBox4 .fifth50 {
        float:left;
        width:47%;
        margin:0 3% 10px 0;
    }
    .inXtxt strong, .floatingBox .fifth50 strong { font-size:14px; margin:0; padding:0; display:inline; }
    .inXimg { width:41%; height:150px; float:left; margin-right:1%; }
    .inXtxt { width:56%; float:left; }
    .inXtxt em, .inXtxt span, .floatingBox .fifth50 em, .floatingBox .fifth50 span { font-size:12px; }

    .floatingBox { float:left; width:49%; margin:0 1% 15px 0; }
    .floatingBox3 { float:left; width:32%; margin:0 1% 15px 0; }
    .floatingBox4 { float:left; width:24%; margin:0 1% 15px 0; }

    .dontShow011 { display:block; }
    .dontShow100 { display:none; }
    .dontShow110 { display:none; }
    .dontShow001 { display:block; }
    .dontShow101 { display:none; }
    .dontShow010 { display:block; }

    #StrategyS { text-align:left; font-size:0.9em; }
    #StrategyS .imgBox { float:left; width:29%; margin:0 1% 0 0; }
    #StrategyS .textBox { float:left; width:68%; margin:0 1%; }
    #StrategyS .dontShow100 { display:none; }

    /* Float Boxs web 3 pad 2 Phone 1 */
    .box211, .box221, .box221podT10 { width:49%; }
    .box321 { width:32%; }
    .box411, .box421 { width:24%; }
    .box511, .box521, .box532, .box531 { width:19%; }
    .box121 {
        width:98%;
        margin:0 0 15px 0.5%;;
        vertical-align: text-top;
        display:inline-block;
    }

    .box531 img { max-width: 99%; margin: 0 auto 2px auto; }
	
}