﻿/*****

Text Color: #303030
Font: 10pt Verdana, Tahoma, Arial, sans-serif

***** LINKS *****
Regular: #542d14
Hover: #c88045

***** GENERAL COLORS *****
Dark: #578bb8
Medium: #80b0da
Light: #fbeddd
    - Options menu item background color
    - Selected row in tables

***** NAVIGATION *****
Text: #fffffe
Borders: #fffeff
Options Menu Item Text: #303029

***** GRID *****
Header Text: #feffff

*****/


html, body , #container
{
    height: 90%;
    margin: 0;
    padding: 0;
}

body
{
    background: #777;
    color: #303030;
    font: 10pt Verdana, Tahoma, Arial, sans-serif;
    line-height: 1.4em;
    margin: 5px auto;
    text-align: left;
}

.hfBar
{  
    color: #d8c2ad;    /*** Color of text in header & footer ***/
    margin: 5px auto;
    padding: 0;
    text-align:right;
    width: 990px;
    font:8pt Verdana, Tahoma, Arial, sans-serif;
}

.hfBar a
{
    color: #d8c2ad; /*** Color of links in header & footer ***/
}

.hfBar a:hover
{
    color: #efeae5; /*** Color of hovered links in header & footer ***/
}

.hfMenu .rmRootGroup, .hfMenu .rmRootGroup .rmItem .rmLink
{
	background-color: transparent !important;
	background-image: none !important;
	border: none !important;
	font: 9pt Verdana, Tahoma, Arial, sans-serif;
	font-weight: bold;
	padding: 0;
}

.hfMenu .rmRootGroup, .hfMenu .rmRootGroup .rmItem .rmLink:hover
{
	color: #d8c2ad;
}

.hfMenu .rmRootGroup .rmLeftImage
{
	padding-bottom: 0;
	padding-right: 2px;
}

.hfMenu .rmRootGroup .rmItem .rmLink .rmText
{
	padding-right: 0 !important;
	padding-top: 2px !important;
	text-decoration: none;
	color: #d8c2ad;
}

.hfMenu .rmRootGroup .rmItem .rmLink .rmText:hover
{
	color: #efeae5;
	text-decoration: underline;
}

.hfMenu .rmRootGroup .rmItem .rmSlide .rmGroup
{
	background-image: none;
	border-color: #000;
}

.hfMenu .rmRootGroup .rmItem .rmSlide .rmLink
{
	padding-bottom: 0 !important;
}

.hfMenu .rmRootGroup .rmItem .rmSlide .rmLink .rmText
{
	background-image: none;
	font-weight: normal;
	margin: 0;
	padding: 5px 10px !important;
}

.hfMenu .rmRootGroup .rmItem .rmSlide .rmLink .rmText:hover
{
	background-image: none !important;
	background-color: #fbeddd;
	color: #000;
}

#container
{
    background: #f0e8d6;
    border: 2px solid #432511;
    color: #303030;
    height: 98%;
    margin: 0 auto;
    padding: 0px;
    text-align: left;
    width: 990px;
}

a{
    color: #542d14;
    text-decoration: none;
}

a:hover
{
    color: #c88045;
    text-decoration: underline;
}


/**************/
/* NAVIGATION */
/**************/
#navigation
{
    background: url('images/navigation/nav_bg.gif') #f4e0af;
    border-top: 1px solid #432511;
    background-repeat: repeat-x;
    font: 10pt Verdana, Tahoma, Arial, sans-serif;
    width: 990px;
}

#nav_top
{
    border-bottom: 1px solid #432511;
    height: 28px;
}

#nav_top ul 
{
    margin: 0;
    padding: 0;
}

#nav_top ul li.nav_top_item, #nav_top ul li.nav_top_last
{
    float: left;
    list-style: none;
}

#nav_top ul li.nav_top_item a, #nav_top ul li.nav_top_last a
{
    line-height: 28px;
}

#nav_top ul li#nav_top_home
{
    border-right: 1px solid #542d14;
}

#nav_top ul li#nav_top_home a
{
    line-height: 28px;
    margin: 0 25px;
}

#nav_top ul li.nav_top_last
{
    border-right: 1px solid #542d14;
    padding-right: 25px;
}

#nav_top ul li a
{
    color: #542d14;
    font-weight: bold;
}

/***** Options Menu *****/
.optionsMenu_container
{
    height: 28px;
    z-index: 100;
}

.optionsMenu_container .rmRootGroup .rmLink
{
    background-image: url("images/navigation/options_main.gif");
    border-left: 1px solid #578bb8;
    border-right: 1px solid #578bb8;
    padding: 0 25px;
}

.optionsMenu_container .rmRootGroup .rmLink:hover, .optionsMenu_container .rmRootGroup .rmExpanded, .optionsMenu_container .rmRootGroup .rmFocused
{
    background-image: url("images/navigation/options_hover.gif");
    text-decoration: none;
}

.optionsMenu_container .rmRootGroup .rmLeftImage
{
    margin: 9px 5px 0 0;
}

.optionsMenu_container .rmRootGroup .rmItem .rmLink .rmText
{
    line-height: 28px;
    padding-bottom: 0;
    padding-right: 0;
}

.optionsMenu_container .rmGroup
{
    border: 1px solid #000;
}

.optionsMenu_container .rmGroup .rmLink
{
    background: #fff;
    border: 0;
    margin: 0;
    padding: 0;
    padding-right: 10px;
}

.optionsMenu_container .rmGroup .rmLink:hover
{
    background: #fbeddd;
}

.optionsMenu_container .rmGroup .rmLeftImage
{
    margin: 6px 10px 0 10px;
}

.optionsMenu_container .rmSlide .rmGroup .rmItem .rmLink .rmText
{
    color: #303029;
    padding-right: 10px;
}

.optionsMenu_container .rmGroup .rmSeparator, .abccMenu_container .rmGroup .rmSeparator:after
{
    background: #000;
    height: 1px;
}

/***** Accreditation Body & Compliance Collection Menus *****/
.abccMenu_container
{
    height: 28px;
    width: 23px;
    z-index: 100;
}

.abccMenu_container .rmRootGroup .rmLink
{
	padding-bottom: 4px;
	padding-left: 0;
}

.abccMenu_container .rmRootGroup .rmLink:hover, .abccMenu_container .rmRootGroup .rmExpanded, .abccMenu_container .rmRootGroup .rmFocused
{
    background: #80b0da;
}

.abccMenu_container .rmRootGroup .rmLeftImage
{
    margin: 9px 5px 0 5px;
}

.abccMenu_container .rmRootGroup .rmText
{
	display: none;
}

.abccMenu_container .rmGroup
{
    border: 1px solid #000;
    border-top: 1px solid transparent;
}

.abccMenu_container .rmGroup .rmLink
{
    background: #80b0da;
    margin: 0;
}

.abccMenu_container .rmItem .rmSlide .rmGroup .rmLink
{
	padding-left: 0;
}

.abccMenu_container .rmGroup .rmLink:hover
{
    background: #578bb8;
}

.abccMenu_container .rmItem .rmSlide .rmGroup .rmText
{
    height: auto;
    padding-left: 25px;
    padding-right: 25px;
}

.abccMenu_container .rmGroup .rmSeparator, .abccMenu_container .rmGroup .rmSeparator:after
{
    background: #000;
    height: 1px;
}

/***** Tabs *****/
#nav_bottom 
{
	background-image: url(images/navigation/nav_bottom_border.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	width: 100%;
}

#nav_bottom table
{
	margin-top: 3px;
}

#nav_bottom .tab_normal, #nav_bottom .tab_current
{
	text-align: center;
}

#nav_bottom .tab_normal
{
	background-color: #efeae5;
	border: 1px solid #888;
	border-bottom: 1px solid #303030;
}

#nav_bottom .tab_normal:hover
{
	background-color: #f9ffd5;
	border-color: #666;
	border-bottom-color: #303030;
}

#nav_bottom .tab_current
{
	background-color: #f0e8d6;
	border: 1px solid #666;
	border-bottom: 0;
}

#nav_bottom .tab_normal a, #nav_bottom .tab_current a
{
	color: #303030;
	font-size: smaller;
	text-decoration: none;
}

#nav_bottom .tab_normal div, #nav_bottom .tab_current div
{
	padding: 3px 10px;
}

#nav_bottom .tab_space
{
	width: 10px;
}


/********/
/* GRID */
/********/
.grid .rgMasterTable .rgCommandRow td
{
    padding: 5px;
}

.grid .rgMasterTable .rgCommandRow a
{
    color: #542d14;
    font: 8pt Verdana, Tahoma, Arial, sans-serif;
    font-weight: bold;
    margin-right: 20px;
}

.grid .rgCommandRow a:hover
{
    color: #c88045;
    text-decoration: underline;
}

.grid .rgMasterTable .rgHeader
{
    background: url(images/navigation/nav_bg.gif) #f4e0af;
    color: #542d14;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    vertical-align: middle;
}

.grid .rgMasterTable .rgHeader a
{
    color: #542d14;    
}

.grid .rgMasterTable .rgHeader a:hover
{
    color: #c88045;
}


.grid-row-default, .grid-row-alternate
{
    font: 10pt Verdana, Tahoma, Arial, sans-serif;
}
.grid-row-alternate-faculty td
{
     background-color: #eee;
     font: 10pt Verdana, Tahoma, Arial, sans-serif;    
}
.grid-row-faculty td
{
     background-color: #fff;
     font: 10pt Verdana, Tahoma, Arial, sans-serif;
    
}
.grid .rgMasterTable .grid-row-default td a
{
    color: #542d14;
    font: 10pt Verdana, Tahoma, Arial, sans-serif;
}

.grid .rgMasterTable .grid-row-default td a:hover
{
    color: #c88045;
}

.grid-row-alternate
{
    background-color: #eee;
}

.grid .rgMasterTable .grid-row-alternate td a
{
    color: #542d14;
    font-weight: normal;
}

.grid .rgMasterTable .grid-row-alternate td a:hover
{
    color: #c88045;
}

.grid .rgMasterTable .grid-row-selected td
{
    background-color: #fbeddd;
    background-image: none;
    border-bottom-color: #fbeddd;
    color: #303030;
}


.grid .rgEditRow
{
    background: #578bb8;
    font: 10pt Verdana, Tahoma, Arial, sans-serif;
}


.grid-edit-table td
{
    font: 10pt Verdana, Tahoma, Arial, sans-serif;   
}

.rgEditForm td a
{
    background-color: #ececec;
    background-image: url(images/buttons_main.gif);
    border: 1px solid #ccc;
    color: #000;
    font: 10pt Verdana, Tahoma, Arial, sans-serif;
    font-weight: bold;
    line-height: 21px;
    padding: 0px 10px 1px 10px;
}

.rgEditForm td a:hover
{
    background-image: url(images/buttons_hover.gif);
    color: #c88045;
    text-decoration: none;
}


.grid-updating
{
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/loading_blackBG.gif);
}


.grid-message-error
{
    color: #f00;
    font-weight: bold;
    margin: 15px 0 15px 0;
}

.grid-message-success
{
    color: #090;
    font-weight: bold;
    margin: 10px 0 10px 0;
}

.grid-user-status-on
{
    color: #090;
}

.grid-user-status-off
{
    color: #f00;
}


/************/
/* TREEVIEW */
/************/
.treeview .rtLI, .treeview .rtLI a.rtIn, .treeviewNoBG .rtLI, .treeviewNoBG .rtLI a.rtIn
{
    color: #303030;
    font: 10pt Verdana, Tahoma, Arial, sans-serif;
}

.treeview .rtLI a.rtIn, .treeviewNoBG .rtLI a.rtIn
{
    color: #542d14;
}

.treeview .rtLI span.rtIn:hover, .treeview .rtLI a.rtIn:hover
{
    background: #fbeddd;
    border: solid 1px #80b0da;
}

.treeview .rtLI a.rtIn:hover, .treeviewNoBG .rtLI a.rtIn:hover
{
    text-decoration: underline;
}

.treeview .rtLI div.rtSelected span.rtIn, .treeview .rtLI div.rtSelected a.rtIn
{
    background-color: #80b0da;
    background-image: none;
    border: solid 1px #578bb8;
    color: #ffffff;
}

.treeviewNoBG .rtLI span.rtIn:hover, .treeviewNoBG .rtLI a.rtIn:hover
{
    background: #ffffff;
    border: solid 1px #ffffff;
}

.treeviewNoBG .rtLI div.rtSelected span.rtIn, .treeviewNoBG .rtLI div.rtSelected a.rtIn
{
    background: #ffffff;
    border: solid 1px #ffffff;
    color: #303030;
}

.treeview-updating
{
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/loading_whiteBG.gif);
}

/***********/
/* Repeater */
/***********/

.repeater-updating
{
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/loading_blackBG.gif);
}

/***********/
/* BUTTONS */
/***********/
.buttonsLeft, .buttonsRight
{
    height: 21px;
}

.buttonsLeft ul, .buttonsRight ul
{
    margin: 0;
    padding: 0;
}

.buttonsLeft li, .buttonsRight li
{
    background-color: #ececec;
    background-image: url(images/buttons_main.gif);
    border: 1px solid #ccc;
    list-style-type: none;
}

.buttonsLeft li
{
    float: left;
    margin-right: 10px;
}

.buttonsRight li
{
    float: right;
    margin-left: 10px;
}

.buttonsLeft li:hover, .buttonsRight li:hover
{
    background-image: url(images/buttons_hover.gif);
}

.buttonsLeft li a, .buttonsRight li a
{
    color: #000;
    font-weight: bold;
    padding: 1px 10px 1px 10px;
}

.buttonsLeft li a:hover, .buttonsRight li a:hover
{
    color: #c88045;
    text-decoration: none;
}


/********/
/* TABS */
/********/
#tabBar 
{
    border-bottom: 1px solid #a0a0a0;
	position: relative;
	width: 100%;
	width: 948px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#tabBar ul {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 948px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#tabBar ul li  {
	display: inline;
	list-style: none;
}

#tabBar ul a /*, #tabBar ul .currentItem, #tabBar ul a.current*/ {
	display: block;
	float: right;
	padding: 1px 10px;
	margin: 1px 10px 0 0;
	text-align: center;
	text-decoration: none;
	color: #000;
}

#tabBar ul a {
	background:  #eee;
	border: 1px solid #a0a0a0;
}

#tabBar ul a:hover
{
    background: url(images/tabs_main.gif);
	color: #c88045;
}

#tabBar ul a.current 
{
    background: url(images/tabs_hover.gif) #f9ffd5;
    border-bottom: solid 1px #ffffff;
}


/*****************/
/* MODAL POP-UPS */
/*****************/
.modalBackground
{
    background-color: #000000; 
	filter: alpha(opacity=20); 
	opacity: 0.2;
}

.modalPanel
{
    background-color: #f7f6f3;
    border: 1px solid #303030;
}


/******************/
/* GENERATING PDF */
/******************/

.print
{
    color: #000;
    font-size: 14pt;
    line-height: 20pt;
    text-align: left;
}

.req-print-section-header
{
    font-size: 16pt;
    font-weight: bold;
    line-height: 25pt;
}

.req-print-section
{
	clear: both;
	page-break-inside: avoid;
}

.print-treeview .rtLI, .print-treeview .rtLI a.rtIn
{
    list-style-type: none;
    font-size: 14pt;
}

.print-treeview .rtLI a.rtIn
{
    color: #542d14;
}

.print-treeview .rtLI .rtMinus, .print-treeview .rtPlus
{
    display: none;
}


/***********/
/* CONTENT */
/***********/
#content_container
{
    padding: 20px;
}

#content_container .header
{
    color: #696969;
    font-size: 20px;
    font-weight: bold;
}

.login_header
{
    background-color: #432511;
    color: #fff;
}

.login_header span
{
    font-weight: bold;
}

.req-display-section
{
    clear: both;
}

.req-display-section-header
{
    font-size: 12pt;
    font-weight: bold;
}

.req-display-description
{

}

.req-edit-section
{
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 50px;
}

.req-edit-description
{
    border: solid 1px #303030;
    overflow: auto;
    padding: 5px;
    width: 95%;
}

.content-page-header
{
    font-size: larger;
    font-weight: bold;
}

.homeInfoBoxes
{
	
}

.errorBox
{
    border: 1px solid #f00;
    margin-left: 200px;
    margin-top: 50px;
}

.errorBox-window
{
    margin-left: 0;
    text-align: left;
}

.accreditationHeader
{
    color: #fff;
    background-color: #578bb8;
    border: 1px solid #303030;
    font-size: larger;
    font-weight: bold;
    padding: 5px;
}

.compliancecollectionHeader
{ 
    color: #fff;
    background-color: #80b0da;
    border: 1px solid #303030;
    font-weight:bold;
    padding: 3px;
}

.reportHeader
{
    color: #000;
    background-color: #fbeddd;
    border: 1px solid #303030;
    padding: 2px;
}

.collapsiblePanelBody 
{
    border: 1px solid #303030;
    border-top-width: 0;
    padding: 5px;
}

.hidden
{
    display: none;
}

.box
{
    margin:0 10px 20px 5px;
    padding:10px;
    border:1px solid #c0c0c0;
    background-color: #efeae5;
    line-height:1.5em;  
}
.boxHeader
{
    font-size:small;
    font-weight: bold;
}

.collapsePanelHeader
{
    width:100%;
    background-color: #578bb8;
    font-weight:bold;
    cursor:pointer;
    color:White;
    border: solid 1px black;
}

.collapseContent
{
    width:100%;   
    cursor:pointer;    
     border: solid 1px black;
     border-top-width: 0px;
}

.accordionHeader
{
   border:1px solid #666;
   color:White;
   background-color:#578bb8;
   font-family: 10pt Verdana, Tahoma, Arial, sans-serif;
   font-weight: bold;
   cursor:pointer;
}

.accordionHeaderSelected
{
   border:1px solid #666;
   color:White;
   background-color:#578bb8;
   font-family: 10pt Verdana, Tahoma, Arial, sans-serif;
   font-weight: bold;
   cursor:pointer;
}
.accordionContent
{
    background-color:White;
    border:solid 1px black;
    border-top: none;
    padding:5px;
}

#toolbar li
{
	float: right;
	list-style-type: none;
	white-space: nowrap;
	margin-right: 10px;
	text-decoration: none;
}


#toolbar li a
{
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #578bb8;
}

#subbar li a
{
	padding-top: 1px;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	background-color: inherit;
	color: #578bb8;
}

/*
* html #toolbar a
{
	width: 1%;
}
*/

#toolbar .selected
{
	/* background: #96b7e3;
	background-image: url("sel_gradient.jpg"); */
	text-decoration: none;
	background-color: #ececec;
	background-image: url("tab_back.gif");
	border-left: solid 1px #cccccc;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 0px #cccccc;
}

#toolbar .unselected
{
	text-decoration: none;
	background-color: #ececec;
	background-image: url("tab_back_light.gif");
	border-left: solid 1px #eeeeee;
	border-top: solid 1px #eeeeee;
	border-right: solid 1px #eeeeee;
	border-bottom: solid 0px #eeeeee;
}

#toolbar .selected a
{
	color: #3c4474;
}

#toolbar a:hover
{
	color: #3c4474;
	text-decoration: none;
}

#subbar .selected, #subbar a:hover
{
	color: #3c4474;
	text-decoration: none;
	
	float: left;
	list-style-type: none;
	white-space: nowrap;
	background: url(bulletSel.jpg) left center no-repeat;
}


#subbar .selected a
{
	color: #3c4474;
}
.small9{font-size:9px;}
