/*******************************************************************
CSS For Global Reach
Copyright:
	Copyright (c) 2008 Venkatesan Balasubramanian, <http://www.balavenkatesan.com/>.
License:
	venkatinsap license.                                             
/********************************************************************/

/*              Begin Typography & colors                           */
/********************************************************************/

.menuheader {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
		font-weight:bold;
 		color:#000000;
        }
.menutxt {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 11px;
		color:#000000;
        }
.frmtxt {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
		color:#000000;
        }
.tinytxt {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 11px;
		text-decoration:underline;
		color:#000000;
        }
a, h2 a:hover, h3 a:hover {
        color: #0000aa;
        text-decoration: none;
        }

a:hover {
        color: #147;
        text-decoration: underline;
        }


/*****************************************************************************************************/
/*                     Navigational menu ,tab , td                                                   */
/*****************************************************************************************************/
/***************Round corner button settings *****************/

.parabtns{margin:5px 0 3px;padding:2px 2px 0 0}		
.parabtns a.btn:hover,.inlinebtns a.btn:hover{color:#00344f}

.grabtn,.grabtnnf{background-image:url(http://202.152.81.172/GReach/images/btnbox_l.gif)}
.grabtn,.btnboxr{display:inline-table;line-height:normal;vertical-align:middle;background-repeat:no-repeat;font-size:10px;font-weight:400;height:20px;white-space:nowrap}
.grabtn{text-transform:lowercase;margin:2px 0 2px 2px;padding:2px 5px 4px 10px}

h2 img,h2 .grabtn,h2 .txtbtn,h2 .btnboxr{margin-top:2px}
.btnboxr{background-image:url(http://202.152.81.172/GReach/images/btnbox_r.gif)}
.btnboxr{width:5px;margin:2px 2px 2px 0;padding:2px 0 4px}
.btnboxr img{vertical-align:middle}
.inlinebtns{height:22px;padding:2px 2px 2px 0}

* html .parabtns{margin-bottom:0}
* html .grabtn{line-height:normal}
.parabtns .smtxt{margin-left:2px;margin-right:5px;font-size:12px;white-space:nowrap}
.parabtns a.btn,.inlinebtns a.btn{margin-left:0;margin-right:0;text-decoration:none}
.parabtns a.btn:hover,.inlinebtns a.btn:hover{text-decoration:underline}
.parabtns a,.inlinebtns a{margin-left:2px;margin-right:5px;font-size:10px;font-weight:700;text-decoration:underline;white-space:nowrap}
.disabledtext{color:#AAA; font-size:11px}

.listdivi{margin-top:1px;margin-bottom:1px;clear:both;font-size:1px;line-height:1px;overflow:hidden;background-color:transparent;height:0}
.ln{height:1px}
.tabdivi{margin:0 -7px 4px}
.tabdivi{background-color:#86a1c4}
.userinfodivi,.ln{background-color:#d9e6f7}
.lf{float:left}
.rf{float:right}
.inlinesearch{font-size:11px;};


/*=================right panel have one more resizer that layout style ===========*/
#mydiv{
		position:relative;
		top:0px;
		left:0px;
 		height: 150px;
		width:100%;
		border: 0px solid #808080;
		overflow: hidden;
	}
	
	/*status bar style to act as the bottom border of the div*/
#ven_statusbar{
		cursor: s-resize;
		position:absolute;
		display:block;
		top:150px;
		height:13px;
		padding:0;
	}
.contentstyle {
		BORDER-RIGHT: #6699CC 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #6699CC 1px solid; PADDING-LEFT: 10px; MARGIN-BOTTOM: 0.5em; PADDING-BOTTOM: 10px; BORDER-LEFT: #6699CC 1px solid; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: #6699CC 1px solid;
	}
.contentstyle_foi {
	BORDER-RIGHT: #6699CC 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #6699CC 1px solid; PADDING-LEFT: 1px; MARGIN-BOTTOM: 0.5em; PADDING-BOTTOM: 10px; BORDER-LEFT: #6699CC 1px solid; WIDTH: 770px; PADDING-TOP: 10px; BORDER-BOTTOM: #6699CC 1px solid
	}
.contentstyle_outer {
		BORDER-RIGHT: #6699CC 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #6699CC 1px solid; PADDING-LEFT: 1px; MARGIN-BOTTOM: 0.5em; PADDING-BOTTOM: 10px; BORDER-LEFT: #6699CC 1px solid; WIDTH: 100%; PADDING-TOP: 10px; BORDER-BOTTOM: #6699CC 1px solid;
	
	}
	
    /*=============== End of inside rightpanel resizer ======================*/

/* ============================== */
/* === Begin Lists Main Nav=== */
/* ============================== */

/*--------------------- MAIN MENU --------------------------------*/
ul.intabs li{background-image:url(http://202.152.81.172/GReach/images/tabnotsel_r.gif)}
ul.intabs li .ltab{background-image:url(http://202.152.81.172/GReach/images/tabnotsel_l.gif)}
ul.intabs li.sel{background-image:url(http://202.152.81.172/GReach/images/tabsel_r.gif)}
ul.intabs li.sel .ltab{background-image:url(http://202.152.81.172/GReach/images/tabsel_l.gif)}

ul.intabs{height:23px}
ul.intabs li{background-repeat:no-repeat;background-position:right;margin-right:5px;line-height:23px;font-weight:700;padding-right:6px}
ul.intabs li.sel{color:#fff}
ul.intabs li.sel a{color:#FFF}
ul.intabs li .ltab,ul.intabs li.sel .ltab{width:6px;height:23px;background-position:left;background-repeat:no-repeat;float:left}
 

ul.gridtabs li{background-image:url(grid_bg.jpg)}
ul.gridtabs li .ltab{background-image:url(grid_bg.jpg)}
ul.gridtabs li.sel{background-image:url(http://202.152.81.172/GReach/images/tabsel_r.gif)}
ul.gridtabs li.sel .ltab{background-image:url(http://202.152.81.172/GReach/images/tabsel_l.gif)}

ul.gridtabs li.asc{background-image:url(http://202.152.81.172/GReach/images/asc_tabsel_r.gif)}
ul.gridtabs li.desc{background-image:url(http://202.152.81.172/GReach/images/desc_tabsel_r.gif)}

ul.gridtabs{height:23px}
ul.gridtabs li{ background-repeat:no-repeat;background-position:right;margin-right:5px;line-height:23px;font-weight:700;padding-right:17px;list-style-type:none}
ul.gridtabs li.sel{color:#fff}
ul.gridtabs li.sel a{color:#FFF}
ul.gridtabs li .ltab,ul.gridtabs li.asc .ltab{width:6px;height:23px;background-position:left;background-repeat:no-repeat;float:left}

#button ul {
	margin: 2px ;
	padding: 2px ;
	list-style: none ;
	display: inline ;
}
#button ul li {
	margin: 2px ;
	padding: 2px ;
	display: inline ;
	text-align: center ;
	padding-left:4px;
	list-style: none ;
	font-family: Arial, Helvetica, sans-serif ;
}
#button li a {
	color: #000 ;
	background-color: #9cf ;
	border: 1px outset #00f ;
	padding-top: 8px ;
	padding-right: 5px;
	 
	text-decoration: none ;
	display: inline ;
}
#button li a:hover {
	color:#000000 ;
	background-color:#E0F3F8;
	/*outline:1px solid black;*/
}

		
.leftpanelDiv
  {
	/*background: #e5fafa url(../images/bg_cpanel.gif) no-repeat left bottom;*/
	border:1px;
	width:160px;
	height:500px;
	overflow:auto;
  }

.leftpanelDivNoAuto
  {
	/*background: #e5fafa url(../images/bg_cpanel.gif) no-repeat left bottom;*/
	border:1px;
	width:160px;
	height:100%;
	/*overflow:auto;*/
  }


/*============================= */
/* Start Forms */
/* =========================== */
.bodystyle {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
}

.box1 {
        padding: 3px;
        border-width: thin;
        border-style: solid;
        border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
        border-width: thin;
        border-style: dashed;
        border-color: #DDDDDD;
        padding: 5px;
        font-size: 1em;
        background: #ffffff;
}

.box3 {
        padding: 3px;
        font-size: 1em;

}


.box4 {
		border: 0;
		spacing: 0;
        padding: 0;
        font-size: 1em;
}

.box5 {
        padding: 0;
        font-size: 1em;
        border: 1px solid gray;
}

.box6 {
        padding: 0;
        border-style: solid;
        font-size: 1em;
        border: 1px solid black;
        width: 100%;
        border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box7 {
        font-size: 1em;
        border: 1 dash black;
        width: 100%;
        border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.boxTab {
        padding: 0px;
        spacing: 0px;
        border: 0px;
        width: 100%;
        font-size: 1em;

}

.boxLogin {
        padding: 0px;
        spacing: 0px;
        border: 0px;
        width: 380px;
        height: 300px;
        background: #738599 url(http://202.152.81.172/GReach/images/login_back.jpg);
}

.boxLogout {
        padding: 0px;
        spacing: 0px;
        border: 0px;
        width: 380px;
        height: 300px;
        background: #738599 url(http://202.152.81.172/GReach/images/logout_back.jpg);
}

.boxChangePass {
        padding: 0px;
        spacing: 0px;
        border: 0px;
        width: 380px;
        height: 320px;
        background: #738599 url(http://202.152.81.172/GReach/images/changepass.jpg);
}

.boxTree {
		padding: 0px;
        spacing: 0px;
        border: 0px;
		cursor: pointer;
}
.boxTree a:hover {
 		outline:1px solid black;
}
/*<!-- *****************************TREE VIEW CSS******************* -->
<!-- Customize the "folder" style here -->*/

a.folder {
    font-size: 10pt;
    padding:0px;
    cursor: pointer;
}



/*<!-- Customize the "leaf" style here -->*/

a.leaf {
	padding:0px;
	cursor: pointer;
	font-size : 9pt;
}
 
 

/*<!-- *****************************END TREE VIEW CSS******************* -->*/

.logger {
		padding-left: 50px;
		padding-right: 20px;
		padding-top: 100px;
		padding-bottom: 5px;
		}
.ChangePass {
		padding-left: 50px;
		padding-right: 20px;
		padding-top: 90px;
		padding-bottom: 0px;
		}



.boxLeftPanel {
        padding: 0;
        spacing: 0;
        font-size: 1em;
        width: 219;
        border: 0px;
        /*background: #e5fafa url(../images/bg_cpanel.gif) no-repeat right bottom;*/
}



form {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
        margin: 0;
        padding: 0;
     }

label{
        font: bold 1em "Trebuchet MS", Arial,sans-serif;
        color: #334d55;
}

td {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
        padding-left: 3px;
        padding-right: 0px;
}

td.gridTitle{
 		background-image:url(grid_bg.jpg); 
		background-repeat:repeat-x; 
		height:27px;
		font-size:11px;
		font-weight:bold;
		color:#000000;
		border: 1px solid #dddddd;
}

td.title {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-weight: bold;
        color:#0099FF;
        height: 24px;
        padding: 0px;
     	background-color: #CCCCCC;
        text-align: center;
}

td.title1 {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-weight: bold;
        color: #000fff;
        height: 24px;
        padding: 0px;
        background: #ceffde;
        text-align: center;
}
.notice{
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: white;
        text-align: center;
}
.error{
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
        color: red;
        text-align: center;
		font-weight:bold;
}
.ok{
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
        color: green;
        text-align: center;
		font-weight:bold;
}

td.error {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
        color: #fff;
        height: 20px;
        padding-left: 4px;
        padding-right: 2px;
        background: red;
        text-align: center;
}

td.underline {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
        height: 14px;
        padding-left: 4px;
        padding-right: 2px;
        background: #FFFFFF;
        border-bottom: 1px solid #F2984C;
}


td.boxy {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
        height: 14px;
        padding-left: 2px;
        padding-right: 2px;
        background: #fff;
        border: 1px solid #DDDDDD;
}

td.grayboxy {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
        padding: 4px;
        padding-bottom: 8px;
        background: transparent url(http://202.152.81.172/GReach/images/bg_short2.png) repeat-x left bottom;
        border: 0px solid #DDDDDD;
}

td.leftline {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
        height: 14px;
        padding-left: 4px;
        padding-right: 2px;
        border-left: 1px solid #DDDDDD;
}

td.rightline {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
        height: 14px;
        padding-left: 4px;
        padding-right: 2px;
        border-right: 1px solid #DDDDDD;
}

td.lrline {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
        height: 14px;
        padding-left: 4px;
        padding-right: 2px;
        border-right: 1px solid #DDDDDD;
        border-left: 1px solid #DDDDDD;
}

th {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
        color: #fff;
        background: transparent url(http://202.152.81.172/GReach/images/bg_td_tit.gif) left top no-repeat;
}


input {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
}

input.password {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
        letter-spacing: 2pt;
        color: red;
}


input.currency {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-alignment: right;
}

textarea {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
}

select {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
}

ul{list-style:none;margin:0;padding:0}
li{ float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
  }
  
ol {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1em;
        list-style-type: decimal;
        list-style-position: outside;
}

/************ Form  style *****************/
 #vbFrm table {
 background-color: #F9FBFD;
 color: #000000;
 width: 440px;
 border: 1px solid #D7E5F2;
 border-collapse: collapse;
}

#vbFrm td {
 border: 1px solid #D7E5F2;
 padding-left: 4px;
}
.labelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #3670A7;
 background-color: transparent;
 width: 220px;
}

.fieldcell {
 background-color: #F2F7FB;
 color: #000000;
 text-align: right;
 margin-right: 0px;
 padding-right: 0px;
}

.smalllabelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: transparent;
 color: #3670A7;
 width: 100px;
}

.smallfieldcell {
 background-color: #F2F7FB;
 color: #000000;
 text-align: right;
 
}
.fieldcell input {
 width: 200px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
 margin-right: 0px;
}

.smallfieldcell input {
 width: 100px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
}

.smallfieldcell select {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
}
.button {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
}
 /*********end of form style *****************/