/* ########################## GRIDVIEW RELATED CLASSES ############################ */

.gridView
{
width: 98%;
margin: 0;
padding: 2px;
background: #fff;
}

.headerRow
{
background: #1533AD;
font-weight: bold;
color: #fff;
font-size: 11pt;
padding: 4px 0 4px 0;
border-bottom: 1px solid #333;
border-top: 2px solid #333;
margin: 0;
}

.onItemRow 
{
background: #fff;
color: #000;
}

.offItemRow
{
background: #E4ECF3;
color: #000;
}

.highlightItemRow
{
color: #336699;
background: #F8E5A3;
}

.pagerRow
{
background: #FFD673;
padding: 4px 0 2px 5px;
border-top: 1px solid #333;
border-bottom: 2px solid #333;
text-align: right;
margin: 0;
}

.pagerRow a
{
color: #36636A;
font-size: 12pt;
}

.pagerRow a:visited
{
font-size: 12pt;
}

.emptyRow
{
background: #eee;
}

.gridview a
{
text-decoration: none;
color: #0000cc;
}

.gridview a:hover
{
color: #cc0000;
}

/* ########################## FORM RELATED CLASSES ######################################## */

.forms
{
margin-top: 10px; 
margin-bottom: 8px;
padding: 2px;
}

.formsUL
{
 margin: 0;
 padding: 0;
 background: #ABC1CA;
}

.formsUL li
{
list-style-type: none;
margin-bottom: 1px;
padding: 2px;
background: #fff;
}

.formsUL li label
{
float: left;
padding: 0;
margin: 0 5px 0 0;
font-size: 10pt;
}

.orderform_textbox 
{
border-bottom: 1px solid #333;
}


/* ############################ STANDARD HTML CONTROLS ########################################## */

h2 {
font-family: Sans-Serif, Georgia, Arial;
color: #000;
margin-bottom: 5px;
margin-top: 5px;
padding: 0;
text-align: left;
width: 98%;
}

h3
{
color: #000;
margin-bottom: 2px;
margin-top: 0;
padding: 0;
text-align: left;
width: 97%;
}

h4 
{
color: #0261B3; 
margin-bottom: 3px;
margin-top: 2px;
padding: 2px;
text-align: left;
width: 98%;
border-bottom: 1px dashed #999; 
font-weight: bold;
font-family: 'Lucida Bright', Verdana, Georgia, Sans-Serif, Arial;
}

h4#ArticleHeading
{
color: #444;
font-weight: bold;
}

h4#alerts  {
color: #ff0000;
margin-bottom: 3px;
padding: 2px;
text-align: left;
width: 97%;
border-bottom: 1px dotted #DE2B1C;
font-weight: bold;  
font-family: Verdana, Georgia, Sans-Serif, Arial;
} 

h5 
{
color: #615E9B;
margin: 0;
padding: 0;
text-align: left;
width: 98%;
margin-top: 5px;
font-family: Georgia, Arial;
}

#resourceListingsPanel h5
{
color: #333;
font-size: 9pt;
}

p 
{
text-align: left;
margin: 0;
padding: 0;
font-size: 10pt;
color: #000;
}
 
.alertheadings
{
color: #ff0000;
margin: 0;
padding: 0;
text-align: left;
width: 99%;
font-weight: bold;
font-size: 12pt;
font-family: Georgia, Arial;
}
 
.contentheadings  
{
color: #000;
margin: 0;
padding: 0;
text-align: left;
width: 99%;
font-weight: bold;
font-size: 9pt;
font-family: Georgia, Arial;
}

.contentheadings#alert
{
color: #990033;
margin: 0;
padding: 0;
text-align: left;
width: 99%;
font-weight: 200;
}

.panelheadings
{
color: #818F84;
font-weight: bold;
font-family: Georgia, "Bookman Old Style", Arial, Tahoma;
font-size: 87%;
}

.regionheadings
{
color: #B3852C;
margin: 0;
padding: 0;
text-align: left;
width: 92%;
font-weight: 300;
font-size: 10pt;
letter-spacing: 0.2em;
}

.articleDate  
{
border: 1px solid #efefe8;
margin: 0;
padding: 5px 0 5px 0;
background: #fff url('images/blue_tile.gif');

}

.articleDate span
{
text-align: left;
margin: 0 0 0 5px;
font-family: Tahoma, Arial;
letter-spacing: 0.2em;
font-size: 10pt;
color: #999;
}
/* ######################################## STANDARD LINKS ########################################## */

a
{
text-decoration: none;
font-size: 8pt;
font-weight: bold;
color: #1E5389; 
font-family: Arial;
}

.red a
{
color: #A52222;
}

a:link 
{
 color: #1E5389; 
}

a:hover 
{
color: #A52222;
}

/* ######################################### UNORDERED LISTS ######################################### */

.small_common_links_ul_container
{
float: right;
width: 200px;
padding: 0;
}

.small_common_links_ul
{
margin: 0;
padding: 0;
text-align: left;
}

.small_common_links_ul li
{
list-style-type: none;
}

.small_common_links_ul li a
{
display: block;
font-size: 0.8em;
font-weight: bold;
color: #1E5389;
text-decoration: none;
}

.small_common_links_ul a:hover
{
color: #B3852C;
}

/* ###################### COMMON AND SPECIALIZED INFORMATION PANELS ###################################### */

#common_info_panels
{
float: left;
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
padding: 5px 0 5px 0;
width: 100%;
background: #fff;
}

#newsletter_subscription_panel
{
float: left;
}

#calendar_events_panel
{
float: right;
margin-right: 30px;
}

.newsletter_subscription_ul
{
margin: 0;
padding: 0;
text-align: left;
}

.newsletter_subscription_ul li
{
list-style-type: none;
font-size: 8pt;
}

#resourceListingsPanel ul
{
margin: 0;
padding: 2px;
}

#resourceListingsPanel ul li
{
 width: 98%;
 border-right: 1px dotted #1E5389;
 border-bottom: 1px dotted #1E5389;
 margin-bottom: 3px;
 list-style-type: none;
}



/* ##### Specialized Layouts ##### */

.x_wrapper
{
float: left;
width: 98%;
border: 1px dotted #ccc;  
clear: both;
padding: 0;
margin: 0;
}

.x_left_panel
{
float: left;
width: 173px;
/* height: 175px; */
margin: 0;
padding: 0;
background: #fff;
}

.x_right_panel
{
padding: 0;
margin: 0;
margin-left: 178px;
color: #333;
}

#divOrderForm
{
width: 98%;
border: 1px solid #ccc;
background: #eee;
padding: 2px 0 0 2px;
margin-bottom: 10px;
font-weight: bold;
font-size: 12pt;
}


/* ###### SYSTEM MESSAGE DEFINITIONS ##### */


.confirmMessage 
{
font-family:  Arial, Calibri, "Bookman Old Style", Verdana, Tahoma, Century;
font-size: 10pt;
color: #333;
text-align: left;
}

.errorMessage
{
font-family: Arial, Calibri, "Bookman Old Style", Verdana, Tahoma, Century;
font-size: 10pt;
color: #EF0C32;
text-align: left;
}

.generalMessage
{
font-family: Arial, Calibri, "Bookman Old Style", Verdana, Tahoma, Century;
font-size: 10pt;
color: #818F84;
text-align: left;
}

.featureUnavailableMessage
{
font-family: "Bookman Old Style", Arial, Calibri, Verdana, Tahoma, Century;
font-size: 18pt;
font-weight: bold;
color: #1E5389;
text-align: left;
}

.errorPanel
{
 border: 2px solid #D21D3B;
 padding: 4px 0 4px 0;
 margin: 10px 0 10px 0;
 background: #fafafa;
 width: 98%;
}

.confirmPanel
{
border: 2px solid #AABFD3;
padding: 4px 0 4px 0;
margin: 10px 0 10px 0;
background: #eee;
width: 98%;
}

.featureUnavailablePanel
{
 border: 2px solid #999;
 padding: 2px;
 margin: 5px 0 5px 0;
 background: #eee;
}

.small_label
{
font-size: 9pt;
color: #333;
font-weight: bold;
}

.small_span
{
font-size: 9pt;
color: #818F84;
padding-right: 3px;
margin: 0;
font-weight: bold;
font-family: Georgia, Arial, Calibri, "MS Sans Serif";
}
 
 
.spacer
{
clear: both;
height: 8px;
}

.spacerPlus
{
clear: both;
height: 15px;
}

.inlineImage
{
 padding-right: 4px;
}

#chapters_wrapper
{
font-size: 9pt;
color: #333;
margin: 0;
padding: 2px;
border: 1px dotted #999;
/* background: url("images/light_blue_background.jpg"); */
}

.white_chars
{
color: #fff;
font-weight: bold;
padding: 0 1px 0 1px;
}

.stdStackUL
{
margin: 0;
padding: 0;
list-style-type: none;
}

.stdStackUL li
{
display: block;
padding: 0;
margin-bottom: 2px;
}


/********** html templates **********/
.pdt_wrapper
{
float: left;
width: 98%;
border: 1px dotted #000;  
clear: both;
padding: 0;
margin: 0;
}

.pdt_left
{
float: left;
width: 250px;
height: 250px;
overflow: scroll;
margin: 0;
padding: 2px 2px;
background: #fff;
border: 1px dotted #ccc;
}

.pdt_right
{
padding: 2px 2px;
margin: 0;
height: 250px;
overflow: scroll;
margin-left: 255px;
color: #333;
font-family: Arial; font-size:10pt; color:#000;
border: 1px dotted #ccc;
}

.pdt_left img 
{
border: 1px solid #999;
}

/** Rounded Panel Classes **/

.pullquote 
{
width: 205px;
float: right;
padding: 5px 0 0 8px;
}

.pullquote_pic
{
margin: 0px 5px 1px 0px;
}