/* CSS Document */

/* for forms css */

.label {
	font: normal bold 1.1em Arial, Helvetica, sans-serif;
	color: #f00;
}
/* Repeater and Tables */

.table {
	border:solid 1px #72b5eb;
	border-collapse:collapse;
	font:normal normal 11px Arial, Helvetica, sans-serif;
	color:#333
}
.table caption {
	font-weight: bold;
	color: #fff;
	background: #72b5eb;
	text-align:left;
	height:20px;
}
.table caption span, table caption a {
	width:auto;
	float:left;
	height:17px;
	padding:3px 0px 0px 2px
}
.table caption a {
	float:right;
	border-left:solid 1px #fff;
	padding:3px 15px 0px 15px;
	color:#FFF;
	text-decoration:none
}
.table caption a:hover {
	color:#000;
	background:#CCC
}
.table .noCaption th {
	background: #72b5eb;
	color:#FFF;
	font-weight:bold
}
.table th {
	font-weight: normal;
	border: 1px solid #72b5eb;
	color: #000;
	background: #dbf5ff;
}
.table td, th {
	border:dotted 1px #CCC;
	text-align: left;
	padding-left:2px;
	height:20px;
}
.table tr:hover {
	background:#fffff4;
	color:#000
}
.table td:hover {
	background:#ffffe9;
}
.table tfoot {
	color: #000;
	background: #dbf5ff;
}
.table tfoot th {
	border:solid 1px #72b5eb;
	text-align: left;
	padding-left:2px;
}
.table.input_noborder td input, .table.input_noborder td a {
	border: none;
	font-size: 1em;
	width: auto;
	background: transparent;
	margin:0px;
	padding:0px;
	color: #333;
}
.table.input_noborder td a, .table td a {
	color: #06c;
	text-decoration: none;
}
.table.input_noborder td a:hover, .table td a:hover {
	color: #000;
	text-decoration: none;
}
/* Tables width */

.table100, .table90, .table80, .table70, .table60 {
	width: 100%;
	margin: auto;
	clear: both;
}
.table90 {
	width: 90%;
}
.table80 {
	width: 80%;
}
.table70 {
	width: 70%;
}
.table60 {
	width: 60%;
}
/* for div based form layouts to be implemented */

.form {
	height: auto;
	font: normal normal 12px Arial, Helvetica, sans-serif;
}
.form .row {
	width: 100%;
	height: auto;
	padding: 3px 0px;
	clear: both;
}
.form .row div {
	float:left;
	text-align:left;
}
/* div based form - left column */

.form .row .left5 {
	width: 4%;
}
.form .row .left8 {
	width: 7%;
}
.form .row .left10 {
	width: 9%;
}
.form .row .left13 {
	width: 12%;
}
.form .row .left15 {
	width: 14%;
}
.form .row .left20 {
	width: 19%;
}
.form .row .left25 {
	width: 24%;
}
.form .row .left30 {
	width: 29%;
}
.form .row .left40 {
	width: 39%;
}
.form .row .left50 {
	width: 49%;
}
.form .row .left60 {
	width: 59%;
}
.form .row .left70 {
	width: 69%;
}
.form .row .left80 {
	width: 79%;
}
.form .row .left90 {
	width: 89%;
}
.form .row .left5, .form .row .left8, .form .row .left10, .form .row .left13, .form .row .left15, .form .row .left20, .form .row .left25, .form .row .left30, .form .row .left40, .form .row .left50, .form .row .left60, .form .row .left70, .form .row .left80, .form .row .left90 {
	padding-left: 1%;
	padding-top:3px;
}
/* div based form - right column */

.form .row .right5, .width5 {
	width: 5%;
}
.form .row .right8, .width8 {
	width: 8%;
}
.form .row .right10, .width10 {
	width: 10%;
}
.form .row .right12, .width12 {
	width: 12%;
}
.form .row .right13, .width13 {
	width: 13%;
}
.form .row .right15, .width15 {
	width: 15%;
}
.form .row .right17, .width17 {
	width: 17%;
}
.form .row .right20, .width20 {
	width: 20%;
}
.form .row .right25, .width25 {
	width: 25% !important;
}
.form .row .right30, .width30 {
	width: 29.5%;
}
.form .row .right40, .width40 {
	width: 40%;
}
.form .row .right50, .width50 {
	width: 49.5%;
}
.form .row .right60, .width60 {
	width: 60%;
}
.form .row .right70, .width70 {
	width: 70%;
}
.form .row .right80, .width80 {
	width: 80%;
}
.form .row .right90, .width90 {
	width: 90%;
}
.form .row .right5, .form .row .right8, .form .row .right10, .form .row .right12, .form .row .right13, .form .row .right15, .form .row .right17, .form .row .right20, .form .row .right25, .form .row .right30, .form .row .right40, .form .row .right50, .form .row .right60, .form .row .right70, .form .row .right80 
{
}
/* for input css in percentage */

.input10, .input20, .input30, .input40, .input50, .input60, .input70, .input80, .input90, .input100 {
	font: normal normal 1em Arial, Helvetica, sans-serif;
}
.input10 {
	width: 10%;
}
.input20 {
	width: 20%;
}
.input30 {
	width: 30%;
}
.input40 {
	width: 40%;
}
.input50 {
	width: 50%;
}
.input60 {
	width: 60%;
}
.input70 {
	width: 70%;
}
.input80 {
	width: 80%;
}
.input90 {
	width: 90%;
}
.input100 {
	width: 100%;
}
/* for select css in percentage */

.select10, .select20, .select30, .select40, .select50, .select60, .select70, .select80, .select90, .select100 {
	font: normal normal 1em Arial, Helvetica, sans-serif;
	padding: 1px 0px;
}
.select10 {
	width: 12%;
}
.select20 {
	width: 22%;
}
.select30 {
	width: 32%;
}
.select40 {
	width: 42%;
}
.select50 {
	width: 52%;
}
.select60 {
	width: 62%;
}
.select70 {
	width: 72%;
}
.select80 {
	width: 82%;
}
.select90 {
	width: 92%;
}
.select100 {
	width: 102%;
}

/* when update panel is inside the block */

.updateIn div
{
	width:100% !important
}
.red
{
    color:Red;
}
/* Button */
.btn 
{
	width:auto;
	display:block;
	height:35px;
	padding-right:5px;
	background:#fff url(../Images/btnBack.gif) left bottom repeat-x;
	text-align:right;
	padding-top:5px
}

/* model Popup */
 .modalBackground
    {
        background-color: Yellow;
        filter: alpha(opacity=90);
        opacity: 0.8;
        
    }
    .modalPopup
    {
        background-color: #FFFFFF;
        border-width: 8px;
        border-style: solid;
        border-color: black;
        padding-top: 20px;
        padding-left: 20px;
        width: 600px;
        height: 250px;
    }


.blink
{
text-decoration:blink
}