@import "common.css";

/* Forms */
form {
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #CCCCCC;
}
form .section {
   padding: 10px 30px;
   background: #F7F7F7 url(images/form_corner.gif) no-repeat;
   border-bottom: 1px solid white;
}
form table {
   width: 530px;
}
form table.gray td {
   color: #999999;
}
form table td {
   white-space: nowrap;
}
input,select,textarea {
   font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
   vertical-align: middle;
}
input {
   width: 174px;
   height: 14px;
   _height: 23px;
   margin: 0px;
   padding: 4px;
   text-indent: 3px;
   background: url(images/input_shadow.gif) no-repeat;
   _background-attachment: fixed;
   border: none;
}
textarea {
   width: 100%;
}
button
{
	width: auto;
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #EEEEEE;
	color: #333333;
	font-size: 80%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
button:active
{
	border: 3px double #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
}

/* Content */
.title {
   line-height: 18px;
   background: url(images/record_title_blue.gif) no-repeat;   
   font-size: 15px;
   font-weight: bold;
}
.title .linewrapper {
   position: relative;
   left: 17px;
   top: -6px;
   padding-left: 2px;
   margin-bottom: 10px;
   border-bottom: 2px solid #99CCFF;
}
.title .contentwrapper {
   position: relative;
   top: 5px;
   left: 6px;   
   background-color: White;
   display: inline;
   padding: 0 4px;
}
.subtitle {
   font-weight: bold;
   margin-bottom: 10px;   
}

/* left record menu */
#recordMenu {
   width: 175px;
   font-size: 10px;
   font-weight: bold;
   color: #CCCCCC;
   padding: 15px 0 15px 0;
   border-bottom: 1px solid #CCCCCC;   
}
#recordMenu ul {
   margin: 0;
   padding: 0;
}	
#recordMenu li {
   margin: 0;
   list-style: none;
   background: none;
}
#recordMenu li a {
   display: block;
   width: 100%;
   padding: 2px 5px 3px 5px;
   color: #666666;
   text-decoration: none;
   margin-left: 4px;
}
html>body #recordMenu li a {
   width: auto;
}
#recordMenu li a:hover, #recordMenu #recordMenuActive a {
   color: #0199CB;
}

/* left menu */
#leftMenu {
   width: 175px;
   font-size: 11px;
   font-weight: bold;
   color: #CCCCCC;
   font-variant: small-caps;
   padding-bottom: 30px;
   border-bottom: 1px solid #CCCCCC;  
}
#leftMenu #leftMenuHeader {
   line-height: 14px;
   background: url(images/menu_header_gray.gif) no-repeat;
}
#leftMenu #leftMenuHeaderWrapper {
   position: relative;
   width: 158px;
   left: 16px;
   bottom: 1px;
   padding-left: 2px;
   margin-bottom: 6px;
   font-size: 12px;
   border-bottom: 1px solid #CCCCCC;
}
#leftMenu ul {
   margin: 0;
   padding: 0;
}	
#leftMenu ul.level4 {
   margin-left: 12px;
}	

#leftMenu li {
   margin: 0;
   list-style: none;
   background: url(images/menu_line_grey.gif) no-repeat;
   background-position: bottom;     	
	padding-bottom: 4px;
}

#leftMenu ul.level4 li {
   background: none;
}

#leftMenu li a {
   display: block;
   width: 100%;
   padding: 2px 5px 3px 11px;
   color: #0199CB;
   text-decoration: none;
   margin-left: 4px;
   background: url(images/menu_item_blue.gif) no-repeat;
   background-position: 0px 6px;     
}
html>body #leftMenu li a {
   width: auto;
}
#leftMenu li a:hover, #leftMenu li.path a {
   color: #666666;
   background: url(images/menu_item_gray.gif) no-repeat;	
   background-position: 0px 6px;
}

#leftMenu ul.level4 li a:hover, #leftMenu ul.level4 li.active a {
   color: #0199CB;
   background: url(images/menu_item_blue.gif) no-repeat;
   background-position: 0px 6px;
}

#leftBanner {
  margin: 20px 0 10px 0;
  padding : 10px 0 10px 0;
}

/* top menu */
#topMenu {
   padding: 2px 0 2px 4px;
   margin: 0 153px 0 15px;
   line-height: 16px;
   font-size: 12px;
   font-weight: bold;
   color: #CCCCCC;
   font-variant: small-caps;
   border-top: solid 1px black;
}
#topMenu ul {
   margin: 0;
   padding: 0;
}	

#topMenu li {
   display: inline;
   margin: 0;
   padding: 0;
   list-style: none;
   border-left: solid 1px #0199CB;
}
#topMenu li a {
   color: black;
   padding: 0px 3px 1px 7px;
   text-decoration: none;   
}
html>body #topMenu li a {
   width: auto;
}
#topMenu li a:hover, #topMenu #topMenuActive a {
   color: #0199CB;
}
#topMenu li.first {  
   border-left: none;
}
#topMenu img.head {
   position: relative;
   top: -19px;
   left: 706px;
}


/* design */
#menu_spacer {
   width: 200px;
   padding: 0 10px;
   height: 100%;
   vertical-align: top;
}
#menu {
   width: 100%;
   height: 100%;  
}
#menu_content {
   padding: 4px;
   vertical-align: top;  
}
#menu_corner {
   width: 10px;
   height: 10px;
   background: url(images/menu_corner.gif) no-repeat;
}
#menu_gradient_h {
   height: 10px;
   text-align: left;
   background: url(images/menu_gradient_h.gif) repeat-x;      
}
#menu_gradient_v {
   width: 10px;
   background: url(images/menu_gradient_v.gif) repeat-y;      
}


#download th {
   padding-right : 20px;   
   text-align : left;
}

#page {
  padding: 0;
  margin: 0 auto;
  width: 900px;
  text-align: left;
}
#print {
  padding: 5px;
  width: 586px;
  text-align: left;
}
#main {
   background-color: white;
   height : 595px;
}
#header {
   vertical-align: top;
} 
#footer {
   padding: 0px 26px 8px 20px;
   color: #A6A6A6;
   font-size: 10px;
   font-weight: bold;
   vertical-align: bottom;
}
#footer .wrapper {
   margin-top: 20px;
   padding-top: 5px;
   border-top: 1px solid #CCCCCC;
}
#content {
   padding: 15px 46px 4px 20px;
   width: 592px;
   height: 100%;
   vertical-align: top;
}
#toolbar {
   padding: 0px 8px;
   height: 40px;
   vertical-align: bottom;
   background-color: #F3F3F3;
}
#corner_tl {
   width: 11px;
   height: 11px;
   background: url(images/corner_tl.gif) no-repeat;
}
#corner_tr {
   width: 11px;
   height: 11px;
   background: url(images/corner_tr.gif) no-repeat;
}
#corner_bl {
   width: 11px;
   height: 11px;
   background: url(images/corner_bl.gif) no-repeat;
}
#corner_br {
   width: 11px;
   height: 11px;
   background: url(images/corner_br.gif) no-repeat;
}
#gradient_th {
   height: 11px;
   background: url(images/gradient_th.gif) repeat-x;   
}
#gradient_bh {
   height: 11px;
   text-align: left;
   background: url(images/gradient_bh.gif) repeat-x;      
}
#gradient_lv {
   width: 11px;
   background: url(images/gradient_lv.gif) repeat-y;      
}
#gradient_rv {
   width: 11px;
   background: url(images/gradient_rv.gif) repeat-y;      
}

.bold {
   font-weight: bold;
}

body.print {
   background-color: transparent;   
}

body {
   text-align: center;
   background-color: #F3F3F3;
}

@media print {
  #menu_spacer, #toolbar, #header, #footer, #gradient_bh {
     display : none;
  }  
}