﻿body, table, tr, td
{
	font-family: Arial Unicode MS, Arial, MS Sans Serif, Helvetica, Tahoma;
	font-size: 13px;
}
a:link, a:visited { color: #01587B; text-decoration:underline; }
a:hover, a:active { color:#403070; text-decoration:none; }

.GeneralLayout
{
	font-family: Arial Unicode MS;
	font-size: 10pt;
	color: #515257; /*font gray*/
}

/*MasterPage*/

/*********** MENU TITLE ************/
.MenuTitle {color: #35154f; font-family: Calibri; font-size: 20px;}
a.MenuTitle:link,a.MenuTitle:visited { color:#35154f; text-decoration : none; font-family: Calibri; font-size: 15px; cursor:pointer;}
a.MenuTitle:hover,a.MenuTitle:activ {color:#35154f; font-family: Calibri; font-size: 15px; cursor:pointer;}
/***********************************/

/*********** BREADCRUMBS ************/
.BreadCrumb {color: #35154f; font-style: italic; font-size: 9pt; padding-top: 5px;}
.BreadCrumb a:link, .BreadCrumb a:visited { color: #35154f; text-decoration:underline; font-size:13px; }
.BreadCrumb a:hover, .BreadCrumb a:active { color:#35154f; text-decoration:none; font-size:13px; }
/***********************************/

.FooterText
{
	color: White;
	font-size: 11px;
	font-family: Calibri;
}
        
.PanelHeader /*Panel Spiffy Style*/
{
	font-family: Arial Unicode MS;
	font-size: 20px;
	color: #35154f;
	background-color: #ebe8ec;
}

.PanelBody /*Panel Spiffy Style*/
{
	border-right: #D1CBD4 1px solid;
	border-left: #D1CBD4 1px solid;
	border-bottom: #D1CBD4 1px solid; 
	font-family: Arial Unicode MS;
	font-size: 12px;
    padding:0px 5px 5px 5px; 
    background-color:#ffffff;
}

.Calendar_Header
{
	background-color: #B1B1B1;
	height: 20px;
	color: #424141;
	font-family: Arial Unicode MS;
	text-align: center;
}
.bgLogin {background-image:url(../Images/LoginImages/CCIS-Login-Page.jpg); background-repeat:no-repeat; width:800px; height:600px; text-align:left;}        

.quickLinks a:link, .quickLinks a:visited { color: #777777; text-decoration:underline; font-size:13px; }
.quickLinks a:hover, .quickLinks a:active { color:#403070; text-decoration:none; font-size:13px; }
.quickLinks li { padding-bottom:15px;}
/*MasterPage*/

.roundBorderBgPurple {background-color:#D1CBD4;}
.roundBorderPurple {border-color: #D1CBD4; border-style: solid;} /*old border-color: #AA97B2*/
.roundBgHeadPurple { background-color:#ebe8ec;}
/* ROUNDED CORNERS*/
.b0, .b1, .b2, .b3, .b4, .b2b, .b3b, .b4b{font-size:1px; overflow:hidden; display:block;}
.b0 {height:1px; border-width: 0px;}
.b1 {height:1px; margin:0 5px;}
.b2, .b2b {height:1px; border-width:0px 2px 0px 2px; margin:0 3px;}
.b3, .b3b {height:1px; border-width:0px 1px 0px 1px; margin:0 2px;}
.b4, .b4b {height:2px; border-width:0px 1px 0px 1px; margin:0 1px;}
.b2b, .b3b, .b4b {background: #fff;}
.head {border-width:0px 1px 0px 1px;}
.head span {margin: 0px 10px 0px 5px; font-family: Arial Unicode MS; font-size: 20px; color: #35154f;}
.content {background: #fff; border-width:0px 1px 0px 1px; }
.content div {padding: 0px 5px 0px 5px;}

/*****************************/

/* BUTTONS */
/*****************************/
.right { float: right !important; }
.buttons a, .buttons button { display: block; float: left; margin: 0 7px 0 0; background-color: #E6E1E1; border: 1px solid #C2C2C2;
	border-top: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px;
	line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer; padding: 5px 10px 6px 7px; /* Links */ }
.buttons button { width: auto; overflow: visible; padding: 4px 10px 3px 7px; /* IE6 */ }
.buttons button[type] { padding: 5px 10px 5px 7px; /* Firefox */ line-height: 17px; /* Safari */ }
*:first-child + html button[type] { padding: 4px 10px 3px 7px; /* IE7 */ }
.buttons button img, .buttons a img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; }

/* STANDARD DISABLED */
/* chrome; firefox; safari; ie??? */
.buttons a[disabled='disabled']:hover, a[disabled='disabled']:active { display: block; float: left; margin: 0 7px 0 0; background-color: #E6E1E1; border: 1px solid #C2C2C2; border-top: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px; line-height: 130%; text-decoration: none; font-weight: bold; color:Silver; cursor: default; padding: 5px 10px 6px 7px;  /* Links */ }
.buttons a[disabled='disabled'] { display: block; float: left; margin: 0 7px 0 0; background-color: #E6E1E1; border: 1px solid #C2C2C2; border-top: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px; line-height: 130%; text-decoration: none; font-weight: bold; color: Silver; cursor: default; padding: 5px 10px 6px 7px;  /* Links */ }

.buttons a[disabled]:hover, a[disabled]:active { display: block; float: left; margin: 0 7px 0 0; background-color: #E6E1E1; border: 1px solid #C2C2C2; border-top: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px; line-height: 130%; text-decoration: none; font-weight: bold; color:Silver; cursor: default; padding: 5px 10px 6px 7px;  /* Links */ }
.buttons a[disabled] { display: block; float: left; margin: 0 7px 0 0; background-color: #E6E1E1; border: 1px solid #C2C2C2; border-top: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px; line-height: 130%; text-decoration: none; font-weight: bold; color: Silver; cursor: default; padding: 5px 10px 6px 7px;  /* Links */ }


/* STANDARD */
.buttons a:hover, button:hover { background-color: #EBE5FF; border: 1px solid #ADA3CC; 	border-top: 1px solid #E1D8FF; border-left: 1px solid #E1D8FF; color: #35154f; }  /*light purple*/
.buttons a:active { background-color: #4F3F7F; border: 1px solid #000000; border-top: 1px solid #7C6BB2; border-left: 1px solid #7C6BB2; color: #fff; } /*Button Purple*/

/* POSITIVE */
.buttons a.positive, button.positive { color: #529214; }
.buttons a.positive:hover, button.positive:hover { background-color: #E6EFC2; border: 1px solid #B9CC70; border-top: 1px solid #D7E5A0; border-left: 1px solid #D7E5A0; color: #529214; }
.buttons a.positive:active, button.positive:active { background-color: #529214; border: 1px solid #000000; border-top: 1px solid #468C00; border-left: 1px solid #468C00; color: #fff; }

/* NEGATIVE */
.buttons a.negative, button.negative { color: #d12f19; }
.buttons a.negative:hover, button.negative:hover { background-color: #fbe3e4; border: 1px solid #CC7A7A; border-top: 1px solid #F4C3C3; border-left: 1px solid #F4C3C3; color: #d12f19; }
.buttons a.negative:active { background-color: #d12f19; border: 1px solid #000000; border-top: 1px solid #CC381E; border-left: 1px solid #CC381E; color: #fff; }
/**************************/


/*Change Password PopUp*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.5;
}
.modalPopup
{
	background-color: #F7F7F8;
	border: solid 5px #E0E0E0;
}
.Indicator
{
	display: none;
}


/**********Facility Forms**********/
.tblFacility { color: #000000; font-size:14px; border: solid 1px #B1B1B1; }
.thFacility { background-color: #E0E0E0; font-weight:normal; font-size:13px; padding: 0px 5px 0px 5px; width:33%; }
.titleFacility { color: #35154f; font-size: 15pt; }
.tdFacility { padding: 10px 10px 10px 10px; vertical-align:top; }
.labelRight { text-align:right; padding-right:5px; }
.tabInspection { min-width: 900px; min-height:350px; padding-top:15px; }
.boxForm { background-color:#f3f3f3; border: solid 1px #c3c3c3; padding:10px; }
.titlePage { font-variant:small-caps; font-family:Arial; color:#444466;}
/**********************************/


/* AJAX TAB CONTROL */
/**************************/
.tccPurple .ajax__tab_header { font-size:13px; font-weight:bold; color:#35154f; font-family:sans-serif; background:url(../Images/MenuImages/ajaxTab_bg.png) repeat-x; }
.tccPurple .ajax__tab_header .ajax__tab_outer { height:40px; background:url(../Images/MenuImages/ajaxTab_left.png) no-repeat left top; }
.tccPurple .ajax__tab_active .ajax__tab_outer,
.tccPurple .ajax__tab_hover .ajax__tab_outer { height:40px; background:url(../Images/MenuImages/ajaxTab_left_hover.png) no-repeat left top; }
.tccPurple .ajax__tab_header .ajax__tab_inner { height:40px; margin-left:16px; background:url(../Images/MenuImages/ajaxTab_right.png) no-repeat right top; }
.tccPurple .ajax__tab_active .ajax__tab_inner,
.tccPurple .ajax__tab_hover .ajax__tab_inner { height:40px; margin-left:16px; background:url(../Images/MenuImages/ajaxTab_right_hover.png) no-repeat right top; }
.tccPurple .ajax__tab_header .ajax__tab_tab { margin:16px 16px 0px 0px; }
.tccPurple .ajax__tab_active .ajax__tab_tab,
.tccPurple .ajax__tab_hover .ajax__tab_tab { margin: 16px 16px 0px 0px; color: #ffffff; cursor:pointer; }
.tccPurple .ajax__tab_body { font-family:verdana,tahoma,helvetica; font-size:10pt; border:1px solid #35154f; border-top:0; padding:2px; background-color:#ffffff; }
/**************************/


/* AJAX CALENDAR EXTENDER */
/**************************/
.purpleCal .ajax__calendar_container { background-color: #E4DEEF; border:solid 1px #BAADD3; }
.purpleCal .ajax__calendar_header { background-color: #ffffff; margin-bottom: 4px; }
.purpleCal .ajax__calendar_title, 
.purpleCal .ajax__calendar_next, 
.purpleCal .ajax__calendar_prev { color: #403070; padding-top: 3px; }
.purpleCal .ajax__calendar_body { background-color: #FFFFFF; border: solid 1px #C0C0C0; }
.purpleCal .ajax__calendar_dayname { text-align:center; font-weight:bold; margin-bottom: 4px; margin-top: 2px; }
.purpleCal .ajax__calendar_day { text-align:center; }
.purpleCal .ajax__calendar_hover .ajax__calendar_day, 
.purpleCal .ajax__calendar_hover .ajax__calendar_month,
.purpleCal .ajax__calendar_hover .ajax__calendar_year, 
.purpleCal .ajax__calendar_active  { color: #403070; font-weight: bold; background-color: #E8E5FF; }
.purpleCal .ajax__calendar_today { font-weight:bold; }
.purpleCal .ajax__calendar_other, 
.purpleCal .ajax__calendar_hover .ajax__calendar_today, 
.purpleCal .ajax__calendar_hover .ajax__calendar_title { color: #403070; }
/**************************/


.queueTitle { padding: 0px 0px 0px 0px; vertical-align:top; background-color: #FFFFFF}
.queueItem { background-color: #E0E0E0; font-weight:normal; font-size:13px; padding: 0px 1px 0px 1px;}


.watermarked { color: #BAADD3; font-style: italic; font-size:12px; }

.hidden { display:none;
          visibility:hidden; }