body 
{
    background-color: Transparent; 
    margin: 0px 0px 0px 0px;
    border: solid 2px #00f; 
    font-family: Verdana, MS Sans Serif, Sans-Serif; font-size: 11pt;
}

input { font-family: inherit; font-size: 100%; }

select{ font-size: 110%;}

.btn     { text-align: center; vertical-align: text-top ;   }
.btn_l   { background: url(../../images/arrow_l.gif) no-repeat; width: 25px; }
.btn_r   { background: url(../../images/arrow_r.gif) no-repeat; width: 25px; }
.btn_dn  { background: url(../../images/arrow_d.gif) no-repeat; width: 25px; }
.btn_up  { background: url(../../images/arrow_u.gif) no-repeat; width: 25px; }
.btn_del { background: url(../../images/arrow_u.gif) no-repeat; width: 25px; }

.txterr {font-size: 80%; color: #f00; }
.txttiny { font-size: 80%; padding: 0px 0px 0px 0px; }
.list { width: 100%; }

/*========================  HEADER =================================*/
#header
{
    width: 100%;
    background-color: #ffffff;
    border: solid 0px #000000;
	font-weight:bold; 
	font-size:85%;
}

#logo_corp
{ float: left; padding-bottom: 4px; border: solid 0px #000000; }

#logo_app 
{ float: right; padding-bottom: 4px; border: solid 0px #000000; }


/*========================  USER INFO ===============================*/
#userbar
{
    background-color: #ffffff; width: 100%; border: solid 0px #000000;
    font-size:90%; font-weight: bold; 
}

#user_prop
{
    background: #fff url(../../images/userbar_bg.gif) repeat-x fixed;
    border: solid 0px #000000; float: left; left: 2px; 
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 
}

#user_prop UL 
{ float: left; padding: 10px 0px 0px 10px; margin: 0px; white-space: nowrap; }

#user_prop UL LI 
{ float:left; list-style-type: none; padding: 2px 2px 2px 16px; color: #000; }

#user_prop UL LI p {color: #00f;}

#app_links
{
    background-color: #ffffff;
    float: right; padding: 8px 0px 0px 10px;
    border: solid 0px #000000;
}

#userbar ul.app_links 
{
	position: absolute; white-space: nowrap;
	right: 0px; margin: 0px 0px 0px 0px; 
}

#userbar ul.app_links li 
{ float: left; list-style-type: none; text-decoration: underline; }

#userbar ul.app_links li a 
{ 
    display: block; 
    float: left; padding: 5px 6px; margin: 0px 0px 0px 5px; 
    color: #00f; 
}
#userbar ul.app_links li a:hover { color: #f00; }
#userbar ul.app_links li a.current { color: #00f; }


/*=====================  Horizontal Line =========================*/
#lines 
{
	display: block; 
	clear: both;
	background-color:#fff;
	padding: 1px 0px; margin: 0px 0px 0px 0px; 
	border-top: #99adff 1px solid; border-bottom: #03f 2px solid; 
}	
	

/*========================  CONTENT  ===============================*/
#content
{
    background:#ffffff;
    width: 100%;
    border: solid 0px #000000;
    font-size: 100%;
    padding: 0px 0px 0px 0px;
    /*margin: 1% 1% 1% 25%;*/
    /*position: fixed;*/
}

#bodyContent
{
    background:#ffffff;
    width: 100%;
    border: solid 0px #000000;
    padding: 0px 0px 0px 10px;
    font-size: 100%;
}
.content_top
{
    background: url(../../images/titlebar.gif) repeat-x ; 
    padding: 2px 0px 2px 0px;
    color: #00f;
    width: 100%; 
/*    border-bottom: solid 1px #000000;
    border-top: solid 1px #000000;*/
    font-weight: bold;
}

.row { /*border: dotted 1px #eee;*/ font-size: 90%; }
.row_lite { background-color: #fff; }
.row_dark { background-color: #ddd; }
.row_lite a { text-decoration: none;  }
.row_dark a { text-decoration: none; }

.row_th { background: url(../../images/titlebar.gif) repeat-x; white-space: nowrap; height:22px; }
.row_th a { color: #00c; }

.yel_bg { background-color:#ffc;}
.gry_bg { background-color:#dfdfdf;}
/*========================  WIZARD area ===============================*/
.wizard
{
    background-color: #fff;
    font-family: Verdana;
    vertical-align: top;
}

.wizard_head
{
    background: #fff url(../../images/directions_cap.gif) no-repeat left top; 
    padding: 0px 1px 0px 40px;
    margin: 0px 0px 0px 0px;
    height: 62px; 
    border-right: solid 3px #000;
}
.wizard_head_dir
{
    /*background: #fff url(../../images/directions_bg.gif) repeat-x fixed 0px 0px; */
    font-size: 80%; 
    height: 43px; width: 100%; 
    padding: 0px 0px 0px 0px; margin: 8px 0px 0px 0px;
}

.wizard_step
{
    /*background: #eee;*/
    font-size: 100%;
    padding: 0px 0px 0px 15px;
}

.wizard_side
{
    background: #fff url(../../images/wizard_bg.gif) no-repeat scroll left top; 
    vertical-align: top; 
    border: solid 0px #999;
    padding: 0px 0px 0px 0px;
    font-size: 80%;
    white-space: nowrap;    
    width: 151px;
    height: 235px;
}

.wizard_buttons
{
    background: #fff url(../../images/wizard_button_bg.gif) no-repeat scroll left top; 
    vertical-align: top; 
    border: solid 0px #999;
    padding: 0px 0px 0px 0px;
    font-size: 80%;
    white-space: nowrap;    
    width: 151px;
    height: 41px;
}
.q_top { color: #00f; font-size:80%; font-weight: bold; }

.el_cen { }
.el_lbl { text-align: right; white-space: nowrap; vertical-align:text-top; }
.el { float: left; vertical-align: middle; }

.input_date { width: 100px; font-family: Verdana; font-size: 100%; }
.dropdown_Q { width: 275px; }
.txtbox_275 { width: 275px; }
.txtbox_QTXT { width: 550px; height: 140px; }
.upload { height: 20px; }



/*========================  SEARCH area ===============================*/
#toggle
{
    display: block; background: #fff; text-align: left; 
    font-size: 90%;
    width: 100%; margin: 0px 0px 0px 5px; padding: 5px 5px 5px 5px;
}

#search
{
    display: block; background: #ffffcc;
    font-size: 90%;
    margin: 0% 0% 0% 5px;
}

#srchResults
{
    display: block;
    font-size: 100%; 
    width: 100%; padding: 0% 1% 5% 1%;
    border: solid 0px #000000;
}


/*========================  FOOTER area ===============================*/
#footer
{
    background:#03f;
    text-align: center;
    width:100%;
    padding:4px 0px;
    border-left: solid 0px #000000;
    font-size: 100%;
    color: #fff;
}