/* 
    Document   : design
    Created on : May 19, 2009, 5:24:21 PM
    Author     : Lee Powers
    Description:
        Root/base design of all pages such as fonts, colors, backgrounds, etc.
*/

* {
    font-family: Calibri,Verdana,Arial,Helvetica,sans-serif;
}

html {
        /* Always show the vertical scrollbar. Some JQuery effects affect the page height which causes the scrollbar to show/hide and makes the dynamic page rendering look rough & bumpy. */
        overflow-y: scroll;
    }

BODY {
    border: 0; /* Remove old IE border */
}

A {
    text-decoration: none;
    color: #0066cc;
}
A:hover {
    color: #c00;
}
A.link_path {
    font-weight: bold;
}

P {
    padding-bottom: 10px;
}
H2 {
    font-size: 14pt;
    font-weight: bold;
    color: #555;
    padding-bottom: 10px;
}

.positive_highlight {
    display: block;
    color: #090;
    border: solid #0f0 1px;
    padding: 5px;
    margin: 0px;
}

/**
    Form elements
*/

/* Input fields */
INPUT[type=password] { font-family: Verdana,Arial,Helvetica,sans-serif; } /* IE8 doesn't display the Calibri font correctly in password fields. */
INPUT { padding: 2px; }
INPUT[type=password]:focus, INPUT[type=text]:focus { border: solid #00f 1px; background-color: #f0f0ff; }
.error { color: #f00; display: block; }
INPUT.error, INPUT.error[type=password]:focus, INPUT.error[type=text]:focus { border: solid red 1px; background-color: #fff0f0; color: #000; }
INPUT[type=submit], INPUT[type=button] { cursor: pointer; }

UL.errors {
    color: #f00;
    list-style: none;
}
UL.errors LI {
    display: block;
}

FIELDSET {
    padding: 10px;
    border: solid #ccc 1px;
    margin-bottom: 10px;
}
FIELDSET LEGEND {
    font-weight: bold;
}
FIELDSET TEXTAREA {
    width: 98%;
    font-size: 10pt;
    padding: 4px;
}

/* Form groups */
.formGroup {
    display: block;
    padding-bottom: 10px;
}

.formFieldNote {
    font-size: 10pt;
}

LABEL {
    font-weight: bold;
}
LABEL SPAN {
    display: block;
    font-weight: normal;
}

.radio_list TD {
    padding-left: 5px;
}
.radio_list LABEL {
    color: #333;
}
.radio_list LABEL SPAN {
    display: block;
    font-size: 0.9em;
}

/**
Header design
*/
#header_container {
    float: left;
    border-bottom: solid #aaa 1px;
    width: 100%;
}
#header_col1 .bullet {
    color: #ccc;
}
#header_col1 H1 {
    font-size: 20pt;
    font-weight: bold;
}
#header_col2 {
    color: #666;
    text-align: right;
    padding-top: 16px;
}
#header_title {
    border-bottom: solid #aaa 1px;
    padding: 10px 0px;
    float: left;
    width: 100%;
}

/**
Header navigation
*/
#header_nav {
    float: left;
    width: 50%;
    padding-bottom: 2px;
}
#header_nav UL {
    list-style: none;
}
#header_nav UL LI {
    display: block;
    float: left;
    font-weight: bold;
    padding-right: 10px;
}


#header_subnav {
    list-style: none;
    float: right;
    padding-top: 2px;
}
#header_subnav LI {
    display: block;
    float: left;
    padding-left: 10px;
    font-size: 10pt;
}

/*
    Footer
*/
#footer_nav {
    text-align: center;
    width: 100%;
}
#footer_nav .separator {
    color: #ccc;
}

/*
    Global errors styling
*/
#globalErrors, #unreportedErrors {
    border: solid red 1px;
    background-color: #fff0f0;
    color: #000;
    padding: 5px;
}
#globalErrors SPAN, #unreportedErrors SPAN {
    display: block;
}

/*
    Tabular results list
*/
.resultsList {
    width: 100%;
}
.resultsList TH {
    text-align: left;

}
.resultsList TD {
    border-bottom: dotted #ccc 1px;
    padding: 2px;
    margin-bottom: 2px;
}
.resultsList .editCell, .resultsList .deleteCell {
    font-size: 0.8em;
}

/* A message for the whole page, usually displayed at the top. */
.page_message {
    display: block;
    clear: both;
    border: solid #00cc00 1px;
    background-color: #ccffcc;
    float: left;
    width: 100%;
    margin: 10px 0px;
    padding: 5px;
}

.break {
    clear: both;
}

#button_save {
    padding: 4px;
    width: 100px;
}
#cancel_link {
    font-size: 0.8em;
    
}


/*
 *Feed styling (all)
 */
.fe {
    display: block;
    clear: both;
    width: 100%;
    padding: 2px 0px;
    margin: 2px 0px;
    border-bottom: dotted #ccc 1px;
    float: left;
}
.fe_header {
    float: left;
    width: 100%;
}
.fe_icon {
    float: left;
    margin-right: 5px;
}
.fe_title {
    float: left;
    padding-top: 7px;
}
.fe_footer {
    float: left;
    width: 100%;
}
.fe_author {
    float: left;
}
.fe_date {
    float: right;
}

.members_list TABLE TABLE {
    border-bottom: dotted #ccc 1px;
    padding-bottom: 10px;
}


.resource_tag_list {
	margin-left: 20px;
	
}

.list_select {
	width: 100%;
	margin-bottom: 20px;
}
.list_select THEAD,
.list_select TBODY,
.list_select TD,
.list_select TH
{
	margin: 0px;
	padding: 0px;
}
.list_select TH {
	text-align: left;
	font-weight: bold;
	color: #666;
}
.list_select TD {
	border-bottom: solid #eee 1px;
}
.list_select TH.list_select_checkbox,
.list_select TD.list_select_checkbox
{
	border-bottom-width: 0;
}