
/* Page Areas ---------------------------------------- */

/* body */
body {
  background: #f3f3f5 url('/components/styles/images/base_background_gradient.gif') repeat-x top left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 65%;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
}

/* div header class definitions */
div.header {
  height: 50px;
  width: 100%;
}

div.logo {
  background: url('/components/styles/images/logo_ncaa_home.gif') no-repeat;
  float: left;
  height: 50px;
  width: 60px;
}

div.rightSide {
  float: right;
  height: 50px;
  text-align: right;
  width: 100px;
  color: #7E7E7E;
}

div.appTitle {
  color: #115887;
  font-size: 2.00em;
  height: 50px;
  margin-left: 75px;
  margin-right: 100px;
}

/* div content area */

div.contentArea {
  background-color: #FFFFFF;
  margin-bottom: 10px;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 10px;
  border: 1px solid white;  /* I don't understand but this removes an IE error */
}

/* div footer */

div.footer {
  color: #7E7E7E;
  text-align: right;
}

/* paragraph ----------------------------------------- */
p {
    padding-bottom: .5em;
}

/* Headings ------------------------------------------ */
h1 {
    color: #115887;
    font-size: 1.72em;
    font-weight: normal;
    line-height: 1.1em;
    padding-bottom: .5em;
    padding-top: 0;
}

h2 {
    color: #0065a8;
    font-size: 1.5em;
    font-weight: normal;
    padding-bottom: .5em;
    padding-top: 0;
}

h3 {
    color: #0065a8;
    font-weight: bold;
    font-size: 1.25em;
    padding-bottom: .5em;
    padding-top: 0;
}

h4, h5, h6 {
    color: #0065a8;
    font-weight: bold;
    font-size: 1em;
    padding-bottom: .5em;
    padding-top: 0;
}

/* Links --------------------------------------------- */

/* put this in so that legacy links in netscape4 would at least look red */
a.base_legacy_link {
  color: #ff0000;
}

a {
  color: #2894E0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #0065A8;
}

a:link {
  text-decoration: none;
}

a:visited {
  color: #2894E0;
  text-decoration: none;
}

a:hover {
  color: #0065A8;
  text-decoration: underline;
}

a:active {
  color: #F08080;
  text-decoration: none;
}

/* Forms --------------------------------------------- */
form {
    padding: 0;
    margin: 0;
}

/* label for all input fields */
label span {
    padding: 3px 0 2px;
    color: #0065A8;
    font-size: 10pt; /* klb */
}

label span.req {
    padding: 3px 0 2px;
    color: #0065A8;
    font-size: 10pt; /* klb */
  font-weight: bold;
}

/* Form Field classes ---------------------------------------------------- */

input.forms_checkbox {
  background-color: #FFFFFF;
    border-color: #0065A8;
    color: #0065A8;
    width: auto;
}

input.forms_checkbox_req {
  background-color: #EDEDED;
    border-color: #0065A8;
    color: #0065A8;
    width: auto;
}

input.forms_input_button {
    color: #0065A8;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

input.forms_input_button_disabled {
    color: #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

input.forms_input_text {
    background-color: #FFFFFF;
    border-color: #0065A8;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    height: 17px;
}

input.forms_input_text_req {
    background-color: #EDEDED;
    border-color: #0065A8;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    height: 17px;
}

input.forms_radio {
    background-color: #FFFFFF;
    color: #666666;
    height: 17px;
}

input.forms_radio_req {
    background-color: #EDEDED;
    color: #666666;
    height: 17px;
}

head:first-child+body input.forms_input_button {
  height: auto; /* Mozilla only */
}

select {
    background-color: #FFFFFF;
    border-color: #0065A8;
    border-width: 1px;
    border-style: solid; /* was solid */
    color: #666666;
    /* height: 17px; */
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

select.select_list {
    background-color: #FFFFFF;
    border-color: #0065A8;
    border-width: 1px;
    border-style: solid; /* was solid */
    color: #666666;
    height: 17px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

select.select_list_req {
    background-color: #EDEDED;
    border-color: #0065A8;
    border-width: 1px;
    border-style: solid;
    color: #666666;
    height: 17px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

select.select_list_multiple_req {
    background-color: #EDEDED;
    border-color: #0065A8;
	border-width: 1px;
    border-style: solid;
    color: #666666;
	height: 69px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

/* Text Area classes ----------------------------------------------------- */
textarea {
    background-color: #FFFFFF;
    border: 1px solid #0065A8;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    overflow: auto;
}

textarea.textarea_req {
    background-color: #EDEDED;
    border: 1px solid #0065A8;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    overflow: auto;
}

/* FieldSet classes ----------------------------------------------------- */

.fieldset{
  padding: 4px;
}
fieldset legend{
  padding-left: 10px;
  padding-right: 10px;
  color: #0065A8;
  font-size: 9pt;
}


/* this is to make a button look like hyperlink */

input.forms_input_button_link {
  color: #2894E0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  border: 0px;
  background-color: #FFFFFF;
  border-style: none;
}


.titleBar {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 8pt;
        font-weight: bold;
        cursor: move;
        text-align: center;
        color: #000000;
        border-bottom: 2px solid #cccccc;
        background-color: #9bbad6
}

.hiddenPanel {
        position:absolute;
        /*left:150;*/
        /*top:190;*/
        /*width: 400;*/
        z-index: 1;
        background-color:#ffffff;
        border: 2px solid #cccccc;
        text-align: center;
        visibility:hidden
}

.windowButton {
  height: 14px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
  letter-spacing: 0px;
  font-size: 6pt;
  font-weight: bold
}

/* Borders --------------------------------------------------- */
/* warning some browsers may not understand dotted */
.borderStyle1 {
  border-style: dotted;
  border-color: #999999;
}
