.text {
      background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NTIpIiAvPgo8L3N2Zz4=);
   
}

.chkBLInline {
    display:inline
}

.bulletpStyle {
     font-size: 1.2em;
     font-family:Calibri;
}

.loggedinStyle {
    float:right; 
    font-family:'Book Antiqua'; 
    font-size:1.8em;
    margin-top:2%;
}

.loggedinBtnStyle {
    font-family:'Book Antiqua'; 
    font-size:1.1em;
    padding: 5px;
    width:140px;
    align-content: center;
    height: 25px;
    border: 1px;
    border-style: solid;
    /*Applying CSS 3radius*/   
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: -webkit-gradient(linear, center top, center bottom, from(#ffefdd), to(#ff8800));
    background: -webkit-linear-gradient(#ffefdd , #ff8800);
    background: -moz-linear-gradient(#ffefdd , #ff8800);
    background: -o-linear-gradient(#ffefdd , #ff8800);
    background: -ms-linear-gradient(#ffefdd , #ff8800);
    background: linear-gradient(#ffefdd , #ff8800);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRUZERCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODgwMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzQ2KSIgLz4KPC9zdmc+);

}

.styleselectLblTitle {
     display: block;
     font-weight: 600;
     font-size: 2.2em;
     font-family:'Book Antiqua';
     margin-top: 4px;
     text-transform:uppercase
}

.styleselectLbl {
     display: block;
     font-weight: 300;
     font-size: 1.1em;
     font-family:'Book Antiqua';
     margin-top: 4px;
}

.labelnav {
     display: block;
     font-weight: 600;
     font-size: 0.9em;
     font-family:Verdana;
     text-decoration:underline;
     text-decoration-color:#ff8800;
}

.label_logo1 {
     position:absolute; 
     z-index:1000; 
     top:1px; 
     left:0px;
     margin-top:-0.9%;
     display: block;
     font-weight: 600;
     font-size: 5.5em;
     font-family:'Book Antiqua';
     color:#ff8800;
}

.label_logo2 {
     position:absolute; 
     z-index:1000; 
     top:55px; 
     left:50px;
     margin-top:-0.9%;
     display: block;
     font-weight: 600;
     font-size: 1.3em;
     font-family:Calibri;
     color:#ff8800;
}

.floating_label1 {
     position:absolute; 
     z-index:1100;
     /*
     top:30%; 
     left:45%;
    */ 
     top:32%; 
     left:43%;
     display: block;
     font-weight: 600;
     font-size: 5.0em;
     /*font-size: 7.0em;*/
     font-family:'Book Antiqua';
     color:#ff8800;
}
.floating_label2 {
     position:absolute; 
     z-index:1100; 
     top:37.5%; 
     left:50%;
     display: block;
     font-weight: 600;
     font-size: 2.4em;
     font-family:'Book Antiqua';
     color:#ff8800;
}
.floating_label3 {
     position:absolute; 
     z-index:1100; 
     top:40%; 
     left:37%;
     display: block;
     font-style:italic;
     font-size: 6.3em;
     font-family:'Book Antiqua';
     color:darkgray;
}

.floating_button1 {
     position:absolute; 
     z-index:1000; 
     top:65%; 
     left:53%;
     border-style: solid;
     font-size: 0.80em;
     font-family:Calibri;
     padding: 5px;
     margin-right: 4px;
     width:140px;
     align-content: center;
     height: 25px;
     border: 2px;
     /*Applying CSS 3radius*/   
     -moz-border-radius: 8px;
     -webkit-border-radius: 8px;
      border-radius: 8px;
    background: -webkit-gradient(linear, center top, center bottom, from(#ffefdd), to(#ff8800));
    background: -webkit-linear-gradient(#ffefdd , #ff8800);
    background: -moz-linear-gradient(#ffefdd , #ff8800);
    background: -o-linear-gradient(#ffefdd , #ff8800);
    background: -ms-linear-gradient(#ffefdd , #ff8800);
    background: linear-gradient(#ffefdd , #ff8800);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRUZERCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODgwMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzQ2KSIgLz4KPC9zdmc+);
}

.customBtn {
        font-size: 0.80em;
        font-family:Calibri;
        padding: 5px;
        padding-left: 5%;
        margin-right: 4px;
        align-content: center;
        width: 140px;
        border: 1px;
        border-style: solid;
        align-content: center;
        height: 25px;
        /*Applying CSS 3radius*/   
       -moz-border-radius: 8px;
       -webkit-border-radius: 8px;
        border-radius: 8px;
        background: -webkit-gradient(linear, center top, center bottom, from(#ffefdd), to(#ff8800));
        background: -webkit-linear-gradient(#ffefdd , #ff8800);
        background: -moz-linear-gradient(#ffefdd , #ff8800);
        background: -o-linear-gradient(#ffefdd , #ff8800);
        background: -ms-linear-gradient(#ffefdd , #ff8800);
        background: linear-gradient(#ffefdd , #ff8800);
        background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRUZERCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODgwMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzQ2KSIgLz4KPC9zdmc+);
    }

/* Modal Pop-up */ 

.modalBackground 
{
    background-color:white;
    opacity:1.0;
    border-width:5px; 
    border-style:solid; 
    border-color:#ff8800; 
    padding:5px; 
    width:90%; 
    height:80%;
} 

.modalPopup 
{
    border-width:5px; 
    border-style:solid; 
    border-color:#ff8800; 
    padding:5px; 
    width:90%; 
    height:80%;
}

.btnModal {
        font-size: 0.60em;
        font-family:Calibri;
        padding: 5px;
        margin-right: 4px;
        align-content: center;
        width: auto;
        border: 1px;
        border-style: solid;
        /*Applying CSS 3radius*/   
       -moz-border-radius: 8px;
       -webkit-border-radius: 8px;
        border-radius: 8px;
        background: -webkit-gradient(linear, center top, center bottom, from(#ffefdd), to(#ff8800));
        background: -webkit-linear-gradient(#ffefdd , #ff8800);
        background: -moz-linear-gradient(#ffefdd , #ff8800);
        background: -o-linear-gradient(#ffefdd , #ff8800);
        background: -ms-linear-gradient(#ffefdd , #ff8800);
        background: linear-gradient(#ffefdd , #ff8800);
        background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRUZERCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODgwMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzQ2KSIgLz4KPC9zdmc+);
    }

.modalBackgroundDialog
{
    opacity:0.1;
    border-width:2px; 
    border-style:solid; 
    border-color:#ff8800; 
    padding:5px; 
    width:5%; 
    height:5%;
} 

.modalPopupDialog
{
    background-color:white;
    border-width:2px; 
    border-style:solid; 
    border-color:#ff8800; 
    padding:5px; 
    width:5%; 
    height:5%;
}

/* Star Rating */

.ratingstar  
{     
    cursor: pointer;   
    background-repeat: no-repeat;
}
.ratingfilled {
    background-image: url(../../external.html?link=https://www.quantumclothing.com/wearertrial/Images/filledStar.jpg);
    width:40px;
    height:40px;
} 
.ratingempty {
    background-image: url(../../external.html?link=https://www.quantumclothing.com/wearertrial/Images/emptyStar.jpg);
    width:40px;
    height:40px;
}  
.ratingsaved {
    background-image: url(../../external.html?link=https://www.quantumclothing.com/wearertrial/Images/filledStar.jpg);
    width:40px;
    height:40px;
}

header, footer, hgroup,
nav, section {
    display: block;
}


.aspMenu {
    font-family: Calibri;
    font-size: 1.3em;
    text-align: center;
    background-color: whitesmoke;
    width:100%;
    align-content:center;
    align-items:center;
    align-self:center;
    padding-left:16%;
}

.aspMenuAdmin {
    font-family: Calibri;
    font-size: 1.25em;
    text-align: center;
    background-color: whitesmoke;
    width:100%;
    align-content:center;
    align-items:center;
    align-self:center;
    padding-left:4%;
}

.aspMenuGarment {
    font-family: Calibri;
    font-size: 1.25em;
    text-align: center;
    background-color: whitesmoke;
    width:100%;
    align-content:center;
    align-items:center;
    align-self:center;
    padding-left:11%;
}

.aspMenuLevel1 {
    font-family: Calibri;
    font-size: 1.0em;
    text-align: left;
    background-color: whitesmoke;
    border: 1px,solid,silver;
}

.aspMenuLevel2 {
    font-family: Calibri;
    font-size: 1.0em;
    text-align: left;
    background-color: whitesmoke;
    border: 1px,solid,silver;
}

.aspMenuLevel3 {
    font-family: Calibri;
    font-size: 1.0em;
    text-align: left;
    background-color: whitesmoke;
    border: 1px,solid,silver;
}

/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.0em;
    margin: 0;
}

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

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

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

    #login ul {
        margin: 0;
        width:400px;
        float: right;
        text-align:right;
    }

    #login li {
        display: inline;
        padding-right: 10px;
        list-style: none;
    }

fieldset {
  padding: 1em;

}

    fieldset legend {
        display: none;
    }
    
    fieldset ol {
        padding:0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;


        }

            fieldset ol li label {
                  float:left;
                  width:10%;
                  margin-right:0.5em;
                  padding-top:0.2em;
                  text-align:right;
                  font-weight:bold;

            }

.captcha
{
                      width:50%;
                  
                  text-align:right;
                  font-weight:bold;

            }
            
        /* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../../external.html?link=https://www.quantumclothing.com/wearertrial/Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../../external.html?link=https://www.quantumclothing.com/wearertrial/Images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../../external.html?link=https://www.quantumclothing.com/wearertrial/Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../../external.html?link=https://www.quantumclothing.com/wearertrial/Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../../external.html?link=https://www.quantumclothing.com/wearertrial/Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../../external.html?link=https://www.quantumclothing.com/wearertrial/Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../../external.html?link=https://www.quantumclothing.com/wearertrial/Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../../external.html?link=https://www.quantumclothing.com/wearertrial/Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../../external.html?link=https://www.quantumclothing.com/wearertrial/Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../../external.html?link=https://www.quantumclothing.com/wearertrial/Images/orderedList9.png") no-repeat;
        }

    label {
     display: block;
     font-weight: 600;
     font-size: 1.0em;
     font-family:Verdana;
     margin-top: 4px;
    }


    label.checkbox {
        display: inline;
    }
/* menu
----------------------------------------------------------*/

  /*textarea {
        font-family: inherit;
        width: 500px;
         background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
    }
    
        input:focus, textarea:focus {
            border: 1px solid #7ac0da;
            background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
        }*/

        input[type="checkbox"] {
            background: transparent;
            border: inherit;
            width: auto;
        }

    input[type="text"],select, input[type="password"] {
    
    padding: 5px;   
    border: 1px solid #DDDDDD;
    
    /*Applying CSS3 gradient*/
    /*background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(10%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f6', endColorstr='#FFFFFF');*/
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NTIpIiAvPgo8L3N2Zz4=);
    /*background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eeeeee));
    background: -webkit-linear-gradient( #FFFFFF,  #EEEEEE);
    background: -moz-linear-gradient( #FFFFFF,  #EEEEEE);
    background: -o-linear-gradient( #FFFFFF,  #EEEEEE);
    background: -ms-linear-gradient( #FFFFFF,  #EEEEEE);
    background: linear-gradient( #FFFFFF,  #EEEEEE);*/
    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;

}


    
/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
	font-size: 1.0em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
        
    }

	th a:link, th a:visited, th a:active, th a:hover {
		color: #333;
		font-weight: 600;
		text-decoration: none;
        padding: 0;
	}

	th a:hover {
		color: #000;
	}

    th.asc a, th.desc a {
        margin-right: .75em;
    }
    
    th.asc a:after, th.desc a:after {
		display: block;
        position: absolute;
        right: 0em;
        top: 0;
        font-size: 0.60em;
	}

	th.asc a:after {
		content: '▲';
	}

	th.desc a:after {
		content: '▼';
	}

tr.pager td {
    padding: 0 0.25em 0 0;
}

/* Overall Gridview layout */
.gridview
{
    width:100%;
    background-color: #FFFFFF;
    margin: 5px 0 10px 0;
    border: solid 1px #000000;
    border-collapse:collapse;
    text-align:center;
}
/* Table Row/Text */
.gridview .gridview_row 
{
    background: #ffffff;
    border: solid 1px #000000;
    color: #000000;
    font-family:'Book Antiqua';
    font-size:12px;
    text-align:center;
}

/* Alternating Table Row/Text */
.gridview .gridview_alter 
{
    background: silver;
    border: solid 1px #000000;
    color: #000000;
    font-family:'Book Antiqua';
    font-size:12px;
    text-align:center;
}

/* Table Header/Text */
.gridview th
{
    padding: 5px;
    background: -webkit-gradient(linear, center top, center bottom, from(#ffefdd), to(#ff8800));
    background: -webkit-linear-gradient(#ffefdd , #ff8800);
    background: -moz-linear-gradient(#ffefdd , #ff8800);
    background: -o-linear-gradient(#ffefdd , #ff8800);
    background: -ms-linear-gradient(#ffefdd , #ff8800);
    background: linear-gradient(#ffefdd , #ff8800);
    font-weight:600;
    border-left: solid 1px #000000;
    font-family:'Book Antiqua';
    font-size: 16px;
    text-align:center;
}

.gridview td
{
    padding-left: 2%;
    font-weight:600;
    border-left: solid 1px #000000;
    font-family:'Book Antiqua';
    font-size: 12px;
}

/* Table Row/Text */
.gridview .gridview_rowOverdue
{
    background: #ffffff;
    border: solid 1px #000000;
    color: #FF0000;
    font-family:'Book Antiqua';
    font-weight:600;
    font-size:12px;
    text-align:center;
}

/* Alternating Table Row/Text */
.gridview .gridview_alterOverdue
{
    background: silver;
    border: solid 1px #000000;
    color: #FF0000;
    font-family:'Book Antiqua';
    font-weight:600;
    font-size:12px;
    text-align:center;
}

/* Table Header/Text */
.gridviewOverdue th
{
    padding: 5px;
    background: -webkit-gradient(linear, center top, center bottom, from(#ffefdd), to(#FF0000));
    background: -webkit-linear-gradient(#ffefdd , #FF0000);
    background: -moz-linear-gradient(#ffefdd , #FF0000);
    background: -o-linear-gradient(#ffefdd , #FF0000);
    background: -ms-linear-gradient(#ffefdd , #FF0000);
    background: linear-gradient(#ffefdd , #FF0000);
    font-weight:600;
    border-left: solid 1px #000000;
    font-family:'Book Antiqua';
    font-size: 16px;
    text-align:center;
}

.mobileMenu {
    font-family: Calibri;
    font-size: 1.0em;
    text-align: left;
    margin:0;
    padding:0;
}

.mobileMenuLine {
    font-family: Calibri;
    font-size: 1.0em;
    text-align: left;
    margin:0;
    padding:0;
    width:175px;
}


@media (max-width:767px)
{
body {
    background-color: #fff;
    border-top: solid 1px #000;
    color: #333;
    font-size: 75%;
    font-family: Verdana;
    font-weight: 100;
    margin: 0;
    padding: 0.3em 0.8em 0.3em 0.3em;
}
/* Label formatting */
span {
     display: block;
     font-weight: 500;
     font-size: 75%;
     font-family:Verdana;
     margin-top: 4px;
}

tr {
    width:90%;
    padding: 0.3em 0.8em 0.3em 0.3em;
}

td {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0.3em 0.8em 0.3em 0.3em;
    text-align:left;
    font-weight: 500;
    width:95%;
}

.tdStyleSelect {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0.3em 0.8em 0.3em 0.3em;
    text-align:right;
    text-indent:2%;
    font-weight: 500;
}

input[type="submit"],
input[type="button"],
    button {
        border-color: inherit;
        border-width: 1px;
        font-size: 75%;
        font-family:Calibri;
        padding: 4px;
        min-width:20px;
        max-width:140px;
        margin-right: 4px;
        text-align:center;
        border-style: solid;
        /*Applying CSS 3radius*/   
       -moz-border-radius: 8px;
       -webkit-border-radius: 8px;
        border-radius: 8px;
        background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRUZERCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODgwMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzQ2KSIgLz4KPC9zdmc+');
        
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 75%;
        font-family:Calibri;
        padding: 5px;
        margin-right: 4px;
        min-width:20px;
        max-width:140px;
        text-align:center;
        height: 25px;
        border: 1px;
        border-style: solid;
       /*Applying CSS 3radius*/   
       -moz-border-radius: 8px;
       -webkit-border-radius: 8px;
        border-radius: 8px;
        background: -webkit-gradient(linear, center top, center bottom, from(#ffefdd), to(#ff8800));
        background: -webkit-linear-gradient(#ffefdd , #ff8800);
        background: -moz-linear-gradient(#ffefdd , #ff8800);
        background: -o-linear-gradient(#ffefdd , #ff8800);
        background: -ms-linear-gradient(#ffefdd , #ff8800);
        background: linear-gradient(#ffefdd , #ff8800);
        background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRUZERCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODgwMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzQ2KSIgLz4KPC9zdmc+);

    }

    .btnWidth
    {
        width:120px;
    }

    .ddlWidth
    {
        width:100%;
    }

    .imgSize
    {
        width:90%;
        height:75%;
    }

    .imgMTPSize
    {
        width:55%;
        height:70%;
    }

    .imgMTPLrgSize
    {
        width:100%;
        height:100%;
    }

    .imghowtoMeasure
    {
        width:100%;
        height:30%;
    }

    .imgHos
    {
        width:65%;
        height:50%;
    }

    .imghowtoMeasureMobile
    {
        width:75%;
        height:30%;
    }

    .imgHTM1
    {
        width:65%;
        height:55%;
    }

    .imgHTM2
    {
        width:95%;
        height:50%;
    }

    .imgExampleSizing
    {
        width:90%;
        height:30%;
    }

    .homepageImg
    {
        width:100%;
        height:45%;
    }

    .trialProfArrow
    {
        width:100%;
        height:100%;
    }

    .lblWidth
    {
        width:100%;
    }

    .txtWidth
    {
        width:100%;
    }

    .txtWidthPersDet
    {
        width:100%;
    }

    .txtWidthPersDetSml
    {
        width:100%;
    }

    .bodyPadding
    {
        padding-top:2%;
    }
}

@media (min-width:768px) and (max-width:991px)
{
body {
    background-color: #fff;
    border-top: solid 1px #000;
    color: #333;
    font-size: 90%;
    font-family: Verdana;
    font-weight: 100;
    margin: 0;
    padding: 0.3em 0.8em 0.3em 0.3em;
}

/* Label formatting */
span {
     display: block;
     font-weight: 500;
     font-size: 90%;
     font-family:Verdana;
     margin-top: 4px;
}

tr {
    width:90%;
    padding: 0.3em 0.8em 0.3em 0.3em;
}

td {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0.3em 0.8em 0.3em 0.3em;
    text-align:left;
    font-weight: 500;
}

.tdStyleSelect {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0.3em 0.8em 0.3em 0.3em;
    text-align:right;
    text-indent:3%;
    font-weight: 500;
}

input[type="submit"],
input[type="button"],
    button {
        border-color: inherit;
        border-width: 1px;
        font-size: 90%;
        font-family:Calibri;
        padding: 4px;
        min-width:30px;
        max-width:140px;
        margin-right: 4px;
        align-content: center;
        border-style: solid;
        /*Applying CSS 3radius*/   
       -moz-border-radius: 8px;
       -webkit-border-radius: 8px;
        border-radius: 8px;
        background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRUZERCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODgwMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzQ2KSIgLz4KPC9zdmc+');
        
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 90%;
        font-family:Calibri;
        padding: 5px;
        margin-right: 4px;
        min-width:30px;
        max-width:140px;
        align-content: center;
        height: 25px;
        border: 1px;
        border-style: solid;
       /*Applying CSS 3radius*/   
       -moz-border-radius: 8px;
       -webkit-border-radius: 8px;
        border-radius: 8px;
        background: -webkit-gradient(linear, center top, center bottom, from(#ffefdd), to(#ff8800));
        background: -webkit-linear-gradient(#ffefdd , #ff8800);
        background: -moz-linear-gradient(#ffefdd , #ff8800);
        background: -o-linear-gradient(#ffefdd , #ff8800);
        background: -ms-linear-gradient(#ffefdd , #ff8800);
        background: linear-gradient(#ffefdd , #ff8800);
        background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRUZERCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODgwMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzQ2KSIgLz4KPC9zdmc+);

    }

    .btnWidth
    {
        width:120px;
    }

    .ddlWidth
    {
        width:80%;
    }

    .imgSize
    {
    }

    .homepageImg
    {
    }

    .imgHos
    {
        width:43%;
        height:50%;
    }

    .imghowtoMeasure
    {
        width:45%;
        height:25%;
    }

    .imghowtoMeasureMobile
    {
        width:25%;
        height:30%;
    }

	.imgHTM1
    {
        width:55%;
        height:65%;
    }

    .imgHTM2
    {
        width:95%;
        height:95%;
    }	

    .imgExampleSizing
    {
        width:60%;
        height:48%;
    }

    .trialProfArrow
    {
        width:70%;
        height:70%;
    }

    .lblWidth
    {
        width:80%;
    }

    .txtWidth
    {
        width:80%;
    }

    .txtWidthPersDet
    {
        width:70%;
    }

    .txtWidthPersDetSml
    {
        width:55%;
    }

    .bodyPadding
    {
        padding-top:2%;
    }
}

@media (min-width:992px) and (max-width:1199px)
{
body {
    background-color: #fff;
    border-top: solid 1px #000;
    color: #333;
    font-size: 12px;
    font-family: Verdana;
    font-weight: 100;
    margin: 0;
    padding: 0;
}
/* Label formatting */
span {
     display: block;
     font-weight: 600;
     font-size: 12px;
     font-family:Verdana;
     margin-top: 4px;
}
td {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0.25em 2em 0.25em 0em;
    text-align:left;
    font-weight: 600;
}

.tdStyleSelect {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0.25em 2em 0.25em 0em;
    text-align:right;
    text-indent:3%;
    font-weight: 600;
}

input[type="submit"],
input[type="button"],
    button {
        border-color: inherit;
        border-width: 1px;
        font-size: 12px;
        font-family:Calibri;
        padding: 4px;
        min-width:40px;
        max-width:140px;
        margin-right: 4px;
        align-content: center;
        border-style: solid;
        /*Applying CSS 3radius*/   
       -moz-border-radius: 8px;
       -webkit-border-radius: 8px;
        border-radius: 8px;
        background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRUZERCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODgwMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzQ2KSIgLz4KPC9zdmc+');
        
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 12px;
        font-family:Calibri;
        padding: 5px;
        margin-right: 4px;
        min-width:40px;
        max-width:140px;
        align-content: center;
        height: 25px;
        border: 1px;
        border-style: solid;
       /*Applying CSS 3radius*/   
       -moz-border-radius: 8px;
       -webkit-border-radius: 8px;
        border-radius: 8px;
        background: -webkit-gradient(linear, center top, center bottom, from(#ffefdd), to(#ff8800));
        background: -webkit-linear-gradient(#ffefdd , #ff8800);
        background: -moz-linear-gradient(#ffefdd , #ff8800);
        background: -o-linear-gradient(#ffefdd , #ff8800);
        background: -ms-linear-gradient(#ffefdd , #ff8800);
        background: linear-gradient(#ffefdd , #ff8800);
        background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRUZERCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODgwMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzQ2KSIgLz4KPC9zdmc+);

    }

    .btnWidth
    {
        width:120px;
    }

    .ddlWidth
    {
        width:70%;
    }

    .imgSize
    {
    }

    .homepageImg
    {
    }

    .imgHos
    {
        width:37%;
        height:46%;
    }

    .imghowtoMeasure
    {
        width:46%;
        height:35%;
    }

    .imghowtoMeasureMobile
    {
        width:25%;
        height:35%;
    }

    .imgHTM1
    {
        width:40%;
        height:60%;
    }

    .imgHTM2
    {
        width:75%;
        height:90%;
    }

    .imgExampleSizing
    {
        width:55%;
        height:50%;
    }

    .trialProfArrow
    {
        width:50%;
        height:50%;
    }

    .lblWidth
    {
        width:60%;
    }

    .txtWidth
    {
        width:70%;
    }

    .txtWidthPersDet
    {
        width:60%;
    }

    .txtWidthPersDetSml
    {
        width:40%;
    }

    .bodyPadding
    {
        padding-top:3%;
    }
}

@media (min-width:1200px)
{
body {
    background-color: #fff;
    border-top: solid 1px #000;
    color: #333;
    font-size: 12px;
    font-family: Verdana;
    font-weight: 100;
    margin: 0;
    padding: 0;
}
/* Label formatting */
span {
     display: block;
     font-weight: 600;
     font-size: 12px;
     font-family:Verdana;
     margin-top: 4px;
}
td {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0.25em 2em 0.25em 0em;
    text-align:left;
    font-weight: 600;
}

.tdStyleSelect {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0.25em 2em 0.25em 0em;
    text-align:right;
    text-indent:3%;
    font-weight: 600;
}

input[type="submit"],
input[type="button"],
    button {
        border-color: inherit;
        border-width: 1px;
        font-size: 12px;
        font-family:Calibri;
        padding: 4px;
        min-width:50px;
        width:140px;
        margin-right: 4px;
        align-content: center;
        border-style: solid;
        /*Applying CSS 3radius*/   
       -moz-border-radius: 8px;
       -webkit-border-radius: 8px;
        border-radius: 8px;
        background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRUZERCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODgwMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzQ2KSIgLz4KPC9zdmc+');
        
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 12px;
        font-family:Calibri;
        padding: 5px;
        margin-right: 4px;
        min-width:50px;
        width:140px;
        align-content: center;
        height: 25px;
        border: 1px;
        border-style: solid;
       /*Applying CSS 3radius*/   
       -moz-border-radius: 8px;
       -webkit-border-radius: 8px;
        border-radius: 8px;
        background: -webkit-gradient(linear, center top, center bottom, from(#ffefdd), to(#ff8800));
        background: -webkit-linear-gradient(#ffefdd , #ff8800);
        background: -moz-linear-gradient(#ffefdd , #ff8800);
        background: -o-linear-gradient(#ffefdd , #ff8800);
        background: -ms-linear-gradient(#ffefdd , #ff8800);
        background: linear-gradient(#ffefdd , #ff8800);
        background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRUZERCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODgwMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzQ2KSIgLz4KPC9zdmc+);

    }

    .btnWidth
    {
    }

    .ddlWidth
    {
        width:60%;
    }

    .imgSize
    {
    }

    .homepageImg
    {
    }

    .imghowtoMeasure
    {
        width:32%;
        height:32%;
    }

    .imghowtoMeasureMobile
    {
        width:20%;
        height:30%;
    }

    .imgHTM1
    {
        width:30%;
        height:50%;
    }

    .imgHTM2
    {
        width:70%;
        height:85%;
    }

    .imgExampleSizing
    {
        width:55%;
        height:60%;
    }

    .imgHos
    {
        width:34%;
        height:45%;
    }

    .trialProfArrow
    {
        width:40%;
        height:40%;
    }

    .lblWidth
    {
        width:50%;
    }

    .txtWidth
    {
        width:60%;
    }

    .txtWidthPersDet
    {
        width:50%;
    }

    .txtWidthPersDetSml
    {
        width:30%;
    }

    .bodyPadding
    {
        padding-top:4%;
    }
}