/* HTML TAG CSS */
body
{
	font: normal 11px arial;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4
{
	margin: 0;
	padding: 0;
}

/* x44367 -- The following lines were causing lists in rich text components, etc in pageBuilder to show up without bullets */
/*
ul
{
	margin: 0;
	padding: 0;
}

li
{
	margin: 0;
	padding: 0;
}
*/

a
{
	color: #3366cc;
	text-decoration: underline;
}


/* Borowed HTML tag styles from style_sheet.css file: starts here 
  
   These are needed so that admin pages with old school html still look pretty
   after linking to our new style sheet. (T.Brooks-Mirsky)
*/

.hr /* borroed but modified */
{
	height:0px; 
    border:0px; 
    border-top:1px solid #cccccc;
}

input
{
    font-size: 10px;
    font-family: verdana,helvetica,arial,geneva
}

select
{
    font-size: 10px;
    font-family: verdana,helvetica,arial,geneva
}

textarea
{
    font-size: 10px;
    font-family: verdana,helvetica,arial,geneva
}

td
{
    font-size: 11px;
    color: #000000;
    font-family: verdana,helvetica,arial,geneva
}

/* Borowed HTML tag styles from style_sheet.css file: ends here */



/* ELEMENT ID CSS */

#AdminBody
{
	width: 1000px;
	padding: 20px 0 20px 10px;
}

#AdminBody2 /* The main admin page's version of the AdminBody div */
{
	width: 1000px;
}

#AdminBodyHelpSectionHeader
{
	padding: 3px 0px 3px 10px;
	margin:0px;
	background-color: #999999;
	color: #ffffff;
	font-weight: bold;
	width: 100%;
	vertical-align: middle;
}

#AdminBodyAlertSectionHeader
{
	padding: 3px 0px 3px 10px;
	margin:0px;
	background-color: #990000;
	color: #ffffff;
	font-weight: bold;
	width: 100%;
	vertical-align: middle;
}

#AdminBodyTitle
{
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
}

#AdminBodyInstructionalText
{
	margin-bottom: 20px;
}

#AdminFooter
{
	margin: 0px;
	padding: 12px 45px;
	border-top: 2px solid #43aeda;
	clear: both;
}

#AdminFooterCopyright
{
	line-height: 18px;
	/*margin: 0px;
	padding: 15px 0px 10px 10px;
	float:left;*/
}

#ujcweblogo
{
	float: left;
	margin-right: 10px;
}

#poweredby
{
	float: right;
}

#AdminHeaderLoginTitle
{
	color: #ffffff;
	margin: 56px 0px 0px 128px;
	padding: 0px;
	position:absolute;
	z-index: 1;
	background-color:#003366;
}

#AdminHeader
{
	background-image: url(/admin/images/admin_mainpage_images/top_logo_banner.jpg);
 	background-repeat: no-repeat;
 	background-position: 25px center;
	width:100%;
	height: 80px;
	margin: 0px;
	padding: 0px;
	float:left;
}

#AdminLeftSideInfoArea
{
	width: 270px;
	border-right: solid #cccccc;
	border-right-width: 1px;
	margin: 0px;
	padding: 0px;
	float:left;
	height:100%;
}

#AdminLoginError
{
	margin: 0px;
	padding: 0px;
	color: #ff0000;
	font-weight: bold;
	width: 360px;
	text-align: center;
}

#AdminLoginForm
{
	margin: 0px 0px 0px 95px;
	padding: 0px;
}

#AdminLoginFormHeader
{
	padding: 0px;
	margin:0px;
	background-color: #003366;
	color: #ffffff;
	font-weight: bold;
	width: 100%;
}

#AdminLoginFormWrapper
{
	width: 362px;
	margin: 24px 0px 20px 340px;
	position: relative;
	padding: 0px;
	border: solid #003366;
	border-width: 1px;
}

#AdminEcomLoginText
{
	margin: 0 10px;
	display: block;
}

#AdminLoginInstructionCopy
{
	width: 362px;
	margin: 24px 0px 20px 340px;
}

#AdminLoginForgotPSW
{
	width: 362px;
	margin: 0px 0px 20px 340px;
	position: relative;
	padding: 0px;
}

#AdminLogoHeader
{
	height: 80px;
	margin: 0px;
	padding: 0 0 0 75px;
	font-size: 20px;
	font-weight: normal;
	line-height: 80px;
	color: #666;
}

#AdminLogoHeader.two-lines
{
	padding-top: 20px;
	line-height: normal;
}

#AdminLogoHeader span
{
	font-size: 18px;
	margin-left: 2px;
}

#AdminLogoHeader span.AdminUserNameText
{
	font-size: 14px;
	margin: 0px;
}

#AdminLogInArea /* wrapper for the log in area div */
{
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	width: 1000px;
	height: 80px;
	position:absolute;
	z-index: 1;
	/*border: solid red 2px;*/
}

#AdminLogInAreaMiscLinks
{
	margin: 27px 0px 0px 0px;
	padding: 0px;
	/*border: solid red 2px;*/
}

#AdminLogInContent
{
	width: 200px;
	float:right;
	text-align: right;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	/*border: solid red 2px;*/
}

#AdminLogoutBody
{
	margin: 20px 0px 50px 12px;
}

#AdminMessageDiv
{
	background-color: #FFFFCC;
	width: 270px;
	float:left;
	border-bottom: solid #cccccc;
	border-bottom-width: 1px;
	padding-bottom: 15px;
}

#AdminMainMiddleSection
{
	width: 220px;
	float: left;
	margin: 0px 0px 0px 22px;
	padding: 0px;
}

#AdminMainMiddleSection2
{
	width: 220px;
	float: left;
	margin: 0px 0px 0px 22px;
	padding: 0px;
}

#AdminPasswordDiv
{
	background-color: #E5FFE4;
	width: 270px;
	float:left;
	border-bottom: solid #cccccc;
	border-bottom-width: 1px;
	padding: 0px 0px 10px 0px;
}

#AdminPasswordDiv2 /* Style for 2nd version of the passwords div */
{
	background-color: #E5FFE4;
	width: 270px;
	float:left;
	border-bottom: solid #cccccc;
	border-bottom-width: 1px;
	padding: 0px 0px 10px 0px;
}

#AdminRightSideHelpArea
{
	width: 220px;
	float:left;
	margin: 20px 0px 0px 22px;
	padding: 0px;
	/*border: solid #cccccc;
	border-width: 1px;*/
}

#AdminHelpTopicsArea
{
    border: solid #cccccc;
	border-width: 1px;
	margin-bottom: 20px;
}

#AdminSystemAlertsArea
{
    border: solid #990000;
	border-width: 1px;
	margin-bottom: 20px;
}
#AdminSystemAlertsArea ul
{
    padding-right: 10px;
}

#AdminSupportDiv
{
	background-color: #E4EBF2;
	width: 270px;
	height: 100%;
	float:left;
	/*border-bottom: solid #999999;
	border-bottom-width: 1px;*/
	padding: 0px;
}

#BadVersionDiv
{
	margin: 20px 0px 250px 40px;
	float: left;
}

#browserUpgradeMessage
{
	width: 362px;
	margin: 10px 0px 10px 340px;
	color: #ff0000;
	font-weight: bold;
}

#ButtonRow
{
	margin-top: 20px;
}

#HeaderBar
{
	margin-top: 12px;
	background: #369;
	color: #fff;
	height: 16px;
	padding: 4px 0 3px 6px;
	font: bold 11px verdana, arial, sans-serif;
}

#PageTitleName
{
	background-color: #E5E5E5;
	width: 100%;
	height: 26px;
	margin: 0px;
	padding: 0px;
	float: left;
	border-bottom: solid #cccccc;
	border-bottom-width: 1px;
}
 
#softwarecheckheader
{
	display: block;
	margin: 0px 0px 30px 0px;
	font-weight: bold;
}
 
/* CLASS NAME CSS */

.AdminBodyNotationText
{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	color: #000000;
}

.AdminBodySectionDiv
{
	width: 220px;
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	border: solid #003366;
	border-width: 1px;
}

.AdminSectionsDropdown
{
	margin: 10px 0px 10px 20px;
}	

.AdminBodySectionHeader
{
	padding: 0px;
	margin:0px;
	background-color: #003366;
	color: #ffffff;
	font-weight: bold;
	width: 100%;
}


.AdminHomepageNewPageImage
{
	margin: 0px;
	padding: 0px 3px 0px 35px;
	vertical-align: middle;
}

.AdminHomePageULStyle
{
	margin: 12px 0px 12px 20px;
	padding: 0px;
	list-style-type: square;
	list-style-position: inside;
	color: #3366CC;
}

.AdminHomePageHelpULStyle
{
	margin: 12px 0px 12px 10px;
	padding: 0px;
	list-style-type: square;
	list-style-position: inside;
	color: #3366CC;
}

.AdminHomePageLinkStyle
{
	text-decoration: none;
	color: #3366CC;
}

a:hover.AdminHomePageLinkStyle
{
	text-decoration: underline;
}

.PlanningAdminHomePageLinkStyle
{
	margin-top: 30px;
	color: #3366CC;
}

.PlanningAdminHomePageLinkStyle li
{
	margin-top: 15px;
}

.PlanningAdminHomePageLinkStyle a
{
	text-decoration: none;
	color: #3366CC;	
}

a:hover.PlanningAdminHomePageLinkStyle
{
	text-decoration: underline;
}

.AdminHomePageLIStyle
{
	text-decoration: none;
	color: #3366CC;
}

a:hover.AdminHomePageLIStyle
{
	text-decoration: underline;
}

.AdminHomepageSectionImage
{
	margin: 0px;
	padding: 0px 7px 0px 10px;
	vertical-align: middle;
}

.AdminLeftSideHeader
{
	font-weight: bold;
	display:block;
	margin: 20px 0px 10px 10px;
	padding: 0px;
}

.AdminLeftSideTitle
{
	color: #3366CC;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
.AdminLeftSideTitle a
{
	color: #3366CC;
	text-decoration: none;
}

.AdminLeftSideTitle a:hover
{
	color: #3366CC;
	text-decoration: underline;
}
.AdminLeftSideTitle a:visited:hover
{
	color: #3366CC;
	text-decoration: underline;
}

.AdminLeftSideTitle2
{
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.AdminLeftText
{
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.AdminHomePageLinks
{
	color: #3366cc;
	text-decoration: none;
}

a:hover.AdminHomePageLinks
{
	text-decoration: underline;
}

a:visited.AdminHomePageLinks
{
	color: #3366cc;
	text-decoration: none;
}

.AdminLoginAreaText
{
	margin: 0px;
	padding: 0px 0px 0px 12px;
}

.AdminLoginAreaImage
{
	margin: 0px;
	padding: 0px 7px 0px 10px;
	vertical-align: middle;
}

.AdminLoginFormElement
{
	width: 110px;
}

.AdminLoginFormLabel
{
	font-weight: bold;
	text-align: right;
	width: 68px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

.AdminLogOutLink
{
	margin: 0px;
	padding: 0px 0px 0px 12px;
}

.AdminPageTitleText
{
	display:block;
	width: 1000px;
	margin: 0px;
	padding: 7px 0px 0px 10px;
}

.AdminPageTitleText a
{
	color: #3366cc !important; /* need to declare as !important so the global styles (link styles) applied to the admin calendar do not override our bread crumb link styles*/
	text-decoration: underline !important;
}

.arial /* Borrowed style decl. from (old stylesheet) style_sheet.css */
{
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif
}

.ariallink
{
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline
}

.ariallinkbl
{
    color: #006699;
    text-decoration: underline;
}

.errorred {margin-bottom:8px; color: #ff0000;}

.headerbar
{
    line-height: 20px;
    background-color: #003366
}

.DesignHeaderBar
{
	margin-top: 6px;
	background: #369;
	color: #fff;
	height: 16px;
	padding: 4px 0 3px 6px;
	font: bold 11px verdana, arial, sans-serif;
}
.DesignHeaderBar.header
{
	margin-top: 0px;
}

.table2
{
    border-right: #336699 2px solid;
    border-top: #336699 2px solid;
    border-left: #336699 2px solid;
    border-bottom: #336699 2px solid
}

.SysButtonActive
{
	background: #fff url(/admin/images/sysbuttontile_green.gif) repeat-x top left;
	border: solid 1px #666;
	font: Arial 11px;
	width: 80px;
}

.SysButtonActiveAddIR
{
	background: #fff url(/admin/images/sysbuttontile_green.gif) repeat-x top left;
	border: solid 1px #666;
	font: Arial 11px;
	width: 125px;
}

.SysButtonActiveWide
{
	background: #fff url(/admin/images/sysbuttontile_green.gif) repeat-x top left;
	border: solid 1px #666;
	font: Arial 11px;
	width: 200px;
}

.SysButtonActiveLogin
{
	background: #fff url(/admin/images/sysbuttontile_green.gif) repeat-x top left;
	border: solid 1px #666;
	font: Arial 11px;
	width: 56px;
	height: 22px;
	margin: 22px 0px 0px 128px;
	padding: 0px;
}

.SysButtonInActive
{
	background: #fff url(/admin/images/sysbuttontile_red.gif) repeat-x top left;
	border: solid 1px #666;
	font: Arial 11px;
	width: 80px;
}

#SiteCustomCSS
{
}

.CustomCSS
{
	width: 660px;
}

.CSSButton
{
	width: 150px;
	margin-top: 6px;
	float:right;
}

.CSSRadio
{
	float:left;
}

.Taskbar 
{
    background-color: #e5e5e5;
    margin-top: 20px;
    line-height: 30px;
    height: 30px;
    clear: both;
}

.Taskbar2
{
    margin-top: 5px;
    line-height: 30px;
    padding-left: 10px;
}

.ElementDropDown
{
    margin-bottom:5px; 
    margin-left:8px; 
    width:135px; 
    background-color:#e5e5e5; 
    cursor:hand;
}

.ElementDropDown:hover
{
    margin-bottom:5px; 
    margin-left:8px;     
    width:135px;     
    background-color:White;
}

.Filterbar {
    clear: both;
    /*line-spacing: 20px;*/
}
.FilterItem {
    padding-right: 20px;
    float: left;
}

.TaskbarItem 
{
    cursor: pointer;
    color: #006699;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}
.SearchLink {float: right;margin: 2px;}

.TaskbarItem:hover 
{
    text-decoration: underline;
}

.TaskbarItemRight 
{
    cursor: pointer;
    color: #006699;
    margin-right: 0px;
    margin-left: 20px;
    float: right;
}

.TaskbarItem img 
{
    border-width: 0px;
    vertical-align: middle;
}

.TaskbarItem input
{
    font-size: 11px;
}

.TaskbarItem select
{
    margin-top: 6px;
}
.TaskbarButton 
{
    height: 22px;
    padding-left: 8px;
    padding-right: 8px;
    border: solid 1px #e5e5e5;
    margin-right: 5px;
    margin-top: 3px;
    padding-top: 0px;
    line-height: 22px;
    margin-left: 0px;
    margin-right: 0px;
}
.TaskbarButton:hover 
{
    border: solid 1px #cccccc;
    background-color: #ffffff;
    text-decoration: none;
}
.icon 
{
    padding-right: 3px;
    vertical-align: middle;
}
.Row
{
    clear: both;
    background-color: White;
}

#spanTop 
{
    min-height: 20px;
}
#column0 
{
    width: 180px;
    float: left;
}
#column1
{
    width: 180px;
    float: left;
}
#column2 
{
    width: 180px;
    float: left;
}
#column3 
{
    width: 180px;
    float: left;
}
#column4 
{
    width: 180px;
    float: left;
}
#spanBottom 
{
    min-height: 20px;
    clear: both;
}
.SpanGridlines 
{
    border: dashed  1px #3366CC;
}
.ColumnGridlines 
{
    border-right: dashed  1px #3366CC;
}
.Column0Gridlines 
{
    border-left: dashed  1px #3366CC;
}

.ColumnGridlinesBottom
{
     border-bottom: dashed  1px #3366CC;
}

.LargeTextbox 
{
    width: 497px;
    font-size: 11px;
}

.Left 
{
    float: left;
}
.Right 
{
    float: right;
    margin-right: 0px;
}

div.modulediv
{
	font: normal 10pt Verdana;
	border: solid 2px #b8b8f8;
	width: 694px;
	margin: 10px;
}
tr.moduleheaderbar
{
	
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #cfcfcf;
	
}
.ariallinkbl
{
    COLOR: #006699;
    TEXT-DECORATION: underline
}

.SavePreviewCancelButtons 
{
    background-color: White;
}

.wysiwygBorder
{
    border-right: buttonhighlight 1px solid;
    border-top: buttonshadow 1px solid;
    border-left: buttonshadow 1px solid;
   	border-bottom: buttonhighlight 1px solid;
    background-color: #ffffff
}

/* fancy and memorable name for gray box with thin blue border */
.civilwar	
{
	border: #006699 1px solid;
	background-color: #e6e6e6;
}
	
/* blue header used in .civilwar and at top of lists */
.yankee 
{
	line-height:20px;
	background-color: #336699;
}

/* new library header color, to match new v3 style libraries */
.newyankee 
{
	line-height:20px;
	background-color: #336699;
}

div.Box div.Row
{
    margin-top: 5px;
    margin-bottom: 5px;
}
div.RowLabel 
{
    width: 100px;
    text-align: right;
    float: left;
    padding-right: 10px;
}
div.RowLabelWide 
{
	width:200px;
}
div.RowBody 
{
    float: left;
}

div.thinBorder 
{
	border: 1px solid #336699;
	margin-top:10px;
	padding:15px/* 0px 15px 0px*/;
}
div.solidBox
{
	background: #369;
	height:10px;
}
.boldText
{
	font-weight:bold;
}

/* more old styles from admin/style_sheet.css */

.tbToolbar
{
    Z-INDEX: 1;
    WIDTH: 516px;
    HEIGHT: 31px;
    BACKGROUND-COLOR: buttonface
}
.tbToolbarSM
{
    Z-INDEX: 1;
    WIDTH: 466px;
    HEIGHT: 31px;
    BACKGROUND-COLOR: buttonface
}
.tbButtons
{
    BORDER-RIGHT: buttonshadow 1px solid;
    BORDER-TOP: buttonhighlight 1px solid;
    Z-INDEX: 1;
    LEFT: 1px;
    BORDER-LEFT: buttonhighlight 1px solid;
    WIDTH: 310px;
    BORDER-BOTTOM: buttonshadow 1px solid;
    POSITION: relative;
    TOP: 0px;
    HEIGHT: 28px;
    BACKGROUND-COLOR: buttonface
}
.tbHtml
{
    Z-INDEX: 1;
    LEFT: 65px;
    WIDTH: 100px;
    POSITION: relative;
    TOP: 2px;
    HEIGHT: 24px;
    BACKGROUND-COLOR: buttonface
}
.tbBold
{
    Z-INDEX: 2;
    LEFT: 7px;
    WIDTH: 23px;
    CURSOR: default;
    POSITION: relative;
    TOP: 1px;
    HEIGHT: 22px;
    BACKGROUND-COLOR: buttonface
}
.tbItalic
{
    Z-INDEX: 2;
    LEFT: 3px;
    WIDTH: 23px;
    CURSOR: default;
    POSITION: relative;
    TOP: 1px;
    HEIGHT: 22px;
    BACKGROUND-COLOR: buttonface
}
.tbUnder
{
    Z-INDEX: 2;
    LEFT: -1px;
    WIDTH: 23px;
    CURSOR: default;
    POSITION: relative;
    TOP: 1px;
    HEIGHT: 22px;
    BACKGROUND-COLOR: buttonface
}
.tbFontUp
{
    Z-INDEX: 2;
    LEFT: 2px;
    WIDTH: 23px;
    CURSOR: default;
    POSITION: relative;
    TOP: 1px;
    HEIGHT: 24px;
    BACKGROUND-COLOR: buttonface
}
.tbFontDown
{
    Z-INDEX: 2;
    LEFT: -2px;
    WIDTH: 23px;
    CURSOR: default;
    POSITION: relative;
    TOP: 1px;
    HEIGHT: 24px;
    BACKGROUND-COLOR: buttonface
}
.tbLeft
{
    Z-INDEX: 2;
    LEFT: 2px;
    WIDTH: 23px;
    CURSOR: default;
    POSITION: relative;
    TOP: 1px;
    HEIGHT: 22px;
    BACKGROUND-COLOR: buttonface
}
.tbCenter
{
    Z-INDEX: 2;
    LEFT: -2px;
    WIDTH: 23px;
    CURSOR: default;
    POSITION: relative;
    TOP: 1px;
    HEIGHT: 22px;
    BACKGROUND-COLOR: buttonface
}
.tbRight
{
    Z-INDEX: 2;
    LEFT: -6px;
    WIDTH: 23px;
    CURSOR: default;
    POSITION: relative;
    TOP: 1px;
    HEIGHT: 22px;
    BACKGROUND-COLOR: buttonface
}
.tbUL
{
    Z-INDEX: 2;
    LEFT: -2px;
    WIDTH: 23px;
    CURSOR: default;
    POSITION: relative;
    TOP: 1px;
    HEIGHT: 22px;
    BACKGROUND-COLOR: buttonface
}
.tbOL
{
    Z-INDEX: 2;
    LEFT: -6px;
    WIDTH: 23px;
    CURSOR: default;
    POSITION: relative;
    TOP: 1px;
    HEIGHT: 22px;
    BACKGROUND-COLOR: buttonface
}
.tbLink
{
    Z-INDEX: 2;
    LEFT: -2px;
    WIDTH: 23px;
    CURSOR: default;
    POSITION: relative;
    TOP: 1px;
    HEIGHT: 22px;
    BACKGROUND-COLOR: buttonface
}
.tbSeparator
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: buttonshadow 1px solid;
    Z-INDEX: 2;
    BORDER-LEFT: buttonshadow 1px solid;
    WIDTH: 2px;
    BORDER-BOTTOM: medium none;
    TOP: -3px;
    HEIGHT: 22px;
    BACKGROUND-COLOR: #ffffff
}

.AdminFormSection
{
	font-size: 12px;
	margin:20px 0px 0px 25px;
    float:left; 
}

.AdminFormRow
{
	
	width:500px;
	margin-bottom:15px;
}

.AdminFormLabel
{
	width:100px;
	float:left;
	padding-top:3px;
}

#DivProfile .AdminFormLabel
{
	width:150px;
	float:left;
	padding-top:3px;
}

.AdminFormInput
{
	float:left;
	margin-left:5px;
}

#DivProfile .formrow {margin:6px 0px 6px 0px; /*clear:both;*/}
#DivProfile .spacersmallest {clear:both; height:2px;}
#DivProfile .formrowlabel {float:left; width:180px; text-align:left; margin-left:10px}
#DivProfile .formrowfield {float:left;}