body {
}


/*This affects all rad labels and also some labels included in the radtext markup*/
.RadLabel {
    font-family: Arial !important;
    font-size:smaller !important;
}

/*Labels in the filter header of forms*/
.FilterLabel {
    font-family: Arial;
    font-size: smaller;
    font-weight: 700;
    color: #0d167d ;
}

/*Labels in the filter header of forms for partial type filter fields*/
.FilterPartialLabel {
    font-family: Arial;
    font-size: smaller;
    font-weight: 700;
    color: #0d167d;
}


.textbox {
    border: 1px solid red !important;
    height: 35px !important;
}


.textarea {
    border: 1px solid blue !important;
    height: 60px !important;
    width: 75% !important;
    font-family: Arial !important;
}



.rmRootLink {
    text-align: center;
    font-size: 30px;
}



div.TR_FilterFormTitleBar {
    background-color: seagreen;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 3px;
    padding-left: 5px;
    background-color: beige;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-style: solid;
    border-color: black;
    border-width: thin;
    
}







/*HOLD HOLD HOLD HOLD HOLD HOLD HOLD HOLD HOLD HOLD HOLD HOLD HOLD HOLD Color and style of header bar on forms*/
div.TR_TitleBar {
    background-color: steelblue;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 3px;
    padding-left: 5px;
    background-color: seagreen;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-style: solid;
    border-color: gray;
    border-width: thin;
}

.required::after {
    content: "*";
    font-weight: bold;
    color: red;
    font-size: 10pt;
}


/*HOLD HOLD HOLD HOLD HOLD HOLD HOLD HOLD HOLD HOLD Color and style of header caption label*/
.RadLabelHeaderCaption {
    font-family: Verdana !important;
    font-size: medium !important;
    color: beige;
    font-weight: 800;
}





/*Ship to Cust Light Box*/
div.TR_ShipLightBox {
    line-height: 35px;
    padding: 15px;
    width: 1000px;
    border-style: none solid solid solid;
    border-width: thin;
    border-color: lightgray;
    font-size:small;
    font-weight:normal;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
}

/*Ship to Cust Dark Box*/
div.TR_ShipDarkBox {
    line-height: 35px;
    background-color:seagreen;
    padding: 15px;
    width: 1000px;
    border-style: none solid solid solid;
    border-width: thin;
    border-color: lightgray;
    font-size: small;
    font-weight: normal;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}




/*Filter screens - body*/
div.TR_FilterBody {
    border-style: none solid solid solid;
    border-width: thin;
    vertical-align: middle;
    padding: 25px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #F0F0F0;
}







/*Background style on entry form fillers built on tables like the recap*/
table.TR_EntryBGFiller {
    background-color: white;
    border-style: none;
    /*background: linear-gradient(steelblue,lightsteelblue);*/
}


/*Not being used now but this style can change the header of a radgrid. Use ---> <HeaderStyle CssClass="Myheader" /> */
.RadGridHeader {
    background-color: sandybrown !important;
    background-image: none !important;
}

/*Background style on entry forms built on divs like purchase and sale entry*/
div.TR_EntryBGFiller {
    text-align: center;
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 1px;
    margin-bottom: 3px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #A7B8C2;
    background: white;
    border-style: none;
    border-width: thin;
    border-color: lightsteelblue;
    border-color: dimgray;
}

div.TR_EntryBottomFormLine {
    width: 100%;
    margin-top: 20px;
    background-color: white;
    height: 1px;
}




/*TabPanel*/
div.TR_TabPanel {
    border-radius: 3px;
    border-top-left-radius: 0px;
    border-top-right-radius: 5px;
    padding: 3px;
    border-style: solid solid solid solid;
    border-width: thin;
    border-color: cornflowerblue;
    background-color: whitesmoke;
}



.RadLabelFilterFormHeaderCaption {
    font-family: Verdana;
    font-size: medium;
    color: #0d167d;
    font-weight: 700;
}


/*Color and style of header bar on forms*/
div.TR_TitleBar {
    padding-bottom: 5px;
    padding-left: 2px;
    background-color: white;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-style: none none none none;
    border-color: cornflowerblue;
    border-width: thin;
    margin-bottom: 5px;
}


/*Color and style of header caption label*/
.RadLabelHeaderCaption {
    font-family: Verdana;
    font-size: Large;
    color: seagreen;
    color: #0d167d;
    font-weight: 900;
}


/*Header bar of filter options at top of each grid form*/
div .TR_TitleFilter {
    font-size: small;
    font-weight: normal;
    /*background-color:#F1F0F0;*/
    padding-top: 6px;
    padding-bottom: 8px;
    padding-left: 5px;
    vertical-align: middle;
    background-color: #F1F0F0;
    background-color: cornsilk;
    background-color: white ;
    margin-top: 1px;
    line-height: 25px;
    border-style: solid solid solid solid;
    border-width: thin;
    border-color: cornflowerblue;
    border-radius:6px;
    margin-bottom:0px;
}





.ModalPopupBG_Clear {
    background-color: #666699;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.ModalPopupBG {
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.5;
}



.PopupMain {
    min-width: 450px;
    min-height: 150px;
    background-color: lightyellow;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    border-radius: 7px;
    overflow: hidden;
}

.modalPopup {
    background-color: #2FBDF1;
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}

.popup_Titlebar {
    background-color: cornflowerblue;
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}


.popup_Titlebar2 {
    background-color: red;
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}

.RadButton {
    font-size: smaller;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
    margin-left: 2px;
}

/*filter button on filter tab of forms*/
.FilterBtn {
    font-size: x-small;
    font-family: Arial;
    font-weight: 100;
}



input [type=button], input[type=submit], input[type=reset] {
    background-color: lightgray;
    border: none;
    color: black;
    padding: 1px 22px;
    text-decoration: none;
    margin: 4px 7px;
    cursor: pointer;
    border-radius: 7px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: medium;
}




/*radio buttons*/
.inline-rb input[type="radio"] {
    width: auto;
    cursor: pointer;
}

.inline-rb label {
    display: inline;
    font-family: Arial;
    font-size: small;
    font-weight: 500;
    margin-left: 5px;
    cursor: pointer;
}

/* Packing_List CSS - Begin */
.PackList {
    border-style: none solid solid solid;
    border-width: thin;
    vertical-align: middle;
    width: 100%;
    height: 615px;
    padding: 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 10px;
    padding-bottom: 0px;
    background-color: #F0F0F0;
}

.inline-rb-PackList label {
    display: inline;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
    cursor: pointer;
}

.fieldset-PackList {
    border: thin solid #CCCCCC;
    font-size: medium;
    font-weight: normal;
    padding: 5px;
}

.legend-PackList {
    display: block;
    padding: 0;
    line-height: inherit;
    color: #333333;
    border: 0;
    margin-bottom: 0px;
    font-size: 12px;
}

.legend-PackList1 {
    border: 0;
    margin-bottom: 0px;
    font-size: 12px;
    font-family: arial;
}

.textbox-PackList {
    width: 140px;
    font-size: 12px;
    height: 40px;
    padding-left: 20px;
}

.textbox1-PackList {
    font-size: 12px;
    vertical-align: top;
    padding-left: 20px;
}

/* Packing_List CSS - End */



.PopupAlt {
    min-width: 450px;
    min-height: 150px;
    background-color: White;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    border-radius: 7px;
    overflow: hidden;
}


.DivBasicColor {
    background-color: #5089B9;
    color: #FFFFCC;
    background-color: forestgreen;
    color: #FFFFCC;
}

.DivBasicPanelColor {
    background-color: #F0F0F0;
}

.DivPanelColorSecondary {
    background-color: lightsteelblue;
}

.DivPanelColor3 {
    background-color: beige;
    color: #666666;
}

.DivHighlightPanelColor {
    background-color: lightyellow;
}

.DivHighlightPanelRadTextColor {
    color: black;
    font-family: Arial;
    font-size: small;
    font-weight: normal;
}

.DivHeaderRadTextColor {
    color: black;
    font-family: Arial;
    font-size: small;
    font-weight: normal;
}

.DivRecapBackgroundPanelColor {
    background-color: lightsteelblue;
    background-color: gray;
}




/*Header bar of buttons at top of each grid form*/
div.TR_TitleButtons {
    font-size: small;
    background-color: cornflowerblue;
    background-color: white;
    color: white;
    vertical-align: middle;
    padding: 2px;
    padding-top: 6px;
    padding-bottom: 0px;
    border-style: none none solid none;
    border-width: thin;
    border-color: gray;
    margin-top: 1px;
    margin-bottom: 5px;
    border-radius: 0px;
    border-color: cornflowerblue;
}

/*Row style on radgrids*/
.rgRow td {
    background-color: white !important;
}

/*Alternate row style on radgrids*/
.rgAltRow td {
    background-color: #F1F0F0 !important;
    background-color: #f0f0f0 !important;
}

/*row hover style on radgrids*/
.rgHoveredRow td, .rgAltHoveredRow td {
    /* background-color:lightgreen !important;  */
    background-color: Highlight !important;
    color: black !important;
    background-color: lightgreen !important;
    background-color: lightgrey !important;
}

/*selected row style on radgrids*/
.rgSelectedRow, .rgSelectedRow td {
    /* background-color:forestgreen !important;  */
    color: black !important;
    background-color: darkgreen !important;
    background-color: #85affbff !important;
    /*border: none !important;*/
}

/* ensure hyperlink text color within selected rows remains black */ 
.rgSelectedRow a {
    color: black !important;
}


/*header style on radgrids*/
.rgHeader a {
    color: saddlebrown !important;
    color: #0d167d !important;
    font-weight: 600 !important;
}






/* For all radbuttons with lightweight rendering.  Button normal state */
.RadButton.RadButton_Default.rbButton,
.RadButton.RadButton_Default.rbButton .rbSplitPart {
    background-color: lightgrey;
    background-image: linear-gradient(seagreen, seagreen 100%);
    background-image: linear-gradient(mediumseagreen, mediumseagreen 100%);
    background-image: linear-gradient(lightgrey, lightgrey 100%);
    font-family: 'Arial Rounded MT';
    font-size: 12px;
    border-color: #6b536e;
    color: black;
    font-weight: 700;
    margin-bottom: 8px;
    margin-right: 6px;
    border-width: thin;
    border-style: none;
    border-radius: 7px;
    padding: 8px 12px 8px 12px;
}

    /*For all radbuttons with lightweight rendering.   Button hovered state */
    .RadButton.RadButton_Default.rbButton.rbHovered,
    .RadButton.RadButton_Default.rbButton .rbSplitPart.rbHovered {
        background-color: forestgreen;
        background-image: linear-gradient(#85affbff, #85affbff 100%);
        border-color: #47035a;
        color: black;
        border-width: thin;
    }

.RadButton {
    background-color: #f0f0f0;  
    border: 1px none #ccc;  
    color: #333;   
    font-size: 11px; 
    border-radius: 4px;  
}


/*Color and style of sub header bars on forms*/
/*These are used on the ship to customer form */
div.TR_SubTitleBar {
    font-size: small;
    font-weight: bold;
    background-color: silver;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 3px;
    padding-left: 5px;
    border-style: solid;
    border-width: thin;
    border-color: gray;
    color: black;
    font-family: Verdana;
    /*background:radial-gradient(#F1F0F0,darkblue) ;
     background:        linear-gradient(#F1F0F0, darkblue);*/
}


div.TR_SubPanels {
    border-color: black;
    background-color: silver;
    color: black !important;
}

.SubPanelText {
    font-family: Arial;
    font-size: smaller;
    font-weight: 700;
    color: black;
}
/***************************************************************/


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>

</title></head>
<body>
    <form method="post" action="./csshandler" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="LLcJWQU4VAcxUcUmVwiNQrlw+kcDFP7BATtcUBjrWBeiYVkHwZOsaEd1aq4ChOfa06UJmhEe+FlE/O5DGRCQJnpne199XiZtMWarV/A4VwU=" />
</div>

<div class="aspNetHidden">

	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="B16FD637" />
</div>
        <div>
        </div>
    </form>
</body>
</html>