﻿body {
}
/**************Form backGround***************/
.bodycolor
{
background-color: #CCCCCC;
}
/*****************Field lable in field text***********************/
.tablecolor0 {
	/*background-color: #FAD892;*/
	font-weight: bold;
	text-align:center;
	font-family: verdana;
	font-size: 12px;
	width: 225px;
	height: 30px;
}

/*****************Table Header***********************/
.tableheadbdr {

	background-color: #CCCCCC;
	font-weight: bold;
	height:auto;
	text-align: left;
	
	font-family:verdana;
	font-size:14px;
}
/*/***Grid Rows***/
/*.gridalternatebg1
{
	
	font-weight:normal;
	border-color:#0FA9D3;
	font-size:13px;
	font-family:Verdana;
	
}*/

/***Grid Button****/
/*.gridcommand
{
	background-color:#00bff3;
	font-family:Verdana;
	font-weight:bold;
	font-size:15px;
	color:White;
}*/
/***Grid Header***/
/*.gridalternatebg2 
{
	background-color: #0FA9D3;
	border-color:Black;
	font-family:Verdana;
	font-weight:bold;
	font-size:12px;
	color:White;
}*/


/***Grid Rows1***/
/*.gridalternatebg3
{
	
	font-weight:normal;
	border-color:#00bff3;
	font-size:13px;
	font-family:Verdana;
	
}*/
/***Grid Header1***/
/*.gridalternatebg4 
{
	background-color: #00bff3;
	border-color:#00bff3;
	font-family:Verdana;
	font-weight:bold;
	font-size:12px;
	color:White;
}*/*/
/*****************field lable***********************/
.tablecolor1 {
	/*background-color: #FDDFA1;*/
	font-weight: bold;
	text-align:right;
	font-family: verdana;
	font-size: 12px;
	width: 200px;
	height: 30px;
	color:#1b4c5a;
	
}
/*****************field Text***********************/
.tablecolor2 {

	/*background-color: #FDE7BB;*/
	font-weight: normal;
	text-align:justify;
	font-family: verdana;
	font-size: 12px;
	width: 300px;
	height: 30px;
	color:#1b4c5a;
}
/*****************field Text***********************/
.tablecolor4 {

	/*background-color: #FDE3AF;*/
	font-weight: normal;
	text-align:center;
	font-family: verdana;	
	width: 300px;
	height: 30px;
}
/*****************Button***********************/
.button {

	background-color:#00bff3;	
	font-weight: bold;
	text-align:center;
	font-family: Verdana;
	font-size: 11px;
	/*width:50px;*/
	height:25px;
}

/*****************Buttons***********************/
.buttons {

	background-color:#00bff3;	

	font-weight: bold;
	text-align:center;
	font-family: Verdana;
	font-size: 11px;
	/*width:50px;*/
	height:25px;
	width:80px;
	

}
/*****************Button td***********************/
.buttontd {

	/*background-color: #505050;*/
	font-weight: bold;
	text-align:center;
	font-size: 10px;
}
/*****************Text Field***********************/
INPUT[type=text]
 {
	font-weight:normal;
    border-style:ridge;
	font-family: verdana;
	font-size: 12px;
	width:210px;
	height:17px;
}
/*****************Drop Down***********************/
.ddfield {
     border-style:ridge;
	font-family: verdana;
	font-size: 12px;
	width:auto;
	height:25px;
}
/*****************Drop Down***********************/
.ddfield1 {
     border-style:ridge;
	font-family: verdana;
	font-size: 12px;
	width:500px;
	height:25px;
}

/*****************Check Box***********************/
.checkbox
{
	font-family:Times New Roman;
	font-size:17px;
		
}

/*****************Check Box field lable***********************/
.tablecolor3 {
	/*background-color: #FCCA65;*/
	font-weight: bold;
	text-align:right;
	font-family: verdana;
	font-size: 12px;
	width: 100px;
	height: 30px;
}
/*****************Paragraph***********************/
.paragraph {
	font-size: 12px;
	background-color: #E6C075;
	font-weight:bold;
	text-align:left;
	color: black;
	font-family: verdana;
	width:auto;
}

/****Banner*************/
div.wrap {padding-top:108px;
 background-image:url("http://img594.imageshack.us/img594/608/71909308a000defm3.jpg");
 background-position:center 9px; background-repeat:no-repeat;}
div.contentTop table td {background-image:none; width:auto; height:auto;}
/*******Dynamic Text Td**************/
.dynamictd
{
	text-align:center;
	
}

/*******Model Pop up*************/
	.modalProgressGreyBackground 
{
    background:#CCCCCC;
	
	z-index:1000;
}



.modalPopup
{
    text-align:center;
    font-size :medium;
    font-family :Verdana;
    font-weight :bold;
    padding-top: 30px; 
    border-style:solid; 
    border-width:1px; 
    background-color:White; 
    width:300px; 
    height:100px;
}     


/********Water Marked*******/
.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

.gaiaccaal 
	{ 
	font-family: arial, sans-serif; 
	font-size:medium;
	font-weight:bold;
	color:#1b4c5a;
	
	}
	
	.gaiaccaal1 
	{ 
	font-family: arial, sans-serif; 
	font-size:12px;
	font-weight:bold;
	color:#1b4c5a;
	
	}
	
	.gaiaopsgsl 
	{ 
		font-family: arial, sans-serif; 
		font-size:medium;
		font-weight: bold;
		color:#1b4c5a;
	}
	
	.gaiaopsgsl1 
	{ 
		font-family: arial, sans-serif; 
		font-size:smaller;
		font-weight: bold;
		color:#1b4c5a;
	}
	
	/******* Radio Button *************/
	
	.radiobtn
	{
		font-size:medium;
		font-weight:bold;
		color:Black;
		width:100px;
		height:70px;
	}

	/******* HeaderStyle for gridview *************/
	
	.headerst
	{
		background-color:Gray;
		height:30px;
		font-size:10px;
		font-weight:bold;
		color:#00bff3;
	}
	
	.gridbtn 
	{
	background-color:#00bff3;	
	font-weight: bold;
	text-align:center;
	color:white;
	font-family: Verdana;
	font-size: 11px;
	/*width:50px;*/
	height:25px;
	width:60px;
    }
    
    
    
    
    /*************************HELP HTTL****************************/ 
.httl{color:#804000;font-family:Palatino Linotype;font-weight:bold;}

/***************HELP BEGINS****************/
#dialog-overlay1 {
	/* set it to fill the whil screen */
	width:100%; 
	 
 height:200%;
	/* transparency for different browsers */
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5; 
	background:#000; 

	/* make sure it appear behind the dialog box but above everything else */
	position:absolute; 
	top:0; left:0; 
	z-index:3000; 

	/* hide it by default */
	display:none;
}
#dialog-box1 {
	
	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	
	/* css3 border radius */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
	background:#eee;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
	width:50%; 
	
	/* make sure it has the highest z-index */
  position: fixed;left: 380px;top: 280px;
	z-index:5000; 
overflow:scroll; height:400px;
	/* hide it by default */
	display:none;
}
#dialog-box1 .dialog-content {
	/* style the content */
	text-align:left; 
	padding:10px; 
	margin:13px;
	color:#666; 
	font-family:Palatino Linotype;
	font-size:medium; 
	
	
}
 .btnhelp{
	 
	margin:10px auto 0 auto;
	text-align:center;
	 
	background-color: #804000;
	display: block;
	width:50px;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	
 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
.btnhelp:hover {
	background-color: #c33100;	
}
/* extra styling */
#dialog-box1 .dialog-content p {
	font-weight:700; margin:0;
}
#dialog-box1 .dialog-content ul {
	margin:10px 0 10px 20px; 
	padding:0; 
	height:50px;
}

#dialog-box1 {
	
	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	
	/* css3 border radius */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
	background:#eee;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
	width:50%; 
	
	/* make sure it has the highest z-index */
  position: fixed;left: 380px;top: 280px;
	z-index:5000; 
overflow:scroll; height:400px;
	/* hide it by default */
	display:none;
}


/***************HELP ENDS****************/
 
/***************HELP BEGINS****************/
#dialog-overlay {
	/* set it to fill the whil screen */
	width:100%; 
	 
 height:200%;
	/* transparency for different browsers */
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5; 
	background:#000; 

	/* make sure it appear behind the dialog box but above everything else */
	position:absolute; 
	top:0; left:0; 
	z-index:3000; 

	/* hide it by default */
	display:none;
}
#dialog-box {
	
	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	
	/* css3 border radius */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
	background:#eee;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
	width:50%; 
	
	/* make sure it has the highest z-index */
     position: fixed;left: 380px;top: 280px;
	z-index:5000; 
    overflow:scroll; height:400px;
	/* hide it by default */
	display:none;
}
#dialog-box .dialog-content {
	/* style the content */
	text-align:left; 
	padding:10px; 
	margin:13px;
	color:#666; 
	font-family:Palatino Linotype;
	font-size:medium; 
	
	
}
/* .btnhelp{
	 
	margin:10px auto 0 auto;
	text-align:center;
	 
	background-color: #804000;
	display: block;
	width:50px;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	
 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
.btnhelp:hover {
	background-color: #c33100;	
}
/* extra styling */
#dialog-box .dialog-content p {
	font-weight:700; margin:0;
}
#dialog-box .dialog-content ul {
	margin:10px 0 10px 20px; 
	padding:0; 
	height:50px;
}

#dialog-box1 {
	
	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	
	/* css3 border radius */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
	background:#eee;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
	width:50%; 
	
	/* make sure it has the highest z-index */
  position: fixed;left: 380px;top: 280px;
	z-index:5000; 
overflow:scroll; height:400px;
	/* hide it by default */
	display:none;
}


/***************HELP ENDS****************/

/**************************/

.bgcolor-toggle-button {
	position:relative;
	text-align:left;
	top:1px;
	width:68px;
	height:24px;
	background:url("../img/togglebutton.png");
	background-repeat:no-repeat;
	background-position:0 0;
	border:none;
	color:#ffffff;
}

.bgcolor-toggle-button span {
	position:relative;
	top:-2px;
	left:32px;
}
.bgcolor-toggle-button-on span {
	position:relative;
	top:-2px;
	left:4px;
}

.bgcolor-toggle-button-on {	
	background-position:0 -24px;
}
		
     
       /* Latest Pop UP starts*/
        a.activator{
            width:30px;
            height:30px;
            position:absolute;
            top:200px;
            /*left:1200px;*/
            right:0px;
            background:#fff url("../images/FAQ.png") no-repeat top left;
            z-index:1;
            cursor:pointer;
        }
        /* Style for overlay and box */
        .overlay{
            background:transparent url("../images/overlay.png") repeat top left;
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }
        .box{
            position:fixed;
            top:-4000px;
            left:20%;
            right:30%;
            background-color:#fff;
            color:#7F7F7F;
            padding:20px;
            border:2px solid #ccc;
            -moz-border-radius: 20px;
            -webkit-border-radius:20px;
            -khtml-border-radius:20px;
            -moz-box-shadow: 0 1px 5px #333;
            -webkit-box-shadow: 0 1px 5px #333;
            z-index:101;
            overflow:scroll; height:400px;width:60%;overflow-x:hidden;

        }
        .box h3{
            border-bottom: 1px dashed #7F7F7F;
            margin:-20px -20px 0px -20px;
            padding:10px;
           background-image:url(../images/bnr.jpg);  background-repeat:repeat; 
            color:#ffffff;
            -moz-border-radius:20px 20px 0px 0px;
            -webkit-border-top-left-radius: 20px;
            -webkit-border-top-right-radius: 20px;
            -khtml-border-top-left-radius: 20px;
            -khtml-border-top-right-radius: 20px;
        }
        a.boxclose{
            float:right;
            width:26px;
            height:26px;
            background:transparent url("../images/Closeblk.png") repeat top left;
            margin-top:-30px;
            margin-right:-30px;
            cursor:pointer;
        }
   /* Latest Pop UP ends*/
   
   
   
   /* Latest Pop UP2 starts*/
        a.activator1{
            width:30px;
            height:30px;
            position:absolute;
            top:240px;
            /*left:1200px;*/
            right:0px;
            background:#fff url("../images/FAQ.png") no-repeat top left;
            z-index:1;
            cursor:pointer;
        }
        /* Style for overlay and box */
        .overlay1{
            background:transparent url("../images/overlay.png") repeat top left;
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }
        .box1{
            position:fixed;
            top:-4000px;
            left:20%;
            right:30%;
            background-color:#fff;
            color:#7F7F7F;
            padding:20px;
            border:2px solid #ccc;
            -moz-border-radius: 20px;
            -webkit-border-radius:20px;
            -khtml-border-radius:20px;
            -moz-box-shadow: 0 1px 5px #333;
            -webkit-box-shadow: 0 1px 5px #333;
            z-index:101;
            overflow:scroll; height:400px;width:60%;overflow-x:hidden;

        }
        .box1 h3{
            border-bottom: 1px dashed #7F7F7F;
            margin:-20px -20px 0px -20px;
            padding:10px;
            background-image:url(../images/bnr.jpg);  background-repeat:repeat; 
            color:#ffffff;
            -moz-border-radius:20px 20px 0px 0px;
            -webkit-border-top-left-radius: 20px;
            -webkit-border-top-right-radius: 20px;
            -khtml-border-top-left-radius: 20px;
            -khtml-border-top-right-radius: 20px;
        }
        a.boxclose1{
            float:right;
            width:26px;
            height:26px;
            background:transparent url("../images/Closeblk.png") repeat top left;
            margin-top:-30px;
            margin-right:-30px;
            cursor:pointer;
        }
   /* Latest Pop UP2 ends*/
   
.grdtext td.empty
{
	border-collapse: separate;
	empty-cells: hide;
}

.grdtext th
{
	padding: 6px 9px 6px 9px;
	border: dashed 1px #8c724a;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e3d9ca), color-stop(1, #d4c9ba));
	background: -moz-linear-gradient(top, #e3d9ca 5%, #d4c9ba 100%);
	background: -webkit-linear-gradient(top, #e3d9ca 5%, #d4c9ba 100%);
	background: -o-linear-gradient(top, #e3d9ca 5%, #d4c9ba 100%);
	background: -ms-linear-gradient(top, #e3d9ca 5%, #d4c9ba 100%);
	background: linear-gradient(to bottom, #e3d9ca 5%, #d4c9ba 100%);
	text-transform: uppercase;
	background-color: #e3d9ca;
	width: auto;
	color: #3e3221;
	font-weight: bold;
	font-size: 14px;
}

.grdtext th:first-child
{
	text-align: left;
	padding-left: 20px;
	width: auto;
}

.grdtext tr:first-child th:first-child
{
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}
.grdtext tr:first-child th:last-child
{
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}
.grdtext tr
{
	text-align: center;
	width: auto;
}

.grdtext td:first-child
{
	text-align: left;
	width: auto;
	border-left: 0;
}
.grdtext td
{
	border: dashed 1px #8c724a;
	width: auto;
	color: #424242;
	padding: 8px;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.grdtext tr.even td
{
	width: auto;
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}

.grdtext tr:last-child td
{
	width: auto;
	border-bottom: 0;
}
.grdtext tr:last-child td:first-child
{
	width: auto;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.grdtext tr:last-child td:last-child
{
	width: auto;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.grdtext tr:hover td
{
	background: #A3875B;
	background: -webkit-gradient(linear, left top, left bottom, from(#E6E4E6), to(#A3875B));
	background: -moz-linear-gradient(top,  #E6E4E6,  #A3875B);
	cursor: pointer;
	color: #020202;
}

.grdtext td:first-child:hover td
{
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
}