html {
    margin: 0;
    padding: 0;

}
body {
    /*border-top: solid 50px #000;*/
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}
.float-left {
    float: left;
}

.float-right {
    float: right;

}

#companylogo {
        width:600px;
        height:150px;
        background-image:URL(/images/Companylogo.png);
        background-repeat:no-repeat;
        margin-left:28%
}

.img1 {
    margin-left:350px;
}
/*Headings*/
h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}
h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

/*Featured Content*/
.Morereports {
    font-size: 19px;
    text-align: center;
    margin-left: 37%;
    font-weight: bold;
}
/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    max-width: 960px;
}

.mdt {
    /*width: 500px;*/
    /*height: 500px;*/
    /*display:inline-block;*/
}
.mdts {
    width: 950px;
    height: 500px;
    float: left;
    margin-left: 150px;
    margin-top:10px;
}
.mbg{
    width: 600px;
    height: 400px; 
    float:right;
}
.mbgr{
    width: 849px;
    height: 600px; 
    float:right;
    margin-left:25px;
}
.dailybg{
    width: 900px; 
    height: 500px;
}
#body {
    
    clear: both;
    padding-bottom: 35px;

}

    .main-content {
       
        padding-left: 10px;
        padding-top: 0px;
    }

    .featured + .main-content {
        
    }

header .content-wrapper {
    padding-top: 20px; 
}
    
footer {
    clear: both;
    height: 20px;
    /*border-bottom: solid 10px #000;*/
}
.footertext {

}

/* -----login--------------------*/

.TBUserLoginDefault {
  background: url(../images/keyIcon.png) 12px 11px no-repeat, -moz-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
  background: url(../images/keyIcon.png) 12px 11px no-repeat, -webkit-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
  background: url(../images/keyIcon.png) 12px 11px no-repeat, -o-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
  background: url(../images/keyIcon.png) 12px 11px no-repeat, -ms-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
  background: url(../images/keyIcon.png) 12px 11px no-repeat, linear-gradient(to bottom, #f7f7f8 0%, #ffffff 100%);
  border-radius: 3px;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 13px;
  color: #222222;
  position: relative;
  height: 36px;
  width: 300px;
  padding-left: 30px;
  margin-left:30%;
  margin-top:5%;
}
TBUserLoginDefault::-webkit-input-placeholder {
  color: #999999;
}
TBUserLoginDefault:-moz-placeholder {
  color: #999999;
}
TBUserLoginDefault:focus {
  box-shadow: 0 1px 0 #2392f3 inset, 0 -1px 0 #2392f3 inset, 1px 0 0 #2392f3 inset, -1px 0 0 #2392f3 inset, 0 0 4px rgba(35, 146, 243, 0.5);
  outline: none;
  background: url(../images/keyIcon.png) 12px 11px no-repeat, #ffffff;
}

.TBPswdLoginDefault {
  background: url(../images/keyIcon.png) 12px 11px no-repeat, -moz-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
  background: url(../images/keyIcon.png) 12px 11px no-repeat, -webkit-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
  background: url(../images/keyIcon.png) 12px 11px no-repeat, -o-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
  background: url(../images/keyIcon.png) 12px 11px no-repeat, -ms-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
  background: url(../images/keyIcon.png) 12px 11px no-repeat, linear-gradient(to bottom, #f7f7f8 0%, #ffffff 100%);
  border-radius: 3px;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 13px;
  color: #222222;
  position: relative;
  height: 36px;
  width: 300px;
  padding-left: 30px;
  margin-left:30%;
  margin-top:1%;
}
TBPswdLoginDefault::-webkit-input-placeholder {
  color: #999999;
}
TBPswdLoginDefault:-moz-placeholder {
  color: #999999;
}
TBPswdLoginDefault:focus {
  box-shadow: 0 1px 0 #2392f3 inset, 0 -1px 0 #2392f3 inset, 1px 0 0 #2392f3 inset, -1px 0 0 #2392f3 inset, 0 0 4px rgba(35, 146, 243, 0.5);
  outline: none;
  background: url(../images/keyIcon.png) 12px 11px no-repeat, #ffffff;
}

.BTDefaultLogin {
    margin-left:30%;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border:solid 1px black;
    padding:5px;
    width:330px;
    height:40px;
    margin-top: 1%;
}

/* End box */
#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

    #login a.username {
        background: none;
        margin-left: 0px;
        text-decoration: underline;
    }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }

/*********************************
*       Question Pages           *
*********************************/
.Answer1 {
font-size:40px;
font-weight:bold;
margin-left: 30%;
}
.Answer2 {
font-size:40px;
font-weight:bold;
margin-left: 7%;
}

.Navhead {
color:teal;
}
/*****************************************************************************************/
/********************
*********************
*   Mobile Styles   *
*********************
********************/

/*********************
**********************
*   IPAD Landscape   *
**********************
*********************/
@media only screen and (max-width: 1024px){
  header .float-left,
    header .float-right {
        float: none;
    }
}

.Morereports {
    font-size: 19px;
    text-align: center;
    margin-left: 10%;
    font-weight: bold;
}
    /* logo */
header .site-title {
        margin: 10px;
        text-align: center;
    }

.img1 {
    margin-left:38%;
}

#companylogo {
        width: 600px;
        height: 110px;
        background-image: URL(/images/ipad.png);
        background-repeat: no-repeat;
        margin-left:0%
    }
/* login */
#login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

.TBUserLoginDefault {
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: solid 1px black;
    padding: 5px;
    margin-left:32%;
}
.TBPswdLoginDefault {
   -moz-border-radius: 15px;
    border-radius: 15px;
    border:solid 1px black;
    padding:5px;
    margin-left:32%;
}

.BTDefaultLogin {
    margin-left:32%;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border:solid 1px black;
    padding:5px;
    width:315px;
    height:40px;
    margin-top:2%;
}

    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

            #login a:hover {
                color: #333;
            }



/********************
*********************
*   IPAD Portrait   *
*********************
********************/

@media only screen and (max-width: 768px) {

    /* header----*/
    header .float-left,
    header .float-right {
        float: none;
    }

.Morereports {
    font-size: 19px;
    text-align: center;
    margin-left: 10%;
    font-weight: bold;
}
.mdt {
    width: 350px;
    /*height: 300px;*/
    /*float: left;*/
}
.mbg{
    width: 400px;
    height: 400px; 
    float:right;
}

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    .img1 {
        margin-left: 40%;
    }

    #companylogo {
        width: 600px;
        height: 110px;
        background-image: URL(/images/ipad.png);
        background-repeat: no-repeat;
        margin-left:0%
    }
    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

            #login a:hover {
                color: #333;
            }

.TBUserLoginDefault {
    -moz-border-radius: 15px;
    border-radius: 15px;
    border:solid 1px black;
    padding:5px;
}
.TBPswdLoginDefault {
    -moz-border-radius: 15px;
    border-radius: 15px;
    border:solid 1px black;
    padding:5px;
}

.BTDefaultLogin {
    margin-left:32%;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border:solid 1px black;
    padding:5px;
    width:315px;
    height:40px;
    margin-top:2%;
}

}

        

/************************
*************************
*    IPHONE Portrait    *
*************************
************************/

@media only screen and (max-width: 640px) {

    /* header----*/
    header .float-left,
    header .float-right {
        float: none;
    }

.Morereports {
    font-size: 19px;
    text-align: center;
    margin-left: 10%;
    font-weight: bold;
}
.mdt {
    width: 500px;
    /*height: 300px;*/
    /*float: left;*/
}
.mbg{
    width: 500px;
    height: 400px; 
    float:left;
}

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    .img1 {
        margin-left: 20%;
    }

    /* login */
.TBUserLoginDefault {
    -moz-border-radius: 15px;
    border-radius: 15px;
    border:solid 1px black;
    padding:5px;
    margin-left:10%;
      width:235px;
}
.TBPswdLoginDefault {
    -moz-border-radius: 15px;
    border-radius: 15px;
    border:solid 1px black;
    padding:5px;
    margin-left:10%;
      width:235px;
}

.BTDefaultLogin {
    margin-left:10%;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border:solid 1px black;
    padding:5px;
    width:250px;
    height:40px;
    margin-top:2%;
}
/*login */

    #login{
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

            #login a:hover {
                color: #333;
            }

}