@import url(base.css);
@import url(layout.css);
@import url(table.css); 
@import url(form.css);
@import url(dl.css);
@import url(clearfix.css);

/* DOCUMENT 

Author: Dae Kim	
Modified: 
Notes: Styles declared under this document contains default markup styles as well as proprietary styles to segments and sectional styles within the page. This document does not contain site structural styles for the layout.



*/

/* default page markups ---------------------------------------------------------------------
----------------------------------------------------------------------------------------------*/
body {font: 11px/1.5em verdana, arial, sans-serif; color: #636563; background-color:#fff;}

a, a:link, a:visited {color: #3165ce;}
a:hover, a:focus, a:active {color: #3165ce;}

p {margin:0 0 10px 0; padding:0;}



h1 { 
  font-size: 11px;
  color: #633000;
} 
h2 {
  font-size: 11px;
  color: #000000;
} 
h3 {
  font-size: 11px;
  color: #3165ce;
}


ul {
  margin: 0 0 0 25px;
  padding: 0;
  list-style: square outside url(../elements/images/shared/xln/xln_4squarebullet.gif);
}

/* Proprietary Styles---------------------------------------------------------------------
----------------------------------------------------------------------------------------- */

/* HEADER
------------------------------------- */

/* Utility Area 
-----------------------------------*/
#uta {margin-top: 5px; text-align: right; }

/* Global Messaging Area Properties
-----------------------------------*/
#gma {background:#330000 url(../images/gma/gma_bg.gif) repeat-x top left; padding:0; height:75px;}
#gma img {margin:0; padding:0;}

/* Primary Navigation Module Properties
---------------------------------------*/
#pnm {background:#1b380c url(../images/pnm/glo_pnm_background_texture.gif) top left;}
 
#pnm ul {margin:0; padding:0; list-style:none;}
#pnm ul li {float:left; margin:0; padding:0; } 

#pnm ul li a,
#pnm ul li a:link,
#pnm ul li a:visited {color:#fff; background:#599117; text-decoration:none; font-weight:bold; padding:5px; float:left; display:block; margin:0; border-right:1px solid #1b380c; border-top:1px solid #8ccb3c; border-left:1px solid #8ccb3c; border-bottom:1px solid #000;}

#pnm ul li a:hover,
#pnm ul li a:focus,
#pnm ul li a:active {color:#1b380c; background:#f2f2ce;border-bottom:1px solid #f2f2ce;}


#pnm ul li a.pnm-link-selected {
  color: #ffffff;
  font-weight: bold;
  color:#1b380c; background:#f2f2ce; 
  border-bottom:1px solid #f2f2ce;
}

#pnm-divider {height: 10px; background-color: #f2f2ce; border-bottom: solid #ccea8d 1px; font-size:0px;}
 

/* Login Module
---------------*/

#lm-module {   
	width: 954px;
  padding-top: 3px;
  padding-bottom: 1px;
  background-image: url(../images/shared/xln/xln_module_background.gif);
 }

.lm-form {

  width: 540px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 10px;
  padding-top: 2px;
  padding-bottom: 3px;
  padding-left: 10px;
  background-color: #ffffff;
}

.lm-input {
  width: 65px;
  vertical-align: middle;
}

#lm-invalid-login {
  color: #ff0000;
  margin-bottom: 0px;
}

/* Secondary Navigation Module Properties 
-----------------------------------------*/
#snm-wrapper { 
  height: 22px;
  background-color: #1b380c;
}

 

#snm {
  margin:0 0 0 9px;
  height: 22px;
  color: #ffffff;
  line-height: 18px;
   
}

a.snm-link,
a.snm-link:link, 
a.snm-link:visited {color: #ffffff;}

a.snm-link:hover,
a.snm-link:focus, 
a.snm-link:active {color: #ffffff;}

a.snm-link-selected {
  color: #ffffff;
  font-weight: bold;
}

/* BODY 
------------------------------------------*/
h1.page-heading {
  font-size: 17px;              /* same as 13pt */
  font-weight: bold;
  font-family: Verdana;
  color: #330000;  
  margin-bottom: 10px;
  margin-top:10px;}
 

/* Sub-navigation Module Properties
-----------------------------------*/
#subnm-line {  
  width: 954px;
  height: 1px;
  background-color: #f2f2ce;
  font-size: 0px;
}

#subnm-line-topleft {
  float:left;
  display:inline;
  width: 178px;
  height: 9px;
  font-size: 0px;  
  background-color: #f2f2ce; 
  border-left: 1px solid  #ccea8d;
  border-bottom: 1px solid  #f2f2ce;
}

#subnm-line-topright
{ float:right;
  display:inline;
  width: 775px;
  height:9px;
  font-size: 0px;  
  background-color: #f2f2ce;
  border-bottom: 1px solid #ccea8d;
}


#subnm-wrapper {  
  width: 178px;
  background-color: #f2f2ce;
  border-right: 1px solid #ccea8d;
  border-left: 1px solid  #ccea8d;
  border-bottom: solid 1px #ccea8d;  
  padding-bottom: 15px;
  
}

#subnm-wrapper ul {
	list-style-image:none; 
	margin:0; 
	padding: 0;
	}
#subnm-wrapper li { margin:0; padding:0; list-style:none; }

#subnm-wrapper .subnm-heading {   
  margin-left: 5px;
  padding-top: 5px;
  margin-bottom: 13px;
  font-weight: bold;
}

#subnm-wrapper .subnm-selected-heading {  
  margin-left: 5px;
  padding-top: 5px;
  margin-bottom: 13px;
  font-weight: bold;
  color: #663000; 
}

#subnm-wrapper .subnm-label-level1 { 
  margin-left: 15px;  
  font-size:13px;
}

#subnm-wrapper .subnm-selected-level1 {
  width: 122px;
  margin-left: 15px;
  font-weight: bold;
  color: #633000;
  font-size:13px;
}

#subnm-wrapper .subnm-label-level2 {   
  width: 115px;
  margin-left: 23px;
  font-size:12px;
}

#subnm-wrapper .subnm-selected-level2 { 
  margin-left: 23px;
  font-weight: bold;
  color: #633000;
  font-size:12px;
}

#subnm-wrapper .subnm-label-level3 {  
  margin-left: 30px;
  font-size:11px; 
}

#subnm-wrapper .subnm-selected-level3 {  
  margin-left: 30px;
  font-weight: bold;
  color: #633000;
  font-size:11px;
}

#subnm-wrapper .subnm-label-level4 {  
  margin-left: 36px;
  font-size:10px;
}

#subnm-wrapper .subnm-selected-level4 {  
  margin-left: 36px;
  font-weight: bold;
  color: #633000;
  font-size:10px;
}

/* Column Module Properties
---------------------------*/

/* These are stylized headers for any containing block and its width is determined by the parent block */
.column-header1,
.column-header2,
.column-header3,
.column-header4,
.column-header5,
.column-header6 {
  padding: 6px;  
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: bold;
  color: #996633;    
}

.column-footer1,
.column-footer2,
.column-footer3,
.column-footer4,
.column-footer5,
.column-footer6 {
  font-size: 0px;
  height: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 0px;
}

.column-header1, .column-footer1 { background-image: url(../images/shared/xln/xln_module_background.gif);}
.column-header2, .column-footer2 { background-image: url(../images/shared/xln/xln_module_background_99cc99.gif);}
.column-header3, .column-footer3 { background-image: url(../images/shared/xln/xln_module_background_99cccc.gif);}
.column-header4, .column-footer4 { background-image: url(../images/shared/xln/xln_module_background_cccc99.gif);}
.column-header5, .column-footer5 { background-image: url(../images/shared/xln/xln_module_background_ccccff.gif);}
.column-header6, .column-footer6 { background-image: url(../images/shared/xln/xln_module_background_ffcccc.gif);}


/* paragraph styles */

p.paragraph1
{color:#330000;
font-size:13px;}
p.paragraph2
{color:#3165ce;
padding:10px;
background-color:#eee;}


p.paragraph3
{color:#633000;
background-color:#ffffcc;
padding:10px;
}
p.paragraph4
{
color:#000000;
padding:10px;

background-color:#efefef;}

p.paragraph5 {
color:#636563;
padding:10px;
border:1px solid #ccc;

}

/* Button 1 */
a.call-button1,
a.call-button1:link,
a.call-button1:visited {color:#fff; background:#599117; text-decoration:none; font-weight:bold; padding:5px 5px 5px 5px; border:1px solid #1b380c; border-color:#8ccb3c #1b380c #1b380c #8ccb3c; border-width:1px 2px 2px 1px; text-transform:uppercase;font-size:10px;}

a.call-button1:hover,
a.call-button1:focus,
a.call-button1:active {color:#fff; background:#99cc33; border-color:#1b380c #8ccb3c #8ccb3c #1b380c; border-width:2px 1px 1px 2px; }


/* Button 2 */
a.call-button2,
a.call-button2:link,
a.call-button2:visited {color:#fff; background:#990000; text-decoration:none; font-weight:bold; display:inline; padding:5px 5px 5px 5px; border:1px solid #330000; border-color:#990000 #330000 #330000 #990000; border-width:1px 2px 2px 1px; text-transform:uppercase;font-size:10px;}

a.call-button2:hover,
a.call-button2:focus,
a.call-button2:active {color:#fff; background:#cc0000; border-color:#330000 #990000 #990000 #330000; border-width:2px 1px 1px 2px; }


/* Button 3 */
 
a.call-button3,
a.call-button3:link,
a.call-button3:visited {color:#fff; background:#3366cc; text-decoration:none; font-weight:bold; display:inline; padding:5px 5px 5px 5px; border:1px solid #330000; border-color:#99ccff #003366 #003366 #99ccff; border-width:1px 2px 2px 1px; text-transform:uppercase;font-size:10px;}

a.call-button3:hover,
a.call-button3:focus,
a.call-button3:active {color:#fff; background:#6699ff; border-color:#003366 #99ccff #99ccff #003366; border-width:2px 1px 1px 2px; }


/* FOOTER 
---------------------------------------*/  
.footer-hr {   
  margin-top:0;
  margin-bottom: 2px;
  padding:0;
  border-bottom: 1px solid #cccccc;
   
}

/* Misc Classes
--------------------------------*/
.hr {  
  font-size: 0px;
  width: 100%;
  height: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0px;
  border-top: solid #cccccc 1px;  
}

.emp_text1 {
  color: #3165ce;
  font-weight: bold;
}

.emp_text2 {
  color: #996633;
  font-weight: bold;
}

.small_text {font-size:9px; letter-spacing:1px;line-height:1.2em;}

.alert_text {color:#FF0000; font-weight:bold;}

/* These are styles for user defined modular panels. inline or class declare widths for each instance of usage */
.panel_module {border:1px solid #ccc;}
.panel_underlayer {padding:6px;}
.panel_module_header {
  padding: 6px;  
  margin-bottom: 0px;
  font-size: 11px;
  font-weight: bold;
  color: #996633;
}
.panel_module_underline {
  font-size: 0px;
  height: 3px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  background-image: url(../images/shared/xln/xln_module_background.gif);
}