/* HTML */
html { background-color:Gainsboro; background-image: url(../images/bg.jpg); background-repeat:repeat-x; overflow-y: scroll; margin: 0; padding: 0; }
/* BODY */
body {font: 75.5%/1.2 Arial, Helvetica, "Nimbus Sans L", sans-serif; background-color:Gainsboro; background-image: url(../images/bg.jpg); color: #000; margin: 0; padding: 0;}

/* TABLES */
.TableBG {background-color: White; position:relative; padding: 20px; table-layout: auto; border-bottom-style:solid; border-top-style:solid; border: 1pt; border-color: #CCCCCC}

input.btn{
   color: White;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:small;
   font-weight:bold;
   background-image: url(../images/btn_bg.jpg);
   background-repeat:repeat-x;
   border:1px solid Blue;   
   }
   
.linkbtn{
   color: White;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:small;
   font-weight:bold;
   background-image: url(../images/btn_bg.jpg);
   background-repeat:repeat-x;
   border:1px solid Blue;   
   }
   
#L1
{
	font-size:18px;
	color:Black;
}   

/* COMMON */
hr {display: none;}
strong {font-weight: bold;}
abbr, acronym { border: none;}
a {text-decoration: none; color: Green; outline: none; }
a:hover {text-decoration: underline;}
img { border: none;}
#body a:visited, #footer a:visited {color: #7495c6;}
#body .more a:visited, #body .cancel:visited {color: #069;}

input, select, textarea {font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; line-height: 1;}
textarea { line-height: 1.2;}
input.primary, .btn-primary {background: #39c url(/img/bg/bg_btn_500x52.gif) top left no-repeat; color: #fff; font-weight: bold; font-size: 120%; border: 1px solid #069; padding: 3px 5px 2px; *padding: 5px 0 3px; vertical-align: top;}
input.secondary, .btn-second {background: #ddd url(/img/bg/bg_btn_500x52.gif) top left no-repeat; color: #555; font-weight: bold; font-size: 120%; border: 1px solid #999; padding: 3px 5px 2px; *padding: 5px 1px 3px; vertical-align: top;}
body:first-of-type input.primary, body:first-of-type .btn-primary, body:first-of-type input.secondary, body:first-of-type .btn-second {padding: 5px 8px 4px;}
input.hint, textarea.hint { color: #999; }
.btn-primary[disabled] { background: #99cce5 url(/img/bg/bg_btn_blue_disabled_500x50.gif) no-repeat; border-color: #7fb2cc; }

img.photo {display: block; padding: 2px; border: 1px solid #e6e6e6;}
.gallery {overflow: hidden; clear: both; height: 1%;}
.gallery img.photo {float: left; margin: 5px 10px 0 0;}

/* DROPDOWN MENU */
ul.drop { display: none; background-color: #fff; border: 2px solid #ccc; border-top-width: 1px; position:absolute; left: 2em; top: 2em; }
.open ul.drop {display: block; z-index: 1000; }
ul.drop li {margin: 0 !important; white-space: nowrap; display: inline; }
ul.drop li a {background-image: none; outline: none;  background-color: #fff; color: #069 !important; font-size:120%; display: block; margin: 0; padding: 5px 8px; text-align:left; border-top:1px solid #ccc; display: block; min-width: 100px; *min-width: 140px; }
ul.drop li a:hover { background-color: #ddf0f8; text-decoration: none;}
ul.drop li strong { background-color: #999; color: #fff; display: block; border-top:1px solid #ccc; font-size:120%; font-weight: bold; padding: 0 8px; }

/* PROGRESS METER */
.meter { background: #fff url(/img/bg/bg_progress_meter_2x1.gif) 0 0 repeat-x; display: block; width: 50px; height: 12px; border: 1px solid #000; margin-right: 5px;}
.meter img { height: 12px; border-right: 1px solid #005b8e;}

a.action { display: block; float: left; margin: 0 10px 0 0; border: 1px solid #f6be68; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #ffcc00 url(/img/bg/bg_action_primary.gif) repeat-x 100% 0; text-decoration: none !important; color: #000 !important; cursor: pointer; text-align: center; }
a.action span {display: block; min-height: 16px; padding: 3px 20px !important; white-space: normal !important; }
a.action.secondary {  background: #dcdcdc url(/img/bg/bg_action_secondary.gif) repeat-x 0 0; border: 1px solid  #bbb; }
a.action:hover { background: #c8e7fa url(/img/bg/bg_action_hover.gif) repeat-x 0 0; border: 1px solid  #99cce6; }
a.action:visited {color: #000;}

.edit-link { white-space: nowrap;}
.edit-link a { color:#039 !important;}

/* CONTAINERS */
.box, .box .content, .box div.title, .box div.title * { background: #FFF url(/img/bg/bg_box_ltblue_800x800.gif) 100% 100% no-repeat; }
.box { margin: 15px 0; padding: 0 15px 0 0; }
.box div.title { background-position: 100% 0; margin: 0 -15px 0 0; padding: 0 15px 0 0; }
.box div.title * { background-position: 0 0; margin: 0; padding: 15px 0 5px 15px; height: 1%; }
.box .content { background-position: 0 100%; margin-right: 0px; padding: 0 0 15px 15px; }
.box.secondary, .box.secondary .content, .box.secondary div.title, .box.secondary div.title * { background-image: url(/img/bg/bg_box_grey_800x800.gif); }
.box.navbox, .box.navbox .content, .box.navbox div.title, .box.navbox div.title * { background-image: url(/img/bg/bg_box_navbox_800x800.gif); }
.box.navbox a:visited {color: #069 !important;}

.general-box, .general-box .content, .general-box div.title, .general-box div.title * {background: #fff url(/img/pic/pic_grey_border_1800x1800.gif) 100% 100% no-repeat;}
.general-box {margin: 10px 0; padding: 0 10px 0 0;}
.general-box div.title {background-position: 100% 0; margin: 0 -10px 0 0; padding: 0 10px 0 0;}
.general-box div.title * {background-position: 0 0; margin: 0; padding: 0; }
.general-box .content {background-position: 0 100%; margin-right: 0px; padding: 0 0 10px 10px; display: block;}

/* ALERTS */
span.error { font-weight: bold; color: #900; }

div.alert, div.errorbox { background-color: #fff; border: 1px solid #ddd; margin: 0 0 15px; padding: 3px 7px; overflow: hidden;}
div.alert img, div.errorbox img {margin-right: 7px; float: left;}
#body div.alert p, #body div.errorbox p, #body div.alert h3 {font-size: 13px; margin: 6px 6px 0 6px; _margin-bottom: 6px; }
#body div.alert h3 {font-weight: bold;}

div.alert.attention { background-color: #fff5cc; border: 1px solid #fc1; padding-bottom: 6px;}
div.alert.attention strong { color: #960; }

div.alert.error, div.errorbox { background-color: #fee; border: 1px solid #d00; }
div.alert.error strong, div.errorbox strong { color: #ab0000; }

div.alert.success { background-color: #e6f8dd; border: 1px solid #191; }
div.alert.success strong { color: #060; }

div.alert.notice { background-color: #e6f8f8; border: 1px solid #07a; }
div.alert.notice strong { color: #005a8d; }

/* TEMPORARY - FOR NEW LEGAL DOCS */
#notice-privacy { position: relative; _height: 1%; }
#notice-privacy a:visited { color: #039;}
#notice-privacy p { padding-right: 15px; }
#notice-close { background: url(/img/pic/pic_hp_sprites.gif) 98% -356px no-repeat; display: block; padding: 7px 0 2px; position: absolute; text-indent: -12345px; top: 3px; right: 10px; width: 18px; }

/* STANDARD LAYOUT */
#header {clear: both; background-color: #fff; border-bottom: 3px solid #52a9d4; padding: 10px 10px; height: 1%;}
#body {clear: both; width: 98em; _width: 980px; min-width: 980px;  max-width: 95%; margin: 0 auto; padding: 15px 10px 10px; }
  #sidebar {width: 15.75%; _width: 15.8%; float: left;  }
  #body .wrapper {width: 79.5%; float: right; background-color: #fff; padding: 15px; border: 1px solid #ccc; border-width: 1px 0; }
#footer {clear: both; height: 1%; margin: 15px 0 0; padding: 20px 10px; border-top: 3px solid #ccc; background-color: #f7f7f7; color: #666; }

#header:after, #body:after, #body .wrapper:after, #main:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}