﻿html{
    height:100%;
}
body {
    top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
    margin:0;
    padding:0px;
	width: 100%;
    min-height:100%;
	margin:0 auto 0 0;
    font-family:Calibri,Tahoma,Serif,Verdana;
    font-size:89%;
    color:#333333;
    background-color:#edeaea;
}

p
{
    text-align:justify;
}



select
{
    font-family: Tahoma, Calibri, Times,Serif;
	color: #050505;
	font-size:85%;
    border:solid 1px #a7c8fb;
    /*border-bottom: solid 1px #4066fc;
    border-left: solid 1px #4066fc;*/
    background:#ecf1f7;
	padding: 3px;
    border-radius:3px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.listbox{
    height:100%;
}

input[type=text], input[type=password]
{
	font-family: Tahoma, Calibri,  Times,Serif;
	color: #050505;
	font-size:85%;
    border:solid 1px #a7c8fb;
    /*border-bottom: solid 1px #4066fc;
    border-left: solid 1px #4066fc;*/
    background:#ecf1f7;
	padding: 4px;
    height: 18px;
    border-radius:5px;
    margin:2px;
    /*border-right-style: none;
    border-right-color: inherit;
    border-right-width: medium;
    border-top-style: none;
    border-top-color: inherit;
    border-top-width: medium;*/
}

textarea
{
	font-family: Tahoma, Calibri,  Times,Serif;
	color: #050505;
	font-size:93%;
    border:solid 1px #a7c8fb;
    /*border-bottom: solid 1px #4066fc;
    border-left: solid 1px #4066fc;*/
    background:#ecf1f7;
	padding: 3px;
    min-height: 100%;
    border-radius:5px;
    margin:2px;
    /*border-right-style: none;
    border-right-color: inherit;
    border-right-width: medium;
    border-top-style: none;
    border-top-color: inherit;
    border-top-width: medium;*/
}



select:hover, input[type=text]:hover, input[type=password]:hover, textarea:hover
{
    box-shadow:2px 2px 2px #faaf8a;
}

select:disabled, input[type=text]:disabled, input[type=password]:disabled, textarea:disabled
{
    background:#ede2e2;
    color:#939292;
}


select:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus

{
    background-color:#fcf2a2;
    border: solid 1px #a73003;                    
}

input[type=checkbox] + label, label
{
	font-family: Calibri, Tahoma, Times,Serif;
	font-size:93%;
}

input[type=checkbox] + label:focus
{
    border: solid 1px #a73003;                    
}

input[type="button"], input[type="submit"], button
{
    display: inline-block;
    color:#ffffff;
    font-weight:bold;
    border-radius:5px;
    border:medium none #edecec;
    min-height:30px;
    background-color:#146507;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    min-width:15%;
    }

input[type="button"]:disabled, input[type="submit"]:disabled, button:disabled
{
    color:#808080;
    background-color:#aaa8a8;
}

input[type="button"]:disabled:hover, input[type="submit"]:disabled:hover, button:disabled:hover
{
    color:#808080;
    background-color:#aaa8a8;
}

input[type="button"]:hover, input[type="submit"]:hover, button:hover
{
    background-color:#07a006;
    /*border-color:#edecec;
    border-width:1px;
    border-style:solid;*/
    border:none;
    border-radius:3px;
    color:#f5e805;
    
}

.bg-gray{background-color:#cbc8c8;}
.bg-darkblue{background-color:#072670;}
.bg-lightblue{background-color:#99c4f8;}
.bg-orange{background-color:#ef9424;}
.bg-yellow{background-color:#f6db09;}
.bg-auqa{background-color:#0ae5e5;}
.bg-darkgreen{background-color:#05820c;}
.bg-lightgreen{background-color:#68f162;}
.bg-darkred{background-color:#a50707;}
.bg-lightred{background-color:#fa7c7c;}

.photoFrame-5px{
    position:relative;
    border:solid 5px #dedede;
    box-shadow:3px 3px #bdbbbb;
    border-radius:3px 3px;
    height:100%;
}

.photoFrame-10px{
    border:solid 10px #dedede;
    box-shadow:3px 3px #bdbbbb;
    border-radius:3px 3px;
}

div
{
    position:relative;
    float:left;
}

fieldset{
    position:relative;
    float:left;
    border-radius:5px;
    box-shadow: 3px 3px 5px #dddddd;
    padding:3px;
    margin:3px;
    margin-top:5px;
    min-height:55px;
}

fieldset>legend{
    font-family:Arial;
    font-weight:bold;
    font-size:small;
    letter-spacing:1px;
    padding:3px;
    padding-left:5px;
    border-radius:5px;
    box-shadow: 3px 3px 5px #dddddd;
    min-width:80px;
}

fieldset.error{
    border:solid 1px #f69b9b;
}

fieldset.error  legend {
    color:#050505;
    background-color:#f69b9b;
}


fieldset.search{
    border:solid 1px #f3b493;
}

fieldset.search legend {
    color: #000000;
    background-color: #f3b493;
}

fieldset.gridlist{
    border:solid 1px #9ff7a9;
}

fieldset.gridlist legend{
    color:#050505;
    background-color:#9ff7a9;
}

fieldset.entry{
    border:solid 1px #addaf5;
}

fieldset.entry  legend {
    color:#050505;
    background-color:#addaf5;
}

fieldset:hover
{
    border:solid 1px #f2b522;
}

fieldset.error{
    border:solid 1px #f30707;
    background-color:#fc8d8d;
    color:#050505;
}

fieldset.error legend{
    color:#e50909;
    background-color:#eec605;
}

fieldset:hover{
    border:solid 1px #d106c7;
}

.centerPageDiv
{
        position:relative;
        margin-top:2%;
        left:30%;
        border:solid 1px #c1bcbc;
        padding:3px;
}

.pageHeading {
    width:100%;
    height:35px;
    
    border-bottom: 2px solid #c67ed1;
background: rgba(189,189,189,1);
background: -moz-linear-gradient(top, rgba(189,189,189,1) 0%, rgba(231,235,230,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(189,189,189,1)), color-stop(100%, rgba(231,235,230,1)));
background: -webkit-linear-gradient(top, rgba(189,189,189,1) 0%, rgba(231,235,230,1) 100%);
background: -o-linear-gradient(top, rgba(189,189,189,1) 0%, rgba(231,235,230,1) 100%);
background: -ms-linear-gradient(top, rgba(189,189,189,1) 0%, rgba(231,235,230,1) 100%);
background: linear-gradient(to bottom, rgba(189,189,189,1) 0%, rgba(231,235,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdbdbd', endColorstr='#e7ebe6', GradientType=0 );

	/*background: -o-linear-gradient(bottom, #3c64aa 0%, #51afff 100%);
	background: -moz-linear-gradient(bottom, #3c64aa 0%, #51afff 100%);
	background: -webkit-linear-gradient(bottom, #3c64aa 0%, #51afff 100%);
	background: -ms-linear-gradient(bottom, #3c64aa 0%, #51afff 100%);
	background: linear-gradient(to bottom, #3c64aa 0%, #51afff 100%);
        */

    text-transform:uppercase;
    /*border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;*/
    box-shadow:1px 1px 2px #888888;
    font-size:140%;
    font-weight:bolder;
    font-family: Calibri, Tahoma, Verdana, Times New Roman, Bookman Old Style;
    text-align:center;
    vertical-align:middle;
    padding-top:15px;
    color: #000000;
    letter-spacing:2px;
    text-shadow:.5px .5px 1px #ffffff;
}


.paraHeading {
    border-top: 3px solid #fe9546;
    font-family: Serif Tahoma Arial Calibri;
    /*font-style: italic;*/
    font-size:1.3em;
    height:25px;
    color:#031075;
    background-color:#b6d2e0;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    box-shadow:.5px .5px .5px rgba(125,126,125,1);
    padding-left: 5px;
    /*text-shadow:1px 1px 2px rgba(125,126,125,1);*/
}



table
{
    /*width:100%;*/
    vertical-align:top;
    padding:2px;
}
td{
    vertical-align:top;
}

a{
    color: #51035c;
}

a:hover{
    color:#cc4407;
}

.tableBottomAndLeftBorderHeading
{
	border-left:solid 1px #4066fc;
	background-color:#fcaff4;
}

.entryPanel
{
	width:98%;
	height:100%;
	padding:2px;
}

.entryTable
{
	padding:5px;
	width:98%;
	vertical-align:top;
}
.entryTable td
{
	vertical-align:top;
}
.watermarked
{
	font-style:italic;
	color:Gray;
}

.grid
{
    font-family: tahoma;
    font-size: 12px;
    border: solid 1px #706d6d;
    border-collapse: collapse;
    color: #333333;
    border-radius:5px;
 }

.grid Caption
{
    background: rgba(70,112,138,1);
    background: -moz-linear-gradient(top, rgba(70,112,138,1) 0%, rgba(143,176,230,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(70,112,138,1)), color-stop(100%, rgba(143,176,230,1)));
    background: -webkit-linear-gradient(top, rgba(70,112,138,1) 0%, rgba(143,176,230,1) 100%);
    background: -o-linear-gradient(top, rgba(70,112,138,1) 0%, rgba(143,176,230,1) 100%);
    background: -ms-linear-gradient(top, rgba(70,112,138,1) 0%, rgba(143,176,230,1) 100%);
    background: linear-gradient(to bottom, rgba(70,112,138,1) 0%, rgba(143,176,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46708a', endColorstr='#8fb0e6', GradientType=0 );
    color: #050505;
    font-size:130%;
    font-weight:bold;
    height:25px;
    padding-top:5px;
    /*text-shadow:1px 1px #ffffff;*/
    letter-spacing:1px;;

}

.grid th
{
	border-color: #050505 #050505 #050505 #050505;
	border-style: solid solid solid none;
	border-width: 1px 1px 1px 1px;
	color: rgba(231,235,230,1);
    /*text-shadow: 1px 1px #050505;*/
	padding: 4px 5px 4px 10px;
	vertical-align: middle;
	text-align: left;

    background: rgba(33,35,36,1);
    background: -moz-linear-gradient(top, rgba(33,35,36,1) 0%, rgba(70,72,74,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(33,35,36,1)), color-stop(100%, rgba(70,72,74,1)));
    background: -webkit-linear-gradient(top, rgba(33,35,36,1) 0%, rgba(70,72,74,1) 100%);
    background: -o-linear-gradient(top, rgba(33,35,36,1) 0%, rgba(70,72,74,1) 100%);
    background: -ms-linear-gradient(top, rgba(33,35,36,1) 0%, rgba(70,72,74,1) 100%);
    background: linear-gradient(to bottom, rgba(33,35,36,1) 0%, rgba(70,72,74,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212324', endColorstr='#46484a', GradientType=0 );

    height:25px;
}
.grid td
{
    color: #333333;
    padding: 4px 1px 4px 1px;
    border-bottom: solid 1px #bab8b8;
    padding: 4px 14px 4px 6px;
}
.gridRow
{
	background-color: #ffffff;
}

.gridAltRow
{
	background-color: #d3ddf7;
}

.gridEditRow
{
    background-color: #9aeb62;
}
.gridFooterRow
{
	background-color: #bedce1;
}
.grid tr.gridRow:hover, .grid tr.gridAltRow:hover
{
	font-family: tahoma;
	font-size: 12px;
	
	border-collapse: collapse;
	background-color: #f3f554;
}

.gridFooterTotalStyle
{
    border-top:solid 1px #060345;
    border-bottom:solid 1px #060345;
    background-color:#5d8bc3;
    color:#ffffff;
    font-weight:bold;
    text-align:right;
    padding:2px;
    margin-top:2px;
    width:99%;
    height:15px;
}

#HomeSlideShowFadeInOut
{
	position:relative;
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	height:100%;
	overflow:hidden;
}

#HomeSlideShowFadeInOut li
{
	position:absolute;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

.CollapsiblePanel
{ 
  border:solid 1px #51afff;
  background-color:#3c64aa;
  Height:22px;
  Width:98.70%;
  font-family:Times New Roman, Script;
  font-weight:bold;
  font-size:105%;
  color:#F5F5F5;
  font-style:italic;
  padding:5px;
}

.ajax__calendar_container { z-index : 10000000 ; }


.form_section_heading
{
	
	background-color: #F5F5F5;
	background: -o-linear-gradient(bottom, #D4D4D4 0%, #F5F5F5 100%);
	background: -moz-linear-gradient(bottom, #D4D4D4 0%, #F5F5F5 100%);
	background: -webkit-linear-gradient(bottom, #D4D4D4 0%, #F5F5F5 100%);
	background: -ms-linear-gradient(bottom, #D4D4D4 0%, #F5F5F5 100%);
	background: linear-gradient(to bottom, #D4D4D4 0%, #F5F5F5 100%);
	border-bottom: solid 1px #e76200;
    padding-left:3px;
	color: #1a09f5;
}

.sectionInPanel
{
	position:relative;
	float:left;
	border:solid 1px Gray;
	background-color:#ffffff;
	margin:3px;
}
.sectionInPanelHeader
{
    
	position: relative;
	float: left;
	height: 30px;
	width: 100%;
    background: #3c64aa;
    border-bottom:1px solid #072670;
	color:#F5F5F5;
	padding-top: 8px;
}

.sectionInPanelHeader span
{
	margin:5px;
	position:relative;
}
.sectionInPanelHeaderSub
{
	position: relative;
	float: left;
	height: 10%;
	width: 97.5%;
	border-bottom: solid 1px Gray;
	background-color: #f5f5f5;
	padding-top:2%;
	padding-left:2%;
	color: #4881ff;
	
}

.modalWindowArea
{
	position:fixed;
    
	left:0;
	top:0; 
	width:100%;
	height:100%; 
	z-index:30000;
}
.modalWindow
{
	position:fixed;
    
	top:10%;
	z-index:10002;
	border:solid 3px #ff7f50;
	border-radius:5px;
	background-color:White;
	box-shadow:4px 4px 5px #888888;
}

.modalWindowBackground
{
	position:fixed;
    
	background-color:#000000;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:.75;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	z-index:10001;
}

.modalWindowTitle
{
	position:relative;
    
	width:96%;
	height:3%;
	background-color:#ffe4b5;
	border-bottom:solid 1px Gray;
	font-family: Tahoma, Arial, Tahoma, Verdana;
	font-weight:bold;
	font-size:85%;
	color:Blue;
	padding:2%;
	margin:0;
	
}
.modalWindowCloseButton
{
	position: relative;
	right:-10px;
	top:-10px;
    cursor: pointer;
    float: right;
    height: 30px;
    /*left: 22px;    */
    width: 28px;
	z-index:3;    
}

.cursor-pointer{
    cursor: pointer;
}

.hidden{
    display:none !important;
}

.shown{
    display:block;
}
.shown-table-cell{
    display:table-cell;
}

.dispaly-block{
    display:block;
}

.modalWindowContainer
{
	position:relative;
    
	margin:0;
	width:96%;
	height:82%;
	padding:2%;
	background-color:#f5f5f5;
}


.DrgNumberBlock  
{
    position:relative;
    float:left;
    width:24%;
    height:98%;
    padding:3px;
}
        

.box {
    position:relative;
    float:left;
    border:1px solid #dbd8d8;
    border-radius: 1px;
    box-shadow:1px 1px 2px #d1cfcf;
    margin:2px;
    min-height:20px;
    min-width:20px;
    width:98%;
    height:99%;
}
.box h4 {
    background: #3c64aa;
    border-bottom:1px solid #072670;
    color: #F5F5F5;
    padding:3px;
    margin:0;
}

.box div {
    position:relative;
    float:left;
    color: #050505;
    margin:2px;
    width:99%;
}

.box fieldset
{
    position:relative;
    float:left;
    color: #050505;
    margin:2px;
    width:99%;
}

.box table {
    width:98%;
}
.box table td {
    color: #050505;
    padding:3px;    
}

.box .button
{
    font-weight:bold;
    height:30px;
    margin:2px;
    
}


.box .button:hover
{
    border:solid 1px #067def;
    background-color:#8396e1;
    color:#F5F5F5;
}



.dialogbox div
{
    position:relative;
    height:100%;
    width:100%;
    border-radius: 2px 2px;
    box-shadow:2px 2px 1px #cae3f6;
    z-index:3000000;
}

.dialogbox titlebar
{
    background: #3c64aa;
    border-bottom:1px solid #072670;
    color: #F5F5F5;
    padding:3px;
    margin:0;
}

.dialogbox titlebar title
{
    width:78%;
    font:120%;
    font-family:Verdana;
    padding:3px;
}
.dialogbox titlebar close
{
    width:20%;
    background-image:url("~/images/cancel.png");
    padding:3px;
}
.dialogbox footer
{
    border-top:solid 1px rgb(117, 114, 114);
    background:#d9d5d5;
    text-align:right;
}

.listViewGrid 
{
    border: solid 1px #808080;
}

.listViewGrid table th
{
    text-align:left;
    background-color:#808080;
    color:rgb(14,14,14);
}

.imageBtn
{
    position:relative;
    float:left;
    width:22px;
    height:22px;
    padding:2px;
    border-radius:2px;
    border:1px solid #D4D4D4;
    margin:0px 2px 2px 2px;
}


.divBox
{
    position:relative;
    float:left;
    width:97.5%;
    margin:8px 3px 8px 3px;
    padding:4px;
    border-radius:3px;
    box-shadow: 2px 3px #f2f0f0;
    border:solid 1px #c7c3c3;
    overflow:auto;
}

.divBoxHeading
{
    position:relative;
    float:left;

    font-size:1.2em;
    font-weight:bold;
    font-family:Arial;
    color:#a7a3a3;

    height:25px;
    width:99.2%;

    padding:9px 0px 0px 5px;
    margin-bottom:5px;

    border-bottom:solid 1px #ccc8c8;
    background-color:#f2f0f0;
}
.divBox .divrow
{
    position:relative;
    float:left;
    margin:3px 0px 3px 0px;
    width:99.2%;
}
.divBox .divrow div
{
    position:relative;
    float:left;
    margin:3px;
}

.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.pull-center {
    text-align:center;
}

.row{
    position:relative;
    float:left;
    width:99.5%;
    display:block;
    /*height:100%;*/
    margin-left:3px;
    margin-right:-10px;
    margin-top:1px;
    /*margin:0px 1px 1px 1px;*/
    padding:0px 1px 1px 1px;
    top: 0px;
    left: 0px;
}


.row>.col
{
    position:relative;
    display:block;
    min-height: 1px;
    padding-left:10px;
    padding-right:10px;
    margin-top:3px;
    margin-bottom:3px;
    
}



.col1 {width:1%;}

.col2 {width:2%;}

.col3 {width:3%;}

.col4 {width:4%;}

.col5 {width:5%;}

.col8 {float:left;width:8%;}

.col10  {width:10%;}

.col12 {width:12%;}

.col15{width:15%;}

.col18{width:18%;}

.col20{width:20%;}

.col22{width:22%;}

.col23{width: 23%;}

.col24{width: 24%;}

.col25{width: 25%;}

.col27{width: 27%;}

.col28{width: 28%;}

.col29{width: 29%;}

.col30{width:30%;}

.col33{width:33%;}

.col35{width:35%;}

.col40 {width:40%;}

.col43 {width:43%;}

.col45 {width:45%;}

.col47 {width:47%;}

.col50{width:50%;}

.col55{width:55%;}

.col60{width:60%;}

.col62{width:62%;}

.col65{width:65%;}

.col70{width:70%;}

.col72{width:72%;}

.col75{width:75%;}

.col78{width:78%;}

.col80{width:80%;}

.col82{width:82%;}

.col85{width:85%;}

.col88{width:88%;}

.col90{width:90%;}

.col95{width:95%;}

.col97{width:97%;}

.col98{width:98%;}

.col99{width:99%;}

.border-1x-radius {
    border:solid 1px #aaa8a8;
    border-radius:5px;
}

.border-1x {
    border: solid 1px #aaa8a8;
    padding:3px;
}
.border-2x {
    border: solid 2px #aaa8a8;
    padding:3px;
}
.border-3x {
    border: solid 3px #aaa8a8;
    padding:3px;
}
.border-4x {
    border: solid 4px #aaa8a8;
    padding:3px;
}
.border-5x {
    border: solid 5px #aaa8a8;
    padding:3px;
}

.text-center{
    text-align:center
}

.text-right{
    text-align:right;
}

.text-justify{
    text-align:justify;
}

.watermarked
{
	font-style:italic;
	color:#d1d0d0;
}

@media (max-width: 768px){
    #mainContent{
        width:55%;
        overflow-x:auto;
    }
    #sidemenu{
        width:40%;
        overflow-x:auto;
    }
}

a.back-to-top{
    display:none;
    width:60px;
    height:60px;
    text-indent:-9999px;
    position:fixed;
    z-index:2000;
    right:20px;
    bottom:20px;
    background:#27AE61 url("../images/scroll-top.png") no-repeat center 43%;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
}

.OnHoverMousePointerHand:hover
{
    cursor:pointer;                                  
}

.OnHoverMousePointerHandAndBorder:hover
{
    cursor:pointer;  
    border-radius:2px;
    border: solid 1px #4066fc;   
    padding:1px;

}


.TextOverFlowellipsis{
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
}

.FieldLabel{
    font-weight:bold;
    color:#055396;
}
.FieldLabel.header1{
    font-size:115%;
    color:#7e09c6;
}
.FieldLabel.header2{
    font-size:110%;
    color:#e88906;
}
.FieldLabel.header3{
    font-size:110%;
    color:#0eb73b;
}

.FieldLabelGreen{
    font-weight:bold;
    color:#15b209;
}
.FieldLabelGreen.header1{
    font-size:115%;
    color:#079413;
}
.FieldLabelGreen.header2{
    font-size:110%;
    color:#065605;
}
.FieldLabelGreen.header3{
    font-size:110%;
    color:#b3ba16;
}

/* start of model dialogue box*/
.model-dialog{
    position:fixed;
    display:none;
    left:0;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.2);
    z-index:100;
}

.dialog-box{
    position:absolute;
    padding:3px;
    padding-bottom:2px;
    border-radius:5px;
    background:#ffffff;
    z-index:110;
    box-shadow:rgba(125,126,125,1) 3px 3px 3px;
}

/*.info{
    left:calc(50% - 20%);
    top:calc(50% - 15%);
    width:40%;
    height:30%;
}

.grid1{
    left:calc(50% - 45%);
    top:calc(50% - 40%);
    width:90%;
    height:80%;
    left:0;
    top:0;
    width:0;
    height:0;
}*/

.dialogTitle{
    position:relative;
    height:25px;
    width:98%;
    margin:3px;
    padding:3px;
    font-weight:bold;
    color:#11acc2;
    font-size:120%;
    border-bottom:solid 1px #D4D4D4;
}

.dialogMsgBody{
    position:absolute;
    display:block;
    top:38px;
    width:98%;
    height:75%;
    padding:3px;
    text-align:justify;
    overflow : auto;
}


.dialogFooter{
    position:absolute;
    height:28px;
    width:98%;
    border-top:solid 1px #51afff;
    overflow:hidden;
    bottom:4%;
    padding-top:8px;
}

.dialogCloseButton{
    position:absolute;
    left:calc(50% - 40px);
    padding-top:3px;
    height:28px;
    width:80px;
    
}

/* End of model dialogue box*/
/*
/*Start of Checkbox List*/

    /*.chkBoxList-width25px td{
        width:25px;
    }
    .chkBoxList-width50px td{
        width:50px;
    }
    .chkBoxList-width100px td{
        width:100px;
    }
    .chkBoxList-width200px td{
        width:200px;
    }
    .chkBoxList-width300px td{
        width:300px;
    }
    .chkBoxList-width400px td{
        width:400px;
    }
    .chkBoxList-width500px td{
        width:500px;
    }*/
/*End of Checkbox List*/


.font-bold {
    font-weight:bold;
}
.font-bolder{
    font-weight:bolder;
}

.font-italic{
    font-style:italic;
}


.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.form-control::-ms-expand{background-color:transparent;border:0}
.form-control[disabled],
.form-control[readonly],fieldset[disabled] 
.form-control{background-color:#eee;opacity:1}
.form-control[disabled],fieldset[disabled] 
.form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}
@media screen and (-webkit-min-device-pixel-ratio:0){
    input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}
}


.PagerStyle table { margin:auto;border:none;}
tr.PagerStyle {text-align:left; background-color: rgba(231,235,230,1);}
.PagerStyle table td {border:1px; padding:5px; }
.PagerStyle a {border:1px solid #fff; padding:4px 10px 4px 10px; color:#333; text-decoration:none;border-radius:2px;color:#0072ff;font-weight:bold;}
.PagerStyle a:hover {border:1px solid #fff; padding:4px 10px 4px 10px; color:#333; text-decoration:none;border-radius:2px;color:#ff0000;background-color:#fcff00;}
.PagerStyle span {padding:4px 10px 4px 10px; color:#000; font-weight:bold; border:1px solid #ff0000;border-radius:2px;}

.errorMsgOnValidation{
    color:red;
    font-style:italic;
    font-size:small;
}

.modal_loading
{
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}
.center_loading
{
    z-index: 1000;
    margin: 20% auto auto 40%;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
.center_loading img
{
    height: 128px;
    width: 128px;
}

.dotted-line{
    border:dotted .25px #aaa8a8;

}
/* for busy indication */
.modal
{
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}
.center
{
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
.center img
{
    height: 128px;
    width: 128px;
}

.strikethrough
{
    color: red;
    text-decoration: line-through;
}

/* popup dialog box */
.modalBackground
{
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopup
{
    background-color: #f1eded;
    width: 400px;
    border: 2px solid #b5ecf6;
    border-radius: 6px;
    padding:0
}

.modalPopup .popUpheader
{ 
    background-color: #1f5e94;
    height: 30px;
    color: White;
    line-height: 15px;
    text-align: center;
    font-weight: bold;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width:400px;
    padding-top:10px;
}

.modalPopup .popUpbody
{
    min-height: 50px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    width:400px;
    color:black;
}

.modalPopup .popUpfooter
{
    padding: 6px;
}

.modalPopup .yes, .modalPopup .no
{
    height: 23px;
    color: White;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
}

.modalPopup .yes
{
    background-color: #2FBDF1;
    border: 1px solid #0DA9D0;
}

.modalPopup .no
{
    background-color: #9F9F9F;
    border: 1px solid #5C5C5C;
}

/*popup dialog box*/



