﻿body 
{ 
	margin:0;
	font-family:Arial;
	font-size:12px;
}

.signOnBarUserName
{
	font-size:13px;
	font-weight:bold;
	color:#2e2e2e;
	
}

.signOnBarNormalText
{
	color:#2e2e2e;
}

h3
{
	margin:0;
	font-size:16px;
	color:#4F68B0;
	border-bottom:dotted 1px #BDCCD3;
}

fieldset
{ padding:5px; }

legend
{ 
	font-weight:bold;
	color:#2e2e2e;
}


.instruction
{ font-size:11px; }

.errormessage
{
    font-size:11px;
    color:Red;
    font-weight:bold;
}

.formTitle { font-family:Arial; font-size:16px; color:#FF5A00; font-weight:bold; }
.orangeBorder { border-top: solid 5px #FF5A00; }
a:link, a:visited { color:#2763C7; text-decoration:none; }
a:hover { color:#2763C7; text-decoration:underline; }

/* Start: Input Component */
.fieldtitle
{
	font-size:12px;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
	display:inline-block;
}

.textbox
{
	font-size:12px;
	border:solid 1px #989898;
}

.dropdownlist
{
	font-size:12px;
	border:solid 1px #989898;
}

.button
{
	font-size:12px;
	height:22px;
	color:#000000;
	border:solid 1px #686868;
	text-align:center;
	background-color:#C0C0C0;
}

.checkbox
{
	font-size:12px;
	color:#000000;
}

.fileupload
{
    font-size:11px;
    color:#2e2e2e;
    border:solid 1px #686868;
}
/* End: Input Component */

/* Start:DataGrid */
.grid_header
{
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	/*background-color:#81B0F0;*/
	background-color:#D7E2F8;
	height:23px;
}

.grid_footer
{
	font-size:14px;
	font-weight:bold;
	color:#FBF5F5;
	text-align:right;
	background-color:#AB4646;
}

.grid_item
{
	font-size:14px;
	color:#000000;
	text-align:left;
	vertical-align:top;
	background-color:#F2F4F7;
	min-height:23px;
}

.grid_alternateitem
{
	font-size:14px;
	color:#000000;
	text-align:left;
	vertical-align:top;
	background-color:#E5EDFE;
	min-height:23px;
}

.grid_paging
{
    font-size:14px;
	color:#000000;
	text-align:right;
	background-color:#F56262;
}

.grid_emptyitem
{
    font-size:14px;
	color:#686868;
	text-align:left;
	padding:5px;
}

.grid2_header
{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	background-color:#81B0F0;
	height:23px;
}

.grid2_footer
{
	font-size:12px;
	font-weight:bold;
	color:#FBF5F5;
	text-align:right;
	background-color:#AB4646;
}

.grid2_item
{
	font-size:12px;
	color:#000000;
	text-align:left;
	vertical-align:top;
	background-color:#F2F4F7;
	min-height:23px;
}

.grid2_alternateitem
{
	font-size:12px;
	color:#000000;
	text-align:left;
	vertical-align:top;
	background-color:#E5EDFE;
	min-height:23px;
}

.grid2_paging
{
    font-size:12px;
	color:#000000;
	text-align:right;
	background-color:#F56262;
}

.grid2_emptyitem
{
    font-size:14px;
	color:#686868;
	text-align:left;
	padding:5px;
}
/* End:DataGrid */

.lockOff 
{
    display: none;
    visibility: hidden;
}

.lockOn 
{
     display: block;
     visibility: visible;
     position: absolute;
     z-index: 999;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background-color: #000000;
     text-align: center;
     padding-top: 20%;
     color:#FFFFFF;
     font-size:18px;
     font-weight:bold;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	 filter: alpha(opacity=70);
	 opacity:0.7;
}

#gradient-style
{
	font-family: Arial;
	font-size: 12px;
	margin: 4px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 12px;
	font-weight: bold;
    text-align:center;
	padding: 5px;
	background: #b9c9fe url('images/gradhead.png') repeat-x;
	/*border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;*/
	color: #039;
}
#gradient-style td
{
	padding: 3px;
	color: #669;
	/*border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;*/
	background: #e8edff url('images/gradback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url('images/gradhover.png') repeat-x;
	color: #339;
}

.red{color:Red}