input, textarea, td, th, tr, select, div, p, span { font-family: Verdana; font-size: 11px; }
p, div, ul { margin: 0; padding: 0; }
td { vertical-align: top; empty-cells: show; }
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], button { margin: 0; padding: 4px 11px; font-family: Segoe UI; cursor: pointer; }
input[type="button"], input[type="submit"], input[type="reset"], button { border: solid 1px #448DAE; }
input[type="text"], input[type="password"], textarea { line-height: 18px; padding: 1px 4px 1px 4px;}
select { padding: 3px 1px 3px 1px;}
img { border: none 0 #FFFFFF; }
a { color: #086FB4; text-decoration: none; }
a:hover { text-decoration: underline; }

body { font-family: Verdana; font-size: 11px; background: #dcedf9; line-height: 18px; margin: 0; }

.MainTable {width: 98%; background: white; background-color: White;margin: 10px auto 0px auto;border-radius: 4px;}

td.Header { height: 80px; vertical-align: middle; border: solid 1px #C0C0C0; border-collapse: collapse; background: #F1F1F1 url(/Images/JSKIPSuite-BG-1.png) repeat top left; }
td.Header .ApplicationName { color: #6FC0E9; font-family: Century; font-size: 50px; margin: 5px; line-height: 55px; }
td.Header .CompanyName { color: #FF8C00; font-family: Century; font-size: 40px; margin: 5px; line-height: 55px; }
td.SubHeader { background: #DEEDF7 url(/Scripts/images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x; border: 1px solid #448DAE; }
td.LeftCell { width: 130px; max-width: 130px; min-width: 130px; min-height: 400px;}
td.MainCell { border: solid 1px #6FC0E9; width: 100%; }
td.Footer { background: #F8F8F8; color: #0080C0; border: solid 1px #6FC0E9; margin: 5px 0 0 0; height: 25px; vertical-align: middle; }
td.Footer a { color: #FF8C00; text-decoration: none; font-weight: bold; }
td.Footer a:hover { text-decoration: underline; }

div.LeftCellContent { padding: 5px 3px 5px 3px; }
div.LeftCellContent .Seperator { width: 120px; }
div.LeftCellContent .SeperatorTop { margin-bottom: 1px; }
div.LeftCellContent .SeperatorBottom { margin-bottom: 7px; }
div.LeftCellContent .Bullet { margin-bottom: -2px;  }
div.LeftCellContent .SectionTitle { color: #FF0000; font-weight: bold; line-height: 23px; }
div.LeftCellContent ul { list-style-type: none; padding: 0px 5px 5px 10px; }
div.LeftCellContent ul li { line-height: 19px; }

.fLeft { float: left; }
.fRight { float: right; }
.clear { clear: both; }
.taLeft { text-align: left; }
.taRight { text-align: right; }
.taCenter { text-align: center; }

.hidden { display: none; }
.error,.Error, .ErrorMessage { color: red; padding-left: 10px; }
.star { color: Red; }
.Highlight { font-weight: bold; color: #2779AA; }
div.vSpace { height: 10px; }

div.PageTitle { font-size: 17px; font-family: Georgia; font-weight: bold; background: #3BAAE3 url(/Scripts/images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x; padding: 6px 5px 6px 5px; color: #FFFFFF; margin: 0 0 10px 0; letter-spacing: 1px; }
div.PageSubTitle, span.PageSubTitle { color: #086FB4; font-size: 16px; font-weight: bold; text-align: left; font-family: Georgia; letter-spacing: 1px; }

div.PageTitleAdmin { color: #006697; font-size: 14px; font-weight: bold; text-align: center; }
div.Modules { border: solid 1px silver; padding: 4px 4px 4px 4px; }
div.MainCellContainer { width: 760px; overflow: scroll; max-width: 760px; max-height: 380px; height: 380px; scrollbar-base-color: LightBlue; scrollbar-arrow-color: Black; scrollbar-track-color: Blue; }

div.SearchBox { background-color: #E6F2FF; border: solid 1px gray; padding: 4px 4px 4px 4px; text-align: left; }
div.SummaryBox { background-color: #E6F2FF; border: solid 1px gray; padding: 4px 4px 4px 4px; text-align:center; }
div.DownloadCSVBox { background-color: #f4fdff; border: solid 1px gray; padding: 4px 4px 4px 4px; text-align: left; }

div.DataPageLinksPanel { background-color: #f4fdff; border: solid 1px gray; padding: 4px 4px 4px 4px; text-align: left; }
div.DataPageLinksPanel a { color: #0000bb; text-decoration: none; }
div.DataPageLinksPanel a:hover { color: #0000ff; text-decoration: underline; }

.AddButton
{
    background-repeat: no-repeat;
    background-image: url('/images/plus.png');
    padding: 2px 0px 2px 22px;    
}

.EditButton
{
    background-repeat: no-repeat;
    background-image: url('/images/edit.png');
    padding: 0px 0px 2px 22px;    
}

.DeleteButton
{
    background-repeat: no-repeat;
    background-image: url('/images/delete.png');
    padding: 0px 0px 2px 22px;    
}

.RefreshButton
{
    background-repeat: no-repeat;
    background-image: url('/images/refresh.png');
    padding: 2px 0px 2px 22px;    
}

.FormButton
{
    background-repeat: no-repeat;
    background-image: url('/images/form.png');
    padding: 2px 0px 2px 22px;    
}

.PrintButton
{
    background-repeat: no-repeat;
    background-image: url('/images/print.png');
    padding: 2px 0px 2px 22px;    
}


/** Form Theme for Commmon */
table.Form { border: 1px solid #AED0EA; color: #000000; border-collapse: collapse; line-height: 20px; }
td.TableHeader, tr.TableHeader, th.TableHeader { border: 1px solid #AED0EA; background: #DEEDF7 url(/Scripts/images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x; color: #2779AA; font-weight: bold; font-size: 15px; }
td.FormFieldHeader { padding-left: 4px; background-color: #fdfdff; text-align: left; color: black; vertical-align: top; }
td.FormFieldInput { padding-left: 4px; text-align: left; }
tr.TableFooter { background: url(images/hdrnfuter%20copy.jpg) repeat-x; color: #FFFFFF; font-weight: bold; text-align: center; vertical-align: middle; height: 25px; }
/** Form Theme for Commmon - Ends */

/*GridView for common details - Starts	*********************************/
table.GridTable, .GridTable { color: #000000; border: 1px solid #AED0EA; border-color: #AED0EA; text-align: left; border-collapse: collapse; background: #FFFFFF; }
.GridTable td, .GridTable th{border-color: #AED0EA;}
tr.GridHeader, .GridHeader { border: 1px solid #AED0EA; padding: 2px 0px 2px 0px; background: #DEEDF7 url(/Scripts/images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x; color: #2779AA; font-weight: bold; }
tr.GridHeaderNormal, .GridHeaderNormal { border: 1px solid #AED0EA; padding: 2px 0px 2px 0px; background: #F9FCFF; color: #2779AA; font-weight: bold; }
tr.GridRow { color: #000000; text-align: left; vertical-align: middle; font-family:Verdana; line-height: 20px; }
tr.GridRow a { color: #013BB6; }
tr.GridAlternateRow { background: #F2F7FC; text-align: left; vertical-align: middle; font-family: Verdana; color: Black; line-height: 20px; }
tr.GridAlternateRow a, TR.GridAlternateRow a:hover { color: #013BB6;} 
tr.GridSelectedRow { background-color: #3BAAE3; font-weight: bold; color: white; line-height: 20px; }
tr.GridSelectedRow a, TR.GridSelectedRow a:hover { color: #FFFFFF; } 
tr.GridEditRow { background-color: #FFF7D2; vertical-align: top; text-align: left; line-height: 20px; } 
tr.GridFooter { border: 1px solid #AED0EA; background: #DEEDF7 url(/Scripts/images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
tr.GridPager { border: 1px solid #AED0EA; background: #DEEDF7 url(/Scripts/images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; text-align: left; } 
/*GridView Common - Ends *********************************/

.NumberBox {text-align: right; padding-right: 2px;}