
/* Portlet Boxes Basic Blue Header Gray Border css */
div.portbox {  color: #391a08; display: block; position: relative; width: 100%; border:0px solid #391a08; margin: 0px 0px 4px 0px; padding: 0;}
div.portboxHeader {position: relative; color: white;  width: 100%; font-size: 1.05em; font-weight: 500; line-height: 1.3em; height:23px;}
div.portboxHeader div.left {background: url(/res/images/modulegraphics/blueheader-lcrnr.jpg); background-repeat:no-repeat; position: absolute; width: 8px; height: 28px; left:0; top: 0;}
div.portboxHeader div.right {background: url(/res/images/modulegraphics/blueheader-Rcrnr.jpg); background-repeat:no-repeat; position: absolute; background-position: top right; width: 8px; height: 28px; right:0; top:0;}
div.portboxHeader div.center {background: url(/res/images/modulegraphics/blueheader-middle.jpg); background-repeat:repeat-x;  position: absolute; width: 300px; height: 28px; left:8px; right: 8px; top:0;}
div.portboxHeader toggle {width: 20px; height: 20px; background-color: black; position: absolute; right: 2px; top: 2px;}
div.portboxBody {position:relative; height: 120px; width:100%; margin: 0px;  display: block;}
div.portboxBody div.left {background: url(/res/images/modulegraphics/grayborder-left.jpg); height: 120px; background-repeat:repeat-y; position: absolute; width: 1px; left:0; top:0px;}
div.portboxBody div.right {background: url(/res/images/modulegraphics/grayborder-right.jpg); background-position: top right; height: 120px; background-repeat:repeat-y; position: absolute; width: 1px;  right:0; top:0px;}
div.portboxBody div.center {background: url(/res/images/modulegraphics/gradient-bg-gray.gif); background-repeat:repeat-x; background-color: white; position: absolute;  left:1px; right: 1px; height: 100px; top:0px;}
div.portboxFooter {clear:both; background: url(/res/images/modulegraphics/grayborder-bottomonly.jpg); background-repeat:repeat-x; position: relative; width: 100%; top:0px; font-size: 1.2em; line-height: 1.3em;}
div.portboxFooter div.left {background: url(/res/images/modulegraphics/grayborder-bottomcorner.jpg); background-position: top left; background-repeat:no-repeat; position: absolute; width: 9px; height: 9px; left:0; top: 0;}
div.portboxFooter div.right {background: url(/res/images/modulegraphics/grayborder-bottomcornerright.jpg); background-position: top right; background-repeat:no-repeat; position: absolute; width: 9px; height: 9px; right:0; top:0;}
div.portboxFooter div.center {background: url(/res/images/modulegraphics/grayborder-bottomonly.jpg); background-repeat:repeat-x; position: absolute;  width: 300px; height: 9px; left:8px; right: 8px; top:0;}

/* Portlet Simple Gray css */
div.portbox-gray {background-color: #ececec; color: #391a08; display: block; position: relative; width: 100%; border:0px solid #391a08; margin: 0px 0px 4px 0px; padding: 0;}
div.portbox-grayHeader {position: relative; color: white;  width: 100%; font-size: 1.05em; font-weight: 500; line-height: 1.3em; height:5px;}
div.portbox-grayHeader div.left {background: url(/res/images/modulegraphics/gray-bg/graybg-topcorner.jpg); background-repeat:no-repeat; position: absolute; width: 8px; height: 5px; left:0; top: 0;}
div.portbox-grayHeader div.right {background: url(/res/images/modulegraphics/gray-bg/graybg-topcornerR.jpg); background-repeat:no-repeat; position: absolute; background-position: top right; width: 8px; height: 5px; right:0; top:0;}
div.portbox-grayHeader div.center {background: url(/res/images/modulegraphics/gray-bg/graybg-centerT.jpg); background-repeat:repeat-x;  position: absolute;  height: 5px; left:8px; width: 620px; right: 8px; top:0;}
div.portbox-grayHeader toggle {width: 20px; height: 20px; background-color: black; position: absolute; right: 2px; top: 2px;}
div.portbox-grayBody {position:relative;height: 190px; width:100%; margin: 0px;  display: block;}
div.portbox-grayBody div.left {background: url(/res/images/modulegraphics/gray-bg/graybg-left.jpg); height: 190px; background-repeat:repeat-y; position: absolute; width: 9px; left:0; top:0px;}
div.portbox-grayBody div.right {background: url(/res/images/modulegraphics/gray-bg/graybg-right.jpg); background-position: top right; height: 190px; background-repeat:repeat-y; position: absolute; width: 9px;  right:0; top:0px;}
div.portbox-grayBody div.center {background-color: #ececec; position: absolute;  left:8px; right: 8px; height: 80px; top:0px;}
div.portbox-grayFooter {clear:both; background: url(/res/images/modulegraphics/gray-bg/graybg-bottomonly.jpg); background-repeat:repeat-x; position: relative; width: 100%; top:0px; font-size: 1.2em; line-height: 1.3em;}
div.portbox-grayFooter div.left {background: url(/res/images/modulegraphics/gray-bg/graybg-bottomcorner.jpg); background-repeat:no-repeat; position: absolute; width: 9px; height: 9px; left:0; top: 0;}
div.portbox-grayFooter div.right {background: url(/res/images/modulegraphics/gray-bg/graybg-bottomcornerR.jpg); background-position: top right; background-repeat:no-repeat; position: absolute; width: 9px; height: 9px; right:0; top:0;}
div.portbox-grayFooter div.center {background: url(/res/images/modulegraphics/gray-bg/graybg-centerB.jpg); background-repeat:repeat-x; position: absolute; width: 620px;  height: 9px; left:8px; right: 8px; top:0;}
#bdygray {color: #5a5a5c; position: absolute; z-index: 1; margin: 0; padding: 0; width: 98%;}
#bdygray div {color: #5a5a5c;  margin: 0; padding: 0; width: 98%;}

/* Portlet Simple White css */
div.portbox-whte {background-color: white; color: #391a08; display: block; position: relative; width: 100%; border:0px solid #391a08; margin: 0px 0px 4px 0px; padding: 0;}
div.portbox-whteHeader {position: relative; color: white;  width: 100%; font-size: 1.05em; font-weight: 500; line-height: 1.3em; height:5px;}
div.portbox-whteHeader div.left {background: url(/res/images/modulegraphics/whte-bg/whtebg-topcorner.jpg); background-repeat:no-repeat; position: absolute; width: 8px; height: 5px; left:0; top: 0;}
div.portbox-whteHeader div.right {background: url(/res/images/modulegraphics/whte-bg/whtebg-topcornerR.jpg); background-repeat:no-repeat; position: absolute; background-position: top right; width: 8px; height: 5px; right:0; top:0;}
div.portbox-whteHeader div.center {background: url(/res/images/modulegraphics/whte-bg/whtebg-centerT.jpg); background-repeat:repeat-x;  position: absolute;  height: 5px; left:8px; width: 620px; right: 8px; top:0;}
div.portbox-whteHeader toggle {width: 20px; height: 20px; background-color: black; position: absolute; right: 2px; top: 2px;}
div.portbox-whteBody {position:relative;height: 190px; width:100%; margin: 0px;  display: block;}
div.portbox-whteBody div.left {background: url(/res/images/modulegraphics/whte-bg/whtebg-left.jpg); height: 190px; background-repeat:repeat-y; position: absolute; width: 9px; left:0; top:0px;}
div.portbox-whteBody div.right {background: url(/res/images/modulegraphics/whte-bg/whtebg-right.jpg); background-position: top right; height: 190px; background-repeat:repeat-y; position: absolute; width: 9px;  right:0; top:0px;}
div.portbox-whteBody div.center {background-color: white; position: absolute;  left:8px; right: 8px; height: 80px; top:0px;}
div.portbox-whteFooter {clear:both; background: url(/res/images/modulegraphics/whte-bg/whtebg-bottomonly.jpg); background-repeat:repeat-x; position: relative; width: 100%; top:0px; font-size: 1.2em; line-height: 1.3em;}
div.portbox-whteFooter div.left {background: url(/res/images/modulegraphics/whte-bg/whtebg-bottomcorner.jpg); background-repeat:no-repeat; position: absolute; width: 9px; height: 9px; left:0; top: 0;}
div.portbox-whteFooter div.right {background: url(/res/images/modulegraphics/whte-bg/whtebg-bottomcornerR.jpg); background-position: top right; background-repeat:no-repeat; position: absolute; width: 9px; height: 9px; right:0; top:0;}
div.portbox-whteFooter div.center {background: url(/res/images/modulegraphics/whte-bg/whtebg-centerB.jpg); background-repeat:repeat-x; position: absolute; width: 620px;  height: 9px; left:8px; right: 8px; top:0;}
#bdygray {color: #5a5a5c; position: absolute; z-index: 1; margin: 0; padding: 0; width: 98%;}
#bdygray div {color: #5a5a5c;  margin: 0; padding: 0; width: 98%;}

/* Portlet Simple Light Blue css */
div.portbox-ltblue {background-color: #d9e6ef; color: #391a08; display: block; position: relative; width: 100%; border:0px solid #391a08; margin: 0px 0px 4px 0px; padding: 0;}
div.portbox-ltblueHeader {position: relative; color: white;  width: 100%; font-size: 1.05em; font-weight: 500; line-height: 1.3em; height:5px;}
div.portbox-ltblueHeader div.left {background: url(/res/images/modulegraphics/ltblue-bg/ltbluebg-topcornerL.jpg); background-repeat:no-repeat; position: absolute; width: 8px; height: 31px; left:0; top: 0;}
div.portbox-ltblueHeader div.right {background: url(/res/images/modulegraphics/ltblue-bg/ltbluebg-topcornerR.jpg); background-repeat:no-repeat; position: absolute; background-position: top right; width: 8px; height: 5px; right:0; top:0;}
div.portbox-ltblueHeader div.center {background: url(/res/images/modulegraphics/ltblue-bg/ltbluebg-centerT.jpg); background-repeat:repeat-x;  position: absolute;  height: 5px; left:8px; right: 8px; top:0;}
div.portbox-ltblueHeader toggle {width: 20px; height: 20px; background-color: black; position: absolute; right: 2px; top: 2px;}
div.portbox-ltblueBody {position:relative;height: 190px; width:100%; margin: 0px;  display: block;}
div.portbox-ltblueBody div.left {background: url(/res/images/modulegraphics/ltblue-bg/ltbluebg-centerL.jpg); height: 190px; background-repeat:repeat-y; position: absolute; width: 9px; left:0; top:0px;}
div.portbox-ltblueBody div.right {background: url(/res/images/modulegraphics/ltblue-bg/ltbluebg-centerR.jpg); background-position: top right; height: 80px; background-repeat:repeat-y; position: absolute; width: 9px;  right:0; top:0px;}
div.portbox-ltblueBody div.center {background-color: #d9e6ef; position: absolute;  left:8px; right: 8px; height: 190px; top:0px;}
div.portbox-ltblueFooter {clear:both; background: url(); background-repeat:repeat-x; position: relative; width: 100%; top:0px; font-size: 1.2em; line-height: 1.3em;}
div.portbox-ltblueFooter div.left {background: url(/res/images/modulegraphics/ltblue-bg/ltbluebg-bottomcornerL.jpg); background-repeat:no-repeat; position: absolute; width: 9px; height: 9px; left:0; top: 0;}
div.portbox-ltblueFooter div.right {background: url(/res/images/modulegraphics/ltblue-bg/ltbluebg-bottomcornerR.jpg); background-position: top right; background-repeat:no-repeat; position: absolute; width: 9px; height: 9px; right:0; top:0;}
div.portbox-ltblueFooter div.center {background: url(/res/images/modulegraphics/ltblue-bg/ltbluebg-centerB.jpg); background-repeat:repeat-x; position: absolute; width: 300px; height: 9px; left:8px; right: 8px; top:0;}


/* Portlet Gray Blue Header with reused basic gray box css */
div.portbox-grayblue { background-color: white; color: #391a08; display: block; position: relative; width: 100%; border:0px solid #391a08; margin: 0px 0px 4px 0px; padding: 0;}
div.portbox-grayblueHeader {position: relative; color: white;  width: 100%; font-size: 1.05em; font-weight: 500; line-height: 1.3em; height:31px;}
div.portbox-grayblueHeader div.left {background: url(/res/images/modulegraphics/Header-grayblue/grayblueheader-Lcrnr.jpg); background-repeat:no-repeat; position: absolute; width: 8px; height: 31px; left:0; top: 0;}
div.portbox-grayblueHeader div.right {background: url(/res/images/modulegraphics/Header-grayblue/grayblueheader-Rcrnr.jpg); background-repeat:no-repeat; position: absolute; background-position: top right; width: 8px; height: 31px; right:0; top:0;}
div.portbox-grayblueHeader div.center {font-weight: bold; font-size:1em; line-height: 2em; color: #391a08; background: url(/res/images/modulegraphics/Header-grayblue/grayblueheader-centerT.jpg); background-repeat:repeat-x;  position: absolute;  width: 300px; height: 31px; left:8px; right: 8px; top:0px;}
div.portbox-grayblueBody {position:relative; height: 173px; width:100%; margin: 0px;  display: block;}
div.portbox-grayblueBody div.left {background: url(/res/images/modulegraphics/grayborder-left.jpg); height: 173px; background-repeat:repeat-y; position: absolute; width: 1px; left:0; top:0px;}
div.portbox-grayblueBody div.right {background: url(/res/images/modulegraphics/grayborder-right.jpg); background-position: top right; height: 173px; background-repeat:repeat-y; position: absolute; width: 1px;  right:0; top:0px;}
div.portbox-grayblueBody div.center {background-color: white; position: absolute;  left:1px; right: 1px; height: 173px; top:0px;}

#contentcontainer div.portboxBody h2 {clear: both; font-size: 1em;  margin: 4px 0px; padding: 0; text-indent: 1px; border-bottom: 1px solid gray;}
/* Portlet Boxes css */


div.drop {position:relative; filter:alpha(opacity=100);-moz-opacity:1;opacity:1; left: 0; z-index: 1000; display:none; width: 245px; margin: 10px; padding: 0;}
b.modulelink {font-size: 1.2em; color: #003399; font-weight: 100; margin: 2px; padding: 0; cursor:pointer; cursor:hand;}
b.modulelist {font-size: 1.2em; color: #151515; font-weight: 100; margin: 2px; padding: 0; cursor:pointer; cursor:hand;}
b.modulelink:hover {font-size: 1.2em; color: #003399; text-decoration: underline; cursor:pointer; cursor:hand; margin: 2px; padding: 0;}

ul.modulelist li {margin: 5px 0px 2px 10px; list-style-image: url(/res/images/square.gif); list-position: outside;}
