﻿/************************** Start: I. HTML Element Defaults *******************************/

#bd { padding: 5px; }

div#mainContent, div.mainContent {
    color:#333333; line-height: 150%;
    font-size:131%; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal;
    font-family:Georgia,"Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}


/****** IA. Headers ******/
big, p.big { 
    font-size: 197%; /* 26px */ font-weight: bold; color: #015B7E; /* #003366; */
    width: 100%; text-align: center; margin-top: 1em; padding-bottom: 10px; 
}

h1, h2 {
     color:#FFFFFF; font-size:108%; font-weight:bold; padding: 3px 8px; 
     -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; 
     -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -x-system-font:none;
     -webkit-border-radius: 8px 12px;
}

h1 { background-color: #003366; }
h2 { background-color: #4F81BD; }

h3, h4, h5, h6 {
	/* Top & bottom margin based on font size. */
	margin: 0; margin-top: 1em; padding-bottom: 0; /* line-height: 100%; white-space:nowrap; */
	font-weight: bold; font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
}

h3 { font-size: 153.9%; /* 20px */ color: #003366; }
h4 { font-size: 123.1%; /* 16px */ color:#4F81BD; }
h5 { font-size: 108%; /* 14px */ color: #003366; }
h6 { font-size: 108%; /* 14px */ color:#4F81BD; font-weight: normal; margin-bottom: .1em; }

/****** IB. Text Elements ******/
    p           { margin: .1em .1em .5em 0; text-align: left; }
    p.last      { margin-bottom: 0; }
    p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
    p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
    img         { margin: 0 0 1.5em; }

    ul, ol, dl  { margin:0 .5em 1.5em 1.5em; }
    ul          { list-style-type: circle; }
    ol          { list-style-type: decimal; }
    dl dt       { font-weight: bold; }
    dd          { margin-left: 1.5em;}
    ol li       { list-style: decimal outside; }
    ul li       { list-style: disc outside; }
    
    abbr, 
    acronym     { border-bottom: 1px dotted #666; cursor: help; }
    address     { margin-top: 1.5em; font-style: italic; }
    del         { color:#666; text-decoration: line-through; }

    a:focus, 
    a:hover     { color: #4F81BD; text-decoration: none; }
    a           { color: #009; text-decoration: underline; }

    blockquote  { margin: 1.5em; color: #666; font-style: italic; }
    strong      { font-weight: bold; }
    em,dfn      { font-style: italic; background: #ffc; }
    dfn         { font-weight: bold; }
    pre,code    { margin: 1.5em 0; white-space: pre; }
    pre,code,tt { font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
    tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
    
    .form tr td { text-align: right; }
    label { font-size: 93%; font-weight: bold; white-space:nowrap; text-decoration: none; }
    label[for] { cursor: pointer; margin: 1.5em .5em 1.5em 0; text-decoration: none; text-align: right; }
    
    /* Fieldsets */
    fieldset    { padding: 1.1em; margin: -1em 0 1em 0; border: 1px solid #ccc; }
    legend      { margin: 1.2em .2em 0 .2em; padding: 0 5px; font-size: 108%; color: #003366; }


sup { vertical-align: super; }
sub { vertical-align: sub; }

/****** IC. Tables ******/
    table   { margin-bottom: 1em; }
    th      { /* border-bottom: 2px solid #ccc; */ font-weight: bold; text-align: center; }
    /* td      { border-bottom: 1px solid #ddd; } */
    th,td   { padding: 4px; }
    tfoot   { font-style: italic; }
    caption { background: #ffc; }

/****** ID. Form Elements ******/
    /* Text fields */
    input[type="text"] { width: 18em; margin:0.1em 0.1em 0.1em 0; background:#f6f6f6; padding:4px 2px; }
    input[type="text"]:focus { background:#fff; text-decoration: none; }
    
    input.big { width: 17.6em; margin:0.5em 0.5em 0.5em 0; background:#f6f6f6; padding:5px; }
    
    input.title:focus { border:1px solid #999; background:#fff; }
    input.title { border:1px solid #bbb; font-size: 108%; }

    /* Textareas */
    /* textarea            { width: 25em; height: 15em; margin:0.5em 0.5em 0.5em 0; } */
    textarea            { border:1px inset #bbb; background:#F5F5F5; padding:5px; }
    textarea:focus      { border:1px solid #999; background:#fff; }

    /* Select fields */
    select              { border:1px solid #ccc; background:#f6f6f6; width:12.5em; }
    select:focus        { border:1px solid #999; background:#fff; }
    optgroup { font-weight:normal; }

    /* Radio buttons */
    input[type="radio"] { margin-right: .3em; }
    .radioItem { margin: .3em .3em .5em 1.9em; }
    .radioItem label, label.radioItem { /* border-bottom: dotted 1px #aaa; */ font-size: 85%; }
    

    /* Opera requires 1px of passing to render with contemporary native chrome */
button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"] { padding:1px; }


/************************** End: I. HTML Element Defaults *******************************/
/************************** Start: II. Common Classes *******************************/

/****** IIA. Typography Classes ******/
    .small      { font-size: 85%; margin-bottom: 1.875em; line-height: 138.5%; }
    .larger     { font-size: 108%%; line-height: 138.5%; margin-bottom: 1.25em; }
    .large      { font-size: 123.1%; line-height: 146.5%; margin-bottom: 1.25em; }
    .quiet      { color: #666; font-weight: normal; }
    .soft       { font-weight: normal; color: #222; }
    .emphasis   { 
        font-size:116%; font-weight: bold; font-family:"Maiandra GD","sans-serif"; 
        color:#244061; text-align: left; line-height:110%; 
    }

    .hide { display: none; }
    .highlight  { background:#ff0; }
    .added      { color:#060; }
    .removed    { color:#900; }

    .top        { margin-top:0; padding-top:0; }
    .bottom     { margin-bottom:0; padding-bottom:0; }
    
    .big li   { margin-bottom: .5em; }

/****** IIB. Messages & Error Classes ******/
    .error,
    .notice, 
    .success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
    .error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
    .notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
    .success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
    .error a    { color: #D12F19; }
    .notice a   { color: #817134; }
    .success a  { color: #529214; }
    
    .mute	{  }

/****** IIC. Fancy Type Classes ******/
    .dquo { margin-left: -.5em; }   /* For great looking quote marks: <span class="dquo">&#8220;</span>asdf&#8221; */  
    .caps { 
        font-variant: small-caps; font-size:108%; font-weight:bold; text-transform: lowercase; 
        line-height:1%; letter-spacing: 1px; padding:0 2px;
    }
    .dim { 
        opacity: 0.7; /* Safari, Opera */
        -moz-opacity:0.70; /* FireFox */
        filter: alpha(opacity=70); /* IE */ 
    }

/****** IID. Other Classes ******/
.AlternateRow, .altertablerow, .HSGAlternatingRowStyle { background-color:#EDF6FF; }
.SelectedRow, .HSGSelectedRowStyle { color:white; background-color:#669999; font-weight:bold; }
.Row, .HGSRowStyle, .tablerow { border: none 1px #999999; background-color:white; font-family: Verdana; color:black; }

.Regularbutton { background-color:#E0E0E0; border-color:Silver; border-style:Outset; font-size:100%; }
.Updatebutton { background-color:#E0E0E0; border-color:Silver; border-style:Outset; font-size:108%; }
.RegularTextbox { background-color:#ffffff; border-color:Gray; border-style:Solid; border-width:1px; font-size:100%; }

.GradientTitleHeader {
    background-image: url(Images/PartTitleGrad.gif); background-repeat: repeat-x; background-color: #b9d1f4; 
    padding: 2px 7px 2px 6px; COLOR: #003399;
}
.GradientTitleHeader {
	background-image: url(Images/PartTitleGrad.gif); background-repeat: repeat-x; background-color: #b9d1f4; 
	text-align:center; padding: 2px 2px 2px 3px; white-space:nowrap; font-weight: bold; color: #003399; 
}
.DarkGradientTitleHeader {
	background-image: url(Images/vertGradient.gif); background-repeat: repeat-x;
	text-align: center; white-space: nowrap; font-weight: bold; color: #FFFFFF; padding-right: 2px; padding-left: 3px;
}

.StandardErrorControl { background-color:Transparent; color:#C00000; border-color:Gray; border-style:Solid; border-width:1px; }
.StandardTransparentHSGControl {background-color:Transparent; border-color:Gray; border-style:Solid; border-width:0px; }


/************************** End: II. Common Classes *******************************/
/************************** Start: III. Buttons *******************************/

a.button, button {
  display:block; float:left; margin:0 0.583em 0.667em 0; padding:5px 10px 5px 7px;
  border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee;
  background-color:#f5f5f5; color:#565656; 
  font-weight:bold; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%; line-height:131%; text-decoration:none; cursor:pointer;
}
button {
  width:auto; overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

button.big { font-size: 123.1%; line-height: 161.6%; }

/* setup button with image background: "../_Library/images/buttons/arrow.gif" */

*:first-child+html button[type] { padding:4px 10px 3px 7px; }    /* IE7 */
button img, a.button img { margin:0 3px -3px 0 !important; padding:0; border:none; width:1em; height:1em; float:none; }

/****** IIIA. Button Colors ******/
/* Standard */
button:hover, a.button:hover { background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; }
a.button:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff; }

/* Postive */
body .positive { color:#529214; }
a.positive:hover, button.positive:hover { background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; }
a.positive:active { background-color:#529214; border:1px solid #529214; color:#fff; }

/* Negative */
body .negative { color:#d12f19; }
a.negative:hover, button.negative:hover { background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
a.negative:active { background-color:#d12f19; border:1px solid #d12f19; color:#fff; }

/************************** End: III. Buttons *******************************/

/************************** Start: Hacks for IE versions before IE7 */
/* Fixes problem where IE6 adds extra 3px margin to two columns that are floated up against each other. */
* html .column { overflow-x: hidden; } /* IE6 fix */

/* Fixes incorrect styling of legend in IE6 fieldsets. */
legend { margin-bottom:1.4em; }

/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }


/************************** Start: Footer *******************************/
#ft { text-align: center; margin:0 auto; width: 430px; border-top: inset 1px #777; font-size:85%; border-top-style: ridge; }
#ft ul { 
    display: block; list-style-image:none; list-style-position:outside; list-style-type:none; 
    padding: 8px 10px 1px 10px; text-align:center; 
}
#ft ul li { display:block; float:left; color:#999; }
#ft ul li a { color:#999; padding-left:9px; padding-right:5px; text-decoration:none; }
#ft ul li a:focus { outline-color:-moz-use-text-color; outline-style:none; outline-width:0; text-decoration: underline; }
#ft ul li a:hover { text-decoration: underline; color: #333 }
/************************** End: Footer *******************************/


.header { border-bottom: inset 1px #777; }


/************************** Temp *******************************/

.poly { cursor: help; }
