﻿/* start reset */
html, body, h1, h2, h3, h4, h5, h6, p, ol, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
 /*end reset */

body
{
    background:white;
    margin:0;
}

#mainwrap {
	width:974px;
	margin:0 auto;
	overflow: hidden;
/*	border:2px dotted #ccc;*/
	padding:0;
}

topmenu {
	background-color:maroon;
	margin:0 auto;
	padding:0;
	width:974px;
	height:auto;
	overflow:visible;
}
#bodywrap
{
    width:974px;
	background-color:#fff;
	clear:both;
}

div.topmenu ul
{
    list-style:none;
    padding: 0;
    margin:0 50px 0 0;
    display:block;
    height:34px;
    float:right;
}

div.topmenu ul li 
{
    list-style:none;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0;
    width:auto;
    float:right;
    height:auto;
    height:34px;
}
     
.menubtn 
{
    border: 0;
    display: inline-block;
	/*hack for IE */
	display:expression('inline');
	height: 34px;
}
.activebtn
{
    background-position:top;
}

.inactivebtn
{
    background-position: bottom;
}

.listbtn
{
    background-image: url(images/list.gif);
    width:72px;
}

.changebtn
{
    background-image: url(images/change.gif);
    width:111px;
}
.newabtn
{
    background-image: url(images/new.gif);
    width:79px;
}
.idbtn
{
    background-image: url(images/ids.gif);
    width:126px;
}

.accountobtn
{
    background-image: url(images/account.gif);
    width:116px;
}
.helpbtn
{
    background-image: url(images/help.gif);
    width:39px;
}
.logoffbtn
{
    background-image: url(images/logoff.gif);
    width:51px;
}

.profileidbtn
{
    background-image: url(images/manage.gif);
    width:131px;
}

.bar
{
    height:34px;
    width:100%;
    clear:both;
    background-image:url(images/bar.gif);
    background-repeat:no-repeat;
}
img
{
    padding-bottom:5px;
    padding-top:5px;
}

/*#navlist ul img
{
    padding-bottom:0;
    padding-top:0;
}

#navlist ul li a
{
    background-position:0px 34px;
}

#navlist ul il a:hover
{
    background-position:0px 34px;
}*/


/* css for intro page*/
.tabhead {
	font: normal 14px arial, sans-serif;
	font-size:14px;
	/*color:#5C6A73;*/
	color:#656555;
	text-align:left;
}
	
.rtopq
{
  color:Black;
  font-weight: bold;
  text-align:left;
 }
 #intab a
 {
   color:Navy;
 }
 

 
 .helphead {
	font: normal 16px arial, sans-serif;
	/*color:#5C6A73;*/
	color:#800000;
	font-size:4;
	font-weight: bold;
	text-align:left;
}
 
#help ul,p, a
{
  	font: normal 14px arial, sans-serif;
	font-size:14px;
	/*color:#5C6A73;*/

	text-align:left;  
}
#help a
{
    color:#800000;
    font-weight:600;
}

	/* tabs */
	
.boxholder{
padding:20px 0 0 0;
/*background: #000099;*/
overflow: hidden;

}

.tab{
float: left;
height: 22px;
width: 82px;
margin: 0;
padding-top: 2px;
text-align: center;
background:url(images/tab.gif) no-repeat;
background-image:url(images/tab.gif);
background-repeat: no-repeat;
}

.activetab 
{
padding-top: 2px;
background:url(images/tab_active2.gif) no-repeat;
}

.tab_sep {

}

.tab_left{
float: left;
height: 19px;
width: 0;
margin: 0;
text-align: center;
/*background:url(images/tabmenu_grey_Left.gif) no-repeat;*/
/*border-right: 1px solid #999;*/
}

.tab_right{
float: left;
height: 21px;
width: 0;
margin: 0 0px 0 0;
text-align: center;
/*background:url(images/tabmenu_grey_Right.gif) no-repeat; border:1px solid silver;*/
/*border-left: 1px solid #999;*/
}

.tabholder {
	position: absolute;
	z-index: 400;
}

.box 
{
	background-image: url(images/BG_grad.jpg);  border:1px solid grey;
	background-repeat: repeat-x;
	background-color: #eaeaea;
	height:474px;
	border: 1px solid grey;/*#eaeaea;*/
}

.tabbody {
	font: normal 14px arial, sans-serif;
	font-size:14px;
	/*color:#5C6A73;*/
	color:#656555;
	text-align:left;
}

.trdarkc
	{
	background:none;
	background-color:#ADB5BA;
	font: normal 15px arial, sans-serif;
	border-bottom: 2px solid #CECECE; 
	height:14px;
	text-align:left;
	color:Black;

	}
	
	.trlightc
	{
	background:none;
	background-color:#D1DEE7;
	font: normal 15px arial, sans-serif;
	height:14px;
	text-align:left;
	color:Black;
	}
	
	.greybar 
    {
        background:none;
		background-image:url(images/greybar.gif) no-repeat;
		font: normal 14px arial, sans-serif;
		color:White;
		/*hack for i.e*/
		background:url(images/greybar.gif);
		background-repeat: no-repeat;
		height:25px;
	}
		
	.bgrndwhite
	{
	    background:none;
	    background-color:White;
	    max-height:23px;
	    max-width:153px;
	}
	
	#newatable text
	{
	    background:none;
	    background-color:White;
	    max-height:23px;
	    max-width:153px;
	}
	
	#valert div, table
	{
	font: normal 14px arial, sans-serif;
	font-size:14px;
	color:black;
	text-align:left;
	}
	
	#new, #halert, div, table, tabhead, input, tr
	{
	font: normal 14px arial, sans-serif;
	font-size:14px;
	color:black;
	text-align:left;
	}
	
	#dogl, #dogb, div, tr,table, p
	{
	font: normal 14px arial, sans-serif;
	font-size:14px;
	/*color:black;*/
	color:#656555;
	text-align:left;
	}
	
	#login1 input 
{
    /*float:left;   margin:7px auto;*/
    margin-bottom:5px;
    margin-left:110px;
    display:block; 
    float:none;
      
}

#login1 p 
{
    clear:left;
    margin-bottom:5px;
    width:250px;
    margin-left:1px;
    margin-top:5px;
}
#forgot
{
    clear:left;
    margin-bottom:5px;
    width:400px;
    margin-left:1px;
    margin-top:7px;
    margin-right: 0px;
    font: normal 12px arial, sans-serif;
    /*border: 1px solid grey;*/
}

#login1 label
{
display:inline;
width:80px;
float:left;
text-align:left;
font: normal 14px arial, sans-serif;
padding:3px 0;
clear:both;
margin-right: 20px;
margin-bottom:5px;
}

#login1 
{   
    background:url(images/login_box.gif) no repeat;
    background-image:url(images/login_box.gif);
    background-repeat: no-repeat;
    margin:auto;
    
    /*height:700px;
    width:900px;
    overflow:hidden;*/
    
    width:974px;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden; 
}

/* iframe's parent node */
div#chframe {
    position: fixed;
    width:974px;
    /*height: 90%;*/
}

/* iframe itself */
div#chframe > iframe {
    display: block;
    width:974px;
    /*height: 100%;*/
    border: none;
    border: 1px solid grey;
}
