html, body
{
    margin: 0;
    border: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    max-height: 100%;
    background-color: #dedfde;
    font-size: 11px;
    font-family: Verdana;
    overflow: hidden;
    text-align: left;
}

table
{
    border-spacing: 0;
    padding: 0;
    border: 0;
}
td
{
    border-spacing: 0;
    vertical-align: top;
    font-size: 11px;
    font-family: Verdana;
}

th, tr
{
    border-spacing: 0;
    vertical-align: top;
}


.tsbcontainer /* tsbcontainer ID is used to give margin from the header and the footer  */
{
    position: fixed;
    top: 0px;
    bottom: 0px;
    width: 100%;
    padding: 0px;
    height: 100%;
}

.tsbcontainer table
{
    vertical-align: top;
    width: 100%;
    border: 0px;
    margin: 0px;
    padding: 0px;
    top: 0px;
    bottom: 0px;
}

/*TdClass is given fixed height - not to be changed*/
.TdClass
{
    height: 57px;
}

.Radius_Div
{
    border: solid 1px #a0c0e1;
    background-color: White;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 5px 5px 5px 5px;
    height: 100%;
    padding: 0px;
    vertical-align: top;
}

.Radius_Div table th
{
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    background-color: #a0c0e1;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 14px;
    width: 100%;
    height: 30px;
    border: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    vertical-align: middle;
}

.Radius_Div table table th
{
    border: solid 1px #a5c3e7;
    background-color: #a5c3e7;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


/*-------------------- Css for Div placed below the Maintenance Menus ------------------*/
.Radius_Div_Square
{
    border: solid 1px #a0c0e1;
    background-color: White;
    margin: 0px 0px 0px 0px;
    height: 100%;
    padding: 0px;
    vertical-align: top;
}
.Radius_Div_Square table th
{
    background-color: #a0c0e1;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 14px;
    width: 100%;
    height: 30px;
    border: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    vertical-align: middle;
}

.Radius_Div_Square table table th
{
    background-color: #a5c3e7;
}

.TabStrip_Holder
{
    padding: 0px 9px 0px 9px;
    margin: 5px 5px 5px 5px;
}

/* Start To be used for inner blocks within radius div for demarcation */
.Inner_Container
{
    border: 2px !important;
}
.Inner_Blocks
{
    border-bottom: 1px solid #7F9DB9 !important;
    border-left: 0px solid #7F9DB9 !important;
    border-top: 1px solid #7F9DB9 !important;
    border-right: 1px solid #7F9DB9 !important;
}
.Inner_Blocks:first-child
{
    border-bottom: 1px solid #7F9DB9 !important;
    border-left: 1px solid #7F9DB9 !important;
    border-top: 1px solid #7F9DB9 !important;
    border-right: 1px solid #7F9DB9 !important;
}
/* End To be used for inner blocks within radius div for demarcation */

/*Dummy/Blank CSS class to be applied to parent which will define the strech height for child grid or tree or ....*/
.Stretch_Parent
{
}

/*css for label*/

.label, .label_rightalign
{
    padding: 3px 2px 0px 2px;
    margin-left: 2px;
    display: inline-block;
    height: 15px;
}
.label_rightalign
{
    text-align: right;
}

/*Added style for User Settings Page*/
#pass
{
    font-family:Arial;
    font-size:large;
    color:#6495ED;
}


p
{
    padding: 0px 2px 0px 2px;
}
/******************** Class for multiline textbox *************************/
textarea
{
    border: 1px solid #7F9DB9;
    margin-top: 2px;
    margin-left: 2px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif, Verdana;
}

/*********************************************** Start css classes for textbox*/
.input_small[type=text] /* input box or textfeild with less then 5 characters */
{
    height: 14px;
    border: 1px solid #7F9DB9;
    width: 50px;
    margin-top: 2px;
    margin-left: 2px;
}

.input_small_number[type=text] /* input box or textfeild with less then 8 characters for digits */
{
    height: 14px;
    border: 1px solid #7F9DB9;
    width: 50px;
    margin-top: 2px;
    margin-left: 2px;
    text-align: right;
}


.input_small2[type=text] /* input box or textfeild with less then 15 characters */
{
    height: 14px;
    border: 1px solid #7F9DB9;
    width: 100px;
    margin-top: 2px;
    margin-left: 2px;
}

.input_small2_number[type=text] /* input box or textfeild with less then 15 characters for digits */
{
    height: 14px;
    border: 1px solid #7F9DB9;
    width: 100px;
    margin-top: 2px;
    margin-left: 2px;
    text-align: right;
}


.input_medium[type=text] /* input box or textfeild with less then 25 characters */
{
    height: 14px;
    border: 1px solid #7F9DB9;
    width: 150px;
    margin-top: 2px;
    margin-left: 2px;
}

.input_medium_number[type=text] /* input box or textfeild with less then 25 characters for digits */
{
    height: 14px;
    border: 1px solid #7F9DB9;
    width: 150px;
    margin-top: 2px;
    margin-left: 2px;
    text-align: right;
}

.input_large[type=text] /* input box or textfeild with less then 35 characters */
{
    height: 14px;
    border: 1px solid #7F9DB9;
    width: 220px;
    margin-top: 2px;
    margin-left: 2px;
}

.input_ex_large[type=text] /* input box or textfeild with more then 50 characters */
{
    height: 14px;
    border: 1px solid #7F9DB9;
    width: 400px;
    margin-top: 2px;
    margin-left: 2px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif, Verdana;
}

.input_100percent[type=text] /* input box with 100 percent width */
{
    height: 14px;
    border: 1px solid #7F9DB9;
    width: 99%;
    margin-top: 2px;
    margin-left: 2px;
    font-size: 11px;
    font-family: Tahoma,Arial, Helvetica, sans-serif, Verdana;
}

.input_20[type=text] /* input box or textfeild with width specified can be used sometimes when need can hold just 2 characters */
{
    height: 14px;
    border: 1px solid #7F9DB9;
    width: 20px;
    text-align: right;
    margin-top: 2px;
    margin-left: 2px;
}

.input_30[type=text] /* input box or textfeild with width specified can be used sometimes when need can hold just 2 characters */
{
    height: 14px;
    border: 1px solid #7F9DB9;
    width: 30px;
    text-align: right;
    margin-top: 2px;
    margin-left: 2px;
}
.inputbook_30[type=text] /* input box or textfeild with width specified can be used sometimes when need can hold just 2 characters */
{
    height: 14px;
    border: 0px solid ;
    width: 30px;
    text-align: right;
    margin-top: 2px;
    margin-left: 2px;
}

.input_50[type=text] /*(not to be used. instead input_small can be used)  input box or textfeild with width specified */
{
    height: 14px;
    border: 1px solid #7F9DB9;
    width: 50px;
    margin-top: 2px;
    margin-left: 2px;
}

.input_100[type=text] /*(not to be used)  input box or textfeild with width specified */
{
    height: 14px;
    border: 1px solid #7F9DB9;
    width: 100px;
    margin-top: 2px;
    margin-left: 2px;
}

.input_150[type=text] /*(not to be used. instead input_medium can be used)  input box or textfeild with width specified */
{
    height: 14px;
    border: 1px solid #7F9DB9;
    width: 150px;
    margin-top: 2px;
    margin-left: 2px;
}

input[type=text] /*Default style for a input */
{
    height: 14px;
 /*  border: 1px solid #7F9DB9;*/
    width: 120px;
    font-size: 11px;
    margin-top: 2px;
    margin-left: 2px;
}

input[type=password] /*Default style for a password input type */
{
    height: 14px;
    border: 1px solid #7F9DB9;
    width: 120px;
    font-size: 11px;
    margin-top: 2px;
    margin-left: 2px;
}

.input_150[type=password] /* Not to used  */
{
    height: 14px;
    border: 1px solid #7F9DB9;
    width: 120px;
    font-size: 11px;
    margin-top: 2px;
    margin-left: 2px;
}

/* End of textfeilds */

.button_holder
{
    text-align: right;
    height: 16px;
}
.btn_small /* small button */
{
    float: right;
    width: 30px;
    height: 16px;
    margin-right: 10px;
    margin-left: 10px;
    color: #FFFFFF; /*background-image: url(images/btn_small.png);*/
    background-color: #356bb5;
    margin-top: 2px;
}

.btn_small a /* small button */
{
    font-size: 11px;
    width: 30px;
    height: 16px; /*background-image: url(images/btn_small.png);*/
    background-color: #356bb5;
    display: block;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}

.btn_small a:hover /* small button */
{
    width: 30px;
    color: #FFFFFF;
    height: 16px; /*background-image: url(images/btn_small.png);*/
    background-color: #356bb5;
}

.btn_small a:visited /* small button */
{
    width: 30px;
    color: #FFFFFF;
    height: 16px; /*background-image: url(images/btn_small.png);*/
    background-color: #356bb5;
}
.btn_small a[disabled=disabled]
{
    background-image: url(images/btn_small_disabled.png);
}
/* This Class btn_medium is used for button such as Save, New, Edit etc */

.btn_medium /* Can contain of 6 characters */
{
    float: right;
    width: 50px;
    height: 16px;
    margin: 2px;
    color: #FFFFFF;
    overflow: hidden; /*background-color:#356bb5;*/
    background-image: url(../images/btn_medium.png);
    text-align: center;
}

.btn_medium a
{
    font-size: 11px;
    width: 50px;
    height: 16px;
    background-image: url(../images/btn_medium.png); /*background-color:#356bb5;*/
    display: block;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}

.btn_medium a:hover
{
    width: 50px;
    color: #FFFFFF;
    height: 16px;
    background-image: url(../images/btn_medium.png); /*background-color:#356bb5;*/
}

.btn_medium a:visited
{
    width: 50px;
    color: #FFFFFF;
    height: 16px;
    background-image: url(../images/btn_medium.png); /*background-color:#356bb5;*/
}
.btn_medium a[disabled=disabled]
{
    background-image: url(images/btn_medium_disabled.png);
}
.btn_mediumLeft /* Align button to left side of container - Added by Harshad */
{
    float: left;
}
.btn_large /* This Class btn_large can contain of 15 characters   */
{
    float: right;
    width: 100px;
    height: 16px;
    margin-right: 1px;
    color: #FFFFFF;
    margin: 2px;
    background-image: url(../images/btn_large.png);
    text-align: center;
}

.btn_large a
{
    font-size: 11px;
    width: 100px;
    height: 16px; /*background-color:#396FB7;*/
    background-image: url(../images/btn_large.png);
    display: block;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}

.btn_large a:hover
{
    width: 100px;
    color: #FFFFFF;
    height: 16px;
    background-image: url(../images/btn_large.png);
}

.btn_large a:visited
{
    width: 100px;
    color: #FFFFFF;
    height: 16px;
    background-image: url(../images/btn_large.png);
}

.btn_large a[disabled=disabled]
{
    background-image: url(images/btn_large_disabled.png);
}
/* This Class btn_medium2 is used for some special cases where the width is more then the btn_medium. */

.btn_medium2 /* Can contain of 10 characters */
{
    float: right;
    width: 75px;
    height: 16px;
    margin: 2px;
    color: #FFFFFF;
    overflow: hidden;
    background-image:url(../images/btn_medium2.png);
    text-align: center;
}

.btn_medium2 a
{
    font-size: 11px;
    width: 75px;
    height: 16px;
    background-image: url(images/btn_medium2.png);
    display: block;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}

.btn_medium2 a:hover
{
    width: 75px;
    color: #FFFFFF;
    height: 16px;
    background-image: url(images/btn_medium2.png);
}

.btn_medium2 a:visited
{
    width: 75px;
    color: #FFFFFF;
    height: 16px;
    background-image: url(images/btn_medium2.png);
}
.btn_medium2 a[disabled=disabled]
{
    background-image: url(images/btn_medium2_disabled.png);
}
.button_holder
{
    text-align: right;
    height: 16px;
}

/* End of General Buttons */

.td_170px /* Applied to the td with a width of 170px */
{
    width: 170px;
    text-align: left;
}

.td_150px /* Applied to the td with a width of 150px */
{
    width: 150px;
    text-align: left;
}

.td_100px /* Applied to the  td with a width of 100px */
{
    width: 100px;
    text-align: left;
}

.td_70px /* Applied to the  td with a width of 70px */
{
    width: 70px;
    text-align: left;
}
select /* Default style for a dropdown box or select box */
{
    font-size: 11px; /*height: 19px;     border: 1px solid #7F9DB9;     width: 122px;     font-size: 11px;     padding: 0px;     margin: 0px;     margin-top: 2px;     margin-left: 2px;*/
}

.select_small /* dropdown box with less then 5 characters */
{
    border: 1px solid #7F9DB9;
    width: 50px;
    margin-top: 2px;
    margin-left: 2px;
}

.select_small_number /* dropdown box with less then 5 characters for digits */
{
    border: 1px solid #7F9DB9;
    width: 50px;
    margin-top: 2px;
    margin-left: 2px;
    text-align: right;
}

.select_medium /* dropdown box with less then 20 characters */
{
    border: 1px solid #7F9DB9;
    width: 154px;
    margin-top: 2px;
    margin-left: 2px;
}

.select_large /* dropdown box with less then 30 characters */
{
    border: 1px solid #7F9DB9;
    width: 224px;
    margin-top: 2px;
    margin-left: 2px;
}

.select_x_large /* dropdown box with less then 50 characters */
{
    border: 1px solid #7F9DB9;
    width: 404px;
    margin-top: 2px;
    margin-left: 2px;
}

.select_large100percent /* dropdown box with 100% width */
{
    border: 1px solid #7F9DB9;
    width: 99%;
    margin-top: 2px;
    margin-left: 2px;
}

/* CSS for ASP - Ajax Tab Strip*/
.visoft__tab_xpie7 span
{
    padding: 0px;
}
.visoft__tab_xpie7 .ajax__tab_header
{
    /*background: url(images/panel_header.jpg) repeat-x bottom;     font-family: Arial;*/
    font-size: 11px;
    color: #a0c0e1;
    padding: 0px;
}

.visoft__tab_xpie7 .ajax__tab_outer
{
    background: url(images/tabs/nrm_end.png) no-repeat right;
    height: 16px;
}

.visoft__tab_xpie7 .ajax__tab_inner
{
    background: url(images/tabs/nrm_str.png) no-repeat;
    padding-top: 0px;
    padding-right: 4px;
    padding-bottom: 0px;
    padding-left: 4px;
    height: 17px;
    margin-left: 2px;
}

.visoft__tab_xpie7 .ajax__tab_tab
{
    background: url(images/tabs/nrm_bg.png) repeat-x;
    margin: 0px;
    height: 17px;
}

.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_outer
{
    background: url(images/tabs/sel_end.png) no-repeat right;
    height: 16px;
}

.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_inner
{
    background: url(images/tabs/sel_str.png) no-repeat;
    height: 17px;
}

.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_tab
{
    background: url(images/tabs/sel_bg.png) repeat-x;
    height: 17px;
    color: White;
}


.visoft__tab_xpie7 .ajax__tab_body
{
    /* border: solid 1px #a0c0e1;*/
}

.TreeItem table
{
    width: 0%;
}
.TreeItem a:hover
{
    color: #000000;
}

/*AutoComplete flyout */

.autocomplete_completionListElement
{
    visibility: hidden;
    margin: 0px !important;
    background-color: white;
    color: blue;
    border: solid 1px gray;
    cursor: pointer;
    text-align: left;
    list-style-type: none;
    font-family: Verdana;
    font-size: 11px;
    padding: 0;
    z-index: 2 !important;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #ffffff;
    color: black;
    padding: 1px;
    z-index: 2 !important;
}

/* AutoComplete item */

.autocomplete_listItem
{
    background-color: window;
    color: windowtext;
    padding: 1px;
    z-index: 2 !important;
}



/*  popup */
.pop_box /* Applied to a div containing the popup */
{
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    border: 3px solid #6992ca;
    background-color: #FFFFFF;
}
.pop_box th
{
    background-color: #a0c0e1;
    color: #FFFFFF;
    font-weight: normal;
}
/* --------------------------------------------ODLGridView Styles------------------------------------------ */
.ODLGridViewRowStyle TD /* Default Row style for Grid TD */
{
    color: #000000;
    padding-left: 2px;
    cursor: pointer;
    height: 18px;
    padding-right: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
/*Issues with creating new rules via Extranet*/
.ODLGridViewRowStyleOffers TD /* Default Row style for Grid TD */
{
    color: #000000;
    padding-left: 2px;
    cursor: pointer;
    height: 18px;
    padding-right: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:normal;
    vertical-align: middle;
}

.ODLGridViewRowStyle TD INPUT /* Row style for textbox inside grid */
{
    margin: 0px;
    padding: 0px;
}

.ODLGridViewSelectedRowStyle TD INPUT /* Row style for textbox inside selected row in grid */
{
    margin: 0px;
    padding: 0px;
}

.ODLGridViewRowStyle TD SELECT /* Row style for dropdown inside grid */
{
    margin: 0px;
    padding: 0px;
}

.ODLGridViewSelectedRowStyle TD SELECT /* Row style for dropdown inside selected row in grid */
{
    margin: 0px;
    padding: 0px;
}

.ODLGridViewSelectedRowStyle TD /* Default Selected Row style for Grid TD */
{
    padding-left: 2px;
    padding-right: 2px; /* Added by nishant, since ODLGridViewRowStyle TD has right padding */
    color: Black;
    background-color: #dbe8f7;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.ODLGridViewFixedHeader /* Grid Header Style*/
{
    background-color: #6992c6;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px !important;
    width: 100%;
    height: 18px;
    text-align: left;
    width: auto;
    position: relative;
    padding-left: 2px;
}

.ODLGriViewInput
{
    margin: 0px;
}

.GridTDRight /* align control in grid to right  */
{
    text-align: right;
}

.GridTDCenter /* align control in grid to center  */
{
    text-align: center;
}

.ODLGridViewRowStyle .GridTDRightBorderLess /* align control in TD to right  */
{
    text-align: right;
    border: 0px;
    margin: 0px;
    padding-right: 4px; /* To show cursor on focus.less than 4px shows a dot after input.*/
}


.ODLGridViewFixedHeader th /* IE 8 - Aligning header text to left */
{
    text-align: left;
    padding-left: 2px;
    height: 18px !important;
    border: 1px solid #ddd !important;
    font-size: 11px !important;
}

.ODLGridViewStyleWithBorder
{
}
/*To Show Grid Lines in IE8*/

.ODLGridViewStyleWithBorder td /*To Show Grid Lines in IE8*/
{
    border: 1px solid #F9F9F9; /*#ddd*/
}

.ODLGridViewStyleWithOutBorder
{
}
/*To hide Grid Lines / White line  in IE8*/

.ODLGridViewStyleWithOutBorder td /*To hide Grid Lines / White line  in IE8*/
{
    border: 0px;
}

.ODLGridViewFooterStyle
{
    border: 1px solid #ddd;
    border-top: none;
}

.ODLGridViewFooterStyle TD
{
    padding-left: 2px;
}

.ODLGridViewPagerStyle
{
    background-color: #6992c6;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    height: 18px;
    vertical-align: middle;
}

.ODLGridViewPagerStyle TD
{
    padding-left: 2px;
    padding-right: 2px;
    vertical-align: middle;
}

/*.ODLGridViewRowStyle ODLTemplateField INPUT
{
    padding-right: 0px; 
}*/



/*CSS class for selected page in pager template*/
.SelectedPageButton
{
    font-size: 11px;
    font-weight: bold;
    color: Black;
}
/* --------------------------------------------End of ODLGridView Styles------------------------------------------ */
.td_bottomBrd
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #D9E6EC;
}

.dark_blue_bottomBrd /* dark_blue_bottomBrd class is a bottom line which is used as a sub header for a group of controls or grids*/
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #6992c6;
    word-wrap: break-word;
    max-width:10px; 
}

a, a:visited /* Global hyperlink Style */
{
    text-decoration: none;
    color: #ddd;
}


/*a[disabled=disabled] 
{   
    background-image:url(images/btn_disabled.png);
  
           
}*/

a:hover /* Global hyperlink Style on hover */
{
    color: #fff;
    text-decoration: none;
}
/*  Start of Header*/

#logo /* Logo ID is applied to a div holding the Logo  in the masterpage  */
{
    width: 198px;
    height: 44px;
    padding: 0px;
    margin: 0px;
    background-repeat: no-repeat;
    position: absolute;
    background-image: url(images/logo.jpg);
}

#menu /* MENU ID is applied to a div holding the Main Menus  */
{
    width: 1003px;
    height: auto;
    margin-top: 25px;
    position: absolute;
}

#wclogout /* It contains the Top links Home, Logout, Help and Support Links*/
{
    float: right;
    width: 300px;
    margin-top: 3px;
}

#wclogout a /* hyperLinks*/
{
    font-size: 11px;
    color: Black;
    text-decoration: underline;
}

#wclogout a:hover /* hyperLinks hover*/
{
    color: #CC0000;
}


.version /* Version Class is applied to a div holding the Version Number  in the masterpage "mstTSBroser" */
{
    font-size: 11px;
    width: 200px;
    height: 44px;
    padding: 0px;
    margin-left: 130px;
    margin-top: 10px;
    position: absolute;
    color: #4270A8;
}

.database /* Database Class is applied to a div holding the Database Name in the masterpage "mstTSBroser" */
{
    font-size: 11px;
    width: 250px;
    height: 44px;
    padding: 0px;
    margin-left: 320px;
    margin-top: 10px;
    position: absolute;
    color: #4270A8;
}

.user /* user Class is applied to a div holding the User Name  in the masterpage "mstTSBroser" */
{
    font-size: 11px;
    width: 200px;
    height: 44px;
    padding: 0px;
    margin-top: 10px;
    margin-left: 500px;
    position: absolute;
    color: #4270A8;
}


.flags /* flags Class is applied to a div holding the flags icons in the masterpage "mstTSBroser" */
{
    font-size: 11px;
    width: 100px;
    height: 30px;
    padding: 0px;
    margin-top: 2px;
    margin-left: 935px;
    position: absolute;
    color: #4270A8;
}


#header /* Header ID is used in the Master page containing the logo, the top links, version number, the database and the user name   */
{
    top: 0;
    left: 0;
    width: 100%;
    background-color: #22e6f4;
    height: 40px;
    overflow: hidden; /*background-image: url(images/bg_body.jpg);      background-repeat: repeat-x;     position: absolute; for new menu Ashfaq*/
    background-color: #dae6f4;
}

#login_header /* Header ID is used in the login Master page    */
{
    top: 0;
    left: 0;
    width: 100%;
    background-color: #22e6f4;
    height: 50px;
    overflow: hidden;
    background-image: url(images/bg_body.jpg);
    background-repeat: repeat-x;
    position: absolute;
    background-color: #dae6f4;
}

.header_grdnt_loop /* Background image in the header */
{
    background-image: url(images/panel_header.jpg);
    background-repeat: repeat-x;
    background-color: #dae6f4;
}

* html #header /*  Width of the header*/
{
    height: 50px;
}

/*  End of Header*/

/*------------------------------------------------------- Start : Added by Harshad -----------------------------------------*/

/*-------------------- Start Css for Header Maintenance screens ------------------*/

/*-------------------- Start Css for Header Maintenance screens ------------------*/
.HeaderMaintenance_Div
{
    background-color: white;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
    padding-top: 6px;
    padding-left: 2px;
    padding-bottom: 6px;
    padding-right: 2px;
    border-radius: 8px;
}
.HeaderMaintenance_Div table
{
    width: 100%;
    padding: 0px;
    border-collapse: separate;
    border-spacing: 4px 0px;
}

.HeaderMaintenance_Div table td
{
    background-color: #a0c0e1;
    border: 1px solid black;
    padding: 1px;
    color: white;
}
.HeaderMaintenance_Div table table
{
    border-spacing: 0px 0px;
    border: none;
}

.HeaderMaintenance_Div table table td
{
    border: none;
}

.HeaderMaintenance_Div table table th
{
    text-align: left;
    white-space: nowrap;
}
/*-------------------- End Css for Header Maintenance screens ------------------*/

/* Start of New Tabstrip classes*/

.tab_default
{
    font-size: 11px;
    float: left;
    height: 21px;
    margin-left: 1px;
}
.tab_default .leftimg
{
    background-image: url(images/tabs/inrm_str1.png);
    background-repeat: no-repeat;
    background-position: left;
    margin-left: 1px;
}
.tab_default .rightimg
{
    background-image: url(images/tabs/inrm_end1.png);
    background-repeat: no-repeat;
    background-position: right;
}
.tab_default .tablabel
{
    color: #a0c0e1;
    height: 20px;
    background-color: #FFFFFF;
    margin-top: 0px;
    margin-left: 4px;
    margin-right: 4px;
    padding-top: 5px;
}

.tab_default .tablabel a
{
    color: #a0c0e1;
}

.tab_active
{
    font-size: 11px;
    float: left;
    height: 25px;
    margin-left: 1px;
}
.tab_active .leftimg
{
    /*height: 21px;*/
    background-image: url(images/tabs/isel_str1.png);
    background-repeat: no-repeat;
    background-position: left;
    margin-left: 1px;
}
.tab_active .rightimg
{
    /*height: 21px;*/
    background-image: url(images/tabs/isel_end1.png);
    background-repeat: no-repeat;
    background-position: right;
}
.tab_active .tablabel
{
    background-color: #a0c0e1;
    height: 20px;
    margin-right: 4px;
    margin-left: 4px;
    margin-top: 0px;
    padding-right: 4px;
    padding-left: 4px;
    color: #FFF;
    font-weight: normal;
    vertical-align: middle;
    text-align: center;
    padding-top: 5px;
}
.tab_active .tablabel a
{
    color: #FFF;
}

/* End of Static Tabstrip */


/*-- CSS for UpdateProgress Control used on all pages called from Master --- */


.UpdateProgressDiv
{
    visibility: visible;
    width: 100%;
    height: 50%;
    border-color: Gray;
    left: 0px;
    top: 0px;
    background-color: White;
    filter: alpha(opacity=60);
    position: absolute;
    text-align: center;
    vertical-align: middle;
    padding-top: 20%;
    margin: 0px;
    z-index: 10005;
}


/*-------------------- Css for Maintenance Menus ------------------*/
.HeaderMaintenance_td
{
    padding-left: 14px;
    padding-top: 2px;
}

/* --------------------------------------------ODLDropDownList Styles Begin------------------------------------------ */
/* BOC Nishant*/
.ODLDropDown_Info
{
    background-color: #fff;
    border: 1px solid #98b5e2;
}

.ODLDropDown_100Percent
{
    border: solid 1px #98b5e2 !important;
    width: 100%;
    height: 14px;
    margin-left: 2px !important;
    margin-top: 2px !important;
}

.ODLDropDown_220
{
    width: 224px !important;
    border: solid 1px #98b5e2 !important;
    height: 14px !important;
    margin-left: 2px !important;
    margin-top: 2px !important;
}

.ODLDropDown_150
{
    border: solid 1px #98b5e2 !important;
    width: 154px !important;
    height: 19px !important;
    margin-left: 2px !important;
    margin-top: 2px !important;
}


.ODLDropDownSelect
{
    width: 14px;
    border: none;
    background-image: url("images/sel_dn.png");
    background-color: white;
}

.ODLDropDownSelect input
{
    border: none;
    width: 14px;
    background-color: Transparent;
    filter: alpha(opacity=0);
}

.ODLDropDownSelect image
{
    border: none;
}

.ODLDropDownDelete
{
    width: 14px;
    border-color: transparent;
    background-image: url("images/sel_del.png");
    background-color: white;
}

.ODLDropDownDelete input
{
    border: none;
    width: 14px;
    background-color: transparent;
    filter: alpha(opacity=0);
}
/* --------------------------------------------ODLDropDownList Styles End------------------------------------------ */
/*EOC Nishant */

.MultilineTextBox
{
    font-family: Arial, Helvetica, sans-serif, Verdana;
    font-size: 11px;
}

.input_margin_left[type=checkbox] /* style for checkbox input type with a margin */
{
    padding: 0px 10px 0px 10px;
    margin: 0px;
    height: 14px;
    width: 14px;
    margin-top: 2px;
    margin-left: 2px;
}

.WebPartZoneHeader
{
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    background-color: #a0c0e1;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 14px;
    width: 100%;
    height: 30px;
    border: 0px;
    padding: 0px 0px 0px 5px;
    text-align: left;
    vertical-align: middle;
}

.WebPartZoneContent
{
    background-color: #FFFFFF;
}

.modalBackground /* the Gray background below the popup assigned to a div */
{
    background-color: Gray;
    filter: alpha(opacity=40);
    opacity: 0.7;
    float: none;
    height: 100%;
    width: 100%;
    z-index: 1;
}

/*CSS for Calender extender to show on top. Need to set z - index (Silvia)*/
.ajax__calendar_container
{
    z-index: 100000;
}

input[type='checkbox'], checkbox
{
    vertical-align: middle;
    padding-top: 2px;
}

label
{
    vertical-align: middle;
}

.LabelBold  /* Added by krunal for Headers Bold*/
{
    font-weight: bold;
}

.bold  
{
    font-weight: bold;
}

input[type="radio"]
{
    vertical-align: middle;
    padding-top: 2px;
}

/* New Class for Supplier Extranet *//*Add: July 24th 2012*/
/* input label class*/
.date_text_td
{
    border: 0px;
    font-size: 14px;
    background-color:#a5c3e7;
    color:White;
    font-family: Verdana;
	text-align: left;
	letter-spacing: 0px;
	word-spacing: 0px;
	padding-top: 2px;
	border: 0px;
    padding-bottom:0px;
	width: 70px;
	
}

/*Added new class for contract extend page*/
.date_text_td1
{
    border: 1px;
    font-size: 11px;
}


.weeked{
	border-right: 1px solid #e0e7f5;	
	border-top: 1px solid #e0e7f5;		
	font-size: 11px;
	border-left: 1px solid #e0e7f5;	
	width: auto;
	color: black;
	border-bottom: 1px solid #e0e7f5;	
	font-family: Verdana;

	
	letter-spacing: 0px;
	word-spacing: 0px;
	padding: 0px;
}




/* End of New Class for Supplier Extranet */
Added these classes from old css to use with repeaters .weeked1
{
    border-right: 1px solid #e0e7f5;
    border-top: 1px solid #e0e7f5;
    border-left: 1px solid #e0e7f5;
    width: auto;
    color: black;
    border-bottom: 1px solid #e0e7f5;
    font-size: 11px;
    font-family: Verdana;
    text-align: center;
    letter-spacing: 0px;
    word-spacing: 0px;
    padding: 0px;
}

.style_right
{
    font-size: 11px;
    font-family: Verdana;
    text-align: right;
}
.weektd
{
    border-color: Black;
    width: auto;
    color: black;
    border-bottom: 5px none #b0b0c8;
    font-size: 11px;
    font-family: Verdana;
    text-align: center;
    letter-spacing: 0px;
    word-spacing: 0px;
    padding: 4px;
}


.calender_ajax
{
    background-color: #ffffff;
    font-weight: lighter;
    border-style: solid;
    font-size: 11px;
}

.stylequickmenu
{
    margin-bottom: 0px;
}
/*srikanth(for booking details)*/
.style1
{
    width: 225px;
    text-align: left;
}
.style2
{
    width: 823px;
}


/*Added by Kalpi*/
.weektd2
{
    border-color: Black;
    font-size: 11px;
    width: auto;
    color: black;
    border-bottom: 5px none #b0b0c8;
    font-family: Verdana;
    text-align: center;
    letter-spacing: 0px;
    word-spacing: 0px;
    padding: 4px;
    padding-left:12px;
    padding-right :0px;
}


div.TabView div.Tabs
{
    height: 24px;
}

div.TabView div.Tabs a
{
    float: left;
    display: block;
    text-align: center;
    padding-top: 3px;
    vertical-align: middle; /*border: 1px solid #3D5EBB;*/
    border-bottom-width: 0;
    text-decoration: none;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
	color:#FFFFFF;
}


/*div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active*/
div.TabView div.Tabs , div.TabView div.Tabs 
{
background-color:#a0c0e1; /* Jayesh: changed the color to that of the color scheme#E6EAF7;*/ 
color:#ffffff;  /* Jayesh: changed the color to that of the color scheme#E6EAF7;*/
}  





@media Print
{
    .noprint
    {
        display: none;
    }
}
div.TabView div.Tabs
{
    height: 24px;
	background-color: rgb(160, 192, 225);
}

div.TabView div.Pages
{
    clear: both;
    border: 1px solid #a0c0e1;
    overflow: hidden;
}

div.TabView div.Pages div.Page
{
    height: 100%;
    padding: 0px;
    overflow: hidden;
}

div.TabView div.Pages div.Page div.Pad
{
    /*padding: 3px 5px;*/
}

.weekdays
{
    border-right: 1px solid #EBEBF1;
    border-top: 0px none #b0b0c8;
    font-size: 11px;
    border-left: 0px none #b0b0c8;
    width: auto;
    color: black;
    border-bottom: 0px none #b0b0c8;
    font-family: Verdana;
   background-color: #a0c0e1; /*Silver;/*#9EB0B6;/*#EFF2F3;/*#666666;/*#91CDFF;/*Silver; /*Gray ;/* #E6F4FF;*/
    text-align: center;
    letter-spacing: 0px;
    word-spacing: 0px;
    padding: 0px;
}

/* Start - Classes for Repeater control - Added by Harshad */
.TableMain
{
    width: 100%;
   
    background: #dddddd;
    border-spacing: 1px;
}
.tempCSSlefta
{
    color: #000000;
    height: 20px;
    vertical-align: middle;
    background-color: White;
    text-align: left;
   
}

.tempwhitespace
{
    white-space:nowrap;
}


/*.weeked
{
     background-color: #6992c6;
      color: #FFFFFF;
	border-right: 1px solid #e0e7f5;	
	border-top: 1px solid #e0e7f5;
	font-size: 11px;
	border-left:1px solid #e0e7f5;
	width: auto;
	color: black;
	border-bottom: 1px solid #e0e7f5;
	font-family: Verdana;
	  font-weight: bold;
    font-size: 11px !important;
	/*background-color: #9DD8FF;*/
	/*text-align: left;
	letter-spacing: 0px;
	word-spacing: 0px;
	padding: 0px;
	 width: 100%;
    height: 18px;
    position: relative;
    padding-left: 2px;
white-space: nowrap;
}*/




/* End - Classes for Repeater control */




/*Beginning of Login Page*/

.clear
{
    clear: both;
}


.loginbody
{
    margin: 0 auto;
    padding: 0;
    color: #0F1419;
    background-color: #9fc0e3;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
}

.loginbody a
{
    color: #34629A;
    text-decoration: underline;
}
.loginbody a:hover
{
    text-decoration: none;
    color: #333333;
}


.loginbody a img
{
    border: none;
}

/* begin Box, Sheet */
.art-sheet
{
    position: relative;
    margin: 0 auto;
    min-width: 43px;
    min-height: 43px;
}

.art-sheet-body
{
    position: relative;
    padding: 16px;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc, .art-sheet-cr, .art-sheet-cl
{
    position: absolute;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl
{
    width: 42px;
    height: 42px;
    background-image: url('../images/sheet_s.png');
}

.art-sheet-tl
{
    top: 0;
    left: 0;
    clip: rect(auto, 21px, 21px, auto);
   
}

.art-sheet-tr
{
    top: 0;
    right: 0;
    clip: rect(auto, auto, 21px, 21px);
}

.art-sheet-bl
{
    bottom: 0;
    left: 0;
    clip: rect(21px, 21px, auto, auto);
}

.art-sheet-br
{
    bottom: 0;
    right: 0;
    clip: rect(21px, auto, auto, 21px);
}

.art-sheet-tc, .art-sheet-bc
{
    left: 21px;
    right: 21px;
    height: 42px;
    background-image: url('../images/sheet_h.png');
}

.art-sheet-tc
{
    top: 0;
    clip: rect(auto, auto, 21px, auto);
}

.art-sheet-bc
{
    bottom: 0;
    clip: rect(21px, auto, auto, auto);
}

.art-sheet-cr, .art-sheet-cl
{
    top: 21px;
    bottom: 21px;
    width: 42px;
    background-image: url('../images/sheet_v.png');
}

.art-sheet-cr
{
    right: 0;
    clip: rect(auto, auto, auto, 21px);
}

.art-sheet-cl
{
    left: 0;
    clip: rect(auto, 21px, auto, auto);
}

.art-sheet-cc
{
    position: absolute;
    top: 21px;
    left: 21px;
    right: 21px;
    bottom: 21px;
    background-color: #FFFFFF;
}

.art-sheet
{
    top: 90px !important;
    margin-bottom: 95px !important;
    cursor: auto;
    width: 650px;
}
/* end Box, Sheet */


.art-header
{
    text-align: center;
    margin-top: 10px;
}

/*art-content changed to center the sign in*/
/*
BOC Vaibhav-Added new UI changes
.art-content
{
    width: 380px;
    margin-right: 243px;
    margin-left: 0px;
    margin-top: 50px;
    margin-bottom: 50px;
}*/

.art-content {
    margin: 50px 243px 5px 0;
    width: 380px;
}
/*EOC Vaibhav*/
.client_logo
{
    text-align: center;
    vertical-align: middle;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #333333;
    height: 125px;
}

.client_logo img
{
    max-width: 200px; /* whatever the max width of the login logo area is */
    max-height: 125px; /* whatever the max height of the login logo area is */
}

.client_login
{
    vertical-align: top;
    margin-top: 0.5px;
    margin-left: 5px;
}


/* begin Footer */
.art-footer
{
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}
/* end Footer */

/* begin PageFooter */



.art-page-footer
{
    /*margin: 1em;*/
    text-align: center;
    text-decoration: none;
    color: #394D60;
    font-size: 11px;
    clear: both;
}

.art-page-footer a
{
    color: #515151;
    font-size: 11px;
    letter-spacing: normal;
    word-spacing: normal;
    font-style: normal;
    font-weight: normal;
}
/* end PageFooter */

.login /*For Login Page*/
{
    margin-right: auto;
    margin-left: auto;
    width: 800px;
}



.select_login_ddl /* style for a dropdown box for login page */
{
    font-size: 11px; 
    height: 19px;    
    border: 1px solid #7F9DB9;    
    width: 122px;    
    font-size: 11px;    
    padding: 0px;     
    margin: 0px;   
    margin-top: 2px;  
    margin-left: 2px;
}
/*End of Login Page*/

/* Styling repeater link buttons*/
.tdLinks
{ color: #fff;
 text-decoration: none;
} 
.FixedHeader
{
text-align: left;
padding-left: 2px;
height: 18px !important;
border: 0px solid #ddd !important;
font-size: 11px !important;
} 
/*Styling Header of repeater*/
.Radius_Div_Acc
{
    border: solid 1px #a0c0e1;
    background-color: White;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 5px 5px 5px 5px;
    height: 100%;
    padding: 0px;
    vertical-align: top;
}

.Radius_Div_Acc table th
{
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    background-color: #a0c0e1;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 14px;
    width: 7%;
    height: 30px;
    border: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    vertical-align: middle;
}
.Radius_Div_Acc table table th
{
    border: solid 1px #a5c3e7;
    background-color: #a5c3e7;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.label_Acc, .label_rightalign
{
    margin-left: 2px;
    display: inline-block;
    height: 15px;
}
/*Classes added for Popup*/
 #overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
z-index: 100;
display: none;
}
.popup
{
    position:relative;
    width:35%;
    margin:8% 15% 10% 30%;
    height:auto;
    display:none;
    border:solid 2px #a0c0e1;
    z-index:102;
    background-color:#ffffff;
    max-height:400px;  
}
.popupheader
{
    background-color:#C0DFFF;
    font-family:Verdana;
    color:#000000;
    width:100%;
    height:30px;
}
.tdoption
{
    background-color:#dedfde;
    color:#000;
}
.UnlicenseVersion {
    background-color: #ffffb9; 
    padding: 12px 20px; 
    margin: 10px 0 0; 
    height: auto; 
    width: auto; 
    text-align: center; 
    border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    -ms-border-radius: 10px; 
    -o-border-radius: 10px;
    color:red;
    position:absolute;
}
.MenuUnlicenseVersion {
    right: 35%;
    top: 0px;
    padding: 5px 20px;
margin:0px;
}