﻿body
{
    font-family: "Lucida Grande" , "Lucida Sans-Serif Unicode" , Verdana, Arial, Sans-Serif;
    font-size: 12px;
    background-color: #fff;
    padding: 0px;
    margin: 0px;
    color: #333333;
    background: #4D4D4D; /* background:#e6e6e6 url('img1/p152.png') ;*/
}

div, table, tr, td, th
{
    margin: 0px;
    padding: 0px;
}

.1Highlight
{
    border: solid 1px #D10000; /*background-color: #F2F9FF;vertical-align:top !important;*/
}
div#container
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-top: 0px;
    width: 980px;
    background: #000;
}

.center_section, .header_section, .footer_section
{
    background-color: #e6e6eb;
    width: 604px;
    padding: 0px;
    margin: 0px;
}
.center_section
{
    background-color: #fff; /*padding: 12px;*/
    font-size: 90%;
}
.center_section
{
    width: 792px;
}
.right_section
{
    width: 188px; /*padding: 10px;padding: 24px 20px;*/
    margin: 0px;
    padding: 0px; /*background-color: #e6e6eb;*/
}
.left_section
{
    width: 188px;
    margin: 0px;
    padding: 0px;
    padding-left: 5px; /*background-color: #e6e6eb;*/
}


.dropdown-text
{
    font-family: "Lucida Grande" , "Lucida Sans-Serif Unicode" , Verdana, Arial, Sans-Serif;
    font-size: 11px;
    color: #666666;
}



h3
{
    font-size: 1.2em;
    margin: 0;
    padding: 0px;
}




h1, h2, h3, h4, h5
{
    margin: 0;
    padding: 0;
}
h2
{
    font-size: 12px;
    color: #666666;
}
h1
{
    background: transparent url(img/h1-left.gif) no-repeat scroll left center;
    height: 46px; /*color:#666666;*/
    font-family: Trebuchet MS;
    font-size: 16px;
    line-height: 250%; /*margin: 0 0 15px;*/
    padding: 0 0 0 8px; /*white-space: nowrap;*/
}
h1 .menuHeader
{
    background: transparent url(img/h1-right.gif) no-repeat scroll right center;
    display: block;
    height: 46px;
    width: 100%;
}

.leftHeader
{
    background: transparent url(img/h1-left.gif) no-repeat scroll left center;
    color: #666666;
    white-space: nowrap;
    padding: 0 0 0 14px;
}

.contents
{
    padding-top: 15px;
    font-size: 14px;
    font-weight: bold;
    color: Gray;
    background: transparent url(img/h1-right.gif) no-repeat scroll right center;
    display: block;
    height: 34px;
    width: 100%;
}


.centerLeftPadding
{
    padding-left: 20px;
}


.portlet
{
    background: transparent url(img/portlet-background.bmp) no-repeat scroll right center;
    display: block;
    width: 100%;
}

h2
{
    background: transparent url(img/red_triangle.gif) no-repeat scroll 0 4px;
    padding: 2px 0 0 12px;
}
.fifteenpxBotMargin
{
    margin-bottom: 1px;
    padding-right: 0px;
}
.innerBoxHeaderBgLft
{
    background: url('img/pg_box_hder_bg_lft.gif') no-repeat #f4f4f4;
    height: 22px;
    width: 3px;
}
.innerBoxHeaderBgRpt
{
    background: url('img/pg_box_hder_bg_rpt.gif') repeat-x #f4f4f4;
    height: 22px;
    padding-left: 8px;
}

.innerBoxHeaderBgRt
{
    background: url('img/pg_box_hder_bg_rt.gif') no-repeat #f4f4f4;
    height: 22px;
    width: 3px;
}
.removeAnchorLine
{
	text-decoration:none;
}

input[type="text"], .Highlight
{
    /*background:#fff url(img/validationInputBg.png) repeat-x top left;*/ /*border:1px solid #d3d3d3;line-height: normal; 	height:18px; 	  padding:2px; 	  padding-left:4px;*/
    color: Black;
    font-family: Verdana;
    font-size: 9pt;
}

.Highlight
{
    font-family: Verdana;
    font-size: 9pt;
    border: solid 1px #ffdf84; /*background-color: #F2F9FF;vertical-align:top !important;*/
}

.Normal
{
    font-family: Verdana;
    font-size: 9pt;
    border: solid 1px LightGray; /*background-color: #F2F9FF;vertical-align:top !important;*/
}

/*input[type=submit]
{
    background: transparent url(img/button-background.bmp) no-repeat scroll right center;
    border: soild 1px Gray;
    cursor: pointer;
    height: 25px;
    font-weight:bold;
    padding-left: 5px;
    padding-right: 5px;
    font-family: "Lucida Grande", "Lucida Sans-Serif Unicode", Verdana, Arial, Sans-Serif;
    font-size: 8pt;
}*/

input[type=button]
{
    background-color: #b3b3b3;
    border: none;
    cursor: pointer;
    height: 23px;
    font-weight: bold;
    padding-left: 18px;
    padding-right: 18px;
    font-family: "Lucida Grande" , "Lucida Sans-Serif Unicode" , Verdana, Arial, Sans-Serif;
    font-size: 8pt;
}


.FooterLink a
{
    font-size: smaller;
    color: #2871C0; /* #4a4e4e;*/
    cursor: hand;
    text-decoration: none;
}

.FooterLink a:hover
{
    font-size: smaller;
    color: #2871C0;
    cursor: hand;
    text-decoration: underline;
}


.searchbox
{
    border-right: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
    font-family: verdana;
    font-size: 9pt;
}

/*  ++++++++++++++++++++ Main Grid ++++++++++++++++++++ */

.GridSearch_tablestyle
{
    /*font-family: arial; 	font-size: small;*/ /*border: solid 1px #7f7f7f; 	border: solid 3px #F0F0F0;*/
    border-top: none;
    border-bottom: none;
}

.GridSearch_tablestyle a, .GridSearch_tablestyle
{
    font-family: Verdana;
    font-weight: normal;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
}
.GridSearch_selrowstyle td
{
    border-bottom: solid 1px #ffdf84;
}
.GridSearch_altrowstyle
{
    background-color: #ffffff;
}
.GridSearch_altrowstyle td
{
    /*border-right: solid 1px #A4BED1;	 border-bottom: solid 1px #dcdcdc;*/ /*background-color: #edf5ff; background-color:#F0F0F0;*/
}
.GridSearch_rowstyle
{
    /*background-color:#f5f8fa;    !important */
    background-color: #F8F8F8;
}
.GridSearch_rowstyle td
{
    /*border-right: solid 1px #A4BED1; border-bottom: solid 1px #dcdcdc ;*/
}
.GridSearch_headerstyle th, .GridSearch_headerstyle th a
{
    color: #696969;
    color: #767676;
    font-size: 10pt;
}
.GridSearch_headerstyle th a:hover
{
    color: #696969;
    color: #ff6600;
}



.GridSearch_headerstyle th, .x_header th
{
    background: url(img/grid_header.png) repeat-x 0px 0px;
    border-top: solid 1px #dad9d9;
}



.GridSearch_headerstyle th a
{
    text-decoration: none;
    display: block;
}


.GridSearch_rowstyle .sortaltrow, .GridSearch_altrowstyle .sortaltrow
{
    /* background-color: #edf5ff;  background-color: #F8F8F8;*/
}

.GridSearch_rowstyle .sortrow, .GridSearch_altrowstyle .sortrow
{
    /* background-color: #dbeaff; background-color: #F0F0F0;*/
}

.GridSearch_rowstyle td, .GridSearch_altrowstyle td
{
    /*padding: 4px 10px 4px 10px;*/ /*padding:3px;padding-left:10px;*/
    border-right: solid 1px #cbcbcb;
    border-right: solid 1px #F8F8F8;
}

.GridSearch_headerstyle .sortascheader
{
    /*           background: url(img/sprite.png) repeat-x 0px -100px;*/
    background: #295c9d url(img/sort_asc.png) repeat-x;
    background-repeat: repeat-x;
    background-position: top;
    background-color: #ffdf84;
    border: 1px solid #FFBD69;
}




.GridSearch_headerstyle .sortascheader a
{
    background: url(img/SortUp.png) no-repeat right 2%;
    font-weight: bold;
}

.GridSearch_headerstyle .sortdescheader
{
    /*  background: url(img/sprite.png) repeat-x 0px -100px;*/
    background-image: url(img/sort_desc.png);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #fff4c9;
    border: 1px solid #FFBD69;
}

.GridSearch_headerstyle .sortdescheader a
{
    background: url(img/Sortdown.png) no-repeat right 2%;
    font-weight: bold;
}


/*  ------------------------- End- Main Grid ---------------------------- */


/*
------------------------- Submit Buttons -------------------------
*/

.SubmitButton-Style, .SubmitButton-Style-L1, .tabup
{
    border: medium none;
    color: #767676;
    font-family: verdana;
    font-size: 7.5pt;
    font-weight: bold;
    line-height: 14px; /*   margin: 8px 0 3px;*/
    cursor: pointer;
    padding: 3px 0 5px;
    padding-left: 9px;
    padding-right: 6px;
    text-align: center;
}
.tabdown
{
    border: medium none;
    color: #767676;
    font-family: verdana;
    line-height: 14px; /*   margin: 8px 0 3px;*/
    cursor: pointer;
    padding: 3px 0 5px;
    padding-left: 4px;
    padding-right: 6px;
    text-align: center;
}
.SubmitButton-Style, .SubmitButton-Style-L1
{
    background: transparent url(img/SubmitBtn_spriteII.png) repeat-x scroll 0 0;
}
.tabup, .tabdown:hover
{
    background: transparent url(img/tabbtn_active.png) repeat-x scroll 0 0;
    width: 87px;
    color: #fff;
}
.tabdown
{
    background: transparent;
    width: 87px;
}
.SubmitButton-Style
{
    width: auto !important;
}
a.SubmitButton-Style:hover, .SubmitButton-Style:hover
{
    color: White;
    text-decoration: none;
    background-position: 0 -28px;
}
.SubmitButton-Style-L1
{
    background-position: 0 -30px;
    color: White;
}
.SubmitButton-Style-L1:hover
{
    background-position: 0 0px;
}
.tabdown
{
    /*background: #d1d1d1 url(img/button.png) repeat-x scroll 0 0;*/
}

.SmryCtrlTitle
{
    background-color: #f5deb3;
    font-size: 13px;
    font-weight: bold;
    color: black;
    font-family: Verdana;
}

.TabPanel
{
    /*background: url(img/tabpanel.gif) scroll 0 0;*/
    padding-left: 20px;
    padding: px;
    margin: 0 auto;
}

/* -- Navigation buttons on grid /detail -----------------------*/
.sbtn_first, .sbtn_Previous, .sbtn_Next, .sbtn_Last, .sbtn_first_disabled, .sbtn_Previous_disabled, .sbtn_Next_disabled, .sbtn_Last_disabled
{
    background: transparent url(img/navigation.png) no-repeat;
    border: none;
    width: 17px;
    height: 17px;
}

.sbtn_Last_disabled
{
    background-position: 0 0px;
}

.sbtn_Last
{
    background-position: 0 -50px;
}

.sbtn_Last:hover
{
    background-position: 0 -100px;
}

.sbtn_first_disabled
{
    background-position: 0 -150px;
}
.sbtn_first
{
    background-position: 0 -200px;
}

.sbtn_first:hover
{
    background-position: 0 -250px;
}

.sbtn_Previous_disabled
{
    background-position: 0 -300px;
}
.sbtn_Previous
{
    background-position: 0 -350px;
}
.sbtn_Previous:hover
{
    background-position: 0 -400px;
}


.sbtn_Next_disabled
{
    background-position: 0 -450px;
}
.sbtn_Next
{
    background-position: 0 -500px;
}

.sbtn_Next:hover
{
    background-position: 0 -550px;
}

.remove_row, .insert_row, .move_row_up, .move_row_down
{
    background: url(img/moveoptions2.png) no-repeat;
    width: 30px;
    height: 24px;
}

.remove_row
{
    background-position: 0 -96px;
}
.remove_row:hover
{
    background-position: 0 -144px;
}
.insert_row
{
    background-position: 0 0px;
}
.insert_row:hover
{
    background-position: 0 -48px;
}
.move_row_up
{
    background-position: 0 -284px;
}
.move_row_up:hover
{
    background-position: -0px -332px;
}
.move_row_down
{
    background-position: 0 -187px;
}
.move_row_down:hover
{
    background-position: -0px -236px;
}

/* ++++++++++++++++++++++ detail control(edit add) +++++++++ */



/*  color: #d3d3d3;*/

/*
.PagingBar
{

 
  
  padding-bottom: 2px;
    padding-right: 3px;
    padding-top: 3px;
    padding-left: 3px;
    background: black url(../img4css/table-heading-bg-lrg.gif) repeat;
}
*/

.PagingBar
{
    /*  color: #d3d3d3;    padding-top: 3px;  padding-bottom: 2px;*/
    padding-right: 3px;
    padding-left: 3px;
    background: #eaeaea url(img/paging_bar.gif) repeat-x left center;
}
.detail-header
{
    font-family: Verdana;
    font-size: 8pt;
    background-color: #B0CCE9;
    background: url(img4css/table-heading-bg-lrg.gif) repeat-x;
    color: #1F5CA1;
    font-weight: bold;
    height: 20px;
}

.detail-header22
{
    font-family: Verdana;
    font-size: 8pt;
    background-color: #B0CCE9;
    background: url(img4css/table-heading-bg-lrg.gif);
    color: #1F5CA1;
    font-weight: bold;
}
.query_header
{
    background: black url(img4css/record_group_header.gif) repeat-x;
    color: White;
}
.query_footer
{
    font-family: Verdana;
    font-size: 12px;
    background-color: #B0CCE9;
    background: url(img4css/table-heading-bg-lrg.gif) repeat-x;
    color: #1F5CA1;
    font-weight: bold;
    padding: 10px;
}

/*  ------------------------- TOOLBOX ---------------------------- */

.span_opentoolbox_arrow-up
{
    background: url(img/arrow-up.gif) no-repeat right 50%;
}
.span_opentoolbox_arrow-down
{
    background: url(img/arrow-down.gif) no-repeat right 50%;
}
.subtoolbox
{
    clear: both; /*padding: 1em 0;*/
    border-top: 1px solid #e9e9e9; /*border-left: 1px solid #808080; 	border-right: 1px solid #808080;*/ /*background: #FAFAFA url(IMG/titleBar.png) repeat-x scroll left top; 	outline-style: none;*/
    background: #EAEAEA url(img/subtoobar.gif) repeat-x scroll;
}

.subtoolbox h3
{
    font-weight: normal;
    font-size: 1.15em;
}




.toolboxopener
{
    float: right;
    margin: 0 1px 0 0;
    padding: 0 0 0 2px;
    padding-left: 5px;
    padding-right: 0px;
    width: 111px;
    background: transparent url(img/searchbox.png) no-repeat;
    position: relative;
    top: 0px;
}

.toolboxopener a
{
    display: block;
    padding: 4px 0px 1px 30px;
    padding-bottom: 4px;
    color: #666; /*   background: transparent url(img/tab-right.png) no-repeat right top;*/
    text-decoration: none;
    font-size: 7.5pt;
    font-family: Verdana;
}

.toolboxopener a:hover
{
    color: #06c;
}

.toolboxopener a img
{
    margin-left: 3px;
}

.row-data-itemTextLabel
{
    border: none;
    font-size: 10px;
    color: #000000;
    font-family: Verdana;
    font-weight: normal;
    background-color: #f5f8fa;
}
.row-data-alternate-itemTextLabel
{
    border: none;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    font-family: Verdana;
    background-color: #e6edf2;
    padding-left: 5px;
    vertical-align: middle;
    text-decoration: none;
    height: 20px;
}
.row-data-item
{
    font-size: 10px;
    font-family: Verdana;
    font-weight: normal; /*background-color: #f5f8fa;*/
    background-color: #F8F8F8;
    padding-left: 5px;
    color: #555555;
    vertical-align: middle;
    height: 20px;
}
.row-data-alternate-item /*DataGrid AlternatingItem Style*/
{
    font-size: 10px;
    font-weight: normal;
    color: #555555;
    font-family: Verdana; /*background-color: #e6edf2; 	background-color:#F0F0F0 ;*/
    padding-left: 5px;
    vertical-align: middle;
    text-decoration: none;
    height: 20px;
}
.row-data-item span, .row-data-alternate-item span
{
    padding-left: 10px;
}

/* For Users HomePage */
a.DataGridLink
{
    background: transparent url('img4css/nav/fw.gif') no-repeat scroll 2px 4px;
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 5px 5px 5px 21px;
    font-weight: bold;
}

a.DataGridLink:hover
{
    background: transparent url('img4css/nav/fw.gif') no-repeat scroll 2px 4px;
    text-decoration: none;
    color: Orange;
    display: block;
    margin: 0;
    padding: 5px 5px 5px 21px;
    font-weight: bold;
}
/**/

.td-simple
{
    font-family: Verdana;
    font-size: 8pt;
}
a.SimpleLink:link
{
    height: 20px;
    font-family: Verdana;
    font-size: 80%;
    text-decoration: none;
    color: #dc143c;
    border-right: #9999cc 1px solid;
    border-top: #9999cc 1px solid;
    border-left: #9999cc 1px solid;
    border-bottom: #9999cc 1px solid;
    letter-spacing: 2px;
    padding: 3px;
}
a.SimpleLink:visited
{
    padding: 3px;
    height: 20px;
    text-decoration: none;
    color: Black;
    font-size: 80%;
    color: #dc143c;
    border-right: #9999cc 1px solid;
    border-top: #9999cc 1px solid;
    letter-spacing: 2px;
    border-left: #9999cc 1px solid;
    border-bottom: #9999cc 1px solid; /*background-color:#e0ffff;*/
}
a.SimpleLink:hover
{
    padding: 3px;
    height: 20px;
    text-decoration: none;
    background-color: #f5f8fa; /*#f5f5dc  #fffacd*/
    font-size: 80%;
    font-family: Verdana;
    letter-spacing: 2px;
    border-right: #9999cc 1px solid;
    border-top: #9999cc 1px solid;
    border-left: #9999cc 1px solid;
    border-bottom: #9999cc 1px solid;
    color: Black;
}
a.Normal:link
{
    font-family: Verdana;
    font-size: 100%;
    text-decoration: none;
    color: #2871C0;
    padding: 3px;
}
a.Normal:visited
{
    font-family: Verdana;
    font-size: 100%;
    text-decoration: none;
    color: orange;
    padding: 3px;
}
a.Normal:hover
{
    font-family: Verdana;
    font-size: 100%;
    text-decoration: none;
    color: orange;
    padding: 3px;
}
a.bluelink:link
{
    font-family: Verdana;
    font-size: 80%;
    text-decoration: none;
    color: Blue;
}
a.bluelink:visited
{
    text-decoration: none;
    color: Blue;
}
a.bluelink:hover
{
    text-decoration: none;
}
a.bluelink:active
{
    text-decoration: none;
}

.GridBarButton
{
    border: 0;
    background-color: transparent;
    font-family: Verdana;
    font-size: 80%;
    text-decoration: none;
    color: Black;
    text-align: left;
}

a.GridBarLink:link
{
    font-family: Verdana;
    font-size: 80%;
    text-decoration: none;
    color: Black;
}
a.GridBarLink:visited
{
    text-decoration: none;
    color: Black;
}
a.GridBarLink:hover
{
    text-decoration: none;
}
a.GridBarLink:active
{
    text-decoration: none;
}

select
{
    border: 1px solid #EAEAEA;
}

/* START::: styles to be used to manage MyCases menu items */
.MyCasesmaster_menu
{
    float: left;
    width: 250px;
    padding-right: 10px;
}
.MyCasessidebarheader
{
    height: 24px;
    padding: 5px 0 0 15px;
    background-color: #718BA4;
    color: #FFF;
    font-family: "Lucida Grande" , "Lucida Sans-Serif Unicode" , Verdana, Arial, Sans-Serif;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
}
.MyCasesmaster_sidebarSamples
{
    width: 250px;
    padding-top: 1px;
    background-color: White;
}
.MyCasessidebarcontent
{
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding: 5px 0px 5px 5px;
    line-height: 1.5em;
    font-weight: normal;
}
.MyCasessidebarcontent a
{
    padding: 2px 5px;
    color: #5377A9;
    text-decoration: underline;
}

.MyCasessidebarcontent a:hover
{
    background-color: #B4B4B4;
    color: #FFF;
}

.MyCasessidebarcontent a:visited
{
    font-weight: normal;
}
/* END::: styles to be used to manage MyCases menu items */

/* START::: styles to be used to manage MessageBoard menu items */

.MessageBoardmaster_menu
{
    float: left;
    width: 500px;
    padding-right: 10px;
}
.MessageBoardsidebarheader
{
    height: 24px;
    padding: 5px 0 0 15px;
    background-color: #718BA4;
    color: #FFF;
    font-family: "Lucida Grande" , "Lucida Sans-Serif Unicode" , Verdana, Arial, Sans-Serif;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
}
.MessageBoardmaster_sidebarSamples
{
    width: 500px;
    padding-top: 1px;
    background-color: White;
}
.MessageBoardsidebarcontent
{
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding: 5px 0px 5px 5px;
    line-height: 1.5em;
    font-weight: normal;
}
.MessageBoardsidebarcontent a
{
    padding: 2px 5px;
    color: #5377A9;
    text-decoration: underline;
}

.MessageBoardsidebarcontent a:hover
{
    background-color: #B4B4B4;
    color: #FFF;
}

.MessageBoardsidebarcontent a:visited
{
    font-weight: normal;
}
/* END::: styles to be used to manage MessageBoard menu items */


.useFullInfoMenu td
{
    text-align: center;
    vertical-align: middle;
}

.useFullInfoMenu a
{
    background: transparent url('img4css/tabs1.png') no-repeat;
    padding-top: 8px;
    text-decoration: none;
    vertical-align: middle;
    font-size: 12px;
    color: Black;
}

.useFullInfoMenu a:hover
{
    background-position: 0px -39px;
    text-decoration: underline;
    padding-top: 8px;
    font-weight: bold;
    font-size: 12px;
    cursor: hand;
    color: Black;
}

.useFulInfoBlankGap
{
    background-color: Gray;
    height: 5px;
}

.showDiv
{
    display: block;
    padding-left: 20px;
}

.useFullDataDivHeader
{
    background: transparent url('img4css/div_back.GIF') no-repeat;
    height: 58px;
    padding-left: 25px;
    font-size: 14px;
    font-weight: bold;
}

.useFullDataBackToTop a
{
    background: transparent url('img4css/arrow-up.gif') no-repeat scroll 1px 0.5em;
    text-decoration: none;
    color: Gray;
    text-align: right;
    font-weight: bold;
    padding-left: 14px;
}

.useFullDataBackToTop a:hover
{
    background: transparent url('img4css/arrow-up.gif') no-repeat scroll 1px 0.5em;
    text-decoration: none;
    text-align: right;
    font-weight: bold;
    padding-left: 14px;
}

.hideDiv
{
    background: transparent url('img4css/bg-h2.gif') no-repeat;
    display: none;
    padding-left: 20px;
    font-size: 25px;
}

.showDiv td
{
    font-size: 12px;
}

ol li
{
    padding: 5px;
}
ol li a:hover
{
    text-decoration: none;
}


.fade
{
    background: #000;
    position: fixed; /*width: 1400px;*/
    height: 100%;
    filter: alpha(opacity=50);
    opacity: .50;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE 8 Transparency--*/
    left: 0;
    top: 0;
    z-index: 10;
}

