body { font-family: 'Trebuchet MS',Arial,sans-serif; }
.regText { font-size:10pt; background-color: white; }
.regTextBIG { font-size:16pt; background-color: white; font-weight:bold; text-align: center; }
.labelText { font-size:18px; font-weight:bold; background-color: white; }
.infoText { font-size:8pt; font-weight:bold; font-style: italic; }
.delLink { font-weight:bold; }
.myDataGrid { font-family: 'Trebuchet MS',Arial,sans-serif; font-size:10pt; }
.adminDataGrid { font-family: 'Trebuchet MS',Arial,sans-serif; font-size:8pt; }
.smallThumb { width:25%; height:25%; }
.balloonPopUp { width: 500px; height: 300px; padding: 5px;}
h1, h2 { display: inline; }
.wrap { white-space: normal; }
.plchldrPhone { placeholder: '1112223333'}
#hplHome { color: white; }
.input-text {
    width: 35rem;
}
.container .starburst {
    position: absolute;
    top: 50;
    right: 0px;
    width: 568px;
    height: 155px;
    opacity: 1;
    z-index: 1005;
}

.TextArea {
    position: relative;
	z-index: 3;
	bottom: 500px;
	left: 0px;
    text-align: center;
}
.topBar {
    width: 100%;
    height: 30px;
    border: 0px; 
    margin-left: auto;
    margin-right: auto;
    background-color: #003377;
}

.ChkBoxClass input { width: 30px; height: 30px; }

.bottomBar {
    width: 90%;
    height: 15px;
    border: 0px;
    margin-left: auto;
    margin-right: auto;
    background-color: #CCCCCC;
}

.pageTitle {
    width: 100%;
    height: 100%;
    background-color: #3F5368;
    text-align: center;
    font-weight: bold;
    font-size: 16pt;
    color: white;
    margin-bottom: 0.5rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem
}

.subTitle {
    width: 100%;
    height: 100%;
    background-color: #657283;
    text-align: center;
    font-weight: bold;
    font-size: 16pt;
    color: white;
}

.btnNorm {
    font-size: 20px;
    font-weight: bold;
    background-color: #F7941D;
    border: 0px;
    border-radius: 5px;
    color: white;
    padding: 0.5rem;
}
.btnNorm-red {
    font-size: 20px;
    font-weight: bold;
    background-color: #C74A20;
    border: 0px;
    border-radius: 5px;
    color: white;
    padding: 0.5rem;
}
.btnNorm-small-blue {
    font-size: 18px;
    font-weight: bold;
    background-color: #3F5368;
    border: 0px;
    border-radius: 5px;
    color: white;
    padding: 0.5rem;
}
.modalBackground {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.modalPopup
{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 400px;
    height: 180px;
}

.modalPopup2
{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 515px;
    height: 180px;
}

.zoomPopup
{
    background-color: White;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding: 5px;
    width: 1245px;
    height: 675px;
}

.modalPopupCal
{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 500px;
    height: 400px;
}

.modalPopupStores
{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 800px;
    height: 600px;
}

.modalPopupTmpl
{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 1000px;
    height: 700px;
}

.smallLinks {
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    /*background-color: #FF8800;*/
    /*color: #FFFFFF;*/
}

.mpReg
{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 505px;
    height: 565px;
}

.mpSTR
{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 505px;
    height: 325px;
}

.mpRegIdxPg
{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 505px;
    height: 725px;
}

.modalButton {
    background-color: #3F5368;
    border: 0px;
    color: white;
    height: 30px;
    font-size: 12pt;
    font-weight: bold;
    font-family: 'Trebuchet MS',Arial,sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.franchImgBtn {
    font-size: 12pt;
    font-weight: bold;
    width: 100%;
    height: 7rem;
    background-color: #3F5368;
    border: none;
    color: white;
}

.modalButton:hover, .franchImgBtn:hover {
    background-color: #FF8800;
}

td.Prod:hover {
    background-color: #505050;          
}

img.thumbnail
{
border-style:outset; 
border-color:black; 
border-width:1px; 
height:30px; 
width:40px;

transition:width 2s;
-moz-transition:width 2s, height 2s;/* Firefox 4 */
-webkit-transition:width 2s, height 2s;/* Safari and Chrome */
-o-transition:width 2s, height 2s;/* Opera */
-ms-transition:width 2s, height 2s;/* Internet Explorer */
}
img.thumbnail:hover {width:600px;height:300px;}
.btn-product-template {
    width: 14rem;
}
}