/*
 * Old Colors:
blue - #003366
lite khaki - #F0E68C
drk khaki - #BDB76B
red - #660000
border - silver

 * New Colors:
background banner - peach/creme: #fffae7 
logo border - deepblue: #003366
light red: #ffede6  teal(contrast): #337257
link visited - #660000 (redish)

*/
a:link {color: #1a3461}
a:visited {color: #1a3461}

body
{
	background-color: #fffae7;
	margin:0px 0px 0px 0px;
	font-family: Sans-Serif;
	font-size: 10pt;
	background-position: left top;
	height: 100%;
}
img
{
	border-style: none;
}

.bold {
  font-weight: bold;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}

.pageError
{
	border:solid 1px DarkRed;
	color: #660000;
	font-weight: bold;
}
.pageMessage
{
	color: #003366;
	font-weight: bold;
	font-size: x-large;
	text-align: center;
	border: solid 2px #003366;
	padding: 5px;
}
.pageBannerContainer
{
	height: 160px;
	background-color: #fffae7;
  padding: 10px;
  min-width: 1024px;
}
.logoContainer
{
	float:  left;
	height: 100%;
	top: 0px;
	left: 0px;
	padding-right: 10px;
	cursor: hand;
	background-color: #fffae7;
	z-index: 1;
}
.logoImage
{
	margin-top: 15px;
	height: 100px;
	width: 280px;
	border-bottom: solid 1px #003366;
	background: url("../images/SecmeLogo_new.gif") no-repeat left top;
}
.logoTagline
{
	width: 280px;
	color: #003366;
	text-align: center;
}
.bannerImage
{
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -240px;
	height: 160px;
	width: 480px;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
}
.bannerMessage
{
	float: right;
	height: 160px;
	width: 224px;
	padding-left: 10px;
	background-color: transparent;
}
.pageContainer
{
  width: 100%;
  height: 100%;
  padding: 0px 0px 0px 0px;
}
.pageFooter
{
	clear: both;
	text-align: center;
	font-size: x-small;
	margin: 0px auto;
	padding: 40px 0px 10px 0px;
}
.pageError
{
	position: relative;
	text-align: center;
	top: 0px;
	color: #800000;
	background-color: #cccccc;
	border: solid 4px red;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	font-size: large;
	z-index: 10000;
}
.headerContent
{
	overflow: hidden;
	width: 100%;
	height: 30px;
	text-align: left;
	background-color: #003366;
	color: #fffae7;
}
.headerInfo
{
	float: left;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.headerDate
{
	width: 250px;
	float: left;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height:30px;
	letter-spacing:.2em;
	padding: 0px 0px 0px 10px;
}
.headerPageTitle
{
	float: left;
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	line-height:30px;
	letter-spacing:.2em;
}
.headerPageStatus
{
	vertical-align: middle;
	float: right;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height:30px;
	letter-spacing:.2em;
	padding: 0px 10px 0px 0px;
}
.leftMenuContainer
{
	float:left;
	padding: 10px 5px 5px 0px;
	text-align: left;
}
.leftMenustyle
{
	cursor: default;
	text-decoration: none;
	/* background-color: #BDB76B; commenting this makes it transparent */
}
.leftMenuSelected
{
	background-color: White;
}
.subMenuStyle
{
	cursor: default;
	text-decoration: none;
	background-color: #FFFBED;
	border: solid 1px Orange;
}
.contentLeft
{
	z-index: 10;
	top: 131px;
	float: left;
	width: 250px;
}
.contentMain
{
	text-align: left;
	width: 700px;
	min-width: 700px;
	min-height: 450px;
	/* border-left: dotted 2px Silver;
	border-right: dotted 2px Silver;
	 border-bottom: solid 2px Silver; */
	padding: 10px 10px 25px 10px;
	background-color: #fffae7;
	margin-left: auto;
	margin-right: auto;
}
.contentViewer
{
	font-family: Sans-Serif;
}
.imageSelectArea
{
}
.imageSelectTile
{
	float: right;
	width: 180px;
	cursor: pointer;
	margin: 10px 10px 10px 10px;
	border: solid thin black;
	text-align: center;
}
.imageSelectImg
{
	text-align: center;
}
.imageSelectTitle
{
	height: 40px;
	text-align: center;
	color: White;
	font-size: 10px;
	background-color: Black;
}
.imageViewerArea
{
	float: left;
}
.imageViewerTile
{
	float: right;
	width: 150px;
	cursor: pointer;
	margin: 10px 10px 10px 10px;
	border: inset thin white;
	text-align: center;
}
.imageViewerImg
{
	background-color: White;
	text-align: center;
}
.imageViewerTitle
{
	text-align: center;
	color: White;
	font-size: 10px;
	background-color: Black;
}
.detailReportArea
{
	border: solid 1px black;
	width: 550px;
}
.detailSectionTitle
{
	width: 550px;
	text-align: center;
	font-size: large;
	font-weight: bold;
}
.detailSectionBox
{
	width: 550px;
	border: solid 1px black;
}
.adminForm	/* Used for FormView pages */
{
}
.textButton /* Used in FormView controls */
{
	background-color: ButtonFace;
	border: outset 2px ButtonShadow;
	padding: 5px 10px 5px 10px;
}
.collapsePanel
{
	width: 600px;
	height:0px;
	background-color:White;
	overflow:hidden;
}
.collapsePanelHeader
{
	width: 600px;
	height:20px;
	color:Black;
	font-weight:bold;
	float:left;
	padding:5px;
	vertical-align:middle;
}
.indentTable
{
	float:left;
	padding: 5;
	font-size: 10px;
	vertical-align: top;
	padding: 5px 10px 5px 10px;
}

/* Ajax Accordian Pane control */
.accordionLink
{
}
.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}
.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}
.accordionHeader
{
	border: 1px solid #2F4F4F;
	color: white;
	background-color: #660000;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}
.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}
.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}
.accordionHeaderSelected
{
	border: 1px solid #2F4F4F;
	color: white;
	background-color: #660000;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}
.accordionContent
{
	background-color: #F0E68C;
}
.textBoxFill
{
	 width: 90%;
}

/* Content Editor component */
#pageContent {
	background-color: Transparent;
	padding: 5;
	border-color: Black;
	border-width: 2px;
	border-style: solid;
	width: 610px;
	min-width: 610px;
	max-width: 610px;
	overflow: auto;
}
#positioningDiv {
	position: relative;
	top: -450;
	width: 610px;
	min-width: 610px;
	max-width: 610px;
}
#outerFormatting, #buttonDisplay {
	width: 610px;
	min-width: 610px;
	max-width: 610px;
}

/* Menu Editor styles */
.menuEdit
{
	background-color: #F0E68C;
	border-left: solid 1px Silver;
	border-bottom: solid 1px Silver;
}
.menuEditSelected
{
	background-color: #660000;
	border-left: solid 1px Silver;
	border-bottom: solid 1px Silver;
}

table th 
{
    text-align: left;
    font-size: smaller;
}

/* Student Manager Styles */
#Buttons
{
	padding: 5px;
}

.StudentManagerAddIcon
{
	height: 24px;
	width: 24px;
	background: transparent url('images/student_manager/plus.png') no-repeat center top;
	cursor: hand;
}

.StudentManagerUpdateIcon
{
	height: 24px;
	width: 24px;
	background: transparent url('images/student_manager/update.png') no-repeat center top;
	cursor: hand;
}

.StudentManagerXferIcon
{
	height: 24px;
	width: 24px;
	background: url('images/student_manager/xfer.png') no-repeat center top;
	cursor: hand;
}

.StudentManagerPromoteIcon
{
	height: 24px;
	width: 24px;
	background: url('images/student_manager/cap.png') no-repeat center top;
	cursor: hand;
}

.StudentManagerTable
{
	background-color: #fff;
	width: 100%;
	border: 1px solid #efefef;
	border-collapse: collapse;
}

.StudentManagerTable th
{
	text-align: center;
	background-color: #587898;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 5px;
	color: #fff;
	border: 1px solid #fff;
	width: 0%;
	height: 20px;
}

.StudentManagerTable td
{
	padding: 2px 5px;
	border: 1px dotted grey;
}

.StudentManagerTable a
{
	text-decoration: none;
	font-weight: bold;
	color: Blue;
}

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

tr.lightBlue 
{
	background-color: #e6efff;
}

td.CheckBoxes
{
	text-align: center;
}

.Error
{
	background-color: #ffe8e8;
}

.Success
{
	background-color: #a3f84a;
}

.Detail
{
    cursor: pointer;
}

.Status
{
	cursor: pointer;
}

.studentManagerBorder
{
	border-color: #587898;
	border-style: solid;
	border-width: 2px;
}

.studentManagerTHColor
{
	background-color: #587898;
	font-size: 9pt;
	text-align: center;
	color: White;
}

.studentManagerCaption
{
	font-size: larger;
	font-weight: bold;
	text-align: center;
}

.generalUpdate
{
	border-color: #587898;
	border-style: solid;
	border-width: 2px;
	font-family: sans-serif;
	font-size: 12px;
}

#transfer
{
	border-color: #587898;
	border-style: solid;
	border-width: 2px;
	font-family: Sans-Serif;
	font-size: 12px;
}

#AddStudentsInfo 
{
	margin: 0 auto;
}

#NewStudentTable
{
    font-size: 12px;
}

#AddDataEntryRow
{
	text-align: left;
	cursor: pointer;
}

#RemoveDataEntryRow
{
	cursor: pointer;
	text-decoration: underline;
}

.ui-dialog-content
{
	font-size: 12px;
	font-family: Sans-Serif;
}

#StudentManager
{
	position: relative;
}

#ajax-load-container
{
	position: absolute;
	background-color: #e6efff;
	padding: 5px;
	top: 0;
	right: 0;
}

/*************************/

/*************************
** Registration Wizard
*************************/
.registrationSideBar 
{
	padding: 15px;
	text-align: right;
}

.registrationSideBar a 
{
	font-weight: bold;
	text-decoration: none;
	color: #3f8df2;
}

.registrationSideBar a:hover
{
	color: #638CC2;
	text-decoration: underline;
}


.registrationStep 
{
	padding: 15px;
}
.WhiteAndBlueTable
{
	background-color: #fff;
	width: 100%;
	border: 1px solid #efefef;
	border-collapse: collapse;
}

.WhiteAndBlueTable th
{
	text-align: center;
	background-color: #587898;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 5px;
	color: #fff;
	border: 1px solid #fff;
	width: 0%;
	height: 20px;
}

.WhiteAndBlueTable td
{
	padding: 2px 5px;
	border: 1px dotted grey;
}

.borderit img{
border: 1px solid navy;
}

.borderit:hover img{
border: 1px solid orange;
}
/*************************/