body
{
    /*background-color: #5c87b2;*/
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #555;
}

/* Layout
--------------------------------------------------------*/
#header
{
    width: 100%;
    height: 60px;
    background-color: #f5f5f5;
}
#headerContent
{
    width: 960px;
    padding: 10px 0px;
    margin: 0px auto;
    height: 40px;
}
#headerContent span
{
    font-size: 1.5em;
    color: #555;
    position: relative;
    top: -10px;
    margin-left: 10px;
}
#nav
{
    width: 100%;
    height: 44px;
    background-image: url(/content/images/navbg.jpg);
    background-repeat: repeat-x;
    background-position: top;
}
#navContent
{
    width: 960px; /*padding: 10px 0px;*/
    margin: 0px auto;
    height: 24px;
}
#crumbNavigation
{
    padding-top: 8px;
    margin-left: 10px;
    height: 30px;
    float: left;
}
#crumbNavigation .navItem
{
    color: #D39C59;
    font-size: 8pt;
}
#crumbNavigation .navPointer
{
    color: #655E47;
    font-size: 8pt;
}
#subNav
{
    width: 100%;
    height: 36px; /*background-color:#f0f0f0;           background-image: url(/content/images/navbg.jpg);     background-repeat: repeat-x;     background-position: top;*/
}
#subNavContent
{
    width: 960px; /*padding: 10px 0px;*/
    margin: 0px auto;
    height: 24px;
}
#page
{
    width: 100%;
}
#pageContent
{
    width: 960px;
    padding: 10px;
    margin: 0px auto;
}
#pageContent h2 {
	margin-top:0px;
	margin-bottom: 0px !important;
}
#footer
{
    width: 100%;
}
#footerContent
{
    width: 960px;
    padding: 10px;
    margin: 0px auto;
}

a:link
{
    color: #034af3;
    text-decoration: none;
}
a:visited
{
    color: #034af3;
    text-decoration: none;
}
a:hover
{
    color: #003af3;
    text-decoration: underline;
}
a:active
{
    color: #034af3;
    text-decoration: none;
}

a img
{
    border: none;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em; /*color: #000;*/
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    /*padding: 0 0 10px 0;*/
}
h2.article
{
    font-size: 1.3em;
    padding: 0px;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* Nav
---------------------------------------------------------
#navContent ul
{
    margin: 0 0 0 10px;
    padding: 0 0 0 0;
}

#navContent ul li
{
    display: inline;
    margin: 0 0 0 0;
    line-height: 44px;
}

#navContent a, #navContent a:link, #navContent a:active, #navContent a:visited
{
    font-size: 14px;
    text-decoration: none;
    color: #333;
    padding: 14px 15px;
    outline-style: none;
}

#navContent a:hover
{
    color: #fff;
    background-color: #2b6fa8;
    background-image: url(/content/images/navhover.jpg);
    background-repeat: repeat-x;
    background-position: top;
}*/
.jsddm
{
    margin: 0 0 0 10px;
    padding: 0 0 0 0;
    z-index: 10000;
}

.jsddm li
{
    float: left;
    list-style: none;
    line-height: 44px; /*font: 12px Tahoma, Arial*/
}

.jsddm li a
{
    /*display: block; 		background: #324143; 		padding: 5px 12px; 		text-decoration: none; 		border-right: 1px solid white; 		width: 70px; 		color: #EAFFED; 		white-space: nowrap*/
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #333;
    padding: 0px 15px;
    outline-style: none;
}

.jsddm li a:hover
{
    color: #fff;
    background-color: #2b6fa8;
    background-image: url(/content/images/navhover.jpg);
    background-repeat: repeat-x;
    background-position: top;
}

.jsddm li ul
{
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    border-top: 1px solid white;
}

.jsddm li ul li
{
    float: none;
    display: block;
}

.jsddm li ul li a
{
    width: auto;
    background: #2b6fa8;
    color: #fff;
}

.jsddm li ul li a:hover
{
    background: #03355E;
}

/* Mask
--------------------------------------------------------------------*/
#mask
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90000;
    background-color: #aaa;
    display: none;
}
#loader
{
    position: absolute;
    top: 200px;
    left: 200px;
    display: none;
    z-index: 90010;
    width: 200px;
    height: 40px;
}
#courseTemplate
{
    position: absolute;
    top: 200px;
    left: 200px;
    display: none;
    z-index: 90001;
    width: 450px;
    height: 160px;
    border: solid 1px #224499;
    background-color: #fff;
}
#courseTemplate div.edit
{
    padding: 8px;
}
.modalDialog
{
    position: absolute;
    top: 200px;
    left: 200px;
    display: none;
    z-index: 90001;
    width: 300px;
    height: auto;
    border: solid 1px #224499;
    background-color: #fff;
}
.modalDialog div.edit
{
    padding: 8px;
}
.modalDialog#facultyTrainingAdd
{
    top: 5px !important;
}
.tableHeader
{
    color: #fff;
    background-color: #2b6fa8;
    background-image: url(/content/images/navhover.jpg);
    background-repeat: repeat-x;
    background-position: top;
    height: 30px;
}
.tableHeader th
{
    padding: 2px;
}
.row
{
    height: 30px;
    padding: 2px;
}
.altRow
{
    height: 30px;
    padding: 2px;
    background-color: #eaeaea;
}
.rowExpired
{
    height: 30px;
    padding: 2px;
    background-color: #FFD6D6;
}
.altRowExpired
{
    height: 30px;
    padding: 2px;
    background-color: #FF8C8C;
}
.modalHeader
{
    background-color: #ddd;
    height: 18px;
    padding: 4px;
    background-image: url(/content/images/navhover.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    color: #fff;
}

.rounded
{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #aaa;
    background-color: #fafafa;
    padding: 10px;
}
.sectionHeader
{
    text-align: center;
    background-color: #002f65;
    height: 20px;
    font-size: 1.2em;
    color: #fff;
    font-weight: bold;
}

a.linkButton, a.linkButton:active, a.linkButton:visited
{
    padding: 14px 8px 14px 8px;
    height: 40px;
    border: solid 1px #ddd;
    background-color: #fafafa;
    background-image: url(/content/images/navbg.jpg);
    background-repeat: repeat-x;
    background-position: center;
    text-decoration: none;
    color: #333;
}
a.linkButton:hover
{
    background-image: url(/content/images/navhover.jpg);
    background-repeat: repeat-x;
    color: #fff; /*text-decoration:underline;*/
}
a.linkButton3, a.linkButton3:active, a.linkButton3:visited
{
    padding: 8px 16px;
    border: 1px solid #ccc;
    background: #fff url('/content/images/bgButtonHover.gif') bottom repeat-x;
    text-decoration: none;
    color: #333;
    font-weight: bold; /*margin-left: 4px;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; /*width:316px;     display: block;*/
}
a.linkButton3:hover
{
    background-image: url(/content/images/navhover.jpg);
    background-repeat: repeat-x;
    color: #fff; /*text-decoration:underline;*/
}
a.linkButton2
{
    padding: 4px 3px;
    border: 1px solid #9f9f9f;
    background: #f5f5f5 url('/content/images/bgButtonHover.gif') bottom repeat-x;
    text-decoration: none;
    color: #000;
    font-weight: normal;
    margin-left: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 316px;
    display: block;
}
a.linkButton2:hover
{
    padding: 4px 3px;
    border: 1px solid #9f9f9f;
    background: #f5f5f5 url('/content/images/bgButtonHover.gif') bottom repeat-x;
    text-decoration: none;
    color: #333;
    cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 316px;
    display: block;
}
a.linkButtonDisabled
{
    padding: 4px 3px;
    border: 1px solid #9f9f9f;
    background: #f5f5f5 url('/content/images/bgButtonHover.gif') bottom repeat-x;
    text-decoration: none;
    color: #aaa;
    font-weight: normal;
    margin-left: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 316px;
    display: block;
}

.contentSectionHeader
{
    padding: 10px 8px 0px 8px;
    height: 28px;
    border: solid 1px #ddd;
    background-color: #fafafa;
    background-image: url(/content/images/navbg.jpg);
    background-repeat: repeat-x;
    background-position: center;
    color: #333;
    font-size: 12pt;
    font-weight: bold;
}
.contentSectionHeader div.arrow
{
    width: 40px;
    float: left;
    margin-top: -2px;
}
.contentSectionHeader div.title
{
    float: left;
}

.green
{
    color: Green;
}
.red
{
    color: Red;
}
.large
{
    font-size: 14pt;
    font-weight: bold;
}
.bold
{
    font-weight: bold;
}
.smallest
{
    font-size: .8em;
}
.smaller
{
    font-size: .9em;
}
.big
{
    font-size: 12pt;
    font-weight: bold;
}


/*********************************************
TIME PICKER *********************************/
div.time-picker
{
    position: absolute;
    height: 191px;
    width: 80px; /* needed for IE */
    overflow: auto;
    background: #fff;
    border: 1px solid #aaa;
    z-index: 90002;
    margin: 0;
}
div.time-picker-12hours
{
    width: 100px; /* needed for IE */
}
div.time-picker ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.time-picker li
{
    cursor: pointer;
    height: 10px;
    font: 12px/1 Helvetica, Arial, sans-serif;
    padding: 4px 3px;
}
div.time-picker li.selected
{
    background: #0063CE;
    color: #fff;
}

.clear
{
    clear: both;
}

.contentTab
{
    margin-bottom: -1px;
    padding: 10px 20px;
    margin-right: 2px;
    border: 1px solid #ccc;
    border-bottom: none;
    background-color: #efefef;
    float: left; /*position:relative;     z-index:999;*/
}
.activeTab
{
    margin-bottom: -1px;
    padding: 10px 20px;
    background-color: #fff; /*position:relative;*/
    background-image: url(/content/images/navhover.jpg);
    background-repeat: repeat-x;
    background-position: center;
    color: #fff;
}

.tab2
{
    margin-right: 2px;
    padding: 10px 20px;
}
.contentTab2
{
    /*margin-bottom:-1px;*/
    border: 1px solid #dddddd;
    border-bottom: none;
    background: #fcfcfc;
    color: #fff;
    width: auto;
    float: left;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.activeContentTab2
{
    margin-bottom: -1px;
    border: 1px solid #013B6B;
    border-bottom: none;
    background-color: #fafafa; /*background-image: url(/content/images/navBg.jpg);*/
    background-image: url(/content/images/navhover.jpg);
    background-repeat: repeat-x;
    background-position: center;
    color: #fff;
    width: auto;
    float: left;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.contentTab2 a
{
    color: #333;
    font-weight: normal;
}

.activeContentTab2 a
{
    color: #fff;
    font-weight: bold;
}
.tabContentContainer
{
    padding: 6px;
    border: 1px solid #013B6B;
    background-color: #013B6B;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
}
.tabContentContainerInner
{
    border: 1px solid #fff;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.activeTab a
{
    color: #fff;
    font-weight: bold;
}
.contentArea
{
    border: 2px solid #ccc;
    padding: 8px;
    background-color: #fafafa;
}

.grayBoxeeBox
{
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    padding: 8px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
#logout
{
    float: right;
    right: 0px;
    *margin-top: -40px;
}

.hiddenText
{
    background-color: transparent;
    border: none;
    color: #333;
    outline: none;
}
.hiddenText:focus
{
    outline: none;
}
.hiddenText:readonly
{
    color: #333;
}

.hiddenRow
{
    display: none;
}


/*******************************/
.projectCommentContent
{
     background-color:#fafafa;
      /*border:1px solid #ddd;*/
      padding:4px;
      margin-bottom:6px;
}
.projectComments
{
    font-weight:bold;
}
.projectCommentsTimeStamp
{
    /*background-color:#ddd;*/
    line-height:18px;
    font-size:.85em;
     text-align:right;
}

.priority
{
    /*float:left; 
    width:70px;
    height:40px;*/
    width:48px; margin-left:30px;
}
.priorityNumber
{
    float:left;
    width:28px;
}
.priorityNumberText
{
    width:20px;
    text-align:center;
}
.prioritySave
{
    float:left;
    padding-top:6px;
}
.priorityNumberImage
{
     cursor: hand; cursor: pointer;
}
input.estDatePicker
{
    width:68px;
}
.estCompDate
{
    width:94px;
}
.estCompDateContent
{
    float:left;
    width:76px;
}
.estCompDateSave
{
    float:left;
    padding-top:6px;
}
.projectStatus
{
    width:84px;
}
.projectStatusContent
{
    float:left;
    width:66px;
}
.projectStatusSave
{
    float:left;
    padding-top:6px;
}
.priority10
{
    margin-left:6px;
    float:left; 
    width:50px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    background-color: #ff0400;
    padding-top: 11px;
    padding-bottom: 11px;
}
.priority9
{
    margin-left:6px;
    float:left; 
    width:50px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    background-color: #fc2c00;
    padding-top: 11px;
    padding-bottom: 11px;
}
.priority8
{
    margin-left:6px;
    float:left; 
    width:50px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    background-color: #ff6200;
    padding-top: 11px;
    padding-bottom: 11px;
}
.priority7
{
    margin-left:6px;
    float:left; 
    width:50px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    background-color: #f39700;
    padding-top: 11px;
    padding-bottom: 11px;
}
.priority6
{
    margin-left:6px;
    float:left; 
    width:50px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    background-color: #ccdd00;
    padding-top: 11px;
    padding-bottom: 11px;
}
.priority5
{
    margin-left:6px;
    float:left; 
    width:50px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    background-color: #8ad145;
    padding-top: 11px;
    padding-bottom: 11px;
}
.priority4
{
    margin-left:6px;
    float:left; 
    width:50px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    background-color: #017d9f;
    padding-top: 11px;
    padding-bottom: 11px;
}
.priority3
{
    margin-left:6px;
    float:left; 
    width:50px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    background-color: #003fdc;
    padding-top: 11px;
    padding-bottom: 11px;
}
.priority2
{
    margin-left:6px;
    float:left; 
    width:50px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    background-color: #0015ff;
    padding-top: 11px;
    padding-bottom: 11px;
}
.priority1
{
    margin-left:6px;
    float:left; 
    width:50px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    background-color: #0002fb;
    padding-top: 11px;
    padding-bottom: 11px;
}

/* User */
td.alignRight {
	text-align:right;
}
td.alignLeft {
	text-align:left;
}

#ui-datepicker-div {display: none;}


.stepContainer {
	padding:10px;
	border:1px solid #eee;
	margin-bottom:10px;
}