/*----------------------------------------------------------
redefined by manya on 13/5/2011 
------------------------------------------------------------*/
.body
{    
	background-color: #f7f7f7; /* #eaeaea; */
    font-size:12px;
    font-family:Arial;
    margin: 0;
    padding: 0;
    color: #000000;
   /* width: 100%;   */
}

a:link
{
    color: #000000;
    font-size:11 pt;
    text-decoration:none;
}
a:visited
{
    color:#000000;
    text-decoration:none;   
}
a:hover
{
    color:#000000;
    text-decoration:none;
}
a:active
{
    color:#000000;
    font-size:11 pt;
    text-decoration:none;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

.Hlink
{
cursor: hand;
cursor: pointer;

}


/* HEADINGS   
----------------------------------------------------------*/
.h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color:black;
    font-family: Arial;
}

.h1
{
    font-size: 2em;
    text-align:center;
    padding-bottom: 0;
    margin-bottom: 0;
}
.h2
{
    padding: 0 0 10px 0;
    text-align: left;
    width: 562px;
}
.h3
{
    font-size: 1.2em;
}
.h4
{
    font-size: 1.1em;
}
.h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
page
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align:left;
}
.pageHeader
{
	color: #0087c5;
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
}
.header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    /*width:557px;*/
    float:none;
    top: 0px;
    left: 0px;
}
.header img {
width:100%;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#main
{
   /* padding: 30px 30px 15px 30px;*/
    background-color: #fff;
    width:600px;
    margin-bottom: 30px;
    float:left;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
    
}

.footer
{
	background-color:#0087c5;
    color: #000000;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}
/*----------------------------------------------------------
redefined by manya on 13/5/2011 ( TAB MENU )
------------------------------------------------------------*/


.text-box-small
{
	/*width: 221px;
	color : #747862;	
	border:0;
	padding:4px 8px;
	margin-bottom:0px;
	padding-left: 2px;*/
	
	font-size: 12px;	
	width: 150px;
	color: #000000; 
	padding-top: 1px; 
	padding-right: 2px;
	font-family:Arial;
	 
}




.text-box.multi-line
{  
	BORDER-RIGHT: #000000 1px solid; 
	PADDING-RIGHT: 2px;
	BORDER-TOP: #000000 1px solid; 
	PADDING-LEFT: 2px;
	FONT-SIZE: 8pt;
    height: 6.5em;
    width: 400px;
    PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #000000 1px solid; 
	COLOR: #000000; 
    PADDING-TOP: 1px; 
    BORDER-BOTTOM: #000000 1px solid; 
	FONT-FAMILY: Verdana; 

    
}

.tri-state
{
    width: 6em;
}
.label {
    
    text-align: left;
    color: black; 
   }
.button 
{
    color:#000000;
    background-color:#eaeaea;    
    font: normal black 12px arial;    
    border:1px solid #000;
    cursor:pointer;
    /*cursor:hand;*/
}
   
 a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}


 .checkbox { 
  width:23px; 
  height:23px; 
  padding:0 5px 0 0; 
  display:block; 
  clear:left; 
  float:left;
 }
 .dropdownlist{
    font-size:12px;
    height: 24px;
    width: 156px;
    text-align:left;     
} 

/*ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color:black;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color:black;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color:black;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}*/






/*----------------------------------------------------------
redefined by manya on 13/5/2011 ( FORM LAYOUT ELEMENTS )
------------------------------------------------------------*/    

/*.fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid black;
}*/

fieldset p 
{
    margin: 2px 12px 10px 10px;
    text-align:center;
}

.legend 
{
    font-size: 4em;
    font-weight: bold;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width:150px;
    border: 1px solid black;
}

input[type="password"] 
{
    width: 150px;
    border: 1px solid black;
}


/*----------------------------------------------------------
redefined by manya on 13/5/2011 ( Table )
------------------------------------------------------------*/ 

.table
{
  /* margin: 1em 0;
 background-color:#BEC2C5;
padding-left: 20px;*/
  width:100%;
    
}
.table td 
{
   padding-left: 10px;
}
.table th
{
	text-align:left;
	background-color: #3fbda2; 	/* green */ /* #0087c5; 	Blue header*/
	color:black;
	padding-left:10px;
	height:20px;
}
.trodd
{
	background-color:#ececec;
}
.treven
{
	background-color:#f7f7f7;
}
.gridTable
{
  width:100%;  
}
.gridTable th
{
	text-align: center;
	background-color: #3fbda2; 	/* green */ /* #0087c5; 	Blue header*/
	color:black;	
	height:20px;
}
.gridTablefooter
{
	text-align: left;
	background-color: #3fbda2; 	/* green */ /* #0087c5; 	Blue header*/
	color:white;	
	height:20px;
	padding-left:10px;
}

		

.tableNavigation
{
	width:100%;
}
.tableNavigation td 
{
   padding-left: 10px;
}
.tableNavigation th
{
	text-align: left;
	background-color:#0087c5; 	/*Blue header*/ /* #3fbda2; 	green */
	color:white;
	padding-left:5px;
	height:15px;
}

/* TABLE Without Border
----------------------------------------------------------*/

.tblNoBorder 
{
  border:none 0px ;
 /* border-collapse: collapse;*/
}

.tblNoBorder td 
{
  padding: 0px;   
  border: none;
  vertical-align:top
}
/*----------------------------------------------------------
redefined by manya on 13/5/2011 (MISC)
------------------------------------------------------------*/ 

clear
{
    clear: both;
}

error
{
    color:Red;
    border:solid 1px black;  
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:center;
    width: 500px;
}
.divmsg
{
color: #0087c5;
font-family: Arial;
font-size:14px;
font-weight:bold;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:center;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}


/*For Navigation Links
------------------------------*/

.footer-nav {
	list-style: none;
	font-size: 12px;
	padding: 9px 0 0 0;
	color:black;
    background-color: #3fbda2;
	}
#footer-nav li {
	display: inline-block;
	border-left: 1px solid #bababa;
	padding-left: 10px;
	margin-left: 10px;
	}
#footer-nav li.first {
	border-left: 0;
	padding-left: 0;
	margin-left: 0;
	}
#footer-nav a {
	float: left; display: inline;
	color: #bababa; text-decoration: none; 
	}
#footer-nav a:hover {
	color: #fff;
	}
	
/*For Div On Master Page
-------------------------*/

#bodydiv
{
    width:100%;
    float: left; 
    clear: both;
    top: 0px;
    left: 0px;
}	
    
#bodydiv #leftdiv
{
    /*width:20%;
    float: left; 
    background-color: Green;*/
    /*width: 18%;
    top: 0px;
    left: 0px;%/
}    
    
#bodydiv #rightdiv
{
    /*position: relative; 
    
    width:80%;
   /*background-color: Yellow;*/
    
    /*overflow: scroll; 
    overflow-y: hidden; 
    overflow-x: scroll;*/    
    }
    
    
    /* For Tab
 --------------------------------------------*/
    
    div.menu ul 
  {     
    margin: 0px;     
    padding: 0px;     
    width:500px; 
}

div.menu ul li 
{     
    display: inline;     
    list-style-type: none; 
}

.page1
{
  
    /*height:500px;*/
    width:100%;
    text-align: left;
}

.page2
{
    position:relative;
     /*height:500px;*/
    width:100%;
    text-align: left;
}

.page3
{
    position:relative;
    height:500px;
    width:800px;
    /*background-color:Yellow;*/
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field
{
    margin: 0.5em 0;
}

.img
{
	width: 25px; 
	border:0px; 
	height:25px;
}
.note
{
	font-style:italic;
	font-size:11px;
	padding-left: 12px; 
	padding-bottom:4px;
	padding-top:4px;
}

/* Styles for Tabs (Basic and Advanced Search)
----------------------------------------------------------*/

.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber 
{
	
}
.tabberlive {
 margin-top:1em; 
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 0px solid #778;
 font: bold 12px Verdana, sans-serif;  
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;  
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 /* background: #DDE; */
 background: #0087c5;/*Blue*/
 text-decoration: none;  
}

ul.tabbernav li a:link { color:white; }
ul.tabbernav li a:visited { color:white; }

ul.tabbernav li a:hover
{
 color:black;
 /* background: #AAE; */
 background: #3fbda2; /*Green*/
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 /* background-color: #fff; */
 background-color: #3fbda2; /*Green*/
 border-bottom: 0px solid #fff; /**/ 
 border-bottom: 1px solid #3fbda2;
 color: black; 
}

ul.tabbernav li.tabberactive a:hover
{
 color:black;
 background:#ececec;
 border-bottom: 1px solid white; 
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:0px;
 border:1px solid #aaa;
 border-top:1;
 padding: 0px 5px 0px 5px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


/* Tabs style ends here */ 

/* Added by Prashant on 15 Sep 2011 - Starts */

a:link
{
    font-size:10 pt;
    color: Blue;
    text-decoration:underline;
}
a:visited
{
    color: Blue;
    text-decoration:underline;   
}
a:hover
{
    /*font-weight: bold;*/
    color:Blue;
    text-decoration: underline;
    cursor: pointer;
}
a:active
{
    color: Blue;
    font-size:10 pt;
    text-decoration:underline;
}

/* Added by Prashant on 15 Sep 2011 - Ends */