﻿body 
{
	font-size: 12px; /* Base Font Size */
	line-height: 1.5; /* 21px */
	color: #616265;
	font-family: "Helvetica",Arial,sans-serif;
       }

TR { height:35px;
      vertical-align:middle;}

TD { width:110px;}

.requiredValue { font-weight:bold;}

.header {
    height: 513px;
    width: 900px;
    /*background-image:url(./media/background/topbanner.png);*/
}


.footer {
    height: 98px;
    width: 900px;
    float: right;
    /*background-image:url(./media/background/bottombanner.png);*/
    background-size: 600px 66px;
    color: White;
    font-size: 20pt;
    font-weight: bold;
    background-repeat: no-repeat;
} 

.descriptionPanel {padding-left:30px;
				   padding-top:20px;
				   padding-bottom:20px;} 
				   
.contentSection { margin-left:30px;
                   padding-left:15px; 
                   padding-top:20px;
                   width:700px;
                   padding-right:15px;
                   text-align:left; }
                   
.subText {padding-left:15px;}
                   
.left { text-align:left;}

.leftGreenBackground { text-align:left;
                      background-color:Lime;
                      font-weight:bold;
                      padding-left:5px;}

.right { text-align:right;}

.center { text-align:center;}

.errorHeading {font-size:16pt;}

.RegisterBtn
{
	text-decoration : none;
	border-style :none;
	border-width : 0px;
}

.HintText
{
	font-size : 80%;
	font-style :italic;
	width : 200px;
}

.warning
{
	background-image : url('http://im-downloads.digitalproducts.group/media/icons/Error.png'); 
    color : Red;
    background-repeat : no-repeat;
    padding-left : 20px;
	}

.success
{
	background-image : url('http://im-downloads.digitalproducts.group/media/icons/Success.png'); 
    color : Green;
    background-repeat : no-repeat;
    padding-left : 20px;
    }

.spacer
{
	padding-left : 50px;			
}

.warningRedBackground {color:Black;
                       background-color:Red;
                       font-weight:bold;
                       padding-left:5px;}

.warningLeft{color:Red;
            text-align:left;}
            
.modalBackground {background-color:Gray;
            filter:alpha(opacity=70);
            opacity:0.7;}

.modalPopup {background-color:White;
             border:solid 1px black;
             padding:10px}
             
.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    background-image: url(ComboBox/images/toolkit-bg.gif);
    background-position: top left;
    border: 0px none;
    color: #FFFFFF;
    padding: 4px 0px 3px 5px;
    font-size: 13px;
    height: 16px;
    width: 240px;   

}
.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    background-image: url(ComboBox/images/toolkit-arrow.gif);
    background-position: top left;
    border: 0px none;
    height: 23px;
    width: 23px;
}
.AjaxToolkitStyle .ajax__combobox_itemlist
{
    border-color: #0F2543;
    background-color: #EFEFEF;
    position: fixed !important;/*to fix bug on ComboBox control that makes the items to be displayed far away when scrolling down*/
}

.AjaxToolkitStyle .ajax__combobox_itemlist_NonChrome /*for non chrome browsers*/
{
    border-color: #0F2543;
    background-color: #EFEFEF;
    list-style-type: none;
    position: fixed !important;/*to fix bug on ComboBox control that makes the items to be displayed far away when scrolling down*/
}

.AutoCompleteExtender
{
    width:100%;
    border: 1px solid gray;
    padding-left: 0px;
    list-style-type: none;
    position: fixed !important;/*to fix bug on ComboBox or AutoCompleteExtender control that makes the items to be displayed far away when scrolling down*/
}

.AutoCompleteExtenderNoChrome   /*for non chrome browsers*/
{
    width:100%;
    border: 1px solid gray;
    padding-left: 0px;
    list-style-type: none;
    position: fixed important;/*to fix bug on ComboBox or AutoCompleteExtender control that makes the items to be displayed far away when scrolling down*/
}

.CopyOfAjaxCombobox
{
    background-image: url("ComboBox/images/toolkit-bg.gif");
    background-position: left top;
    border: 0 none;
    color: White;
    font-size: 13px;
    height: 23px;
    padding: 4px 0 3px 5px;
    border-color: #0F2543;
    background-color: GrayText;/*#EFEFEF*/
    list-style-type: none;
    font-weight:normal;
 }

div.MessageHeading
{
    position:relative;
	margin-top: 25px;
	margin-bottom: 5px;
	width:550px;
	text-align:left;
	font-size:16pt;
	color:#4c4f54;
	font-family:Arial;
	font-weight:bold;
}

div.Message
{
	position:relative;
	/*margin-bottom: 25px;*/
	width:550px;
	text-align:left;
	font-size:10pt;
	color:Black;
	font-family:Arial;
}


.ErrorMessage
{
	margin-bottom: 25px;
	width:550px;
	text-align:left;
	font-size:10pt;
	color:Red;
	font-family:Arial;
}

td.DetailsBold
{
	font-size:8pt;
	text-align:right;
	padding-right:5px;
	width: 160px;
	font-weight:bold;
}

div.tablePos
{
    position:static;
    margin-bottom: 25px;
    width:100%;
	/*text-align:left;*/
	font-size:10pt;
	color:Black;
	font-family:Arial;
}

.product-logo {
    min-width: 13.4rem;
    height: auto;
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: .5rem
}

.product-logo img {
        width: 12.9rem;
        height: 6.6rem;
        display: inline-block
    }