/* 
    Document   : base
    Created on : September 22, 2004, 10:19 AM
    Author     : aan
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* loading request spinner */

.loader  {
  animation: rotate 1s infinite;  
  height: 50px;
  width: 50px;
  margin-left:50px;
}

.loader:before,
.loader:after {   
  border-radius: 50%;
  content: '';
  display: block;
  height: 20px;  
  width: 20px;
}
.loader:before {
  animation: ball1 1s infinite;  
  background-color: #32332c;
  box-shadow: 30px 0 0 #1382c2;
  margin-bottom: 10px;
}
.loader:after {
  animation: ball2 1s infinite; 
  background-color: #1382c2;
  box-shadow: 30px 0 0 #32332c;
}

@keyframes rotate {
  0% { 
    -webkit-transform: rotate(0deg) scale(0.8); 
    -moz-transform: rotate(0deg) scale(0.8);
  }
  50% { 
    -webkit-transform: rotate(360deg) scale(1.2); 
    -moz-transform: rotate(360deg) scale(1.2);
  }
  100% { 
    -webkit-transform: rotate(720deg) scale(0.8); 
    -moz-transform: rotate(720deg) scale(0.8);
  }
}

@keyframes ball1 {
  0% {
    box-shadow: 30px 0 0 #1382c2;
  }
  50% {
    box-shadow: 0 0 0 #1382c2;
    margin-bottom: 0;
    -webkit-transform: translate(15px,15px);
    -moz-transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #1382c2;
    margin-bottom: 10px;
  }
}

@keyframes ball2 {
  0% {
    box-shadow: 30px 0 0 #32332c;
  }
  50% {
    box-shadow: 0 0 0 #32332c;
    margin-top: -20px;
    -webkit-transform: translate(15px,15px);
    -moz-transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #32332c;
    margin-top: 0;
  }
}
/* loading request spinner */
bdo.text{
 font: bold 9pt arial;
 TEXT-ALIGN: left;

}

bdo.redText{
  font-family: "Arial";
  font-weight: bold;
 TEXT-ALIGN: left;
 color: red;

}

bdo.leftAlign{
 TEXT-ALIGN: left;

}

body {
    margin:0;
    padding:0;
    font-family: Arial, sans-serif;
    font-size: 70%;
}

td {
	font-family: Arial, sans-serif;
}

table, form{
	font-family: Arial, sans-serif;
	font-size: 100%;
}

.shadow {
	font-size:7px;
}

DIV.mainMenuTop{
	background-color: #c00000;
}

DIV.mainMenuTop TR TD{
	padding: 0.5em 0 0.5em 0;
	font-size: 115%;
	color: white;
	border-top : 1px  solid red;
	border-bottom : 1px  solid black;
}

Div.mainMenuTop TD.mainLogo{
	vertical-align: top;
	padding: 0;
}

DIV.mainMenuTop TD A {
	border-left : 1px  solid red;
	border-right : 1px  solid black;
	display: block;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

DIV.mainMenuTop TD A:link{
	color: white;
	text-decoration: none;
}

DIV.mainMenuTop TD A:visited{
	color: white;
	text-decoration: none;
}

DIV.mainMenuTop TD A:hover{
	text-decoration: underline;
}

DIV.menuBar{
	background-color: #e0e0e0;

}

DIV.menuBar TD{
	font-size: 25px;
}


TABLE.toolbar {
	/*filter:	progid:DXImageTransform.Microsoft.gradient(GradientType='1', startColorstr='#f7f7f7', endColorstr='#EFEBDE');*/
	width: 100%;
}

/*DIV.bodyFrame TABLE.toolbar{
	border-top: 1px solid threedhighlight;
}*/

td.toolbar A{
	margin: 1px;
	padding: 0.2em;
	color: menutext;
	text-decoration: none;
}

td.toolbar A:hover{
	background-color: #d0d0f0;
	border: 1px outset;
	margin: 0px;
    padding:5px;
}

td.toolbar A:visited{
	color: menutext;
}

td.toolbar A:active{
	background-color: #d0d0f0;
	border: 1px inset;
	margin: 0px;
}

DIV.menuPopup{
	display: none;
	position: absolute;
	border: 1px solid threeddarkshadow;
	background-color: menu;
	z-index: 1;
	filter:  progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135, strength=2);
}

DIV.menuPopup A{
	padding: 2px;
	font-size: 110%;
}

DIV.menuPopup td {
	padding: 2px;
}

IFrame{
	padding: 0px;
	margin: 0px;
	/*overflow-x: hidden;
	overflow-y: hidden;*/
}


DIV.autoSize, IFrame.autoSize{
	width: 100%;
	height: 100%;
}

DIV.lastElement{
	font-size: 1px;
}

TABLE.ssFrame{
	width: 100%;
	table-layout: fixed;
}

TABLE.ssFrame TD.ssFrame{
}

DIV.windowFrame{
	border: 6px solid #e0e0e0;
}

DIV.tabFrame{
	BORDER:#77C9FF 1px dashed;
	padding: 1px;
}

DIV.bodyFrame {
	BORDER:#6e6e6e 1px solid;
	padding: 1px;
	margin: 0px;
	
 /* OVERFLOW: auto; */
}



DIV.bodyFrame1 {	
	BORDER:#6E6E6E 1px solid;
	padding: 1px;
	margin: 0px;
	width: 100%;
	height: 430px;
	OVERFLOW: auto;   
     
}

DIV.searchFrame {
	BORDER:#6B6D6B 1px solid;
	padding: 1px;
	margin: 1px;
	width: 100%;
	height: 80px;
	OVERFLOW: auto;
	BACKGROUND-COLOR: #F5F5F5

}
DIV.bodyFrame2
{
	BORDER:#6e6e6e 1px solid;
	padding: 1px;
	margin: 0px;
	width: 100%;
	height: auto;
	OVERFLOW: no;
	

}
TD.TACLASS
{
	BORDER:#6e6e6e 1px solid;
	padding: 1px;
	margin: 0px;
	width: 100%;
	height: 100%;
	OVERFLOW: fixed;
	
}
form DIV.bodyFrame3
{
	height:160px;
	width:100%;
 	overflow: auto; 
}
DIV.searchFrame0 {
	BORDER:#6B6D6B 1px solid;
	padding: 1px;
	margin: 0px;
	width: 100%;
	height: 100px;
	OVERFLOW: auto;
	BACKGROUND-COLOR: #F5F5F5

}

DIV.searchFrame1 {
	BORDER:#6B6D6B 1px solid;
	padding: 1px;
	margin: 1px;
	width: 100%;
	height: 230px;
	OVERFLOW: auto;
	BACKGROUND-COLOR: #F5F5F5

}

DIV.searchFrame2 {
	BORDER:#6B6D6B 1px solid;
	padding: 1px;
	margin: 1px;
	width: 100%;
	height: 330px;
	OVERFLOW: auto;
	BACKGROUND-COLOR: #F5F5F5

}

DIV.searchFrame3 {
	BORDER:#6B6D6B 1px solid;
	padding: 1px;
	/*margin: 1px;*/
	width: 100%;
	height: 315px;
	OVERFLOW: auto;
	overflow-x: hidden;
	BACKGROUND-COLOR: #F5F5F5;
   srollbar-3dlight-color:;
   scrollbar-arrow-color: black;
   scrollbar-base-color:#d7d7d7;
   scrollbar-darkshadow-color:;
   scrollbar-face-color:#d7d7d7;
   scrollbar-highlight-color:#d7d7d7;
   scrollbar-shadow-color:black;

}

DIV.searchFrame10 {
	BORDER:#6B6D6B 1px solid;
	padding: 1px;
	margin: 1px;
	width: 100%;
	height: 100px;
	OVERFLOW: no;
	BACKGROUND-COLOR: #F5F5F5

}
DIV.searchFrame8 {
	BORDER:#6B6D6B 1px solid;
	padding: 1px;
	margin: 0px;
	width: 100%;
	height: 130px;
	OVERFLOW: auto;
	BACKGROUND-COLOR: #F5F5F5

}

DIV.searchFrame9 {
	BORDER:0;
	padding: 7px;	
	margin: 0px;
	width: 585px;	    
	height: 305px;
	OVERFLOW: auto;
	ALIGN: center;
	BACKGROUND-COLOR: #dedede

}


form DIV.bodyFrame {	
	BORDER:#6E6E6E 1px solid;
	padding: 1px;
	margin: 0px;
	width: 100%;
	height:200px;
	/* OVERFLOW: auto;*/ 
	overflow-y: scroll;
	overflow-x: hidden;  
   scrollbar-3dlight-color:;
   scrollbar-arrow-color: black;
   scrollbar-base-color:#d7d7d7;
   scrollbar-darkshadow-color:;
   scrollbar-face-color:#d7d7d7;
   scrollbar-highlight-color:#d7d7d7;
   scrollbar-shadow-color:black
}


form DIV.sitedetailFrame
{
	BORDER:#6E6E6E 1px solid;
	padding: 1px;
	margin: 0px;
	width: 99%;
	height:460px;
	overflow: auto;
}
form DIV.sitedetailFrame1
{
	BORDER:#6E6E6E 1px solid;
	padding: 1px;
	margin: 0px;
	width: 100%;
	height:auto;
	/* OVERFLOW: auto;*/ 
	overflow-y: scroll;
	overflow-x: hidden; 
   scrollbar-3dlight-color:;
   scrollbar-arrow-color: black;
   scrollbar-base-color:#d7d7d7;
   scrollbar-darkshadow-color:;
   scrollbar-face-color:#d7d7d7;
   scrollbar-highlight-color:#d7d7d7;
   scrollbar-shadow-color:black
}


DIV.ssHeader
{
    BACKGROUND-COLOR: #a6bcdc;/*e5e5fd;*/
    BORDER: black 1px solid;
    MARGIN: 0px;
    OVERFLOW: hidden;
	width: 100%;
	/*position: relative;*/
}
DIV.ssHeaderEZLIST
{
    BACKGROUND-COLOR: #e5e5fd;
    BORDER-BOTTOM: #336699 1px solid;
    BORDER-LEFT: #336699 1px solid;
    BORDER-RIGHT: #336699 1px solid;
    BORDER-TOP: #336699 1px solid;
    /*HEIGHT: 1.5em;*/
    MARGIN: 0px 0px 0px;
    OVERFLOW: hidden;
}
DIV.ssHeader TABLE
{
    TABLE-LAYOUT: fixed;
}

DIV.ssHeader TD
{
    font: bold 9pt arial;
	color:  #666666;
    CURSOR: hand;
    VERTICAL-ALIGN: bottom;
    LINE-HEIGHT: normal;
	border-right: inset 2px #e5e5fd;
	height: 100%;
}
DIV.ssHeader TD TD{
	border-style:none;
}

DIV.ssHeader TD TABLE, DIV.ssHeader TD TABLE TR{
	height: 100%;

}

DIV.ssHeader TD.rightAlign
{
    PADDING-LEFT: 8px;
    TEXT-ALIGN: right;
	color:  black;
}
DIV.ssHeader TD.leftAlign
{
    PADDING-LEFT: 8px;
    TEXT-ALIGN: left;
	color:  black;
}

Div.ssFirstCol{
	width:12px;
	cursor:default;
}

Div.ssLastCol{
	width: 12px;
	cursor: default;
	TEXT-ALIGN: right;
}

TD.ssResizeBar{
	width:4px;
	cursor:E-resize;
}

DIV.ssBody1
{
    BACKGROUND-COLOR: white;
    TABLE-LAYOUT: fixed;
  }

DIV.ssBody
{
	overflow-wrap: anywhere;
    BORDER-BOTTOM: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    BORDER-COLOR: #6e6e6e;
    MARGIN: 0px;
    OVERFLOW: auto; 
     /* overflow-x: hidden;
      overflow-y: scroll; */
	CURSOR: default;
	width: 449px;
	overflow-wrap: break-word;
	/*background-color: #f7f7f7;*/

   scrollbar-3dlight-color:;
   scrollbar-arrow-color:black;
   scrollbar-base-color:#d7d7d7;
   scrollbar-darkshadow-color: #6e6e6e;
   scrollbar-face-color:#d7d7d7;
   scrollbar-highlight-color:#d7d7d7;
   scrollbar-shadow-color:black
}

TABLE.ssBodyTable
{
    BACKGROUND-COLOR: white;
}

/* 
    Rahul: Added for highlighting the table row onmouseover event
*/
TR.ssBodyTableOver
{
    BACKGROUND-COLOR: #F7F8F9;
}

 
TABLE.ssBodyTable1
{
    BACKGROUND-COLOR: white;
    TABLE-LAYOUT: fixed;
}
DIV.ssBody COL.rightAlign
{
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 4px;
    TEXT-ALIGN: right;
}
DIV.ssBody COL.leftAlign
{
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 4px;
    TEXT-ALIGN: left;
	color:  black;    
}
DIV.ssBody TD
{
	overflow-wrap: anywhere;
	BORDER-BOTTOM: #e0e0e0 1px solid;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 3px;
    VERTICAL-ALIGN: top;
}
DIV.ssBody TD TD
{
	BORDER: none;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    VERTICAL-ALIGN: top;
}
DIV.ssBody TD.ssCheckBox
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: center
}


DIV.ssBody1 COL.rightAlign
{
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 4px;
    TEXT-ALIGN: right;
}
DIV.ssBody1 COL.leftAlign
{
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 4px;
    TEXT-ALIGN: left;
	color:  black;
}
DIV.ssBody1 TD
{
	BORDER-BOTTOM: #e0e0e0 1px solid;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 3px;
    VERTICAL-ALIGN: top;
}
DIV.ssBody1 TD TD
{
	BORDER: none;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    VERTICAL-ALIGN: top;
}
DIV.ssBody1 TD.ssCheckBox
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: center
}


TR.CURRENTROW{
	background-color: #D8E7FC;
	color: #305C99;
}

TABLE.Window{
	width: 100%;
}

DIV.title{
	width: 100%;
	padding: 0.5em;
	font-size: 115%;
	font-weight: bold;
	color: darkgreen;
	text-align: center;
}

DIV.bodyFrame DIV.title{
	border-bottom: 1px solid threedlightshadow;
}

DIV.searchFrame1 form.readOnly input, div.form input.readOnly, form.readOnly select, div.form select.readOnly{
	border:0px;
	font: 9pt arial;
	color: black;
	BACKGROUND-COLOR: #F5F5F5;                
}

form.readOnly input, div.form input.readOnly, form.readOnly select, div.form select.readOnly textarea.readOnly{
	border:0px;
	font: 9pt arial;
	color: black;
        width: 100%;
}

DIV.form form{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
}

.name{
	font: bold 9pt arial;
	color: #666666
}

TD.tab TD{
	vertical-align: bottom;
	padding-left: 3px;
}

TD.tab A{
	text-decoration: none;
	color: black;
	padding: 0.3em 0.5em;
	background-color: threedface;
	border: 1px solid silver;
	border-bottom-width : 0px;
	width: 150%;
	filter:	progid:DXImageTransform.Microsoft.gradient(GradientType='0', startColorstr='#FfFfFF', endColorstr='#EFEBDE');
}

TD.tab A:hover{
	border-color: #336699;
	background-color: #fff8ff;
	text-decoration: none;
	color: black;
}

TD.tab A.currentTab{
	border-color: #336699;
	background-color: #f7f7f7;
	z-index: 1;
	font-weight: bold;
	border-bottom : 1px solid #f7f7f7;
	position: relative;
	top: 1px;
	border-top: 2px solid highlight;
	filter:	progid:DXImageTransform.Microsoft.gradient(enabled='false') ;
}

TD.error INPUT, TD.error SELECT{
	background-color: yellow;
}

TD label.required{
	font: bold 9pt arial;
	color: black
}

div.form input, div.form select{
	width: 100%;
}

form.find{
	display: inline;
}

form.find span{
	padding-left: 0.2em;
	padding-right: 0.2em;
	font-weight: bold;
	font-size: 105%;
}

DIV.FIELDSBORDER{
    WIDTH: 100%;
	BORDER: #336699 1px solid;
}

TABLE.FIELDSBORDER
{
    PADDING-LEFT: 4px;
    WIDTH: 100%;
	BORDER: #336699 1px solid;
}

TD.GRPCAPTION
{
    background-color: #a6bcdc;
    color: black;
    CURSOR: default;
    font: bold 9pt arial;
    height: 20px;
	padding: 0 5px 0 5px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

DIV.GRPCAPTION
{
    background-color: #a6bcdc;
    color: black;
    CURSOR: default;
    font: bold 9pt arial ;
    height: 35.5px;
    padding: 2px 6px 0px 6px;
    width: 100%;
	/*BORDER-top: #white 2px solid;*/
}

TABLE.GRPCAPTION
{
    margin: 1px 0px 2px 0px;
    width: 100%;
    CURSOR: default;
    OVERFLOW: auto;
}

TABLE.GRPCAPTION TD
{
    background-color: #a6bcdc;
    height: 16px;
    padding: 0px 0 0 5px;
    CURSOR: default;
	font: bold 8pt arial;
    vertical-align: top;
    text-align: left;
    width: 100%;
    OVERFLOW: no;
}

TABLE.FIELDS
{
    padding-left: 4px;
    width: 100%;
}

TD.LABEL
{
	padding: 3px 2px 0px 2px;
	text-align: left;
	width: 40%
	font-family: "Arial";
    font-size:110%;
	color:  black;


}

TD.LABELRED
{
	padding: 3px 2px 0px 2px;
	text-align: left;
	font: bold 10pt arial;
	color: red;

}




TD.LABELINFO
{
	background-color: #77C9FF;
}



DIV.header {
	font: bold 0pt arial;
	FLOAT: left;
	WIDTH: 100%; 

}

DIV.header UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px;
	PADDING-TOP: 10px;
	LIST-STYLE-TYPE: none
	}

/*DIV.header LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 2px; 
	BACKGROUND: url(../image/tab/left.gif) no-repeat left top; 
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px; 
	PADDING-TOP: 0px
}*/

DIV.header LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 2px; 
	/*BACKGROUND-COLOR: #97B3DB;*/
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px; 
	PADDING-TOP: 0px
}

DIV.header A{
	PADDING-RIGHT: 4px;
	DISPLAY: block; 
	PADDING-LEFT: 4px; 
	font: bold 9pt arial;

	FLOAT: left; 
	PADDING-BOTTOM: 4px;
	COLOR: BLACK; 
	PADDING-TOP: 5px; 
	TEXT-DECORATION: none
}
/**Vijaya: Keep backup*/
/*
DIV.header A{
	PADDING-RIGHT: 9px;
	DISPLAY: block; 
	PADDING-LEFT: 6px; 
	font: bold 8pt arial;
	BACKGROUND: url(../image/tab/right.gif) no-repeat right top;
	FLOAT: left; 
	PADDING-BOTTOM: 4px;
	COLOR: #0343A9; 
	PADDING-TOP: 5px; 
	TEXT-DECORATION: none
}*/
DIV.header A{
	FLOAT: none
}
DIV.header A:hover {
	COLOR: #333
}
/*
DIV.header LI.current {
	BACKGROUND-IMAGE: url(../image/tab/left_on.gif)
}

DIV.header LI.current A {
	BACKGROUND-IMAGE: url(../image/tab/right_on.gif); PADDING-BOTTOM: 4px; COLOR: #333
}
*/



A.ezlink {
	color = #305C99;
	TEXT-ALIGN: left;
}

A.ezlinkSelected {
	color = "305C99";

}

A.menu{
	color : white;
        text-align : center;
        margin-right : 4px;
        font-size: 10.5px;
        font-family: Arial;
        font-weight : 700;       
}

A.highlight{
	color = "red";
	text-align: left;
}

TD.readOnly input.readOnly{
	border:0px;
	font: 9pt arial;
	color: black;
}

input.modReadOnly{
	border:0px;
	font: 9pt arial;
	color: black;
	font-weight: bold;
}

A.link{
	color:#000000;
	font: 8pt arial;
}

TD.payment{
        padding-left: 8px;
	font: 10pt arial;
        font-weight : bold;
	color: black;
}

/*Added By Rajanikant for  active and inactive tab*/
TD.inactivetab{
    BACKGROUND-COLOR: #D7D6D7
}

TD.activetab{
    BACKGROUND-COLOR: #97B3DB;
}
/*
    Added by Rajanikant Sidankar for formating of homepage greeting
*/
TD.home{
    color: black;
    font: 8pt arial;
}

select.date{
	color: #000080;
	font-size: 10px;
	font-family: Arial;
	background-color: #EFFFFF
}

select{
	width: 60%
}

DIV.nonSSTable TABLE {
    margin: 0;
    padding: 0;
    width: 100%;
}
DIV.nonSSTable TD{
    border: 0;
}

DIV.billingPlan input, select{
    width: 145px;
}

DIV.billingPlan.transactionSlabs input {
    width: 61px;
    border: 0;
}

TD.CELLBORDER {
	BORDER-BOTTOM: #6e6e6e 1px solid;
    BORDER-LEFT: #6e6e6e 1px solid;
    BORDER-RIGHT: #6e6e6e 1px solid;
    BORDER-TOP: #6e6e6e 1px solid;
    MARGIN: 0px 0px 0px 0px;
    OVERFLOW: auto;
	align: left;
}

/* AppHopper detail styles */
.detail-box {
    display: block;
    border: 2px solid #333;
    padding: 4px;
    margin-left: 10px;
    margin: 7px;
    background-color: #f9f9f9;
    border-radius: 4px;
    min-height: 100px;
    max-height: 220px;
    overflow-y: auto;
    overflow-x: auto;
    box-sizing: border-box;
    width: 98%;
    clear: both;
    font-size: 12px;
}

.copy-btn {
    background-color: #4CAF50;
    color: white;
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    margin: 7px;
    float: right;
}

.copy-btn:hover {
    background-color: #45a049;
}

.copy-btn:active {
    background-color: #3d8b40;
}