/* most of these will go away or be assimiliated into the styles below */

body	{background-color: #ccc; margin: 40px; font-family: Lucida Grande, Verdana, Sans-serif; font-size: 12px; color: #4F5155;}
a 	{color: #003399; background-color: transparent; font-weight: normal;}

h1, 
h2, 
h3, 
h4, 
h5 	{color: #444; background-color: transparent; border-bottom: 1px solid #ccc; font-weight: bold;}

h1	{font-size: 20px; margin: 24px 0 2px 0; padding: 5px 0 6px 0;}
h2	{font-size: 18px; margin: 5px 0; padding: 0 0 5px 0;}
h3	{font-size: 16px; margin: 5px 0; padding: 0 0 5px 0;}
h4	{font-size: 14px; margin: 5px 0; padding: 0 0 5px 0;}
h5	{font-size: 12px; margin: 5px 0; padding: 0 0 5px 0;}

hr	{height: 1px; margin: 8px 0; padding: 0; background-color: #777; border: none; border-top: 1px solid #777;}
img	{border: none;}

/* layout */
div#header		{padding: 10px; height: 150px; background: #000 url("../images/stripeBg3.png") top left repeat-x;}
div#header #logo	{position: relative; border: 0; margin: 0; padding: 0; display: block; float: left; width: 150px; height: 150px;}
div#header h1		{color: #fff; border-bottom: none; margin: 45px 0 0 160px;}
div#header p		{color: #efd537; font-size: 14px; margin: 0 0 0 160px; padding:0;}
div#content		{background-color: #fff; padding: 15px; width: 920px; margin: auto auto;}
div#footer		{padding: 10px; height: 20px; background: #303692 url("../images/stripeBg4.png") top left repeat-x; margin-top: 20px;}
div#footer p		{font-size: 10px; color: #fff;}
div#footer p a		{color: #dfd692;}

/* menu */
#menu			{position: relative; z-index: 10; height: 18px; width: 800px; text-align: right; top: -26px; left: 110px; }
#menu ul			{margin: 0; padding: 0; list-style: none; display: block; float: right;border-bottom: 1px solid #bfc7e4;}
/*#menuBar li		{display: block; float: left;}
#menuBar li a		{display: block; float: left; padding: 2px 8px; background-color: #fff; margin: 0 2px; text-decoration: none; color: #000;}
#menuBar li a:hover	{background-color: #efd537; color: #484848;}
*/

/* columns */
div#col1			{position: relative; float: left; width: 220px; margin: 10px 30px 10px 0; }
div#col2			{position: relative; float: left; width: 620px;}
.oneColumnLayout div#col1 {display: none;}
.oneColumnLayout div#col2 {float: none; width: 920px; margin: auto auto;}
.oneColumnLayout div#col2 .contentWell {position:relative; width: 840px; margin: auto auto;}

/* boxes */
.twoColumnLayout #loginBox {margin: 0 0 5px 0; background: #fff url("../images/stripeBg5.png") repeat-x; padding: 5px 8px 5px 8px;}
.oneColumnLayout #loginBox {height: 18px; margin: 0 0 5px 0; background: #fff url("../images/stripeBg5.png") repeat-x; padding: 5px 8px 5px 8px;}
#loginBox h4		{padding: 0; margin: 3px 0 5px 0; border: none;}
.oneColumnLayout .twoColDiv		{display: block; float: left; width: 440px; margin: 0 10px; }
.oneColumnLayout .threeColDiv		{display: block; float: left; width: 280px; margin: 0 10px; }

/* misc styles */
.clear			{clear: both; height: 1%;}
.spaced			{padding-top: 15px;}
.error			{padding: 15px; margin: 12px 0 10px 0; background: #ff9; }
.error h3			{color: #c00;}
.small-error		{background: #ff9; color: #c00;}
.note			{font-size: 10px;}
.bigger			{font-size: 14px; line-height: 20px; }
.border-top		{border-top: 1px solid #ccc;}
.center			{text-align: center;}
.right			{text-align: right;}
.editme			{font-weight: bold;}
.thicktop			{border-top: 3px double #777;}
.inviso			{border: none;}
table.inviso		{margin: 0; padding: 0;}
.inviso td, .inviso th, .inviso tr {border:none; vertical-align: top; }
.inline-form		{display: inline; margin: 0; padding: 0; }
.hidden			{display: none;}
.tiny			{font-size: 8px;}
.middle			{vertical-align: middle;}
.task			{background: #ddd; color: #333; padding: 8px;}
.dupeRpt			{background: #ffe7be;}
/* ordered lists */
.infoList			{margin: 0; padding: 0; list-style: none; clear: both;}
.infoList	li		{clear: both;}
.infoList li span	{display: block; width: 120px; font-weight: bold; float: left; margin: 0 10px 0 0; }


/* def lists */
.typical dt		{font-weight: bold;}
.typical dd		{margin: 0 0 10px 0; padding: 0;}

/* tables */
table			{border: 1px solid #ccc; border-collapse: collapse; width: 100%; margin: 8px 0 12px 0;}
th, td			{border: 1px solid #ccc; border-collapse: collapse; padding: 3px; font-size: 11px;}
th				{background: #303692 url("../images/stripeBg4.png") top left repeat-x; font-weight: bold; color: #fff;}
table.noWidth		{border: 1px solid #ccc; border-collapse: collapse; width: auto; margin: 8px 0 12px 0;}

/* multifile upload stuff */
#userfile_wrap { margin: 5px; padding: 5px; border: 1px solid #aaa; }
#userfile_wrap #userfile_wrap_list a { text-decoration: none; }
#userfile_wrap #userfile_wrap_list a img { border: none; }
#rpt_multi { padding: 10px; }
#rpt_multi .multi { margin-bottom: 10px; }

.dlfiles { text-align: left; width: 280px; border: 1px solid #777; background: #efefef; padding: 10px; display: none; position: absolute; z-index: 120; margin: -1px 0 0 12px; }
.dlfiles h3 { margin: 0 0 5px 0; padding: 0 0 5px 0; }
.dlfiles .infoList li { line-height: 1.75em; }
.dlfiles .infoList li a { text-decoration: none; }
.dlfiles .infoList li a img { vertical-align: middle; }

.recovform { text-align: left; width: 250px; border: 1px solid #777; background: transparent url('../images/popup_bg.png') 0 0 no-repeat; padding: 0 10px 10px 10px; display: none; position: absolute; z-index: 120; margin: -1px 0 0 -125px; }
.recov-inner { display: block; width: 250px; height: 10px; line-height: 10px; background: transparent; color: #fff; text-align: right; margin: 0 0 10px 0; padding: none; cursor: pointer; }

#fileList { display: none; }





/**************************************/
/*              OVERLAY  	          */
/**************************************/
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Overlays */
.ui-widget-overlay { background: #000000; opacity:.30;  }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa; opacity: .30;  }

/**************************************/
/*              DIALOG  	          */
/**************************************/
.dialogs { display:none; }
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar {  position: relative;  background:transparent url(/images/sprite.png) no-repeat scroll 0 -990px; padding-left:10px; }
.ui-dialog .ui-dialog-title { background:transparent url(/images/sprite.png) no-repeat scroll 100% -810px; display:block; font-size:16px; font-weight:bold; line-height:1.5em; padding:5px 0; } 
.ui-dialog .ui-dialog-titlebar-close { background: url(/images/sprite.png) repeat scroll 100% -2880px; height:22px; width:22px; text-indent:-9000px; overflow:hidden; position: absolute; right: 10px; top: 50%; margin: -10px 0 0 0; padding-right:10px; }
.ui-dialog .ui-dialog-titlebar-close:hover{ background: url(/images/sprite.png) repeat scroll 100% -2910px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-content { border: 0; overflow: auto; }
.ui-dialog-content .content { padding:10px 10px 0px 10px; background:url(/images/content_bg.png) repeat-y right; overflow:hidden; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/**************************************/
/*   ROUNDED CORNERS WITH SPRITE      */
/**************************************/
.bTop, .bTop div, .bBottom, .bBottom div { background-image:url(/images/sprite.png); background-repeat:no-repeat; }
.bTop { margin:0px 0px -5px 10px; }
.bBottom { margin:0px 0px 0px 10px; background-position:100% -615px; }
.bTop div, .bBottom div { margin:0px 10px 0px -10px; height:15px; }
.bBottom div { background-position:0px -795px; }