﻿@charset "utf-8";
/* CSS Document */
/*********************for Tab *************************/
ul.tab-style{
	list-style:none;
	margin:0% 0% 0% 3.4%;
	padding:;
}
ul li.tab-style{
	float:left;
		margin:0;
		padding:0;

}
li.sub-option ul {
	position:absolute;
	background:#fff;
	list-style:none;
	padding:1%;
	display: none;
	box-shadow:3px 3px 10px rgba(51, 51, 51, 0.25);
	border-radius:0px 0px 8px 8px;
	border:1px solid #ccc;
	width:150px;
	
}
li:hover.sub-option ul{
	position:absolute;
	list-style:none;
	padding:1% 1% 1% 1%;
	display: block;
	margin:0;
	

}
li:hover.sub-option ul li{
	line-height:25px;
    float:left;
}
li:hover.sub-option ul li:hover{
	background:#f2f2f2;


}

li.sub-option ul li.sub ul, li.sub-option ul li.sub ul li.sub5 ul {
	position:absolute;
	background:#fff;
	list-style:none;
	padding:1%;
	display: none;
	box-shadow:3px 3px 10px rgba(51, 51, 51, 0.25);
	border-radius:0px 0px 8px 8px;
	border:1px solid #ccc;
	
}
li.sub-option ul li:hover.sub ul, li.sub-option ul li.sub ul li:hover.sub5 ul {
	position:absolute;
	list-style:none;
	padding:10% 10% 1% 10%;
	display: block;
	margin:-25px 0px 0px 80%;
	width:140px;
	
}
ul.color-red li a{
	color:#cc4400;
}

/********************** Tabb CSS end *******************/


.heder-btn{
	
	margin:8% 0% 2% 0%;
	
	width:100%;

}
.btn-red{
	background:#cc4400;
	color:#FFF;
	text-shadow: 0 1px 1px rgba(000,000,000,0.25);
}
.btn-red:hover{
	background:#666;
	color:#FFF;
	text-shadow: 0 1px 1px rgba(000,000,000,0.25);
}
.btn-green{
	background:#7ba300;
	color:#FFF;
	text-shadow: 0 1px 1px rgba(000,000,000,0.25);
}
.btn-green:hover{
	background:#666;
	color:#FFF;
	text-shadow: 0 1px 1px rgba(000,000,000,0.25);
}
.comment_dv{
	width:100%;
	min-height:200px;
	background:#eee;
	border-radius:5px;
}
.comment_logo_dv{
	width:189px;
	min-height:144px;
	background: url(../images/comment-logo.jpg);
	margin:2.5% 0% 0% 20%;
	text-align:center;
	padding:45px 0px 0px 0px;
}
.comment_text{
	font-size:22px;
	color:#000000;
	margin-top:4%;
	line-height:130%;
	font-family:Arial, Helvetica, sans-serif;
padding-left:3%;
}
.comment_name{
	font-size:22px;
	color:#eba000;
	line-height:130%;
		padding-left:3%;
	font-family: Daniel, "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.comment_3rd_text{
	font-size:18px;
	color:#000000;
	margin-top:15%;
	line-height:140%;
	font-family: "Times New Roman", Times, serif;
padding-left:6%;
width:60%;
}
.comment_last_text{
	font-size:14px;
	color:#506b00;
	margin-top:5%;
	line-height:140%;
	font-family: "Times New Roman", Times, serif;
padding-left:6%;
width:60%;
}
.footer_dv{
	width:94%;
	background:#e7f3c3;
	margin-top:3%;
	padding:3%;
	padding-bottom:13%;
	height:auto;
	
}
ul.footer_text{
	list-style:none;
}
ul.footer_text li a{
	list-style:none;
	color:#666666;
}
.footer_2{
	margin-top:1%;
	text-align:center
}
.footer_2 a{
	color:#0066cc;
}
ul.list_text li a{
	color:#000;
}
hr{
	padding:0;
}
.table-header{
	background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  color:#FFFFFF;
  border:none;}
.CustomValidatorCalloutStyle div, 
.CustomValidatorCalloutStyle td { 
    border:solid 1px blue; background-color: #ADD8E6; 
}

.Overlay { 
  position:fixed; 
  top:0px; 
  bottom:0px; 
  left:0px; 
  right:0px; 
  overflow:hidden; 
  padding:0; 
  margin:0; 
  background-color:#000;  
  filter:alpha(opacity=50); 
  opacity:0.5; 
  z-index:1000;
}
.overlay2 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=30);
-moz-opacity: 0.8;
-khtml-opacity:  0.8;
opacity: 0.8;
z-index: 1000;
}
.PopUpPanel {  
  position:absolute;
  background-color: #737373;   
  top:100px;
  left:15%;
  z-index:2001; 
  padding:10px;
  min-width:400px;
  max-width:600px;
    
  -moz-box-shadow:3.5px 4px 5px #000000;
  -webkit-box-shadow:3.5px 4px 5px #000000;
  box-shadow:3.5px 4px 5px #000000;

  border-radius:5px;
  -moz-border-radiux:5px;
  -webkit-border-radiux:5px;

 border: 1px solid #CCCCCC;
}
.err_text
{
  text-align: left; 
  padding-left: 50px;
  color: Red;  
}

div.MaskedDiv
{
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: verdana;
    font-weight: bold;
    padding: 40px;
    z-index: 100;
    background-color: Black;
    opacity: 0.6;
  /*  background-image: url(Mask.png); *//* ieWin only stuff */
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='Mask.png');
}


div.ModalPopup
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    background-color: #CCCCCC;
    position: absolute; /* set z-index higher than possible */
    z-index: 10000;
    visibility: hidden;
    color: Black;
    border-style: solid;
    border-color: #999999;
    border-width: 1px;
    position:fixed;
    top: 50%;
    left: 50%;
    width:30em;
    height:18em;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    
    
    
}
.validatorCalloutHighlight
{
    background-color: #ffcccc;
}
.requiredFields
{
     background-color: #FFFFB3;
}

.contextMenu
{
    z-index: 1000;
    position: absolute;
    border: solid 1px ;
        /*background-color:CaptionText;*/
    background-color:White;
    padding: 5px 0;
    display: none;
            
             
}
.contextMenu ol
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    min-width: 130px;
    width: auto;
    max-width: 200px;
    font-family: Verdana;
    font-size: 12px;
}
.contextMenu ol li
{
    margin: 0;
    display: block;
    list-style: none;
    padding: 5px 5px;
}
.contextMenu ol li:hover
{
    background-color: #efefef;
}
        
.contextMenu ol li:active
{
    color: White;
    background-color:#efefef;
}
        
.contextMenu ol .list-devider
{
    padding: 0px;
    margin: 0px;
}
        
.contextMenu ol .list-devider hr
{
    margin: 2px 0px;
}
        
.contextMenu ol li a
{
    color: Black;
    text-decoration: none;
    display: block;
    padding: 0px 5px;
}
.contextMenu ol li  ul
{
    text-decoration: none;
    padding: 0px 5px;
    position:static;
    top:1px;
   
}
.contextMenu ol li a:active
{
    color: White;
}
     
        div.MaskedDiv
{
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: verdana;
    font-weight: bold;
    padding: 40px;
    z-index: 100;
    background-color: Black;
    opacity: 0.6;
   /* background-image: url(Mask.png); /* ieWin only stuff */
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='Mask.png');
}


div.ModalPopup
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    background-color: #CCCCCC;
    position: absolute; /* set z-index higher than possible */
    z-index: 10000;
    visibility: hidden;
    color: Black;
    border-style: solid;
    border-color: #999999;
    border-width: 1px;
    position:fixed;
    top: 50%;
    left: 50%;
    width:30em;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
   
   
}
[draggable=true] {
    cursor: move;
}
.resizable {
    overflow: scroll;
    resize: both;
    max-width: 300px;
    max-height: 460px;
}

rtIn {
    border-color: transparent;
    background-color: #007D93;
    background-image: -moz-linear-gradient(center top , #00A9C7, #007D93);
    color: #FFF;
}

#navbar {
   margin: 0;
   padding: 0;
   height: 1em; }
#navbar li {
   list-style: none;
    vertical-align:inherit;
   }
#navbar li a {
   display: block;
   padding: 3px 8px;
   background-color: #FFFFFF; 
 
   text-decoration: none; }
#navbar li ul {
   display: none; 
   width: 10em; /* Width to help Opera out */
   /*  background-color: #69f; */
   vertical-align:top; 
   float:right;
   }
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: relative;
   margin: 0;
   padding: 0; }
#navbar li:hover li, #navbar li.hover li {
   float: left; }
#navbar li:hover li a, #navbar li.hover li a {
     
   border-bottom: 1px solid #fff;
    
   float:left;
    }
#navbar li li a:hover {
   
   float:left;
   }
   
 .process{
    position: absolute;
     height: 400px;
    margin-top: -200px;
    width: 600px;
    margin-left: -300px;
    /*top: 50%;*/
    left: 30%;
    top: 20%;
    margin-left: -150px; /* Negative half of width. */
    margin-top: -100px; /* Negative half of height. */
    /*border: 2px solid #000;*/
    /*DISPLAY:none;*/
    /*background-color:White;*/
    line-height:20px;
    text-align:center;
    background-image:url(../images/Ajax_Loading.gif);
    background-repeat:no-repeat;
    /*background-attachment:fixed;*/
    background-position:center; 
    z-index:-2000px;
}
li.divSuboption ul {
	position:absolute;
	background:#fff;
	list-style:none;
	padding:1%;
	display: none;
	box-shadow:3px 3px 10px rgba(51, 51, 51, 0.25);
	border-radius:0px 0px 8px 8px;
	border:1px solid #ccc;
	width:150px;
	
}
li:hover.divSuboption ul{
	position:absolute;
	list-style:none;
	padding:1% 1% 1% 1%;
	display: block;
	margin:0;
	left:130px;

}
 .imageButton {
    width: 30px;
    height: 44px;
    background: green url('./Images/NewEntry.gif') repeat-x bottom left;
}