/* site background & default text color */
body {
    background-color: #fff;
    color: #000;
}

/* default font for site */
body * {
    font-family: verdana, arial, sans-serif;
}

/* Generic link style */
a,
a:link,
a:visited {
    color: #00f;
}
a:hover {
}

#siteWrapper 
{
    background-color: #000;
    background: url(/ICS/clientconfig/HtmlContent/images/background.png);
    background-position: center -5px;
    background-repeat: repeat-x;
    margin: 0 auto;
    width: 1260px !important;
}

/*********************************************************** Masthead (hooks up to custom HTML from siteheader.htm) ******************************************************/
#masthead {
    background: url("images/mast_right.gif") no-repeat scroll right top #3A5695;
    height: 65px; /* match image hight */
    margin: 0;
    min-width: 760px;
    padding: 0;
}
#masthead a,
#masthead a:link,
#masthead a:visited {
    display: block;
    cursor: pointer;
    height: 100%;
    width: 400px;
}
#masthead h1 {
    text-indent: -9999px;
    background: url("images/mast_left.gif") no-repeat scroll left top transparent;
    height: 65px; /* match image height */
    width: 760px;
    margin: 0;
    padding: 0;
    position: relative;
}

/***************************************************** Welcome back / Login Bar *******************************************************************************************/
/* background & text color */
#welcomeBackBar {
    color: #fff;
    background-color: #252875;
}
/* Link text color */
#welcomeBackBar a,
#welcomeBackBar a:link,
#welcomeBackBar a:visited {
    color: #fff;
    text-decoration: none;
    font-style: italic;
}
#welcomeBackBar a:hover {
    text-decoration: underline;
}
/* username & password text boxes */
#welcomeBackBar input {
    background-color: #fff;
}



/************************************************ General Portlet elements ************************************************/

/* Portlet SubHEaders */
h4 {
    background-color : #000;
    color: #F4B92F;
    border-radius:5px; /*rounded corner for Firefox */
    -webkit-border-radius:5px; /* rounded corner for Chrome/Safari */
}

/* small section at the bottom of the admin portlets with "Exit" button in it */
.pActions {
    background-color: #ddd;
}

/* text sections above input fields giving info about the form fields (default small grey background) */
.hint {
    background-color: #eee;
}

/* used for odd (alternating) rows in a grid of list */
.alt {
    background-color: #efefef;
}

/* a Highlighted row in a grid or list (can be more than 1 per gird or list) */
.highlighted {
    background-color: #FFFED8;
}

/* a selected row in a grid or list (only 1 per grid or list) */
.selected {
    background-color: #FFFED8;
}

/* Site Errors */
div.oops {
    border: 1px solid red;
    background-color: #fcc;
}

/* collapseable panel */
div.cp div.cpHead {
    background-color: #ddd;
}



/********************************************************* Tabs & Breadcrumbs **************************************************************************************/
/* tab background color */
#headerTabs li {
    background: #769BC5;
    border-color: #769BC5;
}

/* selected tab background color */
#headerTabs li.selected {
    background: #efefef;
}

/* tab link style */
#headerTabs li a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

/* selected tab link style */
#headerTabs .selected a {
    text-decoration: none;
    color: #000;
}

/* tab hover style */
#headerTabs li a:hover {
    text-decoration: underline;
    color: #FFFF66;
}

/* selected tab hover style */
#headerTabs li.selected a:hover {
    text-decoration: none;
    color: #000;
}

/* breadcrumb background color - should be the same color as the selected tab background color */
#mainCrumbs {
    background: #efefef;
}

/******************************************************** START Side Bar ***********************************************************************/

/* border & background for sidebar sections */
#sideBar div.sideSection {
    border-color: #70899F;
    background-color: #f5f5f5;
}

/* color and hover state of page links */
#contextPages li a, #contextPages li a:link, #contextPages li a:visited {
    color: #15508B;
    text-decoration: none;
}

#contextPages li a:hover {
    text-decoration: underline;
}

/* Style for links to Portlets on a page */
#pagePortlets li a, #pagePortlets li a:link, #pagePortlets li a:visited {
    color: #00f;
    text-decoration: underline;
}

#pagePortlets li a:hover {
    text-decoration: underline;
}


/* color of background image for current page. This is a gradient image. For different color schemes, change the word "blue" in image name to aqua, red, gold, blue, gray, green, or purple */

#contextPages li.currentPage {
    background: transparent url(../../UI/Common/Images/PageImages/sidebar_current_page_blue.gif) 0 0 repeat-x;
}


/* main sidebar headers */
#sideBar h2,
#sideBar h2 a,
#sideBar h2 a:link,
#sideBar h2 a:visited {
    color: #fff;
    text-decoration: none;
    background-color: #70899F;
}

/* hover style for main headers that are links */
#sideBar h2 a:hover {
    text-decoration: underline;
}

/* second level sidebar headers */
#sideBar h3,
#sideBar h3 a,
#sideBar h3 a:link,
#sideBar h3 a:visited {
    color: #000;
    text-decoration: none;
    background-color: #d2d2d2;
}
/* hover style for second level headers that are links */
#sideBar h3 a:hover {
    text-decoration: underline;
}


/* regular side bar link style */
#sideBar a,
#sideBar a:link,
#sideBar a:visited {
    color: #00f;
}
#sideBar a:hover {
    text-decoration: underline;
}



/* sidebar quick links border and color */
#sideBar div#quickLinks {
    border-color: #6C9CD4;
}

#sideBar div#quickLinks h3 {
    background: #6C9CD4;
    color: #fff;
}




/********************************************************************* Site Footer*******************************************************************/

/* site footer */
#foot {
background-color:#eee;
color:#000000;
}
#foot a, #foot a:link, #foot a:visited {
}
#foot a:hover {
text-decoration:underline;
}

/********************************************* portlet header, color, border etc ***************************************************************************/

/* portlet header text color & background color */
.pHead {
    background-color : #fff;
	background-image : url(images/portletheader.png);
	background-position : top;
	background-repeat : repeat-x;
}


/* name of portlet when the portlet can be maximized */
.pHead a,
.pHead a:link,
.pHead a:visited {
    color: #fff;
    text-decoration: underline;
}
.pHead a:hover {
    text-decoration: none;
}
/* shortcut tag styling */
.pShortcut {
    border-color: #000;
}
.pShortcut a,
.pShortcut a:link,
.pShortcut a:visited {
    color: #000;
    text-decoration: none;
}
.pShortcut a:hover {
    text-decoration: underline;
}
/* border & background for the portlets */
.portlet {
	border: solid 1px #7C7C7C;
    background: #fff;
    line-height: 1.2;
}

div.tabGroup ul.tabHeaders li,
.securityGrid table thead th,
.groupedGrid thead td,
.groupedGrid thead th,
.groupedGrid tbody.ghead tr td,
.groupedGrid tbody.gfoot tr td {
    border-color: #fff !important; /* match portlet background color (leave "!important" in there)*/
}

/**************************************************** grids ************************************************************************************/
/* grouped grid header style
.groupedGrid tfoot td,
.groupedGrid tfoot th,
.groupedGrid thead td,
.groupedGrid thead th,
.groupedGrid tbody th,
.groupedGrid tbody.ghead tr td,
.groupedGrid tbody.gfoot tr td {
background-color: #ddd;
}
/* sub header for a grouping
.groupedGrid tbody.gsubhead tr td {
border-bottom: solid 1px #eee;
}
/* table level header and footer
.groupedGrid tbody.ghead tr td,
.groupedGrid tbody.gfoot tr td {
background-color: #ccc;
}
/* second level grouping headers
.groupedGrid tr.subGroup td {
border-bottom: solid 1px #000;
}
/* grid header sort links
.groupedGrid th a,
.groupedGrid th a:link,
.groupedGrid th a:visited {
color: #000;
}
.groupedGrid th a:hover {
color: #666;
}
/* END GroupedDataGrid Styles


/* START DateRangeEdit Styles
.dateRangeEdit div.opt a,
.dateRangeEdit div.opt a:link,
.dateRangeEdit div.opt a:visited {
text-decoration: none;
color: #000;
}
.dateRangeEdit div.opt a:hover {
color: #666;
}
.dateRangeEdit div.opt label:hover {
color: #666;
}
/* END DateRangeEdit */

#PORTLETGRID
{
	width: 100%;
	padding: 0;
}

.portlet 
{
	margin-bottom: 40px;
}

.containerFoot 
{ 
	clear: both; 
}

#foot
{
	width: 100%;
	float: left;
	padding: 0;
}

#policies, #copyright 
{
	padding: 5px;
}

.pColumn
{
	float: left;
	margin-right: 2%;
}

.one_column .pColumn1
{
	margin-right: 0;
	min-width:800px;
	max-width:1000px;
}

.two_column_rwide .pColumn1
{
	width:33%;
}

.two_column_rwide .pColumn2
{
	width:65%;
	margin-right: 0;
}

.two_column_even .pColumn1
{
	width:49%;
}

.two_column_even .pColumn2
{
	width:49%;
	margin-right: 0;
}

.two_column_lwide .pColumn1
{
	width:65%;
}

.two_column_lwide .pColumn2
{
	width:33%;
	margin-right: 0;
}

.three_column_rwide .pColumn1
{
	width:19%;
}

.three_column_rwide .pColumn2
{
	width: 19%;
}

.three_column_rwide .pColumn3
{
	width:58%;
	margin-right: 0;
}

.three_column_mwide .pColumn1
{
	width:19%;
}

.three_column_mwide .pColumn2
{
	width:58%;
}

.three_column_mwide .pColumn3
{
	width:19%;
	margin-right: 0;
}

.three_column_even .pColumn1
{
	width:32%;
}

.three_column_even .pColumn2
{
	width:32%;
}

.three_column_even .pColumn3
{
	width:32%;
	margin-right: 0;
}

.three_column_lwide .pColumn1
{
	width: 58%;
}

.three_column_lwide .pColumn2
{
	width: 19%;
}

.three_column_lwide .pColumn3
{
	width:19%;
	margin-right: 0;
}

/********************************************************************* Portlet Tabs ************************************************************************/

/* tab bar & inactive tab background color */
div.tabGroup ul.tabHeaders,
div.tabGroup ul.tabHeaders a,
div.tabGroup ul.tabHeaders a:link,
div.tabGroup ul.tabHeaders a:visited {
    color: #000;
    background-color: #ddd;
}

/* selected tab */
div.tabGroup ul.tabHeaders li.selected a,
div.tabGroup ul.tabHeaders li.selected a:link,
div.tabGroup ul.tabHeaders li.selected a:visited,
div.tabGroup ul.tabHeaders li.selected a:hover {
    background-color: #fff;
}

/* tab hover */
div.tabGroup ul.tabHeaders a:hover {
    background-color: #eee;
}


/************************************************************** Security Grid ******************************************************************************/

/* START Securtity Grid */
.securityGrid h5 {
    background-color: #ddd;
}
.securityGrid table thead th {
    background-color: #ddd;
}
.securityGrid table thead th.kids {
    background-color: #7686AC;
    color: #fff;
}
.securityGrid table th.admin {
    color: #fff;
    background-color: #000;
}
.securityGrid table tbody td.admin {
    background-color: #DAE3F2;
}
.securityGrid table tbody .alt td.admin {
    background-color: #C4D2EA;
}
/* END Securtity Grid */

/* background for context list in user/role selector */
.principalSelector .roles tbody th,
.principalSelector .users tbody th {
    background-color: #ddd;
}
.principalSelector td.contextTree {
    background-color: #ddd;
}



/************************************************ portlet drop down menu ************************************************************/
.pToolbar,
.pToolbar ul,
.pToolbar a,
.pToolbar a:link,
.pToolbar a:visited,
.pToolbar .pTool,
.pToolbar .menu a.hasKids,
.pToolbar .menu a,
.pToolbar .menu a:link,
.pToolbar .menu a:visited {
    background-color : #7D611C; /*#A28641;*/
    border-color: #fff;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFB26D', endColorstr='#7D611C'); for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#CFB26D), to(#7D611C)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #CFB26D,  #7D611C); /* for firefox 3.6+ */ 
	color: #fff;
    border-radius:5px 5px 5px 5px; /*rounded corner for Firefox */
    -webkit-border-radius:5px 5px 5px 5px; /* rounded corner for Chrome/Safari */
}
/* active/hover menu sylte (do not remove "!important") */
.pToolbar a:hover,
.pToolbar a.active,
.pToolbar .pTool a:hover,
.pToolbar .pTool a.active {
    color: #fff !important;
    background-color: #3366cc !important;
}

.portletSubHeader {
    font: normal normal bold 1.3em Arial, sans-serif;
    margin-bottom: 5px;
    text-align: left;
}
.portletWrapper {
    padding: 15px;
}
.portletWrapper p {
    margin: 5px;
}
.centre_subp {
    font: normal normal normal .9em Arial, sans-serif;
    font: 100% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}
.notation {
    font: italic normal normal 1em Arial, sans-serif;
}
.alignRight {
    text-align: right;
}

hr.headerBar {
    height: 1px;
    width: 100%;
    color: blue;
    padding: 0px;
    border: 0px solid #b0b0b0;
    background-color: #999;
    margin-top: 0px;
    text-align: left;
}

/* DPS Portlet */

#vehicleRegistrationTable, table.CentreTable {
    background: #F9F9F9 none repeat scroll 0 0;
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    margin: 1em 1em 1em 0;
    width: 100%;
}
#vehicleRegistrationTable td, table.CentreTable td {
    padding-left: 3px;
}
#vehicleTableWrapper, .CentreTableWrapper {
    width: 450px;
}
.vehicleRegistrationTableLabel {
    width: 35%;
}
.descriptionLabel {
    border: none;
    font: 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    font-style: italic;
    clear: both;
}
.tableHeader {
    background: #ddd;
    font: 100% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    font-weight: bold;
    width: 100%;
}
tr.error {
    background-color: #FFC1C1;
}

/* tables */
table.tablesorter {
    font-family: arial;
    background-color: #CDCDCD;
    margin: 10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    font-size: 8pt;
    padding: 4px;
}
table.tablesorter thead tr .header {
    background-image: url(images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
    background-color: #F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}


/* End DPS */

#wrapper {
    width: auto;
    margin: 0 auto;
    position: relative;
}

body {
    background: url(/ICS/clientconfig/HtmlContent/images/bg.png);
    background: url(/ICS/clientconfig/HtmlContent/images/background.png);
    background-position: top center;
    background-attachment: fixed;
    background-color: #000;
}

a, a:link, a:visited {
    color: rgb(35, 60, 121);
}

body * 
{
    line-height: 150%;
    font-family: 'Trebuchet MS', sans-serif;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

#masthead {
    height: 90px;
    background: transparent;
    width: 1260px !important;
}

#masthead h1 {
    background-image: url(/ICS/clientconfig/HtmlContent/images/logo2.png);
    height: 90px;
}

#NOPEwrapper > table {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}


#userWelcome {
    margin-top: 5px;
    text-align: right;
    font-size: 10.5pt;
    color: #ddd;
}

#userWelcome strong {
    display: block;
    clear: right;
}

#welcomeBackBar {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    float: right;
    left: -40px;
    margin-top: -65px;
    padding: 0;
    position: relative;
    width: 410px;
}

#welcomeBackBar label {
    display: block;
    font-size: 0.95em;
    font-weight: bold;
    text-transform: lowercase;
}

#welcomeBackBar input, isindex {
    background-color: white;
    border: 2px inset;
    cursor: auto;
    padding: 1px;
}

#welcomeBackBar input {
    font: normal normal normal 1.3em/normal 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 5px;
    background: rgb(68, 68, 68);
    border: 1px solid rgb(68, 68, 68);
    color: rgb(212, 212, 212);
    width: 120px;
    position: absolute;
    right: 0px;
    top: 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#welcomeBackBar input#btnLogin {
    background: #a8a8a8;
    border: 1px solid #242424;
    border: none;
    color: #343434;
    cursor: pointer;
    display: block;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 0;
    padding: 4px 10px 5px 10px; /* Links */
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 16px; /* Safari 3 */
    overflow: visible;
    padding: 6px 10px 6px 10px; /* IE6 & Firefox 3 */
    width: auto;
    /*-webkit-border-radius: 14px;
    border-radius: 14px;*/
    height:30px;
}

#welcomeBackBar input#btnLogin:hover, .#welcomeBackBar input#btnLogin:hover, #welcomeBackBar input#btnLogin:active {
    background: #888;
    border: 1px solid #304812;
    color: #fff;
}


#userName {
    position: absolute;
    left: 50px;
    top: 20px;
}

#password {
    position: absolute;
    left: 200px;
    top: 20px;
}

label[for="userName"] {
    display: block;
    margin-left: 118px;
    margin-top: 49px;
    color: #444444;
}

label[for="userName"]:hover {
    color: #A8A8A8;
}

label[for="password"] {
    display: block;
    left: 0;
    margin-left: 272px;
    margin-top: -16px;
    color: #444444;
}

label[for="password"]:hover {
    color: #A8A8A8;
}

/* Tabs */
#headerTabs {
/*background: url(/ICS/clientconfig/HtmlContent/images/new_page_top.png) no-repeat;*/
background: url(/ICS/clientconfig/HtmlContent/images/navgradient.png);
background-color: #bbb;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-radius: 5px 5px 0 0;
clear: both;
height: 35px;
padding: none;
margin: none;
}

#headerTabs ul {
/*margin: 0px;*/
padding-top:10px;
margin-left: 15px;
margin-top: 10px;
margin-bottom: 10px;
}

#headerTabs ul li {
    display: inline;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-right: 10px;
    padding-bottom: 3px;
    padding: 3px 3px;
    padding-top: 3px;
    padding: 2px;
    text-align: center;
    border: none;
    background: none;
}

#headerTabs ul li.selected {
/*-webkit-border-bottom-left-radius: 5px 5px;
-webkit-border-bottom-right-radius: 5px 5px;
-webkit-border-top-left-radius: 5px 5px;
-webkit-border-top-right-radius: 5px 5px;
border-radius: 5px;
background-color: rgb(230, 230, 230);
background-color: #ccc;
background-color: #ffffef;
border: none;
position: relative;
padding-bottom: 3px;
padding: 3px 3px;
padding-top: 3px;
padding: 5px;
padding-bottom: 3px;
top: 0px;
z-index: 3;*/
padding:none;
background: none;
}

#headerTabs ul li:hover {
/*-webkit-border-bottom-left-radius: 5px 5px;
-webkit-border-bottom-right-radius: 5px 5px;
-webkit-border-top-left-radius: 5px 5px;
-webkit-border-top-right-radius: 5px 5px;
border-radius: 5px;
background-color: rgb(255, 255, 234);
background-color: #ddd;
color: rgb(68, 68, 68);
padding-bottom: 3px;*/

padding:none;
background: none;
}

#headerTabs li a {
    text-shadow: #ddd 1px 1px 0px;
    padding: 5px 10px 10px 10px;
    text-decoration: none;
    color: #434343;
    color: #343434;
    font-family: Arial;
    font-size: 11pt;
    text-shadow: #eee 1px 1px 0px;
    padding: 5px 5px 10px 5px;
    font-weight: bold;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-radius: 5px 5px 0 0;
    color: #e5e5e5;
    text-shadow: #222 1px 1px 0px;
    vertical-align: middle;
}

#headerTabs li.selected a {
    color: #fff; /* selected tab text colour */
    text-shadow: #555 1px 1px 0px;
    background: #e5e5e5 !important;
    color: #343434;
    font-family: Arial;
    font-size: 11pt;
    text-shadow: #fff 1px 1px 0px;
    vertical-align: middle;
}

#headerTabs li a:hover {
    background: #6a6a6a;
    color: #e5e5e5;
    text-decoration: none;
}

/* Breadcrumbs */
#mainCrumbs {
    background: #e5e5e5;
    width: 100%;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    color: #000;
}

#mainCrumbs div {
    margin-left: 15px;
}

#mainLayout {
    background: #fff;
}

/*.buttonBar {
display: none;
}
*/

/* Sidebar */

#sideBar 
{
    width: 225px;
    padding: 0;
    margin: 0 15px 0 0;
    vertical-align: top;
    color: #233C79!important;
    background-color: #fbfbfb;
    min-height: 100%;
    left:0px;
}

#sideBar a {
    color: #233C79!important;
    text-decoration: none!important;
}

#sideBar a:hover {
    color: #233C79!important;
}

#sideBar div.sideSection 
{
    width: 200px;
    border: none;
    padding: 0 10px 0 10px;
    margin: 0 0 10px 10px;
    background-color: none;
    background: none;
    overflow: hidden;
    font-size: 10pt;
}

#thisContext {
    background-color: none;
}

#thisContext h2 {
    background: none;
}

#sideBar h2 {
    padding: 0;
    background: none;
    display: none;
}

#sideBar h2 a {
    height: 30px;
    background: none !important;
    /* color: #CCCABE!important; */
    color: #6C6A5E!important;
    font-weight: bold;
    font-size: 12pt;
    display: block;
    padding: 6px 0 0 0;
}


#sideBar li {
    background: none;
    font-size: 11px;
}

#contextPages {
    margin-top: 10px;
}

#contextPages li, #contextPages li a {
    border: none;
    padding: 2px 0px 2px 0px;
    font-size: 11pt;
    color: #333;
    font-weight: bold;
}

#contextPages li {
    line-height: 150%;
    border-bottom: 1px solid #ccc;
}


#contextPages li.currentPage {
    background: none;
    padding: 4px 0 0 0;
    margin-bottom: 5px;
}

#contextPages li.currentPage ul {
    border-top: 1px solid #CCCABE;
}

#contextPages li.currentPage li a {
    font-size: 10pt;
    font-weight: normal;
}


#contextPages li.currentPage li {
    font-size: 10pt;
    padding: 3px 0 3px 12px;
}

#contextPages li.currentPage li a:hover {
    border-left: 2px solid #999;
    border: none;
    margin-left: -12px;
    padding-left: 12px;
}

#pagePortlets {
    text-indent: 0!important;
    margin: 0!important;
}

#pagePortlets li {
    list-style-type: none;
    margin-left: 0!important;
    padding: 5px 0 5px 12px;
    border-bottom: none;
}

div.pHead {
    color: #000;
}

div.pHead a.help {
    display: inline;
}

#sideBar li.addPage {
    background: none;
    text-align: right;
    padding-right: 5px;
}

#sideBar .addPage a,
#sideBar .addPage a:link,
#sideBar .addPage a:visited {
    background: none!important;
    font-size: 11px;
    font-weight: normal;
}

div.contexts {
    padding-left: 0;
}

#sideBar #subContexts a {
    background: none;
    /* color: #CCCABE!important; */
    /* color: #6C6A5E!important; */
    font-weight: bold;
    font-size: 14px;
    display: block;
    padding: 6px 0 0 0;
}

#sideBar #subContexts a:hover {
    color: #233C79!important;
}

#sideBar .manageContext {
    width: 200px;
    text-align: right;
    margin-top: -10px;
}

#sideBar .manageContext a,
#sideBar .manageContext a:link,
#sideBar .manageContext a:visited {
    background: none!important;
    padding-right: 5px;
}


#manageLinks {
    padding-left: 0;
}

#sideBar div#quickLinks {
    width: 200px;
    border: none;
    padding: 0 10px 0 20px;
    margin: 0 0 27px 0;
    background-color: none;
    background: none;
    overflow: hidden;
}

#sideBar div#quickLinks h3 {
    border-bottom: 1px solid #CCCABE;
    height: 20px;
    background: none;
    font-weight: bold;
    font-size: 14px;
    display: block;
    padding: 6px 0 0 0;
    color: #333 !important
}

#quickLinks dl dd {
    padding-left: 16px;
}

#myPages {
}

#myPages li {
    list-style-type: none;
    margin: 0!important;
    padding: 4px 0 0 12px;
}

#myPages li a {
    font-size: 11px;
}

#myPages li a:hover {
    margin-left: -12px;
    padding-left: 10px;
}

#globalLinks {
    margin-left: 0;
    text-align: left;
}

#globalLinks img {
    width: 16px;
    height: 16px;
}

#globalLinks li {
    margin: 0!important;
    padding: 4px 0 0 12px;
}

#globalLinks li a {
    font-size: 10pt!important;
}

#globalLinks li a:hover {
    border-left: 2px solid #FFD400;
    margin-left: -12px;
    padding-left: 10px;
}

#pageTitle {
    margin: 8px 12px 7px 4px;
    padding: 0;
}

/*#pageTitleButtons {
position: absolute;
top: 0;
margin: -40px 0 0 -225px;
padding: 0;
z-index: 15;
font-weight: bold;
}
*/

#pageTitle h2 a {
    font-weight: normal;
    margin: 5px 0 0 0;
}

#pageTitle h2 #pageName ,#pageTitle h2 #contextName {
    font-weight: normal;
    color: #CCCABE;
    display: inline;
}
#pageTitle h2 a,
#pageTitle h2 a:link,
#pageTitle h2 a:visited {
    font-weight: normal;
    color: #CCCABE;
}
#pageTitle h2 a:hover {
    text-decoration: none;
    color: #FFD400!important;
}

#pageTitleButtons a {
    text-decoration: none;
    color: #041735!important;
}

#pageTitleButtons a:hover {
    color: #FFD400!important;
}

#pageTitleButtons a img {
    display: inline;
}

#pagePortlets {
}

/* End Sidebar */

/* Portlets */

div.portlet 
{
    border: 2px solid #E7DCC1;
	line-height:1.2;
    line-height: 150%;
    margin-bottom: 20px;
    border-radius:5px; /*rounded corner for Firefox */
    -webkit-border-radius:5px; /* rounded corner for Chrome/Safari */
	background:#fff;
}

.pHead {
    background: none;
    padding: 0px;
}

.pHead a {
    color: #333 !important;
    font-size: 12pt;
    text-decoration: none !important;
}

.pHead h3 {
	background-color: #fff;
    background-image: -ms-linear-gradient(top, #E7DCC1 0%, #B0BCA5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7DCC1', endColorstr='#B0BCA5'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#E7DCC1), to(#B0BCA5)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #E7DCC1,  #B0BCA5);
	background-position : top;
	background-repeat : repeat-x;
    padding: .5em 0px .5em 0px;
    height: 15px;
    border-bottom: 1px solid rgb(204, 202, 190);
    border: none;
}

#foot {
    background: #f5f5f5;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-radius: 0px 0px 5px 5px;
    border-bottom: none;
    border-top: 1px solid #999;
}

#foot * {
    color: rgb(102, 102, 102);
}

#policies {
    display: inline;
}
#copyright {
    font-size: 6pt;
}

.portletnavtabs {
    background: #D4D4D4;
    margin-top: 1px;
    border: none;
}

.portletSectionJump {
    font-size: 85%;
    display: block;
    padding: 0;
    margin: 0;
    background: #D4D4D4;
    margin: 0 0 0 10px;
    padding: .25em 0;
    border: none;
    white-space: nowrap;
    _height: 1em;
}

.portletSectionJump dt {
    display: none;
}

.portletSectionJump dd {
    display: inline;
    padding: 0;
    margin: 0 0 0 0;
    border: none;
}


.portletSectionJump dd.selected {
    border: none;
    background: #fff;
    position: relative;
    left: -1px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.portletSectionJump dd a, .portletSectionJump dd a:link, .portletSectionJump dd a:visited {
    padding: 4px 8px;
    text-decoration: none;
    font-weight: bold;
    color: #456C91;
    background: #D4D4D4;
    border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
}

.portletSectionJump dd.selected a, .portletSectionJump dd.selected a:link, .portletSectionJump dd.selected a:visited {
    background: #fff;
    color: #000;
    position: relative;
    top: 1px;
}

.portletSectionJump dd a:hover {
    background: #E1E1E1;
    color: #003A70;
}

.portletSectionJump dd.selected a:hover {
    background: #fff;
}

.PortletError {
    color: #c00;
    padding: 0 0 0 35px;
    background: #f7cdc3 url(icons/error.png) 10px 10px no-repeat;
    opacity: .9;
    display: block;
    text-align: left;
}

span.alert {
    color: #c00;
    padding: 10px 10px 10px 35px;
    border-top: 3px solid #fc9088;
    border-bottom: 3px solid #fc9088;
    background: #f7cdc3 url(icons/error.png) 10px 10px no-repeat;
    opacity: .9;
    display: block;
    text-align: left;
    color: #000;
}
span.notFound {
    font-size: 150%;
}

div.errorMessage {
    color: #c00;
    padding: 0 10px 0 35px;
    border-top: 3px solid #fc9088;
    border-bottom: 3px solid #fc9088;
    background: #f7cdc3 url(icons/error.png) 10px 10px no-repeat;
    opacity: .9;
    display: block;
    margin: 10px 0 0 0;
    text-align: left;
}

span.info,span.notFound {
    color: #0055BB;
    padding: 10px 10px 10px 35px;
    border-top: 3px solid #7dabdd;
    border-bottom: 3px solid #7dabdd;
    background: #d1dce3 url(icons/information.png) 10px 10px no-repeat;
    opacity: .9;
    display: block;
    text-align: left;
    color: #000;
}

span.note {
    color: #B79000;
    padding: 10px 10px 10px 35px;
    border-top: 3px solid #fbe288;
    border-bottom: 3px solid #fbe288;
    background: #f7ebc3 url(icons/note.png) 10px 10px no-repeat;
    opacity: .9;
    display: block;
    text-align: left;
    color: #000;
}

span.download {
    color: #57861A;
    padding: 10px 10px 10px 35px;
    border-top: 3px solid #cbe093;
    border-bottom: 3px solid #cbe093;
    background: #e6ebc7 url(icons/application_put.png) 10px 10px no-repeat;
    opacity: .9;
    display: block;
}
span.working {
    color: #424242;
    padding: 10px 10px 10px 35px;
    border-top: 3px solid #aaaaaa;
    border-bottom: 3px solid #aaaaaa;
    background: #cccccc url(icons/hourglass.png) 10px 10px no-repeat;
    opacity: .9;
    display: block;
    text-align: left;
}
span.loading {
    width: 220px !important;
    height: 19px;
    display: none!important;
    float: right;
    margin: 4px 0 0 0;
    background: url(icons/loading.gif) no-repeat;
    opacity: .9;
}

#portalLoader,#portalMessage {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
}

.pShortcut {
    display: none;
}

/* Added for Course Evaluation Alt Report */

.a12 {
    height: 30pt;
}

.a27, .a27cl {
 max-width: 575pt;
}

.a32, .a32cl {
    max-width: 575pt;
}

.first_column_top .pColumn {float: left; display:inline; }
.first_column_top .pColumn1 { width: 98%; }
.first_column_top .pColumn2, .first_column_top .pColumn3 { width: 49%; }

.h5 { background: red; }

#hovereffect a:hover {
opacity: 0.6;
}

#chatImageSpan.hovereffect:hover {
opacity: 0.6;
}